.mobileMenu__flVCk {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  width: 100%;
}

  .mobileMenu__flVCk * {
    box-sizing: border-box;
  }

.menuItems__lte2X {
  background-color: var(--light-gray);
  border-bottom: 0.0625rem solid var(--gray);
  display: flex;
  gap: 0.0625rem;
  grid-auto-rows: 1fr;
  width: 100%;
}

.menuItem__ELhSV {
  background-color: var(--lighter-gray);
  flex-grow: 1;
}

.menuItem__ELhSV > a, .menuItem__ELhSV > button {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    font-size: 1rem;
    gap: 0.375rem;
    height: 100%;
    line-height: 1rem;
    padding: 0.5rem 1rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
  }

.menuItem__ELhSV > a:focus, .menuItem__ELhSV > a:focus-visible, .menuItem__ELhSV > button:focus, .menuItem__ELhSV > button:focus-visible {
      outline: 0.125rem solid var(--dark-gray);
    }

.menuItem__ELhSV > a svg, .menuItem__ELhSV > button svg {
      height: 1rem;
      width: 1rem;
    }

button.closeMenuArrowButton__ZdIe3 {
  border-radius: 0.375rem;
  box-sizing: border-box;
  display: block;
  margin: 0.125rem;
  width: auto;
}

button.closeMenuArrowButton__ZdIe3:focus {
    outline: 0.0625rem solid var(--dark-gray);
  }

.expanded__hw0I6 {
  height: calc(100vh - 3.625rem);
}

.expanded__hw0I6 .menuItems__lte2X {
    background-color: var(--white);
    border-bottom: none;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 0.75rem 0.75rem 0.375rem;
  }

.expanded__hw0I6 .menuItem__ELhSV {
    background-color: var(--light-blue);
    border-radius: 0.375rem;
  }

.expanded__hw0I6 .menuItem__ELhSV.isPageLevel__mnk80 {
      background-color: var(--primary);
    }

.expanded__hw0I6 .menuItem__ELhSV.isPageLevel__mnk80 a, .expanded__hw0I6 .menuItem__ELhSV.isPageLevel__mnk80 button {
        color: var(--white);
      }

.expanded__hw0I6 .menuItem__ELhSV > a, .expanded__hw0I6 .menuItem__ELhSV > button {
      box-sizing: border-box;
      flex-direction: column;
      font-size: 0.875rem;
      gap: 0.75rem;
      min-width: 3.75rem;
      padding: 1.25rem 0.375rem 0.625rem;
    }

.expanded__hw0I6 .menuItem__ELhSV > a svg, .expanded__hw0I6 .menuItem__ELhSV > button svg {
        height: 1.5rem;
        width: 1.5rem;
      }

.onboardingPage .mobileMenu__flVCk:not(.expanded__hw0I6) {
  display: none;
}

@media screen and (max-width: 900px) {
    .expanded__hw0I6 .menuItems__lte2X {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 768px) {
    .expanded__hw0I6 .menuItems__lte2X {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 520px) {
    .expanded__hw0I6 .menuItems__lte2X {
      grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 480px) {
    .menuItem__ELhSV > a, .menuItem__ELhSV > button {
      font-size: max(3.5vw, 0.875rem);
      padding: 0.375rem 0.75rem;
      white-space: normal;
    }

      .menuItem__ELhSV > a svg, .menuItem__ELhSV > button svg {
        height: 0.875rem;
        width: 0.875rem;
      }
}

@media screen and (max-width: 360px) {
    .menuItem__ELhSV > a, .menuItem__ELhSV > button {
      padding: 0.3125rem 0.625rem;
    }
}

.page__KyLuJ {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.container__bHVl0 {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.children__Q6m0v {
  align-items: stretch;
  display: flex;
  flex-grow: 1;
  overflow: auto;
}

/**/

/*@media screen and (max-width: 768px) {*/

/*  .page {*/

/*    height: auto;*/

/*  }*/

/*}*/

@media print {
  .page__KyLuJ {
    height: auto;
  }

  .container__bHVl0, .children__Q6m0v {
    display: inline-block;
    overflow: auto;
    width: 100%;
  }
}

.warnModal__ytZb4 {
  font-family: var(--default-font-family), sans-serif;
}

.description__qf94Q {
  font-size: var(--default-font-size);
  line-height: 1.5rem;
}

p.description__qf94Q {
  max-width: 31.25rem;
  min-width: 18.75rem;
}

.row__n7Sgv {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: 0.9375rem;
  gap: 0.75rem;
  padding: 0.375rem 0;
  width: 100%;
}

  .row__n7Sgv ul {
    padding-bottom: 0.625rem;
  }

  .row__n7Sgv ul li {
      line-height: 1.375rem;
    }

  .row__n7Sgv ul li svg {
        top: 0.125rem;
        position: relative;
      }

.label___ZhUV {
  color: var(--dark-gray);
  display: inline-block;
  flex-shrink: 0;
  width: 5rem;
}

.fieldValue__OsohK {
  font-size: 0.9375rem;
  word-break: break-word;
}

.editBtn__Erseu {
  color: var(--blue);
  display: block;
  font-size: var(--default-font-size);
  margin-top: 0.375rem;
  text-decoration: underline;
}

.editBtn__bgCWb {
  color: var(--blue);
  display: block;
  font-size: var(--default-font-size);
  margin-top: 0.375rem;
  text-decoration: underline;
}

div.tagChip__nB1DR {
  background-color: var(--white);
  border-radius: 0.375rem;
  font-size: 0.8125rem;
}

.item__C4XFw {
  align-items: center;
  border-bottom: 0.0625rem solid var(--lighter-gray);
  display: flex;
  font-size: var(--default-font-size);
  justify-content: space-between;
  padding: 0.25rem 0 0.125rem;
}

  .item__C4XFw a {
    flex: 1;
    margin-right: 0.625rem;
    text-decoration: none;
  }

  .item__C4XFw a:hover {
      text-decoration: underline;
    }

  .item__C4XFw span {
    white-space: nowrap;
    font-size: 0.8125rem;
  }

.empty__m2Q7s {
  font-size: var(--default-font-size);
}

.content__d0TE3 {
  line-height: var(--default-font-size);
}
  .content__d0TE3 input[type="text"], .content__d0TE3 textarea {
    font-family: inherit;
    font-size: var(--default-font-size);
  }
  .content__d0TE3 input[type="radio"], .content__d0TE3 input[type="checkbox"] {
    margin: 0 0.25rem 0 0;
  }
  .content__d0TE3 label {
    display: flex;
    align-items: center;
  }
  .content__d0TE3 .taskQuestion {
    margin-bottom: 0.5rem;
  }
  .content__d0TE3 .taskQuestion p {
      color: var(--darkest-gray);
      max-width: 15rem;
      width: -moz-max-content;
      width: max-content;
    }
  .content__d0TE3 .taskAnswer textarea {
      min-width: 12.5rem;
    }
  .content__d0TE3 .choiceListLong > * {
    align-items: center;
    display: flex;
    font-size: var(--default-font-size);
    font-weight: 200;
    padding: 0.375rem;
  }
  .content__d0TE3 .taskItemDiv {
    padding-bottom: 0.5rem;
  }
  .content__d0TE3 #customCompanyLevelDataSaveWrap, .content__d0TE3 #customDataSaveWrap {
    display: none;
  }
  .content__d0TE3 p {
    color: var(--darker-gray);
    display: inline-block;
    font-size: var(--default-font-size);
    margin: 0;
  }

.successText__CRA7V, .errorText__LwgLH {
  animation-duration: 2s;
  animation-name: fadeout__MB8YG;
  animation-delay: 3s;
  color: var(--success);
  margin-left: 0.5rem;
}

.errorText__LwgLH {
  color: var(--error);
}

.empty__mHp8J {
  font-size: var(--default-font-size);
}

@keyframes fadeout__MB8YG {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.actionButtons__Jg2CO {
  font-weight: normal;
  margin-top: 0.5rem;
}

.success__EqV3K {
  color: var(--success);
  display: inline-block;
  font-size: var(--default-font-size);
  margin-left: 0.375rem;
}

.profilePanel__qohPE {
  background: var(--white);
  box-sizing: border-box;
  flex-grow: 1;
  height: inherit;
  max-height: 100vh;
  max-width: 30rem;
  min-width: 22.5rem;
  overflow-y: auto;
  padding-left: 0.625rem;
  width: 0; /* Let flexbox define the width*/
  z-index: 10;
}

  @media (max-width: 1200px) {.profilePanel__qohPE {
    padding: 0 0.25rem 0.625rem 0.625rem;
    flex-grow: 0
}
  }

  @media (max-width: 920px) {.profilePanel__qohPE {
    height: 100vh;
    padding: 0.625rem 0.9375rem 0.625rem;
    position: fixed;
    right: 0;
    top: 0
}
  }

  @media (max-width: 768px) {.profilePanel__qohPE {
    max-width: 100%;
    min-width: auto;
    padding: 0.625rem 0.5rem 0.25rem;
    width: 100%
}
  }

.row__LbOlh {
  display: inline-block;
  font-size: var(--default-font-size);
  padding: 0.3125rem 0;
}

.row__LbOlh .testerImg__ZycmR {
    max-height: 6.25rem;
    max-width: 6.25rem;
    vertical-align: top;
  }

.fieldValue__tVJDo {
  display: inline-block;
  float: right;
  width: 13.125rem;
}

.header__Wr2yf {
  box-sizing: border-box;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.625rem;
  width: 100%;
  position: relative;
}

.summary__Ita7Z {
  margin-bottom: 0.875rem;
}

.summary__Ita7Z .row__LbOlh .fieldValue__tVJDo {
    float: none;
    margin-left: 0.875rem;
    width: auto;
  }

button.closeButton__TSBiX {
  position: absolute;
  right: 0;
}

:root {
  --picker-base-font-size: 1rem;
}

div.tooltipContent__hM9q8 {
  padding: 0;
}

.list__HoFWF {
  display: flex;
  flex-direction: column;
  min-width: 12.5rem;
  padding: 0;
}

.list__HoFWF > li {
    box-sizing: border-box;
    display: inline-flex;
    padding: 0.25rem 0.5rem 0.25rem 0.75rem;
    width: 100%;
  }

.list__HoFWF > li > label {
      flex-wrap: nowrap;
      line-height: 1.25rem;
      width: 100%;
    }

.list__HoFWF > li:hover {
      background-color: var(--lightest-gray);
    }

.option__wifuR {
  align-items: center;
  display: flex;
  font-size: var(--picker-base-font-size);
}

.option__wifuR:hover {
    background-color: var(--lightest-gray);
  }

button.triggerButton__rMWc5 {
  font-size: var(--picker-base-font-size);
}

.filterLabel__afyXJ {
  font-size: var(--picker-base-font-size);
  line-height: 1rem;
}

.optionsWrapper__npx2_ {
  max-height: 18.75rem;
  overflow-y: auto;
  padding: 0.5rem 0;
}

input.search__SIbbX {
  background-color: transparent;
  border-bottom: 0.125rem solid var(--light-gray);
  border-radius: 0;
  box-sizing: border-box;
  font-size: var(--default-font-size);
  padding: 0.5rem 0.5rem 0.375rem 1.875rem;
}

.footer__A1pgD, .empty__Y_llq {
  box-sizing: border-box;
  font-size: 0.75rem;
  padding: 0 0.625rem 0.375rem;
  text-align: right;
  width: 100%;
}

.footer__A1pgD span, .empty__Y_llq span {
    float: right;
  }

.empty__Y_llq {
  min-width: 8.75rem;
  padding-top: 0.625rem;
  text-align: left;
  white-space: nowrap;
}

.accordionGroup__cRhNl .MuiPaper-elevation {
      border-radius: 0;
      box-shadow: none;
      margin: 0;
    }

.accordionGroup__cRhNl .MuiAccordionSummary-root, .accordionGroup__cRhNl .MuiAccordionSummary-root.Mui-expanded {
      background-color: inherit;
      min-height: 0;
      padding: 0 0.75rem 0 0;
    }

.accordionGroup__cRhNl .MuiAccordionSummary-root .MuiAccordionSummary-content, .accordionGroup__cRhNl .MuiAccordionSummary-root.Mui-expanded .MuiAccordionSummary-content {
        padding: 0;
      }

button.button__ljG7w {
  margin: 0.375rem 0 0.375rem 0.375rem;
}

.loading__rsAVx {
  font-size: var(--default-font-size);
  padding: 0.625rem;
}

.loading__rsAVx ~ * {
    display: none;
  }

@media screen and (max-width: 768px) {
    .list__HoFWF > li {
      padding-left: 0.25rem;
    }
}

.rating__OS7Px {
  color: rgb(245, 181, 125);
}

.nav__Mbc65 {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  white-space: nowrap;
}

.pageList__ZVxvI {
  display: inline-block;
  flex-shrink: 0;
}

.pageList__ZVxvI li {
    float: left;
    max-width: 100%;
    padding: 0.3125rem 0.625rem;
  }

.pageList__ZVxvI .pageButton__hMjM5 {
    font-size: var(--default-font-size);
    color: var(--darker-gray);
  }

.pageList__ZVxvI .pageButton__hMjM5.current__mI64x {
      font-weight: bold;
      text-decoration: underline;
      color: var(--darkest-gray);
    }

.pageList__ZVxvI .pageButton__hMjM5:hover {
      text-decoration: underline;
    }

.counter__tQN3Q {
  color: var(--darker-gray);
  font-size: var(--default-font-size);
  margin-left: 1rem;
}

@media screen and (max-width: 768px) {
  .pageList__ZVxvI .pageButton__hMjM5, .counter__tQN3Q {
    font-size: 0.85rem;
  }
}

.iframe__KinbL {
  border: none;
  flex-grow: 1;
  margin-top: 0.5rem;
  max-width: 25vw;
  min-width: 20rem;
}

  .iframe__KinbL.default__FQMIP {
    border-color: var(--light-gray);
    border-style: solid;
    border-width: 0 0 0 0.0625rem;
  }

  @media (max-width: 920px) {.iframe__KinbL {
    max-width: 50vw
}
  }

  @media (max-width: 480px) {.iframe__KinbL {
    background-color: var(--white);
    flex-grow: 0;
    height: 100%;
    margin: 0;
    max-width: 100vw;
    padding-top: 0.5rem;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1
}
  }

.headingWrapper__YaRf_ {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 1.25rem;
  justify-content: space-between;
  padding-bottom: 0.375rem;
  width: 100%;
}

.leftContent__kmAVK {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

.heading__gJv5Y {
  align-items: center;
  color: var(--default-text-color);
  display: inline-flex;
}

.autoWidth__bY6SV {
  width: auto;
}

.autoWidth__bY6SV .heading__gJv5Y {
    width: auto;
  }

.borderBottom__shtsn {
  border-bottom: 0.0625rem solid var(--light-gray);
  padding-bottom: 0.5rem;
}

.dropdown__fgg7r {
  height: 1.75rem;
}

.dropdown__fgg7r li a, .dropdown__fgg7r li button {
    white-space: nowrap;
  }

.rightContent__ZEIzo {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  padding-right: 0.5rem;
}

@media screen and (max-width: 768px) {
  .headingWrapper__YaRf_ {
    flex-wrap: wrap;
    min-height: auto;
    padding-top: 0.75rem;
  }

  .dropdown__fgg7r {
    margin: 0;
  }
}

@media screen and (max-width: 480px) {
  .rightContent__ZEIzo {
    justify-content: space-between;
    width: 100%;
  }
}

.is-saving-pdf .rightContent__ZEIzo {
    display: none;
  }

@media print {
  .rightContent__ZEIzo {
    display: none;
  }
}

.optionCard__iUduw {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 0.75rem;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: var(--default-font-family);
  height: 100%;
  min-height: 7.125rem;
  outline: 0.0625rem solid var(--light-gray);
  padding: 0.75rem 0.875rem 0.5rem;
  position: relative;
  text-align: left;
  width: 100%;
}

  .optionCard__iUduw:focus-visible, .optionCard__iUduw:focus, .optionCard__iUduw.selected__Z28xG:focus-visible {
    outline: 0.125rem solid var(--dark-gray);
  }

  .optionCard__iUduw:hover {
    outline: 0.125rem solid var(--blue);
  }

  .optionCard__iUduw.selected__Z28xG {
    outline: 0.125rem solid var(--black);
  }

  .optionCard__iUduw h4 {
    color: var(--darkest-gray);
    font-family: var(--default-font-family);
    font-size: 0.875rem;
    font-weight: 200;
    margin: 0.5rem 0 0;
    padding: 0;
  }

  .optionCard__iUduw.disabled__eMXXt {
    cursor: not-allowed;
    outline: 0.0625rem dashed var(--gray);
  }

.headingWrapper__tagzX {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
}

.headingWrapper__tagzX h3 {
    align-items: center;
    color: var(--darkest-gray);
    display: inline-flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: bold;
    padding: 0;
  }

.headingWrapper__tagzX .iconWrapper__zYN8X {
    display: inline-flex;
    flex-shrink: 0;
    opacity: 0.7;
  }

.upgradeLinkHolder__aGfLM {
  bottom: 0.625rem;
  position: absolute;
  right: 0.875rem;
}

.upgradeLinkHolder__aGfLM a {
    color: var(--secondary);
    font-size: 0.75rem;
    font-weight: 900;
  }

.selectedFlag__ff87i {
  align-items: center;
  background-color: var(--secondary);
  border-radius: 0.1875rem;
  color: var(--white);
  display: flex;
  font-size: 0.75rem;
  font-weight: bold;
  gap: 0.25rem;
  line-height: 0.875rem;
  margin-top: 0.5rem;
  padding: 0.125rem 0.75rem 0.125rem 0.375rem;
}

@media screen and (max-width: 1200px) {
    .headingWrapper__tagzX h3 {
      font-size: 0.9375rem;
    }
}

.optionCardList__L8xql {
  display: grid;
  gap: 0.75rem;
  grid-auto-flow: column;
  margin-bottom: 1.25rem;
  width: 100%;
}

.alert__FQQ9k {
  margin: 0.5rem 0 2rem;
}

  .alert__FQQ9k svg {
    color: var(--black);
  }

  .alert__FQQ9k em {
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
  }

  .alert__FQQ9k .message__jSdjc {
    align-items: flex-start;
    display: flex;
    font-size: 1rem;
    font-weight: 200;
    gap: 1.5rem;
  }

.ql-container {
  border-radius: 0 0 var(--input-default-border-radius) var(--input-default-border-radius);
  font-family: var(--default-font-family), sans-serif;
  font-size: var(--default-font-size);
}

.ql-toolbar {
  border-radius: var(--input-default-border-radius) var(--input-default-border-radius) 0 0;
}

.ql-tooltip.ql-editing[data-mode="link"] {
  margin-left: 3.75rem;
}

.editor__FIFix {
  background-color: var(--white);
  border-radius: var(--input-default-border-radius);
  max-width: 50rem;
  z-index: 1;
}

.editor__FIFix .ql-editor {
    min-height: 6.25rem;
  }

.editor__FIFix .ql-editor ol, .editor__FIFix .ql-editor ul {
      padding-left: 0.25rem;
    }

.editor__FIFix .ql-editor strong {
      font-weight: 900;
    }

.editor__FIFix .ql-editor h1, .editor__FIFix .ql-editor h2, .editor__FIFix .ql-editor h3, .editor__FIFix .ql-editor h4, .editor__FIFix .ql-editor h5, .editor__FIFix .ql-editor h6 {
      font-weight: bold;
    }

.editor__FIFix .ql-editor h1 strong, .editor__FIFix .ql-editor h2 strong, .editor__FIFix .ql-editor h3 strong, .editor__FIFix .ql-editor h4 strong, .editor__FIFix .ql-editor h5 strong, .editor__FIFix .ql-editor h6 strong {
        font-weight: 900;
      }

.editor__FIFix .ql-disabled:not(.ql-bubble) {
    background: var(--lightest-gray);
    border: 0.0625rem dashed var(--gray);
  }

.editor__FIFix .ql-bubble {
    border: none;
    display: inline-flex;
    flex-direction: column;
    padding-bottom: 1rem;
    width: 100%;
  }

.editor__FIFix .ql-bubble .ql-editor {
      min-height: auto;
      padding: 0;
    }

.editor__FIFix .ql-bubble .ql-hidden {
      height: 0;
    }

.editor__FIFix .ql-tooltip {
    margin-left: 2.5rem;
  }

.pageContentWrapper__XcuOC {
  align-self: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: var(--default-font-size);
  height: 100%;
  max-height: 100%;
  overflow: auto;
  width: 0;
}

.mainContent__axxpx {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 31.25rem;
  padding: 1.25rem 1.25rem 0 1.5rem;
}

@media screen and (max-width: 1200px) {
  .mainContent__axxpx {
    padding: 1rem 1rem 0;
  }
}

@media screen and (max-width: 768px) {
  .mainContent__axxpx {
    padding: 0.5rem 0.75rem 0 0.75rem;
  }
}

@media print {
  .pageContentWrapper__XcuOC {
    width: auto;
  }
}

.overlay__Sz1Rd {
  background-color: var(--gray);
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.modal__Zo75W {
  background-color: var(--white);
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--light-gray);
  box-sizing: border-box;
  left: 50%;
  min-width: 22.5rem;
  max-width: 100%;
  min-height: 1.875rem;
  padding: 0.25rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}

@media (max-width: 360px) {

.modal__Zo75W {
    min-width: auto;
    width: calc(100% - 0.75rem)
}
  }

button.closeButton__aewDK {
  position: absolute;
  right: 0.625rem;
  top: 0.5rem;
}

button.closeButton__aewDK svg {
    color: var(--black);
  }

.container__qGcIc {
  --bar-height: 0.75rem;

  width: 100%;
}

.rootBar__tIkI3 {
  background-color: var(--lightest-gray);
  border-radius: 1.25rem;
  height: var(--bar-height);
  position: relative;
  width: 100%;
}

.rootBar__tIkI3.white__eYFYi {
    background-color: var(--white);
  }

.rootBar__tIkI3.lightGray__QMqyi {
    background-color: var(--light-gray);
  }

.completenessBar__yZ1I6 {
  background-color: var(--navy);
  border-radius: inherit;
  height: inherit;
  min-width: var(--bar-height);
  position: relative;
}

.completenessBar__yZ1I6:before, .completenessBar__yZ1I6:after {
    background-color: #808080;
    border-radius: 100%;
    content: '';
    display: inline;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--bar-height);
  }

.completenessBar__yZ1I6:after {
    left: auto;
    right: 0;
  }