*{padding:0;margin:0;box-sizing:border-box;outline:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px}.CardForm{font-size:14px;line-height:1.2em;height:1.2em;position:absolute;top:0;left:0;width:100%}.CardForm>*{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%}.CardForm input{background:0 0;border:none;border-radius:0;display:block;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:1em;line-height:1.2em;height:1.2em}.CardForm input:-webkit-autofill{transition:background-color 2000000s}.CardForm.is-disabled,input:disabled{color:#d4d4d4}input:disabled::-webkit-input-placeholder{color:#d4d4d4}input:disabled::-moz-placeholder{color:#d4d4d4}input:disabled:-ms-input-placeholder{color:#d4d4d4}input:disabled::placeholder{color:#d4d4d4}.CardInput{position:absolute}.CardInput.is-invalid{color:#c51720}.is-disabled .CardInput.is-invalid{color:#f1bbb4}.CardInput::-webkit-input-placeholder{-webkit-text-fill-color:currentColor}.CardInput::-moz-placeholder{-webkit-text-fill-color:currentColor}.CardInput:-ms-input-placeholder{-webkit-text-fill-color:currentColor}.CardInput::placeholder{-webkit-text-fill-color:currentColor}.CardData{position:relative;display:block;margin:0;padding:0}.CardData:after{height:0;visibility:hidden;content:attr(data-mxw)}.CardIcon{width:1.5em;height:100%;position:absolute;top:0;display:inline-block;text-align:center;perspective:1000px}.CardIcon-number{width:4em}.CardIcon-contain{width:100%;height:100%;position:relative;transition:transform .5s cubic-bezier(.075,.82,.165,1);transform-style:preserve-3d}.CardIcon-inner{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;display:flex;flex-direction:row;gap:5px}.CardIcon-inner img,.CardIcon-inner svg{cursor:pointer;position:relative;left:0;top:0;bottom:0;height:1em;margin:auto 0;transform:scale(.7);opacity:0}.CardIcon-front{z-index:20;transform:rotateX(0)}.CardIcon-back{z-index:10;transform:rotateY(180deg) rotateX(0)}.CardIcon-fill{fill:#4e4e67}.CardForm.is-invalid .CardIcon-fill{fill:#c51720}.CardForm.is-disabled .CardIcon-contain{opacity:.4}.CardIcon--loaded img,.CardIcon--loaded svg{transition:transform .1s;transform:scale(1);opacity:1}.CardIcon--hidden{pointer-events:none}.CardIcon--hidden .CardIcon-inner img,.CardIcon--hidden .CardIcon-inner svg{transform:scale(.6);opacity:0}.CardIcon--front .CardIcon-back{opacity:0}.CardIcon--back .CardIcon-contain{transform:rotateY(180deg)}.CardFields{display:inline-block;position:absolute;left:0;right:0;white-space:nowrap;overflow:hidden;transition:.4s cubic-bezier(.25,.46,.45,.94);transition-property:left,right}.CardField{display:inline-block;margin-right:-4px;transform:translateX(0);position:relative;z-index:10;transition:.3s}.CardField:not(:first-child){width:24%}.CardNumberClone{position:absolute;pointer-events:none}.CardNumberClone-last{position:absolute;top:0}.CardNumberClone-full{opacity:0}.CardField--number .CardNumberClone,.CardField--number input,.CardField--number input:-webkit-autofill{transition:background-color 100000000s,opacity .3s cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.CardField--number .CardNumberClone,.CardField--number input{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.CardField--number .CardNumberClone{opacity:0}.CardField--number.is-hidden .CardNumberClone{opacity:1}.CardField--number.is-hidden input[name=cardnumber]{opacity:0}.CardWrap:hover{cursor:text}.CardWrap .CardIcon{z-index:20}.CardWrap--ltr .CardIcon{left:0}.CardWrap--ltr .CardIcon:not(.CardIcon--hidden)+.CardFields{left:4em}.CardWrap--ltr .CardNumberClone-last,.CardWrap--rtl .CardIcon{right:0}.CardWrap--rtl .CardIcon:not(.CardIcon--hidden)+.CardFields{right:2em}.CardWrap--rtl .CardNumberClone-last{left:0}.image-selected{opacity:1;transform:scale(1.1);transition:transform .2s ease,opacity .2s ease;border:1.5px solid #2d698a;border-radius:3px;padding:2px 5px;&:after{content:"\2713";position:absolute;top:0;right:0;width:5px;height:5px;font-size:4px;color:#fff;background-color:#2d698a;display:flex;justify-content:center;align-items:center;border-radius:0 0 0 1px;border:1px solid #2d698a}}