tabler/demo/dist/css/tabler-payments.css

/*!
* Tabler v1.0.0-beta4 (https://tabler.io)
* @version 1.0.0-beta4
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
.payment {
  width: 3.33332rem;
  height: 2rem;
  display: inline-block;
  background: no-repeat center/100% 100%;
  vertical-align: bottom;
  font-style: normal;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.payment-provider-2checkout {
  background-image: url("../img/payments/2checkout.svg"); }

.payment-provider-2checkout-dark {
  background-image: url("../img/payments/2checkout-dark.svg"); }

.payment-provider-alipay {
  background-image: url("../img/payments/alipay.svg"); }

.payment-provider-alipay-dark {
  background-image: url("../img/payments/alipay-dark.svg"); }

.payment-provider-amazon {
  background-image: url("../img/payments/amazon.svg"); }

.payment-provider-amazon-dark {
  background-image: url("../img/payments/amazon-dark.svg"); }

.payment-provider-americanexpress {
  background-image: url("../img/payments/americanexpress.svg"); }

.payment-provider-americanexpress-dark {
  background-image: url("../img/payments/americanexpress-dark.svg"); }

.payment-provider-applepay {
  background-image: url("../img/payments/applepay.svg"); }

.payment-provider-applepay-dark {
  background-image: url("../img/payments/applepay-dark.svg"); }

.payment-provider-bancontact {
  background-image: url("../img/payments/bancontact.svg"); }

.payment-provider-bancontact-dark {
  background-image: url("../img/payments/bancontact-dark.svg"); }

.payment-provider-bitcoin {
  background-image: url("../img/payments/bitcoin.svg"); }

.payment-provider-bitcoin-dark {
  background-image: url("../img/payments/bitcoin-dark.svg"); }

.payment-provider-bitpay {
  background-image: url("../img/payments/bitpay.svg"); }

.payment-provider-bitpay-dark {
  background-image: url("../img/payments/bitpay-dark.svg"); }

.payment-provider-blik {
  background-image: url("../img/payments/blik.svg"); }

.payment-provider-blik-dark {
  background-image: url("../img/payments/blik-dark.svg"); }

.payment-provider-cirrus {
  background-image: url("../img/payments/cirrus.svg"); }

.payment-provider-cirrus-dark {
  background-image: url("../img/payments/cirrus-dark.svg"); }

.payment-provider-clickandbuy {
  background-image: url("../img/payments/clickandbuy.svg"); }

.payment-provider-clickandbuy-dark {
  background-image: url("../img/payments/clickandbuy-dark.svg"); }

.payment-provider-coinkite {
  background-image: url("../img/payments/coinkite.svg"); }

.payment-provider-coinkite-dark {
  background-image: url("../img/payments/coinkite-dark.svg"); }

.payment-provider-dinersclub {
  background-image: url("../img/payments/dinersclub.svg"); }

.payment-provider-dinersclub-dark {
  background-image: url("../img/payments/dinersclub-dark.svg"); }

.payment-provider-directdebit {
  background-image: url("../img/payments/directdebit.svg"); }

.payment-provider-directdebit-dark {
  background-image: url("../img/payments/directdebit-dark.svg"); }

.payment-provider-discover {
  background-image: url("../img/payments/discover.svg"); }

.payment-provider-discover-dark {
  background-image: url("../img/payments/discover-dark.svg"); }

.payment-provider-dotpay {
  background-image: url("../img/payments/dotpay.svg"); }

.payment-provider-dotpay-dark {
  background-image: url("../img/payments/dotpay-dark.svg"); }

.payment-provider-dwolla {
  background-image: url("../img/payments/dwolla.svg"); }

.payment-provider-dwolla-dark {
  background-image: url("../img/payments/dwolla-dark.svg"); }

.payment-provider-ebay {
  background-image: url("../img/payments/ebay.svg"); }

.payment-provider-ebay-dark {
  background-image: url("../img/payments/ebay-dark.svg"); }

.payment-provider-eway {
  background-image: url("../img/payments/eway.svg"); }

.payment-provider-eway-dark {
  background-image: url("../img/payments/eway-dark.svg"); }

.payment-provider-giropay {
  background-image: url("../img/payments/giropay.svg"); }

.payment-provider-giropay-dark {
  background-image: url("../img/payments/giropay-dark.svg"); }

.payment-provider-googlewallet {
  background-image: url("../img/payments/googlewallet.svg"); }

.payment-provider-googlewallet-dark {
  background-image: url("../img/payments/googlewallet-dark.svg"); }

.payment-provider-ingenico {
  background-image: url("../img/payments/ingenico.svg"); }

.payment-provider-ingenico-dark {
  background-image: url("../img/payments/ingenico-dark.svg"); }

.payment-provider-jcb {
  background-image: url("../img/payments/jcb.svg"); }

.payment-provider-jcb-dark {
  background-image: url("../img/payments/jcb-dark.svg"); }

.payment-provider-klarna {
  background-image: url("../img/payments/klarna.svg"); }

.payment-provider-klarna-dark {
  background-image: url("../img/payments/klarna-dark.svg"); }

.payment-provider-laser {
  background-image: url("../img/payments/laser.svg"); }

.payment-provider-laser-dark {
  background-image: url("../img/payments/laser-dark.svg"); }

.payment-provider-maestro {
  background-image: url("../img/payments/maestro.svg"); }

.payment-provider-maestro-dark {
  background-image: url("../img/payments/maestro-dark.svg"); }

.payment-provider-mastercard {
  background-image: url("../img/payments/mastercard.svg"); }

.payment-provider-mastercard-dark {
  background-image: url("../img/payments/mastercard-dark.svg"); }

.payment-provider-mir {
  background-image: url("../img/payments/mir.svg"); }

.payment-provider-mir-dark {
  background-image: url("../img/payments/mir-dark.svg"); }

.payment-provider-monero {
  background-image: url("../img/payments/monero.svg"); }

.payment-provider-monero-dark {
  background-image: url("../img/payments/monero-dark.svg"); }

.payment-provider-neteller {
  background-image: url("../img/payments/neteller.svg"); }

.payment-provider-neteller-dark {
  background-image: url("../img/payments/neteller-dark.svg"); }

.payment-provider-ogone {
  background-image: url("../img/payments/ogone.svg"); }

.payment-provider-ogone-dark {
  background-image: url("../img/payments/ogone-dark.svg"); }

.payment-provider-okpay {
  background-image: url("../img/payments/okpay.svg"); }

.payment-provider-okpay-dark {
  background-image: url("../img/payments/okpay-dark.svg"); }

.payment-provider-paybox {
  background-image: url("../img/payments/paybox.svg"); }

.payment-provider-paybox-dark {
  background-image: url("../img/payments/paybox-dark.svg"); }

.payment-provider-paymill {
  background-image: url("../img/payments/paymill.svg"); }

.payment-provider-paymill-dark {
  background-image: url("../img/payments/paymill-dark.svg"); }

.payment-provider-payone {
  background-image: url("../img/payments/payone.svg"); }

.payment-provider-payone-dark {
  background-image: url("../img/payments/payone-dark.svg"); }

.payment-provider-payoneer {
  background-image: url("../img/payments/payoneer.svg"); }

.payment-provider-payoneer-dark {
  background-image: url("../img/payments/payoneer-dark.svg"); }

.payment-provider-paypal {
  background-image: url("../img/payments/paypal.svg"); }

.payment-provider-paypal-dark {
  background-image: url("../img/payments/paypal-dark.svg"); }

.payment-provider-paysafecard {
  background-image: url("../img/payments/paysafecard.svg"); }

.payment-provider-paysafecard-dark {
  background-image: url("../img/payments/paysafecard-dark.svg"); }

.payment-provider-payu {
  background-image: url("../img/payments/payu.svg"); }

.payment-provider-payu-dark {
  background-image: url("../img/payments/payu-dark.svg"); }

.payment-provider-payza {
  background-image: url("../img/payments/payza.svg"); }

.payment-provider-payza-dark {
  background-image: url("../img/payments/payza-dark.svg"); }

.payment-provider-przelewy24 {
  background-image: url("../img/payments/przelewy24.svg"); }

.payment-provider-przelewy24-dark {
  background-image: url("../img/payments/przelewy24-dark.svg"); }

.payment-provider-ripple {
  background-image: url("../img/payments/ripple.svg"); }

.payment-provider-ripple-dark {
  background-image: url("../img/payments/ripple-dark.svg"); }

.payment-provider-sage {
  background-image: url("../img/payments/sage.svg"); }

.payment-provider-sage-dark {
  background-image: url("../img/payments/sage-dark.svg"); }

.payment-provider-sepa {
  background-image: url("../img/payments/sepa.svg"); }

.payment-provider-sepa-dark {
  background-image: url("../img/payments/sepa-dark.svg"); }

.payment-provider-shopify {
  background-image: url("../img/payments/shopify.svg"); }

.payment-provider-shopify-dark {
  background-image: url("../img/payments/shopify-dark.svg"); }

.payment-provider-skrill {
  background-image: url("../img/payments/skrill.svg"); }

.payment-provider-skrill-dark {
  background-image: url("../img/payments/skrill-dark.svg"); }

.payment-provider-solo {
  background-image: url("../img/payments/solo.svg"); }

.payment-provider-solo-dark {
  background-image: url("../img/payments/solo-dark.svg"); }

.payment-provider-square {
  background-image: url("../img/payments/square.svg"); }

.payment-provider-square-dark {
  background-image: url("../img/payments/square-dark.svg"); }

.payment-provider-stripe {
  background-image: url("../img/payments/stripe.svg"); }

.payment-provider-stripe-dark {
  background-image: url("../img/payments/stripe-dark.svg"); }

.payment-provider-switch {
  background-image: url("../img/payments/switch.svg"); }

.payment-provider-switch-dark {
  background-image: url("../img/payments/switch-dark.svg"); }

.payment-provider-tpay {
  background-image: url("../img/payments/tpay.svg"); }

.payment-provider-tpay-dark {
  background-image: url("../img/payments/tpay-dark.svg"); }

.payment-provider-ukash {
  background-image: url("../img/payments/ukash.svg"); }

.payment-provider-ukash-dark {
  background-image: url("../img/payments/ukash-dark.svg"); }

.payment-provider-unionpay {
  background-image: url("../img/payments/unionpay.svg"); }

.payment-provider-unionpay-dark {
  background-image: url("../img/payments/unionpay-dark.svg"); }

.payment-provider-verifone {
  background-image: url("../img/payments/verifone.svg"); }

.payment-provider-verifone-dark {
  background-image: url("../img/payments/verifone-dark.svg"); }

.payment-provider-verisign {
  background-image: url("../img/payments/verisign.svg"); }

.payment-provider-verisign-dark {
  background-image: url("../img/payments/verisign-dark.svg"); }

.payment-provider-visa {
  background-image: url("../img/payments/visa.svg"); }

.payment-provider-visa-dark {
  background-image: url("../img/payments/visa-dark.svg"); }

.payment-provider-webmoney {
  background-image: url("../img/payments/webmoney.svg"); }

.payment-provider-webmoney-dark {
  background-image: url("../img/payments/webmoney-dark.svg"); }

.payment-provider-westernunion {
  background-image: url("../img/payments/westernunion.svg"); }

.payment-provider-westernunion-dark {
  background-image: url("../img/payments/westernunion-dark.svg"); }

.payment-provider-worldpay {
  background-image: url("../img/payments/worldpay.svg"); }

.payment-provider-worldpay-dark {
  background-image: url("../img/payments/worldpay-dark.svg"); }

.payment-xs {
  width: 2.083325rem;
  height: 1.25rem; }

.payment-sm {
  width: 3.33332rem;
  height: 2rem; }

.payment-md {
  width: 6.249975rem;
  height: 3.75rem; }

.payment-lg {
  width: 8.3333rem;
  height: 5rem; }

.payment-xl {
  width: 11.66662rem;
  height: 7rem; }

.payment-2xl {
  width: 18.33326rem;
  height: 11rem; }