/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/application.component.css.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold,
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text > .ds-mol-title-section-disclosure-text-title,
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text > .ds-mol-title-section-disclosure-text-subtitle {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular,
.ds-mol-table-row-single {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold,
.ds-internal-btn-primary-base,
.ds-internal-btn-primary-destructive,
.ds-internal-btn-secondary-base,
.ds-internal-btn-secondary-destructive,
.ds-atom-upload-image,
.ds-mol-input-field label,
.ds-mol-section-disclosure.second-level > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text > .ds-mol-title-section-disclosure-text-title,
.ds-mol-progress-info .progress-bar-extra-info .progress-info-figures,
.ds-org-snack-bar .title,
.ds-atom-btn-primary-normal,
.ds-atom-fav-primary-normal,
.ds-atom-btn-small-primary-normal,
.ds-atom-btn-tiny-primary-normal,
.ds-atom-btn-primary-destructive-normal,
.ds-atom-btn-small-primary-destructive-normal,
.ds-atom-btn-tiny-primary-destructive-normal,
.ds-atom-btn-secondary-normal,
.ds-atom-btn-small-secondary-normal,
.ds-atom-btn-tiny-secondary-normal,
.ds-atom-btn-secondary-destructive-normal,
.ds-atom-btn-small-secondary-destructive-normal,
.ds-atom-btn-tiny-secondary-destructive-normal,
.ds-mol-input-multiselect label {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular,
.ds-atom-input-normal,
.ds-mol-progress-info .progress-bar-extra-info .progress-info-extra-text,
.ds-org-snack-bar .message,
.ds-atom-text-input-normal,
.ds-atom-select-input-normal,
.ds-atom-vendor-select-input-normal .Select-control,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control,
.ds-atom-search-input-container .ds-atom-search-input-normal {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular,
.ds-atom-upload-image .ds-atom-upload-image-disclaimer,
.ds-atom-upload-image .ds-atom-upload-image-error-text,
.ds-mol-input-field .optional,
.ds-mol-progress-info .progress-bar-extra-info .progress-info-name,
.ds-mol-input-multiselect .optional {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold,
.ds-atom-error-message,
.ds-mol-input-field .error,
.ds-mol-input-field .field_with_errors span,
.ds-mol-input-multiselect .error,
.ds-mol-input-multiselect .field_with_errors span {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold,
.ds-mol-title-table-bounds {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-avatar-base,
.ds-atom-avatar-tiny,
.ds-atom-avatar-small,
.ds-atom-avatar-medium,
.ds-atom-avatar-big,
.ds-atom-avatar-unknown {
  border-radius: 50%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.05);
  display: block;
  overflow: hidden;
  position: relative;
}
.ds-atom-avatar-base:after,
.ds-atom-avatar-tiny:after,
.ds-atom-avatar-small:after,
.ds-atom-avatar-medium:after,
.ds-atom-avatar-big:after,
.ds-atom-avatar-unknown:after {
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0 0.0625rem inset rgba(0, 0, 0, 0.1);
}
.ds-atom-avatar-with-text {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  box-sizing: content-box;
  color: rgba(35, 40, 46, 0.8);
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.ds-atom-avatar-tiny {
  border-radius: 0.125rem;
  height: 1.5625rem;
  width: 1.5625rem;
}
.ds-atom-avatar-tiny .ds-atom-avatar-with-text {
  font-size: 0.625rem;
  line-height: 1.5625rem;
}
.ds-atom-avatar-tiny:after {
  border-radius: 0.125rem;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0 0.0625rem inset rgba(0, 0, 0, 0.1);
}
.ds-atom-avatar-small {
  width: 1.875rem;
  height: 1.875rem;
}
.ds-atom-avatar-small .ds-atom-avatar-with-text {
  font-size: 0.75rem;
  line-height: 1.875rem;
}
.ds-atom-avatar-medium {
  width: 2.8125rem;
  height: 2.8125rem;
}
.ds-atom-avatar-medium .ds-atom-avatar-with-text {
  font-size: 1rem;
  line-height: 2.8125rem;
}
.ds-atom-avatar-big {
  width: 3.4375rem;
  height: 3.4375rem;
}
.ds-atom-avatar-big .ds-atom-avatar-with-text {
  font-size: 1.5rem;
  line-height: 3.4375rem;
}
.ds-atom-avatar-unknown {
  width: 2.8125rem;
  height: 2.8125rem;
}
.ds-atom-avatar-unknown .ds-atom-avatar-with-text {
  font-size: 1.75rem;
  line-height: 2.8125rem;
}
.ds-atom-avatar-image {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.ds-internal-btn-base,
.ds-internal-btn-primary-base,
.ds-internal-btn-primary-destructive,
.ds-internal-btn-secondary-base,
.ds-internal-btn-secondary-destructive,
.ds-atom-btn-primary-normal,
.ds-atom-fav-primary-normal,
.ds-atom-btn-small-primary-normal,
.ds-atom-btn-tiny-primary-normal,
.ds-atom-btn-primary-destructive-normal,
.ds-atom-btn-small-primary-destructive-normal,
.ds-atom-btn-tiny-primary-destructive-normal,
.ds-atom-btn-secondary-normal,
.ds-atom-btn-small-secondary-normal,
.ds-atom-btn-tiny-secondary-normal,
.ds-atom-btn-secondary-destructive-normal,
.ds-atom-btn-small-secondary-destructive-normal,
.ds-atom-btn-tiny-secondary-destructive-normal {
  border-radius: 0.1875rem;
  box-sizing: border-box;
  background-clip: padding-box;
  outline: none;
}
.ds-internal-btn-base .icon,
.ds-internal-btn-primary-base .icon,
.ds-internal-btn-primary-destructive .icon,
.ds-internal-btn-secondary-base .icon,
.ds-internal-btn-secondary-destructive .icon,
.ds-atom-btn-primary-normal .icon,
.ds-atom-fav-primary-normal .icon,
.ds-atom-btn-small-primary-normal .icon,
.ds-atom-btn-tiny-primary-normal .icon,
.ds-atom-btn-primary-destructive-normal .icon,
.ds-atom-btn-small-primary-destructive-normal .icon,
.ds-atom-btn-tiny-primary-destructive-normal .icon,
.ds-atom-btn-secondary-normal .icon,
.ds-atom-btn-small-secondary-normal .icon,
.ds-atom-btn-tiny-secondary-normal .icon,
.ds-atom-btn-secondary-destructive-normal .icon,
.ds-atom-btn-small-secondary-destructive-normal .icon,
.ds-atom-btn-tiny-secondary-destructive-normal .icon {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.375rem;
}
.ds-internal-btn-base:hover,
.ds-internal-btn-primary-base:hover,
.ds-internal-btn-primary-destructive:hover,
.ds-internal-btn-secondary-base:hover,
.ds-internal-btn-secondary-destructive:hover,
.ds-atom-btn-primary-normal:hover,
.ds-atom-fav-primary-normal:hover,
.ds-atom-btn-small-primary-normal:hover,
.ds-atom-btn-tiny-primary-normal:hover,
.ds-atom-btn-primary-destructive-normal:hover,
.ds-atom-btn-small-primary-destructive-normal:hover,
.ds-atom-btn-tiny-primary-destructive-normal:hover,
.ds-atom-btn-secondary-normal:hover,
.ds-atom-btn-small-secondary-normal:hover,
.ds-atom-btn-tiny-secondary-normal:hover,
.ds-atom-btn-secondary-destructive-normal:hover,
.ds-atom-btn-small-secondary-destructive-normal:hover,
.ds-atom-btn-tiny-secondary-destructive-normal:hover {
  cursor: pointer;
}
.ds-internal-btn-base.working,
.ds-internal-btn-primary-base.working,
.ds-internal-btn-primary-destructive.working,
.ds-internal-btn-secondary-base.working,
.ds-internal-btn-secondary-destructive.working,
.ds-atom-btn-primary-normal.working,
.ds-atom-fav-primary-normal.working,
.ds-atom-btn-small-primary-normal.working,
.ds-atom-btn-tiny-primary-normal.working,
.ds-atom-btn-primary-destructive-normal.working,
.ds-atom-btn-small-primary-destructive-normal.working,
.ds-atom-btn-tiny-primary-destructive-normal.working,
.ds-atom-btn-secondary-normal.working,
.ds-atom-btn-small-secondary-normal.working,
.ds-atom-btn-tiny-secondary-normal.working,
.ds-atom-btn-secondary-destructive-normal.working,
.ds-atom-btn-small-secondary-destructive-normal.working,
.ds-atom-btn-tiny-secondary-destructive-normal.working {
  position: relative;
}
.ds-internal-btn-base.working .ds-atom-btn-content,
.ds-internal-btn-primary-base.working .ds-atom-btn-content,
.ds-internal-btn-primary-destructive.working .ds-atom-btn-content,
.ds-internal-btn-secondary-base.working .ds-atom-btn-content,
.ds-internal-btn-secondary-destructive.working .ds-atom-btn-content,
.ds-atom-btn-primary-normal.working .ds-atom-btn-content,
.ds-atom-fav-primary-normal.working .ds-atom-btn-content,
.ds-atom-btn-small-primary-normal.working .ds-atom-btn-content,
.ds-atom-btn-tiny-primary-normal.working .ds-atom-btn-content,
.ds-atom-btn-primary-destructive-normal.working .ds-atom-btn-content,
.ds-atom-btn-small-primary-destructive-normal.working .ds-atom-btn-content,
.ds-atom-btn-tiny-primary-destructive-normal.working .ds-atom-btn-content,
.ds-atom-btn-secondary-normal.working .ds-atom-btn-content,
.ds-atom-btn-small-secondary-normal.working .ds-atom-btn-content,
.ds-atom-btn-tiny-secondary-normal.working .ds-atom-btn-content,
.ds-atom-btn-secondary-destructive-normal.working .ds-atom-btn-content,
.ds-atom-btn-small-secondary-destructive-normal.working .ds-atom-btn-content,
.ds-atom-btn-tiny-secondary-destructive-normal.working .ds-atom-btn-content {
  opacity: 0;
}
.ds-internal-btn-primary-base,
.ds-atom-btn-primary-normal,
.ds-atom-fav-primary-normal,
.ds-atom-btn-small-primary-normal,
.ds-atom-btn-tiny-primary-normal {
  color: #ffffff;
  background-color: #1c97f5;
  border: solid 0.0625rem #1c97f5;
  display: inline-block;
  vertical-align: middle;
}
.ds-internal-btn-primary-base:hover,
.ds-atom-btn-primary-normal:hover,
.ds-atom-fav-primary-normal:hover,
.ds-atom-btn-small-primary-normal:hover,
.ds-atom-btn-tiny-primary-normal:hover {
  background-color: rgba(28, 151, 245, 0.8);
}
.ds-internal-btn-primary-base:active,
.ds-atom-btn-primary-normal:active,
.ds-atom-fav-primary-normal:active,
.ds-atom-btn-small-primary-normal:active,
.ds-atom-btn-tiny-primary-normal:active {
  background-color: #1988dd;
}
.ds-internal-btn-primary-base:disabled,
.ds-internal-btn-primary-base.disabled,
.ds-atom-btn-primary-normal:disabled,
.ds-atom-btn-primary-normal.disabled,
.ds-atom-fav-primary-normal:disabled,
.ds-atom-fav-primary-normal.disabled,
.ds-atom-btn-small-primary-normal:disabled,
.ds-atom-btn-small-primary-normal.disabled,
.ds-atom-btn-tiny-primary-normal:disabled,
.ds-atom-btn-tiny-primary-normal.disabled {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.ds-internal-btn-primary-base:focus,
.ds-atom-btn-primary-normal:focus,
.ds-atom-fav-primary-normal:focus,
.ds-atom-btn-small-primary-normal:focus,
.ds-atom-btn-tiny-primary-normal:focus {
  outline: none;
}
.ds-internal-btn-primary-destructive,
.ds-atom-btn-primary-destructive-normal,
.ds-atom-btn-small-primary-destructive-normal,
.ds-atom-btn-tiny-primary-destructive-normal {
  color: #ffffff;
  background-color: #e55353;
  display: inline-block;
  vertical-align: middle;
  border: solid 0.0625rem #e55353;
}
.ds-internal-btn-primary-destructive:hover,
.ds-atom-btn-primary-destructive-normal:hover,
.ds-atom-btn-small-primary-destructive-normal:hover,
.ds-atom-btn-tiny-primary-destructive-normal:hover {
  background-color: rgba(229, 83, 83, 0.6);
}
.ds-internal-btn-primary-destructive:active,
.ds-atom-btn-primary-destructive-normal:active,
.ds-atom-btn-small-primary-destructive-normal:active,
.ds-atom-btn-tiny-primary-destructive-normal:active {
  background-color: #ce4b4b;
}
.ds-internal-btn-primary-destructive:disabled,
.ds-internal-btn-primary-destructive.disabled,
.ds-atom-btn-primary-destructive-normal:disabled,
.ds-atom-btn-primary-destructive-normal.disabled,
.ds-atom-btn-small-primary-destructive-normal:disabled,
.ds-atom-btn-small-primary-destructive-normal.disabled,
.ds-atom-btn-tiny-primary-destructive-normal:disabled,
.ds-atom-btn-tiny-primary-destructive-normal.disabled {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.ds-internal-btn-secondary-base,
.ds-atom-btn-secondary-normal,
.ds-atom-btn-small-secondary-normal,
.ds-atom-btn-tiny-secondary-normal {
  color: #1c97f5;
  background-color: transparent;
  display: inline-block;
  border: 0.0625rem solid rgba(28, 151, 245, 0.4);
  vertical-align: middle;
}
.ds-internal-btn-secondary-base:hover,
.ds-atom-btn-secondary-normal:hover,
.ds-atom-btn-small-secondary-normal:hover,
.ds-atom-btn-tiny-secondary-normal:hover {
  background-color: rgba(28, 151, 245, 0.08);
  cursor: pointer;
}
.ds-internal-btn-secondary-base:active,
.ds-atom-btn-secondary-normal:active,
.ds-atom-btn-small-secondary-normal:active,
.ds-atom-btn-tiny-secondary-normal:active {
  border-color: rgba(28, 151, 245, 0.8);
}
.ds-internal-btn-secondary-base:disabled,
.ds-internal-btn-secondary-base.disabled,
.ds-atom-btn-secondary-normal:disabled,
.ds-atom-btn-secondary-normal.disabled,
.ds-atom-btn-small-secondary-normal:disabled,
.ds-atom-btn-small-secondary-normal.disabled,
.ds-atom-btn-tiny-secondary-normal:disabled,
.ds-atom-btn-tiny-secondary-normal.disabled {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.ds-internal-btn-secondary-destructive,
.ds-atom-btn-secondary-destructive-normal,
.ds-atom-btn-small-secondary-destructive-normal,
.ds-atom-btn-tiny-secondary-destructive-normal {
  color: #e55353;
  background-color: transparent;
  border: solid 0.0625rem rgba(229, 83, 83, 0.6);
  display: inline-block;
  vertical-align: middle;
}
.ds-internal-btn-secondary-destructive:active,
.ds-atom-btn-secondary-destructive-normal:active,
.ds-atom-btn-small-secondary-destructive-normal:active,
.ds-atom-btn-tiny-secondary-destructive-normal:active {
  background-color: rgba(229, 83, 83, 0.6);
  border-color: rgba(229, 83, 83, 0.1);
  color: #ffffff;
}
.ds-internal-btn-secondary-destructive:disabled,
.ds-internal-btn-secondary-destructive.disabled,
.ds-atom-btn-secondary-destructive-normal:disabled,
.ds-atom-btn-secondary-destructive-normal.disabled,
.ds-atom-btn-small-secondary-destructive-normal:disabled,
.ds-atom-btn-small-secondary-destructive-normal.disabled,
.ds-atom-btn-tiny-secondary-destructive-normal:disabled,
.ds-atom-btn-tiny-secondary-destructive-normal.disabled {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2);
  cursor: not-allowed;
}
.ds-atom-btn-primary-normal {
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0 3.125rem;
}
.ds-atom-fav-primary-normal {
  border-radius: 50%;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  height: 3.75rem;
  line-height: inherit;
  padding: 1.0625rem;
}
.ds-atom-fav-primary-normal .icon {
  height: 2em;
  width: 2em;
  margin-right: 0;
}
.ds-atom-fav-primary-normal:disabled,
.ds-atom-fav-primary-normal.disabled {
  box-shadow: none;
}
.ds-atom-btn-small-primary-normal {
  height: 2.1875rem;
  line-height: 2.0625rem;
  padding: 0 2.1875rem;
}
.ds-atom-btn-tiny-primary-normal {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  height: 1.375rem;
  line-height: 1.25rem;
  padding: 0 1.0625rem;
}
.ds-atom-btn-primary-destructive-normal {
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0 3.125rem;
}
.ds-atom-btn-small-primary-destructive-normal {
  height: 2.1875rem;
  line-height: 2.0625rem;
  padding: 0 2.1875rem;
}
.ds-atom-btn-tiny-primary-destructive-normal {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  height: 1.375rem;
  line-height: 1.25rem;
  padding: 0 1.0625rem;
}
.ds-atom-btn-secondary-normal {
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0 3.125rem;
}
.ds-atom-btn-small-secondary-normal {
  height: 2.1875rem;
  line-height: 2.0625rem;
  padding: 0 2.1875rem;
}
.ds-atom-btn-tiny-secondary-normal {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  height: 1.375rem;
  line-height: 1.25rem;
  padding: 0 1.0625rem;
}
.ds-atom-btn-secondary-destructive-normal {
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0 3.125rem;
}
.ds-atom-btn-small-secondary-destructive-normal {
  height: 2.1875rem;
  line-height: 2.0625rem;
  padding: 0 2.1875rem;
}
.ds-atom-btn-tiny-secondary-destructive-normal {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  height: 1.375rem;
  line-height: 1.25rem;
  padding: 0 1.0625rem;
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.ds-atom-btn-spinner {
  position: absolute;
  right: 0;
  left: 0;
}
.ds-atom-btn-spinner .ds-atom-btn-spinner-dot {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  line-height: 2.1em;
  vertical-align: middle;
}
.ds-atom-btn-spinner .ds-atom-btn-spinner-dot .icon {
  height: 0.625rem;
  margin: 1px 0;
  width: 0.625rem;
}
.ds-atom-btn-spinner .ds-atom-btn-spinner-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.ds-atom-btn-spinner .ds-atom-btn-spinner-dot:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.ds-atom-btn-spinner-circle.icon {
  animation: rotate 1.5s infinite linear;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAtFJREFUSA3tlb9rFUEQx2fv7t2L+aFlSKzstLK30EIEC1vBxjQp0lj7P+Q/EEshVdogFqawESxsxEqSiIJRCahIwsu7d3vrZ47bsDnunu9e0unAMLuzM9/vzc7unsi/JqZrwc65HjnL6FKV+xW7b4wZVfPzM5DNoKvoFjpA66I+XdOYmXNhBmgF/YxOKhq7MjU5yVrlxqRsDXGa21p9Y4+rhG2++kbtyz8y30RfoV+qtcvYW+h99Erl8+Y1g9v0/9g7xlqI65X+wreGJm2JulbFaGwoG205p/xkaE9D2WNy9VTQmInGopoTyvieE6l9DQ+Sfv3EpP57NAcNK1fM1n4Li3odQlnzYF0tINqaUFZbMYjSu+hFt6u1p60g1YLmouGWbzXmEJSi4eOw3hjYwQneOupFsfXVKyXyA6w+gWEf9MqcVUIMxdantpQ6sfer9fc09HUd1zH8+y5hD3+A6lCDDtAd9Kzi8kIyD+KiEr+cnhDzunygBw/x3kGfMT/yCdPaPJdFyviNAicGsv1psTrljax7PLRuzzr3Mc/dTtvh6gT6t2BIksLJzR4VU/mAqrcp++SffbLVIRBJ2mfdH+35VDK0cjeNZW4IaWLos5MXIVAj8VkIFZwPXx4V8sBaOYI0j2P5SSXPQ+LwOoX+qceHzi1mhTwC2EokgziSoyyXpxQzDEEbKw4DJh1TZUQDr7tC7iWRXBhZGfJMuTyStzM987KO042Y3tP0FBC/U2pnIVzOrFzjyizhMEUhAw6VgXSX4Cd1Up13Iq5IZ8lbyDK5GKWywOG5BMk8B6lPX3PWhpBHnOT3aSqb4UlWQi+TE1Ptdz507lB6ybxEkJYnv5+INVbs8Uhc2pOMA3Wcx/Km3zfvPEmTnZiYas3BATdsViJe+5h3sCQGVK+cTXryiS3/1o9llyq18rHik8cGhYvVHY/xaa/VltsLWRHG/R/Xd+APArhTeNz4TewAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAtFJREFUSA3tlb9rFUEQx2fv7t2L+aFlSKzstLK30EIEC1vBxjQp0lj7P+Q/EEshVdogFqawESxsxEqSiIJRCahIwsu7d3vrZ47bsDnunu9e0unAMLuzM9/vzc7unsi/JqZrwc65HjnL6FKV+xW7b4wZVfPzM5DNoKvoFjpA66I+XdOYmXNhBmgF/YxOKhq7MjU5yVrlxqRsDXGa21p9Y4+rhG2++kbtyz8y30RfoV+qtcvYW+h99Erl8+Y1g9v0/9g7xlqI65X+wreGJm2JulbFaGwoG205p/xkaE9D2WNy9VTQmInGopoTyvieE6l9DQ+Sfv3EpP57NAcNK1fM1n4Li3odQlnzYF0tINqaUFZbMYjSu+hFt6u1p60g1YLmouGWbzXmEJSi4eOw3hjYwQneOupFsfXVKyXyA6w+gWEf9MqcVUIMxdantpQ6sfer9fc09HUd1zH8+y5hD3+A6lCDDtAd9Kzi8kIyD+KiEr+cnhDzunygBw/x3kGfMT/yCdPaPJdFyviNAicGsv1psTrljax7PLRuzzr3Mc/dTtvh6gT6t2BIksLJzR4VU/mAqrcp++SffbLVIRBJ2mfdH+35VDK0cjeNZW4IaWLos5MXIVAj8VkIFZwPXx4V8sBaOYI0j2P5SSXPQ+LwOoX+qceHzi1mhTwC2EokgziSoyyXpxQzDEEbKw4DJh1TZUQDr7tC7iWRXBhZGfJMuTyStzM987KO042Y3tP0FBC/U2pnIVzOrFzjyizhMEUhAw6VgXSX4Cd1Up13Iq5IZ8lbyDK5GKWywOG5BMk8B6lPX3PWhpBHnOT3aSqb4UlWQi+TE1Ptdz507lB6ybxEkJYnv5+INVbs8Uhc2pOMA3Wcx/Km3zfvPEmTnZiYas3BATdsViJe+5h3sCQGVK+cTXryiS3/1o9llyq18rHik8cGhYvVHY/xaa/VltsLWRHG/R/Xd+APArhTeNz4TewAAAAASUVORK5CYII=);
  height: 1.875rem;
  margin-bottom: 0.125rem;
  width: 1.875rem;
  position: absolute;
  left: 50%;
  margin-left: -0.9375rem;
  top: 50%;
  margin-top: -0.9375rem;
  color: currentColor;
}
.ds-atom-text-btn {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: rgba(35, 40, 46, 0.6);
  display: inline-block;
}
.ds-atom-text-btn:hover {
  color: rgba(35, 40, 46, 0.8);
}
.ds-atom-text-btn-icon {
  vertical-align: bottom;
  margin-right: 0.3125rem;
}
.ds-atom-text-btn-icon.right {
  margin-right: 0;
  margin-left: 0.3125rem;
}
.ds-atom-stack-view-bg {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  width: 22.5rem;
  background-color: #ffffff;
  box-shadow: -0.125rem 0 0.5rem 0 rgba(35, 40, 46, 0.1);
}
.ds-internal-input-hover {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.ds-internal-input-focus {
  border: solid 0.0625rem #1c97f5;
  outline: none;
}
.ds-internal-input-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ds-internal-input-error,
.ds-atom-vendor-select-input-normal.error .Select-control,
.field_with_errors .ds-atom-text-input-normal {
  border: 0.0625rem solid #e55353;
}
.ds-atom-input-normal,
.ds-atom-text-input-normal,
.ds-atom-select-input-normal,
.ds-atom-vendor-select-input-normal .Select-control,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control,
.ds-atom-search-input-container .ds-atom-search-input-normal {
  box-shadow: inset 0 0.125rem 0 0 rgba(35, 40, 46, 0.1);
  background-color: #ffffff;
  border: solid 0.0625rem rgba(35, 40, 46, 0.1);
  border-radius: 0.1875rem;
  box-sizing: border-box;
  height: 2.1875rem;
  padding: 0 0.625rem;
  width: 100%;
  color: #1c97f5;
  -webkit-text-fill-color: #23282e;
}
.ds-atom-input-normal::-moz-placeholder,
.ds-atom-text-input-normal::-moz-placeholder,
.ds-atom-select-input-normal::-moz-placeholder,
.ds-atom-vendor-select-input-normal .Select-control::-moz-placeholder,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control::-moz-placeholder,
.ds-atom-search-input-container .ds-atom-search-input-normal::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(35, 40, 46, 0.6);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-input-normal:-ms-input-placeholder,
.ds-atom-text-input-normal:-ms-input-placeholder,
.ds-atom-select-input-normal:-ms-input-placeholder,
.ds-atom-vendor-select-input-normal .Select-control:-ms-input-placeholder,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:-ms-input-placeholder,
.ds-atom-search-input-container .ds-atom-search-input-normal:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(35, 40, 46, 0.6);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-input-normal::-ms-input-placeholder,
.ds-atom-text-input-normal::-ms-input-placeholder,
.ds-atom-select-input-normal::-ms-input-placeholder,
.ds-atom-vendor-select-input-normal .Select-control::-ms-input-placeholder,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control::-ms-input-placeholder,
.ds-atom-search-input-container .ds-atom-search-input-normal::-ms-input-placeholder {
  /* Edge */
  color: rgba(35, 40, 46, 0.6);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-input-normal::-webkit-input-placeholder,
.ds-atom-text-input-normal::-webkit-input-placeholder,
.ds-atom-select-input-normal::-webkit-input-placeholder,
.ds-atom-vendor-select-input-normal .Select-control::-webkit-input-placeholder,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control::-webkit-input-placeholder,
.ds-atom-search-input-container .ds-atom-search-input-normal::-webkit-input-placeholder {
  color: rgba(35, 40, 46, 0.6);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.6);
}
.ds-atom-input-normal:-moz-placeholder-shown, .ds-atom-text-input-normal:-moz-placeholder-shown, .ds-atom-select-input-normal:-moz-placeholder-shown, .ds-atom-vendor-select-input-normal .Select-control:-moz-placeholder-shown, .ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:-moz-placeholder-shown, .ds-atom-search-input-container .ds-atom-search-input-normal:-moz-placeholder-shown {
  /* Standard one last! */
  color: rgba(35, 40, 46, 0.6);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.6);
}
.ds-atom-input-normal:placeholder-shown,
.ds-atom-text-input-normal:placeholder-shown,
.ds-atom-select-input-normal:placeholder-shown,
.ds-atom-vendor-select-input-normal .Select-control:placeholder-shown,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:placeholder-shown,
.ds-atom-search-input-container .ds-atom-search-input-normal:placeholder-shown {
  /* Standard one last! */
  color: rgba(35, 40, 46, 0.6);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.6);
}
.ds-atom-input-normal:hover,
.ds-atom-text-input-normal:hover,
.ds-atom-select-input-normal:hover,
.ds-atom-vendor-select-input-normal .Select-control:hover,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:hover,
.ds-atom-search-input-container .ds-atom-search-input-normal:hover {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.ds-atom-input-normal:focus,
.ds-atom-text-input-normal:focus,
.ds-atom-select-input-normal:focus,
.ds-atom-vendor-select-input-normal .Select-control:focus,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:focus,
.ds-atom-search-input-container .ds-atom-search-input-normal:focus {
  border: solid 0.0625rem #1c97f5;
  outline: none;
}
.ds-atom-input-normal:disabled,
.ds-atom-text-input-normal:disabled,
.ds-atom-select-input-normal:disabled,
.ds-atom-vendor-select-input-normal .Select-control:disabled,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:disabled,
.ds-atom-search-input-container .ds-atom-search-input-normal:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ds-atom-input-normal.error,
.ds-atom-text-input-normal.error,
.ds-atom-select-input-normal.error,
.ds-atom-vendor-select-input-normal .Select-control.error,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control.error,
.ds-atom-search-input-container .ds-atom-search-input-normal.error {
  border: 0.0625rem solid #e55353;
}
.ds-atom-vendor-select-input-normal.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #1c97f5;
  box-shadow: none;
}
.ds-atom-vendor-select-input-normal .Select-control {
  overflow: inherit;
}
.ds-atom-vendor-select-input-normal .Select-control:hover,
.ds-atom-vendor-select-input-normal .Select-control:focus {
  box-shadow: none;
  outline: none;
}
.ds-atom-vendor-select-input-normal .Select-control .Select-placeholder {
  color: rgba(35, 40, 46, 0.6);
  -webkit-text-fill-color: rgba(35, 40, 46, 0.6);
}
.ds-atom-vendor-select-input-normal .Select-control .Select-input {
  padding-left: 0;
}
.ds-atom-vendor-select-input-normal .Select-control .Select-clear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%279%27 height=%279%27 viewBox=%270 0 9 9%27%3E%3Cpath d=%27M4.5 9a4.5 4.5 0 100-9 4.5 4.5 0 000 9zm.73-4.5l1.217 1.216a.517.517 0 11-.731.732L4.5 5.23 3.284 6.447a.517.517 0 11-.732-.731L3.77 4.5 2.553 3.284a.517.517 0 11.731-.732L4.5 3.77l1.216-1.216a.517.517 0 11.732.731L5.23 4.5z%27 fill=%27%2323282E%27 fill-opacity=%27.4%27/%3E%3C/svg%3E");
  position: relative;
  width: 0.5625rem;
  height: 0.5625rem;
  text-indent: -9999px;
  overflow: hidden;
}
.ds-atom-vendor-select-input-normal.is-disabled {
  cursor: not-allowed;
}
.ds-atom-vendor-select-input-normal.is-disabled .Select-control {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #ffffff;
}
.ds-atom-vendor-select-input-normal.is-disabled .Select-control .Select-placeholder {
  color: rgba(35, 40, 46, 0.4);
}
.ds-atom-vendor-select-input-normal.is-open .Select-control {
  border-color: #1c97f5;
}
.ds-atom-vendor-select-input-normal:hover,
.ds-atom-vendor-select-input-normal:focus {
  box-shadow: none;
  outline: none;
}
.ds-atom-search-input-container {
  position: relative;
}
.ds-atom-search-input-container .ds-atom-search-icon {
  background-size: 1.0625rem;
  color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: inline-block;
  height: 1.0625rem;
  width: 1.0625rem;
}
.ds-atom-search-input-container .ds-atom-search-icon.selected:hover {
  color: #1c97f5;
}
.ds-atom-search-input-container:focus {
  outline: none;
}
.ds-atom-search-input-container .ds-atom-search-input-normal {
  /* FF 19+ */
  /* FF 4-18 */
  /* IE 10+ */
}
.ds-atom-search-input-container .ds-atom-search-input-normal::-webkit-input-placeholder {
  padding-left: 1.5625rem;
}
.ds-atom-search-input-container .ds-atom-search-input-normal:focus::-webkit-input-placeholder {
  opacity: 0;
}
.ds-atom-search-input-container .ds-atom-search-input-normal:focus::-moz-placeholder {
  opacity: 0;
}
.ds-atom-search-input-container .ds-atom-search-input-normal:focus:-moz-placeholder {
  opacity: 0;
}
.ds-atom-search-input-container .ds-atom-search-input-normal:focus:-ms-input-placeholder {
  opacity: 0;
}
.ds-atom-search-input-container .ds-atom-search-input-normal:disabled + .ds-atom-search-icon {
  opacity: 0.5;
}
.ds-atom-search-input-container .ds-atom-search-input-normal:focus + .ds-atom-search-button .ds-atom-search-icon,
.ds-atom-search-input-container .ds-atom-search-input-normal:active + .ds-atom-search-button .ds-atom-search-icon {
  transition: 0.3s;
  color: rgba(35, 40, 46, 0.6);
}
.ds-atom-search-input-container .ds-atom-search-input-normal::-moz-placeholder {
  padding-left: 0;
}
.ds-atom-search-input-container .ds-atom-search-input-normal::placeholder {
  padding-left: 0;
}
.ds-atom-search-input-container .ds-atom-search-button {
  border: none;
  padding: 0;
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  z-index: 1;
}
.ds-atom-search-input-container .ds-atom-search-button:focus {
  outline: none;
}
.ds-atom-search-input-container .ds-atom-search-button.selected:hover .ds-atom-search-icon {
  color: #1c97f5;
}
.ds-atom-search-input-container .ds-atom-search-suggestions-list {
  box-sizing: border-box;
  margin-top: 0;
  width: 100%;
}
.ds-atom-checkbox {
  cursor: pointer;
  position: relative;
}
.ds-atom-checkbox input {
  display: none;
}
.ds-atom-checkbox .label {
  padding-left: 1.4375rem;
}
.ds-atom-checkbox:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 0.1875rem;
  background-color: #ffffff;
  box-shadow: inset 0 0.125rem 0 0 rgba(0, 0, 0, 0.05);
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
}
.ds-atom-checkbox.disabled:before {
  border: solid 0.0625rem rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}
.ds-atom-checkbox.checked:before {
  background-color: #1c97f5;
  border: solid 0.0625rem #1c97f5;
  box-shadow: none;
}
.ds-atom-checkbox.checked.disabled:before {
  background-color: #1c97f5;
  border: solid 0.0625rem #1c97f5;
  cursor: not-allowed;
  opacity: 0.5 / 100;
  filter: alpha(opacity=0.5);
  box-shadow: none;
}
.ds-atom-checkbox.checked:after {
  content: "";
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4Ij4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJiIiBkPSJNNC4zMjggNi41ODdhLjc3Mi43NzIgMCAwIDAtMS4xIDAgLjc5MS43OTEgMCAwIDAgMCAxLjExMUw0Ljc4MyA5LjI3YS43NzIuNzcyIDAgMCAwIDEuMSAwbDMuODktMy45MjlhLjc5MS43OTEgMCAwIDAgMC0xLjExLjc3Mi43NzIgMCAwIDAtMS4xIDBsLTMuMzQgMy4zNzItMS4wMDUtMS4wMTZ6Ii8+CiAgICAgICAgPGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTYzLjYlIiB4PSItMjUlIiB5PSItMjIuNyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgICAgICAgIDxmZU9mZnNldCBkeT0iLjUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIuNSIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjEgMCIvPgogICAgICAgIDwvZmlsdGVyPgogICAgPC9kZWZzPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMiAtNCkiPgogICAgICAgIDx1c2UgZmlsbD0iIzAwMCIgZmlsdGVyPSJ1cmwoI2EpIiB4bGluazpocmVmPSIjYiIvPgogICAgICAgIDx1c2UgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPgogICAgPC9nPgo8L3N2Zz4K);
  position: absolute;
  left: 0.125rem;
  top: 0.25rem;
  width: 0.8125rem;
  height: 0.8125rem;
}
.ds-atom-pagination {
  *zoom: 1;
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  border-radius: 0.1875rem;
  border: 0.0625rem solid rgba(28, 151, 245, 0.4);
  font-size: 0.875rem;
}
.ds-atom-pagination:before,
.ds-atom-pagination:after {
  display: table;
  content: "";
  line-height: 0;
}
.ds-atom-pagination:after {
  clear: both;
}
.ds-atom-pagination-element {
  float: left;
  background-color: #ffffff;
  padding: 0 0.8125rem;
  border-right: 0.0625rem solid rgba(28, 151, 245, 0.4);
  line-height: 2.0625rem;
  color: #1c97f5;
}
.ds-atom-pagination-element.selected {
  background-color: #1c97f5;
  color: #ffffff;
}
.ds-atom-pagination-element:disabled,
.ds-atom-pagination-element.disabled {
  pointer-events: none;
  color: rgba(35, 40, 46, 0.4);
  cursor: not-allowed;
}
.ds-atom-pagination-element:last-child {
  border: none;
}
.ds-atom-pagination-element:hover:not(.selected) {
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-atom-drop-down-cell,
.ds-atom-drop-down-row-cell,
.ds-atom-dialog-cell,
.ds-atom-drop-down-row-cell-active,
.ds-atom-drop-down-row-cell:hover {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  background-color: #ffffff;
  box-sizing: border-box;
  color: #23282e;
  padding: 0.5rem 0.625rem;
  min-width: 6.875rem;
  width: 100%;
  text-align: left;
  display: block;
  cursor: pointer;
}
.ds-atom-drop-down-cell:hover,
.ds-atom-drop-down-row-cell:hover,
.ds-atom-dialog-cell:hover,
.ds-atom-drop-down-cell:active,
.ds-atom-drop-down-row-cell:active,
.ds-atom-dialog-cell:active,
.ds-atom-drop-down-cell.active,
.ds-atom-drop-down-row-cell.active,
.ds-atom-dialog-cell.active {
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-atom-drop-down-cell.for-check,
.ds-atom-drop-down-row-cell.for-check,
.ds-atom-dialog-cell.for-check {
  padding-left: 2.1875rem;
}
.ds-atom-drop-down-cell.multiple,
.ds-atom-drop-down-row-cell.multiple,
.ds-atom-dialog-cell.multiple {
  padding: 0.5rem 2.1875rem 0.5rem 2.1875rem;
  width: inherit;
}
.ds-atom-drop-down-cell.multiple-apply,
.ds-atom-drop-down-row-cell.multiple-apply,
.ds-atom-dialog-cell.multiple-apply {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  text-align: right;
  color: #1c97f5;
  padding-right: 1.25rem;
}
.ds-atom-drop-down-cell.multiple-apply:hover,
.ds-atom-drop-down-row-cell.multiple-apply:hover,
.ds-atom-dialog-cell.multiple-apply:hover {
  background-color: #ffffff;
}
.ds-atom-drop-down-cell.selected,
.ds-atom-drop-down-row-cell.selected,
.ds-atom-dialog-cell.selected {
  position: relative;
  color: #1c97f5;
}
.ds-atom-drop-down-cell.selected:before,
.ds-atom-drop-down-row-cell.selected:before,
.ds-atom-dialog-cell.selected:before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMyAxMSI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImEiIGQ9Ik0zLjQwNjMzNzUsMTAuNjU1MTM1IEMzLjgwNzc0NjA0LDExLjExMjczOTcgNC40ODMzNzczOCwxMS4xMTUyODg5IDQuODg3NzU3MTEsMTAuNjYwNzI0NyBMMTIuNzE2MTc1OCwxLjg2MDc3OTczIEMxMy4xMDY1NDk1LDEuNDIxOTU5NjkgMTMuMDkyNDg4MSwwLjcyNTYyNTc1NiAxMi42ODQ3Njg5LDAuMzA1NDc0MzUyIEMxMi4yNzcwNDk3LC0wLjExNDY3NzA1MSAxMS42MzAwNjc2LC0wLjA5OTU0MzEzMzQgMTEuMjM5NjkzOSwwLjMzOTI3NjkwNCBMNC4yNSw4LjM4MDk1MjM4IEwxLjc2NTI0NDk3LDUuNTc5NTI3MjMgQzEuMzc3NzM5NTYsNS4xMzc3NzIxMyAwLjczMDg3MTkyOSw1LjExNzc1NjMxIDAuMzIwNDI1Njc4LDUuNTM0ODIwNjQgQy0wLjA5MDAyMDU3Myw1Ljk1MTg4NDk4IC0wLjEwODYxNzc5OCw2LjY0ODA5NTY5IDAuMjc4ODg3NjEzLDcuMDg5ODUwNzkgTDMuNDA2MzM3NSwxMC42NTUxMzUgWiIvPiAgPC9kZWZzPiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgPG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2EiLz4gICAgPC9tYXNrPiAgICA8ZyBmaWxsPSIjMUM5N0Y1IiBtYXNrPSJ1cmwoI2IpIj4gICAgICA8cmVjdCB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC0yKSIvPiAgICA8L2c+ICA8L2c+PC9zdmc+);
  position: absolute;
  left: 0.6875rem;
  top: 0.5625rem;
  width: 0.8125rem;
  height: 0.6875rem;
}
.ds-atom-drop-down-cell.selected.multiple:after,
.ds-atom-drop-down-row-cell.selected.multiple:after,
.ds-atom-dialog-cell.selected.multiple:after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5Ij4gIDxkZWZzPiAgICA8cGF0aCBpZD0iY3Jvc3NfMTUtYSIgZD0iTTcuNTM0MjI1MjksOC43MjQwNTM0NCBMNC40OTk4Mzk3Miw1LjY5MDU3MTI2IEwxLjQ2NTQ1NDE1LDguNzI0MDUzNDQgQzEuMTE0ODg1NTksOS4wNzU5MDQ5OCAwLjU2Mzk5MjEyOSw5LjA5MzAwMjYyIDAuMjM0ODg2OTQ1LDguNzY1NDQ3NzQgQy0wLjA5MzMyMzkzMTgsOC40MzYwOTMxIC0wLjA3NTQzNzc4MDUsNy44ODQ0NjkwOCAwLjI3NTEzMDc4NSw3LjUzNTMxNzE3IEwzLjMwOTUxNjM1LDQuNTAwMDM1MjQgTDAuMjc1MTMwNzg1LDEuNDY1NjUzMTggQy0wLjA3NjMzMjA4OCwxLjExMzgwMTY0IC0wLjA5MjQyOTYyNDIsMC41NjMwNzc0OTEgMC4yMzU3ODEyNTIsMC4yMzU1MjI2MDcgQzAuNTY0ODg2NDM2LC0wLjA5MjkzMjE1MzYgMS4xMTQ4ODU1OSwtMC4wNzU4MzQ1MDg1IDEuNDY1NDU0MTUsMC4yNzQyMTcyNzcgTDQuNDk5ODM5NzIsMy4zMDk0OTkyMSBMNy41MzQyMjUyOSwwLjI3NDIxNzI3NyBDNy44ODQ3OTM4NiwtMC4wNzU4MzQ1MDg1IDguNDM1Njg3MzIsLTAuMDkyOTMyMTUzNiA4Ljc2NDc5MjUsMC4yMzU1MjI2MDcgQzkuMDkzMDAzMzgsMC41NjM5NzczNjcgOS4wNzYwMTE1NCwxLjExNDcwMTUxIDguNzI0NTQ4NjYsMS40NjU2NTMxOCBMNS42OTAxNjMwOSw0LjUwMDAzNTI0IEw4LjcyNDU0ODY2LDcuNTM1MzE3MTcgQzkuMDc1MTE3MjMsNy44ODQ0NjkwOCA5LjA5MzAwMzM4LDguNDM1MTkzMjMgOC43NjM4OTgyLDguNzY0NTQ3ODYgQzguNDM2NTgxNjMsOS4wOTIxMDI3NSA3Ljg4NDc5Mzg2LDkuMDc1OTA0OTggNy41MzQyMjUyOSw4LjcyNDA1MzQ0IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxtYXNrIGlkPSJjcm9zc18xNS1iIiBmaWxsPSIjZmZmIj4gICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjcm9zc18xNS1hIi8+ICAgIDwvbWFzaz4gICAgPGcgZmlsbD0iIzIzMjgyRSIgZmlsbC1vcGFjaXR5PSIuNCIgbWFzaz0idXJsKCNjcm9zc18xNS1iKSI+ICAgICAgPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 0.5625rem;
  height: 0.5625rem;
}
/* stylelint-disable-next-line no-descending-specificity */
.ds-atom-drop-down-cell button {
  color: #23282e;
  background: none;
  border: 0;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  overflow: visible;
  outline: none;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}
.ds-atom-drop-down-cell.with-button {
  padding: 0;
}
.ds-atom-drop-down-cell.with-button > button {
  padding: 8px 10px;
  min-width: 110px;
  width: 100%;
  text-align: left;
  display: block;
  white-space: nowrap;
}
.ds-atom-dialog-cell-image {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4375rem;
}
.ds-atom-drop-down-row-cell-active,
.ds-atom-drop-down-row-cell:hover {
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-atom-tab-menu {
  *zoom: 1;
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  box-shadow: inset 0 -0.0625rem 0 0 rgba(0, 0, 0, 0.1);
  padding: 0 1.25rem;
}
.ds-atom-tab-menu:before,
.ds-atom-tab-menu:after {
  display: table;
  content: "";
  line-height: 0;
}
.ds-atom-tab-menu:after {
  clear: both;
}
.ds-atom-tab {
  background-color: transparent;
  border: none;
  float: left;
  line-height: 2.75rem;
  padding: 0 0.9375rem;
  color: rgba(35, 40, 46, 0.6);
  outline: none;
  border-radius: 0;
}
.ds-atom-tab.selected,
.ds-atom-tab:hover {
  color: #1c97f5;
  box-shadow: inset 0 -0.125rem 0 0 #1c97f5;
}
.ds-atom-row-cell {
  overflow: hidden;
  padding: 0.625rem;
  display: block;
  position: relative;
  box-shadow: inset 0 -0.0625rem 0 0 rgba(0, 0, 0, 0.1);
}
.ds-atom-row-cell:hover {
  background-color: rgba(28, 151, 245, 0.08);
  box-shadow: 0 -0.0625rem 0 0 rgba(28, 151, 245, 0.4), 0 0.0625rem 0 0 rgba(28, 151, 245, 0.4);
}
.ds-atom-row-cell-avatar {
  border-radius: 50%;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.05);
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
  margin-right: 0.625rem;
}
.ds-atom-row-cell-avatar:after {
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 0 0.0625rem inset rgba(0, 0, 0, 0.1);
}
.ds-atom-row-cell-text {
  margin: 0.25rem 0 0 3.75rem;
}
.ds-atom-row-cell-title {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #23282e;
  margin-bottom: 0.3125rem;
}
.ds-atom-row-cell-subtitle {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ds-atom-switch-slider {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  transition: 0.3s;
  border-radius: 0.3125rem;
  color: #ffffff;
  line-height: 1.875rem;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(35, 40, 46, 0.6);
  padding: 0 0.3125rem;
}
.ds-atom-switch-slider.rounded {
  border-radius: 0.9375rem;
}
.ds-atom-switch-slider.rounded:before {
  border-radius: 50%;
  height: 0.9375rem;
  width: 0.9375rem;
}
.ds-atom-switch-slider:before {
  border-radius: 0.25rem;
  transition: 0.3s;
  position: absolute;
  content: "";
  height: 1.625rem;
  width: 1.625rem;
  left: 0.125rem;
  bottom: 0.125rem;
  background-color: #ffffff;
}
.ds-atom-switch {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 1.875rem;
}
.ds-atom-switch.rounded {
  width: 2.25rem;
  height: 1.1875rem;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #1c97f5;
}
.ds-atom-switch.selected .ds-atom-switch-slider .ds-atom-switch-slider-selected {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
}
.ds-atom-switch.selected .ds-atom-switch-slider .ds-atom-switch-slider-not-selected {
  opacity: 0 / 100;
  filter: alpha(opacity=0);
}
.ds-atom-switch.selected .ds-atom-switch-slider:before {
  left: 3.25rem;
}
.ds-atom-switch.selected .ds-atom-switch-slider.rounded:before {
  left: auto;
  right: 2px;
}
.ds-atom-switch-cb {
  display: none;
}
.ds-atom-switch-cb:checked + .ds-atom-switch-slider {
  background-color: #1c97f5;
}
.ds-atom-switch-cb:checked + .ds-atom-switch-slider .ds-atom-switch-slider-selected {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
}
.ds-atom-switch-cb:checked + .ds-atom-switch-slider .ds-atom-switch-slider-not-selected {
  opacity: 0 / 100;
  filter: alpha(opacity=0);
}
.ds-atom-switch-cb:checked + .ds-atom-switch-slider:before {
  left: 3.25rem;
}
.ds-atom-switch-cb:checked + .ds-atom-switch-slider.rounded:before {
  left: auto;
  right: 2px;
}
.ds-atom-switch-slider-selected,
.ds-atom-switch-slider-not-selected {
  transition: 0.3s;
  opacity: 0 / 100;
  filter: alpha(opacity=0);
}
.ds-atom-switch-slider-not-selected {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
  float: right;
}
.ds-atom-switch-selected {
  background-color: #1c97f5;
}
.ds-atom-switch-selected .ds-atom-switch-slider-selected {
  opacity: 100 / 100;
  filter: alpha(opacity=100);
}
.ds-atom-switch-selected .ds-atom-switch-slider-not-selected {
  opacity: 0 / 100;
  filter: alpha(opacity=0);
}
.ds-atom-switch-selected:before {
  left: 3.25rem;
}
.ds-atom-switch-selected.rounded:before {
  left: auto;
  right: 2px;
}
.ds-atom-progress-bar {
  height: 0.5rem;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-atom-progress-bar-segment {
  width: 0;
  height: 0.5rem;
  border-radius: 0.75rem;
  background-image: linear-gradient(to right, rgba(0, 163, 86, 0.4), #00a356);
}
.ds-atom-chip {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
  line-height: 0.875rem;
  border-radius: 0.125rem;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(35, 40, 46, 0.6);
  padding: 0 0.25rem;
  min-width: 3.75rem;
  text-align: center;
}
.ds-atom-chip.subtle {
  line-height: 0.75rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  background-color: transparent;
}
.ds-atom-chip.positive {
  color: #ffffff;
  background-color: #00a356;
}
.ds-atom-chip.positive.subtle {
  border-color: rgba(0, 163, 86, 0.4);
  background-color: rgba(0, 163, 86, 0.08);
  color: #00a356;
}
.ds-atom-chip.negative {
  color: #ffffff;
  background-color: #e55353;
}
.ds-atom-chip.negative.subtle {
  border-color: rgba(229, 83, 83, 0.6);
  background-color: rgba(229, 83, 83, 0.1);
  color: #e55353;
}
.ds-atom-chip.warning {
  color: #ffffff;
  background-color: #ffa800;
}
.ds-atom-chip.warning.subtle {
  border-color: rgba(255, 168, 0, 0.4);
  background-color: rgba(255, 168, 0, 0.08);
  color: #ffa800;
}
.ds-atom-tag {
  height: 2.5rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 2.5rem;
  color: rgba(35, 40, 46, 0.6);
  display: inline-block;
  padding: 0.75rem 2.5rem 0.75rem 2.5rem;
  margin: 0.3125rem;
  position: relative;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.6);
}
.ds-atom-tag .ds-atom-avatar-small {
  position: absolute;
  left: 0.1875rem;
  top: 0.1875rem;
}
/* stylelint-disable-next-line no-descending-specificity */
.icon {
  height: 2em;
  width: 2em;
}
.ds-atom-option-picker-icon {
  vertical-align: middle;
  margin-right: 0.625rem;
}
.ds-atom-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.ds-atom-radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.ds-atom-radio .ds-atom-radio-button {
  position: relative;
  display: inline-block;
  height: 0.8125rem;
  width: 0.8125rem;
  border-radius: 50%;
  box-shadow: inset 0 0.125rem 0 0 rgba(0, 0, 0, 0.05);
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.ds-atom-radio .ds-atom-radio-button:after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.3125rem;
  height: 0.3125rem;
  box-shadow: inset 0 0.125rem 0 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  border-radius: 50%;
}
.ds-atom-radio .ds-atom-radio-label {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
  margin-left: 4px;
  line-height: 0.875rem;
}
.ds-atom-radio input:checked ~ .ds-atom-radio-button {
  background-color: #1c97f5;
  box-shadow: none;
}
.ds-atom-radio input:checked ~ .ds-atom-radio-button:after {
  display: block;
}
.ds-atom-radio input:disabled ~ .ds-atom-radio-button {
  border: solid 0.0625rem rgba(0, 0, 0, 0.05);
  box-shadow: none;
}
.ds-atom-radio input:disabled ~ .ds-atom-radio-button:after {
  display: none;
}
.ds-atom-radio input:checked:disabled ~ .ds-atom-radio-button {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.ds-atom-radio input:checked:disabled ~ .ds-atom-radio-button:after {
  display: block;
}
.ds-atom-radio:hover input:not(:disabled) ~ .ds-atom-radio-button {
  border-color: rgba(0, 0, 0, 0.4);
}
.ds-atom-radio .ds-atom-radio-button-custom {
  height: 0.9375rem;
  width: 0.9375rem;
}
.ds-atom-textarea {
  display: flex;
  flex-direction: column;
}
.ds-atom-textarea label {
  margin-bottom: 4px;
}
.ds-atom-textarea textarea {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 10px;
  border-radius: 3px;
  color: #23282e;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.05);
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  resize: none;
  outline: none;
  box-sizing: border-box;
}
.ds-atom-textarea textarea::-moz-placeholder {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-style: italic;
}
.ds-atom-textarea textarea::placeholder {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-style: italic;
}
.ds-atom-textarea textarea:hover {
  border-color: rgba(0, 0, 0, 0.2);
}
.ds-atom-textarea textarea:focus {
  border-color: #1c97f5;
}
.ds-atom-textarea .ds-atom-textarea-footer {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
  position: relative;
  color: rgba(35, 40, 46, 0.4);
  text-align: right;
}
.ds-atom-textarea.error textarea {
  border-color: #e55353;
}
.ds-atom-textarea.error .ds-atom-textarea-footer {
  color: #e55353;
}
.ds-atom-textarea.disabled textarea {
  border-color: rgba(0, 0, 0, 0.05);
}
.ds-atom-textarea.disabled textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.ds-atom-textarea.disabled textarea::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.ds-atom-textarea.disabled .ds-atom-textarea-footer {
  color: rgba(0, 0, 0, 0.1);
}
.ds-selectable-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ds-selectable-status-marker {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-selectable-status-marker--selected {
  border: solid 1px #1c97f5;
  background-color: #1c97f5;
}
.ds-selectable-status-marker-icon {
  display: block;
  width: 50%;
  height: 100%;
  margin: 0 auto;
  color: #ffffff;
}
.ds-atom-error-message {
  color: #e55353;
  height: 0.9375rem;
  line-height: 0.9375rem;
}
.ds-atom-input-file .ds-atom-input-file-list {
  margin-bottom: 0.625rem;
  list-style-type: none;
  padding: 0;
}
.ds-atom-input-file .ds-atom-input-file-caption {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
}
.ds-atom-input-file .ds-atom-input-file-name {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #1c97f5;
  font-size: 0.875rem;
  line-height: normal;
  display: flex;
  align-items: center;
}
.ds-atom-input-file .ds-atom-input-file-name span {
  flex: 1 1;
  margin-left: 8px;
}
.ds-atom-input-file .ds-atom-input-file-name button {
  padding: 0;
  background: none;
  box-shadow: none;
  border: none;
  color: rgba(35, 40, 46, 0.6);
  display: flex;
  align-items: center;
}
.ds-atom-input-file .ds-atom-input-file-name svg {
  width: 15px;
  height: 15px;
}
.ds-atom-input-file .ds-atom-input-file-error {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: normal;
  color: #e55353;
  display: inline-block;
  margin-left: 10px;
}
.ds-atom-input-file .ds-atom-input-file-control {
  /* stylelint-disable-next-line selector-max-type */
}
.ds-atom-input-file .ds-atom-input-file-control label {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: normal;
  color: #ffffff;
  background-color: #1c97f5;
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px 10px;
}
.ds-atom-input-file .ds-atom-input-file-control input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.ds-atom-input-file .ds-atom-input-file-control input:focus + label,
.ds-atom-input-file .ds-atom-input-file-control input + label:hover {
  background-color: rgba(28, 151, 245, 0.8);
}
.ds-atom-phone-input {
  box-shadow: inset 0 0.125rem 0 0 rgba(35, 40, 46, 0.1);
  box-sizing: border-box;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(35, 40, 46, 0.1);
  border-radius: 0.1875rem;
  display: inline-flex;
  position: relative;
  height: 2.1875rem;
  width: 100%;
}
.ds-atom-phone-input:hover {
  border: solid 0.0625rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.ds-atom-phone-input.focused {
  border: solid 0.0625rem #1c97f5;
  outline: none;
}
.ds-atom-phone-input.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ds-atom-phone-input.errored {
  border: 0.0625rem solid #e55353;
}
.ds-atom-phone-input .ds-atom-phone-input-number,
.ds-atom-phone-input .ds-atom-phone-input-country {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #23282e;
}
.ds-atom-phone-input .ds-atom-phone-input-country {
  display: flex;
  align-items: center;
  width: 6.5625rem;
  white-space: nowrap;
  line-height: normal;
}
.ds-atom-phone-input .ds-atom-phone-input-country:focus,
.ds-atom-phone-input .ds-atom-phone-input-country:hover {
  outline: none;
}
.ds-atom-phone-input .ds-atom-phone-input-country[disabled]:hover {
  cursor: not-allowed;
}
.ds-atom-phone-input .ds-atom-phone-input-number {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0.625rem;
  flex: 1 1 100%;
  width: 0;
}
.ds-atom-phone-input .ds-atom-phone-input-number::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-phone-input .ds-atom-phone-input-number:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-phone-input .ds-atom-phone-input-number::-ms-input-placeholder {
  /* Edge */
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-phone-input .ds-atom-phone-input-number::-webkit-input-placeholder {
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.4);
}
.ds-atom-phone-input .ds-atom-phone-input-number:-moz-placeholder-shown {
  /* Standard one last! */
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.4);
}
.ds-atom-phone-input .ds-atom-phone-input-number:placeholder-shown {
  /* Standard one last! */
  color: rgba(35, 40, 46, 0.4);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(35, 40, 46, 0.4);
}
.ds-atom-phone-input .ds-atom-phone-input-number:focus {
  outline: none;
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover {
  outline: none;
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover::-ms-input-placeholder {
  /* Edge */
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-style: oblique;
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover:-moz-placeholder-shown {
  /* Standard one last! */
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
}
.ds-atom-phone-input .ds-atom-phone-input-number:not([disabled]):hover:placeholder-shown {
  /* Standard one last! */
  color: rgba(0, 0, 0, 0.2);
  font-size: 0.875rem;
  font-style: oblique;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.2);
}
.ds-atom-phone-input .ds-atom-phone-input-number[disabled]:hover {
  cursor: not-allowed;
}
.ds-atom-phone-input .ds-atom-phone-input-dropdown {
  box-sizing: border-box;
  position: absolute;
  left: -1px;
  top: calc(100% + 0.3125rem);
  max-height: 13.25rem;
  overflow: auto;
  padding: 0.625rem 0;
  margin: 0;
  outline: none;
  will-change: transform;
}
.ds-atom-phone-input .ds-atom-phone-flag {
  flex: 0 0 1.4375rem;
  margin-right: 0.625rem;
}
.ds-atom-phone-input .ds-atom-phone-input-option {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  background: transparent;
  display: flex;
  border: none;
  box-shadow: none;
  align-items: center;
  padding: 0.3125rem 0.9375rem;
  color: rgba(35, 40, 46, 0.8);
  width: 100%;
  white-space: nowrap;
}
.ds-atom-phone-input .ds-atom-phone-input-option.selected,
.ds-atom-phone-input .ds-atom-phone-input-option:hover {
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-atom-upload-image {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 9rem;
  border-radius: 0.5rem;
  border: dashed 0.125rem rgba(0, 0, 0, 0.2);
  text-align: center;
}
.ds-atom-upload-image .ds-atom-upload-image-description {
  color: #23282e;
  margin-top: 0.6875rem;
}
.ds-atom-upload-image .ds-atom-upload-image-description span {
  color: #1c97f5;
}
.ds-atom-upload-image .ds-atom-upload-image-disclaimer {
  color: rgba(35, 40, 46, 0.4);
  margin-top: 0.1875rem;
}
.ds-atom-upload-image .ds-atom-upload-image-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.ds-atom-upload-image .ds-atom-upload-image-drop-message {
  color: #1c97f5;
}
.ds-atom-upload-image .ds-atom-btn-spinner-circle {
  color: #1c97f5;
}
.ds-atom-upload-image .ds-atom-upload-image-uploaded {
  position: absolute;
  width: calc(100% + 0.25rem);
  height: calc(100% + 0.25rem);
  top: -0.125rem;
  left: -0.125rem;
  border-radius: 0.5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}
.ds-atom-upload-image .ds-atom-upload-image-uploaded .ds-atom-upload-image-uploaded-remove {
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  outline: none;
  z-index: 3;
  cursor: pointer;
}
.ds-atom-upload-image .ds-atom-upload-image-uploaded .ds-atom-upload-image-uploaded-remove .ic-delete {
  position: relative;
  width: 0.9375rem;
  top: 0.0625rem;
  left: 0.125rem;
  color: #1c97f5;
}
.ds-atom-upload-image .ds-atom-upload-image-error-text {
  color: #e55353;
  position: absolute;
  bottom: -1.3125rem;
  left: -0.125rem;
}
.ds-atom-upload-image.file-error {
  border-color: #e55353;
  background-color: #ffffff;
}
.ds-atom-upload-image.uploading {
  border-color: rgba(28, 151, 245, 0.4);
  background-color: #ffffff;
}
.ds-atom-upload-image.dragging {
  border-color: rgba(28, 151, 245, 0.4);
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-atom-new-progress-bar {
  height: 0.5rem;
  border-radius: 0.75rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-atom-new-progress-bar .ds-atom-new-progress-bar-value {
  height: 0.5rem;
  border-radius: 0.75rem;
  background-attachment: fixed;
}
.ds-atom-new-progress-bar .ds-atom-new-progress-bar-value.yellow {
  background-image: linear-gradient(to right, #FFA800, #E55353);
}
.ds-atom-new-progress-bar .ds-atom-new-progress-bar-value.green {
  background-image: linear-gradient(to right, #66DF84, #00A356);
}
.ds-atom-new-progress-bar .ds-atom-new-progress-bar-value.blue {
  background-image: linear-gradient(to right, #34C5FF, #1C97F5);
}
.ds-atom-new-progress-bar .ds-atom-new-progress-bar-value.purple {
  background-image: linear-gradient(to right, #D868E2, #8522A4);
}
.ds-atom-new-progress-bar .ds-atom-new-progress-bar-value.is-animated {
  transition: width 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.ds-mol-title-table-bounds {
  background-color: #FBFBFB;
  color: rgba(35, 40, 46, 0.6);
}
.ds-mol-title-table-bounds > div,
.ds-mol-title-table-bounds th {
  padding-right: 1.25rem;
  text-transform: uppercase;
  text-align: right;
}
.ds-internal-table-row-base,
.ds-mol-title-table-bounds,
.ds-mol-table-row-single {
  display: table-row;
  height: 3.25rem;
  line-height: 3.25rem;
  width: 100%;
}
.ds-internal-table-row-base td,
.ds-mol-title-table-bounds td,
.ds-mol-table-row-single td {
  padding: 0.5rem 1.25rem;
}
.ds-internal-table-row-base td,
.ds-internal-table-row-base > div,
.ds-mol-title-table-bounds td,
.ds-mol-title-table-bounds > div,
.ds-mol-table-row-single td,
.ds-mol-table-row-single > div {
  display: table-cell;
}
.ds-internal-table-row-base th:first-child,
.ds-internal-table-row-base td:first-child,
.ds-internal-table-row-base > div:first-child,
.ds-mol-title-table-bounds th:first-child,
.ds-mol-title-table-bounds td:first-child,
.ds-mol-title-table-bounds > div:first-child,
.ds-mol-table-row-single th:first-child,
.ds-mol-table-row-single td:first-child,
.ds-mol-table-row-single > div:first-child {
  border-right: 1px solid rgba(35, 40, 46, 0.4);
  padding-left: 1.25rem;
  text-align: left;
}
.ds-mol-table-row-single {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 3.875rem;
  line-height: 3.875rem;
  text-align: right;
}
.ds-mol-validating-input-text-normal__error-message {
  display: block;
  min-height: 0.9375rem;
  margin-top: 0.125rem;
  text-align: right;
}
.ds-mol-input-field,
.ds-mol-input-multiselect {
  margin-bottom: 1.25rem;
}
.ds-mol-input-field input,
.ds-mol-input-field select,
.ds-mol-input-multiselect input,
.ds-mol-input-multiselect select {
  margin-top: 0.3125rem;
}
.ds-mol-input-field .error,
.ds-mol-input-field .field_with_errors span,
.ds-mol-input-multiselect .error,
.ds-mol-input-multiselect .field_with_errors span {
  color: #e55353;
  float: right;
  margin-top: 0.125rem;
}
.ds-mol-input-field .optional,
.ds-mol-input-multiselect .optional {
  color: rgba(35, 40, 46, 0.6);
}
.ds-mol-input-field .Select-control,
.ds-mol-input-multiselect .Select-control {
  overflow: inherit;
}
.ds-mol-dropdown,
.ds-mol-popover {
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
  border: 0.0625rem solid rgba(35, 40, 46, 0.1);
  position: relative;
  display: inline-block;
  padding: 0.25rem 0;
  background-color: #ffffff;
  z-index: 10;
}
.ds-mol-dropdown.top-arrow:after,
.ds-mol-popover.top-arrow:after,
.ds-mol-dropdown.bottom-arrow:after,
.ds-mol-popover.bottom-arrow:after,
.ds-mol-dropdown.top-arrow:before,
.ds-mol-popover.top-arrow:before,
.ds-mol-dropdown.bottom-arrow:before,
.ds-mol-popover.bottom-arrow:before {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
}
.ds-mol-dropdown.top-arrow:after,
.ds-mol-popover.top-arrow:after,
.ds-mol-dropdown.bottom-arrow:after,
.ds-mol-popover.bottom-arrow:after {
  border-width: 0.375rem;
  margin-left: -0.375rem;
}
.ds-mol-dropdown.top-arrow:before,
.ds-mol-popover.top-arrow:before,
.ds-mol-dropdown.bottom-arrow:before,
.ds-mol-popover.bottom-arrow:before {
  border-width: 0.4375rem;
  margin-left: -0.4375rem;
}
.ds-mol-dropdown.top-arrow:after,
.ds-mol-popover.top-arrow:after {
  right: 1rem;
  top: -0.6875rem;
  border-bottom-color: #ffffff;
}
.ds-mol-dropdown.top-arrow:before,
.ds-mol-popover.top-arrow:before {
  right: 0.9375rem;
  top: -0.875rem;
  border-bottom-color: rgba(35, 40, 46, 0.1);
}
.ds-mol-dropdown.bottom-arrow:after,
.ds-mol-popover.bottom-arrow:after {
  right: 1rem;
  bottom: -0.6875rem;
  border-top-color: #ffffff;
}
.ds-mol-dropdown.bottom-arrow:before,
.ds-mol-popover.bottom-arrow:before {
  right: 0.9375rem;
  bottom: -0.875rem;
  border-top-color: rgba(35, 40, 46, 0.1);
}
.ds-mol-dropdown.left-direction,
.ds-mol-popover.left-direction {
  right: 0;
  left: auto;
}
.ds-mol-dropdown.right-direction,
.ds-mol-popover.right-direction {
  left: 0;
  right: auto;
}
.ds-mol-dropdown .ds-atom-drop-down-cell,
.ds-mol-popover .ds-atom-drop-down-cell {
  padding: 0;
}
.ds-mol-quick-action-popover {
  line-height: 3.125rem;
  padding: 0.9375rem 0.8125rem;
  border-radius: 3.125rem;
  box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: inline-flex;
  position: relative;
}
.ds-mol-quick-action-popover .ds-mol-quick-action-popover-element {
  margin-right: 1.25rem;
}
.ds-mol-quick-action-popover .ds-mol-quick-action-popover-element:last-child {
  margin-right: 0;
}
.ds-mol-quick-action-popover.top-right-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  pointer-events: none;
  position: absolute;
  right: 1.5625rem;
  top: 0;
  transform: translateY(-100%);
}
.ds-mol-quick-action-popover.top-left-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  pointer-events: none;
  position: absolute;
  left: 1.5625rem;
  top: 0;
  transform: translateY(-100%);
}
.ds-mol-quick-action-popover.bottom-right-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  pointer-events: none;
  position: absolute;
  right: 1.5625rem;
  bottom: 0;
  transform: translateY(100%);
}
.ds-mol-quick-action-popover.bottom-left-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  pointer-events: none;
  position: absolute;
  left: 1.5625rem;
  bottom: 0;
  transform: translateY(100%);
}
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure {
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  padding-left: 2.8125rem;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure:before {
  border: 0.4375rem solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  left: 1.25rem;
  top: 1.0625rem;
  border-left-color: #23282e;
}
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-icon {
  color: #1c97f5;
  width: 1rem;
  height: 1rem;
  margin-right: 0.9375rem;
}
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text {
  box-shadow: inset 0 -0.0625rem 0 0 rgba(35, 40, 46, 0.1);
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
}
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text > .ds-mol-title-section-disclosure-text-subtitle {
  color: rgba(35, 40, 46, 0.4);
  margin-left: 0.625rem;
}
.ds-mol-section-disclosure > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text > .ds-mol-title-section-disclosure-text-badge {
  position: absolute;
  right: 0.625rem;
  top: 0.9375rem;
}
.ds-mol-section-disclosure.opened > .ds-mol-title-section-disclosure:before {
  top: 1.3125rem;
  left: 0.9375rem;
  border-left-color: transparent;
  border-top-color: #23282e;
}
.ds-mol-section-disclosure > .ds-mol-section-disclosure-content {
  margin-left: 4.6875rem;
  margin-top: 0.625rem;
  margin-right: 1.25rem;
}
.ds-mol-section-disclosure > .ds-mol-section-disclosure-content.tabed-content {
  margin-left: 3.75rem;
}
.ds-mol-section-disclosure.tabed-content {
  margin-left: 3.75rem;
}
.ds-mol-section-disclosure.closed > .ds-mol-section-disclosure-content {
  display: none;
}
.ds-mol-section-disclosure.disabled > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text {
  color: rgba(0, 0, 0, 0.1);
}
.ds-mol-section-disclosure.disabled > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-icon use {
  color: rgba(0, 0, 0, 0.1);
}
.ds-mol-section-disclosure.disabled > .ds-mol-title-section-disclosure:before {
  left: 1.25rem;
  top: 1.0625rem;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-top-color: transparent;
}
.ds-mol-section-disclosure.tabed .ds-mol-title-section-disclosure {
  padding-left: 28px;
}
.ds-mol-section-disclosure.tabed .ds-mol-title-section-disclosure:before {
  left: 0;
}
.ds-mol-section-disclosure.second-level > .ds-mol-title-section-disclosure {
  height: 1rem;
  padding-left: 1.25rem;
}
.ds-mol-section-disclosure.second-level > .ds-mol-title-section-disclosure:before {
  left: 0.25rem;
  top: 0.125rem;
}
.ds-mol-section-disclosure.second-level > .ds-mol-title-section-disclosure > .ds-mol-title-section-disclosure-text {
  box-shadow: none;
  height: 1rem;
}
.ds-mol-section-disclosure.second-level.opened > .ds-mol-title-section-disclosure:before {
  left: 0;
  top: 0.25rem;
}
.ds-mol-section-disclosure.second-level > .ds-mol-section-disclosure-content {
  margin-left: 1.25rem;
}
.ds-mol-popup-selector {
  position: absolute;
  z-index: 2;
  top: -3.125rem;
  left: -2.125rem;
  /* stylelint-disable no-descending-specificity */
}
.ds-mol-popup-selector.down {
  top: 1.4375rem;
  left: -2.125rem;
}
.ds-mol-popup-selector > div {
  box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 1.5625rem;
  background-color: #ffffff;
  padding: 0.8125rem 0.9375rem;
  display: flex;
  align-items: center;
}
.ds-mol-popup-selector.down > div {
  box-shadow: 0 -0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.ds-mol-popup-selector:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 0.625rem;
  bottom: -1.125rem;
  left: 1.9375rem;
  border-top-color: #ffffff;
}
.ds-mol-popup-selector.down:after {
  bottom: auto;
  top: -1.125rem;
  left: 1.9375rem;
  border-bottom-color: #ffffff;
  border-top-color: transparent;
}
.ds-mol-progress-info {
  display: flex;
  flex-direction: column;
  width: 15.625rem;
}
.ds-mol-progress-info .progress-bar-extra-info {
  display: flex;
  justify-content: space-between;
}
.ds-mol-progress-info .progress-bar-extra-info .progress-info-name {
  color: #23282e;
  margin-right: 0.3125rem;
}
.ds-mol-progress-info .progress-bar-extra-info .progress-info-figures {
  font-size: 0.75rem;
}
.ds-mol-progress-info .progress-bar-extra-info .progress-info-extra-text {
  color: #e55353;
  font-size: 0.625rem;
}
.ds-mol-progress-info.empty-level .progress-info-figures {
  color: #23282e;
}
.ds-mol-progress-info.empty-level .ds-atom-progress-bar-segment {
  width: 0;
}
.ds-mol-progress-info.basic-level .progress-info-figures {
  color: #ffa800;
}
.ds-mol-progress-info.basic-level .ds-atom-progress-bar-segment {
  width: 25%;
  background-image: linear-gradient(to right, #ffa800, #e55353);
}
.ds-mol-progress-info.medium-level .progress-info-figures {
  color: #66DF84;
}
.ds-mol-progress-info.medium-level .ds-atom-progress-bar-segment {
  width: 50%;
  background-image: linear-gradient(to right, #66DF84, #00a356);
}
.ds-mol-progress-info.advanced-level .progress-info-figures {
  color: #34C5FF;
}
.ds-mol-progress-info.advanced-level .ds-atom-progress-bar-segment {
  width: 75%;
  background-image: linear-gradient(to right, #34C5FF, #1c97f5);
}
.ds-mol-progress-info.pro-level .progress-info-figures {
  color: #D868E2;
}
.ds-mol-progress-info.pro-level .ds-atom-progress-bar-segment {
  width: 100%;
  background-image: linear-gradient(to right, #D868E2, #880ea5);
}
.ds-mol-option-picker {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ds-mol-option-picker .ds-mol-dropdown {
  position: absolute;
  top: 2.1875rem;
  z-index: 10;
}
.ds-mol-option-picker-trigger {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  border-radius: 0.1875rem;
  display: inline-block;
  position: relative;
  line-height: 2.1875rem;
  font-size: 0.75rem;
  color: rgba(35, 40, 46, 0.8);
  padding: 0 1.875rem 0 0.625rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  background-color: #ffffff;
}
.ds-mol-option-picker-trigger:hover {
  border-color: rgba(0, 0, 0, 0.2);
}
.ds-mol-option-picker-trigger:focus {
  border-color: #1c97f5;
  outline: none;
}
.ds-mol-option-picker-trigger.no-arrow {
  padding-right: 0.625rem;
}
.ds-mol-option-picker-trigger.no-arrow:after {
  display: none;
}
.ds-mol-option-picker-trigger.empty {
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.ds-mol-option-picker-trigger.empty:after {
  right: 0.4375rem;
  top: 0.625rem;
}
.ds-mol-option-picker-trigger.disabled {
  opacity: 40 / 100;
  filter: alpha(opacity=40);
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(100%);
}
.ds-mol-option-picker-closed:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(35, 40, 46, 0.4);
  pointer-events: none;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
}
.ds-mol-option-picker-closed:hover:after,
.ds-mol-option-picker-closed:focus:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(35, 40, 46, 0.8);
  pointer-events: none;
}
.ds-mol-option-picker-open:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(35, 40, 46, 0.4);
  pointer-events: none;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  transform: translateY(-50%);
}
.ds-mol-option-picker-open:hover:after,
.ds-mol-option-picker-open:focus:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(35, 40, 46, 0.8);
  pointer-events: none;
}
.ds-mol-option-picker-group {
  *zoom: 1;
  display: inline-block;
  border: 0.0625rem solid rgba(0, 0, 0, 0.1);
  border-radius: 0.1875rem;
}
.ds-mol-option-picker-group:before,
.ds-mol-option-picker-group:after {
  display: table;
  content: "";
  line-height: 0;
}
.ds-mol-option-picker-group:after {
  clear: both;
}
.ds-mol-option-picker-group .ds-mol-option-picker-trigger {
  border-radius: 0;
  float: left;
  border: none;
  border-right: 0.0625rem solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.ds-mol-option-picker-group .ds-mol-option-picker-trigger:hover:before {
  content: "";
  border: 0.0625rem solid #1c97f5;
  position: absolute;
  left: -0.0625rem;
  top: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
}
.ds-mol-option-picker-group .ds-mol-option-picker:first-child .ds-mol-option-picker-trigger:hover:before {
  border-top-left-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
}
.ds-mol-option-picker-group .ds-mol-option-picker:last-child .ds-mol-option-picker-trigger {
  border-right: none;
}
.ds-mol-option-picker-group .ds-mol-option-picker:last-child .ds-mol-option-picker-trigger:hover:before {
  border-top-right-radius: 0.1875rem;
  border-bottom-right-radius: 0.1875rem;
}
.ds-mol-month-picker-header .ds-arrow {
  background-color: transparent;
  border: none;
  line-height: 17px;
  margin: 15px;
  padding: 0;
}
.ds-mol-month-picker-header .ds-arrow:hover,
.ds-mol-month-picker-header .ds-arrow:focus {
  outline: none;
}
.ds-mol-month-picker-header .ds-arrow .arrow {
  fill: rgba(35, 40, 46, 0.4);
  vertical-align: middle;
  width: 23px;
  height: 17px;
  color: rgba(35, 40, 46, 0.4);
}
.ds-mol-month-picker-header .ds-arrow .arrow:hover {
  color: rgba(28, 151, 245, 0.8);
}
.ds-mol-month-picker-header .ds-arrow-left {
  background-color: transparent;
  border: none;
  line-height: 17px;
  margin: 15px;
  padding: 0;
  color: rgba(35, 40, 46, 0.4);
  cursor: pointer;
  float: left;
}
.ds-mol-month-picker-header .ds-arrow-left:hover,
.ds-mol-month-picker-header .ds-arrow-left:focus {
  outline: none;
}
.ds-mol-month-picker-header .ds-arrow-left .arrow {
  fill: rgba(35, 40, 46, 0.4);
  vertical-align: middle;
  width: 23px;
  height: 17px;
  color: rgba(35, 40, 46, 0.4);
}
.ds-mol-month-picker-header .ds-arrow-left .arrow:hover {
  color: rgba(28, 151, 245, 0.8);
}
.ds-mol-month-picker-header .ds-arrow-right {
  background-color: transparent;
  border: none;
  line-height: 17px;
  margin: 15px;
  padding: 0;
  color: rgba(35, 40, 46, 0.4);
  cursor: pointer;
  float: right;
  transform: rotate(180deg);
}
.ds-mol-month-picker-header .ds-arrow-right:hover,
.ds-mol-month-picker-header .ds-arrow-right:focus {
  outline: none;
}
.ds-mol-month-picker-header .ds-arrow-right .arrow {
  fill: rgba(35, 40, 46, 0.4);
  vertical-align: middle;
  width: 23px;
  height: 17px;
  color: rgba(35, 40, 46, 0.4);
}
.ds-mol-month-picker-header .ds-arrow-right .arrow:hover {
  color: rgba(28, 151, 245, 0.8);
}
.ds-mol-month-picker-container {
  background: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 265px;
  z-index: 20;
  left: 1px;
  top: 38px;
}
.ds-mol-month-picker {
  box-sizing: border-box;
  display: block;
  overflow: auto;
  position: relative;
  white-space: normal;
  width: 100%;
}
.ds-mol-month-picker:focus {
  outline: none;
}
.ds-mol-month-picker-month {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  cursor: pointer;
  display: inline-block;
  transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
  outline: none;
  padding: 15px 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 33.3%;
}
.ds-mol-month-picker-month:hover {
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-mol-month-picker-month.selected {
  background-color: #1c97f5;
  color: #ffffff;
}
.ds-mol-month-picker-year {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  display: inline-block;
  left: 50%;
  line-height: 17px;
  margin-bottom: 0.5rem;
  margin-top: 15px;
  position: absolute;
  transform: translateX(-50%);
}
/* stylelint-disable no-descending-specificity */
.ds-org-table {
  border-radius: 0.375rem;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1);
  display: table;
  background-color: #ffffff;
  border: solid 0.0625rem rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: 0.625rem;
}
.ds-org-table thead {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ds-org-table tbody > .ds-mol-table-row-single {
  box-shadow: none;
}
.ds-org-table tbody > .ds-mol-table-row-single ~ .ds-mol-table-row-single {
  box-shadow: inset 0 0.0625rem 0 0 rgba(35, 40, 46, 0.1);
}
.ds-org-table tbody > .ds-mol-table-row-single-highlighted,
.ds-org-table tbody > .ds-mol-table-row-single:hover {
  box-shadow: inset 0 -0.0625rem 0 0 rgba(28, 151, 245, 0.4), inset 0 0.0625rem 0 0 rgba(28, 151, 245, 0.4);
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-org-table tbody > .ds-mol-table-row-single-highlighted + .ds-mol-table-row-single,
.ds-org-table tbody > .ds-mol-table-row-single:hover + .ds-mol-table-row-single {
  box-shadow: none;
}
.ds-org-blank-slate {
  text-align: center;
}
.ds-org-blank-slate-image-container {
  margin: 0 auto 0.625rem;
  height: 5.625rem;
  width: 5.625rem;
}
.ds-org-blank-slate-image {
  display: inline-block;
  margin-bottom: 1.5625rem;
}
.ds-org-blank-slate-header {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #23282e;
  margin: 0 auto 1.25rem;
  max-width: 19.6875rem;
}
.ds-org-blank-slate-paragraph {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: rgba(35, 40, 46, 0.6);
  margin: 0 auto 1.5625rem;
  line-height: 1.25rem;
  max-width: 19.6875rem;
}
.ds-org-snack-bar {
  border-radius: 1.25rem;
  width: 25rem;
  padding: 1.25rem;
  background-color: #23282e;
  box-shadow: 0 0.25rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.ds-org-snack-bar .title {
  color: #ffffff;
  margin-bottom: 0.625rem;
}
.ds-org-snack-bar .message {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.125rem;
}
.ds-org-snack-bar .close-snack-bar-icon {
  width: 9px;
  height: 9px;
}
.ds-org-snack-bar .dismiss {
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  color: rgba(255, 255, 255, 0.6);
}
.ds-org-snack-bar .dismiss:focus {
  outline: none;
}
.ds-org-snack-bar .dismiss:hover {
  color: rgba(255, 255, 255, 0.8);
}
.ds-org-snack-bar.error {
  background-color: #e55353;
}
.ds-org-snack-bar.dynamic {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  z-index: 2;
}
.ds-org-snack-bar.dynamic.transition-appear {
  bottom: -150px;
}
.ds-org-snack-bar.dynamic.transition-appear-active {
  bottom: 50px;
  transition: bottom 0.5s ease;
}
.ds-org-snack-bar.dynamic.transition-exit {
  transition: opacity 0.7s ease;
  opacity: 1;
}
.ds-org-snack-bar.dynamic.transition-exit-active {
  opacity: 0;
}
.ds-org-modal {
  border-radius: 0.1875rem;
  box-shadow: 0 0.125rem 0.5rem rgba(35, 40, 46, 0.1);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background-color: #ffffff;
  position: absolute;
  top: 9.375rem;
  left: 50%;
  padding: 1.25rem;
  min-width: 28.125rem;
  max-width: 37.5rem;
  outline: none;
}
.ds-org-modal-header {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  margin: 0 0 0.3125rem;
}
.ds-org-modal-text {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  line-height: 1.125rem;
}
.ds-org-modal-footer {
  text-align: right;
  padding-top: 1.25rem;
}
.ds-org-modal-footer.separated {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
  margin-top: 1.25rem;
}
.ds-org-modal-footer-button {
  margin-left: 0.625rem;
}
.ds-org-modal-close {
  cursor: pointer;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 0.5625rem;
  height: 0.5625rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOSA5Ij4gIDxkZWZzPiAgICA8cGF0aCBpZD0iY3Jvc3NfMTUtYSIgZD0iTTcuNTM0MjI1MjksOC43MjQwNTM0NCBMNC40OTk4Mzk3Miw1LjY5MDU3MTI2IEwxLjQ2NTQ1NDE1LDguNzI0MDUzNDQgQzEuMTE0ODg1NTksOS4wNzU5MDQ5OCAwLjU2Mzk5MjEyOSw5LjA5MzAwMjYyIDAuMjM0ODg2OTQ1LDguNzY1NDQ3NzQgQy0wLjA5MzMyMzkzMTgsOC40MzYwOTMxIC0wLjA3NTQzNzc4MDUsNy44ODQ0NjkwOCAwLjI3NTEzMDc4NSw3LjUzNTMxNzE3IEwzLjMwOTUxNjM1LDQuNTAwMDM1MjQgTDAuMjc1MTMwNzg1LDEuNDY1NjUzMTggQy0wLjA3NjMzMjA4OCwxLjExMzgwMTY0IC0wLjA5MjQyOTYyNDIsMC41NjMwNzc0OTEgMC4yMzU3ODEyNTIsMC4yMzU1MjI2MDcgQzAuNTY0ODg2NDM2LC0wLjA5MjkzMjE1MzYgMS4xMTQ4ODU1OSwtMC4wNzU4MzQ1MDg1IDEuNDY1NDU0MTUsMC4yNzQyMTcyNzcgTDQuNDk5ODM5NzIsMy4zMDk0OTkyMSBMNy41MzQyMjUyOSwwLjI3NDIxNzI3NyBDNy44ODQ3OTM4NiwtMC4wNzU4MzQ1MDg1IDguNDM1Njg3MzIsLTAuMDkyOTMyMTUzNiA4Ljc2NDc5MjUsMC4yMzU1MjI2MDcgQzkuMDkzMDAzMzgsMC41NjM5NzczNjcgOS4wNzYwMTE1NCwxLjExNDcwMTUxIDguNzI0NTQ4NjYsMS40NjU2NTMxOCBMNS42OTAxNjMwOSw0LjUwMDAzNTI0IEw4LjcyNDU0ODY2LDcuNTM1MzE3MTcgQzkuMDc1MTE3MjMsNy44ODQ0NjkwOCA5LjA5MzAwMzM4LDguNDM1MTkzMjMgOC43NjM4OTgyLDguNzY0NTQ3ODYgQzguNDM2NTgxNjMsOS4wOTIxMDI3NSA3Ljg4NDc5Mzg2LDkuMDc1OTA0OTggNy41MzQyMjUyOSw4LjcyNDA1MzQ0IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxtYXNrIGlkPSJjcm9zc18xNS1iIiBmaWxsPSIjZmZmIj4gICAgICA8dXNlIHhsaW5rOmhyZWY9IiNjcm9zc18xNS1hIi8+ICAgIDwvbWFzaz4gICAgPGcgZmlsbD0iIzIzMjgyRSIgZmlsbC1vcGFjaXR5PSIuNCIgbWFzaz0idXJsKCNjcm9zc18xNS1iKSI+ICAgICAgPHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMyAtMykiLz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  padding: 0;
  z-index: 5;
}
.ds-org-modal-close:hover .ds-org-modal-close-icon {
  color: #23282e;
}
.ds-org-modal-close:focus {
  outline: none;
}
.ds-org-modal.with-image {
  width: 27.5rem;
  box-sizing: border-box;
}
.ds-org-modal.with-image .ds-org-modal-header,
.ds-org-modal.with-image .ds-org-modal-text {
  text-align: center;
}
.ds-org-modal.with-image .ds-org-modal-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 1.875rem;
}
.ds-org-modal.with-image .ds-org-modal-footer-button {
  width: 12.125rem;
  margin-left: 0;
  margin-right: 22px;
}
.ds-org-modal.with-image .ds-org-modal-footer-button:last-child {
  margin-right: 0;
}
.ds-org-modal-image {
  display: block;
  margin: 1.25rem auto 1.875rem;
  height: 5.625rem;
  width: 5.625rem;
}
.ds-org-modal-overlay {
  background-color: rgba(35, 40, 46, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.ds-org-confirm-modal {
  background-color: #ffffff;
  color: #23282e;
  left: 50%;
  padding: 20px;
  position: fixed;
  text-align: left;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  white-space: pre-line;
  width: 440px;
  border-radius: 3px;
}
.ds-org-confirm-modal .ds-org-confirm-modal-header {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
  font-size: 24px;
  margin-bottom: 5px;
}
.ds-org-confirm-modal .ds-org-confirm-modal-text {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  line-height: 1.35;
  padding-bottom: 20px;
}
.ds-org-confirm-modal .ds-org-confirm-modal-buttons {
  float: right;
  margin-top: 20px;
}
.ds-org-confirm-modal .ds-org-confirm-modal-buttons .ds-org-confirm-modal-right-button {
  margin-left: 20px;
}
.ds-stackview {
  z-index: 10;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  min-width: 30rem;
  background-color: #FFF;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.1);
}
.ds-stackview > .title,
.ds-stackview > .content,
.ds-stackview > .footer {
  color: #4B5A66;
}
.ds-stackview > .title {
  font-size: 1.5rem;
  line-height: 1;
  border-bottom: 1px solid #e6e6e6;
  padding: 1.0625rem 3rem 0.8125rem 1.25rem;
  position: relative;
}
.ds-stackview .close {
  position: absolute;
  right: 1.5625rem;
  top: 50%;
  border: none;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}
.ds-stackview .close-stack-view-icon {
  width: 0.5625rem;
  height: 0.5625rem;
}
.ds-stackview .content {
  flex: auto;
}
.ds-stackview .content > .ds-tabs-panel {
  padding-left: 0;
  padding-right: 0;
}
.ds-stackview .content-element {
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.ds-stackview .content-element:last-child {
  padding: 1.25rem;
}
.ds-stackview .footer {
  padding: 1.25rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
.ds-tooltip-container {
  cursor: default;
  position: relative;
}
.ds-tooltip-trigger-icon {
  color: #23282e;
  height: 1.375rem;
  pointer-events: none;
  width: 1.25rem;
}
.ds-tooltip {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  background-color: #23282e;
  border-radius: 0.3125rem;
  color: #ffffff;
  display: block;
  font-weight: 400;
  max-width: 18.75rem;
  padding: 0.9375rem;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}
.ds-tooltip:before {
  border: solid transparent;
  border-bottom-color: #23282E;
  border-width: 8px;
  content: "";
  height: 0;
  left: 0.8125rem;
  position: absolute;
  top: -0.9375rem;
  width: 0;
}
.ds-tooltip.clear {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: rgba(35, 40, 46, 0.8);
}
.ds-tooltip.clear:after {
  border: solid transparent;
  border-bottom-color: #ffffff;
  border-width: 8px;
  content: "";
  height: 0;
  left: 0.8125rem;
  position: absolute;
  top: -0.9375rem;
  width: 0;
}
.ds-tooltip.clear:before {
  content: "";
  border: solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-width: 8px;
  height: 0;
  left: 0.8125rem;
  position: absolute;
  top: -1rem;
  width: 0;
}
.ds-organisms-toolbar-internal {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-left-content {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  display: flex;
  align-items: center;
  color: rgba(35, 40, 46, 0.8);
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-filter {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-filter-item {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  position: relative;
  display: flex;
  align-items: center;
  height: 2.125rem;
  padding: 0 0.625rem;
  margin-right: 0.3125rem;
  color: #1c97f5;
  background-color: transparent;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  outline: none;
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-filter-item.selected {
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-filter-clear {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  position: relative;
  display: flex;
  align-items: center;
  height: 2.125rem;
  padding: 0 0.625rem 0 0.9375rem;
  color: #1c97f5;
  background-color: transparent;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  outline: none;
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-filter-clear:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.0625rem;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
}
.ds-organisms-toolbar-internal .ds-organisms-toolbar-internal-filter-clear.disabled {
  color: rgba(35, 40, 46, 0.4);
  cursor: not-allowed;
}
.ds-organisms-wizard {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  z-index: 1000;
}
.ds-organisms-wizard .ds-organisms-wizard-header {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ds-organisms-wizard .ds-organisms-wizard-header .ds-organisms-wizard-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 0;
  border: 0;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
.ds-organisms-wizard .ds-organisms-wizard-header .ds-organisms-wizard-cross {
  width: 9px;
  height: 9px;
  color: rgba(35, 40, 46, 0.6);
}
.ds-organisms-wizard .ds-organisms-wizard-content {
  flex: 1 1;
  overflow: auto;
  padding: 0 100px;
  margin-bottom: 75px;
}
.ds-organisms-wizard .ds-organisms-wizard-actions {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 75px;
  padding: 0 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.ds-organisms-wizard-step .ds-organisms-wizard-step-index {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-organisms-wizard-step .ds-organisms-wizard-step-title {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin-top: 10px;
  font-size: 36px;
  line-height: 36px;
  color: #23282e;
}
.ds-organisms-wizard-step .ds-organisms-wizard-step-description {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-top: 15px;
  color: rgba(35, 40, 46, 0.6);
}
.ds-organisms-wizard-progress {
  display: flex;
  justify-content: center;
  height: 109px;
  padding-top: 36px;
}
.ds-organisms-wizard-progress-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 172px;
  padding: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.ds-organisms-wizard-progress-item .ds-organisms-wizard-progress-item-signal {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background-color: #ffffff;
  border-radius: 50%;
  color: rgba(35, 40, 46, 0.6);
}
.ds-organisms-wizard-progress-item .ds-organisms-wizard-progress-item-signal:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-organisms-wizard-progress-item .ds-organisms-wizard-progress-item-title {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-top: 13px;
  color: rgba(35, 40, 46, 0.4);
}
.ds-organisms-wizard-progress-item:before {
  content: "";
  position: absolute;
  top: 16px;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.ds-organisms-wizard-progress-item:first-child:before {
  width: 50%;
  left: 50%;
}
.ds-organisms-wizard-progress-item:last-child:before {
  width: 50%;
  right: 50%;
}
.ds-organisms-wizard-progress-item:first-child:last-child:before {
  display: none;
}
.ds-organisms-wizard-progress-item.current .ds-organisms-wizard-progress-item-signal:before {
  background-color: rgba(28, 151, 245, 0.4);
}
.ds-organisms-wizard-progress-item.current .ds-organisms-wizard-progress-item-signal:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1c97f5;
  border-radius: 50%;
}
.ds-organisms-wizard-progress-item.current .ds-organisms-wizard-progress-item-title {
  color: #1c97f5;
}
.ds-organisms-wizard-progress-item.checked .ds-organisms-wizard-progress-item-signal:before {
  background-color: transparent;
}
.ds-organisms-wizard-progress-item.checked .ds-organisms-wizard-progress-item-signal .icon {
  width: 16px;
  height: 16px;
  color: #00a356;
}
.ds-organisms-wizard-progress-item.checked .ds-organisms-wizard-progress-item-title {
  color: #00a356;
}
.ds-organisms-alert {
  border-radius: 5px;
  padding: 0.875rem;
  display: flex;
}
.ds-organisms-alert__content {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  line-height: 1.0625rem;
  color: #23282e;
  flex: 1 1 auto;
}
.ds-organisms-alert__action {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  margin-left: 0.9375rem;
  padding: 0;
  line-height: normal;
  border: none;
  box-shadow: none;
  background-color: transparent;
  outline: none;
}
.ds-organisms-alert__action:active {
  opacity: 0.5;
}
.ds-organisms-alert__action .icon {
  width: 0.5625rem;
  height: 0.5625rem;
}
.ds-organisms-alert--info {
  border: solid 1px rgba(28, 151, 245, 0.4);
  background-color: rgba(28, 151, 245, 0.08);
}
.ds-organisms-alert--info .ds-organisms-alert__action {
  color: #1c97f5;
}
.ds-organisms-alert--success {
  border: solid 1px rgba(0, 163, 86, 0.4);
  background-color: rgba(0, 163, 86, 0.08);
}
.ds-organisms-alert--success .ds-organisms-alert__action {
  color: #00a356;
}
.ds-organisms-alert--danger {
  border: solid 1px rgba(229, 83, 83, 0.6);
  background-color: rgba(229, 83, 83, 0.1);
}
.ds-organisms-alert--danger .ds-organisms-alert__action {
  color: #e55353;
}
.ds-organisms-alert--warning {
  border: solid 1px rgba(255, 168, 0, 0.4);
  background-color: rgba(255, 168, 0, 0.08);
}
.ds-organisms-alert--warning .ds-organisms-alert__action {
  color: #ffa800;
}
/*
  Flags sprite styles
*/
.flag {
  background-size: 373px 340px;
  width: 23px;
  height: 17px;
}
.flag-ad {
  background-position: 0 0;
}
.flag-ae {
  background-position: -25px 0;
}
.flag-af {
  background-position: 0 -19px;
}
.flag-ag {
  background-position: -25px -19px;
}
.flag-ai {
  background-position: -50px 0;
}
.flag-al {
  background-position: -50px -19px;
}
.flag-am {
  background-position: 0 -38px;
}
.flag-ao {
  background-position: -25px -38px;
}
.flag-ar {
  background-position: -50px -38px;
}
.flag-as {
  background-position: -75px 0;
}
.flag-at {
  background-position: -75px -19px;
}
.flag-au {
  background-position: -75px -38px;
}
.flag-aw {
  background-position: 0 -57px;
}
.flag-ax {
  background-position: -25px -57px;
}
.flag-az {
  background-position: -50px -57px;
}
.flag-ba {
  background-position: -75px -57px;
}
.flag-bb {
  background-position: 0 -76px;
}
.flag-bd {
  background-position: -25px -76px;
}
.flag-be {
  background-position: -50px -76px;
}
.flag-bf {
  background-position: -75px -76px;
}
.flag-bg {
  background-position: -100px 0;
}
.flag-bh {
  background-position: -100px -19px;
}
.flag-bi {
  background-position: -100px -38px;
}
.flag-bj {
  background-position: -100px -57px;
}
.flag-bl {
  background-position: -100px -76px;
}
.flag-bm {
  background-position: 0 -95px;
}
.flag-bn {
  background-position: -25px -95px;
}
.flag-bo {
  background-position: -50px -95px;
}
.flag-br {
  background-position: -75px -95px;
}
.flag-bs {
  background-position: -100px -95px;
}
.flag-bt {
  background-position: -125px 0;
}
.flag-bv {
  background-position: -125px -19px;
}
.flag-bw {
  background-position: -125px -38px;
}
.flag-by {
  background-position: -125px -57px;
}
.flag-bz {
  background-position: -125px -76px;
}
.flag-ca {
  background-position: -125px -95px;
}
.flag-cc {
  background-position: 0 -114px;
}
.flag-cd {
  background-position: -25px -114px;
}
.flag-cf {
  background-position: -50px -114px;
}
.flag-cg {
  background-position: -75px -114px;
}
.flag-ch-2 {
  background-position: -100px -114px;
}
.flag-ch {
  background-position: -125px -114px;
}
.flag-ci {
  background-position: -150px 0;
}
.flag-ck {
  background-position: -150px -19px;
}
.flag-cl {
  background-position: -150px -38px;
}
.flag-cm {
  background-position: -150px -57px;
}
.flag-cn {
  background-position: -150px -76px;
}
.flag-co {
  background-position: -150px -95px;
}
.flag-cr {
  background-position: -150px -114px;
}
.flag-cu {
  background-position: 0 -133px;
}
.flag-cv {
  background-position: -25px -133px;
}
.flag-cw {
  background-position: -50px -133px;
}
.flag-cx {
  background-position: -75px -133px;
}
.flag-cy {
  background-position: -100px -133px;
}
.flag-cz {
  background-position: -125px -133px;
}
.flag-de {
  background-position: -150px -133px;
}
.flag-dj {
  background-position: 0 -152px;
}
.flag-dk {
  background-position: -25px -152px;
}
.flag-dm {
  background-position: -50px -152px;
}
.flag-do {
  background-position: -75px -152px;
}
.flag-dz {
  background-position: -100px -152px;
}
.flag-ec {
  background-position: -125px -152px;
}
.flag-ee {
  background-position: -150px -152px;
}
.flag-eg {
  background-position: -175px 0;
}
.flag-er {
  background-position: -175px -19px;
}
.flag-es {
  background-position: -175px -38px;
}
.flag-et {
  background-position: -175px -57px;
}
.flag-eu {
  background-position: -175px -76px;
}
.flag-fi {
  background-position: -175px -95px;
}
.flag-fj {
  background-position: -175px -114px;
}
.flag-fk {
  background-position: -175px -133px;
}
.flag-fm {
  background-position: -175px -152px;
}
.flag-fo {
  background-position: 0 -171px;
}
.flag-fr {
  background-position: -25px -171px;
}
.flag-ga {
  background-position: -50px -171px;
}
.flag-gb-eng {
  background-position: -75px -171px;
}
.flag-gb-nir {
  background-position: -100px -171px;
}
.flag-gb-sct {
  background-position: -125px -171px;
}
.flag-gb-wls {
  background-position: -150px -171px;
}
.flag-gb-zet {
  background-position: -175px -171px;
}
.flag-gb {
  background-position: -200px 0;
}
.flag-gd {
  background-position: -200px -19px;
}
.flag-ge {
  background-position: -200px -38px;
}
.flag-gf {
  background-position: -200px -57px;
}
.flag-gg {
  background-position: -200px -76px;
}
.flag-gh {
  background-position: -200px -95px;
}
.flag-gi {
  background-position: -200px -114px;
}
.flag-gl {
  background-position: -200px -133px;
}
.flag-gm {
  background-position: -200px -152px;
}
.flag-gn {
  background-position: -200px -171px;
}
.flag-gp {
  background-position: 0 -190px;
}
.flag-gq {
  background-position: -25px -190px;
}
.flag-gr {
  background-position: -50px -190px;
}
.flag-gs {
  background-position: -75px -190px;
}
.flag-gt {
  background-position: -100px -190px;
}
.flag-gu {
  background-position: -125px -190px;
}
.flag-gw {
  background-position: -150px -190px;
}
.flag-gy {
  background-position: -175px -190px;
}
.flag-hk {
  background-position: -200px -190px;
}
.flag-hm {
  background-position: -225px 0;
}
.flag-hn {
  background-position: -225px -19px;
}
.flag-hr {
  background-position: -225px -38px;
}
.flag-ht {
  background-position: -225px -57px;
}
.flag-hu {
  background-position: -225px -76px;
}
.flag-id {
  background-position: -225px -95px;
}
.flag-ie {
  background-position: -225px -114px;
}
.flag-il {
  background-position: -225px -133px;
}
.flag-im {
  background-position: -225px -152px;
}
.flag-in {
  background-position: -225px -171px;
}
.flag-io {
  background-position: -225px -190px;
}
.flag-iq {
  background-position: 0 -209px;
}
.flag-ir {
  background-position: -25px -209px;
}
.flag-is {
  background-position: -50px -209px;
}
.flag-it {
  background-position: -75px -209px;
}
.flag-je {
  background-position: -100px -209px;
}
.flag-jm {
  background-position: -125px -209px;
}
.flag-jo {
  background-position: -150px -209px;
}
.flag-jp {
  background-position: -175px -209px;
}
.flag-ke {
  background-position: -200px -209px;
}
.flag-kg {
  background-position: -225px -209px;
}
.flag-kh {
  background-position: 0 -228px;
}
.flag-ki {
  background-position: -25px -228px;
}
.flag-km {
  background-position: -50px -228px;
}
.flag-kn {
  background-position: -75px -228px;
}
.flag-kp {
  background-position: -100px -228px;
}
.flag-kr {
  background-position: -125px -228px;
}
.flag-kw {
  background-position: -150px -228px;
}
.flag-ky {
  background-position: -175px -228px;
}
.flag-kz {
  background-position: -200px -228px;
}
.flag-la {
  background-position: -225px -228px;
}
.flag-lb {
  background-position: -250px 0;
}
.flag-lc {
  background-position: -250px -19px;
}
.flag-lgbt {
  background-position: -250px -38px;
}
.flag-li {
  background-position: -250px -57px;
}
.flag-lk {
  background-position: -250px -76px;
}
.flag-lr {
  background-position: -250px -95px;
}
.flag-ls {
  background-position: -250px -114px;
}
.flag-lt {
  background-position: -250px -133px;
}
.flag-lu {
  background-position: -250px -152px;
}
.flag-lv {
  background-position: -250px -171px;
}
.flag-ly {
  background-position: -250px -190px;
}
.flag-ma {
  background-position: -250px -209px;
}
.flag-mc {
  background-position: -250px -228px;
}
.flag-md {
  background-position: 0 -247px;
}
.flag-me {
  background-position: -25px -247px;
}
.flag-mg {
  background-position: -50px -247px;
}
.flag-mh {
  background-position: -75px -247px;
}
.flag-mk {
  background-position: -100px -247px;
}
.flag-ml {
  background-position: -125px -247px;
}
.flag-mm {
  background-position: -150px -247px;
}
.flag-mn {
  background-position: -175px -247px;
}
.flag-mo {
  background-position: -200px -247px;
}
.flag-mp {
  background-position: -225px -247px;
}
.flag-mq {
  background-position: -250px -247px;
}
.flag-mr {
  background-position: -275px 0;
}
.flag-ms {
  background-position: -275px -19px;
}
.flag-mt {
  background-position: -275px -38px;
}
.flag-mu {
  background-position: -275px -57px;
}
.flag-mv {
  background-position: -275px -76px;
}
.flag-mw {
  background-position: -275px -95px;
}
.flag-mx {
  background-position: -275px -114px;
}
.flag-my {
  background-position: -275px -133px;
}
.flag-mz {
  background-position: -275px -152px;
}
.flag-na {
  background-position: -275px -171px;
}
.flag-nc {
  background-position: -275px -190px;
}
.flag-ne {
  background-position: -275px -209px;
}
.flag-nf {
  background-position: -275px -228px;
}
.flag-ng {
  background-position: -275px -247px;
}
.flag-ni {
  background-position: 0 -266px;
}
.flag-nl {
  background-position: -25px -266px;
}
.flag-no {
  background-position: -50px -266px;
}
.flag-np {
  background-position: -75px -266px;
}
.flag-nr {
  background-position: -100px -266px;
}
.flag-nu {
  background-position: -125px -266px;
}
.flag-nz {
  background-position: -150px -266px;
}
.flag-om {
  background-position: -175px -266px;
}
.flag-pa {
  background-position: -200px -266px;
}
.flag-pe {
  background-position: -225px -266px;
}
.flag-pf {
  background-position: -250px -266px;
}
.flag-pg {
  background-position: -275px -266px;
}
.flag-ph {
  background-position: -300px 0;
}
.flag-pk {
  background-position: -300px -19px;
}
.flag-pl {
  background-position: -300px -38px;
}
.flag-pm {
  background-position: -300px -57px;
}
.flag-pn {
  background-position: -300px -76px;
}
.flag-pr {
  background-position: -300px -95px;
}
.flag-ps {
  background-position: -300px -114px;
}
.flag-pt {
  background-position: -300px -133px;
}
.flag-pw {
  background-position: -300px -152px;
}
.flag-py {
  background-position: -300px -171px;
}
.flag-qa {
  background-position: -300px -190px;
}
.flag-re {
  background-position: -300px -209px;
}
.flag-ro {
  background-position: -300px -228px;
}
.flag-rs {
  background-position: -300px -247px;
}
.flag-ru {
  background-position: -300px -266px;
}
.flag-rw {
  background-position: 0 -285px;
}
.flag-sa {
  background-position: -25px -285px;
}
.flag-sami {
  background-position: -50px -285px;
}
.flag-sb {
  background-position: -75px -285px;
}
.flag-sc {
  background-position: -100px -285px;
}
.flag-sd {
  background-position: -125px -285px;
}
.flag-se-jam {
  background-position: -150px -285px;
}
.flag-se-ska {
  background-position: -175px -285px;
}
.flag-se-vas {
  background-position: -200px -285px;
}
.flag-se {
  background-position: -225px -285px;
}
.flag-sefi {
  background-position: -250px -285px;
}
.flag-sg {
  background-position: -275px -285px;
}
.flag-si {
  background-position: -300px -285px;
}
.flag-sj {
  background-position: 0 -304px;
}
.flag-sk {
  background-position: -25px -304px;
}
.flag-sl {
  background-position: -50px -304px;
}
.flag-sm {
  background-position: -75px -304px;
}
.flag-sn {
  background-position: -100px -304px;
}
.flag-so {
  background-position: -125px -304px;
}
.flag-sr {
  background-position: -150px -304px;
}
.flag-ss {
  background-position: -175px -304px;
}
.flag-st {
  background-position: -200px -304px;
}
.flag-sv {
  background-position: -225px -304px;
}
.flag-sx {
  background-position: -250px -304px;
}
.flag-sy {
  background-position: -275px -304px;
}
.flag-sz {
  background-position: -300px -304px;
}
.flag-tc {
  background-position: -325px 0;
}
.flag-td {
  background-position: -325px -19px;
}
.flag-tf {
  background-position: -325px -38px;
}
.flag-tg {
  background-position: -325px -57px;
}
.flag-th {
  background-position: -325px -76px;
}
.flag-tj {
  background-position: -325px -95px;
}
.flag-tk {
  background-position: -325px -114px;
}
.flag-tl {
  background-position: -325px -133px;
}
.flag-tm {
  background-position: -325px -152px;
}
.flag-tn {
  background-position: -325px -171px;
}
.flag-to {
  background-position: -325px -190px;
}
.flag-torn {
  background-position: -325px -209px;
}
.flag-tr {
  background-position: -325px -228px;
}
.flag-tt {
  background-position: -325px -247px;
}
.flag-tv {
  background-position: -325px -266px;
}
.flag-tw {
  background-position: -325px -285px;
}
.flag-tz {
  background-position: -325px -304px;
}
.flag-ua {
  background-position: 0 -323px;
}
.flag-ug {
  background-position: -25px -323px;
}
.flag-um {
  background-position: -50px -323px;
}
.flag-us-ca {
  background-position: -75px -323px;
}
.flag-us {
  background-position: -100px -323px;
}
.flag-uy {
  background-position: -125px -323px;
}
.flag-uz {
  background-position: -150px -323px;
}
.flag-va {
  background-position: -175px -323px;
}
.flag-vc {
  background-position: -200px -323px;
}
.flag-ve {
  background-position: -225px -323px;
}
.flag-vg {
  background-position: -250px -323px;
}
.flag-vi {
  background-position: -275px -323px;
}
.flag-vn {
  background-position: -300px -323px;
}
.flag-vu {
  background-position: -325px -323px;
}
.flag-wf {
  background-position: -350px 0;
}
.flag-ws {
  background-position: -350px -19px;
}
.flag-ww-afr {
  background-position: -350px -38px;
}
.flag-ww-asi {
  background-position: -350px -57px;
}
.flag-ww-aus {
  background-position: -350px -76px;
}
.flag-ww-eur {
  background-position: -350px -95px;
}
.flag-ww-nam {
  background-position: -350px -114px;
}
.flag-ww-sam {
  background-position: -350px -133px;
}
.flag-ww {
  background-position: -350px -152px;
}
.flag-xk {
  background-position: -350px -171px;
}
.flag-ye {
  background-position: -350px -190px;
}
.flag-yt {
  background-position: -350px -209px;
}
.flag-za {
  background-position: -350px -228px;
}
.flag-zm {
  background-position: -350px -247px;
}
.flag-zw {
  background-position: -350px -266px;
}
.Overlay__overlay__RKnWo {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: rgba(35, 40, 46, 0.4);
}
.Intro__container__35h3p {
  margin-bottom: 15px;
}
.Intro__container__35h3p .Intro__image__35h3p {
  display: block;
  margin-bottom: 15px;
}
.Intro__container__35h3p .Intro__header__35h3p {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  color: #23282e;
  margin-bottom: 5px;
}
.Intro__container__35h3p .Intro__body__35h3p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.Expandible__container__3v_TT {
  color: #23282e;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0;
}
.Expandible__container__3v_TT:last-child {
  border-bottom: none;
}
.Expandible__container__3v_TT .Expandible__actionable__3v_TT {
  display: flex;
  align-items: center;
}
.Expandible__container__3v_TT .Expandible__right__3v_TT {
  margin-left: auto;
}
.Expandible__container__3v_TT .Expandible__button__3v_TT {
  font-family: 'proxima-nova', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
  display: flex;
  align-items: center;
  flex: 1 1;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  outline: none;
  text-align: left;
}
.Expandible__container__3v_TT .Expandible__icon__3v_TT {
  position: relative;
  width: 15px;
  height: 15px;
  top: -4px;
}
.Expandible__container__3v_TT .Expandible__reverse__3v_TT {
  transform-origin: center;
  transform: scaleY(-1);
  top: 0;
}
.Expandible__container__3v_TT .Expandible__cookie__3v_TT {
  margin-left: 20px;
  flex: 1 1;
}
.Expandible__container__3v_TT .Expandible__title__3v_TT {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 4px;
}
.Expandible__container__3v_TT .Expandible__subtitle__3v_TT {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1;
  color: rgba(35, 40, 46, 0.6);
}
.Expandible__container__3v_TT .Expandible__content__3v_TT {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  margin: 20px 0 0 35px;
}
.Mandatory__container__xWAYD .Mandatory__content__xWAYD {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  color: rgba(0, 0, 0, 0.4);
}
.Mandatory__container__xWAYD .Mandatory__icon__xWAYD {
  width: 15px;
  height: 15px;
  margin-left: 4px;
}
.Actions__container__QVQFy {
  margin-top: 30px;
}
@media (min-width: 430px) {
  .Actions__container__QVQFy {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.Actions__container__QVQFy.Actions__open__QVQFy {
  margin-top: 15px;
}
.Actions__container__QVQFy .Actions__actions__QVQFy {
  display: flex;
  justify-content: flex-end;
}
.Actions__container__QVQFy .Actions__actions__QVQFy li {
  flex: 1 1;
}
.Actions__container__QVQFy .Actions__actions__QVQFy li + li {
  margin-left: 10px;
}
@media (min-width: 430px) {
  .Actions__container__QVQFy .Actions__actions__QVQFy {
    margin-left: 24px;
  }
  .Actions__container__QVQFy .Actions__actions__QVQFy li {
    flex: auto;
  }
}
.Actions__container__QVQFy .ds-atom-btn-small-primary-normal,
.Actions__container__QVQFy .ds-atom-btn-small-secondary-normal {
  padding: 0 26px;
  width: 100%;
}
.Actions__container__QVQFy .Actions__button__QVQFy {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  background: transparent;
  color: #1c97f5;
  border: none;
  padding: 0;
  box-shadow: none;
  height: 35px;
  text-align: left;
  margin-bottom: 20px;
}
@media (min-width: 430px) {
  .Actions__container__QVQFy .Actions__button__QVQFy {
    margin-bottom: 0;
  }
}
.Modal__modal__3TaI1 {
  width: 100%;
  max-height: 90vh;
  padding: 33px 20px 23px;
  border-radius: 3px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  overflow: auto;
  background: #ffffff;
}
.Container__container__1yBAN {
  font-family: 'proxima-nova', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.Container__container__1yBAN *,
.Container__container__1yBAN *::before,
.Container__container__1yBAN *::after {
  box-sizing: inherit;
}
.Container__container__1yBAN p,
.Container__container__1yBAN ol,
.Container__container__1yBAN ul,
.Container__container__1yBAN li,
.Container__container__1yBAN hr,
.Container__container__1yBAN h1,
.Container__container__1yBAN h2,
.Container__container__1yBAN h3,
.Container__container__1yBAN h4,
.Container__container__1yBAN h5,
.Container__container__1yBAN h6 {
  margin: 0;
  padding: 0;
}
.Container__container__1yBAN h1,
.Container__container__1yBAN h2,
.Container__container__1yBAN h3,
.Container__container__1yBAN h4,
.Container__container__1yBAN h5,
.Container__container__1yBAN h6 {
  font-size: 100%;
  font-weight: normal;
}
.Container__container__1yBAN ul {
  list-style: none;
}
.Container__container__1yBAN button,
.Container__container__1yBAN input,
.Container__container__1yBAN select {
  margin: 0;
}
.Container__container__1yBAN button {
  outline: none;
}
.Container__container__1yBAN button::-moz-focus-inner,
.Container__container__1yBAN input[type='reset']::-moz-focus-inner,
.Container__container__1yBAN input[type='button']::-moz-focus-inner,
.Container__container__1yBAN input[type='submit']::-moz-focus-inner {
  border: none;
}
.Container__container__1yBAN a {
  text-decoration: underline;
  color: #1c97f5;
}
.Container__container__1yBAN .Container__modal__1yBAN {
  position: fixed;
  z-index: 1010;
  bottom: 20px;
  right: 20px;
  width: 430px;
  max-width: calc(100% - 40px);
}
.ds-tooltip {
  z-index: 1030;
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, 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;
}
/* HTML5 display-role reset for older browsers */
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;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, /* 1 */
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
html {
  height: 100%;
}
*,
html {
  scroll-behavior: smooth !important;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
body.no-scroll {
  overflow: hidden;
}
html,
body {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
*:focus {
  outline: thin dotted;
}
.fullViewport {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.MainApplication {
  color: rgba(35, 40, 46, 0.8);
  position: relative;
  min-height: 100vh;
  flex: 1 1 auto;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}
.MainApplication__content {
  flex: 1 1 auto;
  padding-bottom: 1.5625rem;
}
.MainApplication__header {
  z-index: 101;
}
.MainApplication__footer {
  padding: 16px;
}
@media only screen and (min-width: 48.125rem) {
  .MainApplication__footer .Footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .MainApplication__footer .Footer__copyright-notice {
    margin-top: 0;
  }
}
@media only screen and (max-width: 48.125rem) {
  .MainApplication--has-jo-selected .FiltersBar {
    display: none;
  }
}
@media only screen and (max-width: 48.125rem) {
  .MainApplication--has-jo-selected .MainApplication__content {
    transform: translateX(-100%);
  }
  .MainApplication--has-jo-selected .MainApplication__content .JobDetail__sidebar-wrapper {
    display: block;
  }
}
.MainApplication__content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 600px;
}
a {
  color: #00A298;
  font-weight: 600;
  text-decoration: none;
}
.Select-control {
  box-shadow: none !important;
}
.ds-internal-btn-primary-base,
.ds-atom-btn-primary-normal,
.ds-atom-fav-primary-normal,
.ds-atom-btn-small-primary-normal,
.ds-atom-btn-tiny-primary-normal {
  background-color: #171817;
  border: none;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.32;
  height: 56px;
  color: #ffffff;
}
.ds-internal-btn-primary-base:focus,
.ds-atom-btn-primary-normal:focus,
.ds-atom-fav-primary-normal:focus,
.ds-atom-btn-small-primary-normal:focus,
.ds-atom-btn-tiny-primary-normal:focus {
  background-color: #2A2A2A;
  outline: 4px solid #2A2A2A;
  outline-offset: 2px;
}
.ds-internal-btn-primary-base:hover,
.ds-atom-btn-primary-normal:hover,
.ds-atom-fav-primary-normal:hover,
.ds-atom-btn-small-primary-normal:hover,
.ds-atom-btn-tiny-primary-normal:hover {
  background-color: #2A2A2A;
}
.ds-internal-btn-secondary-base,
.ds-atom-btn-secondary-normal,
.ds-atom-btn-small-secondary-normal,
.ds-atom-btn-tiny-secondary-normal {
  color: #00A298;
  background-color: transparent;
  display: inline-block;
  border: 0.0625rem solid rgba(0, 162, 152, 0.4);
  vertical-align: middle;
}
.ds-internal-btn-secondary-base:hover,
.ds-atom-btn-secondary-normal:hover,
.ds-atom-btn-small-secondary-normal:hover,
.ds-atom-btn-tiny-secondary-normal:hover {
  background-color: rgba(0, 162, 152, 0.08);
  cursor: pointer;
}
.ds-atom-input-normal:focus,
.ds-atom-text-input-normal:focus,
.ds-atom-select-input-normal:focus,
.ds-atom-vendor-select-input-normal .Select-control:focus,
.ds-atom-vendor-select-input-normal.is-searchable.is-open .Select-control:focus,
.ds-atom-search-input-container .ds-atom-search-input-normal:focus {
  border: solid 0.0625rem #00A298;
  outline: none;
}
.ds-atom-vendor-select-input-normal.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #00A298;
  box-shadow: none;
}
.ds-atom-vendor-select-input-normal.is-open .Select-control {
  border-color: #00A298;
}
.ds-mol-option-picker-trigger:focus {
  border-color: #00A298;
  outline: none;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/job-item/job-item.component.css.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobItem {
  padding: 16px 12px;
  background: #FFFFFF;
  border: 2px solid transparent;
  margin: 3px;
  outline: 1px solid transparent;
  border-radius: 8px;
  display: block;
  cursor: pointer;
  transition: all 0.2s ease;
}
.JobItem:hover {
  box-shadow: 0px 2px 4px -2px rgba(42, 42, 42, 0.06), 0px 4px 8px -2px rgba(42, 42, 42, 0.1);
}
.JobItem + .JobItem {
  margin-top: 16px;
}
.JobItem--selected {
  border: 2px solid #A3F0EB;
  box-shadow: 0px 2px 4px -2px rgba(42, 42, 42, 0.06), 0px 4px 8px -2px rgba(42, 42, 42, 0.1);
}
.JobItem__what-how-much {
  flex-basis: 50%;
  flex-shrink: 0;
  flex-grow: 0;
}
.JobItem__where-when {
  margin-top: 12px;
  flex-basis: 50%;
  flex-shrink: 0;
  flex-grow: 0;
}
.JobItem__company {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  color: rgba(35, 40, 46, 0.6);
  margin-bottom: 2px;
}
.JobItem__job-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #23282E;
}
.JobItem__salary {
  display: flex;
  align-items: baseline;
  margin-top: 12px;
}
.JobItem__pay {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: #23282E;
}
.JobItem__extras {
  font-size: 14px;
  line-height: 14px;
  color: rgba(35, 40, 46, 0.8);
  margin-left: 4px;
}
.JobItem__city {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #23282E;
  margin-bottom: 11px;
  display: flex;
}
.JobItem__city img {
  margin-right: 10px;
}
.JobItem__start {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #23282E;
  margin-bottom: 11px;
  display: flex;
}
.JobItem__start img {
  margin-right: 10px;
}
.JobItem__vacancies {
  display: flex;
}
.JobItem__vacancies img {
  margin-right: 10px;
}
.JobItem__vacancies-left {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #23282E;
}
.JobItem__vacancies-left--highlighted {
  color: #E27100;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}
.JobItem__vacancies-total {
  margin-left: 8px;
  font-size: 14px;
  line-height: 14px;
  color: rgba(35, 40, 46, 0.6);
  font-weight: 400;
}
.JobItem__vacancies-total::before {
  content: '·';
  margin-right: 6px;
}
@media only screen and (max-width: 48.0625rem) {
  .JobItem {
    flex-direction: column;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/job-list-header/job-list-header.component.css.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobListHeader {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 0.5rem 0;
  font-size: 1em;
  background-color: #F7F8F6;
  margin: 0 3px;
}
.JobListHeader__title {
  font-size: 1rem;
  line-height: 1;
  margin: 0;
}
.JobListHeader__subtitle {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (max-width: 48.125rem) {
  .JobListHeader {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
  }
}
.JobListHeader__mobile-filter-toggle {
  border: 1px solid rgba(35, 40, 46, 0.1);
  border-radius: 3px;
  background-color: transparent;
  padding: 0;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 48.125rem) {
  .JobListHeader__mobile-filter-toggle {
    display: none;
  }
}
@media (max-width: 48.125rem) {
  .JobListHeader--backdrop {
    background: rgba(35, 40, 46, 0.2);
  }
}
@media only screen and (min-width: 48.125rem) {
  .JobListHeader--not-supported {
    display: none;
  }
}
.JobListHeader__title-count {
  font-weight: bold;
  margin-right: 0.25rem;
}
.JobListHeader__text {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.JobListHeader__sort {
  display: flex;
  font-size: 14px;
  line-height: 1;
}
.JobListHeader__sort-button {
  font-size: 14px;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #00A298;
  cursor: pointer;
  margin-left: 4px;
  line-height: 1;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/dropdown-filter/dropdown-filter.component.css.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.DropdownFilter {
  position: relative;
}
.DropdownFilter__trigger {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.15px;
  padding: 8px 16px;
  border: 1px solid #E0E0E0;
  background-color: #ffffff;
  color: #23282E;
  border-radius: 21px;
  cursor: pointer;
  display: flex;
  gap: 8px;
}
.DropdownFilter__trigger span {
  color: #23282E;
  display: flex;
}
.DropdownFilter__trigger:hover {
  background-color: #F3F4F1;
}
@media (max-width: 39.9375rem) {
  .DropdownFilter__trigger {
    width: 100%;
  }
  .DropdownFilter__trigger img {
    margin-left: auto;
  }
}
.DropdownFilter__trigger--open {
  background-color: #F3F4F1;
}
.DropdownFilter__trigger--open img {
  transform: rotate(180deg);
}
.DropdownFilter__trigger--selected {
  border-color: #A3F0EB;
  background-color: #DBFAF8;
}
.DropdownFilter__trigger--selected:hover {
  background-color: #DBFAF8;
}
.DropdownFIlter__text-search {
  margin-bottom: 8px;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
  position: relative;
}
.DropdownFIlter__text-search input[type="text"] {
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #ffffff;
  height: 38px;
  padding: 0px 42px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #23282E;
}
.DropdownFIlter__text-search input[type="text"]:focus {
  border: 1px solid #A3F0EB;
  outline: none;
}
.DropdownFilter__text-search-icon {
  position: absolute;
  left: 12px;
  top: 7px;
  width: 24px;
  height: 24px;
}
.DropdownFilter__text-search-clear {
  cursor: pointer;
  border: none;
  display: flex;
  background-color: transparent;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 4px;
  top: 7px;
}
.DropdownFilter__text-search-clear img {
  width: 24px;
  height: 24px;
  opacity: 0.8;
}
.DropdownFilter__text-search-clear:hover img {
  opacity: 1;
}
.DropdownFilter__content {
  display: none;
  position: absolute;
  top: calc(100% + 25px);
  left: 0;
  width: 450px;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px 0 8px 0;
  z-index: 100;
}
@media (max-width: 39.9375rem) {
  .DropdownFilter__content {
    display: block;
    max-height: 0;
    position: fixed;
    bottom: 0 !important;
    left: 0 !important;
    top: auto !important;
    width: auto !important;
    right: 0 !important;
    border-radius: 16px 16px 0 0;
    transform: translateY(100%);
    transition: 120ms transform ease-in-out;
  }
}
@media (min-width: 40rem) {
  .DropdownFilter__content {
    box-shadow: 0px 8px 8px -4px rgba(42, 42, 42, 0.03), 0px 20px 24px -4px rgba(42, 42, 42, 0.08);
  }
}
.DropdownFilter__content--simple {
  width: 222px;
}
@media (min-width: 40rem) {
  .DropdownFilter__content--simple .DropdownFilter__heading {
    display: none;
  }
}
.DropdownFilter__content--open {
  display: block;
}
@media (max-width: 39.9375rem) {
  .DropdownFilter__content--open {
    transform: translateY(0);
    max-height: 100vh;
  }
}
.DropdownFilter__actions {
  margin-top: 8px;
  padding: 0 16px;
  display: flex;
  gap: 16px;
}
.DropdownFilter__actions > * {
  flex: 1 1;
}
.DropdownFilter__items {
  max-height: 264px;
  overflow: auto;
}
@media (max-width: 39.9375rem) {
  .DropdownFilter__items {
    max-height: 60vh;
  }
}
.DropdownFilter__heading {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 16px;
  padding: 0 16px;
  display: flex;
  gap: 8px;
  color: #23282E;
}
.DropdownFilter__trigger-icon {
  width: 24px;
  height: 24px;
}
.DropdownFilter__select-all .Checkbox__label {
  font-weight: bold;
}
.DropdownFilter__heading-action {
  background: transparent;
  border: none;
  padding: 0;
  display: flex;
  cursor: pointer;
}
@media (min-width: 40rem) {
  .DropdownFilter__heading-action--mobile {
    display: none;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/checkbox/checkbox.component.css.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.Checkbox {
  display: grid;
  grid-template-columns: 24px auto;
  grid-gap: 8px;
  gap: 8px;
  padding: 12px 16px;
}
.Checkbox--disabled {
  color: #F3F4F1;
  cursor: not-allowed;
}
.Checkbox input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: #ffffff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #ffffff;
  width: 24px;
  height: 24px;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  transform: translateY(-0.075em);
  transition: 120ms all ease-in-out;
  display: grid;
  place-content: center;
}
.Checkbox input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
  clip-path: polygon(91.373% 29.798%, 36.805% 84.366%, 8.728% 56.288%, 14.621% 50.396%, 36.805% 72.581%, 85.481% 23.905%, 91.373% 29.798%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 16px 16px #ffffff;
}
.Checkbox input[type="checkbox"]:checked {
  background-color: #00D6C9;
}
.Checkbox input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.Checkbox input[type="checkbox"]:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.Checkbox input[type="checkbox"]:disabled {
  color: #F3F4F1;
  cursor: not-allowed;
}
.Checkbox__label {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
  color: #23282E;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/dropdown-filter-single-option/dropdown-filter-single-option.component.css.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.DropdownFilterSingleOption {
  display: grid;
  grid-template-columns: auto 24px;
  grid-gap: 8px;
  gap: 8px;
  padding: 12px 16px;
  cursor: pointer;
}
.DropdownFilterSingleOption:hover {
  background-color: rgba(173, 173, 173, 0.08);
}
.DropdownFilterSingleOption--disabled {
  color: #F3F4F1;
  cursor: not-allowed;
}
.DropdownFilterSingleOption input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: transparent;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  width: 24px;
  height: 24px;
  border: none;
  display: grid;
  place-content: center;
}
.DropdownFilterSingleOption input[type="radio"]::after {
  content: "";
  width: 24px;
  height: 24px;
  clip-path: polygon(89.718% 29.797%, 37.333% 84.365%, 10.379% 56.287%, 16.036% 50.395%, 37.333% 72.58%, 84.062% 23.904%, 89.718% 29.797%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 24px 24px #00D6C9;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}
.DropdownFilterSingleOption input[type="radio"]:checked::after {
  transform: scale(1);
}
.DropdownFilterSingleOption input[type="radio"]:disabled {
  color: #F3F4F1;
  cursor: not-allowed;
}
.DropdownFilterSingleOption__label {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
  color: #23282E;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/button/button.component.css.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.Button {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
  padding: 16px;
  margin: 0;
  border-radius: 6px;
  cursor: pointer;
  border: none;
}
.Button--small {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
  padding: 8px 12px;
}
.Button--tertiary {
  background: #ffffff;
  color: #292929;
}
.Button--tertiary:hover {
  background-color: rgba(173, 173, 173, 0.08);
}
.Button--primary {
  background: #171817;
  color: #ffffff;
}
.Button--primary:hover {
  background-color: #2A2A2A;
}
.Button--text-left {
  text-align: left;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/country-not-supported/country-not-supported.css.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************/
.CountryNotSupported {
  background-color: #fbfbfb;
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 32px;
}
.CountryNotSupported__wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.CountryNotSupported__text {
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/slate/slate.component.css.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.Slate {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-width: 32rem;
  margin: 0 auto;
  height: 26.25rem;
  position: relative;
}
.Slate__image {
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: 100%;
}
.Slate__title {
  color: rgba(37, 37, 37, 0.96);
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -2px;
  margin-bottom: 16px;
  z-index: 1;
}
@media (min-width: 64rem) {
  .Slate__title {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.48px;
    margin-bottom: 24px;
  }
}
.Slate__subtitle {
  color: rgba(37, 37, 37, 0.8);
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
  margin: 0 auto;
  z-index: 1;
}
.Slate__content {
  padding: 1.5rem;
  margin-top: 36px;
}
.Slate__main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 40px 32px 0 32px;
  position: relative;
  width: calc(327px - 32px - 32px);
  min-height: calc(324px - 40px);
}
@media (min-width: 64rem) {
  .Slate__main-content {
    padding: 53px 59px 0 59px;
    width: calc(452px - 59px - 59px);
    min-height: calc(388px - 53px);
  }
}
.Slate--NoResults {
  margin-top: 32px;
  margin-bottom: 64px;
}
.Slate--NoResults .Slate__content {
  margin-top: 0;
}

/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/react-select/dist/react-select.css ***!
  \*******************************************************************************************************************************/
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: #fff;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
  background: #fff;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6;
}
.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/no-results/no-results.css.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.NoResults {
  background-color: #fbfbfb;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.NoResults__wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.NoResults__wrapper img {
  width: 169px;
  height: 169px;
}
@media (min-width: 48.125rem) {
  .NoResults__wrapper img {
    width: 220px;
    height: 220px;
  }
}
.NoResults__text {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 16px;
  margin-bottom: 16px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/footer/footer.component.css.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.Footer {
  padding: 16px;
}
@media only screen and (min-width: 48.125rem) {
  .Footer {
    padding-left: 0;
    padding-right: 0;
  }
}
.Footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.Footer__link {
  color: #23282E;
  font-size: 16px;
  font-weight: 400;
}
.Footer__copyright-notice {
  margin-top: 24px;
  color: #23282E;
  font-size: 16px;
  font-weight: 700;
}
.Footer__dropdown-trigger {
  color: #23282E;
  font-size: 16px;
  font-weight: 400;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.Footer__dropdown-content {
  display: none;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 8px;
  box-shadow: 0px 8px 8px -4px rgba(42, 42, 42, 0.03), 0px 20px 24px -4px rgba(42, 42, 42, 0.08);
  background-color: #fff;
}
.Footer__dropdown-link {
  color: #23282E;
  font-size: 16px;
  font-weight: 400;
  padding: 16px;
  display: block;
}
.Footer__dropdown-link:hover {
  background: #F7F8F6;
}
.Footer__dropdown-content--open {
  display: block;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/containers/job-list/job-list.component.css.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobList {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
@media (min-width: 48.125rem) {
  .JobList {
    flex: 1 0 33%;
  }
}
.JobList__list {
  background: #F7F8F6;
  padding: 16px;
}
@media (min-width: 48.125rem) {
  .JobList__list {
    padding: 0 2px;
    margin-top: 16px;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/views/job-list/job-list.component.css.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobListView {
  padding: 2rem;
  background-color: #F7F8F6;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 48.125rem) {
  .JobListView {
    padding: 0;
  }
}
.JobListView__wrapper {
  flex: 1 1 auto;
  display: flex;
  gap: 24px;
}
@media (min-width: 1440px) {
  .JobListView__wrapper {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 48.125rem) {
  .JobList,
  .JobDetail {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(100% - 32px);
  }
}
@media only screen and (max-width: 48.125rem) {
  .JobDetail {
    display: none !important;
  }
}
@media only screen and (max-width: 48.125rem) {
  .JobListView--has-jo-selected {
    background-color: #fff;
    padding-top: 1rem;
    padding-bottom: 4rem;
  }
  .JobListView--has-jo-selected .JobDetail {
    display: block !important;
  }
  .JobListView--has-jo-selected .JobList {
    display: none;
  }
}
.Container {
  margin: 0;
}
@media only screen and (min-width: 48.1875rem) {
  .Container {
    margin: 2rem 0;
    display: flex;
  }
  .MainContent {
    flex: 0 1 70%;
  }
}
@media only screen and (max-width: 48.125rem) {
  .TipWidget {
    display: none;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/job-detail-sidebar/job-detail-sidebar.component.css.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobDetail__sidebar__action-button {
  width: 100%;
  display: none;
}
.JobDetail__sidebar__share-bar {
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  height: 2.5rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  align-items: center;
  display: flex;
}
.JobDetail__sidebar__share-bar__item {
  position: relative;
  text-align: center;
}
.JobDetail__sidebar__share-bar__item svg {
  color: rgba(35, 40, 46, 0.8);
  vertical-align: middle;
  max-height: 1rem;
}
.JobDetail__sidebar__share-bar__item:after {
  content: "|";
  color: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0px;
}
.JobDetail__sidebar__share-bar__item:last-child:after {
  content: "";
}
.JobDetail__sidebar__help-box {
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  width: 100%;
  background-color: #ffffff;
}
.JobDetail__sidebar__help-box__title {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #23282e;
  display: flex;
  align-items: center;
  padding: 0 1.1875rem;
  height: 2.75rem;
  text-transform: uppercase;
  background-color: #f2f2f2;
}
.JobDetail__sidebar__help-box__content {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0 1.1875rem;
  height: 2.5rem;
  line-height: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.JobDetail__sidebar__help-box svg {
  vertical-align: middle;
  width: 1rem;
  max-height: 1rem;
  padding-right: 0.5rem;
  color: rgba(35, 40, 46, 0.6);
}
@media only screen and (min-width: 48.125rem) {
  .JobDetail__sidebar {
    flex: 1 1;
    margin-left: 48px;
  }
  .JobDetail__sidebar__share-bar :nth-child(3) {
    display: none;
  }
  .JobDetail__sidebar__share-bar__item {
    width: 33%;
  }
}
@media only screen and (min-width: 48.125rem) {
  .JobDetail__sidebar {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 290px;
  }
}
@media only screen and (max-width: 64rem) {
  .JobDetail__sidebar__help-box svg {
    display: none;
  }
}
@media only screen and (max-width: 48.0625rem) {
  .JobDetail__sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .JobDetail__sidebar__help-box,
  .JobDetail__sidebar .ds-org-blank-slate {
    display: none;
  }
  .JobDetail__sidebar__share-bar {
    order: 1;
    background-color: #ffffff;
  }
  .JobDetail__sidebar__share-bar__item {
    width: 25%;
  }
  .JobDetail__sidebar__action-button {
    order: 2;
    margin-top: 1.5625rem;
  }
  .JobDetail__sidebar .DownloadAppWidget {
    display: none;
  }
}
@media only screen and (min-width: 64rem) {
  .JobDetail__sidebar__action-button {
    display: block;
  }
  .JobDetail__sidebar__action-link {
    display: none;
  }
}
/* smartphones, touchscreens  - we force show deep link, even if scren is large */
@media (hover: none) and (pointer: coarse) {
  .JobDetail__sidebar__action-button {
    display: none !important;
  }
  .JobDetail__sidebar__action-link {
    display: block !important;
  }
}
/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
  .JobDetail__sidebar__action-button {
    display: block !important;
  }
  .JobDetail__sidebar__action-link {
    display: none !important;
  }
}
.JobDetail__sidebar-wrapper {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
}
.JobDetail__get-job {
  border: 1px solid rgba(35, 40, 46, 0.1);
  border-radius: 3px;
  padding: 16px;
  margin-bottom: 20px;
  box-shadow: 0px 2px 4px -2px rgba(42, 42, 42, 0.06), 0px 4px 8px -2px rgba(42, 42, 42, 0.1);
}
.JobDetail__sidebar__action-link {
  width: 100%;
  text-align: center;
}
.JobDetail__get-job-vacancies {
  display: flex;
  margin-bottom: 16px;
  justify-content: center;
}
.JobDetail__get-job-vacancies-left {
  font-size: 14px;
  line-height: 14px;
}
.JobDetail__get-job-vacancies-left--highlighted {
  font-weight: bold;
  color: #E27100;
}
.JobDetail__get-job-vacancies-total {
  margin-left: 8px;
  font-size: 14px;
  line-height: 14px;
  color: rgba(35, 40, 46, 0.6);
}
.JobDetail__get-job-vacancies-total::before {
  content: '·';
  margin-right: 6px;
}
@media only screen and (max-width: 48.0625rem) {
  .JobDetail__sidebar-wrapper {
    position: fixed;
    bottom: 0;
    z-index: 10;
    background: #fff;
    width: 100%;
    top: auto;
    left: 0;
    box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.1);
  }
  .JobDetail__sidebar-wrapper .JobDetail__get-job {
    margin-bottom: 0;
    display: flex;
  }
  .JobDetail__sidebar-wrapper .JobDetail__get-job-vacancies,
  .JobDetail__sidebar-wrapper .JobDetail__sidebar__action-link {
    flex-basis: 50%;
    flex-grow: 0;
    flex-shrink: 0;
  }
  .JobDetail__sidebar-wrapper .JobDetail__get-job-vacancies {
    margin-bottom: 0;
    align-items: center;
  }
}
@media only screen and (max-width: 39.9375rem) {
  .JobDetail__get-job-vacancies {
    flex-direction: column;
  }
  .JobDetail__get-job-vacancies-total {
    margin-left: 0;
  }
  .JobDetail__get-job-vacancies-total::before {
    display: none;
  }
  .JobDetail__get-job-vacancies-left {
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    color: #23282F;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/job-detail/job-detail.component.css.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobDetail__title {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  color: #23282e;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 10px;
}
.JobDetail__main-content {
  min-width: 40%;
}
.JobDetail__where {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(35, 40, 46, 0.8);
}
.JobDetail__when {
  margin-top: 6px;
  font-size: 14px;
  line-height: 14px;
  color: rgba(35, 40, 46, 0.8);
}
.JobDetail__section-title {
  color: rgba(37, 37, 37, 0.64);
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  margin-top: 32px;
  margin-bottom: 12px;
  cursor: default;
}
.JobDetail__salary-title--enbled {
  cursor: pointer;
}
.JobDetail__section {
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #E6E8E3;
  border-radius: 8px;
}
.JobDetail__section-toggle-icon {
  transition: transform 0.2s ease-in-out;
  width: 18px;
}
.JobDetail__section--open svg {
  transform: rotate(180deg);
}
.JobDetail__section--map > div {
  border-radius: 8px;
}
.JobDetail__salary-base {
  color: rgba(37, 37, 37, 0.96);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.32;
}
.JobDetail__description {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.15px;
  font-feature-settings: 'ss02' on;
  color: rgba(41, 41, 41, 0.96);
  overflow-wrap: break-word;
}
.JobDetail__responsibilities {
  font-size: 16px;
  line-height: 16px;
  color: #23282E;
  line-height: 1.5;
  letter-spacing: 0.15px;
}
.JobDetail__responsibility {
  position: relative;
  padding-left: 16px;
  overflow-wrap: break-word;
}
.JobDetail__responsibility::before {
  content: '•';
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: -2px;
}
.JobDetail__responsibility + .JobDetail__responsibility {
  margin-top: 4px;
}
.JobDetail__address {
  font-size: 16px;
  line-height: 16px;
  color: #23282E;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.JobDetail__address img {
  margin-right: 16px;
  width: 24px;
  height: 24px;
}
.JobDetail__salary-title {
  display: flex;
  justify-content: space-between;
}
.JobDetail__salary-extras {
  font-size: 14px;
  line-height: 14px;
  color: rgba(35, 40, 46, 0.8);
}
.JobDetail__section-content {
  display: none;
}
.JobDetail__section-content--open {
  display: block;
  padding-top: 8px;
}
.JobDetail__section-content-title {
  margin-top: 16px;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 16px;
  color: #23282e;
}
.JobDetail__section-content-details {
  font-size: 14px;
  line-height: 14px;
  color: rgba(35, 40, 46, 0.8);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/containers/job-detail/job-detail.component.css.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobDetail {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
.JobDetail__loading {
  position: relative;
  min-height: 300px;
}
.JobDetail__spinner {
  margin: auto;
  color: #00A298;
}
.JobDetail .JobItem {
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 0;
}
.JobDetail .JobItem__action-button {
  display: block;
  position: relative;
  margin-left: auto;
  margin-top: 2.5rem;
  margin-right: 0;
}
.JobDetail .JobItem__job-title {
  font-weight: bold;
  font-size: 1.875rem;
}
.JobDetail .JobItem__description-heading {
  margin: 0;
}
.JobDetail .JobItem__top-section,
.JobDetail .JobItem__bottom-section {
  padding: 0.625rem 1.25rem;
  background-color: #ffffff;
}
@media only screen and (min-width: 48.125rem) {
  .JobDetail {
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 1px solid rgba(35, 40, 46, 0.1);
    padding: 40px 32px;
    flex: 1 1 auto;
    position: sticky;
    top: 123px;
    align-self: flex-start;
    max-height: calc(100vh - 230px);
    overflow: auto;
  }
  .JobDetail .Breadcrumbs {
    width: 100%;
  }
  .JobDetail__main-content,
  .JobDetail__loading {
    flex: 4 0;
  }
}
@media only screen and (max-width: 48.0625rem) {
  .JobDetail {
    margin: 0 16px;
  }
  .JobDetail .Breadcrumbs {
    display: none;
  }
  .JobDetail .JobItem {
    border: none;
  }
  .JobDetail .JobItem__job-title {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
  .JobDetail .JobItem__company-details {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
  .JobDetail .JobItem__company-details strong {
    color: #00a356;
  }
  .JobDetail .JobItem__description-heading {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .JobDetail .JobItem__description {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .JobDetail .JobItem__top-section,
  .JobDetail .JobItem__bottom-section {
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
  }
  .JobDetail .JobItem__top-section {
    margin-bottom: 0.625rem;
  }
  .JobDetail .JobItem__action-button {
    display: none;
  }
}
.JobDetail__back {
  border: none;
  background-color: transparent;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 48.125rem) {
  .JobDetail__back {
    display: none;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/job-apply-now/job-apply-now.component.css.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobApplyNow {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 24px 0 24px;
  gap: 24px;
  position: fixed;
  width: 600px;
  left: 50%;
  transform: translateX(-50%);
  top: 200px;
  z-index: 100;
  background: #FFFFFF;
  border-radius: 8px;
}
.JobApplyNow__close {
  border: none;
  width: 24px;
  position: absolute;
  left: 24px;
  top: 24px;
  padding: 5px;
  display: flex;
  background: transparent;
  cursor: pointer;
  color: #292929;
}
.JobApplyNow__close svg {
  width: 19px;
  height: 19px;
}
.JobApplyNow__backdrop {
  background: rgba(35, 40, 46, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.JobApplyNow__title {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: #292929;
  padding-top: 48px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.JobApplyNow__content {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzk0IiBoZWlnaHQ9IjQzOSIgdmlld0JveD0iMCAwIDM5NCA0MzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJwYXRoLTEtaW5zaWRlLTFfMjU5XzMwNjU2IiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0wLjE2Nzk2OSA1NkMwLjE2Nzk2OSAyNS4wNzIgMjUuMjQgMCA1Ni4xNjggMEgzMzcuMTY4QzM2OC4wOTYgMCAzOTMuMTY4IDI1LjA3MjEgMzkzLjE2OCA1NlY1MjFIMC4xNjc5NjlWNTZaIi8+CjwvbWFzaz4KPHBhdGggZD0iTS0yMy44MzIgNTZDLTIzLjgzMiAxMS44MTcyIDExLjk4NTIgLTI0IDU2LjE2OCAtMjRIMzM3LjE2OEMzODEuMzUxIC0yNCA0MTcuMTY4IDExLjgxNzIgNDE3LjE2OCA1NkgzNjkuMTY4QzM2OS4xNjggMzguMzI2OSAzNTQuODQxIDI0IDMzNy4xNjggMjRINTYuMTY4QzM4LjQ5NDkgMjQgMjQuMTY4IDM4LjMyNjkgMjQuMTY4IDU2SC0yMy44MzJaTTM5My4xNjggNTIxSDAuMTY3OTY5SDM5My4xNjhaTS0yMy44MzIgNTIxVjU2Qy0yMy44MzIgMTEuODE3MiAxMS45ODUyIC0yNCA1Ni4xNjggLTI0VjI0QzM4LjQ5NDkgMjQgMjQuMTY4IDM4LjMyNjkgMjQuMTY4IDU2VjUyMUgtMjMuODMyWk0zMzcuMTY4IC0yNEMzODEuMzUxIC0yNCA0MTcuMTY4IDExLjgxNzIgNDE3LjE2OCA1NlY1MjFIMzY5LjE2OFY1NkMzNjkuMTY4IDM4LjMyNjkgMzU0Ljg0MSAyNCAzMzcuMTY4IDI0Vi0yNFoiIGZpbGw9IiMyMzI4MkYiIGZpbGwtb3BhY2l0eT0iMC40IiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8yNTlfMzA2NTYpIi8+CjxwYXRoIGQ9Ik0xMDUuMTY4IDI0SDI5Ni4xNjhWMjdDMjk2LjE2OCA0MC4yNTQ4IDI4NS40MjMgNTEgMjcyLjE2OCA1MUgxMjkuMTY4QzExNS45MTMgNTEgMTA1LjE2OCA0MC4yNTQ4IDEwNS4xNjggMjdWMjRaIiBmaWxsPSIjMjMyODJGIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  width: 393px;
  padding: 80px 64px 40px;
  box-sizing: border-box;
}
.JobApplyNow__QR {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 12px 24px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.JobApplyNow__text {
  font-size: 17px;
  line-height: 17px;
  text-align: center;
  color: rgba(35, 40, 46, 0.6);
  margin-top: 16px;
}
.JobApplyNow__buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}
.JobApplyNow__button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/job-download-on-mobile/job-download-on-mobile.component.css.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.JobDownloadOnMobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 24px 0 24px;
  gap: 16px;
  position: fixed;
  width: 290px;
  left: 50%;
  transform: translateX(-50%);
  top: 200px;
  z-index: 101;
  background: #ffffff;
  border-radius: 8px;
}
.JobDownloadOnMobile__close {
  border: none;
  width: 24px;
  position: absolute;
  left: 24px;
  top: 24px;
  padding: 5px;
  display: flex;
  background: transparent;
  cursor: pointer;
  color: #23282E;
}
.JobDownloadOnMobile__close svg {
  width: 19px;
  height: 19px;
}
.JobDownloadOnMobile__backdrop {
  background: rgba(35, 40, 46, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.JobDownloadOnMobile__title {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: #23282E;
  padding-top: 48px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.JobDownloadOnMobile__content {
  box-sizing: border-box;
  padding: 0 0 24px 0;
  width: 100%;
}
.JobDownloadOnMobile__text {
  font-size: 17px;
  line-height: 17px;
  text-align: center;
  color: rgba(35, 40, 46, 0.6);
}
.JobDownloadOnMobile__buttons {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}
.JobDownloadOnMobile__buttons button {
  width: 100%;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/jobfeed/components/cookie-consent/cookie-consent.component.css.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
@keyframes fade {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
}
.CookieConsent {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  border-radius: 6px;
  border: 1px solid rgba(75, 89, 102, 0.2);
  background-color: #fbfbfb;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  color: #23282e;
  position: fixed;
  z-index: 10;
  left: 1.5rem;
  bottom: 1.5rem;
  max-width: 45rem;
  margin-right: 1.5rem;
}
@media (min-width: 27.5rem) {
  .CookieConsent {
    flex-direction: row;
    align-items: center;
  }
}
.CookieConsent__icon {
  display: none;
}
@media (min-width: 40rem) {
  .CookieConsent__icon {
    display: block;
    flex: 0 0 3.125rem;
    margin-right: 1.5rem;
  }
}
.CookieConsent__content {
  flex: 1 1 auto;
  margin-bottom: 1.5rem;
}
@media (min-width: 27.5rem) {
  .CookieConsent__content {
    margin-bottom: 0;
    padding: 0 1.5rem 0 0;
  }
}
@media (min-width: 40rem) {
  .CookieConsent__content {
    padding: 0 1.5rem;
    border-left: 1px solid rgba(75, 89, 102, 0.2);
  }
}
.CookieConsent__action {
  flex: 0 0 auto;
}
.CookieConsent__action button {
  width: 100%;
}
@media (min-width: 27.5rem) {
  .CookieConsent__action button {
    width: auto;
  }
}
.CookieConsent__title {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
  margin-bottom: 0.5rem;
}
.CookieConsent__body {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
  line-height: 1.4;
}
.CookieConsent__body a {
  color: rgba(0, 162, 152, 0.8);
  text-decoration: underline;
}
.CookieConsent.is-disabled {
  animation: fade 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/filters-bar/filters-bar.component.css.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.FiltersBar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 48.125rem) {
  .FiltersBar--has-jo-selected {
    display: none;
  }
}
.FiltersBar__wrapper {
  display: flex;
  gap: 8px;
  padding: 1.5rem 1rem;
  flex-wrap: nowrap;
  overflow-x: scroll;
  scroll-snap-type: x proximity;
}
.FiltersBar__wrapper > * {
  flex: 0 0 auto;
}
@media (min-width: 48.125rem) {
  .FiltersBar__wrapper {
    background-color: #ffffff;
  }
}
@media (min-width: 64rem) {
  .FiltersBar__wrapper {
    padding: 1.5rem 2rem;
  }
}
.FiltersBar__left-shadow {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 64px;
  z-index: 2;
  display: flex;
  justify-content: start;
  align-items: center;
  background: linear-gradient(90deg, #FBFBFB 0%, rgba(249, 250, 251, 0) 100%);
  transition: transform 0.4s ease;
  pointer-events: none;
}
.FiltersBar__right-shadow {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 64px;
  z-index: 2;
  display: flex;
  justify-content: start;
  align-items: center;
  background: linear-gradient(270deg, #FBFBFB 0%, rgba(249, 250, 251, 0) 100%);
  transition: transform 0.4s ease;
  pointer-events: none;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/sticky-bar/sticky-bar.component.css.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.StickyBar--enabled {
  position: sticky;
  top: 0;
  z-index: 100;
}
.StickyBar__mobile-backdrop {
  display: block;
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(35, 40, 46, 0.2);
}
.StickyBar__backdrop {
  display: block;
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(35, 40, 46, 0.2);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/navbar/navbar.component.css.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The font file(s) should be placed relative to the regular CSS file.
 *
 */
/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * jobandtalent.com (monthly pageviews: < 1M)
 *
 */
/*
 * Legal Disclaimer for App licence
 *
 * Licence to use fonts in native, web or hybrid apps, on stationary, mobile or built-in devices like.
 *
 * Should the license download limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 *
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media.
 *
 * These Web fonts are licensed exclusively for the use on the following App(s):
 *
 * For use in:
 * “Jobandtalent”, up to 1m installations/downloads
 * “Jobandtalent Companies”, up to 500k installations/downloads
 *
 */
/* complete */
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/85e5feed4588fabc6ae9.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 400;
  src: url(/packs/9a223871abb7c8fe9fa6.woff2) format('woff2');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/63178e939f53c92a8a8d.woff) format('woff');
}
@font-face {
  font-family: 'ReplicaLLWeb';
  font-weight: 700;
  src: url(/packs/ebd4ab1eec9e4e2fdd49.woff2) format('woff2');
}
.primary-font {
  font-family: Manrope, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.secondary-font {
  font-family: ReplicaLLWeb, "Helvetica Neue", "Arial", "Helvetica", sans-serif;
}
.body-3-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  letter-spacing: 0.15px;
}
.body-2-regular {
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  letter-spacing: 0.15px;
}
.body-bold {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 132%;
}
.body-2-bold {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.15px;
}
.ds-text-display-thin {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 2.875rem;
  line-height: 3.75rem;
}
.ds-text-display-small {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.ds-text-headline {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.25rem;
}
.ds-text-title-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.625rem;
  line-height: 2.125rem;
}
.ds-text-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.625rem;
  line-height: 1.625rem;
}
.ds-text-title-base-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 2.0625rem;
}
.ds-text-title-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.8125rem;
}
.ds-text-title-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.ds-text-subtitle-big-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.ds-text-subtitle-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.ds-text-subtitle-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ds-text-subtitle-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.ds-text-body-big-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1rem;
}
.ds-text-body-big-light {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5rem;
}
.ds-text-body-big-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
}
.ds-text-body-base-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1rem;
}
.ds-text-body-base-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}
.ds-text-body-base-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-body-base-italic {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.ds-text-footnote-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgba(35, 40, 46, 0.8);
}
.ds-text-footnote-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-footnote-bold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.ds-text-caption-regular {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: rgba(35, 40, 46, 0.6);
}
.ds-text-caption-semibold {
  font-family: "proxima-nova", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.ds-atom-btn-small-primary-normal {
  background-color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-primary-normal:hover {
  background-color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-btn-small-secondary-normal {
  color: #00A298 !important;
  border-color: #00A298 !important;
}
.ds-atom-btn-small-secondary-normal:hover {
  color: rgba(0, 162, 152, 0.8) !important;
  border-color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Actions__container__"] [class*="Actions__button__"] {
  color: #00A298 !important;
}
[class*="Actions__container__"] [class*="Actions__button__"]:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
[class*="Container__container__"] a {
  color: #00A298 !important;
}
[class*="Container__container__"] a:hover {
  color: rgba(0, 162, 152, 0.8) !important;
}
.ds-atom-switch.selected .ds-atom-switch-slider {
  background-color: #00A298 !important;
}
[class*="Intro__image__"] {
  visibility: hidden;
}
[class*="Intro__container__"] {
  position: relative;
}
[class*="Intro__container__"]::before {
  content: '';
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0RCRkFGOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuNTggOC42MTZhOC4xMjIgOC4xMjIgMCAwIDEtMTQuNDMyLTMuODZDMTEuNDUyIDYuMTQgNCAxNC40NzYgNCAyNC41NTZjMCAxMS4wNDQgOC45NTQgMjAgMjAgMjBzMjAtOC45NTYgMjAtMjBjMC0xLjE1Ni0uMDk4LTIuMjg4LS4yODYtMy4zOWE4LjEyIDguMTIgMCAwIDEtOC4xMzQtMTIuNTVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBzdHJva2U9IiMwMEQ2QzkiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTM1LjU4IDguNjE2YTguMTIyIDguMTIyIDAgMCAxLTE0LjQzMi0zLjg2QzExLjQ1MiA2LjE0IDQgMTQuNDc2IDQgMjQuNTU2YzAgMTEuMDQ0IDguOTU0IDIwIDIwIDIwczIwLTguOTU2IDIwLTIwYzAtMS4xNTYtLjA5OC0yLjI4OC0uMjg2LTMuMzlhOC4xMiA4LjEyIDAgMCAxLTguMTM0LTEyLjU1WiIvPjxwYXRoIHN0cm9rZT0iIzAwRDZDOSIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMTQuNSAyMC4wNmgxdjFoLTF2LTFabTE3LjM5OCA4LjQzOGgxdjFoLTF2LTFabS0xMi42OTQgMy4yNTRoMXYxaC0xdi0xWiIvPjwvc3ZnPgo=);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(54, 71, 79, 0.3);
  outline: 0;
  outline-offset: -2px;
  border: 0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(54, 71, 79, 0.5);
}
.Navbar {
  background: #ffffff;
}
.Navbar__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
.Navbar__container > * + * {
  margin-left: 0.5rem;
}
.Navbar__container picture {
  display: flex;
}
.Navbar__content {
  flex-shrink: 0;
}
.Navbar__logo {
  max-height: 1.25rem;
  min-height: 1rem;
}
@media (max-width: 48.125rem) {
  .Navbar--backdrop {
    background: rgba(35, 40, 46, 0.2);
  }
}
.Navbar__wrap {
  padding: 0 1rem;
}
@media (min-width: 64rem) {
  .Navbar__wrap {
    padding: 0 2rem;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/javascript/packs/common/components/wrap/wrap.component.css.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.remove-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.hide-text {
  font: 0/0 a;
  /* stylelint-disable-line font-family-no-missing-generic-family-keyword, font-family-name-quotes */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.hidden {
  display: none;
}
.flex-center-content-vertically {
  display: flex;
  align-items: center;
}
.Wrap {
  margin: 0;
}
@media (min-width: 48.125rem) {
  .Wrap {
    max-width: 48.125rem;
    margin: auto;
    padding: 0 1rem;
  }
}
@media (min-width: 64rem) {
  .Wrap {
    max-width: 64rem;
  }
}
.Wrap--center {
  margin: auto;
}


/*# sourceMappingURL=application.feb018aefff01d88e82d.css.map*/