/* 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); }

/* line 27, static/css/style.scss */
.accordion {
  --bs-accordion-btn-icon: url('/static/img/triangle-up.svg?9fa7e9b96f4c');
  --bs-accordion-btn-active-icon: url('/static/img/triangle-up.svg?9fa7e9b96f4c');
  --bs-accordion-btn-icon-width: 28px; }
  /* line 32, static/css/style.scss */
  .accordion .accordion-button {
    background-color: var(--white);
    box-shadow: none; }

/* line 46, 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 46, static/css/style.scss */
    body {
      font-size: 24px;
      line-height: 28px; } }
/* line 60, static/css/style.scss */
a {
  color: var(--primary-blue);
  text-decoration: none; }

/* line 65, 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: 9; }

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

/* line 109, static/css/style.scss */
.scrolling-text {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  position: relative; }
  /* line 115, 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 131, static/css/style.scss */
  #header {
    height: 101px;
    padding: 32px 48px; }
  /* line 136, static/css/style.scss */
  #title {
    margin-top: 101px; }
    /* line 139, static/css/style.scss */
    #title.page-title {
      height: 131px;
      padding: 0 0 0 48px; }
      /* line 143, static/css/style.scss */
      #title.page-title .icon {
        width: 50px; }
    /* line 149, static/css/style.scss */
    #title.pillar-title #back-arrow {
      height: 21px;
      width: 21px; }
    /* line 153, static/css/style.scss */
    #title.pillar-title .icon {
      height: 172px; } }

/*** MENU ***/
/* line 165, static/css/style.scss */
#menu-toggle {
  color: var(--primary-blue); }

/* line 169, static/css/style.scss */
#menu {
  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 183, static/css/style.scss */
  #menu.show {
    transform: none; }
  /* line 187, static/css/style.scss */
  #menu img {
    width: 40px;
    height: 40px; }
  /* line 192, static/css/style.scss */
  #menu > div {
    height: 48px;
    padding: 32px 24px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid var(--primary-blue); }
  /* line 203, static/css/style.scss */
  #menu > nav > ul {
    list-style: none;
    padding: 0; }
    /* line 207, static/css/style.scss */
    #menu > nav > ul > li {
      height: 90px;
      border-bottom: 1px solid var(--primary-blue); }
      /* line 211, static/css/style.scss */
      #menu > nav > ul > li > a {
        padding: 32px 20px 32px 24px;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 218, static/css/style.scss */
        #menu > nav > ul > li > a > h2 {
          margin: 0; }
        /* line 222, static/css/style.scss */
        #menu > nav > ul > li > a > div {
          width: 50px;
          height: 50px;
          display: flex;
          justify-content: center;
          align-items: center; }
      /* line 231, static/css/style.scss */
      #menu > nav > ul > li:hover {
        background-color: var(--secondary-violet-dark); }
        /* line 236, static/css/style.scss */
        #menu > 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; }

@media (min-width: 768px) {
  /* line 250, static/css/style.scss */
  #menu {
    max-width: 800px; }
    /* line 254, static/css/style.scss */
    #menu #menu-close img {
      height: 60px; }
    /* line 259, static/css/style.scss */
    #menu img {
      width: 74px;
      height: 74px; }
    /* line 264, static/css/style.scss */
    #menu > div {
      padding: 32px 24px;
      height: 100px; }
    /* line 273, static/css/style.scss */
    #menu > nav > ul > li {
      height: 131px; }
      /* line 276, static/css/style.scss */
      #menu > nav > ul > li > a {
        padding: 32px 12px 32px 24px; }
        /* line 279, static/css/style.scss */
        #menu > nav > ul > li > a > div {
          width: 100px;
          height: 100px; } }

/*** CHIPS & LABEL ***/
/* line 293, 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 293, 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 314, 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; }
  @media (min-width: 768px) {
    /* line 314, static/css/style.scss */
    .label {
      padding: 16px 24px;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px; } }
/* line 356, static/css/style.scss */
#footer {
  padding: 32px 24px;
  background-color: var(--primary-blue);
  color: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px; }

/* line 367, static/css/style.scss */
#footer-info > p {
  margin-bottom: 8px; }

/* line 371, static/css/style.scss */
#footer-info > h2 {
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--white); }

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

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

@media (min-width: 768px) {
  /* line 395, static/css/style.scss */
  #footer-info > h2 {
    text-transform: none; }
  /* line 400, static/css/style.scss */
  #footer-logos {
    display: flex;
    flex-direction: row;
    gap: 48px; } }

/* line 413, static/css/style.scss */
#pillars-list > div {
  border-top: 1px solid var(--primary-blue);
  border-left: 1px solid var(--primary-blue); }
  /* line 417, 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(--primary-bg); }
    /* line 422, static/css/style.scss */
    #pillars-list > div > div:hover {
      background-color: var(--secondary-green); }
    /* line 426, static/css/style.scss */
    #pillars-list > div > div:active, #pillars-list > div > div:focus, #pillars-list > div > div:target {
      background-color: var(--accent); }

/* line 432, static/css/style.scss */
#pillars-list img {
  max-height: 140px;
  width: auto; }
  @media (min-width: 768px) {
    /* line 432, static/css/style.scss */
    #pillars-list img {
      max-height: 278px; } }
/* line 441, static/css/style.scss */
#pillars-list .icon {
  width: 30px;
  height: 30px; }
  @media (min-width: 768px) {
    /* line 441, static/css/style.scss */
    #pillars-list .icon {
      width: 50px;
      height: 50px; } }
/* line 457, 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 465, static/css/style.scss */
  #questionnaire-resources-tab li {
    width: 50%;
    box-sizing: border-box; }
    /* line 469, 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 479, static/css/style.scss */
      #questionnaire-resources-tab li button#questionnaire.active {
        background-color: var(--secondary-violet-dark); }
      /* line 483, static/css/style.scss */
      #questionnaire-resources-tab li button#resources.active {
        background-color: var(--accent); }
    /* line 488, static/css/style.scss */
    #questionnaire-resources-tab li:not(:first-child) {
      border-left: 1px solid var(--primary-blue); }

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

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

/* line 547, static/css/style.scss */
#cover-image {
  width: 100%;
  object-fit: cover; }
  /* line 551, static/css/style.scss */
  #cover-image.cover-image-full {
    height: 300px; }
    @media (min-width: 768px) {
      /* line 551, static/css/style.scss */
      #cover-image.cover-image-full {
        height: 631px; } }
  /* line 559, static/css/style.scss */
  #cover-image.cover-image-slim {
    height: 144px; }
    @media (min-width: 768px) {
      /* line 559, static/css/style.scss */
      #cover-image.cover-image-slim {
        height: 328px; } }
/*** dashed border ***/
/* line 595, 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 599, 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 600, 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 601, 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 602, 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 605, 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 606, 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 607, 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 608, 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 612, 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 613, 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 614, 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 615, 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 616, 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 617, 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 618, 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 619, 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 620, 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 625, 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 626, 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 627, 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 628, 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 629, 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 630, 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 631, 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 632, 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 633, 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 638, 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 639, 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 640, 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 641, 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 642, 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 643, 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 644, 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 645, 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 646, 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 652, static/css/style.scss */
.toolkit-box {
  display: flex;
  flex-direction: row; }
  @media (min-width: 1200px) {
    /* line 652, static/css/style.scss */
    .toolkit-box {
      flex: 1;
      min-width: 0;
      max-width: 50%; } }
/* line 663, static/css/style.scss */
.toolkit-content {
  flex: 1;
  min-width: 0; }

/*** pillar resources ***/
/* line 669, static/css/style.scss */
.resource {
  overflow: hidden;
  max-width: 100%; }
  @media (min-width: 992px) {
    /* line 675, static/css/style.scss */
    .resource > div:first-child {
      flex: 1;
      min-width: 0;
      max-width: 55%; }
    /* line 681, static/css/style.scss */
    .resource .cover {
      padding: 1.5px 0;
      overflow: hidden;
      flex-shrink: 0;
      width: 25%; }
      /* line 687, static/css/style.scss */
      .resource .cover img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    /* line 694, static/css/style.scss */
    .resource .media {
      aspect-ratio: 1 / 1;
      flex-shrink: 0;
      width: 20%; }
      /* line 699, static/css/style.scss */
      .resource .media img {
        width: auto;
        height: 150px; } }
/* line 708, static/css/style.scss */
.toolkit-icon {
  min-width: 72px;
  width: 72px;
  height: 72px;
  align-content: center;
  text-align: center; }
  /* line 715, static/css/style.scss */
  .toolkit-icon .icon {
    width: 36px;
    height: 36px; }