.stripecard .card-details-container .error{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;top:100%;margin-top:20px;left:0;padding:0 15px;font-size:13px !important;opacity:0;transform:translateY(10px);transition-property:opacity, transform;transition-duration:0.35s;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.stripecard .card-details-container .error.visible{opacity:1;transform:none}.stripecard .card-details-container .error .message{font-size:inherit}.stripecard .card-details-container .error svg{-ms-flex-negative:0;flex-shrink:0;margin-top:-1px;margin-right:10px}.stripecard.stripe-cards .card-details-container{background-color:#fff}.stripecard.stripe-cards .card-details-container *{font-family:Source Code Pro, Consolas, Menlo, monospace;font-size:16px;font-weight:500}.stripecard.stripe-cards .card-details-container .row{display:-ms-flexbox;display:flex;margin:0 5px 10px}.stripecard.stripe-cards .card-details-container .field{position:relative;width:100%;height:50px;margin:0 10px}.stripecard.stripe-cards .card-details-container .field.half-width{width:50%}.stripecard.stripe-cards .card-details-container .field.quarter-width{width:calc(25% - 10px)}.stripecard.stripe-cards .card-details-container .baseline{position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:#cfd7df;transition:background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}.stripecard.stripe-cards .card-details-container .stripe-label{position:absolute;width:100%;left:0;bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform-origin:0 50%;cursor:text;transition-property:color, transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.stripecard.stripe-cards .card-details-container .input{position:absolute;width:100%;left:0;bottom:0;padding-bottom:7px;color:#32325d;background-color:transparent}.stripecard.stripe-cards .card-details-container .input::-webkit-input-placeholder{color:transparent;transition:color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}.stripecard.stripe-cards .card-details-container .input::-moz-placeholder{color:transparent;transition:color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}.stripecard.stripe-cards .card-details-container .input:-ms-input-placeholder{color:transparent;transition:color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)}.stripecard.stripe-cards .card-details-container .input.StripeElement{opacity:0;transition:opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);will-change:opacity}.stripecard.stripe-cards .card-details-container .input.focused,.stripecard.stripe-cards .card-details-container .input:not(.empty){opacity:1}.stripecard.stripe-cards .card-details-container .input.focused::-webkit-input-placeholder,.stripecard.stripe-cards .card-details-container .input:not(.empty)::-webkit-input-placeholder{color:#cfd7df}.stripecard.stripe-cards .card-details-container .input.focused::-moz-placeholder,.stripecard.stripe-cards .card-details-container .input:not(.empty)::-moz-placeholder{color:#cfd7df}.stripecard.stripe-cards .card-details-container .input.focused:-ms-input-placeholder,.stripecard.stripe-cards .card-details-container .input:not(.empty):-ms-input-placeholder{color:#cfd7df}.stripecard.stripe-cards .card-details-container .input.focused+.stripe-label,.stripecard.stripe-cards .card-details-container .input:not(.empty)+.stripe-label{transform:scale(0.85) translateY(-25px);cursor:default}.stripecard.stripe-cards .card-details-container .input.invalid+.stripe-label{color:#ffa27b}.stripecard.stripe-cards .card-details-container .input.focused.invalid+.stripe-label+.baseline{background-color:#e25950}.stripecard.stripe-cards .card-details-container input,.stripecard.stripe-cards .card-details-container button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-style:none}.stripecard.stripe-cards .card-details-container input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}.stripecard.stripe-cards .card-details-container input:-webkit-autofill{-webkit-text-fill-color:#e39f48;transition:background-color 100000000s;-webkit-animation:1ms void-animation-out}.stripecard.stripe-cards .card-details-container .StripeElement--webkit-autofill{background:transparent !important}.stripecard.stripe-cards .card-details-container input,.stripecard.stripe-cards .card-details-container button{-webkit-animation:1ms void-animation-out}.stripecard.stripe-cards .card-details-container button{display:block;width:calc(100% - 30px);height:40px;margin:40px 15px 0;background-color:#24b47e;border-radius:4px;color:#fff;text-transform:uppercase;font-weight:600;cursor:pointer}.stripecard.stripe-cards .card-details-container .error svg{margin-top:0 !important}.stripecard .card-details-container .success{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;padding:10px;text-align:center;pointer-events:none;overflow:hidden}@media (min-width: 670px){.stripecard .card-details-container .success{padding:40px}}.stripecard .card-details-container .success>*{transition-property:opacity, transform;transition-duration:0.35s;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);opacity:0;transform:translateY(50px)}.stripecard .card-details-container .success .icon{margin:15px 0 30px;transform:translateY(70px) scale(0.75)}.stripecard .card-details-container .success .icon svg{will-change:transform}.stripecard .card-details-container .success .icon .border{stroke-dasharray:251;stroke-dashoffset:62.75;transform-origin:50% 50%;transition:stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);animation:spin 1s linear infinite}.stripecard .card-details-container .success .icon .checkmark{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s}.stripecard .card-details-container .success .title{font-size:17px;font-weight:500;margin-bottom:8px}.stripecard .card-details-container .success .message{font-size:14px;font-weight:400;margin-bottom:25px;line-height:1.6em}.stripecard .card-details-container .success .message span{font-size:inherit}.stripecard .card-details-container .success .reset:active{transition-duration:0.15s;transition-delay:0s;opacity:0.65}.stripecard .card-details-container .success .reset svg{will-change:transform}.stripecard.stripe-cards .card-details-container .error svg .base{fill:#e25950}.stripecard.stripe-cards .card-details-container .error svg .glyph{fill:#fff}.stripecard.stripe-cards .card-details-container .error .message{color:#e25950}.stripecard.stripe-cards .card-details-container .success .icon .border{stroke:#abe9d2}.stripecard.stripe-cards .card-details-container .success .icon .checkmark{stroke:#24b47e}.stripecard.stripe-cards .card-details-container .success .title{color:#32325d;font-size:16px !important}.stripecard.stripe-cards .card-details-container .success .message{color:#8898aa;font-size:13px !important}.stripecard.stripe-cards .card-details-container .success .reset path{fill:#24b47e}.stripecard.stripe-cards .card-details-container button.btn-default{background-color:#999999}#stripe-cards-credit-card-check-ok{color:#4caf50}.stripecard .card-details-container select{border-color:white}.stripecard.stripe-cards .card-details-container{padding-top:20px;background-color:#fafafa;border-radius:10px}
