.pju-webhook .visuallyhidden{position:absolute;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.pju-webhook--btn{display:flex;color:#fff;background:#2d2f36;padding:.75em 1.5em .875em;border-radius:6px}
@keyframes pju-webhook--anim-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pju-webhook--status{display:flex;margin-top:1rem;margin-bottom:2rem}.pju-webhook--status--icon{margin-right:1rem}.pju-webhook--status--icon svg{width:3rem;height:3rem}.pju-webhook:not(.monochrome) .icon-cancel .pju-webhook--status--icon{color:#c82829}.pju-webhook .icon-loader .pju-webhook--status--icon{color:#4271ae}.pju-webhook .icon-loader .pju-webhook--status--icon svg{animation:1s pju-webhook--anim-spin infinite linear}.pju-webhook:not(.monochrome) .icon-check .pju-webhook--status--icon{color:#5d800d}.pju-webhook:not(.monochrome) .icon-alert .pju-webhook--status--icon{color:#f5871f}.pju-webhook--status--name{margin-bottom:.5em}.pju-webhook--status--description{color:#777}