#charges\:list{display:grid;grid-gap:15px;grid-template-columns:repeat(4, 1fr);padding-bottom:15px}#charges\:list .charge{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:20px;position:relative}#charges\:list .charge>.charge-message{margin-bottom:15px}#charges\:list .charge>.charge-message .message{background-color:#ff3b30;border-radius:6px;color:#fff;padding:15px}#charges\:list .charge.successful{pointer-events:none}#charges\:list .charge.successful:after{bottom:0;height:100%;left:0;position:absolute;width:100%;z-index:2}#charges\:list .charge.successful>.charge-message .message{background-color:#34c759}[data-id=new-charge] button{background-color:rgba(0,0,0,0);border:2px solid #000;color:#000;padding:6px 15px}