.job-details-e7f47980fZsl8S {
  appearance: none;
  background-color: var(--xdlColorControlFill);
  border-color: var(--xdlColorControlBorder);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  margin: 0;
  position: relative;
  width: 24px;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:checked {
    background-color: var(--xdlColorControlFill);
    border-color: var(--xdlColorSelected);

    }

  &::before {
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 0;
  }

  &:checked::before {
    background-color: var(--xdlColorSelected);
    height: 12px;
    margin-left: calc(12px / 2 * -1);
    margin-top: calc(12px / 2 * -1);
    transition-duration: 240ms;
    transition-property: margin, height, width;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
    width: 12px;

    }

  &[disabled] {
    background-color: var(--xdlColorControlFill);
    border-color: var(--xdlColorDisabledSoft);
    cursor: default;
  }

  &[disabled]::before {
    background-color: var(--xdlColorControlFill);
    border-color: var(--xdlColorDisabledSoft);
  }

  &[disabled]:checked {
    background-color: var(--xdlColorControlFill);
    border-color: var(--xdlColorDisabledSoft);
  }

  &[disabled]:checked::before {
    background-color: var(--xdlColorDisabledSoft);
  }
}


.job-details-e7f47980fZsl8S2 {
  border-color: var(--xdlColorError);
  border-style: solid;
  border-width: 2px;
}

.job-details-e7f47980fZsl8S3 {&:checked {
      }}

.job-details-e7f47980fZsl8S4 {&:checked {
  border-color: var(--xdlColorError);
  border-style: solid;
  border-width: 2px;
}}

.job-details-e7f47980fZsl8S5 {&:checked::before {
      }}

.job-details-e7f47980fZsl8S6 {&:checked::before {
  background-color: var(--xdlColorError);
  border-color: var(--xdlColorError);
  border-style: solid;
  border-width: 2px;
}}

.job-details-e7f47980nUEPS2 {
  line-height: 1.8;
  width: 100%;
}

.job-details-e7f47980f3in7Q {
  align-items: center;
  display: flex;
  position: relative;
}

.job-details-e7f47980zmFJZ0 {
  position: relative;

  & > button {
    visibility: hidden;

    @media (max-width: 739px) {
      /* completely remove so that viewport is not extended */
      display: none;
    }
  }

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    &:hover > button {
      visibility: visible;
    }

    &:focus-within > button {
      visibility: visible;
    }
  }
}


.job-details-e7f47980zmFJZ01 {
  display: flex;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    scroll-snap-type: x proximity;
  }

  @media (prefers-reduced-motion: reduce) {
    scroll-behavior: auto;
  }

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  }

.job-details-e7f47980zmFJZ02 {
        -ms-overflow-style: none;
        scrollbar-width: none;

        &::-webkit-scrollbar {
          display: none;
          height: 0;
          width: 0;
        }
      }


.job-details-e7f47980zmFJZ04 {
  --trackColor: var(--xdlColorControlFillTertiary);
  --thumbColor: var(--xdlColorBorderStrong);

  @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
    scrollbar-color: var(--thumbColor) var(--trackColor);
    scrollbar-width: thin;

    &::-webkit-scrollbar {
      height: 4px;
    }

    &::-webkit-scrollbar-track {
      background-color: var(--trackColor);
      border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: var(--thumbColor);
      border-radius: 4px;
    }
  }
}

.job-details-e7f47980zmFJZ05 {
    align-items: center;
  }

.job-details-e7f47980zmFJZ06 {
    align-items: stretch;
  }

.job-details-e7f47980zmFJZ07 {
    align-items: flex-start;
  }

.job-details-e7f47980zmFJZ08 {
    align-items: flex-end;
  }

.job-details-e7f47980zmFJZ09 {
        padding-block-start: var(--job-details-e7f47980zmFJZ010);
      }

.job-details-e7f47980zmFJZ011 {
        @media (min-width: 740px) {
          padding-block-start: var(--job-details-e7f47980zmFJZ012);
        }
      }

.job-details-e7f47980zmFJZ013 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-block-start: var(--job-details-e7f47980zmFJZ014);
        }
      }

.job-details-e7f47980zmFJZ015 {
        padding-block-end: var(--job-details-e7f47980zmFJZ016);
      }

.job-details-e7f47980zmFJZ017 {
        @media (min-width: 740px) {
          padding-block-end: var(--job-details-e7f47980zmFJZ018);
        }
      }

.job-details-e7f47980zmFJZ019 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-block-end: var(--job-details-e7f47980zmFJZ020);
        }
      }

.job-details-e7f47980zmFJZ021 {
        padding-inline-start: var(--job-details-e7f47980zmFJZ022);
      }

.job-details-e7f47980zmFJZ023 {
        @media (min-width: 740px) {
          padding-inline-start: var(--job-details-e7f47980zmFJZ024);
        }
      }

.job-details-e7f47980zmFJZ025 {
        @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
          padding-inline-start: var(--job-details-e7f47980zmFJZ026);
        }
      }


.job-details-e7f47980zmFJZ036 {
  && {
    position: absolute;
  }

  inset-inline-end: -21px; /* Half medium button */
}

.job-details-e7f47980zmFJZ037 {
      inset-block-start: calc(
        50% - 21px - calc(var(--job-details-e7f47980zmFJZ028) / 2) +
          calc(var(--job-details-e7f47980zmFJZ029) / 2)
      );
    }

.job-details-e7f47980zmFJZ038 {
      @media (min-width: 740px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--job-details-e7f47980zmFJZ031) / 2) +
            calc(var(--job-details-e7f47980zmFJZ032) / 2)
        );
      }
    }

.job-details-e7f47980zmFJZ039 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--job-details-e7f47980zmFJZ034) / 2) +
            calc(var(--job-details-e7f47980zmFJZ035) / 2)
        );
      }
    }


.job-details-e7f47980zmFJZ040 {
  && {
    position: absolute;
  }

  inset-inline-start: -21px; /* Half medium button */
}

.job-details-e7f47980zmFJZ041 {
      inset-block-start: calc(
        50% - 21px - calc(var(--job-details-e7f47980zmFJZ028) / 2) +
          calc(var(--job-details-e7f47980zmFJZ029) / 2)
      );
    }

.job-details-e7f47980zmFJZ042 {
      @media (min-width: 740px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--job-details-e7f47980zmFJZ031) / 2) +
            calc(var(--job-details-e7f47980zmFJZ032) / 2)
        );
      }
    }

.job-details-e7f47980zmFJZ043 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        inset-block-start: calc(
          50% - 21px - calc(var(--job-details-e7f47980zmFJZ034) / 2) +
            calc(var(--job-details-e7f47980zmFJZ035) / 2)
        );
      }
    }

.job-details-e7f47980qMCBCM {
  flex-shrink: 0;
  position: relative;

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:last-child {
    && {
      margin-inline-end: 0;
    }
  }

  }

.job-details-e7f47980qMCBCM1 {
      margin-inline-end: var(--job-details-e7f47980qMCBCM2);
    }

.job-details-e7f47980qMCBCM3 {
      @media (min-width: 740px) {
        margin-inline-end: var(--job-details-e7f47980qMCBCM4);
      }
    }

.job-details-e7f47980qMCBCM5 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        margin-inline-end: var(--job-details-e7f47980qMCBCM6);
      }
    }

.job-details-e7f47980qMCBCM7 {
      width: var(--job-details-e7f47980qMCBCM8);
    }

.job-details-e7f47980qMCBCM9 {
      @media (min-width: 740px) {
        width: var(--job-details-e7f47980qMCBCM10);
      }
    }

.job-details-e7f47980qMCBCM11 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        width: var(--job-details-e7f47980qMCBCM12);
      }
    }

.job-details-e7f47980qMCBCM13 {
      max-width: var(--job-details-e7f47980qMCBCM14);
    }

.job-details-e7f47980qMCBCM15 {
      min-width: var(--job-details-e7f47980qMCBCM16);
    }

.job-details-e7f47980qMCBCM17 {
    scroll-snap-align: start;
  }

.job-details-e7f47980qMCBCM18 {
    scroll-snap-align: center;
  }

.job-details-e7f47980qMCBCM19 {
    scroll-snap-align: end;
  }

.job-details-e7f47980qMCBCM20 {
      &:last-child::after {
        
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--job-details-e7f47980qMCBCM21);
        width: var(--job-details-e7f47980qMCBCM22);
      }
    }

.job-details-e7f47980qMCBCM23 {
      @media (min-width: 740px) {
        &:last-child::after {
          
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--job-details-e7f47980qMCBCM24);
          width: var(--job-details-e7f47980qMCBCM25);
        }
      }
    }

.job-details-e7f47980qMCBCM26 {
      @media (min-width: 883px) and (max-width: 1023px), (min-width: 1113px) {
        &:last-child::after {
          
  content: '';
  display: flex;
  height: 1px;
  position: absolute;
inset-inline-end: var(--job-details-e7f47980qMCBCM27);
          width: var(--job-details-e7f47980qMCBCM28);
        }
      }
    }


.job-details-e7f47980pY1U3O1 {
      margin-top: 68px;

      @media (min-width: 1310px) {
        margin-top: 92px;
      }
    }


.job-details-e7f47980pY1U3O2 {
  inset-block-end: 0;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  position: fixed;
  z-index: var(--job-details-e7f47980pY1U3O3);

  &.slideFade-enter {
    opacity: 0;
    transform: translateY(48px);
  }

  &.slideFade-appear {
    opacity: 0;
    transform: translateY(48px);
  }

  &.slideFade-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  &.slideFade-appear-active {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1), cubic-bezier(0, 0, 0.2, 1);
  }

  &.slideFade-enter-done {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-appear-done {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-exit {
    opacity: 1;
    transform: translateY(0);
  }

  &.slideFade-exit-active {
    opacity: 0;
    transform: translateY(48px);
    transition-duration: 400ms, 400ms;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1), cubic-bezier(0.4, 0, 1, 1);
  }

  &.slideFade-exit-done {
    opacity: 0;
    transform: translateY(48px);
  }
}


.job-details-e7f47980pY1U3O4 {
  /* Override ClosingIndicator even when its base CSS chunk loads later. */
  && {
    inset-block-start: 0;
    inset-inline-end: 0;
    position: fixed;
    z-index: 300;
  }
}


.job-details-e7f47980pY1U3O5 {
  position: fixed;
  left: 16px;
  top: 16px;
  z-index: 300;

  @media (min-width: 1024px) {
    top: 24px;
    left: 68px;
  }
}


.job-details-e7f47980PBLtkE2 {
      all: unset;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }


.job-details-e7f47980PBLtkE3 {
  border-radius: 16px;
  box-shadow: 0 4px 16px 3px rgba(33, 42, 54, 0.13);
  box-sizing: border-box;
  max-width: 372px;
  padding: 12px;
  z-index: 200;

  /* Ensure the animation works properly */
  will-change: transform, opacity;
  transform-origin: var(--radix-popover-content-transform-origin);

  & :is(h1, h2, h3, h4, h5, h6, p) {
    
  }

  }

.job-details-e7f47980PBLtkE4 {& :is(h1, h2, h3, h4, h5, h6, p) {
      background-color: var(--xdlColorSelected);
      color: var(--xdlColorTextInvert);
    }}

.job-details-e7f47980PBLtkE5 {& :is(h1, h2, h3, h4, h5, h6, p) {
      background-color: var(--xdlColorCardInspire04);
      color: var(--xdlColorTextOnLight);
    }}

.job-details-e7f47980PBLtkE6 {
      background-color: var(--xdlColorSelected);
      color: var(--xdlColorTextInvert);
    }

.job-details-e7f47980PBLtkE7 {
      background-color: var(--xdlColorCardInspire04);
      color: var(--xdlColorTextOnLight);
    }

.job-details-e7f47980PBLtkE8 {
        & [data-xds='Marker'] {
          margin-block-end: 4px;
        }

        & [data-xds='Marker'] [data-xds='BodyCopy'] {
          margin-block-end: 0;
        }

        & [data-xds='Headline'] {
          margin-block-end: 2px;
        }

        & [data-xds='BodyCopy'] {
          margin-block-end: 8px;
        }
      }

.job-details-e7f47980PBLtkE9 {
    &[data-state='open'] {
      animation: job-details-e7f47980jllugH 150ms cubic-bezier(0.4, 0, 1, 1) forwards;
    }

    &[data-state='closed'] {
      animation: job-details-e7f47980jllugH1 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }
  }

.job-details-e7f47980PBLtkE10 {
    &[data-state='open'] {
      animation: job-details-e7f47980jllugH2 150ms cubic-bezier(0.4, 0, 1, 1) forwards;
    }

    &[data-state='closed'] {
      animation: job-details-e7f47980jllugH3 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }
  }

.job-details-e7f47980PBLtkE11 {
    &[data-state='open'] {
      animation: job-details-e7f47980jllugH4 150ms cubic-bezier(0.4, 0, 1, 1) forwards;
    }

    &[data-state='closed'] {
      animation: job-details-e7f47980jllugH5 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }
  }

.job-details-e7f47980PBLtkE12 {
    &[data-state='open'] {
      animation: job-details-e7f47980jllugH6 150ms cubic-bezier(0.4, 0, 1, 1) forwards;
    }

    &[data-state='closed'] {
      animation: job-details-e7f47980jllugH7 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }
  }

.job-details-e7f47980PBLtkE13 {
    &[data-state='open'] {
      animation: job-details-e7f47980jllugH8 150ms cubic-bezier(0.4, 0, 1, 1) forwards;
    }

    &[data-state='closed'] {
      animation: job-details-e7f47980jllugH9 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
    }
  }


.job-details-e7f47980PBLtkE14 {
  width: 20px;
  height: 10px;

  /** Bugfix */
  visibility: visible;

  /* Arrow animation */
  
  &[data-state='open'] {
    animation: job-details-e7f47980jllugH8 150ms cubic-bezier(0, 0, 0.2, 1) forwards;
  }
  &[data-state='closed'] {
    animation: job-details-e7f47980jllugH9 150ms cubic-bezier(0.4, 0, 1, 1) forwards;
  }
}

.job-details-e7f47980PBLtkE15 {
      fill: var(--xdlColorSelected);
    }

.job-details-e7f47980PBLtkE16 {
      fill: var(--xdlColorCardInspire04);
    }


.job-details-e7f47980PBLtkE17 {
  all: unset;
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 32px;
  inset-block-start: 0;
  inset-inline-end: 0;
  justify-content: center;
  position: absolute;
  width: 32px;

  &:focus-visible {
    outline: 2px solid var(--xdlColorTextInvert);
    border-radius: 50%;
  }
}

.job-details-e7f47980DHcgzh {
  color: var(--xdlColorLink);
  font-size: inherit;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: 8%;
  text-underline-offset: 20%;
  text-underline-position: from-font;
  position: relative;

  &::before {
    block-size: 100%;
    content: '';
    inline-size: 100%;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    min-height: 24px;
    min-width: 24px;
    position: absolute;
    transform: translate(-50%, -50%);
  }

  &:hover {
    text-decoration-thickness: 13%;
  }

  &:hover,
  &:focus {
    color: var(--xdlColorLinkHover);
  }

  &:visited {
    color: var(--xdlColorLinkVisited);
  }
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
    text-decoration-thickness: 13%;
  }
}


.job-details-e7f47980DHcgzh1 {
  color: var(--xdlColorLink);
  font-size: inherit;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: 8%;
  text-underline-offset: 20%;
  text-underline-position: from-font;
  position: relative;

  &::before {
    block-size: 100%;
    content: '';
    inline-size: 100%;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    min-height: 24px;
    min-width: 24px;
    position: absolute;
    transform: translate(-50%, -50%);
  }

  &:hover {
    text-decoration-thickness: 13%;
  }

  &:hover,
  &:focus {
    color: var(--xdlColorLinkHover);
  }

  &:visited {
    color: var(--xdlColorLinkVisited);
  }
  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
    text-decoration-thickness: 13%;
  }
}


.job-details-e7f47980DHcgzh2 {
  bottom: -3px;
  margin-left: 2px;
  position: absolute;
}


.job-details-e7f47980DHcgzh3 {
  display: inline-block;
  position: relative;
  width: 20px;
}


/*# sourceMappingURL=main-kfv7ocx2.css.map*/