.vue-credit-card{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:800px;margin:0 auto}.vue-credit-card,.vue-credit-card .card-form-and-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vue-credit-card .card-form-and-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vue-credit-card .card-form-and-image .credit-card-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:400px;padding:20px;color:#707070}.vue-credit-card .card-form-and-image .credit-card-form .field-group{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-credit-card .card-form-and-image .credit-card-form .field-group .field:first-child{margin-right:10px}.vue-credit-card .card-form-and-image .credit-card-form .field{position:relative;width:100%;margin:10px 0}.vue-credit-card .card-form-and-image .credit-card-form .field label{padding-bottom:5px;font-size:13px}.vue-credit-card .card-form-and-image .credit-card-form .field input{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:3px;padding:15px;font-size:16px;width:100%;border-radius:3px;border:1px solid #dcdcdc}.vue-credit-card .ccicon{height:38px;position:absolute;right:6px;top:calc(50% - 9px);width:60px}.vue-credit-card .credit-card-image{width:100%;max-width:400px;max-height:251px;height:54vw;padding:20px;-webkit-perspective:1000px;perspective:1000px}.vue-credit-card #ccsingle{position:absolute;right:15px;top:20px}.vue-credit-card #ccsingle svg{width:100px;max-height:60px}.vue-credit-card .creditcard{width:100%;max-width:400px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;cursor:pointer}.vue-credit-card .creditcard .back,.vue-credit-card .creditcard .front{position:absolute;width:100%;max-width:400px;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#47525d}.vue-credit-card .creditcard .back,.vue-credit-card .creditcard.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.vue-credit-card .creditcard svg#cardback,.vue-credit-card .creditcard svg#cardfront{width:100%;-webkit-box-shadow:1px 5px 6px 0 #000;box-shadow:1px 5px 6px 0 #000;border-radius:22px}.vue-credit-card .creditcard .darkcolor,.vue-credit-card .creditcard .lightcolor{-webkit-transition:fill .5s;transition:fill .5s}.vue-credit-card .creditcard .lightblue{fill:#03a9f4}.vue-credit-card .creditcard .lightbluedark{fill:#0288d1}.vue-credit-card .creditcard .red{fill:#ef5350}.vue-credit-card .creditcard .reddark{fill:#d32f2f}.vue-credit-card .creditcard .purple{fill:#ab47bc}.vue-credit-card .creditcard .purpledark{fill:#7b1fa2}.vue-credit-card .creditcard .cyan{fill:#26c6da}.vue-credit-card .creditcard .cyandark{fill:#0097a7}.vue-credit-card .creditcard .green{fill:#66bb6a}.vue-credit-card .creditcard .greendark{fill:#388e3c}.vue-credit-card .creditcard .lime{fill:#d4e157}.vue-credit-card .creditcard .limedark{fill:#afb42b}.vue-credit-card .creditcard .yellow{fill:#ffeb3b}.vue-credit-card .creditcard .yellowdark{fill:#f9a825}.vue-credit-card .creditcard .orange{fill:#ff9800}.vue-credit-card .creditcard .orangedark{fill:#ef6c00}.vue-credit-card .creditcard .grey{fill:#bdbdbd}.vue-credit-card .creditcard .greydark{fill:#616161}.vue-credit-card #svgname{text-transform:uppercase}.vue-credit-card #cardfront .st2{fill:#fff}.vue-credit-card #cardfront .st3{font-family:Source Code Pro,monospace;font-weight:600}.vue-credit-card #cardfront .st4{font-size:54.7817px}.vue-credit-card #cardfront .st5{font-family:Source Code Pro,monospace;font-weight:400}.vue-credit-card #cardfront .st6{font-size:33.1112px}.vue-credit-card #cardfront .st7{opacity:.6;fill:#fff}.vue-credit-card #cardfront .st8{font-size:24px}.vue-credit-card #cardfront .st9{font-size:36.5498px}.vue-credit-card #cardfront .st10{font-family:Source Code Pro,monospace;font-weight:300}.vue-credit-card #cardfront .st11{font-size:16.1716px}.vue-credit-card #cardfront .st12{fill:#4c4c4c}.vue-credit-card #cardback .st0{fill:none;stroke:#0f0f0f;stroke-miterlimit:10}.vue-credit-card #cardback .st2{fill:#111}.vue-credit-card #cardback .st3{fill:#f2f2f2}.vue-credit-card #cardback .st4{fill:#d8d2db}.vue-credit-card #cardback .st5{fill:#c4c4c4}.vue-credit-card #cardback .st6{font-family:Source Code Pro,monospace;font-weight:400}.vue-credit-card #cardback .st7{font-size:27px}.vue-credit-card #cardback .st8{opacity:.6}.vue-credit-card #cardback .st9{fill:#fff}.vue-credit-card #cardback .st10{font-size:24px}.vue-credit-card #cardback .st11{fill:#eaeaea}.vue-credit-card #cardback .st12{font-family:Rock Salt,cursive}.vue-credit-card #cardback .st13{font-size:37.769px}.vue-credit-card .card-form-and-image .credit-card-form,.vue-credit-card .card-form-and-image .credit-card-image{padding:0;margin:10px 0}.vue-credit-card .card-form-and-image .credit-card-form .creditcard svg#cardback,.vue-credit-card .card-form-and-image .credit-card-form .creditcard svg#cardfront,.vue-credit-card .card-form-and-image .credit-card-image .creditcard svg#cardback,.vue-credit-card .card-form-and-image .credit-card-image .creditcard svg#cardfront{-webkit-box-shadow:none;box-shadow:none}.vue-credit-card .card-form-and-image .credit-card-form .field input{border:none;border-bottom:2px solid #999;border-radius:0;padding:5px;margin-top:0;outline:none}.vue-credit-card .card-form-and-image .credit-card-form .field label{padding:0;margin:0;font-size:12px;text-align:left}.vue-credit-card .card-form-and-image .credit-card-form .field svg{top:calc(50% - 15px)}.amount-input{border:none;border-bottom:2px solid #999;border-radius:0;padding:5px;margin:0 0 10px;outline:none;width:100%}.amount-label{padding:0;margin:0;font-size:12px;text-align:left}