#take-a-payment-demo{--body-color:#f7fafc;--button-color:#556cd6;--accent-color:#556cd6;--gray-border:#e3e8ee;--link-color:#fff;--font-color:#697386;--body-font-family:-apple-system,BlinkMacSystemFont,sans-serif;--radius:4px;--form-width:400px;-webkit-box-sizing:border-box;background-color:var(--body-color);font-family:var(--body-font-family);font-size:16px;-webkit-font-smoothing:antialiased;padding:20px;box-sizing:border-box;margin-top:20px;margin-bottom:20px;border-radius:10px;-webkit-transition:height 1s ease;transition:height 1s ease}.sr-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sr-header h3{padding-top:0;margin-top:0}.sr-root{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;max-width:980px;-ms-flex-line-pack:center;align-content:center;height:auto;margin:0 auto}.sr-main,.sr-root{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sr-main{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding:25px 0 0;background:var(--body-color)}.sr-payment-form{text-align:center;width:var(--form-width)}.sr-field-error{color:var(--font-color);text-align:left;font-size:13px;line-height:17px;margin-top:12px}.sr-sample .sr-pill{background:#e3e8ee;border-radius:13px;height:26px;line-height:26px;color:#4f566b;font-size:12px;font-weight:600;letter-spacing:0;-webkit-box-shadow:none;box-shadow:none;min-width:150px;margin-right:8px;margin-top:0}.sr-pill:nth-child(2){width:120px}.sr-pill.small{width:26px;margin-right:0;padding:0}.sr-pill.fill-card{min-width:150px;margin-top:17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.sr-pill.fill-card i{background:url(/img/docs/payments/sample-card.svg);width:12px;height:12px;padding:0;background-repeat:no-repeat;display:inline-block;background-size:cover;margin-right:5px}.sr-pill:not(:disabled):hover{-webkit-filter:contrast(90%);filter:contrast(90%)}.sr-pill:not(:disabled):active{-webkit-transform:translateY(0) scale(.98);transform:translateY(0) scale(.98);-webkit-filter:brightness(.9);filter:brightness(.9)}.sr-pill:disabled{opacity:.5}.sr-terminal{padding:25px 0 17px;font-family:monospace;border-bottom:1px solid #d8d8d8}.sr-terminal div{display:table-cell;font-size:13px;font-weight:400;height:20px;letter-spacing:0;line-height:20px}.sr-terminal div:first-child{color:#3b415e;padding-right:20px}#take-a-payment-demo .sr-subtext{color:#697386;font-size:14px;font-weight:400;letter-spacing:-.15px;line-height:20px;margin-top:4px;margin-top:17px;padding-top:0}.close-sample-btn,.close-sample-btn:active{position:absolute;right:25px;background:url(/img/docs/payments/close-sample.svg);width:14px;height:14px;padding:0;-webkit-box-shadow:none;box-shadow:none;background-repeat:no-repeat;background-size:cover;margin-top:0}.close-sample-btn:active{outline:#add8e6}.expand-btn{background:url(/img/docs/payments/expand-sample.svg);width:10px;height:10px;padding:0;background-repeat:no-repeat;display:inline-block}#submit{height:36px;margin-top:5px;border-radius:var(--radius);color:#fff;border:0;margin-top:16px;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;display:block;-webkit-box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);width:100%}#submit,#submit:focus{background:var(--button-color)}#submit:hover{-webkit-filter:contrast(120%);filter:contrast(120%)}#submit:disabled{opacity:.5}.sr-input,input[type=text]{border-radius:var(--radius);padding:5px 12px;height:44px;width:100%;-webkit-transition:-webkit-box-shadow .2s ease;transition:-webkit-box-shadow .2s ease;transition:box-shadow .2s ease;transition:box-shadow .2s ease,-webkit-box-shadow .2s ease;background:#fff;-moz-appearance:none;-webkit-appearance:none;appearance:none}.focused,.sr-input:focus,button:focus,input[type=text]:focus{-webkit-box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3);box-shadow:0 0 0 1px rgba(50,151,211,.3),0 1px 1px 0 rgba(0,0,0,.07),0 0 0 4px rgba(50,151,211,.3);outline:none;z-index:9;background-color:var(--body-color)}.sr-input::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder{color:var(--gray-light)}.sr-input:-ms-input-placeholder,.sr-input::-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=text]::-ms-input-placeholder{color:var(--gray-light)}.sr-input::placeholder,input[type=text]::placeholder{color:var(--gray-light)}.sr-result{width:100%;color:var(--font-color)}.sr-result p{line-height:20px}.sr-result pre{border:1px solid var(--gray-border);margin-top:25px!important;padding-left:14px;max-height:300px;overflow:auto}.sr-combo-inputs-row{-webkit-box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);border-radius:7px}#take-a-payment-demo code,#take-a-payment-demo pre{font-family:SF Mono,IBM Plex Mono,Menlo,monospace;font-size:12px}.sr-card-element{padding-top:12px}@media (max-width:720px){.sr-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:48px 20px;min-width:320px}.sr-header__logo{background-position:50%}.sr-payment-summary{text-align:center}.sr-content{display:none}.sr-main{width:100%;height:305px;background:#f7fafc;-webkit-box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);box-shadow:0 0 0 .5px rgba(50,50,93,.1),0 2px 5px 0 rgba(50,50,93,.1),0 1px 1.5px 0 rgba(0,0,0,.07);border-radius:6px}}.spinner,.spinner:after,.spinner:before{border-radius:50%}.spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);transform:translateZ(0)}.spinner:after,.spinner:before{position:absolute;content:""}.spinner:before{height:20.4px;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}.spinner:after,.spinner:before{width:10.4px;background:var(--accent-color)}.spinner:after{height:10.2px;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sr-root{-webkit-animation:.4s form-in;animation:.4s form-in;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease;animation-timing-function:ease}.hidden{display:none}@-webkit-keyframes field-in{0%{opacity:0;-webkit-transform:translateY(8px) scale(.95);transform:translateY(8px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes field-in{0%{opacity:0;-webkit-transform:translateY(8px) scale(.95);transform:translateY(8px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes form-in{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes form-in{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}

/*# sourceMappingURL=take_a_payment.css-24ef5c04a9e359a0582b.min.css.map*/