@import url(../../tds-bundle/_tds-core.css);
@import url(../../tds-bundle/_tds-buttons.css);
@import url(../../tds-bundle/_tds-layout.css);
a,
.tds-link {
  box-shadow: unset; }

h1 {
  padding-top: 17px; }

@media (max-width: 599px) and (min-width: 0) {
  h1 {
    padding-top: unset; } }

li {
  padding-bottom: unset; }

.tds-content_container p {
  max-width: 100%; }

.tds-btn {
  margin: 0 auto; }

.tds-o-label-name {
  text-transform: none; }

.page-autopilot-careers .section-form {
  padding: 50px 0 100px; }

.page-autopilot-careers .pane-content-constrain {
  min-height: 100vh; }

.page-autopilot-careers main {
  background-color: #fff;
  background-color: var(--tds-color--white); }

.page-autopilot-careers [id='autopilot-form'] {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px; }
  @media (max-width: 639px) and (min-width: 0) {
    .page-autopilot-careers [id='autopilot-form'] {
      padding-left: 20px;
      padding-right: 20px; } }

.page-autopilot-careers [id='submit-btn'] {
  color: #fff;
  color: var(--tds-color--white);
  border-radius: 30px;
  outline: 0; }

.page-autopilot-careers .form-copy {
  padding-left: 15px; }

.page-autopilot-careers .action-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .page-autopilot-careers .action-btn span {
    display: none; }
  .page-autopilot-careers .action-btn.status-process span {
    display: block; }
  .page-autopilot-careers .action-btn.status-process .form-submit {
    display: none; }

.page-autopilot-careers .section-welcome .introduction {
  font-size: 18px;
  line-height: 18px; }

.page-autopilot-careers [id='autopilot-details'] {
  opacity: 1;
  max-height: 500px;
  transition: opacity 2s, max-height 2s;
  overflow: hidden; }
  .page-autopilot-careers [id='autopilot-details'].success {
    opacity: 0;
    max-height: 0; }
    .page-autopilot-careers [id='autopilot-details'].success .action-btn span {
      display: block; }
    .page-autopilot-careers [id='autopilot-details'].success .action-btn .form-submit {
      display: none; }
  .page-autopilot-careers [id='autopilot-details'] .text-length-message {
    color: #b74134;
    color: var(--tds-color--red10); }
  .page-autopilot-careers [id='autopilot-details'].error {
    background-image: none;
    background-color: inherit; }

.page-autopilot-careers [id='autopilot-status'] p {
  display: none;
  text-align: center;
  margin: 0 auto; }

.page-autopilot-careers [id='autopilot-status'] .show {
  display: block; }

.page-autopilot-careers [id='autopilot-status'] .status-success {
  color: #12bb00;
  color: var(--tds-color--green10); }

.page-autopilot-careers [id='autopilot-status'] .status-error,
.page-autopilot-careers [id='autopilot-status'] .status-invalid {
  color: #b74134;
  color: var(--tds-color--red10); }

.page-autopilot-careers .form-item .required-error label {
  color: #b74134;
  color: var(--tds-color--red10); }

.page-autopilot-careers .required-error::after {
  content: 'Required';
  color: #b74134;
  color: var(--tds-color--red10);
  margin-left: 20px; }

.page-autopilot-careers .section-career-links {
  padding-bottom: 80px; }
  .page-autopilot-careers .section-career-links .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .page-autopilot-careers .section-career-links .container h3 {
      margin-bottom: 26px; }
  .page-autopilot-careers .section-career-links .career-card {
    max-width: 50%;
    padding: 15px; }
    @media (max-width: 639px) and (min-width: 0) {
      .page-autopilot-careers .section-career-links .career-card {
        min-width: 100%; } }
    .page-autopilot-careers .section-career-links .career-card .card-wrapper {
      background-color: #fff;
      background-color: var(--tds-color--white);
      border-radius: 20px;
      padding: 15px; }
      .page-autopilot-careers .section-career-links .career-card .card-wrapper h1 {
        font-size: 20px;
        font-family: 'Gotham Medium', 'system', sans-serif;
        font-family: var(--tds-fonts-combined--medium);
        max-width: 370px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .page-autopilot-careers .section-career-links .career-card .card-wrapper p {
        margin: 13px 0; }

.section-hero {
  width: 100%; }
  @media (min-width: 640px) {
    .section-hero {
      margin-top: -100px;
      max-height: 600px;
      min-height: 350px; } }
  .section-hero video {
    width: 100%;
    height: 100%; }

.section-header h1 {
  font-family: 'HeiT ASC Traditional Chinese', 'M Hei PRC W45', 'AXIS Font Japanese W55', 'FB New Gothic', 'Gotham Light', system, sans-serif;
  font-family: var(--tds-font-combined--light);
  text-align: center;
  padding-bottom: 30px; }

.section-header p {
  text-align: center; }

.section-jobs h2,
.section-culture h2,
.section-form h2 {
  font-family: 'HeiT ASC Traditional Chinese', 'M Hei PRC W45', 'AXIS Font Japanese W55', 'FB New Gothic', 'Gotham Light', system, sans-serif;
  font-family: var(--tds-font-combined--light);
  text-align: center;
  padding-bottom: 45px; }

.section-culture {
  text-align: center;
  padding-bottom: 50px; }
  .section-culture h2 {
    padding-bottom: 24px; }

@media (min-width: 600px) {
  .section-jobs {
    margin-top: 50px; } }

.section-jobs .job-card {
  margin-left: 0;
  margin-bottom: 40px; }
  @media (max-width: 599px) {
    .section-jobs .job-card {
      padding-left: 24px;
      padding-right: 24px;
      margin-bottom: 0; }
      .section-jobs .job-card h4 {
        font-size: 20px;
        margin-bottom: 15px;
        margin-left: 10px;
        padding-top: 0; } }

.section-jobs .job-card-copy {
  padding-top: 0; }
  @media (max-width: 599px) {
    .section-jobs .job-card-copy {
      padding-left: 0;
      margin-top: 15px; } }
  .section-jobs .job-card-copy h4 {
    padding-top: 0;
    padding-bottom: 8px; }

.section-jobs .job-card-bg {
  width: 315px;
  height: 250px;
  -ms-flex: none;
      flex: none;
  overflow: hidden;
  background-color: #000;
  background-color: var(--tds-color--black);
  background-position: 50%;
  background-size: cover;
  border-radius: 5px; }
  @media (max-width: 599px) {
    .section-jobs .job-card-bg {
      width: 100%; } }

.section-jobs .job-video-bg {
  width: 315px;
  padding: 0; }
  @media (max-width: 599px) {
    .section-jobs .job-video-bg {
      width: 100%; } }

.section-jobs .video.cover-verticle {
  height: 100%; }
  @media (max-width: 639px) and (min-width: 0) {
    .section-jobs .video.cover-verticle {
      width: 100%; } }

/*Image URLs*/
[id='job-card-bg-hardware'] {
  background-image: url("https://www.tesla.com/sites/default/files/images/careers/autopilot/hardware.jpg"); }

[id='job-card-bg-algorithms'] {
  background-image: url("https://www.tesla.com/sites/default/files/images/careers/autopilot/algorithms.png"); }

[id='job-card-bg-code'] {
  background-image: url("https://www.tesla.com/sites/default/files/images/careers/autopilot/code.gif"); }

[id='job-card-bg-infrastructure'] {
  background-image: url("https://www.tesla.com/sites/default/files/images/careers/autopilot/infrastructure.png"); }