/* Geboortedatum (native datumveld) op kassa en account. Zie date-of-birth-field.js.

   Het label is bij dit veld verborgen (kassa: schermlezer-only; account: display
   none) en een datumveld heeft geen placeholder. Zolang het veld leeg is en geen
   focus heeft staat het label daarom in het veld, in dezelfde stijl als de
   placeholders ernaast; met focus of een ingevulde datum verdwijnt het en zie je
   het formaat (dd-mm-jjjj) resp. de datum. */
#billing_age_field.tt-date-field {
    position: relative;
}

body #billing_age_field.tt-date-field--empty:not(:focus-within) > label {
    position: absolute !important;
    top: 0;
    left: 0;
    width: auto;
    height: 48px;
    margin: 0;
    padding: 0 46px 0 22px;
    border: 0;
    overflow: hidden;
    clip: auto;
    display: flex !important;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--font-color, #0A2636);
    pointer-events: none;
    z-index: 1;
}

body #billing_age_field.tt-date-field--empty:not(:focus-within) #billing_age,
body #billing_age_field.tt-date-field--empty:not(:focus-within) #billing_age::-webkit-datetime-edit {
    color: transparent;
}