.CreditCard-module-scss-module__mO_8-G__cardWrapper{perspective:1000px;background-color:#0000;width:300px;height:200px}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack{backface-visibility:hidden;background-color:#f1f1f1;border:1px solid #c2c2c2;border-radius:20px;width:100%;height:100%;padding:1em;position:absolute}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront.CreditCard-module-scss-module__mO_8-G__amex,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack.CreditCard-module-scss-module__mO_8-G__amex{background:linear-gradient(25deg,#308c67,#a3f2cf)}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront.CreditCard-module-scss-module__mO_8-G__diners,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack.CreditCard-module-scss-module__mO_8-G__diners{background:linear-gradient(25deg,#fff,#eee)}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront.CreditCard-module-scss-module__mO_8-G__maestro,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront.CreditCard-module-scss-module__mO_8-G__mastercard,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack.CreditCard-module-scss-module__mO_8-G__maestro,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack.CreditCard-module-scss-module__mO_8-G__mastercard{background:linear-gradient(25deg,#fbfbfb,#e8e9e5)}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront.CreditCard-module-scss-module__mO_8-G__visa,.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack.CreditCard-module-scss-module__mO_8-G__visa{background:linear-gradient(25deg,#0f509e,#5facca)}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront{flex-flow:column;display:flex}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront .CreditCard-module-scss-module__mO_8-G__item{text-transform:uppercase;color:#000;justify-content:space-between;align-items:center;height:75px;font-weight:600;display:flex}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront .CreditCard-module-scss-module__mO_8-G__item .CreditCard-module-scss-module__mO_8-G__chip{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+);background-repeat:no-repeat;background-size:contain;border:1px solid #000;border-radius:5px;width:39px;height:30px}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront .CreditCard-module-scss-module__mO_8-G__item .CreditCard-module-scss-module__mO_8-G__logoWrapper{align-items:center;width:80px;height:100%;display:flex}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront .CreditCard-module-scss-module__mO_8-G__item .CreditCard-module-scss-module__mO_8-G__logoWrapper .CreditCard-module-scss-module__mO_8-G__logo{width:100%}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardFront .CreditCard-module-scss-module__mO_8-G__cardNumber{font-family:monospace;font-size:x-large}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack{transform:rotateY(180deg)}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack .CreditCard-module-scss-module__mO_8-G__blackBand{background-color:#000;height:40px;margin-left:-1em;margin-right:-1em}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack .CreditCard-module-scss-module__mO_8-G__cvc{color:#000;background-color:#fff;justify-content:center;align-items:center;width:30%;height:30px;margin-top:2em;font-weight:600;display:flex}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack .CreditCard-module-scss-module__mO_8-G__logoWrapper{justify-content:flex-end;margin-top:2em;display:flex}.CreditCard-module-scss-module__mO_8-G__cardWrapper .CreditCard-module-scss-module__mO_8-G__card .CreditCard-module-scss-module__mO_8-G__cardBack .CreditCard-module-scss-module__mO_8-G__logoWrapper .CreditCard-module-scss-module__mO_8-G__logo{width:70px;height:100%}.CreditCard-module-scss-module__mO_8-G__flipped .CreditCard-module-scss-module__mO_8-G__card{transform:rotateY(180deg)}