.payment-note-button__trigger{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-8px;padding:10px;display:inline-flex}.payment-note-button__icon{color:var(--color-text-tertiary)}.payment-note-button__icon--set{color:var(--color-brand)}.modal__panel.payment-note-button__card{background:var(--color-surface-elevated);border-radius:var(--radius-lg);gap:12px;width:100%;max-width:360px;padding:18px 22px}.payment-note-button__header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.payment-note-button__title{font-family:var(--font-raleway), sans-serif;font-weight:800;font-size:var(--text-md);color:var(--color-text);margin:0}.payment-note-button__close{cursor:pointer;color:var(--color-text);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-8px;padding:8px;display:inline-flex}.payment-note-button__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);font:inherit;font-size:var(--text-lg);color:var(--color-text);resize:vertical;box-sizing:border-box;width:100%;min-height:72px;padding:12px}.payment-note-button__input::placeholder{color:var(--color-text-placeholder)}.payment-note-button__input:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-border);outline:none}.payment-note-button__meta{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.payment-note-button__clear{cursor:pointer;font:inherit;font-size:var(--text-sm);color:var(--color-danger-muted);background:0 0;border:none;margin:-6px;padding:6px;font-weight:600}.payment-note-button__counter{font-size:var(--text-2xs);color:var(--color-text-secondary)}.payment-note-button__actions{flex-direction:row;gap:10px;margin-top:6px;display:flex}.payment-note-button__action{flex:1 1 0}