@charset "UTF-8";
section.careers-list {
    --careers-heading: var(--okd-block-theme-heading-on-dark);
    --careers-muted: var(--okd--preset--color--neutral-40);
    --careers-line: var(--okd-block-theme-line-on-dark);
    --okd-block-border-line-color: var(--careers-line);
    overflow: visible;
    padding-inline: var(--okd-line-gutter)
}

section.careers-list.-theme-neutral-110 {
    --block-background-color: var(--okd-block-theme-bg-neutral-110)
}

section.careers-list.-theme-neutral-100 {
    --block-background-color: var(--okd-block-theme-bg-neutral-100)
}

section.careers-list.-theme-neutral-10 {
    --block-background-color: var(--okd-block-theme-bg-neutral-10);
    --careers-heading: var(--okd-block-theme-heading-on-light);
    --careers-muted: var(--okd-block-theme-body-on-light);
    --careers-line: var(--okd--preset--color--neutral-40);
    --okd-block-border-line-color: var(--careers-line)
}

section.careers-list.-theme-neutral-10 .careers-list__apply.u-btn--1 {
    --btn-background-color: var(--okd--preset--color--neutral-80);
    --btn-text-color: var(--okd--preset--color--neutral-0);
    --btn-background-color-hover: var(--okd--preset--color--hypergreen);
    --btn-text-color-hover: var(--okd--preset--color--neutral-110)
}

section.careers-list .careers-list__inner {
    margin-inline: auto;
    max-width: var(--okd-block-max-width-narrow);
    overflow: visible;
    padding-block: 80px;
    position: relative;
    width: 100%
}

@media (min-width:928px) {
    section.careers-list .careers-list__inner {
        border-inline: var(--okd-line-width) solid var(--careers-line)
    }
}

section.careers-list .careers-list__inner::before,
section.careers-list .careers-list__inner::after {
    --circle-background-color: var(--okd-line-color);
    --circle-size: 8px;
    background-color: var(--circle-background-color);
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%);
    display: block;
    height: var(--circle-size);
    pointer-events: none;
    position: absolute;
    width: var(--circle-size);
    z-index: 10;
    content: ""
}

section.careers-list .careers-list__inner::before {
    bottom: 0;
    left: 0;
    transform: translate(-50%, 50%)
}

section.careers-list .careers-list__inner::after {
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%)
}

section.careers-list .careers-list__hgroup {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--okd--preset--spacing--24);
    padding-block: var(--okd--preset--spacing--24);
    padding-inline: var(--okd--preset--spacing--24)
}

@media (min-width:769px) {
    section.careers-list .careers-list__hgroup {
        padding-inline: var(--okd--preset--spacing--48)
    }
}

section.careers-list .careers-list__title {
    color: var(--careers-heading);
    font-size: var(--okd--preset--font-size--h-4);
    letter-spacing: -.01em;
    line-height: 1
}

section.careers-list .careers-list__count {
    font-size: clamp(23px, calc(23px + 5 * ((100vw - 800px) / (1440 - 800))), 28px);
    line-height: 1.1;
    color: var(--careers-muted);
    letter-spacing: -.01em
}

section.careers-list .careers-list__categories {
    display: flex;
    flex-direction: column;
    gap: 0
}

section.careers-list .careers-list__category[data-careers-list-category]:not(.is-careers-list-revealed) .careers-list__category-head,
section.careers-list .careers-list__category[data-careers-list-category]:not(.is-careers-list-revealed) .careers-list__job {
    opacity: 0;
    visibility: hidden
}

@media (prefers-reduced-motion:reduce) {
    section.careers-list .careers-list__category[data-careers-list-category] .careers-list__category-head,
    section.careers-list .careers-list__category[data-careers-list-category] .careers-list__job {
        opacity: 1;
        visibility: visible
    }
}

section.careers-list .careers-list__empty {
    color: var(--careers-muted);
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    padding-block: var(--okd--preset--spacing--48);
    padding-inline: var(--okd--preset--spacing--24)
}

@media (min-width:769px) {
    section.careers-list .careers-list__empty {
        padding-inline: var(--okd--preset--spacing--48)
    }
}

section.careers-list .careers-list__category {
    display: flex;
    flex-direction: column
}

section.careers-list .careers-list__category-head {
    position: relative
}

section.careers-list .careers-list__category-hgroup {
    display: flex;
    flex-direction: column;
    gap: var(--okd--preset--spacing--8);
    padding-block-start: var(--okd--preset--spacing--48);
    padding-block-end: var(--okd--preset--spacing--24);
    padding-inline: var(--okd--preset--spacing--24)
}

@media (min-width:769px) {
    section.careers-list .careers-list__category-hgroup {
        padding-block-start: var(--okd--preset--spacing--72);
        padding-inline: var(--okd--preset--spacing--48)
    }
}

section.careers-list .careers-list__eyebrow {
    color: var(--careers-muted);
    font-size: 16px;
    letter-spacing: .01em;
    line-height: 1.5;
    margin: 0
}

section.careers-list .careers-list__department {
    color: var(--careers-heading);
    font-size: var(--okd--preset--font-size--h-6);
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.2
}

section.careers-list .careers-list__line {
    background-color: var(--careers-line);
    bottom: 0;
    height: var(--okd-line-width);
    left: 0;
    position: absolute;
    right: 0
}

section.careers-list .careers-list__jobs {
    display: flex;
    flex-direction: column;
    margin: 0
}

section.careers-list .careers-list__job {
    border-bottom: var(--okd-line-width) solid var(--careers-line);
    display: flex;
    flex-direction: column;
    gap: var(--okd--preset--spacing--24);
    padding-block: var(--okd--preset--spacing--24);
    padding-inline: var(--okd--preset--spacing--24)
}

@media (min-width:769px) {
    section.careers-list .careers-list__job {
        align-items: center;
        flex-direction: row;
        gap: var(--okd--preset--spacing--24);
        justify-content: space-between;
        padding-inline: var(--okd--preset--spacing--48)
    }
}

section.careers-list .careers-list__job-main {
    flex: 1 1 auto;
    min-width: 0
}

section.careers-list .careers-list__job-title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--okd--preset--spacing--8)
}

section.careers-list .careers-list__job-title {
    color: var(--careers-heading);
    font-family: 19px;
    letter-spacing: -.01em;
    line-height: 1.5
}

section.careers-list .careers-list__new {
    align-content: center;
    border: 1px solid var(--careers-heading);
    border-radius: 4px;
    color: var(--careers-heading);
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1.5;
    margin-inline-start: var(--okd--preset--spacing--8);
    padding: 0 6px 2px 7px
}

section.careers-list .careers-list__job-meta {
    color: var(--careers-muted);
    font-size: 16px;
    line-height: 1.5;
    margin: var(--okd--preset--spacing--8) 0 0
}

section.careers-list .careers-list__job-action {
    flex-shrink: 0
}

@media (max-width:768px) {
    section.careers-list .careers-list__job-action {
        align-self: flex-start;
        width: 100%
    }
}

@media (min-width:769px) {
    section.careers-list .careers-list__job-action {
        align-self: center;
        flex: 0 0 auto;
        width: auto
    }
}

@media (max-width:768px) {
    section.careers-list .careers-list__apply {
        display: flex;
        justify-content: flex-start;
        width: 100%
    }
}

@media (min-width:769px) {
    section.careers-list .careers-list__apply {
        width: auto
    }
}