.hbFlow .petBirthPickerTrigger{border:1.5px solid var(--hb-line);background:var(--surface-white);width:100%;color:var(--hb-text-strong);letter-spacing:-.011em;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:.55rem;min-height:46px;padding:.78rem .95rem;font-size:.95rem;font-weight:500;display:flex}.hbFlow .petBirthPickerTrigger:focus-visible{border-color:#6785bdcc;outline:none;box-shadow:0 0 0 3px #6785bd2e,0 1px 2px #253a750f}.hbFlow .petBirthPickerTriggerValue{min-width:0}.hbFlow .petBirthPickerTriggerChevron{color:var(--hb-text-muted)}.hbFlow .petBirthPickerPanel{padding:0}
.hbStepper{justify-content:center;align-items:center;gap:.75rem;max-width:460px;margin:0 auto 2rem;display:flex}.hbStep{flex:none;align-items:center;gap:.6rem;display:flex}.hbStepDot{background:var(--surface-white);border:1.5px solid var(--hb-line);width:30px;height:30px;color:var(--hb-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .24s;display:flex}.hbStepDot--active{background:linear-gradient(165deg, var(--accent-blue), var(--accent-blue-strong));border-color:var(--hb-blue-strong);color:var(--surface-white);box-shadow:0 4px 14px #6785bd4d}.hbStepDot--done{background:linear-gradient(165deg, var(--accent-mint), #5fa888);border-color:var(--hb-mint);color:var(--surface-white)}.hbStepLabel{color:var(--hb-text-muted);letter-spacing:-.011em;font-size:.86rem;font-weight:600}.hbStepLabel--strong{color:var(--hb-text-strong);font-weight:800}.hbStepConnector{background:var(--hb-line-soft);border-radius:2px;flex:1;height:2px;transition:background .32s}.hbStepConnector--done{background:var(--hb-mint)}
