.rccs{-webkit-perspective:1000px;perspective:1000px}.rccs,.rccs__card{margin:0 auto;width:290px}.rccs__card{height:182.872997856px;position:relative;transition:all .4s linear}.rccs__card,.rccs__card--back,.rccs__card--front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.rccs__card--back,.rccs__card--front{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(25deg,#939393,#717171);border-radius:14.5px;color:#fff;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;box-shadow:0 0 20px rgba(0,0,0,.2)}.rccs__card--front{z-index:20}.rccs__card--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rccs__card--back .rccs__issuer{background-position:bottom;bottom:5%;left:50%;opacity:.6;right:auto;top:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.rccs__card__background{height:200%;position:absolute;top:-60%;-webkit-transform:rotate(25deg);transform:rotate(25deg);transition:all .5s ease-out;width:150%;left:-170%}.rccs__card--flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rccs__card--flipped .rccs__card--front{z-index:10}.rccs__card--flipped .rccs__card--back{z-index:20}.rccs__card--unknown>div{background:linear-gradient(25deg,#999,#999);box-shadow:none}.rccs__card--unknown .rccs__issuer{visibility:hidden}.rccs__card:not(.rccs__card--unknown) .rccs__card__background{left:-22%}.rccs__card--american-express .rccs__card__background{background:linear-gradient(25deg,#308c67,#a3f2cf)}.rccs__card--american-express .rccs__issuer{background-image:url(/_next/static/media/.95443ef2.svg)}.rccs__card--american-express .rccs__cvc__front{opacity:.5;visibility:visible}.rccs__card--dankort .rccs__card__background{background:linear-gradient(25deg,#ccc,#999)}.rccs__card--dankort .rccs__issuer{background-image:url(/_next/static/media/.65b45b39.svg)}.rccs__card--diners-club>div{color:#555}.rccs__card--diners-club .rccs__card__background{background:linear-gradient(25deg,#fff,#eee)}.rccs__card--diners-club .rccs__issuer{background-image:url(/_next/static/media/.e56882b3.svg)}.rccs__card--discover>div{color:#555}.rccs__card--discover .rccs__card__background{background:linear-gradient(25deg,#fff,#eee)}.rccs__card--discover .rccs__issuer{background-image:url(/_next/static/media/.f64db745.svg)}.rccs__card--elo .rccs__card__background{background:linear-gradient(25deg,#211c18,#aaa7a2)}.rccs__card--elo .rccs__issuer{background-image:url(/_next/static/media/.ca11a32b.svg)}.rccs__card--hipercard .rccs__card__background{background:linear-gradient(25deg,#8b181b,#de1f27)}.rccs__card--hipercard .rccs__issuer{background-image:url(/_next/static/media/.d13ccda9.svg)}.rccs__card--jcb .rccs__issuer{background-image:url(/_next/static/media/.f347feac.svg)}.rccs__card--laser .rccs__issuer{background-image:url(/_next/static/media/.6456615b.svg)}.rccs__card--maestro>div,.rccs__card--mastercard>div{color:#555}.rccs__card--maestro .rccs__card__background,.rccs__card--mastercard .rccs__card__background{background:linear-gradient(25deg,#fbfbfb,#e8e9e5)}.rccs__card--maestro .rccs__issuer{background-image:url(/_next/static/media/.1271941f.svg)}.rccs__card--mastercard .rccs__issuer{background-image:url(/_next/static/media/.858f893f.svg)}.rccs__card--unionpay .rccs__issuer{background-image:url(/_next/static/media/.475ff780.svg)}.rccs__card--visa .rccs__card__background,.rccs__card--visa-electron .rccs__card__background{background:linear-gradient(25deg,#0f509e,#1399cd)}.rccs__card--visa .rccs__issuer,.rccs__card--visa-electron .rccs__issuer{background-size:75%}.rccs__card--visa .rccs__issuer{background-image:url(/_next/static/media/.19d7d737.svg)}.rccs__card--visa-electron .rccs__issuer{background-image:url(/_next/static/media/.c46bb9ec.svg)}.rccs__number{clear:both;font-family:Consolas,Courier,monospace;font-size:20px;left:10%;position:absolute;top:45%}.rccs__number.rccs__number--large{font-size:17px}.rccs__name{font-family:Consolas,Courier,monospace;font-size:17px;left:10%;overflow:hidden;text-align:left;text-overflow:ellipsis;text-transform:uppercase;width:60%}.rccs__expiry,.rccs__name{bottom:15%;line-height:1;position:absolute}.rccs__expiry{font-size:0;right:10%}.rccs__expiry>*{vertical-align:middle}.rccs__expiry__valid{font-size:10px;margin-bottom:5px}.rccs__expiry__value{font-family:Consolas,Courier,monospace;font-size:16px}.rccs__cvc,.rccs__expiry,.rccs__name,.rccs__number{opacity:.5;transition:opacity .3s}.rccs__chip{background-image:url(/_next/static/media/.e23dc7f0.svg);height:26.3636363636px;left:10%;width:41.4285714286px}.rccs__chip,.rccs__issuer{background-repeat:no-repeat;background-size:contain;position:absolute;top:10%}.rccs__issuer{background-position:100% 0;height:23%;right:10%;width:40%}.rccs__stripe{background-color:#2a1d16;height:22%;left:0;position:absolute;top:9%;width:100%}.rccs__signature{background:repeating-linear-gradient(.1deg,#fff 20%,#fff 40%,#fea 0,#fea 44%,#fff 0);height:18%;left:5%;position:absolute;top:35%;width:75%}.rccs__cvc{color:#222;font-size:14px;left:67%;line-height:1;top:42%}.rccs__cvc,.rccs__cvc__front{font-family:Consolas,Courier,monospace;position:absolute}.rccs__cvc__front{font-size:11.9px;opacity:0;right:10%;top:38%;visibility:hidden}.rccs--filled{opacity:.8!important}.rccs--focused{font-weight:700;opacity:1!important}