#nf-recurly-credit-card{width:350px}.card-wrapper{margin-bottom:20px}.nf-recurly-field{margin-bottom:20px}.nf-recurly-field input[type="text"],.nf-recurly-field .recurly-hosted-field{border:1px solid #ccc;border-radius:4px;padding:5px 10px;height:40px}.nf-recurly-submit,.nf-recurly-cancel{height:40px;text-transform:uppercase}.nf-recurly-card-icon{margin-left:10px;display:inline-block;float:right}.recurly-error div.recurly-hosted-field{border:1px solid red}div.nf-recurly-error{margin-bottom:20px;color:red}.circle-loader{margin:0 0 30px 10px;border:2px solid rgb(0 0 0 / .2);border-left-color:#5cb85c;animation-name:loader-spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;position:relative;display:inline-block;vertical-align:top}.circle-loader,.circle-loader:after{border-radius:50%;width:8em;height:8em}.load-complete{-webkit-animation:none;animation:none;border-color:#5cb85c;transition:border 500ms ease-out}.checkmark{display:none}.checkmark.draw:after{animation-duration:1.2s;animation-timing-function:ease;animation-name:checkmark;transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:4em;width:2em;transform-origin:left top;border-right:2px solid #5cb85c;border-top:2px solid #5cb85c;content:'';left:2em;top:4em;position:absolute}@keyframes loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:2em;opacity:1}40%{height:4em;width:2em;opacity:1}100%{height:4em;width:2em;opacity:1}}.nf-recurly-loader{text-align:center}