.mb-demo{font-family:inherit;color:inherit;max-width:100%;text-align:left}
.mb-demo *{box-sizing:border-box}
.mb-demo__title{font-family:'Visby Bold',Helvetica,Arial,sans-serif;color:#7f277d;font-size:26px;padding-bottom:16px}
.mb-demo__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.mb-demo__field{padding-bottom:14px!important;margin:0}
.mb-demo label{display:block;font-family:'Visby Bold',Helvetica,Arial,sans-serif;font-size:14px;color:#333;margin-bottom:5px}
.mb-demo input[type=text],.mb-demo input[type=email],.mb-demo input[type=tel],.mb-demo select,.mb-demo textarea{width:100%;font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid #bbb;border-radius:3px;background:#fff;color:#333;-webkit-appearance:none;appearance:none}
.mb-demo select{appearance:auto;-webkit-appearance:menulist}
.mb-demo input:focus,.mb-demo select:focus,.mb-demo textarea:focus{outline:2px solid #7f277d;outline-offset:0;border-color:#7f277d}
.mb-demo [aria-invalid=true]{border-color:#b3261e}
.mb-demo__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.mb-demo__row{display:flex;gap:10px}
.mb-demo__row input{flex:1;min-width:0}
.mb-demo__refresh{font-family:inherit;font-size:13px;background:none;border:0;color:#7f277d;text-decoration:underline;cursor:pointer;white-space:nowrap}
.mb-demo__question{color:#7f277d}
.mb-demo__status{min-height:0;font-size:14px;margin-bottom:10px}
.mb-demo__status:not(:empty){padding:10px 12px;border-left:4px solid #7f277d;background:#f6eef6}
.mb-demo__status[data-kind=error]{border-color:#b3261e;background:#fbeeed;color:#8c1d18}
.mb-demo__submit{font-family:'Visby Bold',Helvetica,Arial,sans-serif;font-size:18px;color:#fff;background:#7f277d;border:2px solid #7f277d;border-radius:3px;padding:.4em 1.6em;cursor:pointer;transition:background .2s,color .2s}
.mb-demo__submit:hover:not(:disabled){background:#fff;color:#7f277d}
.mb-demo__submit:disabled{opacity:.6;cursor:progress}
.mb-demo__success{padding:24px;border:2px solid #7f277d;border-radius:3px}
.mb-demo__success h3{color:#7f277d;font-family:'Visby Bold',Helvetica,Arial,sans-serif}
.mb-demo__success[hidden],.mb-demo__body[hidden]{display:none}
@media(max-width:600px){.mb-demo__grid{grid-template-columns:1fr}.mb-demo__row{flex-direction:column;align-items:flex-start}}