/* Exact Kontakt candidate form recipe, scoped to the Workers route. */
.workers-registration-form {
  --form-accent:#37afff;
  --form-focus:#37afff;
  --about-violet:var(--form-focus);
  align-self:start;
  width:100%;
}
.workers-registration-form [hidden] { display:none!important; }
.workers-registration-form .about-field:focus-within > label { color:var(--form-focus); }
.workers-registration-form .about-field :is(input,textarea):focus { border-bottom-color:var(--form-focus); }
.workers-registration-form .about-field.is-invalid > :is(input,textarea),
.workers-registration-form .about-field.is-invalid .about-phone-control { border-bottom-color:var(--form-focus)!important; box-shadow:0 1px 0 var(--form-focus); }
.workers-registration-form .about-phone-country:focus-visible { outline:2px solid var(--form-focus); outline-offset:2px; }
.workers-registration-form .about-phone-options .about-phone-option[aria-selected=true] { background:#eaf6ff; }
.workers-registration-form .about-phone-option:focus-visible { box-shadow:inset 0 0 0 2px var(--form-focus); }
.workers-registration-form .about-contact-consent { margin-block:30px 24px; font-size:15px; line-height:1.5; }
.workers-registration-form .about-contact-consent input { margin-top:1px; }
.workers-registration-form .about-contact-consent input:checked { border-color:var(--form-accent); background-color:var(--form-accent); }
.workers-registration-form .about-contact-consent.is-invalid input { border-color:var(--form-focus); box-shadow:inset 0 0 0 1px var(--form-focus); }
.workers-registration-form .about-contact-consent a:is(:hover,:focus-visible) { color:var(--form-focus); }
.workers-registration-form .workers-cv-control { display:flex; position:relative; align-items:center; flex-wrap:wrap; gap:12px; padding-block:12px; border-bottom:1px solid #aab7c0; }
.workers-registration-form .workers-file-input { position:absolute; width:1px; height:1px; min-height:0; opacity:0; padding:0; border:0; overflow:hidden; }
.workers-registration-form .workers-cv:focus-within .workers-cv-control { border-color:var(--form-focus); }
.workers-registration-form .workers-file-input:focus-visible + .workers-upload-button { outline:2px solid var(--form-focus); outline-offset:4px; }
.workers-page main .workers-registration-form .cut-button.workers-upload-button {
  --button-base-bg:#fff;
  --button-base-fg:#050607;
  --button-base-border:#cbd4da;
  --button-hover-bg:#f1f4f6;
  --button-hover-fg:#050607;
  --button-hover-border:#aab7c0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  width:auto;
  min-height:54px;
  padding:14px 16px;
  font-family:'DM Sans',Arial,sans-serif;
  font-weight:500;
  font-size:17px;
  text-align:left;
  cursor:pointer!important;
}
.workers-registration-form .workers-file-name { flex:1; min-width:0; font-size:16px; line-height:1.4; overflow-wrap:anywhere; }
.workers-registration-form .workers-file-remove { flex:none; min-width:44px; min-height:44px; border:0; background:#f1f4f6; color:#050607; }
.workers-registration-form .workers-file-remove:not([hidden]) { display:grid; place-items:center; }
.workers-registration-form .workers-file-remove svg { width:22px; height:22px; }
.workers-registration-form .workers-file-remove:is(:hover,:focus-visible) { background:#eaf6ff; }
.workers-registration-form .workers-file-remove:focus-visible { outline:2px solid var(--form-focus); outline-offset:3px; }
.workers-registration-form .workers-cv-hint { color:#596873; font-size:15px; line-height:1.5; text-wrap:pretty; }
.workers-registration-form .workers-cv-hint { margin-top:12px; }
.workers-registration-form .workers-cv.is-invalid .workers-cv-control { border-color:var(--form-focus); box-shadow:0 1px 0 var(--form-focus); }
.workers-page main .workers-registration-form .workers-form-submit {
  --button-base-bg:#050607;
  --button-base-fg:#fff;
  --button-base-border:#050607;
  --button-hover-bg:var(--form-accent);
  --button-hover-fg:#050607;
  --button-hover-border:var(--form-accent);
}
@media(max-width:760px) {
  .workers-registration-form .about-contact-consent { font-size:14px; }
  .workers-registration-form .workers-cv-hint { font-size:14px; }
  .workers-page main .workers-registration-form .cut-button.workers-upload-button { width:100%; font-size:16px; }
  .workers-registration-form .workers-file-name { flex-basis:calc(100% - 56px); font-size:15px; }
}