:root{--tpd-color-danger:rgb(167, 9, 9)}.tpd-form{border:1px solid var(--tpd-color-border);max-width:600px;margin:0 auto;position:relative;background-color:#fff}.tpd-form *{box-sizing:border-box}.tpd-form-heading{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:var(--tpd-color-accent);color:var(--tpd-color-inverse);font-size:20px;font-weight:700;text-align:center}.tpd-form-contents{padding:1rem;display:flex;flex-direction:column;gap:1rem}.tpd-form-contents .tpd-input{width:100%;background-color:#fff;border:1px solid var(--tpd-color-border);padding:.5rem;text-align:center;box-shadow:none;font-size:1rem;background-color:#fff;height:48px}.tpd-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tpd-buttons{display:grid;flex-wrap:wrap;justify-content:center;grid-template-columns:repeat(4,1fr);gap:1rem;font-size:1rem}.tpd-buttons input[type=radio]{display:none}.tpd-buttons input[type=radio]+label{display:flex;height:48px;width:100%;border:1px solid var(--tpd-color-border);align-items:center;justify-content:center;margin:0;cursor:pointer;color:var(--tpd-color-accent)}.tpd-buttons input[type=radio]:checked+label{background-color:var(--tpd-color-accent);color:var(--tpd-color-inverse);border-color:var(--tpd-color-accent)}.tpd-form-errors{border:1px solid var(--tpd-color-danger);padding:1rem;color:var(--tpd-color-danger)}.tpd-form-errors:empty{display:none}.tpd-submit{font-size:1rem;padding:1rem;background-color:var(--tpd-color-secondary);color:var(--tpd-color-secondary-inverse);cursor:pointer;height:48px;display:flex;align-items:center;justify-content:center}.tpd-submit:hover{background-color:var(--tpd-color-secondary);color:var(--tpd-color-secondary-inverse)}.tpd-submit:disabled{opacity:.3;cursor:not-allowed}.tpd-custom-amount{display:none}.tpd-custom-amount.tpd-visible{display:block}.tpd-button-wrapper{display:flex;flex:1 1 25%}@media (max-width:767px){.tpd-buttons{grid-template-columns:repeat(2,1fr)}.tpd-row{grid-template-columns:1fr}}.tpd-locked:after{content:" ";width:100%;height:100%;background-color:rgba(255,255,255,.95);position:absolute;top:0;left:0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%23000000" stroke="%23000000" stroke-width="15" r="15" cx="40" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%23000000" stroke="%23000000" stroke-width="15" r="15" cx="100" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%23000000" stroke="%23000000" stroke-width="15" r="15" cx="160" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>');background-repeat:no-repeat;background-position:center;background-size:64px}.tpd-locked{pointer-events:none}