{"version":3,"file":"css/injected.css","mappings":";AACA","sources":["webpack://betterseqtaplus/./src/css/injected.scss","webpack://betterseqtaplus/./src/css/injected/popup.scss","webpack://betterseqtaplus/./src/css/injected/sidebar-animation.scss","webpack://betterseqtaplus/./src/css/injected/theme.scss","webpack://betterseqtaplus/./src/css/injected/transparency.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import url(\"https://fonts.googleapis.com/css?family=Rubik:300,400,500,600\");\n\n@import \"./injected/popup.scss\";\n@import \"./injected/sidebar-animation.scss\";\n@import \"./injected/theme.scss\";\n@import \"./injected/transparency.scss\";\n\n:root {\n  background: var(--better-main) !important;\n  --navy: #1a1a1a !important;\n  --auto-background: var(--better-pale, var(--background-secondary)) !important;\n}\nbody, html {\n  font-family: Rubik, sans-serif !important;\n}\n#container {\n  transition: 200ms;\n  background: var(--auto-background) !important;\n}\n* {\n  font-family: Rubik, sans-serif !important;\n  --theme-fg-parts: white;\n\n  transition: background-color 200ms ease-in-out, backdrop-filter 200ms ease-in-out;\n}\n@media (min-width: 900px) {\n  #title > span {\n    transform: translateY(2px);\n  }\n}\n.connectedNotificationsWrapper > div > button > svg > g {\n  fill: var(--theme-primary) !important;\n}\n#main {\n  color: var(--text-primary);\n  position: relative;\n}\n.forums {\n  color: var(--text-color);\n}\n.defaultWelcome {\n  background: var(--better-main);\n  border-radius: 1rem 1rem 0rem 0 !important;\n  color: var(--text-color) !important;\n  overflow: hidden;\n}\n.LegacyModuleBody__LegacyModule___20YE2 {\n  background: transparent;\n}\n.addedButton {\n  position: absolute !important;\n  right: 105px;\n  padding: 6px !important;\n  overflow: unset !important;\n  border-radius: 10px !important;\n  cursor: pointer;\n  background: var(--text-primary) !important;\n  border-radius: 10px;\n  color: var(--theme-primary) !important;\n  height: 35px;\n  justify-content: center;\n  width: 35px !important;\n}\n#main > .dashboard {\n  background: unset;\n\n  // TODO: Make this only opacity 0 when the animation will be played to stop a flash of the original\n  > section {\n    border-radius: 1rem !important;\n    //opacity: 0;\n  }\n\n  > .dashlet {\n    background: var(--background-primary);\n    border-radius: 1rem;\n    //opacity: 0;\n  }\n}\n.dashlet-summary-homework>.summary>.subject>.item {\n  color: var(--text-primary) !important;\n}\n.dashlet-summary-homework>.summary>.subject>.item {\n  color: var(--text-primary) !important;\n}\n.dashlet-notes > ul {\n  background: var(--background-primary);\n}\n.dashlet-notes > ul > li {\n  color: var(--text-primary);\n}\nul.magicDelete > li:hover {\n  background: var(--better-sub);\n}\n.dashlet-notes > .editor {\n  background: unset;\n}\nul.magicDelete > li.deleting {\n  background: unset;\n}\n.addedButton svg {\n  margin: 6px;\n  fill: var(--theme-primary);\n}\n#menu, .sub, .nav {\n  background: transparent !important;\n  color: var(--text-color) !important;\n}\n.tooltip {\n  z-index: 5 !important;\n}\n::-webkit-scrollbar {\n  width: 0px !important;\n  background: none;\n}\n#menu li, #menu section {\n  margin: 8px auto !important;\n  width: 85% !important;\n  border-bottom: none;\n  box-shadow: none;\n  border-radius: 12px;\n  padding: 12px;\n  color: var(--text-color) !important;\n  display: flex;\n  white-space: nowrap;\n  place-items: center;\n}\n#menu .sub {\n  top: 71.5px;\n  margin-top: -2px;\n}\n#menu section > label {\n  align-items: center;\n  box-sizing: border-box;\n  cursor: inherit;\n  display: flex;\n  flex: 1;\n  font-weight: 700;\n  padding: 0;\n  white-space: nowrap;\n}\n#menu {\n  width: 270px;\n  background: var(--better-main) !important;\n  color: var(--text-color);\n  border-right: none;\n  font-family: Rubik, sans-serif !important;\n}\n#menu li > label > svg, #menu section > label > svg {\n  margin: 0 10px 0 4px;\n  width: 28px !important;\n  height: 28px !important;\n}\n#menu ul li {\n  margin-left: auto !important;\n  margin-right: auto !important;\n  margin-top: 8px !important;\n  margin-bottom: 8px !important;\n  width: 85% !important;\n}\n.item.draggable {\n  width: 100% !important;\n  > .sub {\n    display: none !important;\n  }\n}\n#menu li.active > .sub > ul > .item {\n  box-shadow: inset 3px 0 var(--item-colour, transparent);\n  border-radius: 0px 8px 8px 0px;\n  transition: 100ms;\n}\n#menu li.active > .sub > ul > .item:hover {\n  box-shadow: inset 6px 0 var(--item-colour, transparent);\n  transition: 100ms;\n}\n#menu li.active > .sub > ul > .active {\n  box-shadow: inset 6px 0 var(--item-colour, transparent);\n  transition: 100ms;\n  background: rgba(0, 0, 0, 0.3) !important;\n}\n#menu li > label, #menu section > label {\n  text-transform: none;\n  font-size: 16px;\n}\n#userActions {\n  display: none;\n}\nhtml {\n  background: var(--better-main) !important;\n}\n/* Messages */\n.menuShown .content .anyoneSelect .listWrapper .list:has(.item) {\n  width: 100% !important;\n}\n.listWrapper:not(:has(.list *)) + .functions, .listWrapper:not(:has(.list *)) {\n  opacity: 0 !important;\n}\n.listWrapper + .functions, .listWrapper {\n  transition: opacity 500ms;\n}\n[data-type=\"student\"] .header {\n  color: black !important;\n}\nol:has(.MessageList__avatar___2wxyb svg) {\n  transition-duration: 150ms !important;\n  transition-delay: 0ms !important;\n}\n/* Direct Message Menu */\n.wrapper .cke_contents iframe {\n  box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  padding: 8px;\n}\n.wrapper .cke_contents::-webkit-scrollbar-thumb {\n  background-color: #969696 !important;\n  /* color of the scroll thumb */\n}\n.content .footer {\n  margin-top: 5px;\n  border-radius: 16px;\n}\n.content [autocomplete=\"off\"] {\n  background: var(--background-primary) !important;\n}\n.MessageList__MessageList___3DxoC .footer {\n  background: var(--background-secondary) !important;\n}\n.content [placeholder=\"Subject…\"] {\n  border-radius: 16px;\n  padding-left: 12px !important;\n  background: var(--background-primary) !important;\n}\n.listWrapper {\n  padding: 8px;\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n  background: var(--background-primary);\n  margin-top: 26%;\n}\n.functions {\n  background: var(--background-primary);\n  margin: 0 !important;\n  border-bottom-left-radius: 16px;\n  border-bottom-right-radius: 16px;\n}\n.functions > .uiButton {\n  width: 100%;\n  border: none !important;\n  border-radius: 16px !important;\n}\n.singleSelect {\n  border-radius: 16px !important;\n  padding: 4px !important;\n  padding-left: 12px !important;\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.2) !important;\n}\n[style=\"--better-sub: #161616; --better-alert-highlight: #c61851; --background-primary: #ffffff; --background-secondary: #e5e7eb; --text-primary: black; --text-color: white; --betterseqta-logo: url(chrome-extension://boikofabjaholheekefimfojfncpjfib/icons/betterseqta-light-full.png); --better-main: #1a1a1a; --better-light: #333333;\"] .menuShown > :last-child {\n  top: 14% !important;\n}\n[style=\"--better-sub: #161616; --better-alert-highlight: #c61851; --background-primary: #ffffff; --background-secondary: #e5e7eb; --text-primary: black; --text-color: white; --betterseqta-logo: url(chrome-extension://boikofabjaholheekefimfojfncpjfib/icons/betterseqta-light-full.png); --better-main: #1a1a1a; --better-light: #333333;\"] .menuShown > :last-child {\n  top: 18% !important;\n}\n.singleSelect > li {\n  border-radius: 4px;\n  margin-top: 4px !important;\n  margin-bottom: 4px !important;\n}\n.uiSlidePane {\n  background-color: rgba(0, 0, 0, 0);\n  transition-duration: 500ms !important;\n}\n#container #content {\n  bottom: unset !important;\n  height: 100%;\n}\n#container #content::before {\n  content: \"\";\n  height: 69.5px;\n  width: 100%;\n}\n.menuShown #container #content #title {\n  -webkit-box-shadow: 6px 5px 16px 6px rgba(0, 0, 0, 0.2) !important;\n  box-shadow: 6px 0px 4px 2px rgba(0, 0, 0, 0.2) !important;\n}\n#container #content #title {\n  -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.2) !important;\n  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2) !important;\n}\n#main .timetablepage .quickbar {\n  border: none;\n  border-radius: 1rem;\n}\n.quickbar .actions {\n  border-bottom-left-radius: 1rem;\n  border-bottom-right-radius: 1rem;\n}\n.quickbar .attendance {\n  border-top-left-radius: 100%;\n  border-bottom-right-radius: 1rem !important;\n}\n#main > .timetablepage > .quickbar.below::before {\n  border-bottom-color: var(--background-primary);\n  top: -1.75rem;\n}\n#main > .timetablepage > .quickbar.above::before {\n  border-bottom-color: var(--background-primary);\n  bottom: -1.75rem !important;\n  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);\n}\n#main .timetablepage .actions a, #main .timetablepage .actions button {\n  background-color: transparent;\n  border: none;\n}\n.document {\n  background: var(--background-primary) !important;\n  border-radius: 8px;\n  margin-bottom: 4px !important;\n}\n#main > .documents > .list > thead > tr > th {\n  border-bottom: transparent 2px solid;\n}\n.documents table {\n  border-collapse: separate;\n  border-spacing: 0 4px;\n}\n.documents > .list > tbody td {\n  border-bottom: unset !important;\n}\ntd.size {\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n  color: var(--text-primary) !important;\n}\ntd.colourBar {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n.documents {\n  padding-left: 10px;\n  padding-right: 10px;\n}\n#toolbar span:has(.search) {\n  position: relative;\n  /* Makes sure the pseudo-element is positioned relative to this element */\n}\n#toolbar .search {\n  padding-left: 30px;\n  /* Provides space for the icon */\n}\n#toolbar span:has(.search)::before {\n  content: \"\";\n  /* Unicode for the search icon */\n  position: absolute;\n  left: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: currentColor;\n  font-size: 16px;\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n#container #content .search {\n  width: 100%;\n  border-radius: 16px;\n  background: var(--background-primary);\n}\n#container #content .uiButton {\n  border-radius: 16px;\n}\n#toolbar button.toggled, #toolbar button.depressed {\n  background: var(--better-main);\n}\n.buttonChecklist {\n  border-radius: 16px;\n  margin-top: 4px;\n}\n#toolbar > span:has(input) {\n  flex: 1 1 0%;\n}\n#main > .reports > .item > .report {\n  filter: brightness(1) !important;\n  border-radius: 16px !important;\n  border: 2px solid var(--better-main) !important;\n  transform: scale(0.97);\n  transition: transform 0.2s ease-out !important;\n}\n#main > .reports > .item > .report:hover {\n  transform: scale(1);\n}\n#main > .reports > .item {\n  box-shadow: none !important;\n  margin-left: auto;\n  margin-right: auto;\n  overflow: visible;\n}\nol > [data-message] {\n  padding-left: 8px !important;\n  padding-right: 4px !important;\n}\nol > [data-label] {\n  margin-left: 4px;\n  margin-bottom: 4px;\n}\n@media (min-width: 1000px) {\n  ol > [data-label] {\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n}\n.Message__Message___3oJaU > .uiFrameWrapper .iframeWrapper {\n  background: transparent;\n}\n.Viewer__newMessage___3ToUb {\n  border-radius: 0.5rem !important;\n  font-size: 0.8rem !important;\n  background: var(--background-primary) !important;\n}\n.MessageList__sender___32riy :last-child {\n  white-space: nowrap;\n}\n[data-type=\"student\"] [style=\"z-index: 30;\"] .header:has(h1) {\n  color: black !important;\n}\n.uiFile.rows>.name, .uiResource.rows>.name {\n  padding: 2px;\n}\ndiv > ol:has(.uiFileHandlerWrapper) {\n  border-bottom-left-radius: 16px !important;\n  border-bottom-right-radius: 16px !important;\n}\n.assessments > div > div > div > div > div > div > div:has(ol) {\n  border-radius: 16px !important;\n}\n[aria-labelledby=\"lixycoxs-tab-1\"] [minlength=\"0\"] {\n  min-height: 8rem !important;\n}\n.student #menu > ul::before {\n  background-image: var(--betterseqta-logo);\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  background-color: transparent;\n  height: 69.5px;\n  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);\n}\n.assessmentsWrapper .message {\n  display: none;\n}\n#menu li:hover {\n  background: rgba(0, 0, 0, 0.15);\n}\n#main > .timetablepage > .container {\n  background: var(--background-primary);\n}\n#content {\n  transition: 0.4s;\n  left: 270px;\n  background: unset;\n}\n@media (max-width: 420px) {\n  .userInfo {\n    display: none !important;\n  }\n}\n@media (max-width: 490px) {\n  .userInfohouse {\n    display: none;\n  }\n}\n@media (max-width: 900px) {\n  .student #menu > ul::before {\n    background-color: var(--background-primary);\n  }\n\n  #menuToggle {\n    display: block !important;\n  }\n  #title::before {\n    display: none;\n  }\n  #menu {\n    -webkit-transform: translatex(-270px);\n    transform: translatex(-270px);\n  }\n  .menuShown #menu {\n    -webkit-transform: translatex(0);\n    transform: translatex(0);\n  }\n  #content {\n    left: 0;\n  }\n  .menuShown #content {\n    -webkit-transform: translatex(270px);\n    transform: translatex(270px);\n  }\n}\n.welcome > .portalPageView > .powerPortalPage > .Body__body___3pGxr > .Container__container___33GlY > .Document__document___1KJCG > .Canvas__canvas___OBdCZ {\n  background-color: unset !important;\n  background-image: unset !important;\n  background-size: unset;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100vh;\n  color: var(--text-primary) !important;\n}\n.Module__wrapper___2sbOo {\n  overflow: clip;\n  background: var(--background-primary) !important;\n  border-radius: 1rem !important;\n  color: var(--text-primary) !important;\n  box-shadow: none;\n}\n.course .composer {\n  background: transparent !important;\n  overflow: hidden;\n}\n.composer > .Body__body___3pGxr > .Container__container___33GlY > .Document__document___1KJCG > .Canvas__canvas___OBdCZ {\n  background-color: transparent !important;\n  background-image: unset !important;\n  color: white !important;\n}\n.notices-container input {\n  border: none;\n}\n#main > .notices > .notice > .label, #main > .notices > .notice > .staff, #main > .notices > .notice > h2 {\n  color: var(--text-primary);\n  color: var(--colour);\n}\n#main > .course > .content > .homework > .content, #main > .course > .content > .resources > .content {\n  color: var(--text-primary);\n  opacity: 0.8;\n}\n#main > .notices > .notice > .contents {\n  background: var(--background-primary);\n}\n#main > .notices > .notice {\n  --colour: unset;\n}\n#title span {\n  display: none;\n}\n#editmenu {\n  display: none;\n}\n#title {\n  background: var(--background-primary);\n  color: var(--text-primary);\n  display: flex;\n  justify-content: space-between;\n  padding-right: 56px !important;\n  height: 4rem;\n  min-height: 48px;\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 10px;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  font-weight: 500 !important;\n  z-index: 20;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n#title::before {\n  background-image: var(--betterseqta-logo);\n  background-position: left;\n  background-repeat: no-repeat;\n  background-size: auto 48px;\n  height: 69.5px;\n  content: \"\";\n  width: 11.5rem;\n}\n.rightElements {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 157.5px;\n  gap: 12px;\n}\n.bg {\n  animation: slide 3s ease-in-out infinite alternate;\n  background: var(--better-main);\n  bottom: 0;\n  left: -50%;\n  opacity: 0.5;\n  position: fixed;\n  right: -50%;\n  top: 0;\n  z-index: 0 !important;\n  overflow: hidden;\n  scale: 1.5;\n}\n.bg2 {\n  animation-direction: alternate-reverse;\n  animation-duration: 4s;\n}\n.bg3 {\n  animation-duration: 5s;\n}\n@keyframes slide {\n  0% {\n    transform: translate(50%) rotate(-60deg);\n  }\n  100% {\n    transform: translateX(5%) rotate(-60deg);\n  }\n}\n.home-root {\n  width: 100%;\n  display: flex;\n  color: var(--text-primary);\n  font-size: unset;\n}\n.home-subtitle {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--text-color);\n}\n.timetable-arrows {\n  padding: 5px;\n}\n.timetable-arrows svg {\n  margin: 0 5px;\n  cursor: pointer;\n}\n.timetable-arrows svg:hover {\n  color: #bebebe;\n}\n.notice a {\n  background: rgba(var(--theme-bg-parts), 0.5) !important;\n}\n.home-container {\n  max-width: 1050px;\n  margin: auto;\n  width: 1050px;\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  padding: 2rem 4rem;\n  align-items: center;\n}\n.home-container h1 {\n  text-align: center;\n  font-weight: 400;\n  font-size: 3em !important;\n  font-weight: 300;\n  margin: 0 auto;\n  background: var(--background-primary);\n  height: 3em;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  width: 100%;\n  -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n}\n.timetable-container {\n  width: 100%;\n  height: auto;\n  background: var(--better-main);\n  display: flex;\n  flex-direction: column;\n  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n}\n.day-container {\n  background: var(--background-primary);\n  transition: 200ms;\n  width: 100%;\n  height: 15em;\n  display: flex;\n  flex-direction: row;\n}\n.notices-container {\n  width: 100%;\n  max-height: 60em;\n  background: var(--better-main);\n  display: flex;\n  flex-direction: column;\n  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n}\n.notice-container {\n  background: var(--better-main);\n  width: 100%;\n  max-height: 55em;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  border-bottom-left-radius: 15px;\n  border-bottom-right-radius: 15px;\n}\n.timetable-container h2 {\n  margin: 20px;\n  font-size: 20px;\n  font-weight: 400;\n}\n.notices-container h2 {\n  margin: 20px;\n  font-size: 20px;\n  font-weight: 400;\n}\n.notice {\n  position: relative;\n  width: 95%;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  margin: 0px auto 7px;\n  background: var(--background-primary);\n  transition: 200ms;\n  box-shadow: inset 0px 5px 20px 1px rgba(0, 0, 0, 0.3);\n  padding-bottom: 25px;\n  color: var(--text-primary);\n}\n.dummynotice {\n  width: 100%;\n  padding: 20px;\n  margin: 7px auto;\n  box-shadow: inset 0px 5px 20px 1px rgba(0, 0, 0, 0.3);\n  background: var(--background-primary);\n}\n.Empty__Empty___2F6rn {\n  color: var(--text-primary);\n}\n.shortcut-container {\n  background: var(--better-main);\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n}\n.border {\n  border-radius: 1rem;\n  overflow: clip;\n}\n.shortcut-container h2 {\n  font-size: 20px;\n  font-weight: 400;\n}\n.shortcuts {\n  width: 100%;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.shortcut-container:not(:has(#shortcuts *)) {\n  display: none !important;\n}\n.shortcuts a {\n  text-decoration: none !important;\n  color: var(--text-primary);\n  display: flex;\n  border: unset !important;\n  background-color: unset !important;\n  margin: 5px 20px;\n  padding: 0;\n  border-radius: 50px;\n}\n.shortcut {\n  height: 4em;\n  width: 15em;\n  max-width: 15em;\n  background: var(--background-primary);\n  color: var(--text-primary);\n  display: flex;\n  border-radius: 5rem;\n  position: relative;\n  transition: 200ms;\n}\n.customshortcut::after {\n  content: \"Custom Shortcut\";\n  position: absolute;\n  top: -4px;\n  right: -15px;\n  font-size: 8px;\n  padding: 2px 5px;\n  background: var(--better-alert-highlight);\n  border-radius: 8px;\n  color: white;\n}\n.shortcut:hover {\n  background: var(--auto-background);\n}\n.shortcut p {\n  margin: auto 0px auto 5px;\n  font-size: 20px;\n  width: 150px;\n  word-wrap: break-word;\n  line-height: 20px;\n}\n.colourbar {\n  width: 100%;\n  height: 3px;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n.dashboard .message {\n  background: var(--background-primary) !important;\n  color: var(--text-primary);\n  border-left: none !important;\n}\n.dashboard .message .ais-wrapper {\n  background: var(--background-primary);\n  color: var(--text-primary);\n  box-shadow: unset;\n  -webkit-box-shadow: unset;\n  border-radius: 1rem;\n}\n.ais-description {\n  color: var(--text-primary) !important;\n}\n.ais-signature {\n  color: var(--text-primary) !important;\n}\n.ais-btnSearch i {\n  padding-left: 8px;\n}\n.ais-input-container select, .ais-input-container input {\n  border-radius: 1rem;\n}\n.notice h3 {\n  margin: 0;\n  font-size: 25px;\n}\n.notice h5 {\n  margin: 12px 0px;\n  font-size: 13px;\n  font-weight: 200;\n}\n.notice h6 {\n  margin: 0px 0px 40px 0px;\n  font-weight: 100;\n  color: #c9c9c9;\n}\n.day {\n  box-shadow: inset 0px 0px 10px 0.1px var(--better-sub);\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 6px 0 var(--item-colour, transparent);\n  transition: 200ms;\n  position: relative;\n  height: 15em;\n  color: var(--text-primary);\n  font-family: Rubik, sans-serif;\n}\n.clickable {\n  cursor: pointer;\n}\n.day:hover {\n  background: var(--background);\n  transition: 200ms;\n}\n#main > .notices > .notice > .contents {\n  background: var(--background);\n}\n#main > .notices > .notice {\n  background: var(--background);\n}\n.day h2 {\n  margin: 0;\n  padding: 8px;\n  padding-top: 14px;\n  font-size: 20px !important;\n  font-weight: 500;\n  min-height: 46px;\n  height: 36%;\n}\n.day h3 {\n  padding: 0px 5px;\n  padding-left: 8px;\n  margin: 0;\n  font-size: 13px !important;\n  font-weight: 400;\n  color: #7a7a7a;\n}\n.day h4 {\n  position: absolute;\n  bottom: 35px;\n  margin: 0;\n  padding: 2px;\n  padding-left: 8px;\n  font-size: 16px !important;\n  font-weight: 500;\n}\n.day h5 {\n  margin: 0;\n  padding: 5px;\n  padding-left: 8px;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  font-size: 10px !important;\n  font-weight: 500;\n}\n.day-empty {\n  font-size: 30px;\n  display: flex;\n  width: 100%;\n  border-radius: 1rem 0;\n  align-items: center;\n}\n.day-empty img {\n  margin: 20px;\n  height: 50%;\n}\n.day-empty p {\n  margin: 0;\n}\n.waitWindow {\n  background: var(--better-main);\n}\n.modaliser {\n  background: var(--better-main);\n}\n.alert-container {\n  height: 35em;\n  width: 22em;\n  background: var(--better-sub);\n  position: absolute;\n  right: 0;\n  top: 0;\n  border-radius: 0px 0px 40px 40px;\n  text-align: center;\n  display: flex;\n}\n.alert-button {\n  height: 20px;\n  width: 20px;\n  padding: 10px;\n  text-align: center;\n  margin: 20px auto 0px auto;\n  cursor: pointer;\n}\n.connectedNotificationsWrapper > div > button {\n  height: 45px;\n  width: 45px;\n}\n.notifications__notifications___3mmLY.notifications__hasItems___gXxzx > button {\n  background: white;\n  z-index: 21 !important;\n  color: var(--better-sub);\n}\n.notifications__notifications___3mmLY > button {\n  padding: 8px;\n}\n.legacy-root button > svg, .legacy-root a > svg {\n  height: 25px;\n  width: 24px;\n}\n.notifications__notifications___3mmLY > button > .notifications__bubble___1EkSQ {\n  background: var(--better-alert-highlight);\n  width: 25px;\n  height: 25px;\n}\n.legacy-root button::after {\n  background: white;\n}\n.legacy-root button:not([disabled]):focus {\n  border-color: var(--better-sub);\n}\n.notifications__list___rp2L2 {\n  border: 4px solid var(--auto-background);\n  background: var(--background-primary);\n}\n.notifications__item___2ErJN {\n  background: var(--background-primary) !important;\n  border-left: 4px solid var(--better-main) !important;\n  margin-bottom: 4px !important;\n}\n.notifications__item___2ErJN:hover {\n  background: var(--auto-background) !important;\n}\n.connectedNotificationsWrapper > div > button + div {\n  color: var(--text-primary);\n  top: 80px;\n  right: 10px;\n  border-radius: 1rem;\n  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.4);\n}\n#ExtensionPopup {\n  border-radius: 1rem;\n  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.6);\n  transform-origin: 70% 0;\n}\n#menu li.active {\n  color: #ffffff !important;\n  background: rgba(0, 0, 0, 0.35);\n}\n#menu li:first-child {\n  margin-top: 5px;\n}\n.notifications__actions___1UX7r {\n  background: var(--auto-background);\n}\n.notifications__items___2hCdv {\n  border-bottom: none;\n  height: 540px;\n  display: flex;\n  flex-direction: column;\n}\n.notifications__item___2ErJN > .notifications__dismiss___zveKV {\n  background: rgba(0, 0, 0, 0.1) !important;\n  color: var(--text-primary);\n  margin: auto 0;\n}\n.notifications__details___193F4 {\n  max-width: 80%;\n  overflow: clip;\n}\n.notifications__details___193F4 div {\n  text-overflow: ellipsis;\n}\n#main > .messages {\n  color: var(--text-primary);\n}\n.Overview__details___2Zlnr {\n  border-radius: 1rem;\n  overflow: hidden;\n}\n.Viewer__sidebar___1Btu4 {\n  color: var(--text-primary);\n  border-right: unset;\n}\n.Viewer__sidebar___1Btu4 > header {\n  background: unset;\n}\n.MessageList__MessageList___3DxoC ::-webkit-scrollbar {\n  width: 0px;\n  background: none;\n}\n.MessageList__MessageList___3DxoC .Button__Button___3SRFo {\n  width: 100%;\n  min-height: 2rem;\n  text-align: center;\n}\n.MessageList__MessageList___3DxoC {\n  background: var(--background-primary);\n}\n.Input__Input___3RSTI::before, .ais-btnSearch::before {\n  content: \"\";\n  /* Unicode for the search icon */\n  transform: translateY(-50%);\n  color: currentColor;\n  font-size: 16px;\n  margin-left: 8px;\n  margin-top: auto;\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n.Input__Input___3RSTI {\n  transition: background-color 0.5s, border-color 0.5s;\n  background: var(--auto-background);\n  position: relative;\n  padding: 0.5rem 0.75rem;\n  border-radius: 0.5rem;\n\n  > input {\n    outline: none !important;\n    border: none !important;\n    color: var(--text-primary);\n    width: 100%;\n  }\n}\n.uiShortText.search {\n  padding: 0.5rem;\n  position: relative;\n}\n\n.cke_panel > iframe {\n  height: 180px;\n  background: var(--background-primary);\n}\n.cke_panel {\n  border-radius: 1rem;\n  overflow: hidden;\n  background: unset;\n}\n.Avatar__Avatar___gE5kx.Avatar__staff___4gVLs {\n  --person-colour: var(--better-light);\n  background: var(--person-colour, var(--navy));\n}\n.LabelList__LabelList___2RJFf > li.LabelList__selected___3Egk7 {\n  background: var(--background-primary);\n  color: var(--text-primary);\n}\n.Viewer__Viewer___32BH- {\n  background: var(--better-main);\n}\n.Message__Message___3oJaU {\n  background: var(--background-primary);\n  border-radius: 1rem !important;\n}\niframe.userHTML {\n  color: white !important;\n  background: transparent;\n}\n.userHTML > div:first-of-type {\n  color: var(--text-primary);\n}\n#main > .reports > .item > .report {\n  background: var(--background-primary);\n  filter: brightness(0.9);\n}\n#main > .reports {\n  background: none;\n  display: flex;\n  flex-wrap: wrap;\n}\n#main > .reports > .item > .report > .year {\n  background: var(--better-light);\n  color: var(--text-color);\n}\n.Spinner__Spinner___CStEb > svg {\n  margin: 1rem 0;\n}\n.Spinner__Spinner___CStEb > svg > path {\n  stroke: var(--text-primary) !important;\n}\n#main > .reports > .item > .report > .term {\n  color: var(--text-color);\n  background: var(--better-main);\n}\n.Collapsible__Collapsible___3O8P3 > .Collapsible__header___-Afvq {\n  background: none;\n}\n.AssessmentList__AssessmentList___1GdCl > .AssessmentList__searchFilter___3N70o + .AssessmentList__items___3LcmQ {\n  color: var(--text-primary);\n}\n.Thermoscore__Thermoscore___2tWMi {\n  background-image: unset;\n  background: var(--auto-background);\n}\n#toolbar {\n  color: var(--text-primary);\n  background: unset;\n}\n#main:has(.timetablepage) #toolbar {\n  background: var(--background-primary);\n}\n.dailycal > .zoom {\n  display: none;\n}\n.navigator {\n  border-top-right-radius: 1rem;\n}\n.programmeNavigator > .navigator, .programmeNavigator > .navigator > li > ul {\n  background: var(--background-primary);\n  color: var(--text-primary);\n}\n.programmeNavigator > .navigator > .week > .lessons > .lesson:hover {\n  background: var(--auto-background);\n}\n.programmeNavigator > .navigator > .week > .lessons > .lesson.selected, .programmeNavigator > .navigator > .cover.selected {\n  background: transparent;\n  color: var(--text-primary) !important;\n}\n.dark #main > .course > .content > h1 {\n  text-shadow: 0 0 10px black;\n}\n\n#main > .course > .content > h1 {\n  color: var(--text-primary);\n  border-bottom: none;\n}\n\n#main > .course > .content > .outline > h2, #main > .course > .content > .homework > h2, #main > .course > .content > .resources > h2 {\n  color: var(--text-primary);\n}\n::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n  transition: 1s;\n  border-radius: 1rem;\n}\n::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n::-webkit-scrollbar-corner {\n  background: none;\n}\n:root, html, body, div, ol, ul {\n  scrollbar-width: thin !important;\n  scrollbar-color: var(--better-light) var(--better-sub) !important;\n}\n.connectedNotificationsWrapper > div > button {\n  color: var(--text-primary) !important;\n}\n.programmeNavigator {\n  width: 400px;\n  background: var(--background-primary);\n  border-top-right-radius: 1rem;\n  position: relative;\n}\n#userActions > .details > .code {\n  text-transform: initial;\n}\n.SelectedAssessment__SelectedAssessment___3Bu5D {\n  color: var(--text-primary);\n}\n.SelectedAssessment__SelectedAssessment___3Bu5D > .SelectedAssessment__meta___1gq_y > .SelectedAssessment__clearBtn___21D85 {\n  background: var(--better-main);\n}\n.SelectedAssessment__SelectedAssessment___3Bu5D > .SelectedAssessment__meta___1gq_y {\n  border-bottom: 1px solid var(--better-main);\n}\n.TabSet__TabSet___Vo-SZ > ol.TabSet__tabs___1RRZk > li.TabSet__selected___1psfF {\n  border-bottom-color: var(--better-main);\n}\n.TabSet__TabSet___Vo-SZ > ol.TabSet__tabs___1RRZk {\n  border-bottom: none;\n}\n.TabSet__TabSet___Vo-SZ > ol.TabSet__tabs___1RRZk > li:hover {\n  box-shadow: inset 0 -1px var(--better-main);\n}\n.TabSet__TabSet___Vo-SZ > .TabSet__tabContainer___3iIRe {\n  background: unset;\n}\n.BasicPanel__BasicPanel___1GP6s {\n  background: var(--background-primary);\n}\n.back > svg {\n  transform: scale(1.2);\n}\n.uiFileHandler {\n  -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0) !important;\n  box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0) !important;\n  background: var(--background-primary);\n  margin: 0 !important;\n  border-radius: 1rem;\n}\n.mediaWrapper, .mediaRecorder, .MediaRecorder__MediaRecorder___2c2_M {\n  border-top-left-radius: 1rem;\n  border-top-right-radius: 1rem;\n  overflow: hidden;\n}\n.MediaRecorder__MediaRecorder___2c2_M {\n  background: var(--background-primary);\n}\n.legacy-root .uiFileHandler {\n  background: var(--auto-background);\n  border-radius: 1rem;\n}\n.ResourceList__ResourceList___2z-c1 .legacy-root .uiFileHandler {\n  background: var(--background-primary);\n}\n.legacy-root .uiFileHandler.dragTarget {\n  background: var(--better-main);\n}\n.MenuButton__MenuPanel___2q42B {\n  background: var(--background-primary);\n  color: var(--text-primary);\n}\n.dailycal > .header {\n  color: var(--text-primary);\n}\n#main > .timetablepage {\n  color: var(--text-primary) !important;\n}\n#main > .timetablepage > .container > .dailycal {\n  color: var(--text-primary);\n}\n#main > .timetablepage > .note {\n  color: var(--text-primary);\n  display: none;\n}\n.days td {\n  overflow: hidden;\n}\n.title {\n  color: var(--text-primary) !important;\n}\n.dailycal > .content > .wrapper > .days > tbody > tr > td > .entriesWrapper > .entry[data-yiq=\"light\"], .dailycal > .content > .wrapper > .days > tbody > tr > td > .entriesWrapper > .entry[data-yiq=\"light\"] .title {\n  color: #fff !important;\n}\n.dailycal > .content > .wrapper > .days > tbody > tr > td > .entriesWrapper > .entry[data-yiq=\"dark\"], .dailycal > .content > .wrapper > .days > tbody > tr > td > .entriesWrapper > .entry[data-yiq=\"dark\"] .title {\n  color: #000 !important;\n}\ndiv.entry.class {\n  width: 100% !important;\n  border-radius: 0.25rem;\n}\n.timetablepage .dailycal > .content > .wrapper > .days > tbody > tr > td > .entriesWrapper {\n  min-width: 0;\n  width: auto !important;\n}\n.uiFileHandler .uiButton {\n  border-radius: 2rem !important;\n  color: var(--text-primary) !important;\n  margin-top: 0.25rem !important;\n}\n.uiFileHandlerPanel::before {\n  border: 12px solid rgba(0, 0, 0, 0);\n  border-top-color: var(--background-primary);\n}\n.uiButton:hover {\n  box-shadow: none !important;\n}\n.uiButton:not([disabled]):hover {\n  transform: scale(1.01) !important;\n}\n.uiFileHandlerPanel {\n  background: var(--background-primary);\n  color: var(--text-primary);\n  border-radius: 1rem;\n}\n.sources .uiButton {\n  border-radius: 1rem;\n}\n.MediaRecorder__preview___1hQqY, .MediaRecorder__actions___3Jjvp {\n  background: var(--background-primary);\n}\n.Rubric__Rubric___2AAKS > .Rubric__line___JCC3Y {\n  background: unset;\n}\n#main > .course > .content > .header > .coverImage.blurred {\n  display: none;\n  background-image: unset !important;\n  height: 0px;\n  width: 0px;\n}\n.coverImage, blurred {\n  display: none;\n}\n.icon-cover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 70%;\n  height: 64px;\n  cursor: pointer;\n}\n.uiSlidePane > .pane > .header button {\n  color: var(--text-color) !important;\n}\n.uiSlidePane > .pane > .header > h1 {\n  color: var(--text-color) !important;\n}\n.uiSlidePane > .pane > .header {\n  background: var(--better-main);\n}\n.content [placeholder=\"Subject…\"] {\n  padding-left: 12px !important;\n  border-radius: 1rem;\n  background: var(--background-primary) !important;\n  color: var(--text-primary) !important;\n}\n.content [placeholder=\"Subject…\"]::-webkit-input-placeholder {\n  color: gray;\n}\n.activelesson {\n  box-shadow: inset 0px 10px 0 var(--item-colour, transparent) !important;\n}\ndiv.bar.flat {\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 10;\n}\n\n.formattedText > .wrapper > .cke > .cke_inner > .cke_contents {\n  background: var(--background-primary);\n  border-radius: 1rem;\n  overflow-x: hidden;\n}\n.formattedText > .footer {\n  background: var(--background-primary);\n  border-radius: 1rem;\n  margin-top: 0.5rem;\n}\n.uiSlidePane.shown {\n  background-color: rgba(0, 0, 0, 0.7);\n}\n.uiSlidePane {\n  transform: translatey(0%) !important;\n  transition: background-color 0.5s ease-in-out;\n  background-color: rgba(0, 0, 0, 0);\n}\n.uiSlidePane.shown > .pane {\n  transform: translatey(0%) !important;\n  opacity: 1;\n}\n.uiSlidePane > .pane {\n  color: var(--text-primary);\n  background: var(--auto-background);\n  transform: translateY(100%);\n  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out, opacity 0.2s ease-out;\n  transition-delay: 0 !important;\n  border-radius: 1rem !important;\n  opacity: 0;\n}\n.document-width-micro .RootModule__root-module___2wT52, .document-width-nano .RootModule__root-module___2wT52 {\n  padding: 1rem;\n  box-sizing: border-box;\n}\n.anyoneSelect.filterBox {\n  background: transparent;\n}\n.cke_toolbox {\n  background: unset !important;\n  gap: 4px;\n}\n.cke_toolbox > .cke_toolbar > .cke_toolgroup {\n  margin: 0;\n}\n#cke_1_top a:hover {\n  background: #5a5a5a;\n}\n.legacy-root button.depressed, .legacy-root button.toggled {\n  background: #797979;\n}\n.legacy-root button, .legacy-root a {\n  background: var(--background-primary);\n}\n.cke_toolbox > .cke_toolbar .cke_combo_on > .cke_combo_button, .cke_toolbox > .cke_toolbar .cke_button_on {\n  background-color: #797979 !important;\n}\n.legacy-root input.singleSelect:focus {\n  background: var(--auto-background);\n  color: var(--text-primary) !important;\n}\nul.singleSelect, ul.buttonChecklist, ul.buttonMenu, ul.colourButtonOptions, ul.uiSplitButtonList, .contactFormPanel {\n  background: var(--background-primary) !important;\n  border: solid 4px var(--background-primary);\n  color: var(--text-primary);\n}\n.legacy-root input, .legacy-root textarea, .legacy-root select, .legacy-root option, .legacy-root .input {\n  background: transparent;\n  color: var(--text-primary);\n}\nbody {\n  background: var(--theme-primary);\n  overflow: hidden;\n}\n#main > .notices > .notice {\n  color: var(--text-primary);\n}\n.shortcuticondiv {\n  height: 39px;\n  width: 39px;\n  border-radius: 50%;\n  padding: 0;\n  margin: auto 0px auto 10px;\n  background-repeat: no-repeat;\n  background-size: contain;\n}\n.forumView > .messages > .thread, .forumView > .messages > .deletedPlaceholder, .forumView > .addMessage, .forumView .greeting, .forumView .assessment {\n  background: var(--better-main);\n}\n.dailycal > .content > .wrapper > .days > tbody > tr > td > .entriesWrapper > .entry {\n  /* border-radius: 15px; */\n  padding: 3px;\n  /* width: 93% !important; */\n  /* height: 60px !important; */\n}\n.Viewer__Viewer___32BH- {\n  background: unset;\n}\n.weekend {\n  display: none !important;\n}\n.days {\n  width: 100%;\n}\n.hidden {\n  display: none;\n}\n.cke_toolbox {\n  background: var(--better-main);\n}\n.modaliser {\n  display: none;\n}\n.MessageList__MessageList___3DxoC > ol > li.MessageList__unread___3imtO::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  width: 3px;\n  /* Same width as your box-shadow */\n  background: var(--better-main);\n}\n.connectedNotificationsWrapper > div > button {\n  background: var(--text-primary) !important;\n  border-radius: 10px !important;\n  color: var(--background-primary) !important;\n  height: 42px;\n  justify-content: center;\n  right: 47px;\n  top: 14px;\n  width: 42px;\n  z-index: 21;\n}\n#userActions > .details > .name::before {\n  content: \"\";\n  width: 14px;\n  height: 12px;\n  background-image: url(\"../../public/icons/betterseqta-light-outline.png\");\n  display: inline-block;\n  background-size: 18px 18px;\n  color: #fff;\n  margin-right: 2px;\n  background-position: center;\n  vertical-align: top;\n}\n#userActions > .details {\n  opacity: unset !important;\n  color: var(--text-color);\n}\n.defaultWelcomeWrapper {\n  background: unset !important;\n}\n.clr-swatches button::after, .clr-dark .clr-preview::after, .clr-field button::after {\n  opacity: unset;\n  padding-top: unset;\n  -webkit-transform: unset;\n  transform: unset;\n  -webkit-transform-origin: unset;\n  transform-origin: unset;\n  visibility: unset;\n  -webkit-animation-name: unset !important;\n  animation-name: unset !important;\n  background-color: currentColor !important;\n}\n.clr-swatches button {\n  align-items: unset;\n  display: block;\n  padding: unset;\n  transition: none;\n}\n.clr-clear {\n  display: none !important;\n}\n.clr-preview::before, .clr-preview::after {\n  visibility: unset;\n  -webkit-transform-origin: unset;\n  transform-origin: unset;\n  -webkit-transform: unset;\n  transform: unset;\n  padding-top: unset;\n  opacity: unset;\n}\n#clr-color-preview {\n  margin: 15px 0 20px 20px;\n  border: 0;\n  border-radius: 50%;\n  overflow: hidden;\n  cursor: pointer;\n}\n.MessageList__MessageList___3DxoC > ol > li.MessageList__selected___1SJNz {\n  background: var(--better-main);\n  color: var(--text-color);\n}\n.NewsArticle {\n  border-radius: 1rem !important;\n  overflow: hidden;\n  width: 100%;\n  padding: 0 !important;\n  margin: 0px auto 30px !important;\n  background: var(--background-primary) !important;\n  color: var(--text-primary);\n  display: flex;\n  flex-direction: row;\n  -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n}\n.articleimage {\n  width: 35%;\n  background-position: center;\n  background-size: cover;\n  min-height: 18em;\n  background-repeat: no-repeat;\n}\n.NewsArticle img {\n  width: 35%;\n}\n.ArticleText a {\n  padding: 10px 20px;\n  margin: 0;\n  font-weight: 800;\n  font-size: 2em;\n  background: none;\n}\n.NewsArticle:hover > .ArticleText a {\n  text-decoration: underline;\n}\n.ArticleText p {\n  padding: 10px 20px;\n  margin: 0;\n  font-size: 1.5em;\n}\n.ArticleText {\n  display: flex;\n  flex-direction: column;\n  width: 65%;\n  height: 100%;\n}\n.editmenu {\n  position: absolute;\n  right: 0;\n  height: 64px;\n  align-items: center;\n  display: flex;\n  width: 20%;\n  justify-content: center;\n}\n.editmenu svg:hover > path {\n  fill: #aaaaaa;\n}\n.editmenu svg:hover {\n  cursor: pointer;\n}\n.notMenuCover {\n  width: 100%;\n  height: 100%;\n  background: black;\n  position: absolute;\n  z-index: 10;\n  opacity: 0.4;\n}\n#menu {\n  --menuHidden: none;\n}\n.editmenuoption {\n  padding: 8px;\n  background: var(--better-light);\n  border-radius: 5px;\n  margin: 0 10px;\n  cursor: pointer;\n}\n.editmenuoption-container {\n  width: 100%;\n  height: 42px;\n  background: var(--better-main);\n  bottom: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.logout {\n  background: none !important;\n  padding: 5px 10px;\n}\n#logouttooltip {\n  width: 50px !important;\n  margin-left: -28px !important;\n  top: 105% !important;\n}\n.svg {\n  transform-origin: center;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n}\n.logo {\n  transform: translate(-50%, -50%);\n}\n.big-circle {\n  margin: -88px;\n  animation-timing-function: ease;\n  animation: spin 3s linear infinite;\n  -moz-animation: spin 3s linear infinite;\n}\n.small-circle {\n  margin: -66px;\n  animation-timing-function: ease;\n  animation: spin 3s linear infinite;\n  -moz-animation: spin 3s linear infinite;\n}\n.dark .LabelList__name___-CHgq {\n  text-shadow: 0 0 5px black;\n}\n.LabelList__name___-CHgq {\n  display: flex;\n  align-items: center;\n}\n[data-label=\"inbox\"] > .LabelList__name___-CHgq::before {\n  content: \"\";\n  /* Unicode for the search icon */\n  color: currentColor;\n  font-size: 16px;\n  margin-right: 8px;\n  /* Adjusted to margin-right for the icon to be on the left */\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n[data-label=\"outbox\"] > .LabelList__name___-CHgq::before {\n  content: \"\";\n  /* Unicode for the search icon */\n  color: currentColor;\n  font-size: 16px;\n  margin-right: 8px;\n  /* Adjusted to margin-right for the icon to be on the left */\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n[data-label=\"starred\"] > .LabelList__name___-CHgq::before {\n  content: \"\";\n  color: currentColor;\n  font-size: 16px;\n  margin-right: 8px;\n  /* Adjusted to margin-right for the icon to be on the left */\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n[data-label=\"trash\"] > .LabelList__name___-CHgq::before {\n  content: \"\";\n  /* Unicode for the search icon */\n  color: currentColor;\n  font-size: 16px;\n  margin-right: 8px;\n  /* Adjusted to margin-right for the icon to be on the left */\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n.outer-circle {\n  margin: -108px;\n  animation-direction: alternate-reverse;\n  animation: spinback 1s linear infinite;\n  -moz-animation: spinback 1s linear infinite;\n}\n@-moz-keyframes spin {\n  100% {\n    -moz-transform: rotate(360deg);\n  }\n}\n@-webkit-keyframes spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n  }\n}\n@keyframes spin {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes spinback {\n  100% {\n    -webkit-transform: rotate(-360deg);\n    transform: rotate(-360deg);\n  }\n}\n.day-button {\n  height: 25px;\n  width: 25px;\n  position: absolute;\n  bottom: 20px;\n}\n#userActions > .details > .code {\n  overflow: visible !important;\n}\n.code {\n  position: relative;\n  cursor: pointer;\n}\n.code:before {\n  content: attr(data-hover);\n  visibility: hidden;\n  opacity: 0;\n  width: 160px;\n  background-color: #1a1a1a;\n  color: var(--text-primary);\n  text-align: center;\n  border-radius: 5px;\n  padding: 5px 0;\n  transition: opacity 0.4 ease-in-out;\n  position: absolute;\n  z-index: 20;\n  left: 0;\n  top: -25px;\n}\n.code:hover:before {\n  opacity: 1;\n  visibility: visible;\n}\n.draggable::before {\n  top: 1.1rem;\n  left: -0.5rem;\n}\n/* Style the main element as the middle line of the hamburger */\n#menuToggle {\n  width: 36px;\n  position: fixed;\n  height: 36px;\n  top: 1.3rem !important;\n  left: 0.5rem;\n  z-index: 21;\n  display: none;\n  padding: 6px;\n}\n#menuToggle:hover {\n  box-shadow: unset;\n}\n.hamburger-line {\n  width: 100%;\n  height: 3px;\n  border-radius: 1rem;\n  background-color: var(--text-primary);\n  margin: 3px 0;\n  transition: all 0.3s ease;\n  /* Step 3: Add transition */\n}\n/* Step 4: Parent Class Check */\n.menuShown #menuToggle .hamburger-line:nth-child(1) {\n  transform: translateY(6px) rotate(45deg);\n}\n.menuShown #menuToggle .hamburger-line:nth-child(2) {\n  opacity: 0;\n}\n.menuShown #menuToggle .hamburger-line:nth-child(3) {\n  transform: translateY(-6px) rotate(-45deg);\n}\n#AddedSettings {\n  top: 17.5px !important;\n  z-index: 21 !important;\n}\n.day-empty {\n  font-size: 30px;\n  display: flex;\n  align-items: center;\n}\n.day-empty img {\n  margin: 20px;\n  height: 50%;\n}\n.day-empty p {\n  margin: 0;\n}\n.notifications__actions___1UX7r > button {\n  background: none !important;\n  border: 1px solid white;\n}\n.upcoming-submittedtext {\n  align-self: center;\n  padding: 8px 25px;\n  background: var(--item-colour);\n  color: white;\n  border-radius: 30px;\n}\n.upcoming-container {\n  width: 100%;\n  max-height: 60em;\n  background: var(--better-main);\n  display: flex;\n  flex-direction: column;\n  -webkit-box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n  box-shadow: 0px 5px 16px 6px rgba(0, 0, 0, 0.3);\n}\n.upcoming-items {\n  width: 100%;\n  max-height: 55em;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n.upcoming-container h2 {\n  margin: 20px;\n  font-size: 20px;\n  font-weight: 400;\n}\n.upcoming-subject-title {\n  color: var(--text-primary);\n  width: 15%;\n  font-size: 20px;\n  text-align: center;\n  padding: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 5px 0px 0px 5px;\n  background: var(--item-colour);\n}\n.upcoming-assessment-title {\n  color: var(--text-primary);\n  font-size: 10px;\n}\n.upcoming-assessment {\n  border: 2px solid var(--item-colour);\n  margin: 5px 50px;\n  height: 6em;\n  padding: 0px;\n  border-radius: 10px;\n}\n.upcoming-assessment {\n  display: flex;\n}\n.upcoming-date-container {\n  margin-bottom: 20px;\n}\n.upcoming-date-title {\n  padding: 12px;\n  font-size: 20px;\n}\n.upcoming-details {\n  width: 60%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 0px 12px;\n}\n.upcoming-details h5 {\n  text-transform: uppercase;\n  color: #aaaaaa;\n  padding: 0px 4px;\n}\n.upcoming-details p {\n  font-size: 15px;\n  padding: 4px;\n}\n.upcoming-details p:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.upcoming-special-day {\n  font-size: 20px;\n}\n.upcoming-blank {\n  display: flex;\n  border-bottom: 2px solid #bebebe;\n  margin: 5px 50px;\n  height: 2em;\n  padding: 0px;\n}\n.upcoming-blank p {\n  padding: 0;\n  margin: 0;\n}\n.upcoming-tick {\n  align-self: center;\n}\n.upcoming-title {\n  display: flex;\n  align-content: space-between;\n}\n.upcoming-title h2 {\n  width: 100%;\n}\n.upcoming-filters {\n  display: flex;\n  height: 26px;\n  width: 65%;\n  align-self: center;\n  align-items: center;\n  color: var(--text-color);\n  padding: 5px;\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n.upcoming-checkbox-container {\n  display: block;\n  position: relative;\n  padding: none !important;\n  padding-left: 25px !important;\n  padding-right: 10px !important;\n  cursor: pointer;\n  font-size: 12px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  height: 20px;\n  align-items: center;\n  display: flex;\n}\n/* Hide the browser's default checkbox */\n.upcoming-checkbox-container input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n  padding: 0;\n}\n/* Create a custom checkbox */\n.upcoming-checkmark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 15px;\n  width: 15px;\n  border: 3px solid var(--item-colour);\n  border-radius: 5px;\n  color: var(--text-color);\n}\n/* On mouse-over, add a grey background color */\n.upcoming-checkbox-container:hover input ~ .upcoming-checkmark {\n  filter: brightness(0.8);\n}\n/* When the checkbox is checked, add a blue background */\n.upcoming-checkbox-container input:checked ~ .upcoming-checkmark {\n  background: var(--item-colour);\n}\n/* Create the checkmark/indicator (hidden when not checked) */\n.upcoming-checkmark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n/* Show the checkmark when checked */\n.upcoming-checkbox-container input:checked ~ .upcoming-checkmark:after {\n  display: block;\n}\n/* Style the checkmark/indicator */\n.upcoming-checkbox-container .upcoming-checkmark:after {\n  left: 3.5px;\n  top: 0px;\n  width: 5px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n.upcoming-hiddenassessment {\n  color: #797979;\n}\n.calendarEventEditor > .tabset > .item {\n  border-radius: 0 !important;\n}\n.MessageList__MessageList___3DxoC > header {\n  display: flex;\n  justify-content: space-between;\n}\n.messages-filterbutton {\n  height: 34px;\n  width: 25%;\n  background: var(--better-main);\n  border-radius: 5px;\n  display: none;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color);\n  cursor: pointer;\n}\n.day {\n  box-shadow: inset 0px 0px 10px 0.1px var(--better-sub);\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 6px 0 var(--item-colour, transparent);\n  transition: 200ms;\n  position: relative;\n  height: 15em;\n  color: var(--text-primary);\n  background: var(--background-primary);\n  font-family: Rubik, sans-serif;\n}\n.clickable {\n  cursor: pointer;\n}\n.day:hover {\n  background: var(--auto-background);\n  transition: 200ms;\n}\n#main > .notices > .notice > .contents {\n  background: var(--background-primary);\n}\n#main > .notices > .notice {\n  background: var(--background-primary);\n}\n.day h2 {\n  margin: 0;\n  padding: 8px;\n  padding-top: 14px;\n  font-size: 20px !important;\n  font-weight: 400;\n  min-height: 46px;\n  height: 33%;\n  overflow: hidden;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\n.day h3 {\n  padding: 0px 5px;\n  padding-left: 8px;\n  margin: 0;\n  font-size: 13px !important;\n  font-weight: 400;\n  color: #7a7a7a;\n}\n.day h4 {\n  position: absolute;\n  bottom: 45px;\n  margin: 0;\n  padding: 2px;\n  padding-left: 8px;\n  font-size: 16px !important;\n  font-weight: 500;\n}\n.day h5 {\n  margin: 0;\n  padding: 5px;\n  padding-left: 8px;\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  font-size: 10px !important;\n  font-weight: 500;\n}\n.day-empty {\n  font-size: 30px;\n  display: flex;\n  align-items: center;\n}\n.day-empty img {\n  margin: 20px;\n  height: 50%;\n}\n.day-empty p {\n  margin: 0;\n}\n.upcoming-items {\n  background: var(--background-primary);\n  transition: 200ms;\n  width: 100%;\n  max-height: 55em;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  color: var(--text-primary);\n  transition: 200ms;\n  border-radius: 1rem;\n}\n.upcoming-assessment-title {\n  color: var(--text-primary);\n  transition: 200ms;\n  font-size: 10px;\n  margin: 0;\n}\n.upcoming-assessment {\n  border: 3px solid var(--item-colour);\n  margin: 5px 50px;\n  height: 6em;\n  padding: 0px;\n  border-radius: 10px;\n}\n.upcoming-assessment {\n  display: flex;\n}\n.upcoming-date-container {\n  margin-bottom: 20px;\n}\n.upcoming-date-title h5 {\n  margin: 0;\n  font-weight: 500;\n}\n.upcoming-date-title {\n  padding: 12px;\n  font-size: 20px;\n}\n.upcoming-details {\n  width: 60%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 0px 12px;\n}\n.upcoming-details h5 {\n  text-transform: uppercase;\n  color: #aaaaaa;\n  padding: 0px 4px;\n  margin: 0;\n}\n.upcoming-details p {\n  font-size: 15px;\n  padding: 4px;\n}\n.upcoming-details p:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.upcoming-special-day {\n  font-size: 20px;\n}\n.upcoming-blank {\n  display: flex;\n  border-bottom: 2px solid #bebebe;\n  margin: 5px 50px;\n  height: 2em;\n  padding: 0px;\n}\n.upcoming-blank p {\n  padding: 0;\n  margin: 0;\n}\n.upcoming-title {\n  display: flex;\n  align-content: space-between;\n}\n.upcoming-filters {\n  display: flex;\n  height: 26px;\n  width: 65%;\n  align-self: center;\n  align-items: center;\n  color: var(--text-color);\n  padding: 5px;\n  overflow-x: scroll;\n  overflow-y: hidden;\n}\n.upcoming-checkbox-container {\n  display: block;\n  position: relative;\n  padding: none !important;\n  padding-left: 25px !important;\n  padding-right: 10px !important;\n  cursor: pointer;\n  font-size: 12px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  height: 20px;\n  align-items: center;\n  display: flex;\n}\n/* Hide the browser's default checkbox */\n.upcoming-checkbox-container input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n  height: 0;\n  width: 0;\n  padding: 0;\n}\n/* Create a custom checkbox */\n.upcoming-checkmark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 15px;\n  width: 15px;\n  border: 3px solid var(--item-colour);\n  border-radius: 5px;\n  color: var(--text-color);\n}\n/* On mouse-over, add a grey background color */\n.upcoming-checkbox-container:hover input ~ .upcoming-checkmark {\n  filter: brightness(0.8);\n}\n/* When the checkbox is checked, add a blue background */\n.upcoming-checkbox-container input:checked ~ .upcoming-checkmark {\n  background: var(--item-colour);\n}\n/* Create the checkmark/indicator (hidden when not checked) */\n.upcoming-checkmark:after {\n  content: \"\";\n  position: absolute;\n  display: none;\n}\n/* Show the checkmark when checked */\n.upcoming-checkbox-container input:checked ~ .upcoming-checkmark:after {\n  display: block;\n}\n/* Style the checkmark/indicator */\n.upcoming-checkbox-container .upcoming-checkmark:after {\n  left: 3.5px;\n  top: 0px;\n  width: 5px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  transform: rotate(45deg);\n}\n.upcoming-hiddenassessment {\n  color: #797979;\n}\n.titlebar {\n  align-items: center;\n  transition: 200ms;\n  color: var(--text-primary);\n  display: flex;\n  min-height: 32px;\n  height: 64px;\n  justify-content: space-between;\n  z-index: 21;\n  position: absolute;\n  right: 250px;\n}\n.pagename {\n  align-items: center;\n  display: flex;\n  font-size: 20px;\n}\n.pagename svg {\n  width: 50px;\n  height: 50px;\n  margin-left: 12px;\n  margin-right: 8px;\n}\n.shadow {\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n}\n.userInfo {\n  display: flex;\n  align-items: center;\n  padding-top: 4px;\n}\n.userInfoText {\n  text-align: end;\n}\n.userInfoName {\n  margin: 0 !important;\n  font-size: 20px;\n  font-weight: 500;\n}\n.userInfoCode {\n  margin: 0 !important;\n}\n.userInfosvg {\n  width: 50px;\n  height: 50px;\n  color: var(--better-main);\n  z-index: 3;\n  position: absolute;\n}\n.userInfosvgdiv {\n  width: 50px !important;\n  height: 50px !important;\n  color: var(--better-main);\n  margin: 10px;\n  z-index: 3;\n  position: absolute !important;\n  right: -70px !important;\n  top: -2px !important;\n}\n.userInfosvgdiv::before {\n  content: \"\";\n  width: 70%;\n  height: 70%;\n  background: var(--theme-primary);\n  position: absolute;\n  border-radius: 1000rem;\n  top: 15%;\n  left: 15%;\n}\n.userInfosvg::after {\n  width: 35px;\n  height: 35px;\n  background: antiquewhite;\n  position: absolute;\n}\n.userInfohouse {\n  padding: 0px 10px;\n  font-size: 15px;\n  margin: 0 8px !important;\n  border-radius: 5px;\n  color: var(--text-primary);\n  background: var(--auto-background);\n  outline: solid 1px black;\n}\n.tooltip svg {\n  fill: var(--theme-primary);\n}\n.tooltip {\n  display: inline-block;\n  width: 28px;\n  background: none;\n  box-shadow: none;\n  padding: 2px;\n  position: absolute;\n}\n.tooltip .tooltiptext {\n  width: 120px;\n  transform: scale(0);\n  transition: transform 0.2s;\n  transform-origin: top;\n  background: var(--background-primary);\n  color: var(--text-primary);\n  text-align: center;\n  border-radius: 6px;\n  padding: 2px;\n  position: absolute;\n  z-index: 1;\n  top: 105%;\n  left: 50%;\n  margin-left: -62px;\n}\n.tooltip .tooltiptext::after {\n  content: \"\";\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  margin-left: -5px;\n  border-width: 5px;\n  border-style: solid;\n  border-color: transparent transparent var(--text-primary) transparent;\n}\n.tooltiptext p:hover {\n  cursor: pointer;\n  background: rgba(0, 0, 0, 0.3) !important;\n  transition: 200ms;\n}\n.tooltiptext p {\n  border-radius: 8px !important;\n  padding-top: 2px;\n  padding-bottom: 2px;\n  margin: 2px;\n}\n.tooltip:hover .tooltiptext {\n  transform: scale(1);\n  transform-origin: top;\n  transition: transform 0.2s;\n}\nbody:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltiptext {\n  transform: scale(0);\n}\n.assessmenttooltip svg {\n  fill: var(--text-primary);\n}\n.assessmenttooltip {\n  bottom: 0px;\n  left: 5px;\n}\n.DarkLightButton {\n  right: 145px !important;\n  z-index: 21 !important;\n  top: 17.5px;\n}\n.topmenutooltip {\n  top: 115% !important;\n  background: var(--text-primary) !important;\n  color: var(--theme-primary) !important;\n}\n.whatsnewContainer {\n  position: absolute;\n  width: 38em;\n  height: 95%;\n  max-height: 60em;\n  background: var(--background-primary);\n  z-index: 50;\n  border-radius: 20px;\n  margin: auto;\n  display: flex;\n  flex-direction: column;\n  color: var(--text-primary);\n  animation-fill-mode: forwards;\n  transform-origin: center center;\n}\n.whatsnewHeader {\n  margin: 20px;\n  width: 100%;\n  height: 3em;\n  display: flex;\n  flex-direction: column;\n}\n.whatsnewHeader h1 {\n  font-size: 2em;\n}\n.whatsnewHeader p {\n  font-size: 1em;\n  color: var(--text-primary);\n}\n.whatsnewBackground {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: grid;\n  place-items: center;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 49;\n  transform: scale(1) !important;\n}\n.whatsnewImgContainer {\n  width: 96%;\n  display: flex;\n  margin: 0 auto;\n  padding-bottom: 1rem;\n}\n.whatsnewImg {\n  margin: 0.5rem auto;\n  width: 90%;\n  border-radius: 1rem;\n  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);\n}\n.whatsnewTextContainer {\n  display: flex;\n  overflow-x: hidden;\n  flex-direction: column;\n  width: 90%;\n  margin: 5px auto;\n}\n.whatsnewTextContainer li {\n  margin: 2px 0;\n  list-style-type: disc;\n  list-style-position: inside;\n  text-indent: -1em;\n  padding-left: 1em;\n}\n.whatsnewTextHeader {\n  font-size: 1.4em !important;\n  color: #4dd868;\n  font-weight: 600;\n  width: fit-content;\n  position: relative;\n}\n.whatsnewTextHeader::after {\n  content: \"\";\n  width: 160%;\n  height: 2px;\n  background: #4dd868;\n  margin-left: 10px;\n  position: absolute;\n  top: 50%;\n}\n.whatsnewFooter {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 3em;\n  border-radius: 0 0px 20px 20px;\n  background: var(--theme-secondary);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 2;\n}\n.whatsnewFooter a {\n  border: none;\n}\n.whatsnewFooter div {\n  margin: 0 15px;\n  display: flex;\n  align-items: center;\n}\n#whatsnewclosebutton {\n  position: absolute;\n  top: 1rem;\n  right: 20px;\n  font-size: 2em;\n  padding: 5px;\n  cursor: pointer;\n}\n#whatsnewclosebutton::before {\n  content: \"\";\n  color: currentColor;\n  font-size: 24px;\n  font-family: \"IconFamily\";\n  pointer-events: none;\n}\n.whatsnewTextContainer h1:not(.whatsnewTextHeader) {\n  position: sticky;\n  width: 100%;\n  top: 0;\n  background: var(--background-primary) !important;\n  z-index: 1;\n  padding: 10px;\n}\n",".logo-container {\n  display: none;\n}\n\n.topmenu {\n  margin-top: 0;\n}\n\n.hide {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.outside-container {\n  margin: 0;\n  overflow: hidden;\n  position: absolute;\n  right: 10px;\n  top: 80px;\n  height: 590px;\n  z-index: 20;\n  transition-duration: 100ms;\n}\n\n.imageBackground {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  border: none !important;\n}","#menu ul.noscroll:has(li.hasChildren.active) > li {\n  box-shadow: inset 0px 0 var(--item-colour, transparent) !important;\n  background: transparent !important;\n}\n\n#menu ul.noscroll:not(:has(li.hasChildren.active)) {\n  overflow: scroll !important;\n}\n\n#menu > ul.noscroll:has(li.hasChildren.active) > li > label,\n#menu > ul.noscroll:has(li.hasChildren.active) > li > svg,\n#menu > ul.noscroll ul.noscroll:has(li.hasChildren.active) > li > label,\n#menu > ul.noscroll ul.noscroll:has(li.hasChildren.active) > li > svg {\n  transform: translateX(-20rem);\n}\n\n.sub .sub {\n  top: 0 !important;\n  padding-top: 2px;\n}\n\n.sub:has(ul.noscroll>li.hasChildren.active) > .nav > .back {\n  display: none !important;\n}\n\n#menu ul > li > label,\n#menu ul > li > svg {\n  transition: transform 0.3s ease;\n}\n\n#menu .sub {\n  transition: transform 0.3s ease;\n}\n\n#menu > ul.noscroll:has(li.hasChildren.active) > li.active {\n  background: transparent !important;\n}","html.dark {\n  --background-primary: #232323;\n  --background-secondary: #1a1a1a;\n  --theme-primary: #232323;\n  --theme-secondary: #1a1a1a;\n  --text-primary: white;\n}\n\nhtml:not(.dark) {\n  --background-primary: #ffffff;\n  --background-secondary: #e5e7eb;\n  --theme-primary: #ffffff;\n  --theme-secondary: #e5e7eb;\n  --text-primary: black;\n}","html.transparencyEffects.dark {\n  --background-primary: rgba(35, 35, 35, 0.5);\n  --background-secondary: rgba(26, 26, 26, 0.5);\n}\n\nhtml.transparencyEffects:not(.dark) {\n  --background-primary: rgba(255, 255, 255, 0.5);\n  --background-secondary: rgba(229, 231, 235, 0.5);\n}\n\n\nhtml.transparencyEffects {\n  /* Background Fixes */\n  .notifications__item___2ErJN,\n  #shortcuts {\n    backdrop-filter: unset !important;\n  }\n\n  .whatsnewTextContainer h1 {\n    background-color: transparent !important;\n    position: inherit;\n  }\n\n  /* Blurs */\n  .draggable,\n  .BasicPanel__BasicPanel___1GP6s,\n  .message.addMessage,\n  .singleSelect,\n  .uiFileHandlerPanel,\n  .Module__wrapper___2sbOo,\n  .notifications__list___rp2L2,\n  .thread,\n  .navigator,\n  #title,\n  .LabelList__selected___3Egk7,\n  .buttonChecklist,\n  .pane,\n  .legacy-root button, .legacy-root a,\n  .MessageList__MessageList___3DxoC {\n    backdrop-filter: blur(10px);\n  }\n  \n  .report {\n    backdrop-filter: blur(10px) !important;\n  }\n\n  .whatsnewContainer,\n  .Message__Message___3oJaU {\n    backdrop-filter: blur(50px);\n  }\n\n  #menu {\n    backdrop-filter: blur(20px);\n  }\n\n  .title > a {\n    backdrop-filter: blur(0px) !important;\n  }\n\n  .search,\n  .document,\n  .border {\n    backdrop-filter: blur(8px);\n  }\n\n  #main > .dashboard {\n    section,\n    .dashlet {\n      backdrop-filter: blur(8px);\n    }\n  }\n}"],"names":[],"sourceRoot":""}