.card-input-wrapper{position:relative}.card-input-wrapper input{padding-right:50px}.card-type-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:22px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:32px}.card-type-icon--visa{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Ctext y='14' fill='%231A1F71' font-family='Arial' font-size='16' font-weight='bold'%3EVISA%3C/text%3E%3C/svg%3E")}.card-type-icon--mastercard{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 30'%3E%3Ccircle cx='16' cy='15' r='13' fill='%23EB001B'/%3E%3Ccircle cx='32' cy='15' r='13' fill='%23F79E1B'/%3E%3Cpath fill='%23FF5F00' d='M24 5.8a13 13 0 0 1 0 18.4 13 13 0 0 1 0-18.4'/%3E%3C/svg%3E")}.card-type-icon--amex{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Crect width='48' height='16' fill='%232E77BC' rx='3'/%3E%3Ctext x='4' y='12' fill='%23fff' font-family='Arial' font-size='9' font-weight='bold'%3EAMEX%3C/text%3E%3C/svg%3E")}.card-type-icon--discover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 16'%3E%3Crect width='48' height='16' fill='%23F76F20' rx='3'/%3E%3Ctext x='3' y='12' fill='%23fff' font-family='Arial' font-size='7' font-weight='bold'%3EDISCOVER%3C/text%3E%3C/svg%3E")}