:root{--button-color:#079f90;--button-color-light:#09d0bc;--button-color-transparent:rgba(7,159,144,0.5);--banner-color:#7cfc00}.stripepaymentwrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:transparent;border-radius:2px;background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:none!important}.stripepaymentwrapper .cover{background-color:transparent;height:100%}.stripepaymentwrapper .cover>.info{text-align:left;padding:10px 10px 5px 10px}.stripepaymentwrapper .cover>.info.middle{padding:10px 20px 20px 10px}.stripepaymentwrapper .cover .loadingindicatorwrapper{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-color:hsla(0,0%,100%,.5);font-size:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stripepaymentwrapper .existingcardslist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px}.stripepaymentwrapper .existingcardslist .recommendation{cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease;width:100%;margin-bottom:10px}.stripepaymentwrapper .existingcardslist .recommendation .top{background-color:rgba(0,0,0,.05);border-radius:5px;-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px;overflow:hidden;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.stripepaymentwrapper .existingcardslist .recommendation .top>div{width:100%}.stripepaymentwrapper .existingcardslist .recommendation .top .product{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.stripepaymentwrapper .existingcardslist .recommendation .top .product.more{min-height:20px;max-height:20px;margin:0;font-weight:700;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.stripepaymentwrapper .existingcardslist .recommendation .top .product .image{width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:10px}.stripepaymentwrapper .existingcardslist .recommendation .top .product .title{width:100%;font-size:14px}.stripepaymentwrapper .existingcardslist .recommendation .bottom{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:5px}.stripepaymentwrapper .existingcardslist .recommendation .bottom .addto{margin-right:auto}.stripepaymentwrapper .existingcardslist .recommendation:hover .top{background-color:#fff}.stripepaymentwrapper .existingcardslist .recommendation:hover .top:after{background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(transparent));background:linear-gradient(0deg,#fff,transparent)}.stripepaymentwrapper .existingcardslist .recommendation.booking{margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.stripepaymentwrapper .existingcardslist .recommendation.booking .controls{text-align:left}.stripepaymentwrapper .existingcardslist .recommendation.booking .top{min-height:90px}.stripepaymentwrapper .existingcardslist .recommendation.booking .top .bookingline{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5px}.stripepaymentwrapper .existingcardslist .recommendation.booking .top .bookingline .image{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:contain}.stripepaymentwrapper .existingcardslist .recommendation.booking .top .bookingline .details{padding-left:5px;width:100%;font-size:.75em;text-align:left}.stripepaymentwrapper .existingcardslist .recommendation.booking .bottom{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.stripepaymentwrapper .existingcardslist .recommendation.booking .bottom button{width:auto}.stripepaymentwrapper .stripeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0 auto}.stripepaymentwrapper .stripeholder .stripe-card{width:100%}.stripepaymentwrapper .stripeholder .stripe-card .StripeElement{background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.25);padding:10px;width:calc(100% - 40px);margin:0 auto;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:5px}.stripepaymentwrapper .stripeholder .stripe-card .StripeElement.is-focused{background-color:#fff;border-color:rgba(0,0,0,.05)}.stripepaymentwrapper .buttonholder,.stripepaymentwrapper .carderror{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.stripepaymentwrapper .buttonholder button,.stripepaymentwrapper .carderror button{padding:20px;font-size:1em;font-weight:700;background-color:#119fff;color:#fff;border-radius:5px;border:none;outline:none;cursor:pointer;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.5);box-shadow:0 4px 8px rgba(0,0,0,.5);-webkit-transition:all .1s ease;transition:all .1s ease;height:60px}.stripepaymentwrapper .buttonholder button.disabled,.stripepaymentwrapper .carderror button.disabled{opacity:.5}.stripepaymentwrapper .buttonholder button:hover,.stripepaymentwrapper .carderror button:hover{-webkit-box-shadow:none;box-shadow:none}.stripepaymentwrapper .carderror{background-color:red;color:#fff;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.stripepaymentwrapper .stripe-card.complete{border-color:green}.paymentfail{background-color:red;margin:0 20px 20px 20px;color:#fff;padding:10px}@media only screen and (max-width:640px){.stripepaymentwrapper .existingcardslist .existingcard{width:calc(100% - 20px)}.stripepaymentwrapper .existingcardslist .existingcard .top .left .info{padding:10px}.stripepaymentwrapper .existingcardslist .existingcard .top .left .info .lastfour{font-size:1em;font-weight:400}.stripepaymentwrapper .existingcardslist .existingcard .bottom button.delete-existing-card{margin:5px}.stripepaymentwrapper .existingcardslist .existingcard .bottom button.submit-existing-card{font-size:1em}.stripepaymentwrapper .stripeholder .stripe-card .StripeElement{width:calc(100% - 40px)}.stripepaymentwrapper .buttonholder{padding:10px}.stripepaymentwrapper .buttonholder button{width:100%}}@media only screen and (max-width:460px){.stripepaymentwrapper .cover>.info{font-size:.8em}}