@charset "UTF-8";

/* projects/employer-portal/src/styles.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
button,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
.bold,
.text-styling em,
.richtext em,
.text-styling i,
.richtext i,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
}
button {
  background: none;
  border-radius: 0;
  box-shadow: none;
  line-height: 1;
}
img {
  display: inline-block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: text-bottom;
}
iframe {
  max-width: 100%;
}
svg {
  max-width: 100%;
  height: auto;
  overflow: visible;
}
svg path {
  pointer-events: none;
}
picture {
  display: block;
}
.hide-empty:empty {
  display: none;
}
html,
body {
  position: relative;
  z-index: 1;
  height: 100%;
  font-size: 100%;
}
html {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-behavior: smooth;
  background: white;
  color: #666666;
  font-family:
    "Outfit",
    "Arial",
    sans-serif;
  font-size: 100%;
  line-height: 1;
  text-align: left;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body * {
  box-sizing: border-box;
}
body *:focus,
body *::before,
body *::after {
  box-sizing: border-box;
}
body ::selection {
  background: #ec961e;
  color: white;
}
a,
button {
  color: inherit;
  cursor: pointer;
  transition: color 0.321s;
}
a:hover,
button:hover {
  cursor: pointer;
}
*:focus-visible {
  outline: 2px solid #ec961e;
  outline-offset: 7px;
}
.ch2-icon {
  display: none !important;
}
.grecaptcha-badge {
  right: -100% !important;
}
.container {
  width: 100%;
  max-width: 1600px;
  min-width: 320px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (min-width: 768px) {
  .container {
    padding: 0 45px;
  }
}
@media (min-width: 1366px) {
  .container {
    padding: 0 100px;
  }
}
.grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
}
@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-column: span 12;
  }
}
@media (min-width: 768px) {
  .grid--1-column > * {
    grid-column: span 12;
  }
}
@media (min-width: 768px) {
  .grid--2-columns > * {
    grid-column: span 6;
  }
}
@media (min-width: 768px) {
  .grid--3-columns > * {
    grid-column: span 6;
  }
}
@media (min-width: 1024px) {
  .grid--3-columns > * {
    grid-column: span 4;
  }
}
@media (min-width: 768px) {
  .grid--4-columns > * {
    grid-column: span 6;
  }
}
@media (min-width: 1366px) {
  .grid--4-columns > * {
    grid-column: span 3;
  }
}
.headline,
.headline4,
.text-styling blockquote,
.richtext blockquote,
.text-styling h4,
.richtext h4,
.headline5,
.text-styling h5,
.richtext h5,
.headline6,
.text-styling h6,
.richtext h6,
.headline3,
.text-styling h3,
.richtext h3,
.headline2,
.text-styling h2,
.richtext h2,
.headline1,
.text-styling h1,
.richtext h1 {
  font-family: inherit;
  hyphens: none;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  word-break: break-word;
}
.headline1,
.text-styling h1,
.richtext h1 {
  color: #143642;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}
@media (min-width: 1366px) {
  .headline1,
  .text-styling h1,
  .richtext h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
.headline2,
.text-styling h2,
.richtext h2 {
  color: #143642;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
}
.headline3,
.text-styling h3,
.richtext h3 {
  color: #143642;
  font-size: 34px;
  font-weight: 500;
  line-height: 44px;
}
.headline4,
.text-styling blockquote,
.richtext blockquote,
.text-styling h4,
.richtext h4,
.headline5,
.text-styling h5,
.richtext h5,
.headline6,
.text-styling h6,
.richtext h6 {
  color: #143642;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}
@media print {
  body {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  body * {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  @page {
    margin: 1cm;
  }
  body {
    background: #fff !important;
  }
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  table,
  pre {
    page-break-inside: avoid;
  }
  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
  header,
  footer {
    display: none;
  }
}
.richtext--flex {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
@media (min-width: 768px) {
  .richtext--flex {
    gap: 1.44em;
  }
}
html {
  scrollbar-width: thin;
}
.table .table__headline {
  margin-bottom: 30px;
  color: #0f8b8d;
}
.table .table__table-container {
  position: relative;
  z-index: 1;
  border: 1px solid #bfd7b5;
  border-radius: 10px;
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch;
}
.table .table__table {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  color: #143642;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.table .table__table table {
  width: 100%;
  height: auto;
  border: 0;
}
.table .table__table tr:not(:last-child) {
  border-bottom: 1px solid #bfd7b5;
}
.table .table__table th,
.table .table__table td {
  position: relative;
  z-index: 1;
  height: auto;
  padding: 20px 15px;
}
.table .table__table th:first-child,
.table .table__table td:first-child {
  padding-left: 30px;
}
.table .table__table th:last-child,
.table .table__table td:last-child {
  padding-right: 30px;
}
.table .table__table thead tr {
  border-bottom: 1px solid #bfd7b5;
}
.table .table__table thead tr th {
  background: #ecf3e8;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.table .table__table thead tr th:first-child {
  border-top-left-radius: 10px;
}
.table .table__table thead tr th:last-child {
  border-top-right-radius: 10px;
}
.table .table__table tbody td:not(:first-child) {
  white-space: nowrap;
}
.table .table__table tfoot tr {
  border-top: 1px solid #bfd7b5;
  text-align: center;
}
.table .table__table tfoot tr td:not(:has(a, button)) {
  padding: 15px;
}
.table .table__table tfoot tr td:has(.pagination) {
  padding: 30px;
}
.table .table__status {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.table .table__status-dot {
  flex: 0 0 12px;
  width: 12px;
  aspect-ratio: 1;
  background: #0f8b8d;
  border-radius: 50%;
}
.table .table__status-dot--green {
  background: #bfd7b5;
}
.table .table__status-dot--orange {
  background: #ec961e;
}
.table .table__status-dot--red {
  background: #912d27;
}
.table .table__pill {
  transform: translateY(-2px);
  min-width: 111px;
  margin: -10px 0;
  pointer-events: none;
}
.table .table__pill--green {
  background: #bfd7b5;
  border-color: #bfd7b5;
  color: #143642;
}
.table .table__pill--cream {
  background: #debfa2;
  border-color: #debfa2;
  color: #143642;
}
.table tr.table__expandable-table-row {
  position: relative;
  z-index: 1;
}
.table td.table__toggle-container {
  min-width: 90px;
}
.table .table__toggle {
  position: absolute;
  inset: 0 0 auto auto;
  z-index: 1;
  transform: rotate(180deg);
  width: 67px;
  height: 64px;
  background: white;
}
.table .table__toggle::before {
  content: "";
  position: absolute;
  inset: 0 -30px 0 auto;
  z-index: 1;
  width: 30px;
  background:
    linear-gradient(
      -90deg,
      rgba(255, 255, 255, 0) 0%,
      white 100%);
}
.table tr.table__expandable-table-row.table__expandable-table-row--active {
  border-bottom: 0;
}
.table tr.table__expandable-table-row.table__expandable-table-row--active + .table__expanded-table-row {
  display: table-row;
}
.table tr.table__expandable-table-row.table__expandable-table-row--active + .table__expanded-table-row > td {
  padding-top: 0;
}
.table tr.table__expandable-table-row.table__expandable-table-row--active .table__toggle {
  transform: rotate(0);
}
.table tr.table__expandable-table-row.table__expandable-table-row--active .table__toggle::before {
  inset: 0 auto 0 -30px;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      white 100%);
}
.table .table__expanded-table-row {
  display: none;
}
.table .table__button-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  position: sticky;
  left: 0;
  margin: 0 -30px;
}
.body1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.body2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.body3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.body4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.body1-bold {
  font-weight: 700;
}
.body2-bold {
  font-weight: 700;
}
.body3-bold {
  font-weight: 700;
}
.body4-bold {
  font-weight: 700;
}
.button {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.text-styling p,
.richtext p {
  color: inherit;
}
.text-styling p[class*=headline],
.richtext p[class*=headline] {
  color: #143642;
}
.text-styling strong,
.text-styling .bold,
.text-styling em,
.text-styling i,
.richtext strong,
.richtext .bold,
.richtext em,
.richtext i,
.text-styling b,
.richtext b {
  color: rgba(20, 54, 66, 0.8);
  font-weight: 600;
}
.text-styling small,
.richtext small {
  font-size: 80%;
}
.text-styling a:not(.button),
.richtext a:not(.button) {
  color: #0f8b8d;
  text-decoration: underline;
  text-decoration-color: rgba(15, 139, 141, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: color 0.321s, text-decoration 0.321s;
}
.text-styling a:not(.button):hover,
.richtext a:not(.button):hover {
  color: #ec961e;
  text-decoration-color: rgba(236, 150, 30, 0.5);
}
.text-styling ul,
.richtext ul,
.text-styling ol,
.richtext ol {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #666666;
  font-size: inherit;
  line-height: inherit;
}
.text-styling ul li,
.richtext ul li,
.text-styling ol li,
.richtext ol li {
  position: relative;
  z-index: 1;
  padding-left: 1.1em;
}
.text-styling ul li > ul,
.richtext ul li > ul,
.text-styling ul li > ol,
.richtext ul li > ol,
.text-styling ol li > ul,
.richtext ol li > ul,
.text-styling ol li > ol,
.richtext ol li > ol {
  margin-top: 1.44em;
}
.text-styling ul li::before,
.richtext ul li::before,
.text-styling ol li::before,
.richtext ol li::before {
  content: "";
  position: absolute;
  z-index: 1;
}
.text-styling ul li::before,
.richtext ul li::before {
  content: "\2022";
  top: 1px;
  left: 0;
  color: #912d27;
  font-weight: 700;
}
.text-styling ol,
.richtext ol {
  counter-reset: item;
}
.text-styling ol li,
.richtext ol li {
  counter-increment: item;
  padding-left: 1.44em;
}
.text-styling ol li::before,
.richtext ol li::before {
  content: counter(item) ".";
  top: 0;
  left: 0;
  color: #912d27;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.text-styling blockquote,
.richtext blockquote {
  padding: 0.5em;
  color: #912d27;
}
@media (min-width: 768px) {
  .text-styling blockquote,
  .richtext blockquote {
    padding: 0.5em 2em;
  }
}
@media (min-width: 1024px) {
  .text-styling blockquote,
  .richtext blockquote {
    padding: 0.5em 8em 0.5em 2em;
  }
}
.layout {
  display: flex;
  flex-flow: column nowrap;
}
.layout--full-height {
  min-height: 100vh;
}
.hide-empty:empty {
  display: none;
}
lsr-af-headline.headline-mt-30 {
  display: block;
  margin-top: 30px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-J37VFNJF.css.map */