@font-face{font-family:icons;src:url(fonts/icomoon.woff) format('woff'),url(fonts/icomoon.ttf) format('truetype'),url(fonts/icomoon.otf) format('opentype'),url(fonts/icomoon.eot) format('embedded-opentype')}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.card-bounding{width:auto;max-width:500px;margin:0 auto;position:relative;top:50%;padding:5px;border:1px solid #3e73ea;border-radius:6px;font-family:roboto;background:#fff}.card-bounding aside{font-size:15px;padding-bottom:2px}.card-container{width:100%;padding-left:50px;padding-right:40px;position:relative;box-sizing:border-box;border:1px solid #ccc;margin:0 auto 5px}.card-container input{width:100%;letter-spacing:1px;padding:10px;border:0;outline:none;box-sizing:border-box}.card-type{width:40px;height:28px;background:url(https://s4.ax1x.com/2022/01/18/7wEuJH.png);background-position:0 -145px;background-repeat:no-repeat;position:absolute;top:3px;left:4px}.card-type.mastercard{background-position:0 0}.card-type.visa{background-position:0 -57.5px}.card-type.amex{background-position:0 -28.5px}.card-type.discover{background-position:0 -87px}.card-valid{position:absolute;top:0;right:8px;line-height:50px;font-size:40px;font-family:icons;color:#ccc}.card-valid.active{color:#42ca7c}.card-details{width:100%;text-align:left;margin-bottom:5px;transition:300ms ease}.card-details input{box-sizing:border-box;width:100%}.card-details input.error{border:1px solid #c2313c;box-shadow:0 4px 8px 0 rgba(238,76,87,.3);outline:none}.card-details .expiration{width:50%;float:left;padding-right:5%}.card-details .cvv{width:45%;float:left}