@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");

      :root {
        --font: Open Sans;
        --alt-font: Open Sans;
        --accent-color: #1b69b9;
        --secondary-color: #24303b;
        --link-color: #1b69b9;
        --accent-highlight-color: #114376;
        --accent-highlight-background-color: #d9e9fa;
        --accent-tinted-color-70: #bbd2ea;
        --accent-tinted-color-80: #d1e1f1;
        --accent-tinted-color-90: #e8f0f8;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #2782e0;
        --secondary-hover-color: #374a5b;
        --secondary-contrast-color: #fff;
        --link-hover-color: #549ce6;
      }
      
body { background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/v1/course-uploads/78c24333-377a-4a2b-90ec-3de1cbae389a/jpbtea3ihpoi-BackgroundImage.jpeg'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d3i9g4671ronu3.cloudfront.net/thoughtindustries-eu/image/upload/a_exif,c_fit,t_ti_company_logo_v4/v1/course-uploads/77b06eb1-95b0-4549-9e6a-a853dc4cd41a/ejgfx6xfngzx-iris-academy-landscape.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/*! esbuild-starter v1.0.0 | (c) Nilesh Prajapati |  */
/* src/css/01-abstract/fonts.css */
@font-face {
  font-family: "Open Sans";
  src: url(https://management.isams.co.uk/integration/iris-academy/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf) format("truetype-variations");
  font-style: italic;
  font-optical-sizing: auto;
  font-weight: 400 600;
  transition: font-weight 0.45s ease-out;
  font-variation-settings: "wdth" 100;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url(https://management.isams.co.uk/integration/iris-academy/fonts/OpenSans-VariableFont_wdth,wght.ttf) format("truetype-variations");
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 400 600;
  transition: font-weight 0.45s ease-out;
  font-variation-settings: "wdth" 100;
  font-display: swap;
}

/* src/css/01-abstract/tokens.css */
:root {
  --font-family:
    "Open Sans",
    system-ui,
    sans-serif;
  --font-family-heading:
    "Open Sans",
    ui-serif,
    serif;
  --font-size-base: 0.9375rem;
  --font-size-13: 0.8125rem;
  --font-size-17: 1.0625rem;
  --font-size-18: 1.125rem;
  --font-size-21: 1.3125rem;
  --font-size-24: 1.5rem;
  --font-size-26: 1.625rem;
  --font-size-32: 1.875rem;
  --font-size-34: 2rem;
  --font-size-38: 2.375rem;
  --font-size-40: 2.5rem;
  --font-size-58: 3.5rem;
  --font-weight: 400;
  --font-weight-strong: 600;
  --accent-color: var(--iris-primary-blue-100);
  --iris-primary-blue-dark: #134a82;
  --iris-primary-blue-100: #1b69b9;
  --iris-primary-blue-60: #79a7d3;
  --iris-primary-blue-40: #a6c4e2;
  --iris-primary-blue-20: #d1e1f1;
  --iris-primary-blue-10: #e8f0f8;
  --iris-primary-blue-05: #f3f7fb;
  --iris-neutral-grey-100: #24303b;
  --iris-neutral-grey-80: #505962;
  --iris-neutral-grey-50: #8f959b;
  --iris-neutral-grey-20: #d3d6d8;
  --iris-neutral-grey-10: #E9EAEB;
  --iris-neutral-grey-05: #f7f8fa;
  --iris-grey: #fbfbfc;
  --iris-transparent: transparent;
  --iris-white: #ffffff;
  --iris-red-100: #c8102e;
  --iris-orange-100: #ed8b00;
  --iris-orange-010: #fef5e9;
  --iris-secondary-blue-100: #1c93e3;
  --iris-border: var(--iris-neutral-grey-20);
  --color-green-100: #4ba73e;
  --staffology-blue-100: #0061ff;
  --staffology-blue-75: #4089ff;
  --staffology-blue-50: #7fb0ff;
  --staffology-blue-25: #bfd7ff;
  --staffology-blue-10: #e5efff;
  --staffology-blue-05: #f2f7ff;
  --staffology-purple-100: #8900f2;
  --staffology-purple-75: #a740f5;
  --staffology-purple-50: #c47ff8;
  --staffology-purple-25: #e1bffc;
  --staffology-purple-10: #f3e5fe;
  --staffology-purple-05: #f9f2fe;
  --box-shadow-sticky: 0 0 4px rgb(196 196 196 / 14%), 0 4px 4px rgb(0 0 0 / 14%);
}

/* src/css/02-base/base.css */
:where(body:not(.manager)) :focus:not(:focus-visible) {
  box-shadow: unset !important;
  outline-offset: 0.25rem;
  outline: none !important;
}
:where(body:not(.manager)) :focus-visible {
  border-radius: 4px;
  outline-offset: 0.25rem;
  outline: 2px solid var(--iris-primary-blue-100);
}
:where(body:not(.manager)) ::placeholder {
  color: var(--iris-neutral-grey-100);
  font: inherit;
  font-family: var(--font-family);
  font-style: normal;
}
html {
  font-size: unset !important;
  height: unset;
}
body:not(.manager) {
  background: var(--iris-white);
  color: var(--iris-neutral-grey-100);
  font-family: var(--font-family);
  font-size: var(--font-size-base) !important;
  line-height: 1.5;
  min-block-size: 100dvb;
}
body:not(.manager):lang(en) {
  letter-spacing: -0.015625em;
  letter-spacing: -0.014em;
}
body:not(.manager) :where(#learner, #lms, .application) {
  min-height: inherit;
}
:where(body:not(.manager)) p {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-base);
  text-rendering: unset !important;
  line-height: inherit;
}
a {
  color: var(--iris-primary-blue-100);
}
:where(body:not(.manager)) hr {
  border-color: var(--iris-border);
}
:where(body:not(.manager)) :where(button, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, textarea, select, datalist) {
  font-size: var(--font-size-base);
  font-family: var(--font-family);
  letter-spacing: inherit;
  word-spacing: inherit;
}
.ember-application :is(.btn, button):is(:focus) {
  box-shadow: none;
  outline: none !important;
  visibility: hidden;
}
:where(body:not(.manager)) :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--font-family-heading) !important;
  font-weight: var(--font-weight-strong) !important;
  font-optical-sizing: auto;
  line-height: 1.25 !important;
  margin-block-end: 0;
  text-wrap-style: balance;
}
body:not(.manager) :where(b, strong) {
  font-weight: var(--font-weight-strong);
}
:where(body:not(.manager)) :where(p, li, dd) {
  text-wrap: pretty;
}
:where(body:not(.manager)) picture > img {
  width: inherit;
}
:where(body:not(.manager)) input {
  max-width: 100%;
}
.field__label {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-base);
}
.field--show-floating-label .field__label {
  color: var(--iris-primary-blue-100);
  font-size: 12px;
}
:where(.ember-text-field, .field__input):is(input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea),
select {
  background-color: var(--iris-neutral-grey-05);
  box-shadow: unset;
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  font-size: var(--font-size-base);
  min-height: 40px;
  padding: 0 2em 0 1em;
  width: 100%;
}
:where(.ember-text-field, .field__input):is(input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea):focus,
select:focus {
  background-color: var(--iris-neutral-grey-05);
  border: 1px solid var(--iris-primary-blue-100);
}
.widget--html {
  display: contents;
}

/* src/css/02-base/override.css */
:where(body:not(.manager)) .application .container,
:where(body:not(.manager)) .home.course-group .container {
  max-width: 100%;
  padding-top: 0;
}
:where(body:not(.manager)) .ember-application .row {
  margin-inline: unset;
}
[class*=block-grid-] > li {
  padding: 0 0.5rem 1rem;
}
:where(body:not(.manager)) :is(.columns, .column) {
  padding-inline: 0;
}
:where(body:not(.manager)) .btn,
:where(body:not(.manager)) button {
  font-family: unset;
  margin-bottom: 0;
}

/* src/css/02-base/utilities.css */
:is(.page-container, :where(.catalog, .page, .index) :is(.course-grid, .overview-course) > .ember-view, .course__detail__container) {
  padding-inline: var(--container-padding, 24px);
}
@media (width >= 48em) {
  :is(.page-container, :where(.catalog, .page, .index) :is(.course-grid, .overview-course) > .ember-view, .course__detail__container) {
    --container-padding: 32px;
  }
}
@media (width >= 80em) {
  :is(.page-container, :where(.catalog, .page, .index) :is(.course-grid, .overview-course) > .ember-view, .course__detail__container) {
    --container-padding: 64px;
    margin-inline: auto;
    max-inline-size: 1280px;
  }
}
.icon--round {
  background-color: var(--iris-primary-blue-100);
}

/* src/css/03-components/breadcrumbs.css */
.breadcrumb {
  margin-block-end: 12px;
}
@media screen and (width >= 768px) {
  .breadcrumb {
    margin-block-end: 15px;
  }
}
.breadcrumb ol {
  list-style-type: none;
  margin: 0;
}
.breadcrumb li {
  color: var(--iris-white);
  display: inline-block;
}
:is(.breadcrumb li) + li::before {
  content: ">";
  margin: 0 4px;
}
.breadcrumb a {
  color: var(--iris-white);
}
.breadcrumb a:where(:hover, :visited) {
  color: var(--iris-white);
  text-decoration: none;
}

/* src/css/03-components/buttons.css */
:is(.btn--primary, .btn--alt.btn--primary):not(.btn--link) {
  background-color: var(--iris-primary-blue-100);
  border-radius: 4px;
  color: var(--iris-white);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  line-height: 1.15;
  min-height: 40px;
  align-content: center;
  padding-inline: 16px;
}
:is(.btn--primary, .btn--alt.btn--primary):is(:hover, :focus, :focus-visible) {
  background-color: var(--iris-primary-blue-dark);
  color: var(--iris-white);
}
:is(.btn--link.btn--primary) {
  color: var(--iris-primary-blue-100);
}
:is(.btn--link.btn--primary):is(:hover, :focus, :focus-visible) {
  color: var(--iris-primary-blue-dark);
}
.btn--alt.btn--secondary {
  background-color: var(--iris-transparent);
  border: 2px solid var(--iris-primary-blue-100);
  border-radius: 4px;
  color: var(--iris-primary-blue-100);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  min-height: 40px;
}
:is(.btn--secondary, .btn--alt.btn--secondary):is(:hover, :focus, :focus-visible) {
  background-color: var(--iris-primary-blue-dark);
  border-color: var(--iris-primary-blue-dark);
  color: var(--iris-white);
}

/* src/css/03-components/catalog-card.css */
.catalog-item {
  color: var(--iris-neutral-grey-100);
  display: grid;
  grid-template-columns: 1fr;
}
.catalog-item {
  color: unset !important;
}
.catalog__ribbon--attached {
  background-color: var(--iris-primary-blue-100);
  border-radius: 4px;
  padding: .25rem;
  letter-spacing: normal;
  inset: 0.5rem 0.5rem auto auto;
  inset-inline-start: auto;
  inset-inline-end: 0.5rem;
  font-size: 12px;
  font-weight: var(--font-weight-strong);
  line-height: 1;
  max-inline-size: 24ch;
  overflow-x: clip;
  overflow-inline: clip;
  text-overflow: ellipsis;
}
.catalog__ribbon-corner {
  display: none;
}
.catalog-grid-item {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  overflow: clip;
  display: grid;
  grid-template-columns: subgrid;
  grid-row: span 4;
}
.catalog-item:hover .catalog-grid-item {
  border-color: var(--iris-primary-blue-100);
}
.catalog-grid-item__asset-container {
  padding-block-start: 32px;
  background-color: var(--iris-primary-blue-05);
  aspect-ratio: 2/1;
}
.catalog-grid-item__completed-container {
  background-color: hsl(from var(--iris-white) h s l / 1);
}
.catalog-grid-item__completed {
  transform: translateY(-30%);
}
.catalog-grid-item__completed i {
  color: var(--color-green-100);
  padding: .25em;
  padding: 0;
}
.catalog-grid-item__completed-container span {
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight-strong);
}
.catalog-grid-item__asset {
  object-fit: cover;
  object-position: center;
  height: 100%;
}
.catalog-grid-item__body {
  border-top: 1px solid var(--iris-border);
  padding: 20px 16px;
  padding-block-end: 20px;
  flex-direction: column;
  reading-flow: flex-visual;
}
.catalog-grid-item__title {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-17);
  font-weight: var(--font-weight-strong);
  text-transform: none;
  margin-block: 6px 0;
  order: 1;
  line-height: 1.2;
  min-block-size: 2lh;
}
.catalog-grid-item__description {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-13);
  margin-top: 6px;
  padding-top: 0;
  order: 3;
}
.catalog-grid-item__source {
  color: var(--iris-neutral-grey-80);
  font-weight: var(--font-weight);
  order: 4;
}
.catalog-grid-item__source strong {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-strong);
}
.catalog-grid-item__hr {
  margin-block: 27px 17px;
  order: 5;
}
.catalog-grid-item__cta-container {
  order: 6;
  text-align: center;
}
.catalog-grid-item__body .btn--link.btn--primary {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  text-align: start;
  float: unset;
}
.catalog-grid-item__body .btn--link.btn--primary:hover {
  color: var(--iris-neutral-grey-100);
}
@media screen and (width >= 769px) {
  .course-grid .medium-9 {
    padding-left: 32px;
  }
}

/* src/css/03-components/catalog-filter.css */
.catalog-aggregation {
  border: 0;
  padding: 0;
}
.catalog-aggregation ~ .catalog-aggregation {
  margin-block-start: 16px;
}
.catalog-aggregation.catalog-aggregation--expanded {
  background-color: revert;
  border-bottom: revert;
  margin-bottom: revert;
}
.catalog-aggregation__header > .row {
  display: flex;
}
.catalog-aggregation .column:last-child {
  width: auto;
  margin-inline-end: 0.3rem;
}
.catalog-aggregation .column i {
  padding: 0;
}
.catalog-aggregation .column i::before {
  font-size: 66%;
  display: block;
  inset-block-start: -1px;
  position: relative;
  font-weight: var(--font-weight-strong);
}
.catalog-aggregation__header .small-1 {
  order: 1;
}
.catalog-aggregation__expander i {
  color: var(--iris-primary-blue-100);
}
.catalog-aggregation__header--label,
.catalog-aggregation__header--label:is(:hover, :focus, :focus-visible) {
  color: var(--iris-primary-blue-100);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  padding-inline-start: 0;
  text-transform: uppercase;
}
.btn.catalog-aggregation__value {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-base);
  margin-inline-start: 0;
  padding: 0.75px 0;
}
.btn.catalog-aggregation__value:where(:hover, :focus, :focus-visible) {
  color: var(--iris-neutral-grey-100);
  text-decoration: underline;
}
.catalog-aggregation__count {
  color: var(--iris-neutral-grey-50);
  font-size: inherit;
}

/* src/css/03-components/catalog-search-bar.css */
.catalog-search-bar:has(~ .row) {
  margin-block-end: 32px;
}
.catalog-search-bar .catalog-filters {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  overflow: clip;
  display: flex;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: center;
}
@media (width >= 768px) {
  .catalog-search-bar .catalog-filters {
    flex-wrap: nowrap;
  }
}
.catalog-search-bar .columns {
  flex-grow: 1;
  margin-bottom: 0;
}
@media (width < 767px) {
  .catalog-search-bar .catalog-filters__search {
    border-bottom: 1px solid var(--iris-border);
  }
}
@media (width < 767px) {
  .catalog-search-bar .catalog-filters__search input {
    border-radius: 4px 4px 0 0;
  }
}
@media (width >= 768px) {
  .catalog-search-bar .catalog-filters__search input {
    border-radius: 4px 0 0 4px;
  }
}
.catalog-search-bar .catalog-filters__search input:focus {
  border-color: var(--iris-primary-blue-100);
}
.catalog-search-bar .catalog-search__button {
  background-color: transparent;
  inset: 1px 1px 1px auto;
  block-size: 46px;
  border-radius: 4px;
}
.catalog-search-bar .catalog-search__button i {
  color: var(--iris-primary-blue-100);
}
.catalog-search-bar .catalog-filters__search input:focus {
  background: unset;
}
.catalog-search-bar .catalog-search__button:hover i {
  color: var(--iris-primary-blue-100);
}
.catalog-search-bar .catalog-search__button i::before {
  font-size: 20px;
}
@media screen and (width < 767px) {
  .catalog-search-bar .catalog-filters__selections {
    border-inline-end: 1px solid var(--iris-border);
  }
}
@media screen and (width >= 768px) {
  .catalog-search-bar .catalog-filters__selections {
    border-inline-start: 1px solid var(--iris-border);
  }
}
.catalog-search-bar .catalog-filters__selections .row .catalog-active-filters {
  padding-inline: 16px;
}
.catalog-search-bar .catalog-filters__sort {
  flex-basis: 120px;
}
@media (width >= 768px) {
  .catalog-search-bar .catalog-filters__sort {
    border-inline-start: 1px solid var(--iris-border);
  }
}
.catalog-search-bar .catalog-filters__sort select {
  padding-inline: 24px;
}
.catalog-search-bar :is(input, select) {
  background: var(--iris-white);
  border-color: transparent;
  box-shadow: none;
  padding-inline-start: 24px;
  margin-block-end: 0;
  min-block-size: 3rem;
}

/* src/css/03-components/editor-content.css */
.editor-content :where(h2, h3, h4, h5, h6) {
  color: var(--iris-neutral-grey-100) !important;
  font-size: 1.5rem;
  margin-block: 2rlh 1rlh;
  font-family:
    "Roboto",
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  font-size: 1.5rem;
  font-weight: var(--font-weight-strong);
  line-height: 28px;
  letter-spacing: -0.25px;
  margin-top: 0;
}
.editor-content a:not(.btn) {
  font-weight: var(--font-weight-strong);
}
.editor-content a:not(.btn):focus,
.editor-content a:not(.btn):hover {
  color: var(--iris-primary-blue-dark);
}
.editor-content :is(ol, ul) {
  margin-inline-start: 0;
  padding-inline-start: 1.6ch;
}
.editor-content li span {
  font-size: unset !important;
}
:is(.wiifm-ticks) li::before {
  display: inline-grid !important;
  font-family: system-ui, sans-serif;
  top: 0.6rlh !important;
  transform: translateY(-50%);
  background-color: var(--iris-primary-blue-100) !important;
  width: 1.3em !important;
  height: 1.3em !important;
}
.topic__list__item {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  margin-block-end: 0 !important;
  padding: 24px;
  min-height: 4.5rem;
}
.topic__list__item:not(:last-of-type) {
  margin-block-end: .5rem !important;
}
.topic__list__info {
  padding: 0;
}
.topic__list__title {
  margin-block: 0;
}
.topic__list__item .h3 {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-base);
}
:is(.topic__list__info .btn--link, .topic__list__info .btn--link i) {
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
}
:is(.topic__list__info .btn--link, .topic__list__info .btn--link i):is(:hover, :focus-visible) {
  color: var(--iris-primary-blue-dark);
}
.topic__list__description {
  border-block-start: 1px solid var(--iris-border);
  padding-block-start: 16px;
}
.iris-accordion > details {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border) !important;
  border-radius: 4px !important;
  box-shadow: unset !important;
  margin-block: 0 !important;
  min-height: 4.5rem;
}
.iris-accordion > details:not(:last-of-type) {
  margin-block-end: .5rem !important;
}
.iris-accordion details > summary {
  padding: 21px 24px;
}
.iris-accordion summary:after {
  color: var(--iris-neutral-grey-100) !important;
}
.iris-accordion summary:is(:hover, :focus-visible):after {
  color: var(--iris-primary-blue-100) !important;
}
.iris-accordion h3 {
  border: 0;
  margin: 0 !important;
  padding: 0;
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight);
}
.iris-accordion h3 strong {
  font-weight: var(--font-weight);
}
.iris-accordion .content {
  border-block-start: 1px solid var(--iris-border);
  padding: 24px 0 !important;
  margin-inline: 24px;
}
.flip-card {
  border: unset;
}
.flip-card__front {
  background-color: transparent !important;
}
.flip-card__front .front__content .editor-content {
  padding: 0;
}
.flip-card .description {
  padding: 0;
}
.flip-card .flip-card__front .editor-content > div {
  text-align: center;
}
.flip-card .editor-content > div {
  background-color: var(--iris-white) !important;
  border: 1px solid var(--iris-border) !important;
  border-radius: 4px !important;
  height: 256px !important;
  justify-content: center !important;
}
.flip-card__front h2 {
  color: var(--iris-neutral-grey-100) !important;
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-strong);
  line-height: 1.3 !important;
}
.flip-card__back .editor-content > div {
  border-color: var(--iris-primary-blue-100) !important;
}
.flip-card__back h2 {
  margin-block-end: 5px !important;
  font-size: var(--font-size-18) !important;
}
.flip-card__back p {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-base) !important;
}
button.flip-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--iris-primary-blue-100) !important;
  color: var(--iris-white) !important;
}
button.flip-card__icon i {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
}
.flipcard > .card {
  background-color: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: unset !important;
  margin: 0;
  padding-inline: 1px;
}
.flipcard .card-front {
  border-radius: 4px;
  border: 1px solid var(--iris-border);
}
.flipcard .card-front :is(h3) {
  color: var(--iris-neutral-grey-100) !important;
  font-size: var(--font-size-18) !important;
  margin-block: 0 5px !important;
  line-height: 1.25 !important;
}
.flipcard .card-back {
  border-radius: 4px;
  border: 1px solid var(--iris-primary-blue-100);
}
.iris-flipgrid .card-back p {
  font-size: var(--font-size-base) !important;
}
.card-badge {
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong) !important;
  opacity: unset !important;
}
.course .iris-checklist {
  padding-inline-start: 0;
}
.course ol.iris-checklist li {
  background-color: var(--iris-white);
  box-shadow: inset 0 0 0 1px var(--iris-border);
  border-radius: 4px;
  margin-block: 0;
}
.course ol.iris-checklist li:not(:last-of-type) {
  margin-block-end: 0.5rem;
}
.iris-box {
  font-size: var(--font-size-base) !important;
}
div.iris-box {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-inline-start-width: 6px;
  border-radius: 1px;
  position: relative;
}
div.iris-box::before {
  display: block;
  content: "";
  inset-inline-start: -6px;
  inset-block: -1px;
  position: absolute;
  width: 6px;
  background-color: var(--iris-primary-blue-100);
}
div.iris-box h3 {
  font-size: var(--font-size-21);
  margin-bottom: 18px;
  margin-top: -.5ex;
}
.indent-list ul.iris-bullets {
  margin-inline-start: 1.9ch !important;
  margin-trim: block;
}
.indent-list ul.iris-bullets li:first-of-type {
  margin-block-start: 0;
}
.indent-list ul.iris-bullets li:last-of-type {
  margin-block-end: 0;
}
.iris-box .iris-bullets li::marker {
  color: var(--iris-primary-blue-100) !important;
}
.editor-content div.iris-callout strong:first-child,
.editor-content div.iris-callout--tip strong:first-child,
.editor-content div.iris-callout--scenario strong:first-child {
  color: var(--iris-neutral-grey-100) !important;
}
.editor-content div.iris-callout--tip {
  border: 1px solid var(--iris-orange-100) !important;
  background-color: var(--iris-orange-010) !important;
  color: var(--iris-neutral-grey-80) !important;
  font-size: var(--font-size-base) !important;
}
.editor-content div.iris-callout--scenario {
  border: 1px solid var(--iris-primary-blue-100) !important;
  background-color: var(--iris-primary-blue-10) !important;
  color: var(--iris-neutral-grey-80) !important;
  font-size: var(--font-size-base) !important;
}
.editor-content .summary-points {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  padding: 32px 24px;
}
.editor-content div.summary-point {
  border: 0;
  border-radius: 0;
  background-color: var(--iris-white);
  padding: 11px 0;
  margin: 0;
}
.editor-content div.summary-point::marker {
  margin-left: 20px;
}
.editor-content div.summary-point:not(:last-of-type) {
  border-bottom: 1px solid var(--iris-border);
}
.editor-content div.summary-point:first-of-type {
  padding-top: 0;
}
.editor-content div.summary-point:last-of-type {
  padding-bottom: 0;
}
.editor-content .summary-point p {
  list-style: disc;
  display: list-item;
  margin-left: 1.7ch;
  padding-left: 0.5ch;
}
.editor-content .summary-point p:last-child {
  margin-bottom: 0;
}
.editor-content .summary-point strong:first-child {
  color: var(--iris-neutral-grey-100) !important;
}
.editor-content div.summary-point::before {
}
.topic__image {
  border: 1px solid var(--iris-border);
}
.topic__image .btn--image-tag i {
  border: 2px solid var( --iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
  color: var(--iris-primary-blue-100);
}
.popup__copy {
  border: var(--iris-border);
  background-color: var(--iris-white);
  border-radius: 4px;
}
.popup__copy h3 {
  font-weight: var(--font-weight-strong);
}

/* src/css/03-components/pagination.css */
.pagination {
  margin: 0;
}
.pagination .pagination__left {
  margin-block-start: 0;
}
.pagination strong {
  font-weight: var(--font-weight-strong);
}
.pagination .pagination__right {
  margin-block-start: 0;
}
.pagination__controls {
}
.pagination__controls-button {
  background: var(--iris-white);
  border: 1px solid var(--iris-border);
  color: var(--iris-neutral-grey-100);
  line-height: 20px;
  padding: 4px 8px;
}
.pagination__controls-button:is(:hover, :focus) {
  background: var(--iris-neutral-grey-05);
  color: var(--iris-neutral-grey-100);
}
.pagination__controls-button.disabled {
  background: var(--iris-neutral-grey-05);
  border-color: var(--iris-border);
  color: var(--iris-neutral-grey-50);
}

/* src/css/03-components/sidebar-course-includes.css */
.course__includes {
  margin-block: 0;
}
.course__includes .course__includes__title {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-strong);
  padding-inline: 0;
  text-transform: none;
}
.course__includes .course__includes hr {
  margin-block: 0.6rem;
}
.course__includes .course__includes__list {
  margin: 1.3rem 0 0;
}
.course__includes .course__includes__list li {
  padding-inline: 0;
}
.course__includes .course__includes__list li:last-child {
  margin-bottom: 0;
}
.course__includes .course__includes__list i {
  margin-right: 0.8em;
}

/* src/css/03-components/sidebar-course-purchase.css.css */
.widget--course-purchase .panel {
  color: unset;
  background-color: transparent;
}
.widget--course-purchase .widget--course-purchase__title,
:where(.widget--course-purchase, .enroll--learning-path) .enroll__title {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-strong);
  text-transform: none;
  border-block-end: 1px solid var(--iris-border);
  padding-block-end: 10px;
  margin-bottom: 10px;
  margin-top: -0.5ex;
}
.widget--course-purchase .course__detail__runs {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-13);
  margin-block-end: 6px;
}
.widget--course-purchase .widget--course-purchase __price {
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight-strong);
}
.widget--course-purchase .btn--primary {
  background-color: var(--iris-primary-blue-100);
  border-radius: 4px;
  color: var(--iris-white);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  min-height: 40px;
  align-content: center;
  padding-inline: 16px;
}
.widget--course-purchase .btn--primary:is(:hover, :focus) {
  background-color: var(--iris-primary-blue-dark);
  border-color: var(--iris-primary-blue-dark);
}
.widget--course-purchase .course__detail__enrolled {
  border: 0;
  padding: 0 !important;
  margin: 0.5rem 0 0 0;
  line-height: 1;
}
.widget--course-purchase .course__detail__enrolled .btn {
  color: var(--iris-primary-blue-100);
  padding: 0;
}
.widget--course-purchase .course__detail__enrolled .btn:is(:hover, :focus) {
  color: var(--iris-primary-blue-dark);
}
.widget--course-purchase .course__detail__enrolled .btn:is(:hover, :focus) span {
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.widget--course-purchase .course__detail__enrolled .btn span {
  font-weight: 600;
  font-size: 13px;
}
.widget--course-purchase .btn--secondary {
  display: none;
}
:where(.widget--course-purchase, .enroll--learning-path) .btn--primary ~ hr {
  display: none;
}
.widget--learning-path-purchase .enroll__secondary-actions {
  display: none;
}

/* src/css/03-components/sidebar-course-related.css */
.course__related .panel--alt,
.course__related .panel {
  border: unset;
  border-radius: unset;
  color: unset;
  padding: unset;
}
.course__related .course__related__title {
  background-color: transparent;
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-strong);
  line-height: 1;
  margin: 0;
  padding: 0;
  padding-inline: 0;
  text-transform: none;
  border-block-end: 1px solid var(--iris-border);
  padding-block-end: 12px;
  margin-block-end: 6px;
}
.course__related__list a {
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
}
.course__related__list a:is(:hover, :focus-visible) {
  color: var(--iris-primary-blue-dark);
}
.course__related__list li {
  border-top: 0;
  padding: .25rem 0 0;
}
.course__related__list a img {
  display: none;
}
.course__related__list a p {
  font-weight: inherit;
  margin-block: 0;
}

/* src/css/03-components/sidebar-social.css */
.widget--course-social .course__detail__social {
  border: none;
  padding: 0;
  margin: 0;
}
.widget--course-social .course__detail__social .heading {
  border-block-end: 1px solid var(--iris-border);
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-strong);
  padding-inline: 0;
  padding-block-end: 12px;
  text-transform: none;
}
.widget--course-social .course__detail__social .btn.btn--social {
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--iris-primary-blue-100);
  color: var(--iris-white);
  inline-size: 36px;
  align-content: center;
  margin-inline-end: 8px;
  padding: 6px;
  line-height: 1;
}
.widget--course-social .course__detail__social .btn.btn--social:is(:hover, :focus, :focus-visible) {
  background-color: var(--iris-primary-blue-dark);
}
.widget--course-social .share__container .btn.btn--social :where(i, svg) {
  width: 12px;
  font-size: 14px;
  padding: 0;
}
.widget--course-social .share__container .btn.btn--social svg > g {
  fill: var(--iris-white);
}

/* src/css/03-components/tab-and-tab-content.css */
.tabs {
  border-color: var(--iris-primary-blue-100);
  margin-block-start: 16px;
}
.tabs .tab-title > a {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-block-end-width: 0;
  border-radius: 4px 4px 0 0;
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight-strong);
  font-family: unset;
}
@media (width < 48em) {
  .tabs .tab-title:not(:first-of-type) > a {
    border-radius: 0;
    border-block-end-width: 1px;
  }
}
.tabs .tab-title > a:is(:hover, :focus-visible):not(.tabs :where(.tab-title.active > a, .tab-title > a.active)) {
  background-color: var(--iris-white);
  border-color: var(--iris-primary-blue-100);
  color: var(--iris-primary-blue-100);
}
.tabs :where(.tab-title.active > a, .tab-title > a.active) {
  background-color: var(--iris-primary-blue-100);
  border-color: var(--iris-primary-blue-100);
  color: var(--iris-white);
}
.tabs-content {
  border: 1px solid var(--iris-border);
  border-radius: 0 0 4px 4px;
  background-color: var(--iris-white);
  padding: 1.5rem 1rem;
}
.tabs-content > .content {
  padding-inline: unset;
}

/* src/css/03-components/widget-featured-card.css */
.featured-content-block-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
  gap: 1rem;
  margin: 0;
}
.featured-content-block-grid::before {
  display: none;
}
.featured-content-block-grid li {
  width: unset !important;
  padding: 0;
}
.widget.widget--featured-content {
  background-color: var(--iris-neutral-grey-05);
  padding: 4rem 0;
}
.widget.widget--featured-content .hr__accent {
  display: none;
}
.widget.widget--featured-content h3 {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-32);
  line-height: 1.25;
  margin-block-end: 7px;
  text-wrap: balance;
}
@media screen and (width >= 48em) {
  .widget.widget--featured-content h3 {
    font-size: var(--font-size-34);
  }
}
.featured-content-description {
  font-size: var(--font-size-18);
  margin-block-end: 38px;
  max-width: 65ch;
  text-wrap-style: pretty;
}
@media screen and (width >= 48em) {
  .featured-content-block-grid li:nth-last-of-type(-n+4) {
    padding-bottom: 0;
  }
}

/* src/css/04-patterns/collection-courses.css */
.collection__courses .center-ruled-title {
  display: none;
}
.collection__courses .learning-path-detail-milestone-list h3:first-of-type {
  margin-block-start: 0;
}
.collection__courses .learning-path-detail-milestone-list li {
  margin-block-end: 43px;
  position: relative;
}
.collection__courses .learning-path-detail-milestone-list li:before {
  content: "";
  display: block;
  background-color: var(--iris-border);
  height: 1px;
  position: absolute;
  inset: 0;
  inset-block-start: 16px;
  width: 100%;
}
.collection__courses .learning-path-detail-milestone-list h3 {
  background-color: var(--iris-neutral-grey-05);
  color: var(--iris-primary-blue-100);
  font-size: 24px;
  margin-block: 0 25px;
  text-wrap-style: balance;
  isolation: isolate;
  display: inline-block;
  z-index: 2;
  padding-inline-end: 32px;
}
.collection__courses .learning-path-detail-milestone-list li > hr {
  display: none;
}
.collection__courses .learning-path-detail-milestone-item {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  padding: 23px;
}
.collection__courses .learning-path-detail-milestone-item ~ .learning-path-detail-milestone-item {
  margin-block-start: 15px;
}
.collection__courses .learning-path-detail-milestone-item .learning-path-detail-milestone-item__title {
  font-size: var(--font-size-21);
  margin-block-end: 11px;
  text-wrap-style: balance;
  max-inline-size: 45ch;
}
.collection__courses .learning-path-detail-milestone-item .row.collapse:nth-child(2) {
  margin: 0;
  padding: 0;
}
.collection__courses .learning-path-detail-milestone-item .row.collapse:nth-child(2) .medium-4.columns {
  inline-size: 50%;
  float: none;
  background: none;
  margin-right: 24px;
  display: flex;
  justify-content: center;
  align-items: start;
  display: none;
}
.collection__courses .learning-path-detail-milestone-item .learning-path-detail-milestone-item__asset {
  height: unset;
  object-fit: cover;
  padding: 0;
  display: none;
}
.collection__courses .learning-path-detail-milestone-item .row.collapse:nth-child(2) .medium-8.columns {
  width: unset;
  float: none;
}
.collection__courses .learning-path-detail-milestone-item hr {
  display: none;
}
.collection__courses .learning-path-milestone__badge {
  background: var(--iris-primary-blue-10);
  border-radius: 28px;
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
  font-size: var(-1);
  padding: 6px 12px;
}
.collection__courses .learning-path-detail-milestone-item__content-type {
  padding: 0;
  color: var(--iris-neutral-grey-80);
}
.collection__courses .learning-path-detail-milestone-item__content-type h5 {
  display: inline;
  margin: 0;
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight-strong);
}
.collection__courses .learning-path-detail-milestone-item .learning-path-detail-milestone-item__description {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-base);
  line-height: revert;
  padding: 20px 0;
}
.collection__courses .learning-path-detail-milestone-item .btn--link {
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
  line-height: 24px;
}
.collection__courses .learning-path-detail-milestone-item .btn--link:where(:hover, :focus) {
  color: var(--iris-primary-blue-dark);
}
.collection__courses .learning-path-detail-milestone-item .btn--link i {
  display: none;
}

/* src/css/04-patterns/course-detail-sidebar.css */
@media screen and (width < 768px) {
  .course__detail__sidebar {
    margin-top: 40px;
  }
}
@media screen and (width >= 769px) {
  .course__detail__sidebar {
    position: sticky;
    inset-block-start: 40px;
    scroll-margin-block-end: 40px;
  }
}
.course__detail__sidebar > div > div ~ div {
  margin-block-start: 32px;
}
.course__detail__sidebar .panel {
  padding: 0;
  margin-bottom: 0;
}
.course__detail__sidebar .btn {
  margin-bottom: unset;
}

/* src/css/04-patterns/footer.css */
.footer {
  padding: 0;
  background-color: var(--iris-neutral-grey-100);
  min-height: 4.5rem;
  padding-block: 24px;
}
.footer .footer__inner {
  padding-block: 0;
  border-top: none;
  font-size: unset;
  padding-inline: 24px;
}
@media screen and (width >= 48em) {
  .footer .footer__inner {
    padding-inline: 32px;
  }
}
@media screen and (width >= 80em) {
  .footer .footer__inner {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
  }
}
.footer .footer__company__info {
  display: none;
}
.footer-custom {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media screen and (width < 48em) {
  .footnote__navigation {
    display: none;
  }
}
.footnote-menu {
  display: flex;
  flex-flow: row nowrap;
  gap: 24px;
  margin-inline-start: 0;
  margin-block-end: 0;
  list-style: none;
}
.footnote-menu a {
  color: var(--iris-white);
  font-size: var(--font-size-base);
}
.footnote-menu a :focus {
  color: var(--iris-white);
}
.footnote-menu a :is(:hover, :focus-visible) {
  color: var(--iris-white);
}
.copyright {
  color: var(--iris-white);
  font-size: var(--font-size-base);
}
.copyright:focus {
  color: var(--iris-white);
}
.copyright:is(:hover, :focus-visible) {
  color: var(--iris-white);
}

/* src/css/04-patterns/header.css */
.header.header--microsite {
  padding: 0;
}
.header::after {
  content: unset;
}
.header.header--microsite,
.header.header--microsite .header__inner {
  display: contents;
}
.header__inner::after {
  content: unset;
}
.global-nav__container {
  max-width: unset;
  margin-inline: unset;
}
.nav--global-links {
  background-color: transparent;
  padding-inline: 24px;
}
@media screen and (width >= 48em) {
  .nav--global-links {
    padding-inline: 32px;
  }
}
@media screen and (width >= 80em) {
  .nav--global-links {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
  }
}
.nav--global-links a {
  color: white;
  padding-inline: 0 20px;
}
.nav--top {
  float: none;
  height: 0;
}
#cart-button {
  display: none;
}
.custom-header {
  --_header-box-size: 5rem;
  background-color: var(--iris-neutral-grey-100);
  min-block-size: var(--_header-box-size, 80px);
}
@media (width < 64.0625em) {
  .custom-header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
  }
}
.header-container {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  justify-content: start;
  padding-inline: 24px;
  padding-block: 16px;
}
@media screen and (width >= 48em) {
  .header-container {
    padding-inline: 32px;
  }
}
@media screen and (width >= 80em) {
  .header-container {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
  }
}
.header__logo {
  --outline-color: var(--iris-white);
  display: flex;
  height: 48px;
  width: max-content;
  margin-inline-end: auto;
}
.header__logo :where(picture, img) {
  height: 48px;
  width: auto;
  margin: 0;
}
.header-container .header-cta:not(.header__logo) {
  align-content: center;
  background-color: transparent;
  border: solid 2px var(--iris-white);
  border-radius: 4px;
  color: var(--iris-white);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-strong);
  line-height: 1.125;
  padding: 10px 20px;
  transition-duration: 0.3s;
  transition-property:
    background-color,
    border-color,
    color;
  transition-timing-function: ease-in-out;
  will-change:
    background-color,
    color,
    border-color;
  min-height: 48px;
}
.header-container .header-cta:is(:hover, :focus, :focus-visible) {
  color: var(--iris-neutral-grey-100);
  background-color: var(--iris-white);
  border-color: var(--iris-white);
}

/* src/css/04-patterns/hero.css */
.hero-background {
  background: var(--iris-primary-blue-100) url(https://management.isams.co.uk/integration/iris-academy/images/iris-academy-hero.avif) no-repeat top center / cover;
  block-size: 448px;
  position: absolute;
  content: "";
  display: block;
  z-index: 0;
  width: 100%;
  border-image: fill 0 linear-gradient(rgb(55 57 72 / 50%) 50%, rgb(55 57 72 / 50%));
}
:dir(rtl) .hero-background {
  scale: -1 1;
}
.hero-top {
  position: relative;
}
.hero-top .page-container {
  position: relative;
}
.hero-top .heading {
  color: var(--iris-white);
  font-size: var(--font-size-38);
  font-weight: var(--font-weight-strong);
  padding-block: 43px 26px;
  margin-bottom: 0;
}
@media screen and (width < 48em) {
  .hero-top .heading {
    text-align: center;
  }
}
@media screen and (width >= 48em) {
  .hero-top .heading {
    font-size: var(--font-size-58);
    padding-block: 50px 38px;
  }
}
@media screen and (width >= 64em) {
  .hero-top .heading {
    padding-block: 56px 39px;
  }
}
.layout__content .hero-search {
  padding-inline: 0;
  padding-block: 16px;
}
.hero-search .row {
  padding-inline: 24px;
}
@media screen and (width >= 48em) {
  .hero-search .row {
    padding-inline: 32px;
  }
}
@media screen and (width >= 80em) {
  .hero-search .row {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
  }
}
.hero-search .columns {
  padding-inline: 0;
}
.hero-search form {
  max-width: 604px;
  position: relative;
}
.hero-search form::before {
  background: url(https://management.isams.co.uk/integration/iris-academy/images/search.svg) center / contain;
  content: "";
  display: block;
  aspect-ratio: 1 / 1;
  inline-size: 16px;
  inset-block-start: calc(50% - 0.5rem);
  inset-inline-start: 1.5rem;
  position: absolute;
}
.hero-search input {
  border-width: 0;
  border-color: transparent;
  border-radius: 4px;
  box-shadow: none;
  font-style: normal;
  font-size: 1.375rem;
  min-block-size: 64px;
  padding-block: 16px;
  padding-inline: 58px 20px;
  inline-size: -moz-available;
  inline-size: -webkit-fill-available;
  inline-size: stretch;
}
.hero-search input:is(:focus, :focus-visible) {
  box-shadow: none;
}
.hero-search .btn {
  background-color: var(--iris-primary-blue-100);
  border-color: transparent;
  border-radius: 4px !important;
  color: var(--iris-white);
  inset: 8px 8px 8px auto;
  font-weight: var(--font-weight-strong);
  height: 48px;
  text-transform: capitalize;
  visibility: hidden;
}
.hero-search .btn:is(:hover, :focus-visible) {
  background-color: var(--iris-primary-blue-dark);
}
.hero-search .btn i {
  display: none;
}
.hero-bottom {
  padding-block: 26px 32px;
  position: relative;
}
@media screen and (width >= 48em) {
  .hero-bottom {
    min-block-size: 190px;
    padding-block: 32px 40px;
  }
}
.hero-bottom p {
  color: var(--iris-white);
  font-size: var(--font-size-17);
  margin: 0;
  max-inline-size: 45ch;
  text-wrap-style: pretty;
}
@media screen and (width >= 48em) {
  .hero-bottom p {
    font-size: var(--font-size-24);
  }
}

/* src/css/04-patterns/home-intro.css */
#home-intro {
  padding-block: 64px;
}
#home-intro h2 {
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-strong);
  line-height: 1.25;
  margin-block-end: 30px;
  text-wrap: balance;
}
@media screen and (width >= 48em) {
  #home-intro h2 {
    font-size: var(--font-size-34);
  }
}
#home-intro ul {
  list-style: "";
  margin-inline-start: 0;
  column-count: 3;
  gap: 4.5rem;
}
#home-intro ul img {
  block-size: 6.25rem;
  margin-block-end: .5rlh;
}
#home-intro ul h3 {
  font-size: var(--font-size-24);
  line-height: 1.25;
  margin-block-end: .5rlh;
}
#home-intro ul p {
  text-wrap-style: pretty;
  font-size: 16px;
  color: var(--iris-neutral-grey-80);
}
#home-intro ul a {
  font-weight: var(--font-weight-strong);
  text-underline-offset: 0.15em;
  text-decoration: underline;
}

/* src/css/04-patterns/meet-the-team.css */
#home-team {
  background-color: var(--iris-white);
  padding-block: 64px;
}
.team-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2rem;
  list-style-type: none;
}
.team-member {
  display: block;
  text-align: center;
  flex-basis: max-content;
}
.team-avatar {
  border-radius: calc(infinity * 1px);
  height: 128px;
  width: 128px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: inline-block;
  margin-bottom: 12px;
  line-height: 1;
}
.team-name {
  font-size: var(--font-size-18);
  color: var(--iris-primary-blue-100);
  line-height: 1;
}
.team-role {
  margin: 0;
}

/* src/css/04-patterns/navigation.css */
.ember-application .nav-menu {
  background-color: transparent;
  border: solid 2px var(--iris-white);
  border-radius: 4px;
  color: var(--iris-white);
  align-content: center;
  font-size: calc(18rem / 16);
  font-weight: var(--font-weight-strong);
  line-height: 1;
  margin: 0;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  transition-property:
    background-color,
    border-color,
    color;
  user-select: none;
  will-change:
    background-color,
    color,
    border-color;
  width: fit-content;
  vertical-align: middle;
  white-space: nowrap;
}
.nav-menu:is(:hover, :focus-visible) {
  color: var(--iris-neutral-grey-100);
  background-color: var(--iris-white);
  border-color: var(--iris-white);
}
@media screen and (width >= 64.0625em) {
  .nav-menu {
    display: none;
  }
}
.nav-menu svg {
  inset: calc(50% - 12px) calc(50% - 12px);
  position: absolute;
  visibility: hidden;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 0;
  aspect-ratio: 1 / 1;
  display: block;
}
.custom-navigation ul {
  list-style: none;
  margin: 0;
}
@media (width < 64.0625em) {
  .custom-navigation {
    background-color: var(--iris-neutral-grey-100);
    display: none;
    block-size: -moz-available;
    block-size: -webkit-fill-available;
    block-size: stretch;
    inset: 5rem 0 0 0;
    padding: 32px 24px 32px 24px;
    position: fixed;
    transition: opacity 300ms ease;
    visibility: visible;
    z-index: 999999;
  }
}
@media (width < 64.0625em) {
  .custom-navigation[data-navigation=expanded] {
    display: block;
  }
}
@media screen and (width >= 48em) and (width < 64.0625em) {
  .custom-navigation {
    padding-inline: 32px;
  }
}
@media (width >= 64.0625em) {
  .custom-navigation {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 100;
  }
}
@media (width < 64.0625em) {
  .custom-navigation .page-container {
    animation-duration: 1s;
    animation-name: animation;
    height: inherit;
    padding: 0;
    margin: 0;
  }
}
@media screen and (width < 64.0625em) {
  .navigation-menu {
    display: flex;
    flex-flow: column nowrap;
    gap: 10px;
  }
}
@media screen and (width < 64.0625em) and (orientation: landscape) {
  .navigation-menu {
    flex-flow: column wrap;
    height: inherit;
  }
}
@media screen and (width < 64.0625em) {
  .navigation-menu li {
    flex: 0 auto;
  }
}
@media screen and (width < 64.0625em) {
  .navigation-menu .menu-item {
    color: var(--iris-white);
    font-size: 1.25rem;
    font-weight: var(--font-weight);
    line-height: 30px;
  }
  .navigation-menu .menu-item:first-child {
    padding-block-start: 0;
  }
  .navigation-menu .menu-item:where(:hover, :focus-visible, :focus) {
    color: var(--iris-white);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 2px;
  }
}
@media (width >= 64.0625em) {
  .custom-navigation {
    background-color: var(--iris-neutral-grey-80);
    min-block-size: 3.5rem;
    position: sticky;
    top: 0;
    inline-size: 100%;
    z-index: 10000;
  }
  .navigation-menu {
    display: flex;
    gap: 20px;
    justify-content: start;
  }
  .menu-item {
    color: var(--iris-white);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight);
    text-transform: capitalize;
    display: block;
    align-content: center;
    line-height: 1;
    padding-block: 0.5rem;
    min-block-size: 3.5rem;
    box-shadow: inset 0 -2px 0 0 transparent;
  }
  .menu-item:is(:hover, :focus-visible, :focus) {
    color: var(--iris-white);
  }
  .menu-item:is(:hover, :focus-visible, :focus) {
    color: var(--iris-white);
    box-shadow: inset 0 -2px 0 0 var(--iris-white);
  }
  .menu-item[aria-current=page] {
    box-shadow: inset 0 -2px 0 0 var(--iris-white);
    color: var(--iris-white);
  }
}

/* src/css/04-patterns/subhero.css */
.hero-sub {
  background: var(--iris-primary-blue-100);
  block-size: 206px;
}
.hero-sub .page-container {
  padding-block: 15px 32px;
  height: inherit;
}
@media screen and (width >= 1180px) {
  .hero-sub .page-container {
    background: url(https://management.isams.co.uk/integration/iris-academy/images/chevrons.svg) no-repeat top right 64px / auto 100%;
  }
  :dir(rtl) .hero-sub .page-container {
    background: url(https://management.isams.co.uk/integration/iris-academy/images/chevrons-inverted.svg) no-repeat top left 64px / auto 100%;
  }
}
.hero-sub .heading {
  color: var(--iris-white);
  font-size: var(--font-size-26);
  line-height: 1.1;
  margin-block: 0 16px;
  max-inline-size: 42ch;
}
@media screen and (width >= 768px) {
  .hero-sub .heading {
    font-size: var(--font-size-40);
    margin-block: 0 17px;
  }
}
.hero-sub p {
  color: var(--iris-white);
  font-size: var(--font-size-17);
  margin: 0;
  max-width: 78ch;
}

/* src/css/04-patterns/section-contact.css */
.section-contact {
  padding-block: 6rem;
  text-align: center;
}
.section-contact h2 {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-32);
  line-height: 1.5;
  margin-bottom: 32px;
  margin-inline: auto;
  text-wrap: balance;
}
@media screen and (width >= 48em) {
  .section-contact h2 {
    font-size: var(--font-size-34);
  }
}
.section-contact p {
  font-size: 1.25rem;
  margin-inline: auto;
  max-width: 56ch;
}
.section-contact a {
  text-decoration: underline;
  text-underline-offset: 0.15em;
  font-weight: var(--font-weight-strong);
}

/* src/css/04-patterns/section-course.css */
.section-course {
  padding: 64px 0;
  background-color: var(--iris-grey);
}
.course-list {
  column-count: 5;
  list-style-type: none;
  margin-inline-start: 0;
  gap: 1rem;
}
@media (906px <= width <= 1215px) {
  .course-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.course-item {
  display: contents;
}
.course-item a {
  display: grid;
  grid-row: span 3;
  row-gap: 0;
  background-color: var(--iris-white);
  border-radius: 4px;
  border: 1px solid var(--iris-border);
  padding: 30px 16px;
  transition: border-color 0.3s ease-in-out;
  text-align: center;
}
.course-item a:where(:hover, :focus-visible) {
  border-color: var(--iris-primary-blue-100);
}
.course-item a[href$=staffology-hr]:where(:hover, :focus-visible) {
  border-color: var(--staffology-purple-50);
}
.course-item a[href$=staffology-payroll]:where(:hover, :focus-visible) {
  border-color: var(--staffology-blue-50);
}
.course-item img {
  max-block-size: 25px;
  margin-block: 0 32px;
  justify-self: center;
}
.course-item p {
  color: var(--iris-neutral-grey-80);
  font-weight: 400;
  margin-top: -0.5ex;
  margin-bottom: 16px;
  text-wrap-style: balance;
  max-inline-size: 58ch;
}
.course-item span {
  color: var(--iris-neutral-grey-80);
  font-weight: var(--font-weight-strong);
  line-height: 1;
}

/* src/css/04-patterns/section-header.css */
.section-header {
  margin-block-end: 37px;
}
.section-header h2 {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-strong);
  margin-block: 0 .5rlh;
}
@media screen and (width >= 768px) {
  .section-header h2 {
    font-size: var(--font-size-34);
  }
}
.section-header p {
  color: var(--iris-neutral-grey-80);
  font-size: var(--font-size-18);
  margin-block: 0;
  max-width: 56ch;
  text-wrap-style: pretty;
  margin-block: 0;
}

/* src/css/05-pages/catalog-detail.css */
:where(.learning-path, .course-group) .container {
  min-height: inherit;
}
:where(.learning-path, .course-group) .home__content {
  background-color: var(--iris-neutral-grey-05);
  padding: 0;
}
:where(.learning-path, .course-group) .container {
  background: transparent;
  display: grid;
  grid-template-rows: min-content min-content min-content 1fr min-content;
  padding-block-start: 0;
}
.course__detail__content {
  color: var(--iris-neutral-grey-100);
}
.course__detail__container {
  padding-block: 64px;
}
@media screen and (width < 769px) {
  .course__detail__container :is(.course__detail__content, .course__detail__sidebar) {
    padding-inline: 0;
  }
}
@media screen and (width >= 769px) {
  .course__detail__container > :first-child {
    padding-inline: 0 24px;
  }
}
@media screen and (width >= 769px) {
  .course__detail__container > :last-child {
    padding-inline: 24px 0;
  }
}
.course__detail__content h1 {
  color: inherit;
  font-weight: var(--font-weight-strong);
  font-size: 1.5rem;
  letter-spacing: -0.022em;
  margin-top: -0.5ex;
}
@media screen and (width >= 1024px) {
  .course__detail__content h1 {
    font-size: 2.5rem;
    margin-block-end: 16px;
  }
}
.course__detail__content p {
  text-wrap-style: pretty;
  max-width: 72ch;
}
.course__detail__content .collection__courses {
  margin-block-start: 41px;
}
:where(.learning-path, .course-group) .course__detail__asset {
  display: none;
}
.course__detail__header {
  padding-inline: 0;
}
.course__detail__header p {
  font-size: var(--font-size-base);
  color: unset;
}
.course-purchase__mobile-button {
  display: none;
  position: unset;
}

/* src/css/05-pages/catalog.css */
:is(.catalog, .page) .home__content {
  padding: 0;
}
:is(.catalog, .page) .course-grid {
  background-color: var(--iris-neutral-grey-05);
  padding: 64px 0;
}
.catalog-header {
  display: none;
}
@media screen and (width < 48em) {
  :is(.catalog, .page) .row > :where(.medium-3.columns) {
    margin-block-end: 40px;
  }
}
.catalog-item:has(.catalog__ribbon--attached[style*="#8900f2"]) .catalog-grid-item__asset-container {
  background-color: var(--staffology-purple-05);
}
.catalog-item:has(.catalog__ribbon--attached[style*="#8900f2"]) .catalog-grid-item:hover {
  border-color: var(--staffology-purple-75);
}
.catalog-item:has(.catalog__ribbon--attached[style*="#0061ff"]) .catalog-grid-item__asset-container {
  background-color: var(--staffology-blue-05);
}
.catalog-item:has(.catalog__ribbon--attached[style*="#0061ff"]) .catalog-grid-item:hover {
  border-color: var(--staffology-blue-75);
}

/* src/css/05-pages/login.css */
.session {
  padding: 64px 24px;
  background: var(--iris-neutral-grey-05) url(https://management.isams.co.uk/integration/iris-academy/images/academy-login-bg.avif) no-repeat center / cover;
  min-height: inherit;
  align-content: center;
}
.session .row {
  display: contents;
}
.session__container {
  inset: unset;
  float: unset !important;
  width: unset;
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  background-color: var(--iris-white);
  padding: 1.5rem;
  max-width: 480px;
  margin-inline: auto;
}
.session img {
  block-size: 40px;
  margin-block-end: 28px;
}
.session h1 {
  text-align: unset;
  margin-bottom: 0.4rem;
}
.session p {
  margin-bottom: 11px;
}
.session .text-centered {
  text-align: unset;
}
.alert-box.alert {
  background-color: var(--iris-red-100);
}
.session__forgot a {
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
  margin-top: 9px;
}
.session__forgot a:hover {
  color: var(--iris-primary-blue-dark);
}
.session .btn {
  margin-block-end: 0;
}

/* src/css/05-pages/register.css */
.register #lms > div {
  display: grid;
  grid-template-rows: min-content min-content min-content 1fr min-content;
}
.register .application .container {
  display: contents;
}
.register .home__content {
  background: var(--iris-neutral-grey-05);
  padding-block: 64px;
  align-content: center;
}
.register .widget--registration-form {
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  background-color: var(--iris-white);
  padding: 1.5rem;
  max-width: 30rem;
  margin-inline: auto;
}
.widget--registration-form .small-offset-3 {
  margin-left: unset !important;
  width: unset;
}
.widget--registration-form .widget__title {
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight-strong);
  margin-bottom: 1.5rem;
}
.widget--registration-form .text-centered strong {
  border: 1px solid var(--iris-primary-blue-40);
  border-radius: 4px;
  background-color: var(--iris-primary-blue-10);
  display: block;
  font-weight: var(--font-weight-strong);
  padding: 0.5rem;
  margin-block-end: 1.5rem;
  text-align: center;
}
.widget--registration-form .text-centered strong a {
  color: var(--iris-primary-blue-100);
  text-underline-offset: 0.15em;
  margin-inline-start: 0.25ch;
}
.widget--registration-form .text-centered strong a:where(:hover, :focus-visible) {
  color: var(--iris-primary-blue-dark);
}
.widget--registration-form .text-centered .text-xs {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-13);
  text-align: start;
}
.register .widget--registration-form .small-6 > :first-child > .columns + .columns {
  padding-left: 1rem;
}
.register .terms__checkbox__wrapper .btn {
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight-strong);
  text-underline-offset: 0.15em;
}
.register .terms__checkbox__wrapper .btn:where(:hover, :focus-visible) {
  color: var(--iris-primary-blue-dark);
}
.register .widget--registration-form a.btn--primary {
  margin-block-end: 0;
}

/* src/css/05-pages/survey.css */
.survey {
  min-block-size: 100dvb;
}
.survey #learner,
.survey #lms {
  height: inherit;
}
.survey .application {
  padding-block-start: 48px;
}
@media (width >= 35em) {
  .survey .application {
    background: var(--iris-neutral-grey-05) url(https://management.isams.co.uk/integration/iris-academy/images/academy-login-bg.avif) no-repeat center / cover;
    display: grid;
    align-content: center;
    justify-content: center;
    padding: 64px 24px;
  }
}
.survey .application__content {
  block-size: unset;
  position: unset;
  overflow: unset;
  background-color: var(--iris-white);
  padding: 0 1.5rem;
}
@media (width >= 35em) {
  .survey .application__content {
    max-inline-size: 30rem;
    border: 1px solid var(--iris-border);
    border-radius: 4px;
    padding: 1.5rem;
  }
}
.survey .application__content .header .btn {
  display: none;
}
.survey .application__content .header__inner {
  text-align: center;
}
.survey .application__content img {
  block-size: 40px;
  margin-block-end: 28px;
}
.survey .application__content h1 {
  margin-bottom: 1rem;
}
.survey .application__content .row:nth-child(4) > .ember-view {
  display: grid;
  grid-template-columns: 25px 1fr;
  grid-auto-flow: row;
  column-gap: 0.5rem;
  margin-top: 10px;
}
.survey .application__content .medium-1 {
  width: unset;
}
.survey .application__content .medium-11 {
  width: unset;
}
.survey .application__content p {
  margin-bottom: 0.25rem;
}
.survey .application__content ul {
  border-radius: 4px;
  background-color: var(--iris-neutral-grey-05);
}
@media (width >= 500px) {
  .survey .application__content ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
  }
}
.survey .application__content li {
  padding: 0.5rem;
}
.survey .application__content .checkbox-indicator {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
}
.survey .application__content .checkbox-label input.checkbox:active ~ .checkbox-indicator,
.survey .application__content .checkbox-label input.checkbox:checked ~ .checkbox-indicator {
  background-color: var(--iris-primary-blue-100);
  border-color: var(--iris-primary-blue-100);
  color: var(--iris-white);
  box-shadow: none;
}
.survey .application__content li .checkbox-label {
  display: block;
}
.survey .application__content li .checkbox-label:where(:hover, :focus) {
  color: var(--iris-primary-blue-100);
  box-shadow: none;
}
.survey .application__content li .checkbox-label:where(:hover, :focus) .checkbox-indicator {
  border-color: var(--iris-primary-blue-100);
}

/* src/css/05-pages/dashboard.css */
.learn.dashboard .widget--dashboard-access,
.learn.dashboard .widget--recent-content,
.learn .widget.widget--featured-content {
  padding: 4rem 0;
}
.widget--recent-content .row,
.dashboard .widget--dashboard-access .row,
.widget.widget--featured-content > .row {
  margin-inline: 0;
  padding-inline: 24px;
}
@media screen and (width >= 48em) {
  .widget--recent-content .row,
  .dashboard .widget--dashboard-access .row,
  .widget.widget--featured-content > .row {
    padding-inline: 32px;
  }
}
@media screen and (width >= 80em) {
  .widget--recent-content .row,
  .dashboard .widget--dashboard-access .row,
  .widget.widget--featured-content > .row {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
  }
}
.dashboard .header--dashboard {
  display: none;
}
.dashboard .widget--dashboard-access_standard {
  border: none;
  background-color: var(--iris-grey);
}
.dashboard .widget--dashboard-access_standard .dashboard-access {
  border: none;
}
.dashboard .widget--dashboard-access_standard .dashboard-access__header {
  background: unset;
  border: unset;
  padding: 0;
}
.dashboard .widget--dashboard-access_standard .dashboard-access__header button {
  display: none;
}
.dashboard .widget--dashboard-access_standard .dashboard-access__header > span {
  color: var(--iris-neutral-grey-100);
  display: inline-block;
  font-size: var(--font-size-32);
  line-height: 1;
  font-weight: var(--font-weight-strong);
  margin-block-end: 27px;
  text-wrap: balance;
}
@media screen and (width >= 48em) {
  .dashboard .widget--dashboard-access_standard .dashboard-access__header > span {
    font-size: var(--font-size-34);
  }
}
@media screen and (width < 48em) {
  .dashboard .dashboard-access-list-item > .grid {
    gap: unset;
  }
}
@media screen and (width < 48em) {
  .dashboard .dashboard-access-list-item > .grid div:nth-child(1) {
    grid-column: 1/9;
    grid-row: 1;
  }
}
@media screen and (width < 48em) {
  .dashboard .dashboard-access-list-item > .grid div:nth-child(2) {
    display: none;
  }
}
@media screen and (width < 48em) {
  .dashboard .dashboard-access-list-item > .grid div:nth-child(3) {
    grid-row: 2/3;
    grid-column: 1/-1;
    padding-left: 30px;
  }
}
@media screen and (width < 48em) {
  .dashboard .dashboard-access-list-item > .grid div:nth-child(4) {
    grid-row: 1;
    grid-column: 9/-1;
  }
}
.dashboard .dashboard-access-list-item .btn.btn--primary {
  font-weight: var(--font-weight-strong);
  min-height: 32px;
  padding: .25rem .5rem;
}
.dashboard .dashboard-access-tabs {
  background: unset;
  border-color: var(--iris-border);
  display: flex;
  gap: .5rem;
  padding-block-end: 24px;
  margin-bottom: 24px;
  overscroll-behavior-inline: auto;
  overflow-inline: auto;
}
.dashboard .dashboard-access-tab {
  background: unset;
  border: unset;
  padding: 0;
}
.dashboard .dashboard-access-tab button {
  background-color: var(--iris-white) !important;
  border: 1px solid var(--iris-border);
  border-radius: 9999px;
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight);
  line-height: 16px;
  padding: 7px 15px !important;
  white-space: nowrap;
}
.dashboard .dashboard-access-tab--current button {
  background-color: var(--iris-primary-blue-100) !important;
  border-color: var(--iris-primary-blue-100);
  color: var(--iris-white);
}
.dashboard .dashboard-access-tab__count {
  aspect-ratio: 1;
  background-color: var(--iris-primary-blue-10);
  color: var(--iris-neutral-grey-100);
  border: unset;
  font-weight: var(--font-weight-strong);
  vertical-align: middle;
  padding: 0;
  width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dashboard .dashboard-access-tab--current .dashboard-access-tab__count {
  background-color: var(--iris-white);
}
.dashboard .dashboard-access > section[aria-hidden=false]:has(.dashboard-access-list-item) {
  border: 1px solid var(--iris-border);
  background-color: var(--iris-white);
  border-radius: 4px;
  padding: 1rem;
}
.dashboard .dashboard-access .dashboard-access-list-item {
  font-size: var(--font-size-base);
  border-bottom: 1px solid var(--iris-border);
}
.dashboard .dashboard-access.dashboard-access-list-item:nth-of-type(even) {
  background-color: var(--iris-primary-blue-05);
}
.dashboard .dashboard-access .dashboard-access-list-item-expander__title {
  font-weight: var(--font-weight-strong);
  font-size: var(--font-size-base);
}
.dashboard .dashboard-access .dashboard-access-list-item strong {
  font-weight: var(--font-weight);
}
.dashboard .dashboard-access-list-item-expansion .row {
  padding-inline: 0;
}
.dashboard .dashboard-access-list-item-expansion .medium-4 {
  display: none;
}
.dashboard .dashboard-access-list-item-expansion .btn {
  background-color: var(--iris-primary-blue-100);
  border-radius: 4px;
  color: var(--iris-white);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  line-height: 1.15;
  min-height: 32px;
  align-content: center;
  padding-inline: 8px;
}
.dashboard .dashboard-access-list-item-expansion .btn:where(:hover, :focus-visible) {
  background-color: var(--iris-primary-blue-dark);
}
.dashboard .widget--recent-content_multi-carousel {
  background-color: var(--iris-grey);
}
.dashboard .widget--recent-content_multi-carousel .hr__accent {
  display: none;
}
.dashboard .widget--recent-content_multi-carousel h3 {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-32);
  line-height: 1.25;
  margin-block-end: 27px;
  text-wrap: balance;
}
@media screen and (width >= 48em) {
  .dashboard .widget--recent-content_multi-carousel h3 {
    font-size: var(--font-size-34);
  }
}
.widget--recent-content_multi-carousel .btn--bare-icon {
  height: 40px;
  width: 40px;
}
.featured-content-multi-carousel__nav-left {
  left: -1em;
}
@media screen and (width >= 48.125em) {
  .featured-content-multi-carousel__nav-left {
    left: -1.75em;
  }
}
.featured-content-multi-carousel__nav-right {
  right: -1em;
}
@media screen and (width >= 48.125em) {
  .featured-content-multi-carousel__nav-right {
    right: -1.25em;
  }
}
.widget--recent-content_multi-carousel .btn--bare-icon i {
  color: var(--iris-neutral-grey-50);
  font-size: 2.5rem;
  line-height: 1.5lh;
}
.dashboard .widget--recent-content_multi-carousel .featured-content-multi-carousel .featured-content-block-grid {
  margin: 0;
}
@media screen and (width >= 48.125em) {
  .dashboard .widget--recent-content_multi-carousel .featured-content-block-grid li {
    width: calc(20% - 1px);
  }
}
@media screen and (width >= 48em) {
  .dashboard .featured-content-multi-carousel li:nth-last-of-type(-n+5) {
    padding-bottom: 0;
  }
}
.featured-content-multi-carousel-item {
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  overflow: clip;
  background-color: var(--iris-white);
  min-height: 266px;
}
.featured-content-multi-carousel-item__body {
  border-top: 1px solid var(--iris-border);
  padding: 20px 16px;
  text-align: left;
}
.catalog-item:has(.catalog__ribbon--attached[style*="#8900f2"]) .catalog-grid-item__asset-container {
  background-color: var(--staffology-purple-05);
}
.featured-content-multi-carousel-item__title {
  color: var(--iris-neutral-grey-100);
  font-size: 13.5px;
  font-weight: var(--font-weight-strong);
  text-transform: none;
  margin-block-end: 6px;
  line-height: 1.2;
  min-block-size: 2lh;
}
.featured-content-multi-carousel-item__source {
  color: var(--iris-neutral-grey-80);
  font-weight: var(--font-weight);
  margin-top: 7px;
}
.featured-content-multi-carousel-item__source strong {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-strong);
}
.featured-content-multi-carousel-item__description {
  padding: 0;
  font-size: 12px;
}
.dashboard .overview-course {
  background-color: var(--iris-neutral-grey-10);
}

/* src/css/05-pages/course.css */
body.learn.course:not(.manager) {
  background-color: var(--iris-neutral-grey-05);
  min-height: 100dvh;
}
.course__container {
  min-height: 100%;
}
.ember-application.course .section > .row > .ember-view > .learner-section__progress + .directional__nav {
  display: none !important;
}
.ember-application.course .learner__container {
  clear: both;
  margin-inline: 0;
  padding-block: 64px;
  padding-inline: 24px;
}
@media screen and (width >= 48em) {
  .ember-application.course .learner__container {
    padding-inline: 32px;
  }
}
@media screen and (width >= 64em) {
  .ember-application.course .learner__container {
    display: grid;
    grid-template-columns: 19em 1fr;
    column-gap: 3rem;
  }
}
@media screen and (width >= 80em) {
  .ember-application.course .learner__container {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
  }
}
.header--student {
  background-color: var(--iris-neutral-grey-100);
  box-shadow: unset;
}
.header--student .header__left {
  float: unset;
  position: unset;
  clear: both;
  padding-inline: 24px;
  width: unset;
}
@media screen and (width >= 48em) {
  .header--student .header__left {
    padding-inline: 32px;
  }
}
@media screen and (width >= 80em) {
  .header--student .header__left {
    margin-inline: auto;
    max-inline-size: 1280px;
    padding-inline: 64px;
    height: inherit;
    padding-bottom: 16px;
  }
}
.header--student .header__left__copy {
  width: unset;
  float: unset;
  padding: 0;
  align-content: center;
  margin-left: 21rem;
}
.header--student .header__right {
  display: none;
}
.header--student .course-title {
  color: var(--iris-white);
  font-weight: var(--font-weight-strong);
  font-size: 1.5625rem;
  line-height: 1.2;
}
.header--student .header__left__icon {
  background-color: transparent;
  color: var(--iris-white);
  margin-right: 1rem;
  font-size: var(--font-size-base);
  padding: 0;
  align-content: center;
  width: unset;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.header--student .header__left__icon:hover {
  background-color: transparent;
  color: var(--iris-neutral-grey-10);
}
.header--student .header__left__icon .icon-home::before {
  content: "Back to Dashboard" / "";
  font-family: var(--font-family);
  font-weight: var(--font-weight-strong);
}
@media screen and (min-width: 768px) {
  .header--student .course-title {
    font-size: 2.5rem;
  }
}
.ember-application.course .hide-sidebar {
  display: none !important;
}
.ember-application.course .learner__sidebar {
  position: unset;
  padding: unset;
  transform: unset;
  width: unset;
  float: unset;
}
.ember-application.course .learner__container__toggle {
  display: none;
}
.course .learner__content {
  padding: unset;
  width: unset;
  position: unset !important;
  transform: unset;
  float: unset;
  transform: unset !important;
}
.layout-panel {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.learner-section__title__container > h3 {
  margin: 0;
}
.learner-section__title__container > h3 > span > span {
  display: none;
}
.learner-section__title__container .learner-lesson__title {
  display: none;
}
.learner-section__title {
  color: var(--iris-primary-blue-100);
  font-size: var(--font-size-13);
  line-height: 1;
  text-transform: uppercase;
}
.learner__sidebar__expandables {
  padding-left: 0 !important;
}
.expandable-sidebar__link[href*="/notes"] {
  display: none;
}
.ember-application.course .expandable-sidebar__buttons {
  display: none !important;
}
.ember-application.course .iris-under-title,
.ember-application.course .topic__text__body {
  padding: 0;
}
.course .topic__container {
  padding: 0;
}
.course .topic__content {
  padding-inline: 0;
}
.course .topic__content h1,
.course .topic__content .iris-under-title {
  color: var(--iris-neutral-grey-100);
  margin: 0 0 24px 0;
}
.course .topic__content .iris-under-title h1 {
  margin: 0;
  font-size: 2rem;
}
.course .topic__content h1::after {
  display: none;
}
.course .learner-section__progress {
  display: none;
}
.topic__text__body {
  color: unset;
}
.expandable-sidebar__toggle {
  background-color: transparent;
  border-bottom: 1px solid var(--iris-border);
  color: var(--iris-primary-blue-100);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  text-transform: uppercase;
  padding: 0;
  padding-bottom: 5px;
  line-height: 1;
  margin-bottom: 7px;
}
.expandable-sidebar__icon--left {
  display: none;
}
.expandable-sidebar__toggle .right {
  float: unset !important;
  font-weight: var(--font-weight-strong);
  margin-left: 2px;
}
#sidebar-lessons-content {
  padding: 0;
}
#sidebar-lessons-content .learner__sidebar-list {
  border: 0;
  margin: 0;
  font-size: var(--font-size-base);
  padding-left: 0;
  max-height: unset;
}
#sidebar-lessons-content .learner__sidebar-list > li {
  padding: 0;
  border: 0;
}
#sidebar-lessons-content .learner__sidebar-list > ul > li {
  padding-inline: 0;
  margin: 0;
}
#sidebar-lessons-content .learner__sidebar-list .syllabus__section-title {
  color: var(--iris-neutral-grey-100);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-strong);
  line-height: 1.12;
}
#sidebar-lessons-content .syllabus__section-list > li {
  color: var(--iris-neutral-grey-100);
  font-size: unset;
  padding-left: 0;
}
#sidebar-lessons-content .syllabus__lesson--title {
  font-size: unset;
  font-weight: var(--font-weight);
}
#sidebar-lessons-content .syllabus__lesson--title-text {
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight);
}
#sidebar-lessons-content .completed__indicator i {
  color: var(--color-green-100);
  font-size: unset;
  padding: 0;
}
.syllabus__section-list li:not(.syllabus__topic--active) a:where(:hover, :focus) {
  color: var(--iris-neutral-grey-100);
  text-decoration: underline;
}
ul.syllabus__topics {
  padding-left: 0;
}
.syllabus__topics > li {
  padding-inline-start: 0;
  padding-block: 0.2em;
  padding-left: 1.4em !important;
  font-size: unset;
}
.syllabus__topics > li::before {
  content: none;
}
.syllabus__topics > li.syllabus__topic--active {
  background-color: transparent;
  color: var(--iris-primary-blue-100);
  font-weight: var(--font-weight);
}
.syllabus__topics > li.syllabus__topic--active a:where(:hover, :focus) {
  color: var(--iris-primary-blue-100);
}
.syllabus__topics a > .syllabus__topic--non-expandable-title-text {
  padding-inline: 0;
}
.syllabus__topics .icon-circle {
  border: none;
  margin-left: 8px;
}
.icon-circle.icon-circle--half span,
.icon-circle.icon-circle--half {
  background-color: var(--color-orange-100);
}
.icon-circle.icon-circle--full span,
.icon-circle.icon-circle--full {
  background-color: var(--color-green-100);
}
#sidebar-lessons-content .expander-triangle__closed-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin: 4px 8px 0 0;
}
.course-completion-progress {
  margin-top: 17px;
}
.course-completion-progress > div {
  border: 0;
}
#sidebar-progress-content {
  padding: 0;
}
.course-progress__overall .table-row {
  display: flex;
  gap: .25ch;
  align-items: end;
}
.course-progress__overall .small-4 {
  display: none;
}
.course-progress__overall .stat {
  min-width: unset;
  width: unset;
  color: var(--iris-neutral-grey-100);
  font-weight: var(--font-weight-strong);
  font-size: var(--font-size-base);
}
.course-progress__overall .progress {
  border: 1px solid var(--iris-border);
  background-color: var(--iris-primary-blue-10);
  padding: 0;
  margin-top: 5px;
}
.progress.colorized .meter {
  background:
    linear-gradient(
      90deg,
      var(--iris-primary-blue-100),
      var(--iris-primary-blue-dark));
}
.course-progress > .clearfix {
  display: none;
}
.course-progress > hr {
  display: none;
}
.course .iris-under-title {
  background-color: transparent;
}
.video__container {
  border: 1px solid var(--iris-border);
  padding: unset;
}
.video__frame > div {
  max-width: 100% !important;
}
.course .topic__edit a {
  background-color: var(--iris-white);
  border: 1px solid var(--iris-border);
  border-radius: 4px;
  color: var(--iris-neutral-grey-100);
}
.course .topic__edit a:is(:hover, :focus-visible) {
  border-color: var(--iris-neutral-grey-50);
  color: var(--iris-primary-blue-100);
}
.directional__nav {
  margin-top: 16px;
}
.directional__nav a {
  color: var(--iris-neutral-grey-100);
  padding: 0;
}
.directional__nav a:is(:hover, :focus-visible) {
  color: var(--iris-primary-blue-100);
}
.directional__nav__label {
  visibility: unset !important;
}

/* src/css/main.css */