.name-input-container{margin-bottom:1.25rem;width:100%}.name-input-label{font-family:Jost,sans-serif;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#9c8c7a;display:block;margin-bottom:6px}.required-star{color:#c07070;margin-left:4px}.name-input{width:100%;border:.5px solid #ddd5c8;border-radius:8px;padding:11px 14px;font-family:Jost,sans-serif;font-size:14px;font-weight:300;color:#2c2416;background:#fff;outline:none;transition:all .2s ease;box-sizing:border-box}.name-input:focus{border-color:#c4a882;box-shadow:0 0 0 3px hsla(35,36%,64%,.15)}.name-input.valid{border-color:#6b8a6b}.name-input.error{border-color:#c07070;background:#fbf5f5}.name-input-hint{font-size:10px;color:#b8ada0}.name-input-error,.name-input-hint{font-family:Jost,sans-serif;margin-top:4px}.name-input-error{font-size:11px;color:#a04040}.name-input-preview{margin-top:8px;padding:8px 12px;background:#f5f0ea;border-radius:6px;font-size:11px}.preview-label{font-family:Jost,sans-serif;font-size:10px;font-weight:500;color:#9c8c7a;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.preview-breakdown{display:flex;flex-wrap:wrap;gap:12px}.preview-part{font-family:Jost,sans-serif;font-size:11px;color:#5a4a35}.preview-part strong{font-weight:500;color:#2c2416}