/* Square checkout dialog (js/checkout.js). Separate file so the main theme (css/style.css) is untouched. */
.sq-dlg{max-width:30rem;width:calc(100% - 2rem);border:0;border-radius:12px;padding:1.25rem}
.sq-dlg::backdrop{background:rgba(0,0,0,.5)}
.sq-dlg label{display:block;margin-top:.6rem;font-weight:700}
.sq-dlg input{width:100%;box-sizing:border-box}
.sq-dlg .btn{display:block;width:100%;margin-top:.6rem}
.sq-card{min-height:90px;margin:.4rem 0}
.sq-wallets{display:grid;gap:.5rem;margin-top:.8rem}
.sq-gpay{min-height:48px}
.sq-apple{-webkit-appearance:-apple-pay-button;-apple-pay-button-type:plain;-apple-pay-button-style:black;display:block;width:100%;height:48px;border:0;border-radius:8px;cursor:pointer}
.sq-apple[hidden]{display:none}