.job-details-e7f47980j9VxCY4 {
  align-items: center;
  border-radius: 32px;
  border: none;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding-inline: 8px;
  position: relative;
  z-index: 0;

  &::after {
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  
  &: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;
  }

  color: var(--xdlColorText);
  transition-duration: 150ms;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

  &::after {
    background-color: var(--xdlColorBackground);
    border-color: var(--xdlColorControlBorder);
    transition-duration: 150ms, 150ms, 70ms;
    transition-property: background-color, border-color, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  @media (prefers-contrast: more) {
    &::after {
      border-width: 2px;
      border-color: var(--xdlColorA11yBorder);
    }
  }
}

.job-details-e7f47980j9VxCY5 {
    height: 24px;
  }
.job-details-e7f47980j9VxCY6 {
    height: 32px;
  }

.job-details-e7f47980j9VxCY7 {
      &::after {
        border: none;

        @media (prefers-contrast: more) {
          border-style: solid;
          border-width: 2px;
          border-color: var(--xdlColorA11yBorder);
        }
      }
    }

.job-details-e7f47980j9VxCY8 {
      font-weight: bold;
    }


.job-details-e7f47980j9VxCY9 {
  align-items: center;
  border-radius: 32px;
  border: none;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding-inline: 8px;
  position: relative;
  z-index: 0;

  &::after {
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  
  &: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;
  }

  color: var(--xdlColorText);
  transition-duration: 150ms;
  transition-property: color;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);

  &::after {
    background-color: var(--xdlColorBackground);
    border-color: var(--xdlColorControlBorder);
    transition-duration: 150ms, 150ms, 70ms;
    transition-property: background-color, border-color, transform;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  @media (prefers-contrast: more) {
    &::after {
      border-width: 2px;
      border-color: var(--xdlColorA11yBorder);
    }
  }
cursor: pointer;

  &:active {
    &&::after {
      border-color: transparent;
      height: calc(100% - 2px * 2);
      inset-block-start: 2px;
      inset-inline-start: 2px;
      width: calc(100% - 2px * 2);
    }
  }

  &:hover {
    background-color: transparent;
    color: var(--xdlColorText);

    &::after {
      background-color: var(--xdlColorButtonSecondaryHover);
      border-color: transparent;
      height: calc(100% + 2px * 2);
      inline-size: calc(100% + 2px * 2);
      inset-block-start: -2px;
      inset-inline-start: -2px;
    }

    @media (prefers-contrast: more) {
      &::after {
        border-width: 2px;
        border-color: var(--xdlColorA11yBorder);
      }
    }
  }

  }

.job-details-e7f47980j9VxCY10 {
    height: 24px;
  }
.job-details-e7f47980j9VxCY11 {
    height: 32px;
  }

.job-details-e7f47980j9VxCY12 {
      &::after {
        border: none;

        @media (prefers-contrast: more) {
          border-style: solid;
          border-width: 2px;
          border-color: var(--xdlColorA11yBorder);
        }
      }
    }

.job-details-e7f47980j9VxCY13 {
      font-weight: bold;
    }

.job-details-e7f47980j9VxCY14 {
      color: var(--xdlColorTextInvert);

      &::after {
        background-color: var(--xdlColorSelected);
        border-color: var(--xdlColorSelected);
      }

      &:hover {
        color: var(--xdlColorTextInvert);

        &::after {
          background-color: var(--xdlColorHoverQuaternary);
          border-color: var(--xdlColorHoverQuaternary);
        }
      }
    }

.job-details-e7f47980j9VxCY15 {
      &::after {
        box-shadow: 0 2px 14px 2px rgba(33, 42, 54, 0.08);
      }
    }

.job-details-e7f47980j9VxCY16 {
      &:active {
        color: var(--xdlColorBackground);

        &::after {
          background-color: var(--xdlColorSelected);
        }
      }
    }

.job-details-e7f47980j9VxCY17 {
      &&,
      &&:focus,
      &&:hover {
        color: var(--xdlColorTextTertiary);
        cursor: default;
        overflow: hidden;
        user-select: none;
        pointer-events: none;

        &::after {
          background-color: var(--xdlColorDisabledSoft);
          border-color: var(--xdlColorDisabledSoft);
        }
      }

      &&&:active::after {
        transform: none;
      }
    }


.job-details-e7f47980j9VxCY18 {
  align-items: center;
  border-radius: 32px;
  border: none;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  padding-inline: 8px;
  position: relative;
  z-index: 0;

  &::after {
    border-radius: 32px;
    border-style: solid;
    border-width: 1px;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  
  &: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;
  }
&,
  &:focus,
  &:hover {
    color: var(--xdlColorTextSecondary);

    &::after {
      background-color: var(--xdlColorBackground);
      border-color: var(--xdlColorControlBorder);
      border-style: dashed;
      border-width: 1px;
    }
  }
}

.job-details-e7f47980j9VxCY19 {
    height: 24px;
  }
.job-details-e7f47980j9VxCY20 {
    height: 32px;
  }

.job-details-e7f47980j9VxCY21 {
      &::after {
        border: none;

        @media (prefers-contrast: more) {
          border-style: solid;
          border-width: 2px;
          border-color: var(--xdlColorA11yBorder);
        }
      }
    }

.job-details-e7f47980j9VxCY22 {
      font-weight: bold;
    }


.job-details-e7f47980j9VxCY23 {
  align-content: center;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 18px;
  justify-content: center;
  width: 18px;

  & > svg {
    height: 100%;
    width: 100%;
  }
}


.job-details-e7f47980j9VxCY24 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  width: 24px;

  }

.job-details-e7f47980j9VxCY25 {
      height: 18px;
      transform: scale(0.75);
      width: 18px;
    }


.job-details-e7f47980j9VxCY26 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;

  }

.job-details-e7f47980j9VxCY27 {
      margin-inline-start: 4px;
    }


.job-details-e7f47980j9VxCY28 {
  margin-inline: 4px;

  }

.job-details-e7f47980j9VxCY29 {
      opacity: 0.4;
    }


.job-details-e7f47980j9VxCY30 {
  max-height: 20px;
}


.job-details-e7f47980j9VxCY31 {
  align-items: center;
  display: flex;
  height: 32px;
  overflow: hidden;
}


.job-details-e7f47980j9VxCY32 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-inline: 4px;

  }

.job-details-e7f47980j9VxCY33 {
      max-width: var(--job-details-e7f47980j9VxCY34);
    }


.job-details-e7f47980j9VxCY35 {
  && {
    color: var(--xdlColorText);
    background-color: var(--xdlColorTextInvert);
    border-color: var(--xdlColorTextInvert);
  }
}


.job-details-e7f47980j9VxCY36 {
  height: 24px;
  width: 24px;

  }

.job-details-e7f47980j9VxCY37 {
      opacity: 0.4;
    }


.job-details-e7f47980j9VxCY38 {
  height: 32px;
  line-height: 16px;
  padding-inline: 0;

  }

.job-details-e7f47980j9VxCY39 {
    height: 24px;
  }

.job-details-e7f47980j9VxCY40 {
    height: 32px;
  }


.job-details-e7f47980j9VxCY41 {
  align-items: center;
  background: transparent;
  border-radius: 32px 0 0 32px;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  line-height: 16px;
  padding-inline-end: 0;
  padding-inline-start: 8px;
  position: relative;
  z-index: 1;

  
  &: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;
  }
&[disabled] {
    cursor: default;
  }

  }

.job-details-e7f47980j9VxCY42 {
    height: 24px;
  }

.job-details-e7f47980j9VxCY43 {
    height: 32px;
  }


.job-details-e7f47980j9VxCY44 {
  align-items: center;
  background-color: transparent;
  border-radius: 0 32px 32px 0;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 32px;
  line-height: 16px;
  padding-inline-start: calc(4px * -1);
  position: relative;
  z-index: 1;

  
  &: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;
  }
&[disabled] {
    cursor: default;
  }
}


/*# sourceMappingURL=chunk-beo2m1rw.css.map*/