.ra{flex-direction:column;align-items:center;width:100%;display:flex}.ra-field{align-items:center;gap:var(--sp-8);width:100%;max-width:440px;height:56px;padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-24);border-radius:var(--r-pill);background:var(--c-white);box-shadow:inset 0 0 0 1px var(--c-hairline-strong);transition:box-shadow var(--dur-state) var(--ease);display:flex}.ra-field:focus-within{box-shadow:inset 0 0 0 2px var(--c-ink)}.ra-field input{min-width:0;height:100%;font:inherit;font-size:var(--t-body);letter-spacing:-.01em;color:var(--c-ink);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:auto;padding:0}.ra-field input::placeholder{color:var(--c-ink-faint);opacity:1}.ra-note{max-width:440px;margin:var(--sp-12) 0 0;font-size:var(--t-caption);color:var(--c-ink-faint);text-wrap:balance;font-weight:500;line-height:1.4}.ra-note[data-error]{color:var(--c-ink)}.ra-saved{text-align:center;outline:none;flex-direction:column;align-items:center;max-width:480px;display:flex}.ra-saved-title{align-items:center;gap:var(--sp-12);font-size:var(--t-body);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.3;display:inline-flex}.ra-check{border-radius:var(--r-pill);background:var(--c-ink);width:24px;height:24px;animation:ra-check-in var(--dur-state-slow) var(--ease) both;flex:none;place-items:center;display:grid}.ra-check svg{fill:none;width:16px;height:16px;stroke:var(--c-white);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}[data-js] .ra-saved .ra-check{animation-play-state:running!important}.ra-saved-body{margin:var(--sp-8) 0 0;font-size:var(--t-label);color:var(--c-ink-faint);text-wrap:balance;line-height:1.4}@keyframes ra-check-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (max-width:734px){.ra-field{gap:var(--sp-12);height:auto;box-shadow:none;background:0 0;flex-wrap:wrap;padding:0}.ra-field:focus-within{box-shadow:none}.ra-field input{border-radius:var(--r-pill);background:var(--c-white);height:56px;box-shadow:inset 0 0 0 1px var(--c-hairline-strong);transition:box-shadow var(--dur-state) var(--ease);flex:100%;padding:0 20px}.ra-field input:focus{box-shadow:inset 0 0 0 2px var(--c-ink)}.ra-field .act-pill{flex:100%}}
