/* line 1, static/css/style.scss */
:root {
  --primary-blue: #1B0A3E;
  --primary-blue-600: #1b0a3e99;
  --primary-bg: #F4EFF6;
  --secondary-violet-light: #E4E0FF;
  --secondary-violet-dark: #BDB7EE;
  --secondary-green: #D9F5B5;
  --white: #FFFFFF;
  --black: #000000;
  --accent: #E2F58A;
  --tr-duration: 500ms;
  --dash-length: 50%;
  --dash-size: 35px;
  --dash-width: 1.5px;
  --bs-heading-color: var(--primary-blue);
  --bs-border-color: var(--primary-blue);
  --bs-border-radius-pill: 200px; }

/* line 27, static/css/style.scss */
body {
  font-family: "Work Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  background-color: #FFFFFF;
  color: var(--primary-blue); }
  @media (min-width: 768px) {
    /* line 27, static/css/style.scss */
    body {
      font-size: 24px;
      line-height: 28px; } }
/* line 42, static/css/style.scss */
.accordion .accordion-button {
  background-color: var(--white);
  box-shadow: none; }
  /* line 47, static/css/style.scss */
  .accordion .accordion-button::after {
    background-image: url("/static/img/triangle-down.svg?db65b41512b3");
    background-size: contain;
    width: 28px;
    height: 28px;
    transform: none;
    transition: transform 0.2s ease-in-out; }
  /* line 56, static/css/style.scss */
  .accordion .accordion-button:not(.collapsed)::after {
    background-image: url("/static/img/triangle-up.svg?db65b41512b3");
    transform: none; }

/* line 63, static/css/style.scss */
.flex-equal {
  flex: 1 1 0;
  min-width: 0; }

/* line 68, static/css/style.scss */
a {
  color: var(--primary-blue);
  text-decoration: none; }

/* line 73, static/css/style.scss */
*:focus-visible {
  outline: none; }

/* line 77, static/css/style.scss */
#header {
  background-color: #F4EFF6;
  height: 48px;
  border: 1px solid var(--primary-blue);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 24px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  z-index: 999; }

/* line 92, static/css/style.scss */
#title {
  margin-top: 48px;
  border-bottom: 1px solid var(--primary-blue); }
  /* line 96, static/css/style.scss */
  #title.page-title {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 16px; }
    /* line 103, static/css/style.scss */
    #title.page-title .icon {
      width: 30px; }
  /* line 109, static/css/style.scss */
  #title.pillar-title #back-arrow {
    width: 16px;
    height: 16px; }
  /* line 114, static/css/style.scss */
  #title.pillar-title .icon {
    height: 98px; }

/* line 121, static/css/style.scss */
.scrolling-text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  /* line 127, static/css/style.scss */
  .scrolling-text > * {
    display: inline-block;
    animation: scroll-left 30s linear infinite; }

@keyframes scroll-left {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }

@media (min-width: 768px) {
  /* line 143, static/css/style.scss */
  #header {
    height: 101px;
    padding: 32px 48px; }
  /* line 148, static/css/style.scss */
  #title {
    margin-top: 101px; }
    /* line 151, static/css/style.scss */
    #title.page-title {
      height: 131px;
      padding: 0 0 0 48px; }
      /* line 155, static/css/style.scss */
      #title.page-title .icon {
        width: 50px; }
    /* line 161, static/css/style.scss */
    #title.pillar-title #back-arrow {
      height: 21px;
      width: 21px; }
    /* line 165, static/css/style.scss */
    #title.pillar-title .icon {
      height: 172px; } }

/*** MENU ***/
/* line 176, static/css/style.scss */
#header.menu-overlay::after,
main.menu-overlay::after {
  content: '';
  position: fixed;
  inset: 0;
  background-color: rgba(27, 10, 62, 0.4);
  z-index: 8;
  pointer-events: none; }

/* line 187, static/css/style.scss */
#header.menu-overlay:after {
  height: 50px; }
  @media (min-width: 768px) {
    /* line 187, static/css/style.scss */
    #header.menu-overlay:after {
      height: 101px; } }
/* line 195, static/css/style.scss */
#menu-toggle {
  color: var(--primary-blue); }

/* line 199, static/css/style.scss */
#menu {
  --menu-header-h: 48px;
  position: fixed;
  z-index: 9;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  max-width: 390px;
  background-color: var(--secondary-violet-light);
  border: 1px solid var(--primary-blue);
  transform: translateX(-100%);
  transition: transform var(--tr-duration); }
  /* line 214, static/css/style.scss */
  #menu.show {
    transform: none;
    z-index: 999; }
  /* line 219, static/css/style.scss */
  #menu img {
    width: 40px;
    height: 40px; }
  /* line 224, static/css/style.scss */
  #menu > .menu-scroll {
    height: 100%;
    overflow-y: auto; }
    /* line 228, static/css/style.scss */
    #menu > .menu-scroll::after {
      content: '';
      display: block;
      border-top: 1px solid var(--primary-blue); }
    /* line 239, static/css/style.scss */
    #menu > .menu-scroll #menu-header {
      top: 0;
      z-index: 1;
      background-color: var(--secondary-violet-light);
      height: 48px;
      padding: 32px 24px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      border-bottom: 1px solid var(--primary-blue); }
    /* line 252, static/css/style.scss */
    #menu > .menu-scroll nav {
      top: var(--menu-header-h);
      z-index: 1;
      background-color: var(--secondary-violet-light); }
    /* line 259, static/css/style.scss */
    #menu > .menu-scroll nav > ul {
      list-style: none;
      padding: 0;
      margin-bottom: 0; }
      /* line 264, static/css/style.scss */
      #menu > .menu-scroll nav > ul > li {
        height: 90px;
        border-bottom: 1px solid var(--primary-blue); }
        /* line 268, static/css/style.scss */
        #menu > .menu-scroll nav > ul > li > a {
          padding: 24px 20px 24px 24px;
          height: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 275, static/css/style.scss */
          #menu > .menu-scroll nav > ul > li > a > h2 {
            margin: 0; }
          /* line 279, static/css/style.scss */
          #menu > .menu-scroll nav > ul > li > a > div {
            width: 50px;
            height: 50px;
            display: flex;
            justify-content: center;
            align-items: center; }
        /* line 288, static/css/style.scss */
        #menu > .menu-scroll nav > ul > li:hover {
          background-color: var(--secondary-violet-dark); }
          /* line 293, static/css/style.scss */
          #menu > .menu-scroll nav > ul > li:hover > a > div {
            background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%231B0A3EFF' stroke-width='6' stroke-dasharray='20%2c 19' stroke-dashoffset='43' stroke-linecap='butt'/%3e%3c/svg%3e");
            border-radius: 100px; }
    /* line 304, static/css/style.scss */
    #menu > .menu-scroll .sub-menu a {
      display: flex;
      align-items: center;
      overflow: hidden; }
      /* line 309, static/css/style.scss */
      #menu > .menu-scroll .sub-menu a p {
        margin: 0; }
      /* line 313, static/css/style.scss */
      #menu > .menu-scroll .sub-menu a::before {
        content: '';
        flex-shrink: 0;
        display: inline-block;
        width: 1em;
        max-width: 0;
        height: 1em;
        margin-right: 0;
        overflow: hidden;
        background-image: url("/static/img/arrow-right.svg?9fa7e9b96f4c");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        transition: max-width 0.25s ease, opacity 0.25s ease, margin-right 0.25s ease; }
      /* line 331, static/css/style.scss */
      #menu > .menu-scroll .sub-menu a:hover::before {
        max-width: 1em;
        margin-right: 8px;
        opacity: 1; }
    /* line 339, static/css/style.scss */
    #menu > .menu-scroll .sub-menu #pillar-list {
      display: grid;
      gap: .5rem; }
      @media (min-width: 768px) {
        /* line 339, static/css/style.scss */
        #menu > .menu-scroll .sub-menu #pillar-list {
          grid-template-columns: 1fr 1fr;
          gap: 0.75rem 1rem; } }
@media (min-width: 768px) {
  /* line 355, static/css/style.scss */
  #menu {
    --menu-header-h: 100px;
    max-width: 800px; }
    /* line 360, static/css/style.scss */
    #menu #menu-close img {
      height: 60px; }
    /* line 365, static/css/style.scss */
    #menu img {
      width: 74px;
      height: 74px; }
    /* line 372, static/css/style.scss */
    #menu > .menu-scroll #menu-header {
      padding: 32px 24px;
      height: 100px; }
    /* line 379, static/css/style.scss */
    #menu > .menu-scroll nav > ul > li {
      height: 131px; }
      /* line 382, static/css/style.scss */
      #menu > .menu-scroll nav > ul > li > a {
        padding: 16px 12px 16px 24px; }
        /* line 385, static/css/style.scss */
        #menu > .menu-scroll nav > ul > li > a > div {
          width: 100px;
          height: 100px; } }

/*** CHIPS & LABEL ***/
/* line 399, static/css/style.scss */
.chip {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  color: var(--primary-blue-600); }
  @media (min-width: 768px) {
    /* line 399, static/css/style.scss */
    .chip {
      min-width: 200px;
      padding: 16px 24px;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px;
      border-radius: 72px;
      color: var(--primary-blue);
      background-color: var(--secondary-green); } }
/* line 420, static/css/style.scss */
.chip-small {
  padding: 8px 16px;
  border-radius: 8px;
  width: fit-content;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  align-content: center;
  color: var(--primary-blue);
  background-color: var(--secondary-green); }
  @media (min-width: 768px) {
    /* line 420, static/css/style.scss */
    .chip-small {
      font-size: 20px;
      line-height: 24px;
      padding: 8px 24px; } }
/* line 440, static/css/style.scss */
.tag-chip {
  padding: 8px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic;
  color: var(--primary-blue);
  background-color: var(--secondary-violet-light); }
  @media (min-width: 768px) {
    /* line 440, static/css/style.scss */
    .tag-chip {
      font-size: 20px;
      line-height: 20px; } }
/* line 456, static/css/style.scss */
.label {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: var(--primary-blue);
  padding: 8px 16px;
  border-radius: 72px;
  background-color: var(--secondary-green);
  width: fit-content;
  cursor: pointer;
  border: 1px solid transparent; }
  @media (min-width: 768px) {
    /* line 456, static/css/style.scss */
    .label {
      padding: 16px 24px;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px; } }
  /* line 477, static/css/style.scss */
  .label.level-selected {
    border: 1px solid black; }

/* line 483, static/css/style.scss */
#footer {
  padding: 24px 48px;
  background-color: var(--primary-blue);
  color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px; }

/* line 494, static/css/style.scss */
#footer-info > p {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 20px; }

/* line 500, static/css/style.scss */
#footer-info > img {
  display: block;
  margin-bottom: 16px; }

/* line 505, static/css/style.scss */
#footer-info > span {
  font-size: 14px;
  line-height: 16px; }

/* line 511, static/css/style.scss */
#footer-logos {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px; }
  /* line 518, static/css/style.scss */
  #footer-logos > img {
    width: 75px; }

@media (min-width: 768px) {
  /* line 525, static/css/style.scss */
  #footer {
    padding: 86px 48px; }
  /* line 530, static/css/style.scss */
  #footer-info {
    width: 50%; }
    /* line 534, static/css/style.scss */
    #footer-info > p {
      font-weight: 500;
      font-size: 18px;
      line-height: 20px; }
    /* line 540, static/css/style.scss */
    #footer-info > img {
      display: block;
      margin-bottom: 32px; }
    /* line 545, static/css/style.scss */
    #footer-info > span {
      font-weight: 500;
      font-size: 18px;
      line-height: 20px; }
  /* line 552, static/css/style.scss */
  #footer-logos {
    display: flex;
    flex-direction: row;
    gap: 48px; }
    /* line 557, static/css/style.scss */
    #footer-logos > img {
      width: auto;
      height: 160px; } }

/* line 570, static/css/style.scss */
#pillars-list > div {
  border-top: 1px solid var(--primary-blue);
  border-left: 1px solid var(--primary-blue); }
  /* line 574, static/css/style.scss */
  #pillars-list > div > div {
    border-bottom: 1px solid var(--primary-blue);
    border-right: 1px solid var(--primary-blue);
    background-color: var(--secondary-green); }
    /* line 581, static/css/style.scss */
    #pillars-list > div > div:active, #pillars-list > div > div:focus, #pillars-list > div > div:target {
      background-color: var(--accent); }

/* line 587, static/css/style.scss */
#pillars-list img {
  max-height: 140px;
  width: auto; }
  @media (min-width: 1200px) {
    /* line 587, static/css/style.scss */
    #pillars-list img {
      max-height: 200px; } }
/* line 596, static/css/style.scss */
#pillars-list .icon {
  width: 32px;
  height: 32px;
  border-radius: 1000px; }
  /* line 600, static/css/style.scss */
  #pillars-list .icon:hover {
    background-color: var(--white); }
  @media (min-width: 768px) {
    /* line 596, static/css/style.scss */
    #pillars-list .icon {
      padding: 8px;
      width: 80px;
      height: 80px; } }
/* line 615, static/css/style.scss */
#home-toolkit img {
  height: 200px;
  border: 1px solid var(--primary-blue); }
  @media (min-width: 768px) {
    /* line 615, static/css/style.scss */
    #home-toolkit img {
      height: 100%;
      border: none; } }
/* line 626, static/css/style.scss */
.rounded-image {
  background-color: lightgray;
  background-position: 0px -219.816px;
  background-size: 100% 231.9%;
  background-repeat: no-repeat;
  height: 200px; }
  @media (min-width: 768px) {
    /* line 626, static/css/style.scss */
    .rounded-image {
      background-size: 100% 170.21%;
      height: 350px; } }
/* line 641, static/css/style.scss */
.logo-box {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 648, static/css/style.scss */
.logo-box img {
  max-height: 80px;
  width: auto; }

/* line 658, static/css/style.scss */
#pillar-cover {
  height: 200px; }
  @media (min-width: 992px) {
    /* line 658, static/css/style.scss */
    #pillar-cover {
      height: 100%;
      max-height: 430px; } }
/* line 667, static/css/style.scss */
#levels-container {
  background-color: #E4E0FF80; }
  @media (min-width: 992px) {
    /* line 667, static/css/style.scss */
    #levels-container {
      background-color: white; } }
/* line 676, static/css/style.scss */
#questionnaire-resources-tab {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  border: 1px solid var(--primary-blue);
  box-sizing: border-box; }
  /* line 684, static/css/style.scss */
  #questionnaire-resources-tab li {
    width: 50%;
    box-sizing: border-box; }
    /* line 688, static/css/style.scss */
    #questionnaire-resources-tab li button {
      margin: 0;
      width: 100%;
      background-color: #1b0a3e1a;
      border-radius: 0;
      border: none;
      box-sizing: border-box;
      padding-left: 8px;
      padding-right: 8px; }
      /* line 698, static/css/style.scss */
      #questionnaire-resources-tab li button#questionnaire.active {
        background-color: var(--secondary-violet-dark); }
      /* line 702, static/css/style.scss */
      #questionnaire-resources-tab li button#resources.active {
        background-color: var(--accent); }
    /* line 707, static/css/style.scss */
    #questionnaire-resources-tab li:not(:first-child) {
      border-left: 1px solid var(--primary-blue); }

@media (min-width: 768px) {
  /* line 715, static/css/style.scss */
  #questionnaire-tab-pane .chip {
    background-color: var(--secondary-violet-light); }
  /* line 721, static/css/style.scss */
  #resources-tab-pane .chip {
    background-color: var(--secondary-green); }
  /* line 726, static/css/style.scss */
  .results-header {
    border: 1px solid var(--primary-blue);
    border-top: none; } }

/* line 733, static/css/style.scss */
.pillar-image img {
  width: 100%;
  max-width: 100%;
  height: 455px;
  object-fit: cover; }

/* line 761, static/css/style.scss */
#cover-media {
  width: 100%;
  object-fit: cover; }
  /* line 765, static/css/style.scss */
  #cover-media.cover-media-full {
    height: 300px; }
    @media (min-width: 768px) {
      /* line 765, static/css/style.scss */
      #cover-media.cover-media-full {
        height: 631px; } }
  /* line 773, static/css/style.scss */
  #cover-media.cover-media-slim {
    height: 200px; }
    @media (min-width: 768px) {
      /* line 773, static/css/style.scss */
      #cover-media.cover-media-slim {
        height: 240px; } }
    @media (min-width: 1200px) {
      /* line 773, static/css/style.scss */
      #cover-media.cover-media-slim {
        height: 375px; } }
    @media (min-width: 1440px) {
      /* line 773, static/css/style.scss */
      #cover-media.cover-media-slim {
        height: 450px; } }
    @media (min-width: 1920px) {
      /* line 773, static/css/style.scss */
      #cover-media.cover-media-slim {
        height: 600px; } }
/*** dashed border ***/
/* line 821, static/css/style.scss */
.dashed-border {
  background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
  background-position: top, bottom, left, right;
  background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
  /* line 825, static/css/style.scss */
  .dashed-border-top {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top;
    background-size: var(--dash-size) var(--dash-width);
    background-repeat: repeat-x; }
  /* line 826, static/css/style.scss */
  .dashed-border-bottom {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: bottom;
    background-size: var(--dash-size) var(--dash-width);
    background-repeat: repeat-x; }
  /* line 827, static/css/style.scss */
  .dashed-border-left {
    background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: left;
    background-size: var(--dash-width) var(--dash-size);
    background-repeat: repeat-y; }
  /* line 828, static/css/style.scss */
  .dashed-border-right {
    background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: right;
    background-size: var(--dash-width) var(--dash-size);
    background-repeat: repeat-y; }
  /* line 831, static/css/style.scss */
  .dashed-border-no-top {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: bottom, left, right;
    background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-y, repeat-y; }
  /* line 832, static/css/style.scss */
  .dashed-border-no-bottom {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top, left, right;
    background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-y, repeat-y; }
  /* line 833, static/css/style.scss */
  .dashed-border-no-left {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top, bottom, right;
    background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-x, repeat-y; }
  /* line 834, static/css/style.scss */
  .dashed-border-no-right {
    background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
    background-position: top, bottom, left;
    background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
    background-repeat: repeat-x, repeat-x, repeat-y; }
  @media (min-width: 768px) {
    /* line 838, static/css/style.scss */
    .dashed-border-md {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
    /* line 839, static/css/style.scss */
    .dashed-border-md-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 840, static/css/style.scss */
    .dashed-border-md-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 841, static/css/style.scss */
    .dashed-border-md-left {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: left;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 842, static/css/style.scss */
    .dashed-border-md-right {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: right;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 843, static/css/style.scss */
    .dashed-border-md-no-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 844, static/css/style.scss */
    .dashed-border-md-no-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 845, static/css/style.scss */
    .dashed-border-md-no-left {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; }
    /* line 846, static/css/style.scss */
    .dashed-border-md-no-right {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; } }
  @media (min-width: 992px) {
    /* line 851, static/css/style.scss */
    .dashed-border-lg {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
    /* line 852, static/css/style.scss */
    .dashed-border-lg-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 853, static/css/style.scss */
    .dashed-border-lg-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 854, static/css/style.scss */
    .dashed-border-lg-left {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: left;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 855, static/css/style.scss */
    .dashed-border-lg-right {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: right;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 856, static/css/style.scss */
    .dashed-border-lg-no-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 857, static/css/style.scss */
    .dashed-border-lg-no-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 858, static/css/style.scss */
    .dashed-border-lg-no-left {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; }
    /* line 859, static/css/style.scss */
    .dashed-border-lg-no-right {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; } }
  @media (min-width: 1200px) {
    /* line 864, static/css/style.scss */
    .dashed-border-xl {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; }
    /* line 865, static/css/style.scss */
    .dashed-border-xl-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 866, static/css/style.scss */
    .dashed-border-xl-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom;
      background-size: var(--dash-size) var(--dash-width);
      background-repeat: repeat-x; }
    /* line 867, static/css/style.scss */
    .dashed-border-xl-left {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: left;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 868, static/css/style.scss */
    .dashed-border-xl-right {
      background-image: linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: right;
      background-size: var(--dash-width) var(--dash-size);
      background-repeat: repeat-y; }
    /* line 869, static/css/style.scss */
    .dashed-border-xl-no-top {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: bottom, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 870, static/css/style.scss */
    .dashed-border-xl-no-bottom {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, left, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-y, repeat-y; }
    /* line 871, static/css/style.scss */
    .dashed-border-xl-no-left {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, right;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; }
    /* line 872, static/css/style.scss */
    .dashed-border-xl-no-right {
      background-image: linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to right, var(--primary-blue) var(--dash-length), transparent 0%), linear-gradient(to bottom, var(--primary-blue) var(--dash-length), transparent 0%);
      background-position: top, bottom, left;
      background-size: var(--dash-size) var(--dash-width), var(--dash-size) var(--dash-width), var(--dash-width) var(--dash-size);
      background-repeat: repeat-x, repeat-x, repeat-y; } }
/*** toolkit page ***/
/* line 878, static/css/style.scss */
.toolkit-boxes {
  max-width: 1776px;
  margin-left: auto;
  margin-right: auto; }

/* line 884, static/css/style.scss */
.toolkit-box {
  display: flex;
  flex-direction: row; }
  @media (min-width: 768px) {
    /* line 884, static/css/style.scss */
    .toolkit-box {
      flex: 1;
      min-width: 0; } }
/* line 894, static/css/style.scss */
.toolkit-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column; }

/*** pillar resources ***/
/* line 902, static/css/style.scss */
.resource {
  overflow: hidden;
  max-width: 100%;
  padding: 0;
  height: fit-content; }
  @media (min-width: 992px) {
    /* line 902, static/css/style.scss */
    .resource {
      /* &.hidden-cover {
            > div:first-child {
                max-width: 80%;
            }
        } */ }
      /* line 910, static/css/style.scss */
      .resource > div:first-child {
        flex: 1;
        min-width: 0; }
      /* line 922, static/css/style.scss */
      .resource .cover {
        padding: 0 0 1.5px 0;
        overflow: hidden;
        flex-shrink: 0;
        width: 20%; }
        /* line 928, static/css/style.scss */
        .resource .cover img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      /* line 935, static/css/style.scss */
      .resource.hero-resource .cover {
        padding: 2px 1px 0 0;
        width: 35%; }
      /* line 940, static/css/style.scss */
      .resource .media {
        aspect-ratio: 1 / 1;
        flex-shrink: 0;
        width: 15%; }
        /* line 945, static/css/style.scss */
        .resource .media img {
          width: auto;
          height: 80px; } }
/*** list layout resource ***/
@media (min-width: 992px) {
  /* line 956, static/css/style.scss */
  .resource.layout-list > div:first-child {
    max-width: 100%; } }

/* line 961, static/css/style.scss */
.resource.layout-list .resource-list-cover {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  /* line 966, static/css/style.scss */
  .resource.layout-list .resource-list-cover > img {
    width: 100%;
    height: 204px;
    object-fit: cover;
    display: block; }

/* line 974, static/css/style.scss */
.resource.layout-list.is-open .resource-list-cover {
  height: 204px;
  border-bottom: 1px solid var(--primary-blue); }

/* line 979, static/css/style.scss */
.resource.layout-list .resource-list-actions {
  cursor: pointer;
  color: var(--primary-blue);
  text-decoration: none; }
  /* line 984, static/css/style.scss */
  .resource.layout-list .resource-list-actions:hover {
    background-color: var(--primary-bg); }
  /* line 988, static/css/style.scss */
  .resource.layout-list .resource-list-actions a {
    color: var(--primary-blue);
    text-decoration: none; }

/* line 994, static/css/style.scss */
.resource.layout-list.is-open {
  flex-direction: column !important;
  background-image: none !important;
  border: 1px solid var(--primary-blue); }
  /* line 999, static/css/style.scss */
  .resource.layout-list.is-open .resource-list-actions {
    background-image: none !important;
    border-top: 1px solid var(--primary-blue); }
    /* line 1003, static/css/style.scss */
    .resource.layout-list.is-open .resource-list-actions:focus, .resource.layout-list.is-open .resource-list-actions:active {
      background-color: var(--accent) !important; }

/* line 1009, static/css/style.scss */
.resource.layout-list .icon {
  max-width: 23px; }
  @media (min-width: 992px) {
    /* line 1009, static/css/style.scss */
    .resource.layout-list .icon {
      max-width: 27px; } }
/* line 1019, static/css/style.scss */
.toolkit-icon {
  min-width: 72px;
  width: 72px;
  height: 72px;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: none;
  margin-right: 24px; }
  /* line 1028, static/css/style.scss */
  .toolkit-icon .icon {
    width: 36px;
    height: 36px; }
  @media (min-width: 1440px) {
    /* line 1019, static/css/style.scss */
    .toolkit-icon {
      display: flex; } }
/*** resources page ***/
@media (min-width: 768px) and (max-width: 1200px) {
  /* line 1044, static/css/style.scss */
  .page-resources #title.page-title h1 {
    font-size: 64px;
    line-height: 68px; } }

@media (min-width: 768px) and (max-width: 1200px) {
  /* line 1055, static/css/style.scss */
  .page-resources #title.page-title h1 {
    font-size: 64px;
    line-height: 68px; } }

@media (max-width: 576px) {
  /* line 1055, static/css/style.scss */
  .page-resources #title.page-title h1 {
    font-size: 24px;
    line-height: 32px; } }

/* line 1070, static/css/style.scss */
.search-container {
  position: relative; }
  /* line 1073, static/css/style.scss */
  .search-container .form-control:focus {
    box-shadow: none;
    border-color: inherit; }
  /* line 1078, static/css/style.scss */
  .search-container .search-input {
    height: 46px;
    border-radius: 25px;
    padding: 11px 56px 11px 23px;
    color: var(--primary-blue); }
  /* line 1085, static/css/style.scss */
  .search-container .search-icon {
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%); }

/*** slider ***/
/* line 1095, static/css/style.scss */
.slider-wrapper {
  overflow: hidden;
  cursor: grab;
  user-select: none; }
  @media (min-width: 768px) {
    /* line 1095, static/css/style.scss */
    .slider-wrapper {
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-padding-inline-start: 4.5rem;
      scrollbar-width: none; }
      /* line 1106, static/css/style.scss */
      .slider-wrapper::-webkit-scrollbar {
        display: none; } }
/* line 1111, static/css/style.scss */
.slider-wrapper.dragging {
  cursor: grabbing;
  scroll-snap-type: none; }

/* line 1113, static/css/style.scss */
.slider-track {
  display: flex;
  gap: 24px;
  width: max-content; }

/* line 1119, static/css/style.scss */
.library-card {
  display: flex;
  width: var(--card-w);
  height: 340px;
  padding: 24px 16px;
  scroll-snap-align: start;
  /* justify-content: flex-end;
  align-items: flex-start; */
  gap: 10px;
  border: 1px solid var(--primary-blue, #1B0A3E);
  border-radius: 0;
  background-color: #E4E0FF;
  position: relative;
  overflow: hidden; }
  /* line 1135, static/css/style.scss */
  .library-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--cover-url);
    background-size: cover;
    background-position: center;
    filter: grayscale(1);
    z-index: 0; }
  /* line 1146, static/css/style.scss */
  .library-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: linear-gradient(180deg, #E4E0FF 25.94%, rgba(137, 134, 153, 0) 100%);
    z-index: 1; }
  /* line 1154, static/css/style.scss */
  .library-card > * {
    position: relative;
    z-index: 2; }
  @media (min-width: 768px) {
    /* line 1119, static/css/style.scss */
    .library-card {
      height: 530px;
      padding: 32px 24px; } }
  /* line 1166, static/css/style.scss */
  .library-card .tag-chip {
    width: fit-content; }