.payment-indicator-wrap{display:inline;white-space:normal}
.payment-indicator{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:30px;height:30px;margin-left:5px;border:1px solid transparent;border-radius:50%;font:700 18px/1 sans-serif;cursor:pointer}
.payment-indicator.paid{color:#176540;background:#dff3e8;border-color:#9bc7ac}
.payment-indicator.pending{color:#70500c;background:#fff1cb;border-color:#d4b76a}
.payment-indicator:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.payment-indicator-text:not([hidden]){display:inline-block;font:600 12px/1.5 sans-serif;padding:4px 8px;margin:4px;color:#17211b;background:#fffdf8;border:1px solid #d9ddd5;border-radius:6px;white-space:normal}