@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";
@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400..700;1,400..700&family=Fraunces:wght@700";

/* ../../4_prod/uom/uom-prod-theme.css */
.mobileLogin-Header {
  background-color: #000f46;
  background-image: url(https://d2glwx35mhbfwf.cloudfront.net/logo.svg);
  background-size: 160px 160px;
  min-height: 160px;
}
.email_meta {
  display: none;
}
#footer > a.footer-logo.ic-app-footer__logo-link {
  display: none;
}
.ic-app-footer__links a:last-child,
.ic-app-footer__links a:nth-last-child(2) {
  display: none;
}
#right-side .wizard_popup_link {
  display: none;
}
#terms_of_service_modal > a {
  display: inline;
}
#breadcrumbs .ellipsis {
  float: right;
}
#breadcrumbs > ul > li {
  white-space: normal;
}
.quiz-header h2 {
  font-weight: 500;
}
hr {
  clear: both;
}
#rubrics .rubric_container.rubric.editing .rubric_table {
  z-index: 1;
}
.uom-ui-tab {
  margin: 1rem auto;
}
.uom-ui-tab .uom-ui-expand-all-wrap {
  justify-content: flex-end;
  display: flex;
  clear: both;
}
.uom-ui-tab .uom-ui-expand-all-wrap .uom-expand-all-btn {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-top: 8px;
  padding-bottom: 8px;
  color: rgb(0, 60, 85);
  line-height: 22px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  min-width: 120px;
  background: none;
}
.uom-ui-tab .uom-ui-expand-all-wrap .uom-expand-all-btn:hover,
.uom-ui-tab .uom-ui-expand-all-wrap .uom-expand-all-btn:focus {
  text-decoration: underline;
  background: #e8e8e8;
}
.uom-ui-trigger {
  display: inline-block;
  list-style-type: none;
  padding: 1em;
  border-radius: 0px;
  clear: both;
  cursor: pointer;
  margin-bottom: 1px;
  font-weight: bold;
  background-color: #f1f1f1;
  color: rgb(0, 60, 85);
  position: relative;
  z-index: 1;
}
.uom-ui-tab:not(.uom-ui-vertical) .uom-ui-trigger {
  padding: 1rem;
  margin-right: -0.12em;
  min-width: 44px;
  box-sizing: border-box;
}
.uom-ui-tab .uom-ui-trigger:hover {
  text-decoration: underline;
  background: rgb(213, 224, 211);
  color: rgb(0, 60, 85);
}
.uom-ui-trigger:focus,
.uom-ui-trigger.uom-ui-tab-selected:focus {
  outline-offset: 2px;
  z-index: 10;
}
.uom-ui-tab.uom-ui-vertical div[role=tablist],
.uom-ui-tab.uom-ui-vertical .uom-ui-tablist {
  float: left;
  width: 30%;
  margin-right: 1em;
  overflow: revert;
}
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger {
  display: block;
  border-radius: 0;
  background-color: #f1f1f1;
  color: rgb(0, 60, 85);
  padding: 1rem;
}
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger:not(:last-child) {
  border-bottom: 1px solid #fff;
}
@media all and (max-width: 980px) {
  .uom-ui-tab.uom-ui-vertical div[role=tablist],
  .uom-ui-tab.uom-ui-vertical .uom-ui-tablist {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .uom-ui-tab.uom-ui-vertical .uom-ui-trigger {
    display: inline-block;
    border-radius: 0;
    margin-right: -0.12em;
  }
}
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger:hover {
  background: rgb(213, 224, 211);
  color: rgb(0, 60, 85);
}
.uom-ui-tab-panel {
  background-color: #f1f1f1;
  border: 1px solid #c8c8c8;
  padding: 1rem;
  border-radius: 0px;
  line-height: 1.6em;
  overflow: hidden;
}
.uom-ui-tab-panel *:first-child {
  margin-top: 0;
}
.uom-ui-tab-panel *:last-child {
  margin-bottom: 0;
}
.uom-ui-tab-selected,
.uom-ui-trigger.uom-ui-tab-selected:hover,
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger.uom-ui-tab-selected,
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger.uom-ui-tab-selected:hover {
  background-color: rgb(0, 15, 70);
  color: #fff;
  text-decoration: none;
  cursor: default;
}
.uom-ui-accordion {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 2em;
  background-color: #ffffff;
}
.uom-ui-accordion h3 {
  margin: 0;
  padding: 0;
}
.uom-ui-accordion.focus {
  border-color: #e4e4e4;
}
.uom-ui-accordion > * + * {
  border-top: 1px solid #e4e4e4;
}
.uom-ui-accordion-trigger {
  color: rgb(8, 57, 115);
  display: block;
  font-size: 1em !important;
  font-weight: bold;
  margin: 0;
  padding: 1rem;
  position: relative;
  text-align: left;
  width: 100%;
  font-size: 24px;
  cursor: pointer;
  clear: both;
  box-sizing: border-box;
}
.uom-ui-accordion-trigger[aria-expanded=false]:not(:hover) {
  background: none;
}
.uom-ui-accordion-trigger:focus,
.uom-ui-accordion-trigger:hover {
  text-decoration: underline;
  background-color: #d5e0d3;
}
.uom-ui-accordion-trigger[aria-expanded=true] {
  background-color: #f1f1f1;
}
.uom-ui-accordion *:first-child .uom-ui-accordion-trigger {
  border-radius: 0;
}
.uom-ui-accordion-title {
  display: block;
  pointer-events: none;
  border: transparent 0 solid;
  border-radius: 0;
  padding: 0;
  outline: none;
  width: calc(100% - 2rem);
}
.uom-ui-accordion-trigger:focus .uom-ui-accordion-title {
  border-color: transparent;
}
.uom-ui-accordion-trigger .uom-ui-accordion-icon {
  border: solid rgb(8, 57, 115);
  border-width: 0 2px 2px 0;
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  left: auto;
  top: 50%;
  transform: translateY(-55%) rotate(45deg);
  width: 0.6rem;
  transition: transform 0.2s ease-in-out;
  right: 1.5rem;
}
.uom-ui-accordion-trigger[aria-expanded=true] .uom-ui-accordion-icon {
  transform: rotate(225deg) translateY(2px);
}
.uom-ui-accordion-panel {
  margin: 0;
  padding: 1rem;
  border: 0;
  overflow: hidden;
}
.uom-ui-accordion-panel .uom-ui-accordion {
  margin-top: 1rem;
}
.uom-ui-accordion-panel[hidden] {
  display: none;
}
.uom-ui-table tr td {
  border: 1px solid #c8c8c8;
}
.uom-ui-table,
.uom-ui-table-bordered,
.uom-ui-table-striped {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin: 1em auto;
  vertical-align: middle;
}
.uom-ui-table tr,
.uom-ui-table-striped tr {
  border-bottom: 1px solid #c8c8c8;
}
.uom-ui-table td,
.uom-ui-table th,
.uom-ui-table-bordered td,
.uom-ui-table-bordered th,
.uom-ui-table-striped td,
.uom-ui-table-striped th {
  padding: 8px !important;
}
.uom-ui-table.uom-striped tr:nth-child(even),
.uom-ui-table-striped tr:nth-child(even) {
  background-color: #f1f1f1;
}
.uom-ui-table-bordered tr td,
.uom-ui-table-bordered tr th {
  border: 1px solid #c8c8c8;
}
.uom-ui-table tr.header th,
.uom-ui-table tr.header td,
.uom-ui-table-bordered tr.header th,
.uom-ui-table-bordered tr.header td,
.uom-ui-table-striped tr.header th,
.uom-ui-table-striped tr.header td {
  color: rgb(45, 45, 45);
  background-color: rgb(200, 200, 200);
  text-align: left;
  vertical-align: bottom;
  font-weight: 700;
}
.uom-ui-table thead tr,
.uom-ui-table-bordered thead tr,
.uom-ui-table-bordered thead tr:not(.header) th,
.uom-ui-table-striped thead tr {
  background-color: rgb(0, 15, 70);
  border-color: rgb(0, 15, 70);
  color: #fff;
  font-weight: 700;
  vertical-align: bottom;
}
.uom-ui-table tbody,
.uom-ui-table-bordered tbody,
.uom-ui-table-striped tbody {
  vertical-align: inherit;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.uom-ui-table .highlight {
  background-color: #eaefe9 !important;
}
.w3-responsive {
  display: block;
  overflow-x: auto;
}
[class^=w3] {
  box-sizing: border-box;
}
.uom-ui-video {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: left;
  border-bottom: 1px solid #99a2aa;
}
.uom-ui-video + * {
  clear: both;
}
.uom-ui-video p {
  margin-top: 1%;
  font-size: 0.75em;
}
.uom-ui-responsive-wrapper {
  position: relative;
  height: 0;
}
.uom-ui-responsive-wrapper-16-09 {
  padding-bottom: 56.25%;
}
.uom-ui-responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.uom-ui-transcript p {
  text-align: left;
  display: inline;
  font-size: small;
  margin-left: 1%;
}
.uom-ui-textcontainer label {
  font-size: inherit;
}
.uom-ui-textarea {
  border: 1px solid #99a2aa;
  font-size: inherit;
  min-height: 5em;
  overflow: auto;
  padding: 0.5em;
  resize: vertical;
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
}
.uom-ui-displayTextareaContent {
  display: flex;
  white-space: pre-wrap;
  padding: 0.8rem 1.1rem;
  margin: 1em 0;
  color: inherit;
  background-color: #f1f1f1;
}
.uom-ui-displayTextareaContent.uom-ui-reset {
  padding: initial;
  margin: inherit;
  background-color: inherit;
}
.uom-ui-clickthrough {
  clear: both;
  border: 1px solid #ccc;
  padding: 1%;
  overflow: hidden;
  background: #fff;
}
.uom-ui-clickthrough .uom-ui-page {
  clear: both;
  display: none;
  opacity: 0;
  width: 100%;
}
.uom-ui-clickthrough .clickthrough-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f1f1f1;
  padding: 10px;
  clear: both;
}
.uom-ui-clickthrough .clickthrough-navigation > * {
  margin: 0.5% 10px;
}
.uom-ui-clickthrough.with-title-page .uom-ui-page:first-of-type {
  background: rgb(0, 15, 70);
  color: white;
  min-height: 220px;
  padding: 1rem;
  display: inline-block;
  box-sizing: border-box;
}
.uom-ui-emphasise,
.uom-ui-notice--success,
.uom-ui-notice--warning,
.uom-ui-notice--danger,
.uom-ui-notice--info,
.uom-ui-heavy-emphasis {
  display: flow-root;
  padding: 1rem 1.5rem;
  margin: 1em 0;
  color: rgb(45, 45, 45);
  border-left: none !important;
  border-radius: 0;
}
.uom-ui-emphasise {
  background-color: #f1f1f1;
  border-radius: 0;
}
.uom-ui-notice--success {
  background-color: rgb(207, 220, 146);
}
.uom-ui-notice--warning {
  background-color: rgb(255, 234, 148);
}
.uom-ui-notice--danger {
  background-color: rgb(255, 202, 206);
}
.uom-ui-notice--danger a {
  color: rgb(8, 57, 115) !important;
}
.uom-ui-heavy-emphasis,
.uom-ui-notice--info {
  background-color: rgb(163, 228, 247);
}
.uom-ui-notice--success hr,
.uom-ui-notice--warning hr,
.uom-ui-notice--danger hr,
.uom-ui-notice--info hr,
.uom-ui-heavy-emphasis hr {
  border-bottom: 0;
  border-top-color: rgb(45, 45, 45);
  opacity: 0.2;
}
.uom-ui-emphasise a,
.uom-ui-notice--success a,
.uom-ui-notice--warning a,
.uom-ui-notice--danger a,
.uom-ui-notice--info a,
.uom-ui-heavy-emphasis a {
  font-weight: 700;
}
.uom-ui-emphasise .uom-ui-button,
.uom-ui-notice--success .uom-ui-button,
.uom-ui-notice--warning .uom-ui-button,
.uom-ui-notice--danger .uom-ui-button,
.uom-ui-notice--info .uom-ui-button,
.uom-ui-heavy-emphasis .uom-ui-button {
  margin: 0.5em 1.6% 0.5em 0;
}
.uom-ui-dev {
  background: yellow;
}
.uom-ui-bg-primary {
  padding: 1rem;
  background-color: rgb(0, 15, 70);
  color: #fff;
}
.uom-ui-bg-alt {
  padding: 1rem;
  background-color: #f1f1f1;
}
@media all and (max-width: 767px) {
  .uom-ui-bg-alt,
  .uom-ui-bg-primary {
    padding: 1rem 0.5rem;
  }
}
blockquote {
  margin: 2rem auto 2rem 0;
  padding-left: 2rem;
  padding-right: 1rem;
  font-family:
    "Noto Serif",
    Georgia,
    Times New Roman,
    serif;
  font-weight: 500;
  font-size: 17px;
  text-align: left;
  line-height: 1.25;
  color: rgb(0, 15, 70);
  quotes: "\201c""\201d";
  max-width: 850px;
  border-left: 0;
}
blockquote > * {
  display: absolute;
  font-size: 17px;
  line-height: 1.7em;
  letter-spacing: 0.01rem;
}
blockquote:before {
  content: open-quote;
  margin-left: -0.55em;
  float: left;
}
blockquote:before,
blockquote p:last-child::after {
  font-size: 1.7rem;
}
blockquote p:last-child::after {
  content: "\201d";
  position: absolute;
  margin: 0.15rem 0 0 0.2rem;
}
.uom-ui-blockquote:before {
  color: rgb(0, 15, 70);
}
.uom-ui-blockquote {
  font-size: 17px;
  margin: 0;
  margin-bottom: 30px;
}
.uom-ui-blockquote p,
.uom-ui-blockquote ul li {
  font-family: "Noto Serif", serif;
  font-weight: normal;
  color: rgb(0, 15, 70);
  font-size: larger;
  font-weight: 500;
}
cite {
  font-style: italic;
}
.uom-ui-img {
  display: block;
  margin: 1rem auto;
  text-align: center;
  width: auto;
  max-width: 80%;
}
.uom-ui-img.uom-right {
  max-width: 30%;
  width: auto;
  float: right;
  clear: right;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  padding: 0;
}
.uom-ui-img.uom-left {
  max-width: 30%;
  width: auto;
  float: left;
  clear: left;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: 0;
}
@media all and (max-width: 1024px) {
  .uom-ui-img {
    max-width: 85%;
  }
  .uom-ui-img.uom-left,
  .uom-ui-img.uom-right {
    max-width: 40%;
  }
}
@media all and (max-width: 980px) {
  .uom-ui-img {
    width: 100%;
  }
  .uom-ui-img.uom-left,
  .uom-ui-img.uom-right {
    max-width: 50%;
  }
}
@media all and (max-width: 768px) {
  .uom-ui-img {
    max-width: 100%;
  }
}
@media all and (max-width: 576px) {
  .uom-ui-img {
    max-width: 100%;
  }
  .uom-ui-img.uom-left,
  .uom-ui-img.uom-right {
    max-width: 100%;
    margin: 1rem auto;
  }
}
.uom-ui-img img {
  max-width: 100% !important;
}
.uom-ui-img .uom-ui-border-box {
  margin: 0rem 0 0.5rem 0;
}
.uom-ui-image-caption,
.uom-ui-image-caption--overlay {
  display: inline-block;
  position: relative;
  margin: 0;
}
.uom-caption-text {
  display: block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: left;
  font-size: calc(14 / 16 * 1rem);
  font-weight: 400;
  letter-spacing: calc(-0.0075em * 1);
  line-height: calc(1 * 1.4);
  padding: 0.5rem 0.75rem;
  width: 100%;
  box-sizing: border-box;
  color: rgb(45, 45, 45);
  text-align: center;
  font-style: italic;
}
.uom-ui-image-caption--overlay .uom-caption-text {
  bottom: 0;
  background-color: rgba(0, 15, 70, 0.8);
  color: #fff;
  position: absolute;
  font-style: inherit;
}
.uom-ui-smart-search-input-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: right;
  margin: 1em 0;
  padding: 10px 0;
  border-bottom: 1px solid #e8eaec;
}
.uom-ui-smart-search-input-wrap label {
  display: none;
}
.uom-ui-smart-search-input-wrap input {
  margin-bottom: 0;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.uom-ui-smart-search-input-wrap input[type=text]:focus {
  outline: #000f46 1px solid;
}
.uom-ui-reveal {
  cursor: pointer;
  text-decoration: underline;
  color: #003c55;
  font-weight: 700;
}
.uom-ui-reveal strong {
  font-weight: 700;
}
.uom-ui-reveal:focus {
  color: #003c55;
  text-decoration: underline;
}
.uom-ui-reveal:not(.uom-ui-button):hover {
  color: #003c55;
  text-decoration: none;
}
.uom-ui-reveal.uom-ui-button.uom-primary {
  margin: 0.5em 1.6% 0.5em 0;
}
.uom-ui-hidden-content {
  display: none;
}
.uom-ui-hidden-content.show {
  display: block;
}
.uom-ui-screenReader,
.uom-ui-screenReader * {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin: 0px !important;
  padding: 0px !important;
  font-size: 0px !important;
  line-height: 0px !important;
}
.uom-ui-border-box {
  overflow: hidden;
  border: 1px solid #000f46;
  padding: 1em;
  margin: 1em 0;
}
.uom-ui-add-border-radius {
  border-radius: 5px;
}
.uom-ui-button {
  border: 1px solid;
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
  padding: 0.75rem 1rem;
  text-decoration: none !important;
  transition:
    border-color 0.15s ease-in-out,
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out;
}
.uom-ui-button,
.uom-ui-button.uom-ui-button--short {
  margin: 0.5em 1.6% 0.5em 0;
}
.uom-ui-button.uom-primary {
  background-color: rgb(70, 200, 240);
  color: rgb(0, 15, 70);
  border-color: rgb(70, 200, 240);
}
.uom-ui-button.uom-secondary {
  background-color: #abc1a7;
  color: rgb(0, 15, 70);
  border-color: #abc1a7;
}
.uom-ui-button.uom-success {
  background-color: #22765f;
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
}
.uom-ui-button.uom-warning {
  background-color: #dc291e;
  color: #fff;
  border-color: hsla(0, 0%, 100%, 0.3);
}
.uom-ui-button.uom-dark {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.uom-ui-button.uom-outline {
  background-color: #fff;
  border-color: rgb(0 15 70);
  color: rgb(0 15 70);
}
.uom-ui-button.uom-inverted {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.uom-ui-button.uom-inverted:hover,
.uom-ui-button.uom-inverted:focus {
  background-color: transparent;
  border-color: #46c8f0;
  color: #46c8f0;
}
.uom-ui-button.uom-primary:hover,
.uom-ui-button.uom-primary:focus {
  background-color: rgb(209, 241, 251);
  border-color: rgb(209, 241, 251);
  color: rgb(0 15 70);
  cursor: pointer;
}
.uom-ui-button.uom-secondary:hover,
.uom-ui-button.uom-secondary:focus {
  background-color: #d5e0d3;
  color: rgb(0, 15, 70) !important;
  border-color: #d5e0d3;
  cursor: pointer;
}
.uom-ui-button.uom-success:hover,
.uom-ui-button.uom-success:focus {
  background-color: #fff;
  border-color: #22765f;
  color: #22765f !important;
  cursor: pointer;
}
.uom-ui-button.uom-warning:hover,
.uom-ui-button.uom-warning:focus {
  background-color: #fff;
  border-color: #dc291e;
  color: #dc291e !important;
  cursor: pointer;
}
.uom-ui-button.uom-dark:hover,
.uom-ui-button.uom-dark:focus {
  background-color: #46c8f0;
  border-color: #46c8f0;
  color: rgb(0, 15, 70) !important;
  cursor: pointer;
}
.uom-ui-button:hover,
.uom-ui-button:focus,
.uom-ui-button.uom-outline:hover,
.uom-ui-button.uom-outline:focus {
  background-color: #d1f1fb;
  border-color: rgb(0 15 70);
  color: rgb(0 15 70);
  cursor: pointer;
}
.uom-ui-button:active,
.uom-ui-button:active,
.uom-ui-button.uom-outline:active {
  background-color: #f1f1f1;
  color: rgb(0 15 70);
  cursor: pointer;
}
.uom-ui-button.uom-disabled,
.uom-ui-reveal.uom-ui-reveal.uom-disabled,
.uom-ui-reveal.uom-disabled:hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #616161;
  cursor: default;
}
.uom-ui-button.uom-disabled:visited,
.uom-ui-button.uom-disabled:active,
.uom-ui-button.uom-disabled:hover {
  background-color: #c8c8c8 !important;
  color: #616161 !important;
  cursor: default;
  border-color: #c8c8c8 !important;
}
.uom-ui-button.uom-disabled:hover {
  cursor: not-allowed;
}
.uom-ui-button.w-50,
.uom-ui-button.w-60,
.uom-ui-button.w-70,
.uom-ui-button.w-80,
.uom-ui-button.w-90,
.uom-ui-button.w-100 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.uom-ui-button.w-50 {
  width: calc(50% - 4em);
}
.uom-ui-button.w-60 {
  width: calc(60% - 4em);
}
.uom-ui-button.w-70 {
  width: calc(70% - 4em);
}
.uom-ui-button.w-80 {
  width: calc(80% - 4em);
}
.uom-ui-button.w-90 {
  width: calc(90% - 4em);
}
.uom-ui-button.w-100 {
  width: calc((100% - 0.2em) - 4em);
}
@media all and (max-width: 767px) {
  .uom-ui-button.w-50,
  .uom-ui-button.w-60,
  .uom-ui-button.w-70,
  .uom-ui-button.w-80,
  .uom-ui-button.w-90,
  .uom-ui-button.w-100 {
    width: calc((100% - 0.2em) - 4em);
  }
}
.uom-ui-slider {
  margin: 2em 0;
  padding: 0 1em;
}
.uom-ui-slider .labels {
  text-align: center;
}
.uom-ui-slider .labels p {
  margin: 0;
  padding: 0;
  width: 33%;
  display: inline-block;
  text-align: center;
  font-size: smaller;
}
.uom-ui-slider .labels p:first-child {
  text-align: left;
}
.uom-ui-slider .labels p:last-child {
  text-align: right;
}
.uom-ui-slider-input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 10px;
  background: #cacaca;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  border-radius: 3px;
}
.uom-ui-slider-input:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 2pt #a6c7ff;
}
.uom-ui-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #000f46;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #000f46;
}
.uom-ui-slider-input::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #000f46;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #000f46;
}
.uom-ui-modal-container {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 20;
  transition: all 0.5s ease-in-out;
}
.uom-ui-modal-content,
.uom-ui-modal-content-large {
  margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
}
.uom-ui-modal-content {
  max-width: 500px;
}
.uom-ui-modal-content-large {
  max-width: 800px;
}
.uom-ui-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  padding: 1em;
  border-bottom: 1px solid #f3f3f3;
  color: #000f46;
  font-weight: 700;
}
.uom-ui-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.uom-ui-modal-close {
  float: right;
  margin: 0 0 0 auto;
  padding: 0.5em 1em;
}
.uom-ui-modal-header .uom-ui-modal-close {
  font-size: 1.5rem;
  margin: 0 0 0 auto;
  padding: 0.3em 0.5em;
  background-color: transparent;
  border-color: #000f46;
}
.uom-ui-modal-header .uom-ui-modal-close.uom-primary {
  background-color: transparent;
  border-color: #000f46;
}
.uom-ui-modal-header .uom-ui-modal-close:hover {
  background-color: #46c8f0;
}
.uom-ui-checkbox {
  display: flex;
  align-items: top;
  margin: 2px 0;
}
.uom-ui-checkbox > span {
  padding: 0.5rem 0.5rem;
  font-size: 1rem;
}
.uom-ui-checkbox > input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.uom-ui-checkbox .uom-ui-checkbox-tick {
  position: relative;
  cursor: pointer;
}
.uom-ui-checkbox .uom-ui-checkbox-tick::before {
  content: "";
  display: block;
  margin: 0 3px;
  height: 20px;
  width: 20px;
  border: 1px rgb(0, 15, 70) solid;
  border-radius: 0;
}
.uom-ui-checkbox [type=checkbox]:focus + .uom-ui-checkbox-tick::before,
.uom-ui-checkbox [type=checkbox]:focus:checked + .uom-ui-checkbox-tick::before {
  outline: none;
  box-shadow: 0 0px 3px #5e9ed6;
  border-color: rgb(0, 15, 70);
  height: 18px;
  width: 18px;
  border-width: 2px;
  border-radius: 4px;
}
.uom-ui-checkbox [type=checkbox]:checked + .uom-ui-checkbox-tick::before {
  height: 20px;
  width: 20px;
  border-width: 1px;
  background-color: #46c8f0;
}
.uom-ui-checkbox [type=checkbox]:checked ~ span {
  color: inherit;
  text-decoration: line-through;
}
.uom-ui-clearstyle [type=checkbox]:checked ~ span {
  color: inherit;
  text-decoration: inherit;
}
.uom-ui-checkbox [type=checkbox]:disabled + .uom-ui-checkbox-tick::before {
  background: #eaebeb;
  border-color: #cecece;
}
.uom-ui-checkbox [type=checkbox] + .uom-ui-checkbox-tick::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 16px;
  border-left: 3px solid #31465c;
  border-bottom: 3px solid #31465c;
  height: 4px;
  width: 10px;
  transform: rotate(-45deg);
  opacity: 0;
}
.uom-ui-checkbox [type=checkbox]:checked + .uom-ui-checkbox-tick::after {
  opacity: 1;
}
.uom-ui-checklist-parent {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.uom-ui-grid {
  grid-gap: 1rem;
  list-style-type: none;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 1.5rem;
}
ul.uom-ui-grid > li {
  color: rgb(45, 45, 45);
  background-color: #fff;
  border-bottom: 0.4rem solid #cacaca;
}
ul.uom-ui-grid.uom-with-border > li {
  border-radius: 2px;
  border: 1px solid #cacaca;
}
ul.uom-ui-grid > li div.tile-body {
  padding: 1rem;
}
ul.uom-ui-grid > li div.tile-img-banner {
  background-repeat: no-repeat;
  background-color: #003c55;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 150px;
}
ul.uom-ui-grid li h1,
ul.uom-ui-grid li h2,
ul.uom-ui-grid li h3,
ul.uom-ui-grid li h4,
ul.uom-ui-grid li h5,
ul.uom-ui-grid li h6,
ul.uom-ui-grid li h1 a,
ul.uom-ui-grid li h2 a,
ul.uom-ui-grid li h3 a,
ul.uom-ui-grid li h4 a,
ul.uom-ui-grid li h5 a,
ul.uom-ui-grid li h6 a {
  color: #000f46;
  font-weight: 700;
}
ul.uom-ui-grid li a {
  font-weight: 700;
}
ul.uom-ui-grid.uom-tiles-bg-alt li {
  background-color: #f1f1f1;
  border: 0;
  border-radius: 0;
}
ul.uom-ui-grid.uom-ui-two-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
ul.uom-ui-grid.uom-ui-tiles-tight {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
}
ul.uom-ui-grid a .external_link_icon,
ul.uom-ui-grid a.file_download_btn {
  display: none !important;
}
.uom-ui-dropdown select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border: 1px solid #c7cdd1;
  border-radius: 3px;
  margin: 1rem 0;
}
.uom-ui-dropdown-reveal-content > div {
  display: none;
}
.uom-ui-dropdown-reveal-content > div.show {
  display: inline-block;
  margin-top: 0;
  overflow: hidden;
}
.uom-margin {
  margin: 1rem !important;
}
.uom-margin-x {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.uom-margin-y {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
@media all and (max-width: 767px) {
  .uom-margin {
    margin: 1rem 0.5rem !important;
  }
  .uom-margin-x {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
}
.global-nav-custom-tray {
  width: 448px !important;
  top: 0px;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 7px 0px, rgba(0, 0, 0, 0.25) 0px 10px 28px 0px;
  background-color: rgb(255, 255, 255);
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  z-index: 9999;
  max-width: 100vw;
  max-height: 100vh;
}
.gnct-easing {
  left: -200px;
  opacity: 0.8;
}
.Global-navigation-tray {
  max-width: 480px;
}
.gcnt-tray-close-wrapper {
  right: 8px;
  position: absolute;
  left: auto;
  top: 8px;
  z-index: 1;
  display: inline-block;
}
.gcnt-tray-close-btn {
  font-size: 1rem;
  height: 28px;
  all: initial;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0px;
  max-width: 100%;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-indent: 0px;
  touch-action: manipulation;
  transition: background-color 0.2s ease 0s, transform 0.2s ease 0s;
  vertical-align: middle;
}
.gcnt-tray-close-btn[type=button] {
  -webkit-appearance: none;
  appearance: none;
}
.gcnt-tray-close-btn:focus,
.gcnt-tray-close-btn:hover,
.gcnt-tray-close-btn:active {
  color: rgb(64, 116, 178);
  outline: rgb(64, 116, 178);
}
.gcnt-tray-close-btn:focus,
.gcnt-tray-close-btn:hover,
.gcnt-tray-close-btn:active {
  text-decoration: none;
}
.gcnt-tray-close-btn .gcnt-tray-close-svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  display: block;
}
.gcnt-tray-close-txt {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0px, 0px, 0px, 0px);
  margin: -1px;
  padding: 0px;
  overflow: hidden;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
}
.tray-with-space-for-global-nav {
  margin-left: 54px;
}
.gnct-content-wrap {
  box-sizing: border-box;
  padding: 1.5rem;
}
.gcnt-tray-h2 {
  color: inherit;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.125rem;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  margin: 0px;
}
.gcnt-list {
  list-style-type: none;
  -webkit-padding-start: 0px;
  padding-left: 0px;
  margin: 0.75rem 0;
  font-weight: 400;
  font-family: 400;
  padding: 0px;
}
.gcnt-list-item {
  margin-top: 0px;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0px;
}
.gcnt-list-link-wrapper a.gcnt-list-link:link,
.gcnt-list-link-wrapper a.gcnt-list-link:visited,
.gcnt-list-link-wrapper button.gcnt-list-link {
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  color: rgb(64, 116, 178);
  transition: color 0.2s;
}
.gcnt-link-desc {
  letter-spacing: normal;
  font-size: 0.875rem;
}
#global_nav_communities_link > div.menu-item__text {
  font-size: 0.8rem;
}
#uom-grade-options tr.uom-checked {
  border: 1px solid black;
  box-shadow: inset 0 2px black;
}
li span[role=menuitemcheckbox]:hover .uom-check-icon svg {
  fill: #fff;
}
.uom-check-icon {
  align-items: center;
  color: #31465c;
  display: flex;
  height: 100%;
  position: absolute;
  top: 0px;
  width: 1em;
  right: auto;
  left: 0.75rem;
}
.uom-concluded {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22150%22%3E%3Ctext%20transform%3D%22rotate(45)%20translate(10%2C10)%22%3E%3Ctspan%20font-size%3D%2214px%22%20font-weight%3D%22400%22%20fill%3D%22rgb(204%2C204%2C204)%22%20stroke%3D%22none%22%3EConcluded%20subject%3C%2Ftspan%3E%3C%2Ftext%3E%3C%2Fsvg%3E");
}
.ic-Layout-contentMain {
  padding: 30px 20px !important;
}
.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}

/* ../../4_prod/mo/mo-prod-theme.css */
:root {
  --max-width: 700px;
  --uni-blue: #000f46;
  --mo-primary-100: #46C8F0;
  --mo-primary-75: #A2E3F7;
  --mo-primary-50: #C7EEFA;
  --mo-primary-25: #E9F8FD;
  --mo-secondary-100: #003C55;
  --mo-secondary-75: #406D80;
  --mo-secondary-50: #809DAA;
  --mo-secondary-25: #BFCED5;
  --mo-neutral-100: #2D2D2D;
  --mo-neutral-75: #616161;
  --mo-neutral-50: #C8C8C8;
  --mo-neutral-25: #F1F1F1;
  --faculty-primary-100: #46C8F0;
  --faculty-primary-75: #A2E3F7;
  --faculty-primary-50: #C7EEFA;
  --faculty-primary-25: #E9F8FD;
  --faculty-secondary-100: #003C55;
  --faculty-secondary-75: #406D80;
  --faculty-secondary-50: #809DAA;
  --faculty-secondary-25: #BFCED5;
  --canvas-mobile-breakpoint: 768px;
}
html * {
  scroll-behavior: auto !important;
}
#content {
  font-family:
    "Source Sans 3",
    "Lato Extended",
    "Lato",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif !important;
  font-style: normal;
}
body {
  font-size: 18px;
  line-height: 32px;
}
body.discussions .ic-Layout-columns {
  max-width: 1366px;
}
button[data-testid=discussion-topic-reply] {
  margin-top: 48px !important;
}
.mo-ui-cssbanner-container.mo-ui-cssbanner-container {
  background-color: var(--faculty-primary-50);
  height: 66px;
  border-top: solid 1px var(--faculty-primary-100);
  margin-bottom: 32px;
  display: flex;
  justify-content: end;
  .mo-ui-cssbanner {
    height: 100%;
    max-width: 400px;
    width: 100%;
    background:
      linear-gradient(
        90deg,
        var(--faculty-primary-75) 0%,
        var(--faculty-primary-75) 60%,
        var(--faculty-primary-25) 60%,
        var(--faculty-primary-25) 80%,
        var(--faculty-primary-50) 80%,
        var(--faculty-primary-50) 100%);
  }
}
.mo-ui-banner-week {
  display: flex;
  width: 100%;
  height: 320px;
  .mo-ui-week-banner-left-div {
    min-width: 320px;
    width: 320px;
    height: 100%;
    .mo-ui-banner-top {
      width: 100%;
      display: flex;
      height: 50%;
      .mo-ui-banner-top-1 {
        width: 50%;
        background-color: var(--uni-blue);
        box-sizing: border-box;
        padding: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        h2 {
          width: 100%;
          color: var(--mo-primary-100);
          font-size: 30px;
          margin: 0;
        }
      }
      .mo-ui-banner-top-2 {
        width: 50%;
        background-color: var(--faculty-primary-100);
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        img {
          display: none;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
    .mo-ui-banner-bottom {
      background-color: var(--mo-primary-25);
      height: 50%;
      box-sizing: border-box;
      padding: 12px;
      align-content: end;
      display: flex;
      align-items: center;
      justify-content: center;
      .mo-ui-banner-week-title2 {
        color: var(--uni-blue);
        width: 100%;
        margin: 0;
        font-size: 26px;
      }
    }
  }
  .mo-ui-week-banner-right-div {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
@container wrapper (max-width: 485px) {
  .mo-ui-banner-week {
    .mo-ui-week-banner-left-div {
      width: 100%;
      height: 100%;
      .mo-ui-banner-top {
        .mo-ui-banner-top-2 {
          img {
            display: block;
          }
        }
      }
    }
    .mo-ui-week-banner-right-div {
      display: none;
    }
  }
}
#module_sequence_footer {
  right: unset !important;
  position: unset !important;
}
.mo-ui-discussion-endTopicBox-parent-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mo-ui-discussion-endTopicBox {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--mo-primary-50);
  padding: 16px 32px 16px 32px;
  border-bottom: 1px solid var(--mo-primary-100);
  margin-bottom: 32px;
  margin-top: 32px;
  text-align: center;
  font-weight: 500;
  color: var(--uni-blue);
}
div[data-testid=discussion-topic-container] *,
div[data-testid=discussion-root-entry-container] *,
.pinned-discussions-v2__wrapper *,
.unpinned-discussions-v2__wrapper *,
.closed-for-comments-discussions-v2__wrapper * {
  font-family:
    "Source Sans 3",
    "Lato Extended",
    "Lato",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif !important;
}
div[data-testid=discussion-topic-container] {
  ul,
  ol {
    margin: 0 0 6px 0;
  }
}
.mo-ui-wrapper {
  .uom-ui-table {
    thead tr {
      background-color: transparent;
      border-color: var(--mo-neutral-100);
    }
    td,
    th {
      color: var(--uni-blue);
    }
    tr,
    td {
      border-bottom: 1px solid var(--mo-neutral-100);
    }
  }
}
.mo-ui-wrapper {
  .uom-ui-table-striped {
    thead tr {
      background-color: transparent;
      border-color: var(--mo-neutral-100);
    }
    td,
    th {
      color: var(--uni-blue);
    }
    tr {
      border-bottom: 1px solid var(--mo-neutral-100);
    }
    tr:nth-child(even) {
      background-color: var(--mo-primary-75);
    }
  }
}
.mo-ui-wrapper .uom-ui-emphasise .uom-ui-table-striped tr:nth-child(even) {
  background-color: white;
}
.mo-table-vertical-top td,
.mo-table-vertical-top th {
  vertical-align: top !important;
}
.mo-ui-wrapper table:not([cellpadding]) tr th,
.mo-ui-wrapper table:not([cellpadding]) tr td {
  padding-inline: 8px;
}
.mo-ui-two-col-table {
  border-collapse: collapse;
  thead {
    tr:first-of-type {
      > *:first-of-type {
        background-color: var(--mo-primary-75);
        font-weight: bold;
      }
      > *:last-of-type {
        background-color: var(--mo-neutral-50);
        font-weight: bold;
      }
    }
  }
}
.mo-ui-wrapper .uom-ui-emphasise .mo-ui-two-col-table thead tr:first-of-type > *:first-of-type {
  background-color: white;
}
.mo-ui-wrapper .uom-ui-emphasise .mo-ui-two-col-table thead tr:first-of-type > *:last-of-type {
  background-color: var(--mo-primary-100);
}
.mo-ui-wrapper {
  .mo-ui-single-highlighted-col-table {
    .highlight-col {
      background-color: var(--mo-primary-75);
    }
  }
}
.uom-ui-emphasise {
  .uom-ui-table.mo-ui-single-highlighted-col-table {
    .highlight-col {
      background-color: white;
    }
  }
}
.mo-ui-three-col-table {
  td:nth-child(2),
  th:nth-child(2) {
    background-color: var(--mo-primary-75);
  }
  td:nth-child(3),
  th:nth-child(3) {
    background-color: var(--mo-neutral-50);
  }
}
.mo-ui-wrapper {
  .uom-ui-emphasise {
    .mo-ui-three-col-table {
      td:nth-child(2),
      th:nth-child(2) {
        background-color: white;
      }
      td:nth-child(3),
      th:nth-child(3) {
        background-color: var(--mo-primary-100);
      }
    }
  }
}
.mo-ui-wrapper li:not(.uom-ui-grid li, table li, ol.mo-ui-list-step-decimal li) {
  list-style-position: outside;
  margin-inline-start: 32px;
}
.mo-ui-wrapper .mo-ui-unbulleted-list {
  list-style-type: none;
}
@counter-style step-decimal {
  system: numeric;
  prefix: "Step ";
  suffix: ": ";
  symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
}
.mo-ui-wrapper .mo-ui-list-step-decimal {
  list-style-type: step-decimal;
  list-style-position: inside;
  & li {
    &::marker {
      font-weight: bold;
    }
  }
  ul,
  ol {
    margin: 0;
    li {
      margin-inline-start: 32px;
    }
  }
  ol {
    li {
      ul {
        li {
          list-style-type: circle;
        }
      }
    }
  }
  ul {
    li {
      list-style-type: disc;
      ul {
        li {
          list-style-type: circle;
        }
      }
    }
  }
}
ul.mo-ui-shortlist,
ol.mo-ui-shortlist {
  li {
    margin-bottom: 0px;
  }
}
.mo-ui-ilo-list {
  list-style: none;
  margin-bottom: 64px;
}
.mo-ui-ilo-list > li::before {
  font-family: "Material Symbols Outlined";
  content: "\f528";
  font-size: 24px;
  font-weight: 400;
  padding-right: 16px;
  vertical-align: top;
}
.mo-ui-ilo-list > li {
  padding: 16px;
  border-bottom: 1px solid var(--mo-secondary-50);
  font-weight: 600;
}
.mo-ui-ilo-list > li:first-child {
  border-top: 1px solid var(--mo-secondary-50);
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
  vertical-align: text-top;
}
.mo-ui-video-16-09 {
  aspect-ratio: 16/9;
  width: 100%;
}
.mo-ui-wrapper {
  li {
    line-height: 32px;
    margin-bottom: 16px;
    li {
      margin-bottom: 0px;
    }
  }
}
.mo-ui-wrapper .uom-ui-video {
  background-color: var(--mo-primary-50);
  border-bottom: 1px solid var(--mo-primary-100);
  overflow: auto;
  & > *:not(div:has(iframe)) {
    margin-inline: 16px;
  }
  .mo-ui-video-16-09 {
    margin-inline: 0px;
    display: block;
  }
  & > h2,
  & > h3,
  & > h4,
  & > h5,
  & > p {
    margin-block: 16px;
  }
  & > h2,
  & > h3,
  & > h4,
  & > h5 {
    &:first-child::before {
      font-family: "Material Symbols Outlined";
      content: "\e09f";
      font-size: 24px;
      padding-right: 8px;
      color: var(--uni-blue);
      vertical-align: bottom;
      font-weight: normal;
    }
  }
  & > p {
    &:first-child::before {
      font-family: "Material Symbols Outlined";
      content: "\e09f";
      padding-right: 8px;
      font-size: 24px;
      color: var(--uni-blue);
      vertical-align: top;
      line-height: 32px;
    }
    font-size: 18px;
  }
  .mo-ui-videoButtons {
    margin-top: 16px;
    margin-bottom: 16px;
    a {
      padding: 6px 8px;
      border-radius: 8px;
      background-color: #fff;
      border: 1px solid var(--uni-blue);
      color: var(--uni-blue);
      text-decoration: none !important;
      cursor: pointer;
      font-size: 14px;
      line-height: 20px;
      &.file_download_btn {
        display: none;
      }
    }
    a:hover {
      background-color: var(--mo-primary-50);
      border-color: var(--uni-blue);
      color: var(--uni-blue);
    }
  }
  iframe {
    line-height: 0;
  }
  &.mo-ui-expert-insight {
    & > h2,
    & > h3,
    & > h4,
    & > h5,
    & > p {
      &:first-child::before {
        content: "\f426";
      }
    }
  }
}
.mo-ui-wrapper .uom-ui-audio {
  margin-bottom: 32px;
  background-color: var(--mo-primary-50);
  border-bottom: 1px solid var(--mo-primary-100);
  &.uom-ui-audio-inline {
    max-width: none !important;
    & > * {
      max-width: var(--max-width);
      width: 100%;
      margin: 0 auto;
    }
  }
  .mo-ui-videoButtons {
    margin-top: 8px;
    padding-inline: 8px;
    a {
      padding: 6px 8px;
      border-radius: 8px;
      background-color: #fff;
      border: 1px solid var(--uni-blue);
      color: var(--uni-blue);
      text-decoration: none !important;
      cursor: pointer;
      font-size: 14px;
      line-height: 32px;
      &.file_download_btn {
        display: none;
      }
    }
    a:hover {
      background-color: var(--mo-primary-50);
      border-color: var(--uni-blue);
      color: var(--uni-blue);
    }
  }
  & > p {
    padding-inline: 8px;
    line-height: 32px;
    padding-top: 16px;
  }
  & > p:first-child::before {
    font-family: "Material Symbols Outlined";
    content: "\e09f";
    padding-right: 8px;
    font-size: 24px;
    color: var(--uni-blue);
    vertical-align: top;
    line-height: 32px;
  }
  & > p:last-of-type {
    margin-bottom: 16px;
  }
  &:has(.mo-ui-audio-image):has(.mo-ui-audio-body) {
    margin-block-start: 16px;
    .mo-ui-audio-container {
      display: flex;
      margin-block-start: 8px;
      margin-block-end: 16px;
      .mo-ui-audio-image {
        min-width: 200px;
        width: 200px;
        box-sizing: border-box;
        padding: 0px 16px;
        img {
          width: 100%;
          height: fit-content;
        }
      }
      .mo-ui-audio-body {
        box-sizing: border-box;
        width: 100%;
        padding-right: 16px;
        margin-block-end: 16px;
        & > * {
          margin-block: 16px;
        }
        & > *:first-child {
          margin-top: 0;
        }
        & > *:last-child {
          margin-bottom: 0;
        }
        .mo-ui-videoButtons {
          margin-block-start: 0;
        }
        .mo-ui-audiobar {
          margin: 0;
        }
      }
      @container wrapper (max-width: 500px) {
        flex-direction: column;
        padding: 0px 16px 0px 16px;
        .mo-ui-audio-image {
          width: 100%;
          min-width: unset;
          padding: 0px;
        }
        .mo-ui-audio-body {
          width: 100%;
          padding-right: unset;
          padding: 0;
          margin-block-start: 18px;
          .mo-ui-caption {
            padding: 0;
          }
        }
      }
    }
  }
  &.mo-ui-expert-insight {
    h2,
    h3,
    h4 {
      &:first-child {
        display: flex;
        align-items: center;
        margin: 0;
        margin-block-start: 16px;
        padding: 16px 8px 8px 16px;
        &::before {
          font-family: "Material Symbols Outlined";
          content: "\f426";
          font-size: 24px;
          padding-right: 8px;
          color: var(--uni-blue);
          vertical-align: bottom;
          font-weight: normal;
        }
      }
    }
  }
}
.mo-ui-wrapper .uom-ui-video div iframe#kaltura_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figcaption {
  line-height: 24px;
  font-size: 14px;
}
.mo-ui-wrapper .uom-ui-video .mo-ui-caption .uom-ui-button {
  margin: unset;
  font-weight: 400;
}
.mo-ui-videoButtons .uom-ui-button {
  padding: 4px 8px;
  border-radius: 8px;
}
.mo-ui-wrapper .mo-ui-heading-box {
  max-width: none !important;
  background-color: var(--faculty-primary-50);
  border-bottom: 1px solid var(--faculty-primary-100);
  > p {
    max-width: var(--max-width);
    margin: 0 auto;
    margin-block: 32px;
    font-weight: 700;
    font-size: 18px;
  }
  .uom-ui-video {
    background-color: var(--faculty-primary-50);
    border-top: none;
    border-bottom: none;
    max-width: var(--max-width);
    margin-block: unset;
  }
  .mo-ui-cssbanner-container {
    margin-bottom: 0;
  }
}
@container wrapper (max-width: 732px) {
  .mo-ui-wrapper .mo-ui-heading-box > p {
    padding: 0px 16px 0px 16px;
  }
}
.mo-ui-headingBanner {
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: var(--faculty-primary-50);
  border-top: 1px solid var(--faculty-primary-100);
}
.mo-ui-download-button.uom-ui-button {
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: 400;
}
.mo-ui-big-text {
  font-family: Fraunces;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.mo-ui-med-text {
  font-size: 24px;
  font-weight: 600;
  line-height: 160%;
}
.mo-ui-flexbox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}
.mo-ui-wrapper {
  container: wrapper / inline-size;
  position: relative;
  font-family:
    "Source Sans 3",
    "Lato Extended",
    "Lato",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.mo-ui-autoBanner {
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  background-color: var(--mo-primary-50);
  border-top: 1px solid var(--mo-primary-100);
}
.mo-ui-wrapper > *:not(.mo-ui-wrapper, .mo-ui-banner, .mo-ui-banner *, .mo-ui-overviewBanner, .mo-ui-overviewBanner *, .mo-ui-img-fullscreen-div) {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}
.mo-ui-nomaxwidth {
  max-width: none !important;
}
.mo-ui-banner {
  position: absolute;
  top: -36px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media screen and (min-width: 1300px) {
  .mo-ui-overviewBanner {
    position: absolute;
    top: -5.8%;
    left: -13%;
    width: 126%;
    z-index: -1;
  }
}
@media screen and (max-width: 1300px) {
  .mo-ui-overviewBanner {
    display: none;
  }
  .mo-ui-banner {
    display: none;
  }
}
.mo-ui-topicBanner {
  max-width: none !important;
  text-align: center;
  margin-bottom: 64px;
}
.mo-ui-wrapper .mo-ui-h1 {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  font-size: 42px;
  font-weight: 100;
  color: var(--uni-blue) !important;
}
.pages.show.home .mo-ui-h1 {
  display: none;
}
h2.course-title,
h1.course-title {
  font-size: 42px !important;
  font-weight: 300 !important;
  color: var(--uni-blue) !important;
}
.mo-ui-wrapper > *:not(.mo-ui-banner):not(.mo-ui-overviewBanner) {
  position: relative;
  z-index: 2;
}
.mo-ui-grid,
.mo-ui-grid-wide {
  display: grid;
  grid-gap: 1rem;
  margin: 1em 0;
}
.mo-ui-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.mo-ui-grid-wide {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.mo-ui-tile {
  background-color: #fff;
  border: 1px solid var(--mo-neutral-50);
  border-radius: 4px;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 350px;
  position: relative;
}
.mo-ui-tile > *:not(.mo-ui-progress-container, .mo-ui-progress-container *) {
  padding: 1rem;
}
.mo-ui-tile > p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mo-ui-module-title {
  text-decoration: none !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}
#mo-ui-ignore-instruction,
#mo-ui-progresstrackerInstruction {
  display: none;
}
.mo-ui-instruction-text {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  grid-column: 1 / -1;
}
.mo-ui-progress-container,
.mo-ui-timer-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mo-timer-icon-text {
  display: flex;
  align-items: center;
}
.mo-timer-icon-text .material-symbols-outlined {
  color: var(--mo-primary-100);
}
.mo-ui-progress-container > * {
  margin: .5rem .8rem;
}
.mo-ui-module-number {
  font-size: 18px !important;
  font-weight: 400 !important;
}
.mo-ui-moduleLink-icon {
  background-color: var(--mo-primary-100);
  line-height: 1;
}
.mo-ui-progress-container .mo-ui-progress-chart {
  width: 38px;
  height: 38px;
}
.mo-ui-progress-chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.mo-ui-remaining-time {
  margin-bottom: 32px !important;
  font-size: 14px;
}
.mo-ui-progress-bar {
  background-color: #ddd;
  height: 9px;
  border-radius: 4px;
  overflow: hidden;
  width: 60%;
  margin-top: 6px;
}
.mo-ui-progress-fill {
  background-color: var(--mo-primary-100);
  height: 100%;
  width: 0;
  transition: width 0.3s ease;
}
.mo-ui-timer-container {
  order: 1;
  margin-bottom: 15%;
}
.mo-ui-progress-container {
  order: 2;
}
#mo-ui-moduleTime-container {
  display: none;
}
.mo-ui-moduleTime {
  display: none;
}
.mo-ui-raw-code {
  font-size: small;
}
.mo-ui-copy-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.mo-ui-codeblock pre code {
  font-size: 14px;
  line-height: 1.4;
}
.mo-theme-toggle-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 24px;
  color: #000;
  position: absolute;
  top: -30px;
  right: 0;
  transition: color 0.2s ease;
}
.mo-ui-codeblock {
  margin-top: 35px;
  position: relative;
}
.mo-copy-button {
  display: block;
  margin-top: 6px;
  margin-left: auto;
  font-size: 0.75rem;
  padding: 3px 8px;
  cursor: pointer;
  background-color: var(--mo-primary-100);
  color: var(--uni-blue);
  border-color: var(--mo-primary-100);
}
.mo-ui-python {
  position: relative;
  margin-top: 35px;
}
.mo-python-run,
.mo-python-clear {
  padding: .25rem .7rem;
  font-size: .8rem;
  border: 1px solid #999;
  border-radius: 3px;
  cursor: pointer;
  background: #f4f4f4;
}
.mo-python-run:hover {
  background: #dfeaff;
}
.mo-python-clear:hover {
  background: #ffe2e2;
}
.mo-python-output {
  font-size: .9rem;
}
.mo-ui-progress-container .mo-ui-button,
.mo-ui-progress-container-horizontal .mo-ui-button {
  border-radius: 4px;
  display: inline-block;
  padding: .2rem 1rem;
  text-decoration: none !important;
  transition:
    border-color .15s ease-in-out,
    color .15s ease-in-out,
    background-color .15s ease-in-out;
  margin: 0.5em 1em 0.5em 0;
}
.mo-ui-tile {
  color: var(--uni-blue);
}
.mo-ui-tile * {
  color: inherit;
}
.mo-ui-module-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mo-ui-button.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  background-color: var(--mo-neutral-50);
  color: #666;
}
.mo-ui-tile-full-width {
  grid-column: 1 / -1;
  background-color: #fff;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
}
.mo-ui-horizontalmoduleBlocks {
  display: none;
}
.mo-ui-progress-container-horizontal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.6%;
  background-color: var(--mo-primary-50);
  border-bottom: 1px solid var(--mo-primary-100);
}
.mo-ui-progress-container-horizontal * {
  color: inherit;
}
.mo-ui-progress-container-horizontal .mo-ui-module-title {
  flex-grow: 1;
  margin-right: 10px;
  text-align: left;
}
.mo-ui-progress-container-horizontal .mo-ui-button {
  margin-left: auto;
}
.mo-ui-progress-container-horizontal .mo-ui-progress-chart {
  margin-right: 10px;
  width: 35px;
  height: 35px;
}
.mo-ui-progress-container-horizontal .mo-ui-progress-chart canvas {
  width: 100%;
  height: auto;
}
.mo-primary {
  background-color: var(--mo-primary-100);
  color: #000;
}
.mo-ui-progress-container .mo-ui-button {
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}
#mo-ui-toc {
  margin-bottom: 16px;
  display: none;
}
.mo-ui-tocItems-container {
  display: flex;
  flex-direction: column;
}
.mo-ui-button {
  border-radius: 4px;
  display: inline-block;
  padding: .2rem .6rem;
  text-decoration: none !important;
  transition:
    border-color .15s ease-in-out,
    color .15s ease-in-out,
    background-color .15s ease-in-out;
  margin: 0.5em 1em 0.5em 0;
}
.mo-ui-tocItem {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid var(--laughing-kookaburra-dark-50, #809DAA);
}
.mo-ui-item-progress {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
}
.mo-ui-item-progress canvas {
  width: 100%;
  height: auto;
}
.mo-ui-topics {
  font-size: 1.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  font-size: 18px;
  flex: 1;
}
.mo-ui-timer {
  flex: 0 0 150px;
  text-align: left;
}
.mo-ui-timer .material-symbols-outlined {
  color: var(--mo-primary-100);
}
.mo-ui-startoftopic-banner {
  height: 31.979px;
  width: 100%;
  margin-block: 32px;
  background-color: var(--mo-primary-50);
}
.mo-ui-page-timer,
.mo-ui-startoftopic-parentTopic,
.mo-ui-page-info {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 32px !important;
}
.mo-ui-page-timer::before {
  font-family: "Material Symbols Outlined";
  content: "schedule";
  color: var(--mo-primary-100);
  font-size: 24px;
  font-weight: 400;
  vertical-align: top;
  padding-right: 7px;
}
.mo-ui-page-info::before {
  font-family: "Material Symbols Outlined";
  content: "info";
  color: var(--mo-primary-100);
  font-size: 24px;
  font-weight: 400;
  vertical-align: top;
  padding-right: 7px;
}
:not(div) {
  &.mo-ui-key-points::before,
  &.mo-ui-activity-icon::before,
  &.mo-ui-book-icon::before,
  &.mo-ui-book-icon::before,
  &.mo-ui-icon-note::before,
  &.mo-ui-icon-space::before,
  &.mo-ui-icon-cognition::before,
  &.mo-ui-icon-experiment::before,
  &.mo-ui-icon-code-practice::before,
  &.mo-ui-icon-neurology::before,
  &.mo-ui-icon-work::before,
  &.mo-ui-icon-chat::before,
  &.mo-ui-contact-support-icon::after,
  &.mo-ui-rocket-launch::before {
    font-family: "Material Symbols Outlined";
    color: var(--mo-primary-100);
    font-size: 24px;
    font-weight: 400;
    vertical-align: top;
    padding-right: 7px;
  }
  &.mo-ui-key-points::before {
    content: "lightbulb_2" !important;
  }
  &.mo-ui-activity-icon::before {
    content: "\eaaa" !important;
  }
  &.mo-ui-book-icon::before {
    content: "book_5" !important;
  }
  &.mo-ui-icon-chat::before {
    content: "\e0b7" !important;
  }
  &.mo-ui-icon-note::before {
    content: "\f604" !important;
  }
  &.mo-ui-icon-space::before {
    content: "\f7ff" !important;
  }
  &.mo-ui-icon-cognition::before {
    content: "\e09f" !important;
  }
  &.mo-ui-icon-experiment::before {
    content: "\e686" !important;
  }
  &.mo-ui-icon-code-practice::before {
    content: "\e874" !important;
  }
  &.mo-ui-icon-neurology::before {
    content: "\e10e" !important;
  }
  &.mo-ui-icon-work::before {
    content: "\e8f9" !important;
  }
  &.mo-ui-contact-support-icon::after {
    content: "\e94c" !important;
  }
  &.mo-ui-rocket-launch::before {
    content: "\eb9b" !important;
  }
  &.mo-ui-no-icon::before {
    content: none;
  }
}
.uom-ui-emphasise {
  :not(div) {
    &.mo-ui-key-points::before,
    &.mo-ui-activity-icon::before,
    &.mo-ui-book-icon::before,
    &.mo-ui-book-icon::before,
    &.mo-ui-icon-note::before,
    &.mo-ui-icon-space::before,
    &.mo-ui-icon-cognition::before,
    &.mo-ui-icon-experiment::before,
    &.mo-ui-icon-code-practice::before,
    &.mo-ui-icon-neurology::before,
    &.mo-ui-icon-work::before,
    &.mo-ui-contact-support-icon::after,
    &.mo-ui-rocket-launch::before {
      color: var(--uni-blue);
    }
  }
}
[data-course-type=navigation]:not(.uom-ui-button)::after {
  font-family: "Material Symbols Outlined";
  content: "\e9e2";
  font-size: larger;
  font-weight: 280;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
[data-course-type=wikiPages]:not(.uom-ui-button)::after,
[data-course-type=discussions]:not(.uom-ui-button)::after,
[data-course-type=assignments]:not(.uom-ui-button)::after,
[data-course-type=quizzes]:not(.uom-ui-button)::after {
  font-family: "Material Symbols Outlined";
  content: "\e879";
  font-size: larger;
  font-weight: 280;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.mo-ui-zoom-in-icon::after {
  font-family: "Material Symbols Outlined";
  content: "\e8ff";
  font-size: larger;
  font-weight: 280;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.mo-ui-zoom-out-icon::after {
  font-family: "Material Symbols Outlined";
  content: "\e900";
  font-size: larger;
  font-weight: 280;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.mo-ui-close-icon::after {
  font-family: "Material Symbols Outlined";
  content: "\e5cd";
  font-size: larger;
  font-weight: 280;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.mo-ui-download-icon::after {
  font-family: "Material Symbols Outlined";
  content: "\f090";
  font-size: larger;
  font-weight: 280;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
}
.mo-ui-tocItem .mo-ui-button {
  border-radius: 4px;
  display: inline-block;
  padding: .2rem 1rem;
  text-decoration: none !important;
  transition:
    border-color .15s ease-in-out,
    color .15s ease-in-out,
    background-color .15s ease-in-out;
  margin: 0.5em 1.6% 0.5em 0;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  border-color: var(--mo-primary-100);
}
.mo-ui-email-icon::after {
  font-family: "Material Symbols Outlined";
  content: "\f187";
  color: var(--mo-primary-100);
  font-size: 24px;
  font-weight: 400;
  vertical-align: top;
  padding-right: 7px;
}
.mo-ui-button:hover {
  background-color: var(--mo-primary-50);
}
.mo-item-time {
  display: block;
  padding: 8px;
  margin: 4px 0;
  border: 1px solid var(--mo-neutral-50);
  border-radius: 4px;
  background-color: #f9f9f9;
  font-size: 14px;
  width: calc(100% - 16px);
  box-sizing: border-box;
}
#uom-plagiarism-declaration {
  border: 2px solid #fff !important;
  font-size: 14px !important;
  line-height: 110% !important;
}
.mo-hybrid-navigation {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 16px;
}
.mo-hybrid-navigation .mo-ui-button {
  margin: 0;
  padding: 8px 12px;
  line-height: 1.5;
  color: var(--uni-blue);
  border: 1px solid black;
}
.mo-hybridTab-topBtn {
  background-color: white;
}
.mo-hybridTab-nextBtn {
  background-color: var(--mo-primary-100);
}
.mo-ui-assessmentType,
.mo-ui-assessmentILO,
.mo-ui-hiddenInstruction {
  display: none;
}
.mo-ui-assessmentTable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left;
  vertical-align: top;
  font-size: 18px;
  line-height: 1.5;
}
.mo-ui-assessmentTable td {
  border-bottom: 1px solid var(--mo-neutral-50);
  font-size: 18px;
  vertical-align: top;
  font-weight: 400;
  color: var(--uni-blue);
}
.mo-ui-assessmentTable th {
  padding: 8px 16px;
  background-color: var(--mo-neutral-25);
  font-weight: 700;
  color: var(--uni-blue);
}
.mo-ui-assessmentTable tbody tr:first-child td {
  padding-top: 24px !important;
}
.mo-ui-assessmentTable tr:not(:first-child) td {
  padding: 12px 8px !important;
}
.mo-ui-assessmentTable td:last-child {
  text-align: right;
}
.mo-ui-assessmentTable th:nth-child(2) {
}
.mo-ui-assessmentGroup {
  margin-bottom: 24px;
  overflow: auto;
}
.mo-ui-checkbox {
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 32px;
  font-weight: 400;
  line-height: 32px;
}
.mo-ui-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid var(--uni-blue);
  border-radius: 2px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
  margin-block: 0;
  margin-right: 8px;
  outline: none;
}
.mo-ui-checkbox input[type=checkbox]:checked {
}
.mo-ui-checkbox input[type=checkbox]:checked::before {
  font-family: "Material Symbols Outlined";
  content: "\e5ca";
  color: var(--uni-blue);
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mo-ui-checkbox input[type=checkbox]:focus {
  border-color: var(--uni-blue);
}
.mo-ui-endOfModuleBox {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  max-width: 100%;
  margin: 16px 0;
  flex-wrap: nowrap;
  gap: 9.5%;
}
.mo-ui-endOfModuleBox img {
  flex: 1 1 17.2%;
  max-width: 17.2%;
  height: auto;
}
.mo-ui-endOfModuleBox .mo-ui-endOfModuleBox-content {
  flex: 1 3 73.3%;
  max-width: 73.3%;
  height: auto;
}
.mo-ui-wrapper .mo-ui-endOfModuleBox h3 {
  margin: unset;
}
.mo-ui-wrapper .mo-ui-endOfModuleBox .mo-ui-checkbox {
  margin-block-end: 24px;
}
#mo-ui-markDone {
  cursor: not-allowed;
  opacity: 0.1;
}
#mo-ui-markDone:enabled {
  cursor: pointer;
  opacity: 1;
}
.mo-ui-endoftopic {
  border-bottom: none !important;
  color: var(--uni-blue);
}
.mo-ui-endoftopic .material-symbols-outlined {
  color: var(--mo-primary-100);
}
.mo-ui-endoftopic .mo-ui-button {
  border: 1px solid var(--uni-blue);
}
.mo-ui-endoftopic .mo-ui-timer {
  flex: 1 0 150px;
  text-align: left;
}
.mo-ui-endoftopic .mo-ui-topics {
  font-weight: 400;
}
.mo-ui-endoftopic .mo-ui-topics {
  flex: initial;
}
.mo-ui-imgBox {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  max-width: 100%;
  margin: 16px 0;
  img {
    flex: 0 0 25%;
    height: auto;
    max-width: 25%;
  }
  &:has(img:first-child) .mo-ui-imgBox-content {
    padding-left: 40px;
  }
  &:has(img:last-child) .mo-ui-imgBox-content {
    padding-right: 20px;
  }
  .mo-ui-imgBox-content h2 {
    margin-top: 0px;
  }
  .mo-ui-imgBox-content {
    flex: 0 0 75%;
    box-sizing: border-box;
    align-self: flex-start;
  }
  .mo-end-of-module {
    h2 {
      margin-bottom: 0;
      font-size: 32px;
      font-weight: 600;
      line-height: 120%;
    }
    p {
      margin-block: 0;
      margin-bottom: 16px;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 160%;
    }
    #mo-ui-nextModulebtn {
      padding: 5px 16px;
    }
  }
  .mo-end-of-subject {
    h2 {
      margin-bottom: 0;
      font-size: 32px;
      font-weight: 600;
      line-height: 120%;
    }
    p {
      margin-block: 0;
      margin-bottom: 16px;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 160%;
    }
    #mo-ui-nextModulebtn {
      padding: 5px 16px;
    }
  }
  &:has(.mo-end-of-subject) {
    background-color: var(--mo-primary-50);
    box-sizing: border-box;
    img {
      flex: 0 0 50%;
      height: auto;
      max-width: 50%;
    }
    .mo-ui-imgBox-content {
      flex: 0 0 50%;
      box-sizing: border-box;
      align-self: flex-start;
      margin: auto 0;
    }
    &:has(img:first-child) .mo-ui-imgBox-content {
      padding: 16px 0;
    }
  }
  .mo-ui-elevate {
    h2 {
      margin-bottom: 0;
      font-size: 32px;
      font-weight: 600;
      line-height: 120%;
    }
    p {
      margin-block: 0;
      margin-bottom: 16px;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 160%;
    }
    .mo-ui-link-btn {
      padding: 5px 16px;
      display: flex;
      max-width: max-content;
      align-items: center;
      &::after {
        font-family: "Material Symbols Outlined";
        content: "\e941";
        font-size: 20px;
        margin-left: 8px;
      }
    }
  }
}
@container wrapper (max-width: 460px) {
  .mo-ui-imgBox {
    flex-direction: column;
    &:has(img:first-child) .mo-ui-imgBox-content {
      padding-left: 0px;
    }
    .mo-ui-imgBox:has(img:last-child) .mo-ui-imgBox-content {
      padding-right: 0px;
    }
    img {
      flex: 0 0 25%;
      height: auto;
      max-width: 50%;
      margin: 0 auto;
    }
  }
}
.mo-ui-background-colour2 {
  background-color: var(--faculty-primary-25) !important;
}
.mo-ui-background-colour3 {
  background-color: var(--faculty-secondary-25) !important;
}
.mo-ui-border-colour2 {
  border-color: var(--faculty-primary-25) !important;
}
.mo-ui-border-colour3 {
  border-color: var(--faculty-secondary-25) !important;
}
.mo-ui-emphasise {
  display: flow-root;
  margin: 48px 0;
  color: var(--uni-blue);
  border-bottom: 1px solid var(--mo-primary-100);
  position: relative;
  box-sizing: border-box;
  padding-bottom: 32px;
}
.mo-ui-emphasise p {
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
}
.mo-ui-emphasise > *:last-child {
  margin-bottom: 0;
}
.mo-ui-emphasise + h2,
.mo-ui-emphasise + p,
.mo-ui-emphasise + h3,
.mo-ui-emphasise + h4,
.mo-ui-emphasise + h5,
.mo-ui-emphasise + h6 {
  margin-top: 0 !important;
}
.mo-ui-emphasise-activity.mo-ui-emphasise-icon::before {
  content: "fast_forward";
  font-family: "Material Symbols Outlined";
  position: absolute;
  left: -4rem;
  top: 10%;
  font-size: 4rem;
  color: var(--uni-blue);
}
.mo-ui-emphasise-activity {
  display: flow-root;
  color: var(--uni-blue);
  border-left: none !important;
  border-radius: 0;
  position: relative;
  background-color: var(--mo-primary-50);
  padding-top: 16px;
  padding-bottom: 48px;
  border-bottom: solid 1px var(--mo-primary-100);
  box-sizing: border-box;
  max-width: none !important;
  margin-top: 8px;
  & > * {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
  }
  p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 8px;
    &:first-of-type {
      &::before {
        font-family: "Material Symbols Outlined";
        content: "\e146";
        font-size: 24px;
        vertical-align: top;
        margin-right: 16px;
      }
    }
  }
  iframe {
    margin-top: 8px;
    width: 100%;
  }
  img {
    margin-top: 8px;
    width: 100%;
  }
  & > *:last-child {
    margin-bottom: 0;
  }
}
@container wrapper (max-width: 732px) {
  .mo-ui-emphasise-activity p {
    padding: 0px 16px 0px 16px;
  }
}
.mo-ui-emphasise-inline-activity {
  background-color: var(--mo-primary-50);
  border-bottom: solid 1px var(--mo-primary-100);
  box-sizing: border-box;
  margin-block: 8px;
  padding-top: 8px;
  padding-bottom: 48px;
  & > * {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto !important;
    box-sizing: border-box;
    padding: 8px 16px 8px 16px;
  }
  & > :is(div, p):has(:is(iframe, img, video, audio)),
  & > :is(img, iframe, video, audio) {
    padding: 8px 0;
  }
  & > *:first-child {
    margin-top: 0 !important;
    padding-top: 8px;
  }
  & > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }
  p {
    &:first-of-type {
      &::before {
        font-size: 24px;
      }
    }
  }
  p,
  h1,
  h2,
  h3,
  h4,
  h4 {
    &:first-of-type {
      &::before {
        font-family: "Material Symbols Outlined";
        content: "\e146";
        vertical-align: top;
        color: var(--uni-blue) !important;
        padding-right: 8px;
      }
    }
  }
}
.mo-ui-wrapper {
  p:has(span.math_equation_latex) {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    &::-webkit-scrollbar {
      height: 12px;
      width: 12px;
    }
    &::-webkit-scrollbar-track {
      background: #e0e0e0;
      border-radius: 10px;
    }
    &::-webkit-scrollbar-thumb {
      background-color: #999;
      border-radius: 10px;
      border: 2px solid #e0e0e0;
    }
  }
}
.mo-ui-callout {
  background-color: var(--mo-primary-50);
  border-bottom: solid 1px var(--mo-primary-100);
  box-sizing: border-box;
  margin-top: 8px;
  padding: 16px 16px 8px 16px;
  iframe {
    margin-top: 8px;
    width: 100%;
  }
  & > *:first-child:is(p, h1, h2, h3, h4) {
    &:first-of-type {
      &::before {
        font-family: "Material Symbols Outlined";
        content: "\eb9b";
        vertical-align: top;
        color: var(--uni-blue) !important;
        padding-right: 8px;
      }
    }
  }
  & > *:first-child {
    margin-top: 0 !important;
  }
  & > *:last-child {
    margin-bottom: 0 !important;
  }
}
.mo-ui-figure {
  figcaption.mo-ui-fig-alt-text {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
  }
  .mo-ui-figure-button {
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    align-self: flex-start;
    flex-shrink: 0;
  }
  .mo-ui-text-alternative {
    display: none;
    border-bottom: solid 1px var(--mo-secondary-100);
    margin-top: 18px;
    margin-bottom: 32px;
    padding: 0 0 0 16px;
    .mo-ui-text-alternative-container {
      max-height: 200px;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      font-size: 16px;
      &::-webkit-scrollbar {
        height: 12px;
        width: 12px;
      }
      &::-webkit-scrollbar-track {
        background: #e0e0e0;
        border-radius: 10px;
      }
      &::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 10px;
        border: 2px solid #e0e0e0;
      }
      & > *:last-child {
        margin-bottom: 0;
      }
    }
    .mo-ui-text-alt-close-btn {
      display: flex;
      justify-content: end;
      span {
        cursor: pointer;
        padding: 4px;
        &::before {
          font-family: "Material Symbols Outlined";
          content: "\e5cd";
          font-size: 24px;
        }
      }
    }
  }
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-chat p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-chat p:first-of-type::before {
  content: "\e0b7";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-chat::before,
.mo-ui-emphasise-activity.mo-ui-icon-chat::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-note p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-note p:first-of-type::before {
  content: "\f604";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-note::before,
.mo-ui-emphasise-activity.mo-ui-icon-note::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-space p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-space p:first-of-type::before {
  content: "\f7ff";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-space::before,
.mo-ui-emphasise-activity.mo-ui-icon-space::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-cognition p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-cognition p:first-of-type::before {
  content: "\e09f";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-cognition::before,
.mo-ui-emphasise-activity.mo-ui-icon-cognition::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-experiment p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-experiment p:first-of-type::before {
  content: "\e686";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-experiment::before,
.mo-ui-emphasise-activity.mo-ui-icon-experiment::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-code-practice p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-code-practice p:first-of-type::before {
  content: "\e874";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-code-practice::before,
.mo-ui-emphasise-activity.mo-ui-icon-code-practice::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-neurology p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-neurology p:first-of-type::before {
  content: "\e10e";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-neurology::before,
.mo-ui-emphasise-activity.mo-ui-icon-neurology::before {
  content: none;
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-work p:first-of-type::before,
.mo-ui-emphasise-activity.mo-ui-icon-work p:first-of-type::before {
  content: "\e8f9";
}
.mo-ui-emphasise-inline-activity.mo-ui-icon-work::before,
.mo-ui-emphasise-activity.mo-ui-icon-work::before {
  content: none;
}
.mo-ui-wrapper {
  .uom-ui-emphasise.mo-ui-emphasise-activity-text {
    background-color: var(--mo-primary-50);
    max-width: none;
    padding: 32px 16px 32px 16px;
    color: var(--uni-blue);
    p {
      margin-block: 16px;
    }
    & > *:first-child {
      margin-top: 0;
    }
    & > *:last-child {
      margin-bottom: 0;
    }
    & > * {
      max-width: var(--max-width);
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.mo-ui-wrapper {
  .uom-ui-emphasise,
  .uom-ui-notice--info,
  .uom-ui-notice--success,
  .uom-ui-notice--warning,
  .uom-ui-notice--danger {
    color: var(--uni-blue);
    padding: 32px;
    & > h1:first-child,
    & > h2:first-child,
    & > h3:first-child,
    & > h4:first-child,
    & > h5:first-child,
    & > h6:first-child {
      margin-top: 0 !important;
    }
    & > *:first-child {
      margin-top: 0;
    }
    & > *:last-child {
      margin-bottom: 0;
    }
  }
}
.mo-ui-wrapper .uom-ui-emphasise {
  background-color: var(--mo-primary-50);
}
.mo-ui-wrapper .uom-ui-notice--info {
  background-color: var(--mo-neutral-25);
}
.mo-ui-wrapper {
  .mo-ui-activity-wrapper {
    border: 1px solid var(--mo-primary-100);
    margin-block: 32px;
    padding: 16px 0px 32px 0px;
    > *:first-child {
      margin-block-start: 0;
    }
    > *:last-child {
      margin-block-end: 0;
    }
    &:not(.mo-ui-nomaxwidth) {
      padding: 16px 16px 16px 16px;
    }
    & > * {
      max-width: var(--max-width);
      margin-left: auto;
      margin-right: auto;
    }
    .mo-ui-emphasise-activity-text {
      margin-top: 0px !important;
    }
    &:has(> .uom-ui-emphasise:first-child) {
      padding-top: 0px;
    }
  }
  @container wrapper (max-width: 732px) {
    .mo-ui-activity-wrapper.mo-ui-nomaxwidth {
      & > * {
        margin: 0px 16px;
      }
      .uom-ui-emphasise.mo-ui-emphasise-activity-text {
        margin: 0 0 16px 0;
      }
    }
  }
}
.MO-tooltip {
  position: relative;
  cursor: help;
  display: inline-block;
  font-weight: bolder;
}
.MO-tooltip:hover {
  text-decoration: underline;
}
.MO-tooltip-content {
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  text-align: left;
  padding: 8px;
  border: 2px solid var(--mo-primary-100);
  position: absolute;
  bottom: calc(100% + 15px);
  z-index: 9999;
  left: 0%;
  width: 400px;
  transition: opacity 0.2s ease-in-out;
  font-weight: normal;
}
.MO-tooltip:hover .MO-tooltip-content,
.MO-tooltip:focus-within .MO-tooltip-content {
  visibility: visible;
  opacity: 1;
}
#mo-announcements-container-wrapper {
  margin-bottom: 64px;
}
#mo-announcements-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
#mo-announcements-header h3 {
  margin-left: 0;
}
.mo-toggle-Announcementicon {
  cursor: pointer;
  font-size: 24px;
}
.mo-announcement-item {
  border-bottom: 1px solid var(--mo-neutral-50);
  padding: 10px 0;
  margin-bottom: 10px;
}
.mo-announcement-itemHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mo-announcement-item h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 32px;
}
.mo-announcement-item h3 a {
  text-decoration: none !important;
}
.mo-announcement-message {
  margin: 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.mo-announcement-itemFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
}
.mo-announcement-itemFooter span {
  margin-right: 10px;
}
#mo-announcements-header:hover {
  background-color: var(--mo-primary-25);
}
.mo-ui-wrapper .uom-ui-border-box {
  background-color: #fff;
  box-sizing: border-box;
  padding: 32px;
  margin: 64px auto;
}
.mo-ui-template-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--mo-primary-50);
  border-bottom: 1px solid var(--mo-primary-100);
  margin-block: 16px;
  padding: 0 16px;
  box-sizing: border-box;
  div {
    p {
      margin: 0;
    }
    margin-block: 16px;
  }
  h3 {
    margin: 0;
  }
}
.mo-ui-assessmentBox {
  background-color: var(--mo-primary-50);
  padding: 10px;
  min-height: 140px;
  border-bottom: 1px solid var(--mo-primary-100);
  position: relative;
  h3 {
    margin: 0;
  }
}
.mo-ui-assessmentBoxlink {
  display: flex;
  align-items: center;
  font-size: smaller;
  padding-top: 15px;
  line-height: 22px;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.mo-ui-copyrightBlock {
  padding-top: 32px;
  font-size: 14px;
  line-height: 120%;
}
.module-sequence-footer-button--next > .Button,
.module-sequence-footer-button--previous > .Button {
  background: var(--ic-brand-primary);
  color: white;
  border: 1px solid #E8E8E8;
}
.module-sequence-footer > .module-sequence-footer-content {
  padding-top: 16px;
}
div.page-toolbar-start > div.page-heading > .course-title {
  font-family:
    "Source Sans 3",
    "Lato Extended",
    "Lato",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 120%;
  font-weight: 300;
  margin: auto;
  font-size: 48px;
  margin-bottom: 32px;
}
#rubrics .rubric_container.rubric.editing table.rubric_table {
  z-index: 1;
}
.mo-ui-wrapper {
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family:
      "Source Sans 3",
      "Lato Extended",
      "Lato",
      "Helvetica Neue",
      Helvetica,
      Arial,
      sans-serif;
    line-height: 120%;
    font-weight: 600;
    margin: auto;
  }
  .mo-ui-h1,
  h1 {
    line-height: 120%;
    font-family:
      "Source Sans 3",
      "Lato Extended",
      "Lato",
      "Helvetica Neue",
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 300;
    font-size: 42px;
    margin-bottom: 32px;
  }
  .mo-ui-h2,
  h2 {
    margin-top: 32px;
    margin-bottom: 32px;
    font-size: 30px;
  }
  .mo-ui-h3,
  h3 {
    margin-block-start: 18px;
    margin-block-end: 16px;
    font-size: 26px;
  }
  .mo-ui-h4,
  h4 {
    margin-block-start: 16px;
    margin-block-end: 14px;
    font-weight: 600;
    font-size: 20px;
  }
  .mo-ui-h5,
  h5 {
    margin-block-start: 14px;
    font-weight: 700;
    font-size: 18px;
  }
  h5 + p {
    margin-top: 0px;
  }
  .mo-ui-h3:first-child,
  h3:first-child {
    margin-block-start: 0;
  }
  p {
    margin-block: 18px;
  }
  small {
    font-size: 14px;
  }
}
.mo-ui-startoftopic-subtopic {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 32px !important;
}
.show-content.user_content {
  overflow-x: hidden !important;
}
.mo-ui-horiScroll {
  overflow-x: auto;
}
#announcements_on_home_page h1 {
  font-size: 24px;
}
.mo-ui-wrapper .uom-ui-accordion {
  margin-block-end: 32px;
}
.mo-ui-wrapper hr {
  border-color: var(--mo-primary-100);
  margin-block: 32px;
}
#footer > a.footer-logo.ic-app-footer__logo-link {
  display: none;
}
#terms_of_service_modal > a {
  display: inline;
}
.ic-app-footer__links a:last-child,
.ic-app-footer__links a:nth-last-child(2) {
  display: none;
}
.uom-ui-button {
  border: 1px solid;
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
  padding: .75rem 1rem;
  text-decoration: none !important;
  transition:
    border-color .15s ease-in-out,
    color .15s ease-in-out,
    background-color .15s ease-in-out;
  margin: 0.5em 1.6% 0.5em 0;
}
.uom-ui-button.uom-primary {
  background-color: var(--mo-primary-100);
  color: var(--uni-blue);
  border-color: var(--mo-primary-100);
}
.uom-ui-button.uom-secondary {
  background-color: #abc1a7;
  color: var(--uni-blue);
  border-color: #abc1a7;
}
.uom-ui-button.uom-success {
  background-color: #22765f;
  color: #fff;
  border-color: hsla(0, 0%, 100%, .3);
}
.uom-ui-button.uom-warning {
  background-color: #dc291e;
  color: #fff;
  border-color: hsla(0, 0%, 100%, .3);
}
.uom-ui-button.uom-dark {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.uom-ui-button.uom-outline {
  background-color: #fff;
  border-color: var(--uni-blue);
  color: var(--uni-blue);
}
.uom-ui-button.uom-inverted {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.uom-ui-button.uom-inverted:hover,
.uom-ui-button.uom-inverted:focus {
  background-color: transparent;
  border-color: var(--mo-primary-100);
  color: var(--mo-primary-100);
}
.uom-ui-button.uom-primary:hover,
.uom-ui-button.uom-primary:focus {
  background-color: rgb(209, 241, 251);
  border-color: rgb(209, 241, 251);
  color: var(--uni-blue);
  cursor: pointer;
}
.uom-ui-button.uom-secondary:hover,
.uom-ui-button.uom-secondary:focus {
  background-color: #d5e0d3;
  color: var(--uni-blue) !important;
  border-color: #d5e0d3;
  cursor: pointer;
}
.uom-ui-button.uom-success:hover,
.uom-ui-button.uom-success:focus {
  background-color: #fff;
  border-color: #22765f;
  color: #22765f !important;
  cursor: pointer;
}
.uom-ui-button.uom-warning:hover,
.uom-ui-button.uom-warning:focus {
  background-color: #fff;
  border-color: #dc291e;
  color: #dc291e !important;
  cursor: pointer;
}
.uom-ui-button.uom-dark:hover,
.uom-ui-button.uom-dark:focus {
  background-color: var(--mo-primary-100);
  border-color: var(--mo-primary-100);
  color: var(--uni-blue) !important;
  cursor: pointer;
}
.uom-ui-button:hover,
.uom-ui-button:focus,
.uom-ui-button.uom-outline:hover,
.uom-ui-button.uom-outline:focus {
  background-color: var(--mo-primary-50);
  border-color: var(--uni-blue);
  color: var(--uni-blue);
  cursor: pointer;
}
.uom-ui-button:active,
.uom-ui-button:active,
.uom-ui-button.uom-outline:active {
  background-color: var(--mo-neutral-25);
  color: var(--uni-blue);
  cursor: pointer;
}
.uom-ui-button.uom-disabled,
.uom-ui-reveal.uom-ui-reveal.uom-disabled,
.uom-ui-reveal.uom-disabled:hover {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  color: #616161;
  cursor: default;
}
.uom-ui-button.uom-disabled:visited,
.uom-ui-button.uom-disabled:active,
.uom-ui-button.uom-disabled:hover {
  background-color: #C8C8C8 !important;
  color: #616161 !important;
  cursor: default;
  border-color: #C8C8C8 !important;
}
.uom-ui-button.uom-disabled:hover {
  cursor: not-allowed;
}
.uom-ui-button.w-50,
.uom-ui-button.w-60,
.uom-ui-button.w-70,
.uom-ui-button.w-80,
.uom-ui-button.w-90,
.uom-ui-button.w-100 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.uom-ui-button.w-50 {
  width: calc(50% - 2em);
}
.uom-ui-button.w-60 {
  width: calc(60% - 2em);
}
.uom-ui-button.w-70 {
  width: calc(70% - 2em);
}
.uom-ui-button.w-80 {
  width: calc(80% - 2em);
}
.uom-ui-button.w-90 {
  width: calc(90% - 2em);
}
.uom-ui-button.w-100 {
  width: calc((100% - .2em) - 2em);
}
@media all and (max-width: 767px) {
  .uom-ui-button.w-50,
  .uom-ui-button.w-60,
  .uom-ui-button.w-70,
  .uom-ui-button.w-80,
  .uom-ui-button.w-90,
  .uom-ui-button.w-100 {
    width: calc((100% - .2em) - 2em);
  }
}
.uom-ui-img {
  display: block;
  margin: 1rem auto;
  text-align: center;
  width: auto;
  max-width: 80%;
}
.uom-ui-img.uom-right {
  max-width: 30%;
  width: auto;
  float: right;
  clear: right;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  padding: 0;
}
.uom-ui-img.uom-left {
  max-width: 30%;
  width: auto;
  float: left;
  clear: left;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  padding: 0;
}
@media all and (max-width: 1024px) {
  .uom-ui-img {
    max-width: 85%;
  }
  .uom-ui-img.uom-left,
  .uom-ui-img.uom-right {
    max-width: 40%;
  }
}
@media all and (max-width: 980px) {
  .uom-ui-img {
    width: 100%;
  }
  .uom-ui-img.uom-left,
  .uom-ui-img.uom-right {
    max-width: 50%;
  }
}
@media all and (max-width: 768px) {
  .uom-ui-img {
    max-width: 100%;
  }
}
@media all and (max-width: 576px) {
  .uom-ui-img {
    max-width: 100%;
  }
  .uom-ui-img.uom-left,
  .uom-ui-img.uom-right {
    max-width: 100%;
    margin: 1rem auto;
  }
}
.uom-ui-img img {
  max-width: 100% !important;
}
.uom-ui-img .uom-ui-border-box {
  margin: 0rem 0 0.5rem 0;
}
.uom-ui-border-box {
  overflow: hidden;
  border: 1px solid #094183;
  padding: 1em;
  margin: 1em 0;
}
.uom-ui-emphasise {
  background-color: var(--mo-neutral-25);
  border-radius: 0;
}
.uom-ui-notice--success,
.uom-ui-notice--warning,
.uom-ui-notice--danger,
.uom-ui-notice--info,
.uom-ui-emphasise {
  display: flow-root;
  padding: 1rem;
  color: rgb(45, 45, 45);
  border-left: none !important;
  border-radius: 0;
}
.uom-ui-notice--success {
  background-color: rgb(207, 220, 146);
}
.uom-ui-notice--warning {
  background-color: rgb(255, 234, 148);
}
.uom-ui-notice--danger {
  background-color: rgb(255, 202, 206);
}
.uom-ui-notice--info {
  background-color: rgb(163, 228, 247);
}
.uom-ui-notice--success hr,
.uom-ui-notice--warning hr,
.uom-ui-notice--danger hr,
.uom-ui-notice--info hr {
  border-bottom: 0;
  border-top-color: rgb(45, 45, 45);
  opacity: 0.2;
}
.uom-ui-emphasise a,
.uom-ui-notice--success a,
.uom-ui-notice--warning a,
.uom-ui-notice--danger a,
.uom-ui-notice--info a {
  font-weight: 700;
}
.uom-ui-emphasise .uom-ui-button,
.uom-ui-notice--success .uom-ui-button,
.uom-ui-notice--warning .uom-ui-button,
.uom-ui-notice--danger .uom-ui-button,
.uom-ui-notice--info .uom-ui-button {
  margin: 0.5em 1.6% 0.5em 0;
}
.uom-ui-table tr td {
  border: none;
  border-bottom: 1px solid var(--mo-neutral-50);
}
.uom-ui-table,
.uom-ui-table-bordered,
.uom-ui-table-striped {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  margin: 1em auto;
  vertical-align: middle;
  line-height: 28px;
  font-size: 18px;
  padding: 16px 8px;
  caption {
    padding: 16px 16px;
  }
}
.uom-ui-table tr,
.uom-ui-table-striped tr {
  border-bottom: 1px solid #c8c8c8;
}
.uom-ui-table td,
.uom-ui-table th,
.uom-ui-table-bordered td,
.uom-ui-table-bordered th,
.uom-ui-table-striped td,
.uom-ui-table-striped th {
  padding: 8px 16px !important;
}
.uom-ui-table.uom-striped tr:nth-child(even),
.uom-ui-table-striped tr:nth-child(even) {
  background-color: var(--mo-primary-25);
}
.uom-ui-table-bordered tr td,
.uom-ui-table-bordered tr th {
  border-bottom: 1px solid var(--mo-neutral-25);
}
.uom-ui-table tr.header th,
.uom-ui-table tr.header td,
.uom-ui-table-bordered tr.header th,
.uom-ui-table-bordered tr.header td,
.uom-ui-table-striped tr.header th,
.uom-ui-table-striped tr.header td {
  color: rgb(45, 45, 45);
  background-color: rgb(200, 200, 200);
  text-align: left;
  vertical-align: bottom;
  font-weight: 700;
}
.uom-ui-table thead tr,
.uom-ui-table-bordered thead tr,
.uom-ui-table-bordered thead tr:not(.header) th,
.uom-ui-table-striped thead tr {
  background-color: var(--mo-neutral-25);
  border-color: var(--mo-neutral-25);
  color: var(--uni-blue);
  font-weight: 700;
  vertical-align: bottom;
}
.uom-ui-table tbody,
.uom-ui-table-bordered tbody,
.uom-ui-table-striped tbody {
  vertical-align: inherit;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.uom-ui-table caption,
.uom-ui-table-bordered caption,
.uom-ui-table-striped caption {
  text-align: left;
}
.w3-responsive {
  display: block;
  overflow-x: auto;
}
[class^=w3] {
  box-sizing: border-box;
}
ul.uom-ui-grid {
  grid-gap: 1rem;
  list-style-type: none;
  margin: 0em;
  margin-bottom: 1.5rem;
  padding: 0em;
}
ul.uom-ui-grid > li {
  color: rgb(45, 45, 45);
  background-color: #fff;
  border-bottom: .4rem solid var(--mo-neutral-50);
}
ul.uom-ui-grid.uom-with-border > li {
  border: 1px solid var(--mo-neutral-50);
}
ul.uom-ui-grid > li div.tile-body {
  padding: 1rem;
}
ul.uom-ui-grid > li div.tile-img-banner {
  background-repeat: no-repeat;
  background-color: var(--mo-secondary-100);
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 150px;
}
ul.uom-ui-grid li h1,
ul.uom-ui-grid li h2,
ul.uom-ui-grid li h3,
ul.uom-ui-grid li h4,
ul.uom-ui-grid li h5,
ul.uom-ui-grid li h6,
ul.uom-ui-grid li h1 a,
ul.uom-ui-grid li h2 a,
ul.uom-ui-grid li h3 a,
ul.uom-ui-grid li h4 a,
ul.uom-ui-grid li h5 a,
ul.uom-ui-grid li h6 a {
  color: var(--uni-blue);
  font-weight: 700;
}
ul.uom-ui-grid li a {
  font-weight: 700;
}
ul.uom-ui-grid > li.text-center {
  text-align: center;
}
ul.uom-ui-grid.uom-ui-two-col {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
ul.uom-ui-grid.uom-ui-tiles-tight {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
}
ul.uom-ui-grid a .external_link_icon,
ul.uom-ui-grid a.file_download_btn {
  display: none !important;
}
.uom-ui-video {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  margin-top: 25px;
  text-align: left;
  border-bottom: 1px solid #99A2AA;
}
.uom-ui-video + * {
  clear: both;
}
.uom-ui-video p {
  margin-top: 1%;
  font-size: 0.75em;
}
.uom-ui-responsive-wrapper {
  position: relative;
  height: 0;
}
.uom-ui-responsive-wrapper-16-09 {
  padding-bottom: 56.25%;
}
.uom-ui-responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.uom-ui-transcript p {
  text-align: left;
  display: inline;
  font-size: small;
  margin-left: 1%;
}
.uom-ui-accordion {
  padding: 0;
  border-bottom: 1px solid var(--mo-neutral-50);
  margin-bottom: 2em;
  background-color: #fff;
  h3 {
    margin: 0;
    padding: 0;
  }
  & > * + * {
    border-top: 1px solid var(--mo-neutral-50);
  }
  .uom-ui-accordion-title {
    display: block;
    pointer-events: none;
    border: transparent 0 solid;
    border-radius: 0;
    padding: 0;
    outline: none;
    width: calc(100% - 2rem);
  }
  .uom-ui-accordion-trigger {
    &:focus,
    &:hover {
      text-decoration: underline;
      background-color: var(--mo-primary-50);
    }
    &:focus {
      .uom-ui-accordion-title {
        border-color: transparent;
      }
    }
    .uom-ui-accordion-icon {
      border: solid var(--uni-blue);
      border-width: 0 2px 2px 0;
      height: 0.6rem;
      pointer-events: none;
      position: absolute;
      left: auto;
      top: 50%;
      transform: translateY(-55%) rotate(45deg);
      width: 0.6rem;
      transition: transform .2s ease-in-out;
      right: 1.5rem;
    }
    &[aria-expanded=false]:not(:hover) {
      background: none;
    }
    &[aria-expanded=true] {
      background-color: var(--mo-neutral-25);
      .uom-ui-accordion-icon {
        transform: rotate(225deg) translateY(2px);
      }
    }
  }
  .uom-ui-accordion *:first-child .uom-ui-accordion-trigger {
    border-radius: 0;
  }
  .uom-ui-accordion-panel {
    margin: 0;
    padding: 1rem;
    border: 0;
    overflow: hidden;
    .uom-ui-accordion {
      margin-top: 1rem;
    }
  }
  .uom-ui-accordion {
    &.focus {
      border-color: var(--mo-neutral-50);
    }
    .uom-ui-accordion-trigger {
      color: var(--uni-blue);
      display: block;
      font-size: 1em !important;
      font-weight: bold;
      margin: 0;
      padding: 1rem;
      position: relative;
      text-align: left;
      width: 100%;
      font-size: 24px;
      cursor: pointer;
      clear: both;
      box-sizing: border-box;
    }
  }
  &.mo-ui-accordion-transcript {
    margin-block-end: 0;
    .uom-ui-accordion-trigger {
      padding: 32px 16px 32px 16px;
      &[aria-expanded=false]:not(:hover) {
        background-color: white;
      }
      &[aria-expanded=true] {
        background-color: var(--mo-primary-50);
        border-bottom: 1px solid var(--mo-neutral-50);
      }
      span {
        font-weight: 400;
      }
    }
    .uom-ui-accordion-panel {
      padding: 16px;
      background-color: white;
      overflow: auto;
      max-height: 300px;
      p {
        color: var(--uni-blue);
        font-family: "Source Sans 3";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
      }
    }
  }
}
.uom-ui-accordion-panel[hidden] {
  display: none;
}
.mo-ui-accordion-expand-container {
  text-align: right;
  height: 46px;
  .mo-ui-accordion-expand-button {
    text-decoration: underline;
    cursor: pointer;
    padding: 16px 12px;
    font-size: 16px;
  }
}
.uom-ui-checkbox {
  display: flex;
  align-items: center;
  margin: 2px 0;
  font-family:
    "Source Sans 3",
    "Lato Extended",
    "Lato",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.uom-ui-checkbox > span {
  padding: 1rem 0.5rem;
  font-size: 18px;
}
.uom-ui-checkbox > input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.uom-ui-checkbox .uom-ui-checkbox-tick {
  position: relative;
  cursor: pointer;
}
.uom-ui-checkbox .uom-ui-checkbox-tick::before {
  content: "";
  display: block;
  margin: -4px 0px;
  border: 2px var(--uni-blue) solid;
  border-radius: 2px;
  height: 24px;
  width: 24px;
}
.uom-ui-checkbox [type=checkbox]:checked + .uom-ui-checkbox-tick:hover::before,
.uom-ui-checkbox .uom-ui-checkbox-tick:hover::before {
  background-color: var(--mo-primary-50);
}
.uom-ui-checkbox [type=checkbox]:focus + .uom-ui-checkbox-tick::before,
.uom-ui-checkbox [type=checkbox]:focus:checked + .uom-ui-checkbox-tick::before {
  outline: none;
  border: 2px var(--uni-blue) solid;
  border-radius: 2px;
  height: 24px;
  width: 24px;
}
.uom-ui-checkbox [type=checkbox]:checked + .uom-ui-checkbox-tick::before {
  border: 2px var(--uni-blue) solid;
  border-radius: 2px;
  height: 24px;
  width: 24px;
  background-color: #fff;
}
.uom-ui-checkbox [type=checkbox]:checked ~ span {
  color: inherit;
  text-decoration: none;
}
.uom-ui-clearstyle [type=checkbox]:checked ~ span {
  color: inherit;
  text-decoration: inherit;
}
.uom-ui-checkbox [type=checkbox]:disabled + .uom-ui-checkbox-tick::before {
  background: #EAEBEB;
  border-color: #CECECE;
}
.uom-ui-checkbox [type=checkbox] + .uom-ui-checkbox-tick::after {
  content: "";
  position: absolute;
  top: 19px;
  left: 15px;
  border-left: 2px solid var(--uni-blue);
  border-bottom: 2px solid var(--uni-blue);
  height: 6px;
  width: 12px;
  transform: rotate(-45deg);
  opacity: 0;
}
.uom-ui-checkbox [type=checkbox]:checked + .uom-ui-checkbox-tick::after {
  opacity: 1;
}
.uom-ui-checklist-parent {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.uom-ui-reveal {
  cursor: pointer;
  text-decoration: underline;
  color: var(--mo-secondary-100);
  font-weight: 700;
}
.uom-ui-reveal strong {
  font-weight: 700;
}
.uom-ui-reveal:focus {
  color: var(--mo-secondary-100);
  text-decoration: underline;
}
.uom-ui-reveal:not(.uom-ui-button):hover {
  color: var(--mo-secondary-100);
  text-decoration: none;
}
.uom-ui-reveal.uom-ui-button.uom-primary {
  margin: 0.5em 1.6% 0.5em 0;
}
.uom-ui-hidden-content {
  display: none;
}
.uom-ui-hidden-content.show {
  display: block;
}
.uom-ui-screenReader,
.uom-ui-screenReader * {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  margin: 0px !important;
  padding: 0px !important;
  font-size: 0px !important;
  line-height: 0px !important;
}
.uom-ui-clickthrough {
  clear: both;
  border: none;
  padding: 32px;
  overflow: hidden;
  background: var(--mo-neutral-25);
}
.uom-ui-clickthrough .uom-ui-page {
  clear: both;
  display: none;
  opacity: 0;
  width: 100%;
  margin-bottom: 32px;
}
.uom-ui-clickthrough .clickthrough-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--mo-neutral-25);
  padding: 0;
  clear: both;
}
.uom-ui-clickthrough .clickthrough-navigation > * {
  margin: 0;
}
.uom-ui-clickthrough .clickthrough-navigation {
  .nextSlide,
  .prevSlide {
    font-size: 18px;
    font-weight: 400;
    padding: 8px 8px;
  }
}
.uom-ui-clickthrough.with-title-page .uom-ui-page:first-of-type {
  background: var(--uni-blue);
  color: white;
  min-height: 220px;
  padding: 1rem;
  display: inline-block;
  box-sizing: border-box;
}
.uom-ui-modal-container {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 20;
  transition: all .5s ease-in-out;
}
.uom-ui-modal-content,
.uom-ui-modal-content-large {
  margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 3px;
}
.uom-ui-modal-content {
  max-width: 500px;
}
.uom-ui-modal-content-large {
  max-width: 800px;
}
.uom-ui-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  padding: 1em;
  border-bottom: 1px solid var(--mo-neutral-25);
  color: var(--uni-blue);
  font-weight: 700;
}
.uom-ui-modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.uom-ui-modal-close {
  float: right;
  margin: 0 0 0 auto;
  padding: 0.5em 1em;
}
.uom-ui-modal-header .uom-ui-modal-close {
  font-size: 1.5rem;
  margin: 0 0 0 auto;
  padding: 0.3em .5em;
  background-color: transparent;
  border-color: var(--uni-blue);
}
.uom-ui-modal-header .uom-ui-modal-close.uom-primary {
  background-color: transparent;
  border-color: var(--uni-blue);
}
.uom-ui-modal-header .uom-ui-modal-close:hover {
  background-color: var(--mo-primary-100);
}
.uom-ui-slider {
  margin: 2em 0;
  padding: 0 1em;
}
.uom-ui-slider .labels {
  text-align: center;
}
.uom-ui-slider .labels p {
  margin: 0;
  padding: 0;
  width: 33%;
  display: inline-block;
  text-align: center;
  font-size: smaller;
}
.uom-ui-slider .labels p:first-child {
  text-align: left;
}
.uom-ui-slider .labels p:last-child {
  text-align: right;
}
.uom-ui-slider-input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 10px;
  background: #CACACA;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 3px;
}
.uom-ui-slider-input:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 2pt #a6c7ff;
}
.uom-ui-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: var(--uni-blue);
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid var(--uni-blue);
}
.uom-ui-slider-input::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: var(--uni-blue);
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid var(--uni-blue);
}
.uom-ui-textcontainer label {
  font-size: inherit;
}
.uom-ui-textarea {
  border: 1px solid #99A2AA;
  font-size: inherit;
  min-height: 5em;
  overflow: auto;
  padding: 0.5em;
  resize: vertical;
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
}
.uom-ui-displayTextareaContent {
  display: flex;
  white-space: pre-wrap;
  padding: 0.8rem 1.1rem;
  margin: 1em 0;
  color: inherit;
  background-color: var(--mo-neutral-25);
}
.uom-ui-displayTextareaContent.uom-ui-reset {
  padding: initial;
  margin: inherit;
  background-color: inherit;
}
div.mo-ui-hangingIndent p {
  text-indent: -64px;
  margin-left: 64px;
  font-size: 12pt;
  line-height: 28px;
}
p.mo-ui-hangingIndent:not(div.mo-ui-hangingIndent p) {
  text-indent: -64px;
  padding-left: 64px;
  max-width: calc(var(--max-width) - 64px);
  font-size: 12pt;
  line-height: 28px;
}
.mo-ui-assignmentWrapper {
  div.mo-ui-hangingIndent p,
  p.mo-ui-hangingIndent:not(div.mo-ui-hangingIndent p) {
    font-size: unset;
  }
}
.mo-ui-wrapper {
  blockquote {
  }
  blockquote:not(blockquote + blockquote):has(+ blockquote) {
    margin-bottom: 0;
  }
  blockquote + blockquote:has(+ blockquote) {
    margin: 0;
  }
  blockquote + blockquote:not(:has(+ blockquote)) {
    margin-top: 0;
  }
  .mo-ui-shortquote-small * {
    font-size: 18px !important;
  }
  blockquote.mo-ui-shortquote {
    line-height: 32px;
    div.mo-ui-quote p {
      font-size: 24px;
      font-style: normal;
      font-weight: 500;
      font-family: "Source Sans 3";
    }
    p.mo-ui-author {
      font-size: 18px;
      font-family: "Source Sans 3";
      &::after {
        content: "";
      }
    }
  }
  .mo-ui-blockquote-grouped {
    * {
      font-size: 18px !important;
    }
    p {
      & + blockquote.mo-ui-shortquote {
        margin-top: 0;
      }
      &:has(+ blockquote.mo-ui-shortquote) {
        margin-bottom: 0;
      }
    }
    blockquote.mo-ui-shortquote {
      padding-left: 2rem;
      padding-right: 1rem;
      .mo-ui-quote p {
        margin-block-start: 0;
      }
    }
    &.uom-ui-emphasise {
      padding-top: 16px;
      padding-bottom: 16px;
      margin-bottom: 32px;
      margin-top: 32px;
    }
  }
  .uom-ui-emphasise.mo-ui-blockquote-grouped:not(.uom-ui-emphasise.mo-ui-blockquote-grouped + .uom-ui-emphasise.mo-ui-blockquote-grouped):has(+ .uom-ui-emphasise.mo-ui-blockquote-grouped) {
    margin-bottom: 8px;
  }
  .uom-ui-emphasise.mo-ui-blockquote-grouped + .uom-ui-emphasise.mo-ui-blockquote-grouped:has(+ .uom-ui-emphasise.mo-ui-blockquote-grouped) {
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .uom-ui-emphasise.mo-ui-blockquote-grouped + .uom-ui-emphasise.mo-ui-blockquote-grouped:not(:has(+ .uom-ui-emphasise.mo-ui-blockquote-grouped)) {
    margin-top: 8px;
  }
  blockquote p {
    line-height: 32px;
  }
  blockquote.mo-ui-excerpt {
    padding: 8px 16px;
    max-width: calc(var(--max-width) - 64px);
    line-height: 32px;
    position: relative;
    &::before {
      content: "";
    }
    p {
      font-size: 18px;
      font-family: "Source Sans 3";
      &:last-child::after {
        content: "";
      }
      &:first-child::before {
        content: "\201c";
        position: absolute;
        left: 9px;
      }
    }
    span.mo-ui-closedquote::before {
      content: "\201d";
    }
  }
  blockquote.mo-ui-longExcerpt {
    background-color: var(--mo-neutral-25);
    padding: 16px 25px;
    max-width: calc(var(--max-width) - 64px);
    line-height: 32px;
    position: relative;
    &::before {
      content: "";
    }
    p {
      font-size: 18px;
      font-family: "Source Sans 3";
      &:last-child::after {
        content: "";
      }
      &:first-child::before {
        content: "\201c";
        position: absolute;
        left: 18px;
      }
    }
    span.mo-ui-openquote::after {
      content: "\201c";
    }
    span.mo-ui-closedquote::before {
      content: "\201d";
    }
    & > *:first-child {
      margin-top: 0;
    }
    & > *:last-child {
      margin-bottom: 0;
    }
  }
}
.mo-ui-wrapper {
  .uom-ui-tab {
    .uom-ui-trigger {
      position: relative;
      padding: 8px 12px;
      top: 1px;
      margin-block: 0px;
      margin-bottom: 0px;
      text-align: center;
      font-weight: 400;
      text-decoration: none;
      &.uom-ui-tab-selected {
        background-color: #fff;
        color: var(--uni-blue);
        border-bottom: 1px solid #fff;
        z-index: 2;
      }
      &:not(.uom-ui-tab-selected):hover {
        background-color: var(--mo-primary-100);
      }
    }
    &.uom-ui-vertical:not(.mo-ui-alt) {
      @media screen and (min-width: 981px) {
        .uom-ui-tablist {
          display: block;
          width: 30%;
          margin-right: 0;
          margin-top: -1px;
          .uom-ui-trigger {
            margin-bottom: 4px;
            &.uom-ui-tab-selected {
              border-bottom: solid 1px var(--mo-primary-100);
            }
          }
          .uom-ui-trigger:nth-child(1)::after {
            inline-size: 0 !important;
            block-size: 0;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
          .uom-ui-trigger:nth-child(2)::after {
            inline-size: 0 !important;
            block-size: 0;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
          .uom-ui-trigger:nth-child(3)::after {
            inline-size: 0 !important;
            block-size: 0;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
          .uom-ui-trigger:nth-child(4)::after {
            inline-size: 0 !important;
            block-size: 0;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
          .uom-ui-trigger:nth-child(5)::after {
            inline-size: 0 !important;
            block-size: 0;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
          .uom-ui-trigger:nth-child(6)::after {
            inline-size: 0 !important;
            block-size: 0;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
        }
        .uom-ui-tab-panel {
          border: solid 1px var(--mo-primary-100);
          border-radius: 4px 0 0 0;
        }
      }
    }
    &:not(.mo-ui-alt) {
      .uom-ui-tablist {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        width: calc(100% - 2px);
        position: relative;
        z-index: 0;
        &:has(.uom-ui-trigger:nth-child(1)) {
          grid-template-areas: "tab1 . .";
        }
        &:has(.uom-ui-trigger:nth-child(2)) {
          grid-template-areas: "tab1 tab2 .";
        }
        &:has(.uom-ui-trigger:nth-child(3)) {
          grid-template-areas: "tab1 tab2 tab3";
        }
        &:has(.uom-ui-trigger:nth-child(4)) {
          grid-template-areas: "tab1 . ." "tab2 tab3 tab4";
        }
        &:has(.uom-ui-trigger:nth-child(5)) {
          grid-template-areas: "tab1 tab2 ." "tab3 tab4 tab5";
        }
        &:has(.uom-ui-trigger:nth-child(6)) {
          grid-template-areas: "tab1 tab2 tab3" "tab4 tab5 tab6";
        }
        .uom-ui-trigger {
          position: relative;
          padding: 8px 12px;
          background-color: var(--mo-primary-100);
          border-radius: 4px 4px 0px 0px;
          border-top: 1px solid var(--mo-primary-100);
          border-right: 1px solid var(--mo-primary-100);
          border-left: 1px solid var(--mo-primary-100);
          border-bottom: 1px solid var(--mo-primary-100);
          top: 1px;
          margin-block: 0px;
          margin-bottom: 0px;
          color: var(--uni-blue);
          text-align: left;
          font-weight: 400;
          text-decoration: none;
          line-height: 24px;
          &.uom-ui-tab-selected {
            background-color: #fff;
            color: var(--uni-blue);
            border-bottom: 1px solid #fff;
            z-index: 2;
          }
          &:not(.uom-ui-tab-selected):hover {
            background-color: var(--mo-primary-100);
          }
          &:nth-child(1) {
            grid-area: tab1;
          }
          &:nth-child(2) {
            grid-area: tab2;
          }
          &:nth-child(3) {
            grid-area: tab3;
          }
          &:nth-child(4) {
            grid-area: tab4;
          }
          &:nth-child(5) {
            grid-area: tab5;
          }
          &:nth-child(6) {
            grid-area: tab6;
          }
        }
        .uom-ui-trigger::after {
          content: "";
          position: absolute;
          background-color: var(--mo-primary-100);
          z-index: 1;
        }
        .uom-ui-trigger:nth-child(1)::after {
          inline-size: calc(200% + 16px);
          block-size: 1px;
          inset-inline-start: 100%;
          inset-block-end: -1px;
        }
        &:has(.uom-ui-trigger:nth-child(6)) {
          & .uom-ui-trigger:nth-child(4)::after {
            inline-size: calc(200% + 16px);
            block-size: 1px;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
        }
        &:has(.uom-ui-trigger:nth-child(5)):not(:has(.uom-ui-trigger:nth-child(6))) {
          & .uom-ui-trigger:nth-child(3)::after {
            inline-size: calc(200% + 16px);
            block-size: 1px;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
        }
        &:has(.uom-ui-trigger:nth-child(4)):not(:has(.uom-ui-trigger:nth-child(5))) {
          & .uom-ui-trigger:nth-child(2)::after {
            inline-size: calc(200% + 16px);
            block-size: 1px;
            inset-inline-start: 100%;
            inset-block-end: -1px;
          }
        }
      }
      .uom-ui-tab-panel {
        background-color: #fff;
        border-bottom: 1px solid var(--mo-primary-100);
        border-left: 1px solid var(--mo-primary-100);
        border-right: 1px solid var(--mo-primary-100);
        padding: 32px 16px;
        & > * {
          max-width: var(--max-width);
        }
        & > *:first-child {
          margin-top: 0;
        }
        & > *:last-child {
          margin-bottom: 0;
        }
      }
    }
    &.mo-ui-alt {
      background-color: var(--mo-neutral-25);
      padding: 32px;
      &:not(.uom-ui-vertical) .uom-ui-trigger {
        margin-right: 8px;
      }
      .uom-ui-tablist {
        border-bottom: none;
        padding: 8px;
        .uom-ui-trigger {
          background-color: var(--mo-neutral-25);
          border: none;
          border-radius: 4px;
          color: var(--uni-blue);
          padding: 8px 10px;
          &.uom-ui-tab-selected {
            background-color: var(--mo-primary-100);
          }
          &:hover {
            background-color: var(--mo-primary-75);
          }
        }
      }
      .uom-ui-tab-panel {
        background-color: var(--mo-neutral-25);
        border-bottom: 1px solid var(--mo-neutral-25);
        border-left: 1px solid var(--mo-neutral-25);
        border-right: 1px solid var(--mo-neutral-25);
        border-top: none;
      }
    }
    @container wrapper (max-width: 732px) {
      .uom-ui-tab-panel {
        padding-left: 16px;
        padding-right: 16px;
      }
    }
  }
  .uom-ui-tablist {
    position: relative;
  }
}
.uom-ui-tab {
  margin: 1rem auto;
}
.uom-ui-trigger {
  display: inline-block;
  list-style-type: none;
  padding: 1em;
  border-radius: 0px;
  clear: both;
  cursor: pointer;
  margin-bottom: 1px;
  font-weight: bold;
  background-color: var(--mo-primary-50);
  color: rgb(0, 60, 85);
}
.uom-ui-tab:not(.uom-ui-vertical) .uom-ui-trigger {
  padding: 1rem;
}
.uom-ui-tab .uom-ui-trigger:hover {
  text-decoration: underline;
  background: rgb(213, 224, 211);
  color: rgb(0, 60, 85);
}
.uom-ui-trigger:focus,
.uom-ui-trigger.uom-ui-tab-selected:focus {
  outline: 1px dotted #99A2AA;
  outline-offset: 2px;
}
.uom-ui-tab.uom-ui-vertical div[role=tablist],
.uom-ui-tab.uom-ui-vertical .uom-ui-tablist {
  float: left;
  width: 30%;
  margin-right: 1em;
}
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger {
  display: block;
  border-radius: 0;
  background-color: var(--mo-primary-50);
  color: rgb(0, 60, 85);
  padding: 1rem;
}
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger:not(:last-child) {
  border-bottom: 1px solid #fff;
}
@media all and (max-width: 980px) {
  .uom-ui-tab.uom-ui-vertical div[role=tablist],
  .uom-ui-tab.uom-ui-vertical .uom-ui-tablist {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .uom-ui-tab.uom-ui-vertical .uom-ui-trigger {
    display: inline-block;
    border-radius: 0;
  }
}
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger:hover {
  background: rgb(213, 224, 211);
  color: rgb(0, 60, 85);
}
.uom-ui-tab-panel {
  background-color: var(--mo-primary-50);
  padding: 1rem;
  border-radius: 0px;
  line-height: 1.6em;
  overflow: hidden;
}
.uom-ui-tab-panel *:first-child {
  margin-top: 0;
}
.uom-ui-tab-panel *:last-child {
  margin-bottom: 0;
}
.uom-ui-tab-selected,
.uom-ui-trigger.uom-ui-tab-selected:hover,
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger.uom-ui-tab-selected,
.uom-ui-tab.uom-ui-vertical .uom-ui-trigger.uom-ui-tab-selected:hover {
  background-color: var(--uni-blue);
  color: #fff;
  text-decoration: none;
  cursor: default;
}
.mo-ui-wrapper {
  .uom-ui-tab {
  }
}
.mo-ui-wrapper {
  .mo-ui-audiobar {
    width: 100%;
  }
}
.browser-chrome .mo-ui-audiobar {
  background-color: #F2F3F5;
}
.browser-safari .mo-ui-audiobar {
  background-color: #585858;
}
.browser-firefox .mo-ui-audiobar {
  background-color: #3a3f41;
}
.browser-edge .mo-ui-audiobar {
  background-color: #f0f0f0;
}
.browser-opera .mo-ui-audiobar {
  background-color: #F3F5F4;
}
.mo-ui-nopadding {
  padding-bottom: 0;
}
.mo-ui-template-grid,
.mo-ui-template-grid-wide,
.mo-ui-template-grid-ultra-wide {
  display: grid;
  grid-gap: 1rem;
  margin: 1em 0;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 1fr;
  .mo-ui-template-tile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    padding: 16px;
    gap: 16px;
    h4 {
      font-size: 24px;
      font-weight: 600;
      margin: 0;
    }
    > div:first-child {
      display: flex;
      justify-content: flex-start;
      flex-shrink: 0;
      img {
        width: auto;
        max-width: 64px;
        height: auto;
        object-fit: contain;
      }
    }
    > div:last-child {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex: 1;
      padding-left: 10px;
      > *:first-child {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
      }
    }
    .mo-ui-button {
      border-radius: 4px;
      border: 1px solid #000F46;
      background: #FFF;
      color: #000F46;
      padding: 12px 16px;
      width: 124px;
      text-align: center;
      text-decoration: none;
      * {
        text-decoration: none !important;
        font-weight: 500;
      }
      &:hover {
        background-color: var(--mo-primary-50);
        border-color: var(--uni-blue);
        color: var(--uni-blue);
        cursor: pointer;
      }
    }
    .external_link_icon {
      display: none !important;
    }
  }
}
@container wrapper (max-width: 550px) {
  .mo-ui-template-grid,
  .mo-ui-template-grid-wide,
  .mo-ui-template-grid-ultra-wide {
    .mo-ui-template-tile {
      flex-direction: column;
      justify-content: center;
      text-align: center;
      > div:last-child {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        > *:first-child {
          width: 100%;
          text-align: center;
          justify-content: center;
        }
        .mo-ui-button {
          width: 100px;
          margin: 0 auto;
        }
      }
      > div:first-child {
        margin-bottom: 12px;
      }
    }
  }
}
.mo-ui-template-grid-wide {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.mo-ui-template-grid-ultra-wide {
  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
.mo-ui-template-staff-emphasise {
  display: flow-root;
  color: var(--uni-blue);
  border-left: none !important;
  border-radius: 0;
  position: relative;
  background-color: var(--mo-primary-50);
  padding-top: 48px;
  padding-bottom: 48px;
  border-bottom: solid 1px var(--mo-primary-100);
  box-sizing: border-box;
  max-width: none !important;
  margin-top: 8px;
  margin-block: 32px;
  & > * {
    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto;
  }
  .mo-ui-template-staff-primary {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    p {
      padding: 0;
      margin-block: 24px;
    }
    .mo-ui-template-staff-primary-img {
      flex-basis: 50%;
      margin: 24px 0 24px 24px;
      img {
        width: 100%;
        margin-right: 24px;
      }
    }
    .mo-ui-template-staff-primary-body {
      flex-basis: 50%;
      margin: 24px 24px 24px 24px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      div {
        > *:first-child {
          margin-block-start: 0;
        }
        p {
          margin-block: 16px;
        }
      }
      div + div {
        p {
          span::after {
            color: var(--uni-blue) !important;
          }
          margin-bottom: 0;
        }
      }
    }
  }
  @media all and (max-width: 500px) {
    .mo-ui-template-staff-primary {
      flex-direction: column;
      .mo-ui-template-staff-primary-img {
        margin: 24px 24px 24px 24px;
      }
      .mo-ui-template-staff-primary-body {
        margin: 24px 24px 24px 24px;
      }
    }
  }
}
.mo-ui-template-staff-secondary {
  background-color: #fff;
  border: solid 1px var(--mo-neutral-50);
  display: flex;
  flex-direction: row;
  margin-block: 32px;
  p {
    padding: 0;
  }
  .mo-ui-template-staff-secondary-img {
    flex-basis: 50%;
    margin: 24px 0 24px 24px;
    img {
      width: 100%;
    }
  }
  .mo-ui-template-staff-secondary-body {
    flex-basis: 50%;
    margin: 24px 24px 24px 24px;
    h2,
    h3,
    h4 {
      margin-inline: 0;
    }
    h3 {
      margin-block-end: 16px;
    }
    h4 {
      margin-block-end: 8px;
    }
    div {
      p {
        margin-block: 16px;
      }
    }
    &:has(div + div) {
      justify-content: space-between;
    }
    div + div {
      p {
        span::after {
          color: var(--uni-blue) !important;
        }
        margin-bottom: 0;
      }
    }
  }
}
.mo-ui-icon-output::after {
  font-family: "Material Symbols Outlined";
  content: "\ebbe";
  font-size: 18px;
  font-weight: 300;
  vertical-align: middle;
  display: inline-block;
}
@media all and (max-width: 500px) {
  .mo-ui-template-staff-secondary {
    flex-direction: column;
    .mo-ui-template-staff-secondary-img {
      margin: 24px 24px 24px 24px;
    }
    .mo-ui-template-staff-secondary-body {
      margin: 24px 24px 24px 24px;
    }
  }
}
.mo-ui-tool-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--mo-neutral-50);
  margin-block: 16px;
  h3 {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    margin-inline: 16px;
  }
  a {
    text-decoration: none !important;
  }
}
#quiz_show.mo-ui-wrapper {
  ul#quiz_student_details {
    border-color: var(--mo-primary-100);
    li {
      margin-inline-start: 0;
    }
  }
  .take_quiz_button a {
    border: none;
    background-color: var(--mo-primary-100);
    color: var(--uni-blue);
    &:hover {
      background-color: var(--mo-primary-50);
      color: var(--uni-blue);
    }
  }
}
.mo-ui-references-navbar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-block: 48px;
  .mo-ui-references-nav-button {
    display: flex;
    background-color: var(--mo-primary-100);
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 18px;
    line-height: 120%;
    padding: 16px 12px;
    transition: background-color 0.3s ease;
    &:hover:not([aria-disabled=true]) {
      cursor: pointer;
    }
    &:hover:not([aria-disabled=true]):not([aria-current=true]) {
      background-color: var(--mo-primary-50);
    }
    &[aria-current=true] {
      background-color: var(--uni-blue);
      color: #fff;
    }
    &[aria-disabled=true] {
      background-color: var(--mo-neutral-50);
      p {
        color: var(--mo-neutral-75);
      }
    }
  }
}
@container wrapper (max-width: 510px) {
  .mo-ui-references-navbar {
    grid-template-columns: repeat(3, 1fr);
  }
}
.mo-ui-references-body {
  .mo-ui-week-div {
    &:not([data-active=true]) {
      display: none;
    }
    .mo-ui-back-to-top-container {
      display: flex;
      justify-content: flex-end;
      .mo-ui-back-to-top-button {
        padding: 8px 16px;
        margin-block: 48px;
      }
    }
  }
}
.mo-ui-img-fullscreen-div {
  display: flex;
  justify-content: right;
  align-items: center;
}
.mo-ui-img-fullscreen {
  cursor: pointer;
}
.mo-ui-img-fullscreen-tag {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-align: right;
}
.mo-ui-img-fullscreen-div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 110 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@container wrapper (max-width: 720px) {
  .mo-ui-img-fullscreen-div {
    padding-left: 50px;
  }
  .mo-ui-img-fullscreen-modal {
    margin-left: 100px;
  }
}
.mo-ui-img-fullscreen-modal {
  max-width: 1200px;
  height: 80%;
  background-color: #fff;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.mo-ui-img-fullscreen-header {
  display: flex;
  justify-content: flex-end;
  flex-grow: 0;
}
.mo-ui-img-fullscreen-container {
  flex-grow: 1;
  overflow: auto;
  display: grid;
  place-items: center;
  img {
    max-width: unset;
  }
}
.mo-ui-img-fullscreen-inner-container {
  margin: 0 auto;
}
.mo-ui-img-fullscreen-footer {
  flex-grow: 0;
  display: flex;
  justify-content: center;
}
.mo-ui-img-fullscreen-zoom-in {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  span {
    font-size: 24px;
  }
}
.mo-ui-img-fullscreen-zoom-out {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  span {
    font-size: 24px;
  }
}
.mo-ui-img-fullscreen-download {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  span {
    font-size: 24px;
  }
}
.mo-ui-img-fullscreen-close {
  cursor: pointer;
  font-size: 24px;
}
.mo-ui-img-fullscreen-page-div {
  display: flex;
  justify-content: right;
  &::after {
    font-size: 28px;
    line-height: 28px;
    cursor: pointer;
  }
  img {
    cursor: pointer;
  }
  img:hover {
    content: url(https://mo-lrn-dev.unimelb.edu.au/static/images/fullscreen_hover.svg);
  }
}
#mo-ui-glossary {
  .mo-ui-glossary-nav-grouped {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
    .mo-ui-glossary-nav-tile-grouped {
      display: flex;
      background-color: var(--mo-primary-100);
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      font-size: 18px;
      line-height: 120%;
      padding: 16px 12px;
      transition: background-color 0.3s ease;
      p {
        margin: 0;
      }
      &:hover:not([aria-disabled=true]) {
        cursor: pointer;
      }
      &:hover:not([aria-disabled=true]):not([aria-selected=true]) {
        background-color: var(--mo-primary-50);
      }
      &[aria-selected=true] {
        background-color: var(--uni-blue);
        color: #fff;
      }
      &[aria-disabled=true] {
        background-color: var(--mo-neutral-50);
        p {
          color: var(--mo-neutral-75);
        }
      }
    }
  }
  .mo-ui-glossary-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    .mo-ui-glossary-nav-tile {
      display: flex;
      background-color: var(--mo-primary-100);
      width: 46px;
      height: 46px;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      transition: background-color 0.3s ease;
      &:hover:not([aria-disabled=true]) {
        cursor: pointer;
      }
      &:hover:not([aria-disabled=true]):not([aria-selected=true]) {
        background-color: var(--mo-primary-50);
      }
      &[aria-selected=true] {
        background-color: var(--uni-blue);
        color: #fff;
      }
      &[aria-disabled=true] {
        background-color: var(--mo-neutral-50);
        p {
          color: var(--mo-neutral-75);
        }
      }
    }
  }
  .mo-ui-glossary-letter:not([data-active=true]) {
    display: none;
  }
}
@container wrapper (max-width: 450px) {
  #mo-ui-glossary {
    .mo-ui-glossary-nav-grouped {
      grid-template-columns: repeat(3, 1fr);
    }
  }
}
code {
  color: var(--uni-blue);
}
code,
pre {
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid var(--mo-neutral-50);
}
.mo-ui-flipcard-container {
  container-type: inline-size;
  container-name: card-wrapper;
  max-width: 700px;
  margin: 0 auto;
  padding: 1rem;
}
.mo-ui-flipcard-grid {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  justify-content: center;
  align-items: stretch;
}
.mo-ui-flipcard {
  max-width: 345px;
  min-width: 294px;
  min-height: 210px;
  max-height: 330px;
  perspective: 1000px;
  cursor: pointer;
  h2 {
    font-size: 1.1rem;
    font-weight: 650;
    margin-block-start: 0.5rem;
  }
  &:hover .mo-ui-flipcard-inner .mo-ui-flipcard-front {
    transform: rotateY(10deg) rotateX(0deg);
    box-shadow: 0 20px 20px rgba(50, 50, 50, .2);
  }
  &:hover.flipped .mo-ui-flipcard-inner .mo-ui-flipcard-back {
    transform: rotateY(180deg) rotateY(-10deg);
    box-shadow: 0 20px 20px rgba(50, 50, 50, .2);
  }
  &.flipped {
    .mo-ui-flipcard-inner {
      transform: rotateY(180deg);
    }
  }
  a:focus {
    outline: none;
    border: 3px solid #fad7a0;
  }
  &:focus-visible {
    outline: none;
    .mo-ui-flipcard-front::after,
    .mo-ui-flipcard-back::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 3px solid #fad7a0;
      border-radius: 4px;
      pointer-events: none;
      z-index: 10;
    }
    .mo-ui-flipcard-inner {
      .mo-ui-flipcard-front {
        transform: rotateY(10deg);
        box-shadow: 0 20px 20px rgba(50, 50, 50, 0.2);
      }
      .mo-ui-flipcard-back {
        transform: rotateY(180deg) rotateY(-10deg);
        box-shadow: 0 20px 20px rgba(50, 50, 50, .2);
      }
    }
  }
  .mo-ui-flipcard-back {
    transform: rotateY(180deg);
    background-color: white;
    border: 1px solid #000;
  }
  .material-symbols-outlined {
    font-variation-settings:
      "FILL" 0,
      "wght" 400,
      "GRAD" 0,
      "opsz" 24;
  }
}
.mo-ui-flipcard-inner {
  display: grid;
  grid-template-areas: "panel";
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
  .mo-ui-flipcard-front,
  .mo-ui-flipcard-back {
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  }
}
.mo-ui-flipcard-front,
.mo-ui-flipcard-back {
  width: 100%;
  height: 100%;
  overflow: hidden;
  backface-visibility: hidden;
  padding: 10px;
  box-sizing: border-box;
  background: var(--mo-primary-50);
  border-radius: 0px;
  grid-area: panel;
  p {
    margin-block: 0.5rem;
    font-size: 1rem;
    line-height: 1.3;
  }
}
.uom-ui-emphasise,
.mo-ui-callout {
  .mo-ui-flipcard-front {
    background: white;
  }
}
.mo-ui-flipcard-front[aria-hidden=true],
.mo-ui-flipcard-back[aria-hidden=true] {
  visibility: hidden;
}
@container card-wrapper (max-width: 598px) {
  .mo-ui-flipcard-grid {
    grid-template-columns: 1fr;
  }
  .mo-ui-flipcard {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
  }
}
@container card-wrapper (min-width: 599px) {
  .mo-ui-flipcard-grid {
    grid-template-columns: repeat(2, 1fr);
    justify-content: center;
  }
  .mo-ui-flipcard {
    width: 100%;
    margin: 0;
  }
}
.mo-ui-content-guide {
  background-color: var(--mo-neutral-25);
  padding: 32px 32px;
  box-sizing: border-box;
  & > *:first-child {
    margin-top: 0;
    &::before {
      font-family: "Material Symbols Outlined";
      content: "\eb4c";
      font-weight: 400;
      padding-right: 8px;
      vertical-align: top;
      color: var(--mo-primary-100);
    }
  }
  & > *:last-child {
    margin-bottom: 0;
  }
}
.mo-ui-wrapper .mo-ui-resource {
  border-bottom: solid 1px var(--mo-primary-100);
  margin-block: 48px;
  & > * {
    margin-block: 8px;
    &:last-child {
      margin-bottom: 16px;
    }
  }
}
.mo-ui-wrapper {
  .uom-ui-emphasise,
  .uom-ui-notice--info,
  .mo-ui-longExcerpt,
  .uom-ui-clickthrough,
  .mo-ui-content-guide,
  .mo-ui-callout,
  .mo-ui-emphasise-activity,
  .mo-ui-emphasise-inline-activity,
  .uom-ui-audio,
  .uom-ui-tab.mo-ui-alt {
    .uom-ui-accordion {
      .uom-ui-accordion-trigger {
        &:focus-visible {
          text-decoration: underline;
        }
        &:not(:hover) {
          &:focus:not(:focus-visible) {
            text-decoration: none;
          }
        }
        &[aria-expanded=true] {
          background-color: transparent;
        }
        &:not([aria-expanded=true]) {
          &:hover {
            background-color: var(--mo-primary-100);
          }
        }
      }
    }
  }
}
.mo-ui-wrapper {
  .uom-ui-accordion {
    background-color: transparent;
    .uom-ui-accordion-trigger {
      &:focus-visible {
        text-decoration: underline;
      }
      &:not(:hover) {
        &:focus:not(:focus-visible) {
          text-decoration: none;
        }
      }
      &[aria-expanded=true] {
        background-color: transparent;
      }
    }
  }
}
hr {
  width: 100%;
}

/* ../../4_prod/build/prod.css */
div.ic-notification.account_notification {
  display: none;
}