.date-of-birth-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;text-align:center;max-width:600px;margin:0 auto}.dob-description{font-family:var(--font-body--family, "Poppins", sans-serif);font-size:16px;line-height:1.6;color:#4b5563;margin:0}.dob-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.dob-input{appearance:none;-webkit-appearance:none;width:260px;max-width:100%;padding:12px 36px;border:2px solid var(--color-bright-yellow);border-radius:999px;font-family:var(--font-body--family, "Poppins", sans-serif);font-size:20px;line-height:1.6;font-weight:600;letter-spacing:.05em;text-align:center;background-color:#fff;color:#1f2937;transition:all .2s ease}.dob-input:focus{outline:none;border-color:var(--color-navy-blue);border-width:2px;box-shadow:0 0 0 3px #3b82f61a}.dob-input.error{border-color:#ef4444;background-color:#fef2f2}.dob-input.valid{border-color:#10b981;background-color:#f0fdf4}.dob-input::placeholder{font-size:inherit;line-height:inherit;font-weight:500;letter-spacing:.04em;color:#4b5563;opacity:1;font-family:var(--font-body--family, "Poppins", sans-serif)}.dob-input:focus::placeholder{color:transparent}.dob-error-message{display:none;color:#ef4444;font-size:14px;font-weight:500;margin-top:8px;font-family:var(--font-body--family, "Poppins", sans-serif)}.dob-buttons{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:20px}.dob-back-btn,.dob-continue-btn{appearance:none;-webkit-appearance:none;padding:12px 24px;border:2px solid;border-radius:999px;font-family:var(--font-body--family, "Poppins", sans-serif);font-size:16px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;min-width:120px}.dob-back-btn{background-color:transparent;border-color:#6b7280;color:#6b7280}.dob-back-btn:hover{background-color:#6b7280;color:#fff}.dob-continue-btn{background-color:var(--color-bright-yellow);border-color:var(--color-bright-yellow);color:var(--color-navy-blue)}.dob-continue-btn:hover{background-color:var(--color-navy-blue);color:#fff;border-color:var(--color-navy-blue)}.dob-continue-btn:disabled{background-color:#d1d5db;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.date-of-birth-container{padding:16px;gap:16px}.dob-input{width:100%;font-size:18px;padding:12px 24px}.dob-buttons{flex-direction:column;width:100%;gap:10px}.dob-back-btn,.dob-continue-btn{width:100%;font-size:16px}.dob-description{font-size:14px}}.date-of-birth-container{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.date-of-birth-container.active{opacity:1;transform:translateY(0)}.dob-input[data-cleave]{font-variant-numeric:tabular-nums}.dob-input:focus-visible{outline:2px solid var(--color-navy-blue);outline-offset:2px}.dob-back-btn:focus-visible,.dob-continue-btn:focus-visible{outline:2px solid var(--color-navy-blue);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/74/assets/appointment-date-of-birth.css.map */