diff --git a/Api/Data/PaymentLinkInterface.php b/Api/Data/PaymentLinkInterface.php
index 347d4abe..465c87ab 100644
--- a/Api/Data/PaymentLinkInterface.php
+++ b/Api/Data/PaymentLinkInterface.php
@@ -2,16 +2,6 @@
 
 declare(strict_types=1);
 
-/**
- * DISCLAIMER
- *
- * Do not edit or add to this file if you wish to upgrade this extension to newer
- * version in the future.
- *
- * @category    Vindi
- * @package     Vindi_Payment
- */
-
 namespace Vindi\Payment\Api\Data;
 
 use Magento\Framework\Api\ExtensibleDataInterface;
@@ -25,6 +15,8 @@ interface PaymentLinkInterface extends ExtensibleDataInterface
     const CUSTOMER_ID = 'customer_id';
     const CREATED_AT = 'created_at';
     const STATUS = 'status';
+    const EXPIRED_AT = 'expired_at';
+    const SUCCESS_PAGE_ACCESSED = 'success_page_accessed';
 
     /**
      * @return int
@@ -32,7 +24,7 @@ interface PaymentLinkInterface extends ExtensibleDataInterface
     public function getEntityId();
 
     /**
-     * @param int $id
+     * @param int $entityId
      */
     public function setEntityId(int $entityId);
 
@@ -95,4 +87,32 @@ public function getStatus();
      * @param string $status
      */
     public function setStatus(string $status);
+
+    /**
+     * Get the expiration date of the payment link
+     *
+     * @return string|null
+     */
+    public function getExpiredAt();
+
+    /**
+     * Set the expiration date of the payment link
+     *
+     * @param string|null $expiredAt
+     */
+    public function setExpiredAt($expiredAt);
+
+    /**
+     * Check if the success page has been accessed
+     *
+     * @return bool
+     */
+    public function getSuccessPageAccessed();
+
+    /**
+     * Set the success page accessed flag
+     *
+     * @param bool $successPageAccessed
+     */
+    public function setSuccessPageAccessed(bool $successPageAccessed);
 }
diff --git a/Block/InfoTrait.php b/Block/InfoTrait.php
index 76bce5f7..cd41aea0 100644
--- a/Block/InfoTrait.php
+++ b/Block/InfoTrait.php
@@ -69,7 +69,7 @@ public function getCcValue($totalQtyCard = 1, $cardPosition = 1)
      */
     public function getCcBrand()
     {
-        $brands = $this->paymentMethod->getCreditCardTypes();
+        $brands = $this->paymentMethod->getCreditCardCodes();
         $CardCode = $this->getOrder()->getPayment()->getCcType();
 
         return isset($brands[$CardCode]) ? $brands[$CardCode] : null;
diff --git a/Block/Product/ProductRecurrence.php b/Block/Product/ProductRecurrence.php
index 335cfb69..9d449fde 100644
--- a/Block/Product/ProductRecurrence.php
+++ b/Block/Product/ProductRecurrence.php
@@ -72,6 +72,23 @@ public function __construct(
         $this->_localeFormat = $localeFormat;
     }
 
+    /**
+     * Get cache key informative items
+     *
+     * @return array
+     */
+    public function getCacheKeyInfo()
+    {
+        return [
+            'BLOCK_TPL',
+            $this->_storeManager->getStore()->getCode(),
+            $this->getTemplateFile(),
+            'base_url' => $this->getBaseUrl(),
+            'template' => $this->getTemplate(),
+            'current_product' => $this->getCurrentProduct()->getId(),
+        ];
+    }
+
     /**
      * Returns the current product from the registry.
      *
@@ -82,6 +99,14 @@ public function getCurrentProduct()
         return $this->_registry->registry('current_product');
     }
 
+    public function getProductId(): int
+    {
+        try {
+            return $this->getCurrentProduct()->getId();
+        } catch (\Exception $e) {
+            return 0;
+        }
+    }
     /**
      * Returns the name of a plan by its ID.
      *
diff --git a/CHANGELOG.md b/CHANGELOG.md
index abe8a12c..25d75748 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,8 @@
 ## [2.2.0 - 14/01/2025](https://github.com/vindi/vindi-magento2/releases/tag/2.2.0)
 
 - Novo layout do cartão de crédito na página de checkout
+- Nova Configuração de Templates Personalizados para Notificação de Link de Pagamento
+- Novo Recurso de cancelamento de Pedidos com Link de Pagamento Expirado Após 30 Dias
 
 ## [2.1.0 - 30/10/2024](https://github.com/vindi/vindi-magento2/releases/tag/2.1.0)
 
diff --git a/Console/Command/RunCancelOrdersWithExpiredLinks.php b/Console/Command/RunCancelOrdersWithExpiredLinks.php
new file mode 100644
index 00000000..a39031e8
--- /dev/null
+++ b/Console/Command/RunCancelOrdersWithExpiredLinks.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Vindi\Payment\Console\Command;
+
+use Vindi\Payment\Cron\CancelOrdersWithExpiredLinks;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+use Psr\Log\LoggerInterface;
+
+class RunCancelOrdersWithExpiredLinks extends Command
+{
+    /**
+     * @var CancelOrdersWithExpiredLinks
+     */
+    private CancelOrdersWithExpiredLinks $cancelOrdersWithExpiredLinks;
+
+    /**
+     * @var LoggerInterface
+     */
+    private LoggerInterface $logger;
+
+    /**
+     * @param CancelOrdersWithExpiredLinks $cancelOrdersWithExpiredLinks
+     * @param LoggerInterface $logger
+     */
+    public function __construct(
+        CancelOrdersWithExpiredLinks $cancelOrdersWithExpiredLinks,
+        LoggerInterface $logger
+    ) {
+        $this->cancelOrdersWithExpiredLinks = $cancelOrdersWithExpiredLinks;
+        $this->logger = $logger;
+        parent::__construct();
+    }
+
+    /**
+     * Configure the command
+     */
+    protected function configure()
+    {
+        $this->setName('vindi:payment:cancel-orders-with-expired-links');
+        $this->setDescription('Manually run the cron to cancel orders with expired payment links');
+        parent::configure();
+    }
+
+    /**
+     * Execute the command
+     *
+     * @param InputInterface $input
+     * @param OutputInterface $output
+     * @return int
+     */
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        try {
+            $this->cancelOrdersWithExpiredLinks->execute();
+            $output->writeln('<info>Orders with expired payment links have been canceled successfully.</info>');
+            return Command::SUCCESS;
+        } catch (\Exception $e) {
+            $this->logger->error('Error while canceling orders with expired payment links: ' . $e->getMessage());
+            $output->writeln('<error>An error occurred while canceling orders with expired payment links.</error>');
+            return Command::FAILURE;
+        }
+    }
+}
diff --git a/Controller/Checkout/Success.php b/Controller/Checkout/Success.php
index eb9c9e03..67d5f775 100644
--- a/Controller/Checkout/Success.php
+++ b/Controller/Checkout/Success.php
@@ -12,7 +12,6 @@
  * @category    Vindi
  * @package     Vindi_Payment
  *
- *
  */
 
 namespace Vindi\Payment\Controller\Checkout;
@@ -24,6 +23,7 @@
 use Magento\Framework\Message\ManagerInterface;
 use Vindi\Payment\Helper\Data;
 use Vindi\Payment\Model\PaymentLinkService;
+use Magento\Sales\Model\OrderRepository;
 
 class Success implements HttpGetActionInterface
 {
@@ -57,6 +57,11 @@ class Success implements HttpGetActionInterface
      */
     private ManagerInterface $messageManager;
 
+    /**
+     * @var OrderRepository
+     */
+    private OrderRepository $orderRepository;
+
     /**
      * @param PageFactory $resultPageFactory
      * @param PaymentLinkService $paymentLinkService
@@ -64,6 +69,7 @@ class Success implements HttpGetActionInterface
      * @param RedirectFactory $redirectFactory
      * @param Data $helperData
      * @param ManagerInterface $messageManager
+     * @param OrderRepository $orderRepository
      */
     public function __construct(
         PageFactory $resultPageFactory,
@@ -71,7 +77,8 @@ public function __construct(
         RequestInterface $request,
         RedirectFactory $redirectFactory,
         Data $helperData,
-        ManagerInterface $messageManager
+        ManagerInterface $messageManager,
+        OrderRepository $orderRepository
     )
     {
         $this->resultPageFactory = $resultPageFactory;
@@ -80,6 +87,7 @@ public function __construct(
         $this->redirectFactory = $redirectFactory;
         $this->helperData = $helperData;
         $this->messageManager = $messageManager;
+        $this->orderRepository = $orderRepository;
     }
 
     /**
@@ -98,6 +106,20 @@ public function execute()
 
                 return $this->redirectFactory->create()->setPath('/');
             }
+
+            $paymentLink = $this->paymentLinkService->getPaymentLinkByOrderId($orderId);
+
+            if ($paymentLink && $paymentLink->getSuccessPageAccessed()) {
+                $this->messageManager->addWarningMessage(
+                    __('The payment success page has already been accessed.')
+                );
+
+                return $this->redirectFactory->create()->setPath('/');
+            }
+
+            $paymentLink->setSuccessPageAccessed(true);
+            $this->paymentLinkService->savePaymentLink($paymentLink);
+
         } catch (\Exception $e) {
             $this->messageManager->addErrorMessage(
                 __('An error occurred while processing your request. Please try again later.')
diff --git a/Controller/PaymentProfile/Save.php b/Controller/PaymentProfile/Save.php
index 4cf3dc66..9c74dd00 100644
--- a/Controller/PaymentProfile/Save.php
+++ b/Controller/PaymentProfile/Save.php
@@ -10,6 +10,7 @@
 use Magento\Framework\App\ResponseInterface;
 use Magento\Framework\Exception\NotFoundException;
 use Magento\Framework\View\Result\PageFactory;
+use Vindi\Payment\Model\Payment\PaymentMethod;
 use Vindi\Payment\Model\Payment\Profile as PaymentProfileManager;
 use Vindi\Payment\Model\PaymentProfileFactory;
 use Vindi\Payment\Model\PaymentProfileRepository;
@@ -80,6 +81,11 @@ class Save extends Action
      */
     protected $api;
 
+    /**
+     * @var PaymentMethod
+     */
+    protected $paymentMethod;
+
     /**
      * @param Context $context
      * @param PageFactory $resultPageFactory
@@ -93,6 +99,7 @@ class Save extends Action
      * @param SubscriptionFactory $subscriptionFactory
      * @param SubscriptionResource $subscriptionResource
      * @param Api $api
+     * @param PaymentMethod $paymentMethod
      */
     public function __construct(
         Context $context,
@@ -106,7 +113,8 @@ public function __construct(
         VindiCustomer $vindiCustomer,
         SubscriptionFactory $subscriptionFactory,
         SubscriptionResource $subscriptionResource,
-        Api $api
+        Api $api,
+        PaymentMethod $paymentMethod
     ) {
         parent::__construct($context);
         $this->resultPageFactory = $resultPageFactory;
@@ -120,6 +128,7 @@ public function __construct(
         $this->subscriptionFactory = $subscriptionFactory;
         $this->subscriptionResource = $subscriptionResource;
         $this->api = $api;
+        $this->paymentMethod = $paymentMethod;
     }
 
     /**
@@ -210,7 +219,7 @@ public function execute()
      * @param int $customerId
      * @return array
      */
-    private function formatPaymentProfileData($data, $customerId)
+    private function formatPaymentProfileData(array $data, $customerId): array
     {
         $cardNumber = preg_replace('/\D/', '', $data['cc_number']);
 
@@ -219,17 +228,16 @@ private function formatPaymentProfileData($data, $customerId)
         $cardExpiration  = $expirationParts[0] . '/' . $expirationYear;
         $paymentCompanyCode = $data['cc_type'];
 
-        $formattedData = [
+        $ccTypeCode = $this->paymentMethod->getCreditCardApiCode($paymentCompanyCode);
+        return [
             'holder_name'          => $data['cc_name'],
             'card_expiration'      => $cardExpiration,
             'card_number'          => $cardNumber,
             'card_cvv'             => $data['cc_cvv'],
             'customer_id'          => $customerId,
-            'payment_company_code' => $paymentCompanyCode,
+            'payment_company_code' => $ccTypeCode,
             'payment_method_code'  => 'credit_card',
         ];
-
-        return $formattedData;
     }
 
     /**
diff --git a/Cron/CancelOrdersWithExpiredLinks.php b/Cron/CancelOrdersWithExpiredLinks.php
new file mode 100644
index 00000000..821f1dc0
--- /dev/null
+++ b/Cron/CancelOrdersWithExpiredLinks.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Vindi\Payment\Cron;
+
+use Vindi\Payment\Model\PaymentLinkFactory;
+use Magento\Sales\Api\OrderRepositoryInterface;
+use Magento\Sales\Api\OrderManagementInterface;
+use Magento\Framework\Stdlib\DateTime\DateTime;
+use Psr\Log\LoggerInterface;
+
+class CancelOrdersWithExpiredLinks
+{
+    /**
+     * @var PaymentLinkFactory
+     */
+    private PaymentLinkFactory $paymentLinkFactory;
+
+    /**
+     * @var OrderRepositoryInterface
+     */
+    private OrderRepositoryInterface $orderRepository;
+
+    /**
+     * @var OrderManagementInterface
+     */
+    private OrderManagementInterface $orderManagement;
+
+    /**
+     * @var DateTime
+     */
+    private DateTime $dateTime;
+
+    /**
+     * @var LoggerInterface
+     */
+    private LoggerInterface $logger;
+
+    /**
+     * @param PaymentLinkFactory $paymentLinkFactory
+     * @param OrderRepositoryInterface $orderRepository
+     * @param OrderManagementInterface $orderManagement
+     * @param DateTime $dateTime
+     * @param LoggerInterface $logger
+     */
+    public function __construct(
+        PaymentLinkFactory $paymentLinkFactory,
+        OrderRepositoryInterface $orderRepository,
+        OrderManagementInterface $orderManagement,
+        DateTime $dateTime,
+        LoggerInterface $logger
+    ) {
+        $this->paymentLinkFactory = $paymentLinkFactory;
+        $this->orderRepository = $orderRepository;
+        $this->orderManagement = $orderManagement;
+        $this->dateTime = $dateTime;
+        $this->logger = $logger;
+    }
+
+    /**
+     * Execute the cron job
+     */
+    public function execute(): void
+    {
+        try {
+            $currentDate = $this->dateTime->gmtDate();
+            $paymentLinkCollection = $this->paymentLinkFactory->create()->getCollection()
+                ->addFieldToFilter('expired_at', ['notnull' => true])
+                ->addFieldToFilter('expired_at', ['lt' => date('Y-m-d H:i:s', strtotime('-30 days', strtotime($currentDate)))]);
+
+            foreach ($paymentLinkCollection as $paymentLink) {
+                $orderId = $paymentLink->getOrderId();
+                $order = $this->orderRepository->get($orderId);
+
+                if ($order && $order->canCancel()) {
+                    $this->orderManagement->cancel($orderId);
+                    $this->logger->info(sprintf('Order ID %s has been canceled due to expired payment link.', $orderId));
+
+                    if ($paymentLink->getStatus() !== 'processed') {
+                        $paymentLink->setStatus('processed');
+                        $paymentLink->save();
+                        $this->logger->info(sprintf('Payment link for order ID %s has been updated to "processed".', $orderId));
+                    }
+                }
+            }
+        } catch (\Exception $e) {
+            $this->logger->error('Error in canceling orders with expired links: ' . $e->getMessage());
+        }
+    }
+}
diff --git a/Model/Config/Source/CardImages.php b/Model/Config/Source/CardImages.php
index e134c863..233314c6 100644
--- a/Model/Config/Source/CardImages.php
+++ b/Model/Config/Source/CardImages.php
@@ -11,16 +11,39 @@ public function toOptionArray()
         return [
             [
                 'value' => 'mc.png',
+                'code' => 'MC',
                 'label' => __('mastercard')
             ],
             [
                 'value' => 'vi.png',
+                'code' => 'VI',
                 'label' => __('visa')
             ],
             [
                 'value' => 'ae.png',
+                'code' => 'AE',
                 'label' => __('american_express')
-            ]
+            ],
+            [
+                'value' => 'elo.png',
+                'code' => 'ELO',
+                'label' => __('elo')
+            ],
+            [
+                'value' => 'hc.png',
+                'code' => 'HC',
+                'label' => __('hipercard')
+            ],
+            [
+                'value' => 'dn.png',
+                'code' => 'DN',
+                'label' => __('diners_club')
+            ],
+            [
+                'value' => 'jcb.png',
+                'code' => 'JCB',
+                'label' => __('jcb')
+            ],
         ];
     }
 }
diff --git a/Model/Config/Source/EmailTemplate.php b/Model/Config/Source/EmailTemplate.php
index fe795a70..0437d4bd 100644
--- a/Model/Config/Source/EmailTemplate.php
+++ b/Model/Config/Source/EmailTemplate.php
@@ -1,47 +1,52 @@
 <?php
 namespace Vindi\Payment\Model\Config\Source;
 
-use Magento\Email\Model\Template\Config;
-
-/**
- *
- *
- *
- *
- *
- *
- *
- * DISCLAIMER
- *
- * Do not edit or add to this file if you wish to upgrade this extension to newer
- * version in the future.
- *
- * @category    Vindi
- * @package     Vindi_Payment
- *
- *
- */
-class EmailTemplate implements \Magento\Framework\Data\OptionSourceInterface
+use Magento\Framework\Data\OptionSourceInterface;
+use Magento\Email\Model\ResourceModel\Template\CollectionFactory as TemplateCollectionFactory;
+
+class EmailTemplate implements OptionSourceInterface
 {
     /**
-     * @var Config
+     * @var TemplateCollectionFactory
      */
-    private $emailTemplateConfig;
+    private $templateCollectionFactory;
 
     /**
      * EmailTemplate constructor.
-     * @param Config $emailTemplateConfig
+     * @param TemplateCollectionFactory $templateCollectionFactory
      */
-    public function __construct(Config $emailTemplateConfig)
-    {
-        $this->emailTemplateConfig = $emailTemplateConfig;
+    public function __construct(
+        TemplateCollectionFactory $templateCollectionFactory
+    ) {
+        $this->templateCollectionFactory = $templateCollectionFactory;
     }
 
     /**
+     * Get available email templates including custom templates based on 'vindi_vr_payment_link_template'
+     *
      * @return array
      */
     public function toOptionArray()
     {
-        return $this->emailTemplateConfig->getAvailableTemplates();
+        $options = [];
+
+        $collection = $this->templateCollectionFactory->create();
+        $collection->load();
+
+        $options[] = [
+            'value' => 'vindi_vr_payment_link_template',
+            'label' => __('Payment Link Notification (Default)'),
+        ];
+
+        foreach ($collection as $template) {
+            if ($template->getOrigTemplateCode() == 'vindi_vr_payment_link_template') {
+                $options[] = [
+                    'value' => $template->getTemplateId(),
+                    'label' => $template->getTemplateCode(),
+                ];
+            }
+        }
+
+        return $options;
     }
 }
diff --git a/Model/ConfigProvider.php b/Model/ConfigProvider.php
index 421be890..2fe2b368 100644
--- a/Model/ConfigProvider.php
+++ b/Model/ConfigProvider.php
@@ -10,7 +10,9 @@
 use Magento\Customer\Model\Session as CustomerSession;
 use Magento\Directory\Model\Currency;
 use Magento\Framework\View\Asset\Source;
+use Magento\Payment\Helper\Data as PaymentHelper;
 use Magento\Payment\Model\CcConfig;
+use Magento\Payment\Model\CcGenericConfigProvider;
 use Vindi\Payment\Helper\Data;
 use Vindi\Payment\Model\Config\Source\CardImages as CardImagesSource;
 use Vindi\Payment\Model\Payment\PaymentMethod;
@@ -20,55 +22,65 @@
  * Class ConfigProvider
  * @package Vindi\Payment\Model
  */
-class ConfigProvider implements ConfigProviderInterface
+class ConfigProvider extends CcGenericConfigProvider implements ConfigProviderInterface
 {
-    private $helperData;
+    public const CODE = 'vindi';
+
+    /**
+     * @var string
+     */
+    protected $_methodCode = 'vindi';
+
+    protected $icons = [];
+
+    protected $helperData;
     /**
      * @var CcConfig
      */
-    private $ccConfig;
+    protected $ccConfig;
     /**
      * @var Source
      */
-    private $assetSource;
+    protected $assetSource;
 
     /**
      * @var CheckoutSession
      */
-    private $checkoutSession;
+    protected $checkoutSession;
 
     /**
      * @var Currency
      */
-    private $currency;
+    protected $currency;
 
     /**
      * @var PaymentMethod
      */
-    private $paymentMethod;
+    protected $paymentMethod;
 
     /**
      * @var ProductRepositoryInterface
      */
-    private $productRepository;
+    protected $productRepository;
 
     /**
      * @var CustomerSession
      */
-    private $customerSession;
+    protected $customerSession;
 
     /**
      * @var PaymentProfileCollection
      */
-    private $paymentProfileCollection;
+    protected $paymentProfileCollection;
 
     /**
      * @var CardImagesSource
      */
-    private $creditCardTypeSource;
+    protected $creditCardTypeSource;
 
     public function __construct(
         CcConfig $ccConfig,
+        PaymentHelper $paymentHelper,
         Source $assetSource,
         Data $data,
         CheckoutSession $checkoutSession,
@@ -79,7 +91,7 @@ public function __construct(
         PaymentProfileCollection $paymentProfileCollection,
         CardImagesSource $creditCardTypeSource
     ) {
-
+        parent::__construct($ccConfig, $paymentHelper, [self::CODE]);
         $this->ccConfig = $ccConfig;
         $this->assetSource = $assetSource;
         $this->helperData = $data;
@@ -92,11 +104,6 @@ public function __construct(
         $this->creditCardTypeSource = $creditCardTypeSource;
     }
 
-    /**
-     * @var string
-     */
-    protected $_methodCode = 'vindi_cc';
-
     /**
      * {@inheritdoc}
      */
@@ -104,8 +111,8 @@ public function getConfig()
     {
         return [
             'payment' => [
-                'vindi_cc' => [
-                    'availableTypes' => [$this->_methodCode => $this->paymentMethod->getCreditCardTypes()],
+                'vindi' => [
+                    'availableTypes' => $this->paymentMethod->getCreditCardCodes(),
                     'months' => [$this->_methodCode => $this->ccConfig->getCcMonths()],
                     'years' => [$this->_methodCode => $this->ccConfig->getCcYears()],
                     'hasVerification' => [$this->_methodCode => $this->ccConfig->hasVerification()],
@@ -115,7 +122,8 @@ public function getConfig()
                     'hasPlanInCart' => (int) $this->hasPlanInCart(),
                     'planIntervalCountMaxInstallments' => (int) $this->planIntervalCountMaxInstallments(),
                     'saved_cards' => $this->getPaymentProfiles(),
-                    'credit_card_images' => $this->getCreditCardImages()
+                    'credit_card_images' => $this->getCreditCardImages(),
+                    'icons' => $this->getIcons(),
                 ]
             ]
         ];
@@ -218,6 +226,7 @@ public function getCreditCardImages(): array
 
         foreach ($creditCardOptionArray as $creditCardOption) {
             $ccImages[] = [
+                'code' => $creditCardOption['code'],
                 'label' => $creditCardOption['label'],
                 'value' => $creditCardOption['value']
             ];
@@ -225,4 +234,39 @@ public function getCreditCardImages(): array
 
         return $ccImages;
     }
+
+
+    /**
+     * Get icons for available payment methods
+     *
+     * @return array
+     */
+    public function getIcons()
+    {
+        if (!empty($this->icons)) {
+            return $this->icons;
+        }
+
+        $types = $this->getCreditCardImages();
+        foreach ($types as $type) {
+            $code = $type['code'];
+            $label = $type['label'];
+
+            if (!array_key_exists($code, $this->icons)) {
+                $asset = $this->ccConfig->createAsset('Vindi_Payment::images/cc/' . strtolower($code) . '.png');
+                $placeholder = $this->assetSource->findSource($asset);
+                if ($placeholder) {
+                    list($width, $height) = getimagesize($asset->getSourceFile());
+                    $this->icons[$code] = [
+                        'url' => $asset->getUrl(),
+                        'width' => $width,
+                        'height' => $height,
+                        'title' => $label,
+                    ];
+                }
+            }
+        }
+
+        return $this->icons;
+    }
 }
diff --git a/Model/Payment/PaymentMethod.php b/Model/Payment/PaymentMethod.php
index 7e3142d4..d43ed4ba 100644
--- a/Model/Payment/PaymentMethod.php
+++ b/Model/Payment/PaymentMethod.php
@@ -2,27 +2,35 @@
 
 namespace Vindi\Payment\Model\Payment;
 
-
 use Exception;
 use Vindi\Payment\Helper\Api;
 
 class PaymentMethod
 {
+    public const BANK_SLIP = 'bank_slip';
 
-    const BANK_SLIP = 'bank_slip';
-
-    const BANK_SLIP_PIX = 'pix_bank_slip';
+    public const BANK_SLIP_PIX = 'pix_bank_slip';
 
-    const PIX = 'pix';
-    const CREDIT_CARD = 'credit_card';
-    const DEBIT_CARD = 'debit_card';
+    public const PIX = 'pix';
+    public const CREDIT_CARD = 'credit_card';
+    public const DEBIT_CARD = 'debit_card';
 
     /**
      * @var \Vindi\Payment\Helper\Api
      */
-    private $api;
+    protected $api;
+
+    protected $methods = [];
 
-    private $acceptBankSlip;
+    protected $methodsCodes = [
+        'mastercard' => 'MC',
+        'visa' => 'VI',
+        'american_express' => 'AE',
+        'elo' => 'ELO',
+        'hipercard' => 'HC',
+        'diners_club' => 'DN',
+        'jcb' => 'JCB',
+    ];
 
     /**
      * @param Api $api
@@ -35,14 +43,16 @@ public function __construct(Api $api)
     /**
      * @return array
      */
-    public function getCreditCardTypes()
+    public function getCreditCardCodes(): array
     {
         $methods = $this->get();
         $types = [];
 
-        if ($methods) {
+        if (!empty($methods)) {
             foreach ($methods['credit_card'] as $type) {
-                $types[$type['code']] = $type['name'];
+                if (isset($this->methodsCodes[$type['code']])) {
+                    $types[$this->methodsCodes[$type['code']]] = $type['name'];
+                }
             }
         }
 
@@ -50,47 +60,78 @@ public function getCreditCardTypes()
     }
 
     /**
-     * Make an API request to retrieve Payment Methods.
-     *
-     * @return array|bool
+     * @return string
      */
-    public function get()
+    public function getCreditCardApiCode(string $ccType): string
     {
-        $paymentMethods = [
-            'credit_card' => [],
-            'debit_card' => [],
-            'bank_slip' => false,
-        ];
-
-        $response = $this->api->request('payment_methods', 'GET');
-
-        if (false === $response) {
-            return $this->acceptBankSlip = false;
+        $methods = $this->get();
+        if ($methods) {
+            foreach ($methods['credit_card'] as $type) {
+                if (isset($this->methodsCodes[$type['code']]) && $ccType == $this->methodsCodes[$type['code']]) {
+                    return $type['code'];
+                }
+            }
         }
 
-        foreach ($response['payment_methods'] as $method) {
-            if ('active' !== $method['status']) {
-                continue;
-            }
+        return $ccType;
+    }
 
-            if ('PaymentMethod::CreditCard' === $method['type']) {
-                $paymentMethods['credit_card'] = array_merge(
-                    $paymentMethods['credit_card'],
-                    $method['payment_companies']
-                );
-            } elseif ('PaymentMethod::DebitCard' === $method['type']) {
-                $paymentMethods['debit_card'] = array_merge(
-                    $paymentMethods['debit_card'],
-                    $method['payment_companies']
-                );
-            } elseif ('PaymentMethod::BankSlip' === $method['type']) {
-                $paymentMethods['bank_slip'] = true;
+    /**
+     * @return array
+     */
+    public function getCreditCardTypes(): array
+    {
+        $methods = $this->get();
+        $types = [];
+
+        if ($methods) {
+            foreach ($methods['credit_card'] as $type) {
+                $types[$type['code']] = $type['name'];
             }
         }
 
-        $this->acceptBankSlip = $paymentMethods['bank_slip'];
+        return $types;
+    }
 
-        return $paymentMethods;
+    /**
+     * Make an API request to retrieve Payment Methods.
+     *
+     * @return array
+     */
+    public function get(): array
+    {
+        if (empty($this->methods)) {
+            $this->methods = [
+                'credit_card' => [],
+                'debit_card' => [],
+                'bank_slip' => false,
+            ];
+
+            $response = $this->api->request('payment_methods', 'GET');
+
+            if ($response && isset($response['payment_methods'])) {
+                foreach ($response['payment_methods'] as $method) {
+                    if ('active' !== $method['status']) {
+                        continue;
+                    }
+
+                    if ('PaymentMethod::CreditCard' === $method['type']) {
+                        $this->methods['credit_card'] = array_merge(
+                            $this->methods['credit_card'],
+                            $method['payment_companies']
+                        );
+                    } elseif ('PaymentMethod::DebitCard' === $method['type']) {
+                        $paymentMethods['debit_card'] = array_merge(
+                            $this->methods['debit_card'],
+                            $method['payment_companies']
+                        );
+                    } elseif ('PaymentMethod::BankSlip' === $method['type']) {
+                        $this->methods['bank_slip'] = true;
+                    }
+                }
+            }
+        }
+        return $this->methods;
     }
 
     /**
@@ -101,7 +142,7 @@ public function get()
      */
     public function isCcTypeValid($ccType)
     {
-        $validCreditCardTypes = $this->getCreditCardTypes();
+        $validCreditCardTypes = $this->getCreditCardCodes();
         $fullName = $this->getCcTypeFullName($ccType);
         $fullTrimmedName = strtolower(str_replace(' ', '', $fullName));
 
@@ -124,7 +165,7 @@ public function isCcTypeValid($ccType)
      */
     private function getCcTypeFullName($ccType)
     {
-        $fullNames = $this->getCreditCardTypes();
+        $fullNames = $this->getCreditCardCodes();
 
         if (isset($fullNames[$ccType])) {
             return $fullNames[$ccType];
diff --git a/Model/Payment/Profile.php b/Model/Payment/Profile.php
index 00f463d3..d413e09f 100644
--- a/Model/Payment/Profile.php
+++ b/Model/Payment/Profile.php
@@ -7,12 +7,16 @@
 class Profile
 {
     private $api;
+
     private $helperData;
 
     private $paymentMethod;
 
-    public function __construct(\Vindi\Payment\Helper\Api $api, Data $helperData, PaymentMethod $paymentMethod)
-    {
+    public function __construct(
+        \Vindi\Payment\Helper\Api $api,
+        Data $helperData,
+        PaymentMethod $paymentMethod
+    ) {
         $this->api = $api;
         $this->helperData = $helperData;
         $this->paymentMethod = $paymentMethod;
@@ -20,6 +24,7 @@ public function __construct(\Vindi\Payment\Helper\Api $api, Data $helperData, Pa
 
     public function create($payment, $customerId, $paymentMethodCode)
     {
+        $ccTypeCode = $this->paymentMethod->getCreditCardApiCode($payment->getCcType());
         $creditCardData = [
             'holder_name' => $payment->getCcOwner(),
             'card_expiration' => str_pad($payment->getCcExpMonth(), 2, '0', STR_PAD_LEFT)
@@ -27,7 +32,7 @@ public function create($payment, $customerId, $paymentMethodCode)
             'card_number' => $payment->getCcNumber(),
             'card_cvv' => $payment->getCcCid() ?: '',
             'customer_id' => $customerId,
-            'payment_company_code' => $payment->getCcType(),
+            'payment_company_code' => $ccTypeCode,
             'payment_method_code' => $paymentMethodCode
         ];
 
diff --git a/Model/PaymentLink.php b/Model/PaymentLink.php
index 3a3c60f4..c396881c 100644
--- a/Model/PaymentLink.php
+++ b/Model/PaymentLink.php
@@ -2,16 +2,6 @@
 
 declare(strict_types=1);
 
-/**
- * DISCLAIMER
- *
- * Do not edit or add to this file if you wish to upgrade this extension to newer
- * version in the future.
- *
- * @category    Vindi
- * @package     Vindi_Payment
- */
-
 namespace Vindi\Payment\Model;
 
 use Vindi\Payment\Api\Data\PaymentLinkInterface;
@@ -157,4 +147,39 @@ public function setStatus(string $status)
         $this->setData(self::STATUS, $status);
         return $this;
     }
+
+    /**
+     * @inheritdoc
+     */
+    public function getExpiredAt()
+    {
+        return $this->getData(self::EXPIRED_AT);
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function setExpiredAt($expiredAt)
+    {
+        $this->setData(self::EXPIRED_AT, $expiredAt);
+        return $this;
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function getSuccessPageAccessed()
+    {
+        return $this->getData(self::SUCCESS_PAGE_ACCESSED);
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function setSuccessPageAccessed(bool $successPageAccessed)
+    {
+        $this->setData(self::SUCCESS_PAGE_ACCESSED, $successPageAccessed);
+        return $this;
+    }
 }
+
diff --git a/Model/PaymentLinkService.php b/Model/PaymentLinkService.php
index 0b379dae..9f8ab797 100644
--- a/Model/PaymentLinkService.php
+++ b/Model/PaymentLinkService.php
@@ -33,6 +33,11 @@ class PaymentLinkService
      */
     public const SALES_NAME = 'trans_email/ident_sales/name';
 
+    /**
+     * Payment link template path
+     */
+    public const PAYMENT_LINK_TEMPLATE_PATH = 'vindiconfiguration/general/vindi_vr_payment_link_template';
+
     /**
      * @var PaymentLinkCollectionFactory
      */
@@ -189,7 +194,8 @@ public function sendPaymentLinkEmail($orderId): bool
                 'name' => $this->scopeConfig->getValue(self::SALES_NAME, ScopeInterface::SCOPE_STORE)
             ];
 
-            $emailTemplateId = 'payment_link_template';
+            $emailTemplateId = $this->scopeConfig->getValue(self::PAYMENT_LINK_TEMPLATE_PATH, ScopeInterface::SCOPE_STORE)
+                ?: 'vindi_vr_payment_link_template';
 
             $this->sendEmailService->sendEmailTemplate($emailTemplateId, $order->getCustomerEmail(), $order->getCustomerFirstname(), $from, $templateVars);
             return true;
@@ -292,6 +298,8 @@ public function updatePaymentLinkStatusToExpired(PaymentLink $paymentLink): void
     {
         try {
             $paymentLink->setStatus('expired');
+            $paymentLink->setExpiredAt($this->dateTimeFactory->create()->format('Y-m-d H:i:s'));
+
             $this->linkRepository->save($paymentLink);
         } catch (\Exception $e) {
             $this->logger->error('Error updating payment link status to expired: ' . $e->getMessage());
@@ -321,6 +329,8 @@ public function updateExpiredPaymentLinks(): void
         foreach ($paymentLinks as $paymentLink) {
             if ($this->isLinkExpired($paymentLink->getCreatedAt())) {
                 $paymentLink->setStatus('expired');
+                $paymentLink->setExpiredAt($this->dateTimeFactory->create()->format('Y-m-d H:i:s'));
+
                 $this->savePaymentLink($paymentLink);
             }
         }
diff --git a/Observer/InvoicePaymentLinkObserver.php b/Observer/InvoicePaymentLinkObserver.php
new file mode 100644
index 00000000..5af5029a
--- /dev/null
+++ b/Observer/InvoicePaymentLinkObserver.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Vindi\Payment\Observer;
+
+use Magento\Framework\Event\Observer;
+use Magento\Framework\Event\ObserverInterface;
+use Magento\Sales\Api\OrderRepositoryInterface;
+use Vindi\Payment\Model\PaymentLinkService;
+use Psr\Log\LoggerInterface;
+
+class InvoicePaymentLinkObserver implements ObserverInterface
+{
+    /**
+     * @var PaymentLinkService
+     */
+    private PaymentLinkService $paymentLinkService;
+
+    /**
+     * @var OrderRepositoryInterface
+     */
+    private OrderRepositoryInterface $orderRepository;
+
+    /**
+     * @var LoggerInterface
+     */
+    private LoggerInterface $logger;
+
+    /**
+     * @param PaymentLinkService $paymentLinkService
+     * @param OrderRepositoryInterface $orderRepository
+     * @param LoggerInterface $logger
+     */
+    public function __construct(
+        PaymentLinkService $paymentLinkService,
+        OrderRepositoryInterface $orderRepository,
+        LoggerInterface $logger
+    ) {
+        $this->paymentLinkService = $paymentLinkService;
+        $this->orderRepository = $orderRepository;
+        $this->logger = $logger;
+    }
+
+    /**
+     * Execute observer to update payment link status after invoice creation
+     *
+     * @param Observer $observer
+     * @return void
+     */
+    public function execute(Observer $observer): void
+    {
+        try {
+            $invoice = $observer->getEvent()->getInvoice();
+            $order = $invoice->getOrder();
+
+            if ($order->hasInvoices()) {
+                $this->logger->info(sprintf('Order ID %s has already been invoiced.', $order->getEntityId()));
+
+                $orderId = $order->getEntityId();
+                $paymentLink = $this->paymentLinkService->getPaymentLink($orderId);
+
+                if ($paymentLink && $paymentLink->getId()) {
+                    if ($paymentLink->getStatus() !== 'processed') {
+                        $paymentLink->setStatus('processed');
+                        $this->paymentLinkService->savePaymentLink($paymentLink);
+
+                        $this->logger->info(sprintf('Payment link for order ID %s has been updated to "processed" after invoice generation.', $orderId));
+                    }
+                }
+            } else {
+                $this->logger->info(sprintf('Order ID %s has not been invoiced yet.', $order->getEntityId()));
+            }
+        } catch (\Exception $e) {
+            $this->logger->error('Error while updating payment link after invoice generation: ' . $e->getMessage());
+        }
+    }
+}
diff --git a/Setup/InstallData.php b/Setup/InstallData.php
deleted file mode 100644
index 6090ce21..00000000
--- a/Setup/InstallData.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<?php
-
-namespace Vindi\Payment\Setup;
-
-use Magento\Framework\Setup\InstallDataInterface;
-use Magento\Framework\Setup\ModuleContextInterface;
-use Magento\Framework\Setup\ModuleDataSetupInterface;
-
-class InstallData implements InstallDataInterface
-{
-    /**
-     * {@inheritdoc}
-     */
-    public function install(
-        ModuleDataSetupInterface $setup,
-        ModuleContextInterface $context
-    ) {
-        $data = [
-            'scope' => 'default',
-            'scope_id' => 0,
-            'path' => 'vindiconfiguration/general/webhook_key',
-            'value' => self::generateRandomHash(),
-        ];
-        $setup->getConnection()
-            ->insertOnDuplicate($setup->getTable('core_config_data'), $data, ['value']);
-    }
-
-    /**
-     * Generate a random hash string
-     *
-     * @return string
-     * @throws \Exception
-     */
-    public static function generateRandomHash()
-    {
-        $length = 15;
-        $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
-        $encoding = '8bit';
-
-        if (false === ($max = mb_strlen($characters, $encoding))) {
-            throw new \BadMethodCallException('Invalid encoding passed');
-        }
-
-        $string = '';
-        $max--;
-        for ($i = 0; $i < $length; ++$i) {
-            $string .= $characters[random_int(0, $max)];
-        }
-
-        return $string;
-    }
-}
diff --git a/etc/adminhtml/di.xml b/etc/adminhtml/di.xml
index e47a039b..de16d75e 100644
--- a/etc/adminhtml/di.xml
+++ b/etc/adminhtml/di.xml
@@ -42,4 +42,9 @@
     <type name="Magento\Sales\Model\Service\OrderService">
         <plugin name="vindi_payment_after_place_order_plugin" type="Vindi\Payment\Plugin\Model\Service\OrderService" />
     </type>
+    <type name="Vindi\Payment\Model\Config\Source\EmailTemplate">
+        <arguments>
+            <argument name="templateCollectionFactory" xsi:type="object">Magento\Email\Model\ResourceModel\Template\CollectionFactory</argument>
+        </arguments>
+    </type>
 </config>
diff --git a/etc/adminhtml/events.xml b/etc/adminhtml/events.xml
index 124804d4..893f2bd0 100644
--- a/etc/adminhtml/events.xml
+++ b/etc/adminhtml/events.xml
@@ -22,4 +22,7 @@
     <event name="vindi_payment_subscription_item_updated">
         <observer name="vindi_payment_update_subscription_data" instance="Vindi\Payment\Observer\UpdateSubscriptionData" />
     </event>
+    <event name="sales_order_invoice_save_after">
+        <observer name="vindi_payment_invoice_payment_link_observer" instance="Vindi\Payment\Observer\InvoicePaymentLinkObserver" />
+    </event>
 </config>
diff --git a/etc/adminhtml/system.xml b/etc/adminhtml/system.xml
index 7e49a80b..1efe33df 100644
--- a/etc/adminhtml/system.xml
+++ b/etc/adminhtml/system.xml
@@ -55,6 +55,12 @@
                         <comment>Message that will be presented to the customer on the success screen, after completing the order.</comment>
                         <config_path>checkout/vindi_pix/info_message_onepage_success</config_path>
                     </field>
+                    <field id="vindi_vr_payment_link_template" type="select" translate="label comment" sortOrder="120" showInDefault="1" showInWebsite="1" showInStore="1">
+                        <label>Payment Link Email Template</label>
+                        <comment><![CDATA[Select the email template. If the 'Default' option is selected, the default template for payment link notification will be used. Alternatively, you can choose custom templates created from the default template.]]></comment>
+                        <source_model>Vindi\Payment\Model\Config\Source\EmailTemplate</source_model>
+                        <config_path>vindiconfiguration/general/vindi_vr_payment_link_template</config_path>
+                    </field>
                 </group>
                 <group id="vindi_cc" showInDefault="1" showInStore="1" showInWebsite="1" sortOrder="100" translate="label">
                     <label>Credit Card</label>
diff --git a/etc/config.xml b/etc/config.xml
index a18bfb80..c0b7170a 100644
--- a/etc/config.xml
+++ b/etc/config.xml
@@ -78,7 +78,7 @@
                 <mode>2</mode>
                 <test>values</test>
                 <order_status>pending</order_status>
-                <payment_link_template>payment_link_template</payment_link_template>
+                <vindi_vr_payment_link_template>vindi_vr_payment_link_template</vindi_vr_payment_link_template>
             </general>
         </vindiconfiguration>
         <checkout>
diff --git a/etc/crontab.xml b/etc/crontab.xml
index ccc43669..ed191a55 100644
--- a/etc/crontab.xml
+++ b/etc/crontab.xml
@@ -17,5 +17,8 @@
         <job name="vindi_payment_update_expired_links" instance="Vindi\Payment\Cron\UpdateExpiredLinks" method="execute">
             <schedule>30 3 * * *</schedule>
         </job>
+        <job name="vindi_payment_cancel_orders_with_expired_links" instance="Vindi\Payment\Cron\CancelOrdersWithExpiredLinks" method="execute">
+            <schedule>0 3 * * *</schedule>
+        </job>
     </group>
 </config>
diff --git a/etc/db_schema.xml b/etc/db_schema.xml
index 8794c41e..9504d23b 100644
--- a/etc/db_schema.xml
+++ b/etc/db_schema.xml
@@ -158,6 +158,8 @@
         <column xsi:type="int" name="customer_id" unsigned="true" nullable="false" comment="Customer Id"/>
         <column xsi:type="timestamp" name="created_at" nullable="false" default="CURRENT_TIMESTAMP" on_update="true" comment="Created Datetime"/>
         <column xsi:type="varchar" name="status" length="50" nullable="false" default="active" comment="Payment Link Status"/>
+        <column xsi:type="timestamp" name="expired_at" nullable="true" comment="Expired Datetime"/>
+        <column xsi:type="boolean" name="success_page_accessed" nullable="false" default="0" comment="Success Page Accessed"/>
 
         <constraint xsi:type="primary" referenceId="PRIMARY">
             <column name="entity_id"/>
diff --git a/etc/di.xml b/etc/di.xml
index c91d39f6..6671ed41 100644
--- a/etc/di.xml
+++ b/etc/di.xml
@@ -19,6 +19,7 @@
                 <item name="vindi:process-order-creation-queue" xsi:type="object">Vindi\Payment\Console\Command\ProcessOrderCreationQueueCommand</item>
                 <item name="vindi:process-order-paid-queue" xsi:type="object">Vindi\Payment\Console\Command\ProcessOrderPaidQueueCommand</item>
                 <item name="vindi:payment:update-expired-links" xsi:type="object">Vindi\Payment\Console\Command\RunUpdateExpiredLinks</item>
+                <item name="vindi:payment:cancel-orders-with-expired-links" xsi:type="object">Vindi\Payment\Console\Command\RunCancelOrdersWithExpiredLinks</item>
             </argument>
         </arguments>
     </type>
diff --git a/etc/email_templates.xml b/etc/email_templates.xml
index 2255c700..ca8925d5 100644
--- a/etc/email_templates.xml
+++ b/etc/email_templates.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0"?>
 <config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Email:etc/email_templates.xsd">
     <template id="vindi_payment_qrcode_available_email_template" label="Vindi Payment QR Code Available Email" file="qrcode_available_email.html" type="html" module="Vindi_Payment" area="frontend"/>
-    <template id="payment_link_template" label="Payment Link Notification" file="payment_link.html" type="html" module="Vindi_Payment" area="frontend"/>
+    <template id="vindi_vr_payment_link_template" label="Payment Link Notification (Default)" file="payment_link.html" type="html" module="Vindi_Payment" area="frontend"/>
 </config>
diff --git a/etc/frontend/di.xml b/etc/frontend/di.xml
index bc8c9834..320aa18d 100644
--- a/etc/frontend/di.xml
+++ b/etc/frontend/di.xml
@@ -5,7 +5,7 @@
     <type name="Magento\Checkout\Model\CompositeConfigProvider">
         <arguments>
             <argument name="configProviders" xsi:type="array">
-                <item name="test_module_configprovider" xsi:type="object">Vindi\Payment\Model\ConfigProvider</item>
+                <item name="vindi_cc_configprovider" xsi:type="object">Vindi\Payment\Model\ConfigProvider</item>
                 <item name="vindi_pix_configprovider" xsi:type="object">Vindi\Payment\Model\Pix\ConfigProvider</item>
                 <item name="vindi_bankslip_configprovider" xsi:type="object">Vindi\Payment\Model\Bankslip\ConfigProvider</item>
                 <item name="vindi_bankslippix_configprovider" xsi:type="object">Vindi\Payment\Model\BankslipPix\ConfigProvider</item>
diff --git a/i18n/pt_BR.csv b/i18n/pt_BR.csv
index 8ca517a5..fe6879be 100644
--- a/i18n/pt_BR.csv
+++ b/i18n/pt_BR.csv
@@ -668,11 +668,14 @@
 "Payment Link Email Template","Template de E-mail do Link de Pagamento"
 "Select the email template, if the &quot;Default&quot; option is selected, the module's default template will be considered.","Selecione o modelo de e-mail, se a opção &quot;Padrão&quot; for selecionada, o modelo padrão do módulo será considerado."
 "Payment Link Notification","Notificação de Link de Pagamento"
+"Select the email template. If the 'Default' option is selected, the default template for payment link notification will be used. Alternatively, you can choose custom templates created from the default template.","Selecione o modelo de e-mail. Se a opção 'Padrão' for selecionada, será utilizado o template padrão para notificação de link de pagamento. Alternativamente, você pode escolher templates customizados criados a partir do template padrão."
+"Payment Link Notification (Default)","Notificação de Link de Pagamento (Padrão)"
 "Error to send the payment link.","Erro ao enviar o link de pagamento."
 "Payment Link Information","Informações do Link de Pagamento"
 "Payment Link:","Link de Pagamento:"
 "Click to Pay","Clique para Pagar"
 "Only pending payment links can be accessed.","Somente links de pagamento pendentes podem ser acessados."
+"This order has already been paid.","Este pedido já foi pago."
 "Payment Profile","Perfil de Pagamento"
 "Credit Card","Cartão de Crédito"
 "Select the payment profile for this subscription.","Selecione o perfil de pagamento para esta assinatura."
@@ -694,3 +697,6 @@
 "API request failed: %1","Solicitação da API falhou: %1"
 "Invalid Subscription ID.","ID de Assinatura Inválido."
 "Failed to update product item. Check the data and try again.","Falha ao atualizar o item do produto. Verifique os dados e tente novamente."
+"This payment link has expired.","Este link de pagamento expirou."
+"The payment success page has already been accessed.","A página de sucesso do pagamento já foi acessada."
+"Card Information","Dados do Cartão"
diff --git a/view/adminhtml/templates/info/bankslip.phtml b/view/adminhtml/templates/info/bankslip.phtml
index dcfac1a1..2a97d977 100644
--- a/view/adminhtml/templates/info/bankslip.phtml
+++ b/view/adminhtml/templates/info/bankslip.phtml
@@ -1,10 +1,14 @@
-<?php if ($block->canShowBankslipInfo()) : ?>
-    <dl class="payment-method">
-        <dt class="title"><strong><?php echo $block->escapeHtml($block->getMethod()->getTitle()) ?></strong></dt>
-        <dd class="content">
-            <br/>
-            <p><?php echo sprintf(__('Print Url: %s'), '<a target="_blank" href="'. $block->getPrintUrl() . '">'. $block->getPrintUrl() . '</a>') ?></p>
-            <br/>
-        </dd>
-    </dl>
-<?php endif; ?>
\ No newline at end of file
+<?php
+
+use Vindi\Payment\Block\Info\BankSlip;
+
+/** @var $block BankSlip */
+?>
+<dt class="title"><strong><?php echo $block->escapeHtml($block->getMethod()->getTitle()) ?></strong></dt>
+<?php if (!$block->hasInvoice() && $block->canShowBankslipInfo()) : ?>
+    <dd class="content">
+        <br/>
+        <p><?php echo sprintf(__('Print Url: %s'), '<a target="_blank" href="'. $block->getPrintUrl() . '">'. $block->getPrintUrl() . '</a>') ?></p>
+        <br/>
+    </dd>
+<?php endif; ?>
diff --git a/view/adminhtml/templates/info/bankslippix.phtml b/view/adminhtml/templates/info/bankslippix.phtml
index 1c4283c9..cf68a5d6 100644
--- a/view/adminhtml/templates/info/bankslippix.phtml
+++ b/view/adminhtml/templates/info/bankslippix.phtml
@@ -1,10 +1,16 @@
-<?php if ($block->canShowBankSlipPixInfo()) : ?>
-    <dl class="payment-method">
-        <dt class="title"><strong><?php echo $block->escapeHtml($block->getMethod()->getTitle()) ?></strong></dt>
+<?php
+
+use Vindi\Payment\Block\Info\BankSlipPix;
+
+/** @var $block BankSlipPix */
+?>
+<dl class="payment-method">
+    <dt class="title"><strong><?php echo $block->escapeHtml($block->getMethod()->getTitle()) ?></strong></dt>
+    <?php if (!$block->hasInvoice() && $block->canShowBankSlipPixInfo()) : ?>
         <dd class="content">
             <br/>
             <p><?php echo sprintf(__('Print Url: %s'), '<a target="_blank" href="'. $block->getPrintUrl() . '">'. $block->getPrintUrl() . '</a>') ?></p>
             <br/>
         </dd>
-    </dl>
-<?php endif; ?>
+    <?php endif; ?>
+</dl>
diff --git a/view/adminhtml/templates/info/pix.phtml b/view/adminhtml/templates/info/pix.phtml
index 931176e1..edeb6aa3 100644
--- a/view/adminhtml/templates/info/pix.phtml
+++ b/view/adminhtml/templates/info/pix.phtml
@@ -8,58 +8,68 @@ use Vindi\Payment\Block\Info\Pix;
         <strong>
             <?= $block->escapeHtml($block->getMethod()->getTitle()) ?>
         </strong>
-    </dt>
-    <?php if ($block->canShowPixInfo()) : ?>
+    </dt><br>
+    <?php if (!$block->hasInvoice()): ?>
+        <?php if ($block->canShowPixInfo()) : ?>
         <?php if ($block->getDaysToKeepWaitingPayment()) : ?>
-            <dd>
-                <p>
-                    <strong>
-                        <?= sprintf(__('Pay up: %s'), $block->getDaysToKeepWaitingPayment()) ?>
-                    </strong>
-                </p>
-            </dd>
-        <?php endif; ?>
+        <dd>
+            <p>
+                <strong>
+                    <?= sprintf(__('Pay up: %s'), $block->getDaysToKeepWaitingPayment()) ?>
+                </strong>
+            </p>
+        </dd>
+    <?php endif; ?>
         <dd class="content">
-            <object data="<?= $block->getQrCodePix() ?>" type="image/svg+xml" class="qr-code" id="qrcode">
-                <p>
-                    <?= $block->getQrCodeWarningMessage() ?>
-                </p>
-                <button
-                    id="vindi-pix-button-open"
-                    type="button"
-                    class="action primary checkout"
-                    title="Open QR Code Pix"
-                    onclick="window.open('<?= $block->getQrCodePix() ?>', '_blank')">
-                    <?= __('Open QR Code') ?>
-                </button>
-            </object>
+            <?php if ($block->getQrCodePix()): ?>
+                <object data="<?= $block->getQrCodePix() ?>" type="image/svg+xml" class="qr-code" id="qrcode">
+                    <p>
+                        <?= $block->getQrCodeWarningMessage() ?>
+                    </p>
+                    <button
+                        id="vindi-pix-button-open"
+                        type="button"
+                        class="action primary checkout"
+                        title="Open QR Code Pix"
+                        onclick="window.open('<?= $block->getQrCodePix() ?>', '_blank')">
+                        <?= __('Open QR Code') ?>
+                    </button>
+                </object>
+            <?php endif; ?>
 
             <div data-bind="scope: 'vindiPix'">
                 <!-- ko template: getTemplate() --><!-- /ko -->
             </div>
         </dd>
-    </dl>
+    <?php endif; ?>
 
-    <script type="text/x-magento-init">
-        {
-            "*": {
-                "Magento_Ui/js/core/app": {
-                    "components": {
-                        "vindiPix": {
-                            "component": "Vindi_Payment/js/view/info/vindi-pix",
-                            "qrCodeKey": <?= $block->getQrcodeOriginalPath() ?>
+    <?php if ($block->getQrcodeOriginalPath()): ?>
+        <script type="text/x-magento-init">
+            {
+                "*": {
+                    "Magento_Ui/js/core/app": {
+                        "components": {
+                            "vindiPix": {
+                                "component": "Vindi_Payment/js/view/info/vindi-pix",
+                                "qrCodeKey": <?= $block->getQrcodeOriginalPath() ?>
+                            }
                         }
                     }
                 }
             }
-        }
-    </script>
-<?php else: ?>
-    <strong>
-        <?= __('Pix expirado') ?>
-    </strong>
-    <br>
-    <a href="/vindiPayment/pix/renew?bill=<?= $block->getBillId() ?>&order=<?= $block->getOrder()->getId() ?>">
-        <button name="renew-pix"><?= __('Atualizar QRCode') ?></button>
-    </a>
-<?php endif; ?>
+        </script>
+    <?php endif; ?>
+    <?php else: ?>
+        <?php if (!$block->hasInvoice()): ?>
+            <dd>
+                <strong>
+                    <?= __('Pix expirado') ?>
+                </strong>
+                    <br>
+                    <a href="/vindiPayment/pix/renew?bill=<?= $block->getBillId() ?>&order=<?= $block->getOrder()->getId() ?>">
+                        <button name="renew-pix"><?= __('Atualizar QRCode') ?></button>
+                    </a>
+            </dd>
+        <?php endif; ?>
+    <?php endif; ?>
+</dl>
diff --git a/view/adminhtml/ui_component/vindi_payment_vindiplan_form.xml b/view/adminhtml/ui_component/vindi_payment_vindiplan_form.xml
index 5e66d1d8..3abc6b79 100755
--- a/view/adminhtml/ui_component/vindi_payment_vindiplan_form.xml
+++ b/view/adminhtml/ui_component/vindi_payment_vindiplan_form.xml
@@ -1,309 +1,309 @@
-    <?xml version="1.0" encoding="UTF-8"?>
-    <!--
-    /**
-     * Copyright © Magento, Inc. All rights reserved.
-     * See COPYING.txt for license details.
-     */
-    -->
-    <form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+    <argument name="data" xsi:type="array">
+        <item name="js_config" xsi:type="array">
+            <item name="provider" xsi:type="string">vindi_payment_vindiplan_form.vindi_payment_vindiplan_data_source</item>
+        </item>
+        <item name="label" xsi:type="string" translate="true">Information</item>
+        <item name="reverseMetadataMerge" xsi:type="boolean">true</item>
+    </argument>
+    <settings>
+        <buttons>
+            <button name="save" class="Vindi\Payment\Block\Adminhtml\VindiPlan\Edit\SaveButton"/>
+            <button name="delete" class="Vindi\Payment\Block\Adminhtml\VindiPlan\Edit\DeleteButton"/>
+            <button name="back" class="Vindi\Payment\Block\Adminhtml\VindiPlan\Edit\BackButton"/>
+        </buttons>
+        <layout>
+            <navContainerName>left</navContainerName>
+            <type>tabs</type>
+        </layout>
+        <deps>
+            <dep>vindi_payment_vindiplan_form.vindi_payment_vindiplan_data_source</dep>
+        </deps>
+    </settings>
+    <dataSource name="vindi_payment_vindiplan_data_source">
         <argument name="data" xsi:type="array">
             <item name="js_config" xsi:type="array">
-                <item name="provider" xsi:type="string">vindi_payment_vindiplan_form.vindi_payment_vindiplan_data_source</item>
+                <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
             </item>
-            <item name="label" xsi:type="string" translate="true">Information</item>
-            <item name="reverseMetadataMerge" xsi:type="boolean">true</item>
         </argument>
         <settings>
-            <buttons>
-                <button name="save" class="Vindi\Payment\Block\Adminhtml\VindiPlan\Edit\SaveButton"/>
-                <button name="delete" class="Vindi\Payment\Block\Adminhtml\VindiPlan\Edit\DeleteButton"/>
-                <button name="back" class="Vindi\Payment\Block\Adminhtml\VindiPlan\Edit\BackButton"/>
-            </buttons>
-            <layout>
-                <navContainerName>left</navContainerName>
-                <type>tabs</type>
-            </layout>
-            <deps>
-                <dep>vindi_payment_vindiplan_form.vindi_payment_vindiplan_data_source</dep>
-            </deps>
+            <!-- <validateUrl path="customer/index/validate"/> -->
+            <submitUrl path="vindi_payment/vindiplan/save"/>
         </settings>
-        <dataSource name="vindi_payment_vindiplan_data_source">
+        <dataProvider class="Vindi\Payment\Model\VindiPlan\DataProvider" name="vindi_payment_vindiplan_data_source">
+            <settings>
+                <requestFieldName>entity_id</requestFieldName>
+                <primaryFieldName>entity_id</primaryFieldName>
+            </settings>
+        </dataProvider>
+    </dataSource>
+    <fieldset name="settings">
+        <settings>
+            <label translate="true">Settings</label>
+        </settings>
+        <field name="entity_id" formElement="input">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="source" xsi:type="string">menu</item>
+                </item>
+            </argument>
+            <settings>
+                <dataType>text</dataType>
+                <visible>false</visible>
+                <dataScope>entity_id</dataScope>
+            </settings>
+        </field>
+        <field name="name" sortOrder="5" formElement="input">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="source" xsi:type="string">menu</item>
+                </item>
+            </argument>
+            <settings>
+                <validation>
+                    <rule name="required-entry" xsi:type="boolean">true</rule>
+                </validation>
+                <dataType>text</dataType>
+                <label translate="true">Name</label>
+                <dataScope>name</dataScope>
+                <notice translate="true">Plan name. As a suggestion, use an informative plan name such as: Monthly, Quarterly, etc.</notice>
+            </settings>
+        </field>
+        <field name="status" sortOrder="10" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <label translate="true">Status</label>
+                <dataScope>status</dataScope>
+                <componentType>field</componentType>
+                <notice translate="true">
+                    Inactive plans will not be available for new sales, but existing subscriptions will continue to be charged and renewed normally.
+                </notice>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\Plan\Status"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="description" sortOrder="15" formElement="textarea">
+            <settings>
+                <dataType>text</dataType>
+                <label translate="true">Observations</label>
+                <dataScope>description</dataScope>
+                <notice translate="true">Free text field for internal notes.</notice>
+            </settings>
+        </field>
+        <field name="description_display_on_product_page" sortOrder="16" formElement="checkbox">
+            <settings>
+                <dataType>boolean</dataType>
+                <label translate="true">Display 'Notes' on product page</label>
+                <dataScope>description_display_on_product_page</dataScope>
+                <notice translate="true">The purpose of this display is to enable the display of additional information to the customer, if the retailer deems it necessary.</notice>
+            </settings>
+            <formElements>
+                <checkbox>
+                    <settings>
+                        <valueMap>
+                            <map name="false" xsi:type="number">0</map>
+                            <map name="true" xsi:type="number">1</map>
+                        </valueMap>
+                        <prefer>toggle</prefer>
+                    </settings>
+                </checkbox>
+            </formElements>
+        </field>
+        <field name="interval_count" sortOrder="20" formElement="input">
+            <settings>
+                <dataType>text</dataType>
+                <label translate="true">Charge every</label>
+                <dataScope>interval_count</dataScope>
+                <validation>
+                    <rule name="required-entry" xsi:type="boolean">true</rule>
+                    <rule name="validate-number" xsi:type="boolean">true</rule>
+                </validation>
+            </settings>
+        </field>
+        <field name="interval" sortOrder="25" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <dataScope>interval</dataScope>
+                <componentType>field</componentType>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\Interval"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="duration" sortOrder="30" formElement="select">
+            <argument name="data" xsi:type="array">
+                <item name="options" xsi:type="object">Vindi\Payment\Model\Config\Source\Duration</item>
+                <item name="config" xsi:type="array">
+                    <item name="dataType" xsi:type="string">int</item>
+                    <item name="component" xsi:type="string">Vindi_Payment/js/form/element/duration</item>
+                    <item name="label" xsi:type="string" translate="true">Duration</item>
+                    <item name="formElement" xsi:type="string">select</item>
+                    <item name="source" xsi:type="string">duration</item>
+                    <item name="dataScope" xsi:type="string">duration</item>
+                </item>
+            </argument>
+            <settings>
+                <validation>
+                    <rule name="required-entry" xsi:type="boolean">true</rule>
+                </validation>
+                <notice translate="true">Example: To create a monthly plan that lasts for a year, select 'Charge every 1 month 12 times'. To create an unlimited weekly plan, select 'Charge every 7 days indefinitely'. To create a weekly plan, for example, select to charge every 06 months.</notice>
+            </settings>
+        </field>
+        <field name="billing_cycles" sortOrder="35" formElement="input">
             <argument name="data" xsi:type="array">
-                <item name="js_config" xsi:type="array">
-                    <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
+                <item name="config" xsi:type="array">
+                    <item name="source" xsi:type="string">menu</item>
                 </item>
             </argument>
             <settings>
-                <!-- <validateUrl path="customer/index/validate"/> -->
-                <submitUrl path="vindi_payment/vindiplan/save"/>
+                <validation>
+                    <rule name="validate-number" xsi:type="boolean">true</rule>
+                </validation>
+                <dataType>text</dataType>
+                <label translate="true">Number of periods to be charged</label>
+                <dataScope>billing_cycles</dataScope>
+                <notice translate="true">
+                    Use positive values starting from 1. If left empty, the period will be indefinite.
+                </notice>
+            </settings>
+        </field>
+        <field name="billing_trigger_type" sortOrder="40" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <label translate="true">Billing method</label>
+                <dataScope>billing_trigger_type</dataScope>
+                <componentType>field</componentType>
+                <validation>
+                    <rule name="required-entry" xsi:type="boolean">true</rule>
+                </validation>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\BillingMethod"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="billing_trigger_day" sortOrder="45" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <label translate="true">Billing setup</label>
+                <dataScope>billing_trigger_day</dataScope>
+                <componentType>field</componentType>
+                <notice translate="true">
+                    Billing will be carried out on the day of the month present in the period when the customer subscribed. For example, if set to the 5th and the customer subscribed on the 6th, the billing will take place on the 5th of the following month.
+                </notice>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\BillingTriggerDaysOfTheMonth"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="billing_trigger_day_type_on_period" sortOrder="50" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <label translate="true">Billing setup</label>
+                <dataScope>billing_trigger_day_type_on_period</dataScope>
+                <componentType>field</componentType>
+                <notice translate="true">
+                    of
+                </notice>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\BillingTriggerDay"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="billing_trigger_day_based_on_period" sortOrder="55" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <dataScope>billing_trigger_day_based_on_period</dataScope>
+                <componentType>field</componentType>
+                <validation>
+                    <rule name="required-entry" xsi:type="boolean">true</rule>
+                </validation>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\BillingTriggerTypeWithoutDayOfMount"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="billing_trigger_day_based_on_period_description" sortOrder="56" formElement="input">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="source" xsi:type="string">menu</item>
+                </item>
+            </argument>
+            <settings>
+                <dataType>text</dataType>
+                <dataScope>billing_trigger_day_based_on_period_description</dataScope>
+                <notice translate="true">
+                    Billing will be based on the period created at the time of subscription: e.g., Charge exactly on the day the subscription period starts, or in a trial example, charge 07 days after the start of the subscription period.
+                </notice>
+            </settings>
+        </field>
+        <field name="installments" sortOrder="59" formElement="select">
+            <settings>
+                <dataType>select</dataType>
+                <label translate="true">Installments</label>
+                <dataScope>installments</dataScope>
+                <componentType>field</componentType>
+            </settings>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Vindi\Payment\Model\Config\Source\Installments"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field name="code" sortOrder="60" formElement="input">
+            <settings>
+                <dataType>text</dataType>
+                <label translate="true">External Code</label>
+                <dataScope>code</dataScope>
+                <disabled>true</disabled>
+                <notice translate="true">
+                    Identification code of the plan in Vindi, it will be generated automatically when creating the plan.
+                </notice>
             </settings>
-            <dataProvider class="Vindi\Payment\Model\VindiPlan\DataProvider" name="vindi_payment_vindiplan_data_source">
-                <settings>
-                    <requestFieldName>entity_id</requestFieldName>
-                    <primaryFieldName>entity_id</primaryFieldName>
-                </settings>
-            </dataProvider>
-        </dataSource>
-        <fieldset name="settings">
+        </field>
+        <field name="vindi_id" sortOrder="65" formElement="input">
             <settings>
-                <label translate="true">Settings</label>
+                <dataType>text</dataType>
+                <label translate="true">Vindi ID</label>
+                <dataScope>vindi_id</dataScope>
+                <disabled>true</disabled>
+                <notice translate="true">
+                    Identification ID of the plan in Vindi, this ID will be generated automatically when creating the plan.
+                </notice>
             </settings>
-            <field name="entity_id" formElement="input">
-                <argument name="data" xsi:type="array">
-                    <item name="config" xsi:type="array">
-                        <item name="source" xsi:type="string">menu</item>
-                    </item>
-                </argument>
-                <settings>
-                    <dataType>text</dataType>
-                    <visible>false</visible>
-                    <dataScope>entity_id</dataScope>
-                </settings>
-            </field>
-            <field name="name" sortOrder="5" formElement="input">
-                <argument name="data" xsi:type="array">
-                    <item name="config" xsi:type="array">
-                        <item name="source" xsi:type="string">menu</item>
-                    </item>
-                </argument>
-                <settings>
-                    <validation>
-                        <rule name="required-entry" xsi:type="boolean">true</rule>
-                    </validation>
-                    <dataType>text</dataType>
-                    <label translate="true">Name</label>
-                    <dataScope>name</dataScope>
-                    <notice translate="true">Plan name. As a suggestion, use an informative plan name such as: Monthly, Quarterly, etc.</notice>
-                </settings>
-            </field>
-            <field name="status" sortOrder="10" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <label translate="true">Status</label>
-                    <dataScope>status</dataScope>
-                    <componentType>field</componentType>
-                    <notice translate="true">
-                        Inactive plans will not be available for new sales, but existing subscriptions will continue to be charged and renewed normally.
-                    </notice>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\Plan\Status"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="description" sortOrder="15" formElement="textarea">
-                <settings>
-                    <dataType>text</dataType>
-                    <label translate="true">Observations</label>
-                    <dataScope>description</dataScope>
-                    <notice translate="true">Free text field for internal notes.</notice>
-                </settings>
-            </field>
-            <field name="description_display_on_product_page" sortOrder="16" formElement="checkbox">
-                <settings>
-                    <dataType>boolean</dataType>
-                    <label translate="true">Display 'Notes' on product page</label>
-                    <dataScope>description_display_on_product_page</dataScope>
-                    <notice translate="true">The purpose of this display is to enable the display of additional information to the customer, if the retailer deems it necessary.</notice>
-                </settings>
-                <formElements>
-                    <checkbox>
-                        <settings>
-                            <valueMap>
-                                <map name="false" xsi:type="number">0</map>
-                                <map name="true" xsi:type="number">1</map>
-                            </valueMap>
-                            <prefer>toggle</prefer>
-                        </settings>
-                    </checkbox>
-                </formElements>
-            </field>
-            <field name="interval_count" sortOrder="20" formElement="input">
-                <settings>
-                    <dataType>text</dataType>
-                    <label translate="true">Charge every</label>
-                    <dataScope>interval_count</dataScope>
-                    <validation>
-                        <rule name="required-entry" xsi:type="boolean">true</rule>
-                        <rule name="validate-number" xsi:type="boolean">true</rule>
-                    </validation>
-                </settings>
-            </field>
-            <field name="interval" sortOrder="25" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <dataScope>interval</dataScope>
-                    <componentType>field</componentType>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\Interval"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="duration" sortOrder="30" formElement="select">
-                <argument name="data" xsi:type="array">
-                    <item name="options" xsi:type="object">Vindi\Payment\Model\Config\Source\Duration</item>
-                    <item name="config" xsi:type="array">
-                        <item name="dataType" xsi:type="string">int</item>
-                        <item name="component" xsi:type="string">Vindi_Payment/js/form/element/duration</item>
-                        <item name="label" xsi:type="string" translate="true">Duration</item>
-                        <item name="formElement" xsi:type="string">select</item>
-                        <item name="source" xsi:type="string">duration</item>
-                        <item name="dataScope" xsi:type="string">duration</item>
-                    </item>
-                </argument>
-                <settings>
-                    <validation>
-                        <rule name="required-entry" xsi:type="boolean">true</rule>
-                    </validation>
-                    <notice translate="true">Example: To create a monthly plan that lasts for a year, select 'Charge every 1 month 12 times'. To create an unlimited weekly plan, select 'Charge every 7 days indefinitely'. To create a weekly plan, for example, select to charge every 06 months.</notice>
-                </settings>
-            </field>
-            <field name="billing_cycles" sortOrder="35" formElement="input">
-                <argument name="data" xsi:type="array">
-                    <item name="config" xsi:type="array">
-                        <item name="source" xsi:type="string">menu</item>
-                    </item>
-                </argument>
-                <settings>
-                    <validation>
-                        <rule name="validate-number" xsi:type="boolean">true</rule>
-                    </validation>
-                    <dataType>text</dataType>
-                    <label translate="true">Number of periods to be charged</label>
-                    <dataScope>billing_cycles</dataScope>
-                    <notice translate="true">
-                        Use positive values starting from 1. If left empty, the period will be indefinite.
-                    </notice>
-                </settings>
-            </field>
-            <field name="billing_trigger_type" sortOrder="40" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <label translate="true">Billing method</label>
-                    <dataScope>billing_trigger_type</dataScope>
-                    <componentType>field</componentType>
-                    <validation>
-                        <rule name="required-entry" xsi:type="boolean">true</rule>
-                    </validation>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\BillingMethod"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="billing_trigger_day" sortOrder="45" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <label translate="true">Billing setup</label>
-                    <dataScope>billing_trigger_day</dataScope>
-                    <componentType>field</componentType>
-                    <notice translate="true">
-                        Billing will be carried out on the day of the month present in the period when the customer subscribed. For example, if set to the 5th and the customer subscribed on the 6th, the billing will take place on the 5th of the following month.
-                    </notice>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\BillingTriggerDaysOfTheMonth"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="billing_trigger_day_type_on_period" sortOrder="50" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <label translate="true">Billing setup</label>
-                    <dataScope>billing_trigger_day_type_on_period</dataScope>
-                    <componentType>field</componentType>
-                    <notice translate="true">
-                        of
-                    </notice>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\BillingTriggerDay"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="billing_trigger_day_based_on_period" sortOrder="55" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <dataScope>billing_trigger_day_based_on_period</dataScope>
-                    <componentType>field</componentType>
-                    <validation>
-                        <rule name="required-entry" xsi:type="boolean">true</rule>
-                    </validation>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\BillingTriggerTypeWithoutDayOfMount"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="billing_trigger_day_based_on_period_description" sortOrder="56" formElement="input">
-                <argument name="data" xsi:type="array">
-                    <item name="config" xsi:type="array">
-                        <item name="source" xsi:type="string">menu</item>
-                    </item>
-                </argument>
-                <settings>
-                    <dataType>text</dataType>
-                    <dataScope>billing_trigger_day_based_on_period_description</dataScope>
-                    <notice translate="true">
-                        Billing will be based on the period created at the time of subscription: e.g., Charge exactly on the day the subscription period starts, or in a trial example, charge 07 days after the start of the subscription period.
-                    </notice>
-                </settings>
-            </field>
-            <field name="installments" sortOrder="59" formElement="select">
-                <settings>
-                    <dataType>select</dataType>
-                    <label translate="true">Installments</label>
-                    <dataScope>installments</dataScope>
-                    <componentType>field</componentType>
-                </settings>
-                <formElements>
-                    <select>
-                        <settings>
-                            <options class="Vindi\Payment\Model\Config\Source\Installments"/>
-                        </settings>
-                    </select>
-                </formElements>
-            </field>
-            <field name="code" sortOrder="60" formElement="input">
-                <settings>
-                    <dataType>text</dataType>
-                    <label translate="true">External Code</label>
-                    <dataScope>code</dataScope>
-                    <disabled>true</disabled>
-                    <notice translate="true">
-                        Identification code of the plan in Vindi, it will be generated automatically when creating the plan.
-                    </notice>
-                </settings>
-            </field>
-            <field name="vindi_id" sortOrder="65" formElement="input">
-                <settings>
-                    <dataType>text</dataType>
-                    <label translate="true">Vindi ID</label>
-                    <dataScope>vindi_id</dataScope>
-                    <disabled>true</disabled>
-                    <notice translate="true">
-                        Identification ID of the plan in Vindi, this ID will be generated automatically when creating the plan.
-                    </notice>
-                </settings>
-            </field>
-        </fieldset>
-    </form>
+        </field>
+    </fieldset>
+</form>
diff --git a/view/base/web/js/model/credit-card-validation/credit-card-type.js b/view/base/web/js/model/credit-card-validation/credit-card-type.js
index aac88b71..d189324c 100644
--- a/view/base/web/js/model/credit-card-validation/credit-card-type.js
+++ b/view/base/web/js/model/credit-card-validation/credit-card-type.js
@@ -125,16 +125,11 @@ define([
         {
             title: 'Elo',
             type: 'ELO',
-            pattern: '^((509091)|(636368)|(636297)|(504175)|(438935)|(40117[8-9])|(45763[1-2])|' +
-                '(457393)|(431274)|(50990[0-2])|(5099[7-9][0-9])|(50996[4-9])|(509[1-8][0-9][0-9])|' +
-                '(5090(0[0-2]|0[4-9]|1[2-9]|[24589][0-9]|3[1-9]|6[0-46-9]|7[0-24-9]))|' +
-                '(5067(0[0-24-8]|1[0-24-9]|2[014-9]|3[0-379]|4[0-9]|5[0-3]|6[0-5]|7[0-8]))|' +
-                '(6504(0[5-9]|1[0-9]|2[0-9]|3[0-9]))|' +
-                '(6504(8[5-9]|9[0-9])|6505(0[0-9]|1[0-9]|2[0-9]|3[0-8]))|' +
-                '(6505(4[1-9]|5[0-9]|6[0-9]|7[0-9]|8[0-9]|9[0-8]))|' +
-                '(6507(0[0-9]|1[0-8]))|(65072[0-7])|(6509(0[1-9]|1[0-9]|20))|' +
-                '(6516(5[2-9]|6[0-9]|7[0-9]))|(6550(0[0-9]|1[0-9]))|' +
-                '(6550(2[1-9]|3[0-9]|4[0-9]|5[0-8])))\\d*$',
+            pattern: '^4011(78|79)|^43(1274|8935)|^45(1416|7393|763(1|2))|' +
+                '^50(4175|6699|67[0-6][0-9]|677[0-8]|9[0-8][0-9]{2}|99[0-8][0-9]|999[0-9])|^627780|^63(6297|6368|6369)|' +
+                '^65(0(0(3([1-3]|[5-9])|4([0-9])|5[0-1])|4(0[5-9]|[1-3][0-9]|8[5-9]|9[0-9])|' +
+                '5([0-2][0-9]|3[0-8]|4[1-9]|[5-8][0-9]|9[0-8])|7(0[0-9]|1[0-8]|2[0-7])|9(0[1-9]|[1-6][0-9]|' +
+                '7[0-8]))|16(5[2-9]|[6-7][0-9])|50(0[0-9]|1[0-9]|2[1-9]|[3-4][0-9]|5[0-8]))\\d*$',
             gaps: [4, 8, 12],
             lengths: [16],
             code: {
diff --git a/view/base/web/js/validation.js b/view/base/web/js/validation.js
index 258eb869..e5a9ec63 100644
--- a/view/base/web/js/validation.js
+++ b/view/base/web/js/validation.js
@@ -69,16 +69,11 @@ define([
         'HC': [new RegExp('^((606282)|(637095)|(637568)|(637599)|(637609)|(637612))\\d*$'), new RegExp('^[0-9]{3}$'), true],
         //HI -> ^(637095|637612|637599|637609|637568)
         'HI': [new RegExp('^(637095|637612|637599|637609|637568)\\d*$'), new RegExp('^[0-9]{3}$'), true],
-        'ELO': [new RegExp('^((509091)|(636368)|(636297)|(504175)|(438935)|(40117[8-9])|(45763[1-2])|(6505)|' +
-            '(457393)|(431274)|(50990[0-2])|(5099[7-9][0-9])|(50996[4-9])|(509[1-8][0-9][0-9])|' +
-            '(5090(0[0-2]|0[4-9]|1[2-9]|[24589][0-9]|3[1-9]|6[0-46-9]|7[0-24-9]))|' +
-            '(5067(0[0-24-8]|1[0-24-9]|2[014-9]|3[0-379]|4[0-9]|5[0-3]|6[0-5]|7[0-8]))|' +
-            '(6504(0[5-9]|1[0-9]|2[0-9]|3[0-9]))|' +
-            '(6504(8[5-9]|9[0-9])|6505(0[0-9]|1[0-9]|2[0-9]|3[0-8]))|' +
-            '(6505(4[1-9]|5[0-9]|6[0-9]|7[0-9]|8[0-9]|9[0-8]))|' +
-            '(6507(0[0-9]|1[0-8]))|(65072[0-7])|(6509(0[1-9]|1[0-9]|20))|' +
-            '(6516(5[2-9]|6[0-9]|7[0-9]))|(6550(0[0-9]|1[0-9]))|' +
-            '(6550(2[1-9]|3[0-9]|4[0-9]|5[0-8])))\\d*$'), new RegExp('^[0-9]{3}$'), true]
+        'ELO': [new RegExp('^4011(78|79)|^43(1274|8935)|^45(1416|7393|763(1|2))|' +
+            '^50(4175|6699|67[0-6][0-9]|677[0-8]|9[0-8][0-9]{2}|99[0-8][0-9]|999[0-9])|^627780|^63(6297|6368|6369)|' +
+            '^65(0(0(3([1-3]|[5-9])|4([0-9])|5[0-1])|4(0[5-9]|[1-3][0-9]|8[5-9]|9[0-9])|' +
+            '5([0-2][0-9]|3[0-8]|4[1-9]|[5-8][0-9]|9[0-8])|7(0[0-9]|1[0-8]|2[0-7])|9(0[1-9]|[1-6][0-9]|' +
+            '7[0-8]))|16(5[2-9]|[6-7][0-9])|50(0[0-9]|1[0-9]|2[1-9]|[3-4][0-9]|5[0-8]))\\d*$'), new RegExp('^[0-9]{3}$'), true]
     };
 
     $.validator.addMethod(
diff --git a/view/frontend/layout/catalog_product_view.xml b/view/frontend/layout/catalog_product_view.xml
index 4e2cf995..653683d9 100644
--- a/view/frontend/layout/catalog_product_view.xml
+++ b/view/frontend/layout/catalog_product_view.xml
@@ -9,7 +9,6 @@
                    name="recurrence.product.page"
                    template="Vindi_Payment::product/recurrence.phtml"
                    after="product.info.price"
-                   cacheable="false"
             />
         </referenceContainer>
     </body>
diff --git a/view/frontend/layout/checkout_index_index.xml b/view/frontend/layout/checkout_index_index.xml
index d11db434..650db1b7 100644
--- a/view/frontend/layout/checkout_index_index.xml
+++ b/view/frontend/layout/checkout_index_index.xml
@@ -1,6 +1,10 @@
 <?xml version="1.0" ?>
-<page layout="1column"
-    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+<page
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <head>
+        <css src="Vindi_Payment::css/card.css"/>
+    </head>
     <body>
         <referenceBlock name="checkout.root">
             <arguments>
diff --git a/view/frontend/requirejs-config.js b/view/frontend/requirejs-config.js
index ea438940..b8ed7d6e 100644
--- a/view/frontend/requirejs-config.js
+++ b/view/frontend/requirejs-config.js
@@ -1,6 +1,11 @@
 const config = {
     paths: {
+        'vindi-card-form': 'Vindi_Payment/js/credit-card/card',
+        'vindi-card-mask': 'Vindi_Payment/js/credit-card/mask',
         'jQueryMask': 'Vindi_Payment/js/libs/jquery.mask.min',
         'mage/url': 'mage/url'
     },
-}
+    shim: {
+        'vindi-card-mask': {}
+    },
+};
diff --git a/view/frontend/web/css/card.less b/view/frontend/web/css/card.less
new file mode 100644
index 00000000..539dbe1a
--- /dev/null
+++ b/view/frontend/web/css/card.less
@@ -0,0 +1,325 @@
+#payment_form_vindi {
+    max-width: 500px;
+}
+
+.container-vindi .vindi-cc-exp-cvv {
+    display: flex;
+    justify-content: space-between;
+    span {
+        display: block;
+        width: 48%;
+    }
+}
+
+/* CREDIT CARD IMAGE STYLING */
+.container-vindi .vindi-preload * {
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -ms-transition: none !important;
+    -o-transition: none !important;
+}
+
+.container-vindi .vindi-container {
+    perspective: 1000px;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    max-height: 251px;
+    height: 54vw;
+    padding: 20px;
+}
+
+.container-vindi #vindi-ccsingle {
+    position: absolute;
+    right: 15px;
+    top: 20px;
+}
+
+.container-vindi #vindi-ccsingle svg {
+    width: 100px;
+    max-height: 60px;
+}
+
+.container-vindi .vindi-creditcard svg#vindi-cardfront,
+.container-vindi .vindi-creditcard svg#vindi-cardback {
+    width: 100%;
+    -webkit-box-shadow: 1px 5px 6px 0px black;
+    box-shadow: 1px 5px 6px 0px black;
+    border-radius: 22px;
+}
+
+.container-vindi #generatecard{
+    cursor: pointer;
+    float: right;
+    font-size: 12px;
+    color: #fff;
+    padding: 2px 4px;
+    background-color: #909090;
+    border-radius: 4px;
+    cursor: pointer;
+    float:right;
+}
+
+/* CHANGEABLE CARD ELEMENTS */
+.container-vindi .vindi-creditcard .lightcolor,
+.container-vindi .vindi-creditcard .darkcolor {
+    -webkit-transition: fill .5s;
+    transition: fill .5s;
+}
+
+.container-vindi .vindi-creditcard .lightblue {
+    fill: #03A9F4;
+}
+
+.container-vindi .vindi-creditcard .lightbluedark {
+    fill: #0288D1;
+}
+
+.container-vindi .vindi-creditcard .red {
+    fill: #ef5350;
+}
+
+.container-vindi .vindi-creditcard .reddark {
+    fill: #d32f2f;
+}
+
+.container-vindi .vindi-creditcard .pink {
+    fill: #ec407a;
+}
+
+.container-vindi .vindi-creditcard .pinkdark {
+    fill: #c2185b;
+}
+
+.container-vindi .vindi-creditcard .purple {
+    fill: #ab47bc;
+}
+
+.container-vindi .vindi-creditcard .purpledark {
+    fill: #7b1fa2;
+}
+
+.container-vindi .vindi-creditcard .cyan {
+    fill: #26c6da;
+}
+
+.container-vindi .vindi-creditcard .cyandark {
+    fill: #0097a7;
+}
+
+.container-vindi .vindi-creditcard .green {
+    fill: #66bb6a;
+}
+
+.container-vindi .vindi-creditcard .greendark {
+    fill: #388e3c;
+}
+
+.container-vindi .vindi-creditcard .lime {
+    fill: #d4e157;
+}
+
+.container-vindi .vindi-creditcard .limedark {
+    fill: #afb42b;
+}
+
+.container-vindi .vindi-creditcard .yellow {
+    fill: #ffeb3b;
+}
+
+.container-vindi .vindi-creditcard .yellowdark {
+    fill: #f9a825;
+}
+
+.container-vindi .vindi-creditcard .orange {
+    fill: #ff9800;
+}
+
+.container-vindi .vindi-creditcard .orangedark {
+    fill: #ef6c00;
+}
+
+.container-vindi .vindi-creditcard .grey {
+    fill: #3f3f3f;
+}
+
+.container-vindi .vindi-creditcard .greydark {
+    fill: #1f1f1f;
+}
+
+/* FRONT OF CARD */
+.container-vindi #svgname {
+    text-transform: uppercase;
+}
+
+.container-vindi #vindi-cardfront .st2 {
+    fill: #FFFFFF;
+}
+
+.container-vindi #vindi-cardfront .st3 {
+    font-family: 'Source Code Pro', monospace;
+    font-weight: 600;
+}
+
+.container-vindi #vindi-cardfront .st4 {
+    font-size: 54.7817px;
+}
+
+.container-vindi #vindi-cardfront .st5 {
+    font-family: 'Source Code Pro', monospace;
+    font-weight: 400;
+}
+
+.container-vindi #vindi-cardfront .st6 {
+    font-size: 33.1112px;
+}
+
+.container-vindi #vindi-cardfront .st7 {
+    opacity: 0.6;
+    fill: #FFFFFF;
+}
+
+.container-vindi #vindi-cardfront .st8 {
+    font-size: 24px;
+}
+
+.container-vindi #vindi-cardfront .st9 {
+    font-size: 36.5498px;
+}
+
+.container-vindi #vindi-cardfront .st10 {
+    font-family: 'Source Code Pro', monospace;
+    font-weight: 300;
+}
+
+.container-vindi #vindi-cardfront .st11 {
+    font-size: 16.1716px;
+}
+
+.container-vindi #vindi-cardfront .st12 {
+    fill: #4C4C4C;
+}
+
+/* BACK OF CARD */
+.container-vindi #vindi-cardback .st0 {
+    fill: none;
+    stroke: #0F0F0F;
+    stroke-miterlimit: 10;
+}
+
+.container-vindi #vindi-cardback .st2 {
+    fill: #111111;
+}
+
+.container-vindi #vindi-cardback .st3 {
+    fill: #F2F2F2;
+}
+
+.container-vindi #vindi-cardback .st4 {
+    fill: #D8D2DB;
+}
+
+.container-vindi #vindi-cardback .st5 {
+    fill: #C4C4C4;
+}
+
+.container-vindi #vindi-cardback .st6 {
+    font-family: 'Source Code Pro', monospace;
+    font-weight: 400;
+}
+
+.container-vindi #vindi-cardback .st7 {
+    font-size: 27px;
+}
+
+.container-vindi #vindi-cardback .st8 {
+    opacity: 0.6;
+}
+
+.container-vindi #vindi-cardback .st9 {
+    fill: #FFFFFF;
+}
+
+.container-vindi #vindi-cardback .st10 {
+    font-size: 24px;
+}
+
+.container-vindi #vindi-cardback .st11 {
+    fill: #EAEAEA;
+}
+
+.container-vindi #vindi-cardback .st12 {
+    font-family: 'Rock Salt', cursive;
+}
+
+.container-vindi #vindi-cardback .st13 {
+    font-size: 37.769px;
+}
+
+/* FLIP ANIMATION */
+.container-vindi .vindi-creditcard {
+    width: 100%;
+    max-width: 400px;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    transition: -webkit-transform 0.6s;
+    -webkit-transition: -webkit-transform 0.6s;
+    transition: transform 0.6s;
+    transition: transform 0.6s, -webkit-transform 0.6s;
+    cursor: pointer;
+}
+
+.container-vindi .vindi-creditcard .vindi-front,
+.container-vindi .vindi-creditcard .vindi-back {
+    position: absolute;
+    width: 100%;
+    max-width: 400px;
+    -webkit-backface-visibility: hidden;
+    backface-visibility: hidden;
+    -webkit-font-smoothing: antialiased;
+    color: #47525d;
+}
+
+.container-vindi .vindi-creditcard .vindi-back {
+    -webkit-transform: rotateY(180deg);
+    transform: rotateY(180deg);
+}
+
+.container-vindi .vindi-creditcard.flipped {
+    -webkit-transform: rotateY(180deg);
+    transform: rotateY(180deg);
+}
+
+.credit-card-types {
+    padding: 0;
+}
+
+.credit-card-types .item {
+    display: inline-block;
+    list-style: none;
+    margin: 0 5px 0 0;
+    vertical-align: top;
+}
+
+.credit-card-types .item._active {
+    font-weight: 700;
+}
+
+.credit-card-types .item._active img {
+    -webkit-filter: grayscale(0%);
+}
+
+.credit-card-types .item._inactive {
+    opacity: .4;
+}
+
+.credit-card-types .item span {
+    display: inline-block;
+    padding-top: 6px;
+    vertical-align: top;
+}
+
+.credit-card-types img {
+    -webkit-filter: grayscale(100%);
+    -webkit-transition: all .6s ease;
+}
diff --git a/view/frontend/web/js/credit-card/card.js b/view/frontend/web/js/credit-card/card.js
new file mode 100644
index 00000000..cf5b8fcc
--- /dev/null
+++ b/view/frontend/web/js/credit-card/card.js
@@ -0,0 +1,246 @@
+define(['vindi-card-mask'], function () {
+    'use strict';
+
+    return async function (ccName, ccNumber, ccExpDate, ccCvv, ccsingle, ccFront, ccBack) {
+
+        const currentYear = parseInt(new Date().getFullYear().toString().substring(2, 4));
+        const nextYear = currentYear + 1;
+
+        let cardFront = '<svg version="1.1" id="vindi-cardfront" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 750 471" style="enable-background:new 0 0 750 471;" xml:space="preserve"> <g id="vindi-svg-front"> <g id="vindi-card-background"> <g id="vindi-page-1_1_"> <g id="vindi-amex_1_"> <path id="vindi-rectangle-1_1_" class="lightcolor grey" d="M40,0h670c22.1,0,40,17.9,40,40v391c0,22.1-17.9,40-40,40H40c-22.1,0-40-17.9-40-40V40 C0,17.9,17.9,0,40,0z" /> </g> </g> <path class="darkcolor greydark" d="M750,431V193.2c-217.6-57.5-556.4-13.5-750,24.9V431c0,22.1,17.9,40,40,40h670C732.1,471,750,453.1,750,431z" /> </g> <text transform="matrix(1 0 0 1 60.106 295.0121)" id="vindi-svgnumber" class="st2 st3 st4">0123 4567 8910 1112</text> <text transform="matrix(1 0 0 1 54.1064 428.1723)" id="vindi-svgname" class="st2 st5 st6">JOÃO DOS SANTOS</text> <text transform="matrix(1 0 0 1 54.1074 389.8793)" class="st7 st5 st8">nome do titular</text> <text transform="matrix(1 0 0 1 479.7754 388.8793)" class="st7 st5 st8">validade</text> <text transform="matrix(1 0 0 1 65.1054 241.5)" class="st7 st5 st8">número</text> <g> <text transform="matrix(1 0 0 1 574.4219 433.8095)" id="vindi-svgexpire" class="st2 st5 st9">12/23</text> <text transform="matrix(1 0 0 1 479.3848 417.0097)" class="st2 st10 st11">VÁLIDO</text> <text transform="matrix(1 0 0 1 479.3848 435.6762)" class="st2 st10 st11">ATÉ</text> <polygon class="st2" points="554.5,421 540.4,414.2 540.4,427.9 \t\t" /> </g> <g id="vindi-cchip"> <g> <path class="st2" d="M168.1,143.6H82.9c-10.2,0-18.5-8.3-18.5-18.5V74.9c0-10.2,8.3-18.5,18.5-18.5h85.3 c10.2,0,18.5,8.3,18.5,18.5v50.2C186.6,135.3,178.3,143.6,168.1,143.6z" /> </g> <g> <g> <rect x="82" y="70" class="st12" width="1.5" height="60" /> </g> <g> <rect x="167.4" y="70" class="st12" width="1.5" height="60" /> </g> <g> <path class="st12" d="M125.5,130.8c-10.2,0-18.5-8.3-18.5-18.5c0-4.6,1.7-8.9,4.7-12.3c-3-3.4-4.7-7.7-4.7-12.3 c0-10.2,8.3-18.5,18.5-18.5s18.5,8.3,18.5,18.5c0,4.6-1.7,8.9-4.7,12.3c3,3.4,4.7,7.7,4.7,12.3 C143.9,122.5,135.7,130.8,125.5,130.8z M125.5,70.8c-9.3,0-16.9,7.6-16.9,16.9c0,4.4,1.7,8.6,4.8,11.8l0.5,0.5l-0.5,0.5 c-3.1,3.2-4.8,7.4-4.8,11.8c0,9.3,7.6,16.9,16.9,16.9s16.9-7.6,16.9-16.9c0-4.4-1.7-8.6-4.8-11.8l-0.5-0.5l0.5-0.5 c3.1-3.2,4.8-7.4,4.8-11.8C142.4,78.4,134.8,70.8,125.5,70.8z" /> </g> <g> <rect x="82.8" y="82.1" class="st12" width="25.8" height="1.5" /> </g> <g> <rect x="82.8" y="117.9" class="st12" width="26.1" height="1.5" /> </g> <g> <rect x="142.4" y="82.1" class="st12" width="25.8" height="1.5" /> </g> <g> <rect x="142" y="117.9" class="st12" width="26.2" height="1.5" /> </g> </g> </g> </g> <g id="vindi-svg-back"> </g> </svg>';
+        let cardBack = '<svg version="1.1" id="vindi-cardback" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 750 471" style="enable-background:new 0 0 750 471;" xml:space="preserve"> <g id="vindi-svg-back"> <line class="st0" x1="35.3" y1="10.4" x2="36.7" y2="11" /> </g> <g id="vindi-card-background"> <g id="vindi-page-1_2_"> <g id="vindi-amex_2_"> <path id="vindi-ectangle-1_2_" class="darkcolor greydark" d="M40,0h670c22.1,0,40,17.9,40,40v391c0,22.1-17.9,40-40,40H40c-22.1,0-40-17.9-40-40V40 C0,17.9,17.9,0,40,0z" /> </g> </g> <rect y="61.6" class="st2" width="750" height="78" /> <g> <path class="st3" d="M701.1,249.1H48.9c-3.3,0-6-2.7-6-6v-52.5c0-3.3,2.7-6,6-6h652.1c3.3,0,6,2.7,6,6v52.5 C707.1,246.4,704.4,249.1,701.1,249.1z" /> <rect x="42.9" y="198.6" class="st4" width="664.1" height="10.5" /> <rect x="42.9" y="224.5" class="st4" width="664.1" height="10.5" /> <path class="st5" d="M701.1,184.6H618h-8h-10v64.5h10h8h83.1c3.3,0,6-2.7,6-6v-52.5C707.1,187.3,704.4,184.6,701.1,184.6z" /> </g> <text transform="matrix(1 0 0 1 621.999 227.2734)" id="vindi-svgsecurity" class="st6 st7">985</text> <g class="st8"> <text transform="matrix(1 0 0 1 518.083 280.0879)" class="st9 st6 st10">cvv</text> </g> <rect x="58.1" y="378.6" class="st11" width="375.5" height="13.5" /> <rect x="58.1" y="405.6" class="st11" width="421.7" height="13.5" /> <text transform="matrix(1 0 0 1 59.5073 228.6099)" id="vindi-svgnameback" class="st12 st13">João da Silva</text> </g> </svg>';
+
+        ccFront.insertAdjacentHTML("beforeend", cardFront);
+        ccBack.innerHTML = cardBack;
+
+        //Mask the Credit Card Number Input
+        var ccNumberMask = new VindiVRMask(ccNumber, {
+            mask: [
+                {
+                    mask: '000000000000000',
+                    svgPattern: '0000 000000 00000',
+                    regex: '^3[47]\\d{0,13}',
+                    cardtype: 'american express'
+                },
+                {
+                    mask: '0000000000000000',
+                    svgPattern: '0000 0000 0000 0000',
+                    regex: '^(?:5[1-5][0-9]{2}|222[1-9]|22[3-9][0-9]|2[3-6][0-9]{2}|27[01][0-9]|2720)[0-9]{12}$',
+                    cardtype: 'mastercard'
+                },
+                {
+                    mask: '0000000000000000',
+                    svgPattern: '0000 0000 0000 0000',
+                    regex: '^4\\d{0,15}',
+                    cardtype: 'visa'
+                },
+                {
+                    mask: '0000000000000000',
+                    svgPattern: '0000 0000 0000 0000',
+                    regex: '^((606282)|(637095)|(637568)|(637599)|(637609)|(637612))\\d*$',
+                    cardtype: 'hipercard'
+                },
+                {
+                    mask: '0000000000000000000',
+                    svgPattern: '0000 0000 0000 0000',
+                    regex: '^35(2[8-9]|[3-9])\\d*$',
+                    cardtype: 'jcb'
+                },
+                {
+                    mask: '0000000000000000',
+                    svgPattern: '0000 0000 0000 0000',
+                    regex: '^4011(78|79)|^43(1274|8935)|^45(1416|7393|763(1|2))|' +
+                        '^50(4175|6699|67[0-6][0-9]|677[0-8]|9[0-8][0-9]{2}|99[0-8][0-9]|999[0-9])|^627780|^63(6297|6368|6369)|' +
+                        '^65(0(0(3([1-3]|[5-9])|4([0-9])|5[0-1])|4(0[5-9]|[1-3][0-9]|8[5-9]|9[0-9])|' +
+                        '5([0-2][0-9]|3[0-8]|4[1-9]|[5-8][0-9]|9[0-8])|7(0[0-9]|1[0-8]|2[0-7])|9(0[1-9]|[1-6][0-9]|' +
+                        '7[0-8]))|16(5[2-9]|[6-7][0-9])|50(0[0-9]|1[0-9]|2[1-9]|[3-4][0-9]|5[0-8]))\\d*$',
+                    cardtype: 'elo'
+                },
+                {
+                    mask: '0000000000000000000',
+                    svgPattern: '0000 000000 0000',
+                    regex: '^(3(0[0-5]|095|6|[8-9]))\\d*$',
+                    cardtype: 'diners'
+                },
+                {
+                    mask: '0000000000000000000',
+                    svgPattern: '0000 0000 0000 0000',
+                    cardtype: 'Unknown'
+                }
+            ],
+            dispatch: function (appended, dynamicMasked) {
+                var number = (dynamicMasked.value + appended).replace(/\D/g, '');
+
+                for (var i = 0; i < dynamicMasked.compiledMasks.length; i++) {
+                    let re = new RegExp(dynamicMasked.compiledMasks[i].regex);
+                    if (number.match(re) != null) {
+                        return dynamicMasked.compiledMasks[i];
+                    }
+                }
+            }
+        });
+
+        //Mask the Expiration Date
+        var ccExpDateMask = new VindiVRMask(ccExpDate, {
+            mask: 'MM{/}YY',
+            groups: {
+                YY: new VindiVRMask.MaskedPattern.Group.Range([currentYear, 99]),
+                MM: new VindiVRMask.MaskedPattern.Group.Range([1, 12]),
+            }
+        });
+
+        //Mask the security code
+        var ccCvvMask = new VindiVRMask(ccCvv, {
+            mask: '0000',
+        });
+
+        let amex_single = `<svg id="vindi-layer-amex" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="750" height="471" viewBox="0 0 750 471" enable-background="new 0 0 752 471" xml:space="preserve"><title>Slice 1</title><desc>Created with Sketch.</desc><g><g><path fill="#2557D6" d="M554.594,130.608l-14.521,35.039h29.121L554.594,130.608z M387.03,152.321c2.738-1.422,4.349-4.515,4.349-8.356c0-3.764-1.693-6.49-4.431-7.771c-2.492-1.42-6.328-1.584-10.006-1.584h-25.978v19.523h25.63C380.7,154.134,384.131,154.074,387.03,152.321z M54.142,130.608l-14.357,35.039h28.8L54.142,130.608z M722.565,355.08h-40.742v-18.852h40.578c4.023,0,6.84-0.525,8.537-2.177c1.471-1.358,2.494-3.336,2.494-5.733c0-2.562-1.023-4.596-2.578-5.813c-1.529-1.342-3.76-1.953-7.434-1.953c-19.81-0.67-44.523,0.609-44.523-27.211c0-12.75,8.131-26.172,30.27-26.172h42.025v-17.492h-39.045c-11.783,0-20.344,2.81-26.406,7.181v-7.181h-57.752c-9.233,0-20.074,2.279-25.201,7.181v-7.181H499.655v7.181c-8.207-5.898-22.057-7.181-28.447-7.181H403.18v7.181c-6.492-6.262-20.935-7.181-29.734-7.181h-76.134l-17.42,18.775l-16.318-18.775H149.847v122.675h111.586l17.95-19.076l16.91,19.076l68.78,0.059v-28.859h6.764c9.125,0.145,19.889-0.223,29.387-4.311v33.107h56.731v-31.976h2.736c3.492,0,3.838,0.146,3.838,3.621v28.348h172.344c10.941,0,22.38-2.786,28.712-7.853v7.853h54.668c11.375,0,22.485-1.588,30.938-5.653v-22.853C746.069,351.297,736.079,355.08,722.565,355.08z M372.734,326.113h-26.325v29.488h-41.006L279.425,326.5l-26.997,29.102h-83.569v-87.914h84.855l25.955,28.818l26.835-28.818h67.414c16.743,0,35.555,4.617,35.555,28.963C409.473,321.072,391.176,326.113,372.734,326.113z M499.323,322.127c2.98,4.291,3.41,8.297,3.496,16.047v17.428h-21.182v-10.998c0-5.289,0.512-13.121-3.41-17.209c-3.08-3.149-7.781-3.901-15.48-3.901h-22.545v32.108h-21.198v-87.914h48.706c10.685,0,18.462,0.472,25.386,4.148c6.658,4.006,10.848,9.494,10.848,19.523c-0.002,14.031-9.399,21.19-14.953,23.389C493.684,316.473,497.522,319.566,499.323,322.127z M586.473,285.869h-49.404v15.982h48.197v17.938h-48.197v17.492l49.404,0.078v18.242h-70.414v-87.914h70.414V285.869z M640.686,355.6h-41.09v-18.852h40.926c4.002,0,6.84-0.527,8.619-2.178c1.449-1.359,2.492-3.336,2.492-5.73c0-2.564-1.129-4.598-2.574-5.818c-1.615-1.34-3.842-1.948-7.514-1.948c-19.73-0.673-44.439,0.606-44.439-27.212c0-12.752,8.047-26.174,30.164-26.174h42.297v18.709h-38.703c-3.836,0-6.33,0.146-8.451,1.592c-2.313,1.423-3.17,3.535-3.17,6.322c0,3.316,1.963,5.574,4.615,6.549c2.228,0.771,4.617,0.996,8.211,0.996l11.359,0.308c11.449,0.274,19.313,2.25,24.092,7.069c4.105,4.232,6.311,9.578,6.311,18.625C673.829,346.771,661.963,355.6,640.686,355.6z M751.192,343.838L751.192,343.838L751.192,343.838L751.192,343.838z M477.061,287.287c-2.549-1.508-6.311-1.588-10.066-1.588h-25.979v19.744h25.631c4.104,0,7.594-0.144,10.414-1.812c2.734-1.646,4.371-4.678,4.371-8.438C481.432,291.434,479.795,288.711,477.061,287.287z M712.784,285.697c-3.838,0-6.389,0.145-8.537,1.588c-2.227,1.426-3.081,3.537-3.081,6.326c0,3.315,1.879,5.572,4.612,6.549c2.228,0.771,4.615,0.996,8.129,0.996l11.437,0.303c11.537,0.285,19.242,2.262,23.938,7.08c0.855,0.668,1.369,1.42,1.957,2.174v-25.014h-38.453L712.784,285.697L712.784,285.697z M373.47,285.697h-27.509v22.391h27.265c8.105,0,13.146-4.006,13.149-11.611C386.372,288.789,381.086,285.697,373.47,285.697z M189.872,285.697v15.984h46.315v17.938h-46.315v17.49h51.87l24.1-25.791l-23.076-25.621H189.872L189.872,285.697z M325.321,347.176v-70.482l-32.391,34.673L325.321,347.176z M191.649,206.025v15.148h176.263l-0.082-32.046h3.411c2.39,0.083,3.084,0.302,3.084,4.229v27.818h91.164v-7.461c7.353,3.924,18.789,7.461,33.838,7.461h38.353l8.209-19.522h18.197l8.026,19.522h73.906V202.63l11.189,18.543h59.227V98.59h-58.611v14.477l-8.207-14.477h-60.143v14.477l-7.537-14.477h-81.24c-13.6,0-25.551,1.89-35.207,7.158V98.59h-56.063v7.158c-6.146-5.43-14.519-7.158-23.826-7.158H180.784l-13.742,31.662L152.928,98.59H88.417v14.477L81.329,98.59H26.312L0.763,156.874v46.621l37.779-87.894h31.346l35.88,83.217v-83.217h34.435l27.61,59.625l25.365-59.625h35.126v87.894h-21.625l-0.079-68.837l-30.593,68.837h-18.524l-30.671-68.898v68.898H83.899l-8.106-19.605H31.865l-8.19,19.605H0.762v17.682h36.049l8.128-19.523h18.198l8.106,19.523h70.925V206.25l6.33,14.989h36.819L191.649,206.025z M469.401,125.849c6.818-7.015,17.5-10.25,32.039-10.25h20.424v18.833h-19.996c-7.696,0-12.047,1.14-16.233,5.208c-3.599,3.7-6.066,10.696-6.066,19.908c0,9.417,1.881,16.206,5.801,20.641c3.248,3.478,9.152,4.533,14.705,4.533h9.478l29.733-69.12h31.611l35.719,83.134v-83.133h32.123l37.086,61.213v-61.213h21.611v87.891h-29.898l-39.989-65.968v65.968h-42.968l-8.209-19.605h-43.827l-7.966,19.605h-24.688c-10.254,0-23.238-2.258-30.59-9.722c-7.416-7.462-11.271-17.571-11.271-33.553C458.026,147.182,460.329,135.266,469.401,125.849z M426.006,115.6h21.526v87.894h-21.526V115.6z M328.951,115.6h48.525c10.779,0,18.727,0.285,25.547,4.21c6.674,3.926,10.676,9.658,10.676,19.46c0,14.015-9.393,21.254-14.864,23.429c4.614,1.75,8.559,4.841,10.438,7.401c2.979,4.372,3.492,8.277,3.492,16.126v17.267h-21.279l-0.08-11.084c0-5.29,0.508-12.896-3.33-17.122c-3.082-3.09-7.782-3.763-15.379-3.763H350.05v31.97h-21.098L328.951,115.6L328.951,115.6z M243.902,115.6h70.479v18.303h-49.379v15.843h48.193v18.017h-48.193v17.553h49.379v18.177h-70.479V115.6L243.902,115.6z"/></g></g></svg>`;
+        let visa_single = `<svg id="vindi-layer-visa" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="750px" height="471px" viewBox="0 0 750 471" enable-background="new 0 0 750 471" xml:space="preserve"><title>Slice 1</title><desc>Created with Sketch.</desc><g id="visa" sketch:type="MSLayerGroup"><path id="Shape" sketch:type="MSShapeGroup" fill="#0E4595" d="M278.198,334.228l33.36-195.763h53.358l-33.384,195.763H278.198L278.198,334.228z"/><path id="path13" sketch:type="MSShapeGroup" fill="#0E4595" d="M524.307,142.687c-10.57-3.966-27.135-8.222-47.822-8.222c-52.725,0-89.863,26.551-90.18,64.604c-0.297,28.129,26.514,43.821,46.754,53.185c20.77,9.597,27.752,15.716,27.652,24.283c-0.133,13.123-16.586,19.116-31.924,19.116c-21.355,0-32.701-2.967-50.225-10.274l-6.877-3.112l-7.488,43.823c12.463,5.466,35.508,10.199,59.438,10.445c56.09,0,92.502-26.248,92.916-66.884c0.199-22.27-14.016-39.216-44.801-53.188c-18.65-9.056-30.072-15.099-29.951-24.269c0-8.137,9.668-16.838,30.559-16.838c17.447-0.271,30.088,3.534,39.936,7.5l4.781,2.259L524.307,142.687"/><path id="Path" sketch:type="MSShapeGroup" fill="#0E4595" d="M661.615,138.464h-41.23c-12.773,0-22.332,3.486-27.941,16.234l-79.244,179.402h56.031c0,0,9.16-24.121,11.232-29.418c6.123,0,60.555,0.084,68.336,0.084c1.596,6.854,6.492,29.334,6.492,29.334h49.512L661.615,138.464L661.615,138.464z M596.198,264.872c4.414-11.279,21.26-54.724,21.26-54.724c-0.314,0.521,4.381-11.334,7.074-18.684l3.607,16.878c0,0,10.217,46.729,12.352,56.527h-44.293V264.872L596.198,264.872z"/><path id="path16" sketch:type="MSShapeGroup" fill="#0E4595" d="M232.903,138.464L180.664,271.96l-5.565-27.129c-9.726-31.274-40.025-65.157-73.898-82.12l47.767,171.204l56.455-0.064l84.004-195.386L232.903,138.464"/><path id="path18" sketch:type="MSShapeGroup" fill="#F2AE14" d="M131.92,138.464H45.879l-0.682,4.073c66.939,16.204,111.232,55.363,129.618,102.415l-18.709-89.96C152.877,142.596,143.509,138.896,131.92,138.464"/></g></svg>`;
+        let mastercard_single = `<svg id="vindi-layer-mastercard" xmlns="http://www.w3.org/2000/svg" width="482.51" height="374" viewBox="0 0 482.51 374"> <title>mastercard</title> <g> <path d="M220.13,421.67V396.82c0-9.53-5.8-15.74-15.32-15.74-5,0-10.35,1.66-14.08,7-2.9-4.56-7-7-13.25-7a14.07,14.07,0,0,0-12,5.8v-5h-7.87v39.76h7.87V398.89c0-7,4.14-10.35,9.94-10.35s9.11,3.73,9.11,10.35v22.78h7.87V398.89c0-7,4.14-10.35,9.94-10.35s9.11,3.73,9.11,10.35v22.78Zm129.22-39.35h-14.5v-12H327v12h-8.28v7H327V408c0,9.11,3.31,14.5,13.25,14.5A23.17,23.17,0,0,0,351,419.6l-2.49-7a13.63,13.63,0,0,1-7.46,2.07c-4.14,0-6.21-2.49-6.21-6.63V389h14.5v-6.63Zm73.72-1.24a12.39,12.39,0,0,0-10.77,5.8v-5h-7.87v39.76h7.87V399.31c0-6.63,3.31-10.77,8.7-10.77a24.24,24.24,0,0,1,5.38.83l2.49-7.46a28,28,0,0,0-5.8-.83Zm-111.41,4.14c-4.14-2.9-9.94-4.14-16.15-4.14-9.94,0-16.15,4.56-16.15,12.43,0,6.63,4.56,10.35,13.25,11.6l4.14.41c4.56.83,7.46,2.49,7.46,4.56,0,2.9-3.31,5-9.53,5a21.84,21.84,0,0,1-13.25-4.14l-4.14,6.21c5.8,4.14,12.84,5,17,5,11.6,0,17.81-5.38,17.81-12.84,0-7-5-10.35-13.67-11.6l-4.14-.41c-3.73-.41-7-1.66-7-4.14,0-2.9,3.31-5,7.87-5,5,0,9.94,2.07,12.43,3.31Zm120.11,16.57c0,12,7.87,20.71,20.71,20.71,5.8,0,9.94-1.24,14.08-4.56l-4.14-6.21a16.74,16.74,0,0,1-10.35,3.73c-7,0-12.43-5.38-12.43-13.25S445,389,452.07,389a16.74,16.74,0,0,1,10.35,3.73l4.14-6.21c-4.14-3.31-8.28-4.56-14.08-4.56-12.43-.83-20.71,7.87-20.71,19.88h0Zm-55.5-20.71c-11.6,0-19.47,8.28-19.47,20.71s8.28,20.71,20.29,20.71a25.33,25.33,0,0,0,16.15-5.38l-4.14-5.8a19.79,19.79,0,0,1-11.6,4.14c-5.38,0-11.18-3.31-12-10.35h29.41v-3.31c0-12.43-7.46-20.71-18.64-20.71h0Zm-.41,7.46c5.8,0,9.94,3.73,10.35,9.94H364.68c1.24-5.8,5-9.94,11.18-9.94ZM268.59,401.79V381.91h-7.87v5c-2.9-3.73-7-5.8-12.84-5.8-11.18,0-19.47,8.7-19.47,20.71s8.28,20.71,19.47,20.71c5.8,0,9.94-2.07,12.84-5.8v5h7.87V401.79Zm-31.89,0c0-7.46,4.56-13.25,12.43-13.25,7.46,0,12,5.8,12,13.25,0,7.87-5,13.25-12,13.25-7.87.41-12.43-5.8-12.43-13.25Zm306.08-20.71a12.39,12.39,0,0,0-10.77,5.8v-5h-7.87v39.76H532V399.31c0-6.63,3.31-10.77,8.7-10.77a24.24,24.24,0,0,1,5.38.83l2.49-7.46a28,28,0,0,0-5.8-.83Zm-30.65,20.71V381.91h-7.87v5c-2.9-3.73-7-5.8-12.84-5.8-11.18,0-19.47,8.7-19.47,20.71s8.28,20.71,19.47,20.71c5.8,0,9.94-2.07,12.84-5.8v5h7.87V401.79Zm-31.89,0c0-7.46,4.56-13.25,12.43-13.25,7.46,0,12,5.8,12,13.25,0,7.87-5,13.25-12,13.25-7.87.41-12.43-5.8-12.43-13.25Zm111.83,0V366.17h-7.87v20.71c-2.9-3.73-7-5.8-12.84-5.8-11.18,0-19.47,8.7-19.47,20.71s8.28,20.71,19.47,20.71c5.8,0,9.94-2.07,12.84-5.8v5h7.87V401.79Zm-31.89,0c0-7.46,4.56-13.25,12.43-13.25,7.46,0,12,5.8,12,13.25,0,7.87-5,13.25-12,13.25C564.73,415.46,560.17,409.25,560.17,401.79Z" transform="translate(-132.74 -48.5)"/> <g> <rect x="169.81" y="31.89" width="143.72" height="234.42" fill="#ff5f00"/> <path d="M317.05,197.6A149.5,149.5,0,0,1,373.79,80.39a149.1,149.1,0,1,0,0,234.42A149.5,149.5,0,0,1,317.05,197.6Z" transform="translate(-132.74 -48.5)" fill="#eb001b"/> <path d="M615.26,197.6a148.95,148.95,0,0,1-241,117.21,149.43,149.43,0,0,0,0-234.42,148.95,148.95,0,0,1,241,117.21Z" transform="translate(-132.74 -48.5)" fill="#f79e1b"/> </g> </g></svg>`;
+        let hipercard_single = `<svg id="vindi-layer-hipercard" width="800px" height="620px" viewBox="0 0 780 604.5" enable-background="new 0 0 780 501" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect width="780" height="500" fill="#ffffff"/><path d="m333.56 399.69l-286.53 0.104v-0.69c0-0.379 0.457-2.838 1.015-5.465 0.559-2.626 1.427-6.804 1.931-9.283 0.502-2.479 1.362-6.692 1.909-9.364 1.346-6.527 2.676-13.058 3.989-19.592 0.517-2.576 1.378-6.79 1.916-9.363 0.686-3.293 1.364-6.588 2.037-9.884 0.582-2.86 1.467-7.231 1.967-9.711s1.294-6.303 1.765-8.495c0.47-2.193 1.071-5.158 1.333-6.59 0.263-1.43 1.114-5.645 1.891-9.363 0.654-3.117 1.29-6.238 1.905-9.363 0.271-1.43 1.132-5.645 1.914-9.363 0.781-3.718 1.639-7.932 1.907-9.363 0.268-1.43 1.131-5.644 1.917-9.363 0.788-3.72 1.638-7.854 1.888-9.189 0.252-1.335 0.94-4.768 1.53-7.629 0.589-2.861 1.705-8.245 2.479-11.964 0.775-3.72 2.099-10.196 2.942-14.394 0.845-4.195 1.854-9.188 2.243-11.096 1.143-5.608 2.296-11.215 3.461-16.818 0.574-2.768 1.507-7.293 2.074-10.059 0.568-2.766 1.442-7.057 1.943-9.536s1.356-6.614 1.9-9.19c0.544-2.574 1.48-7.101 2.08-10.057 0.6-2.957 1.605-7.482 2.233-10.057s1.516-5.696 1.974-6.935c0.457-1.241 1.72-3.927 2.806-5.973l1.975-3.717 1.795-2.352c0.986-1.292 2.749-3.335 3.916-4.539s3.135-3.016 4.376-4.026c1.239-1.011 3.034-2.375 3.987-3.031 0.954-0.656 2.827-1.805 4.162-2.553s3.209-1.727 4.162-2.176c0.954-0.449 2.905-1.27 4.335-1.823 1.43-0.552 4.161-1.479 6.068-2.058 1.907-0.58 5.488-1.454 7.957-1.941 2.469-0.488 6.369-1.14 8.67-1.449l4.181-0.562 286.71-0.108 286.71-0.111v0.69c0 0.379-0.46 2.838-1.021 5.464-0.709 3.323-1.405 6.648-2.088 9.977-0.588 2.861-1.441 6.997-1.901 9.19-0.65 3.12-1.295 6.241-1.933 9.363-0.604 2.957-1.532 7.483-2.063 10.057-0.531 2.575-1.392 6.789-1.912 9.363-0.52 2.576-1.386 6.789-1.923 9.363-0.626 3.004-1.244 6.01-1.854 9.018-0.481 2.384-1.353 6.675-1.936 9.536-0.584 2.86-1.521 7.387-2.083 10.057s-1.418 6.806-1.902 9.19c-0.485 2.384-1.356 6.675-1.938 9.535-0.582 2.861-1.517 7.388-2.079 10.059-0.562 2.67-1.398 6.727-1.861 9.016-1.283 6.359-2.575 12.718-3.874 19.074-0.47 2.288-1.307 6.346-1.86 9.016-0.709 3.408-1.411 6.818-2.108 10.23-0.605 2.957-1.471 7.169-1.923 9.364-0.454 2.192-1.301 6.327-1.885 9.188-0.684 3.354-1.371 6.705-2.063 10.057-0.551 2.671-1.415 6.885-1.921 9.365-0.504 2.479-1.383 6.771-1.95 9.535-0.568 2.766-1.497 7.291-2.062 10.057-0.566 2.766-1.414 6.902-1.885 9.191-0.642 3.119-1.278 6.24-1.912 9.362-0.683 3.343-1.383 6.683-2.102 10.019l-1.044 4.817-1.244 3.332c-0.684 1.833-1.713 4.269-2.287 5.414-0.571 1.144-1.738 3.163-2.592 4.487-0.854 1.322-2.044 3.018-2.644 3.767-0.601 0.749-2.407 2.683-4.018 4.299l-2.923 2.935-2.814 2c-1.548 1.101-3.217 2.22-3.705 2.486-0.49 0.268-2.355 1.221-4.146 2.115-1.789 0.896-4.317 2.037-5.617 2.534-1.3 0.499-3.875 1.346-5.722 1.883-1.847 0.539-3.827 1.069-4.398 1.179-0.573 0.109-2.559 0.52-4.414 0.914-1.855 0.393-5.601 0.979-8.322 1.303l-4.95 0.59-286.53 0.1zm-101.94-74.115h7.456l0.21-0.549c0.117-0.302 0.211-1.011 0.211-1.576s0.246-2.619 0.547-4.565c0.3-1.948 1.004-6.427 1.566-9.955 0.561-3.529 1.401-8.835 1.867-11.791 0.443-2.8 0.864-5.604 1.265-8.41 0.229-1.669 0.508-3.034 0.621-3.034 0.112 0 0.594 0.737 1.071 1.639l0.866 1.639 1.922 1.938 1.923 1.937 2.366 0.948 2.367 0.947 2.82 0.365 2.821 0.365 3.579-0.219 3.58-0.221 3.876-1.002 3.877-1.005 2.08-0.948c1.145-0.522 3.173-1.662 4.508-2.531l2.428-1.581 2.263-2.263c1.245-1.242 3.001-3.238 3.901-4.434 0.902-1.193 1.639-2.258 1.639-2.364s0.443-0.846 0.984-1.644c0.541-0.797 1.647-3.012 2.459-4.918 0.813-1.907 2.081-5.34 2.821-7.629l1.344-4.162 0.695-3.604c0.382-1.982 0.874-5.26 1.093-7.283l0.397-3.678-0.23-3.121-0.229-3.121-0.725-3.121-0.723-3.121-1.172-2.336-1.171-2.338-2.263-2.398-2.262-2.398-2.677-1.384-2.677-1.383-2.948-0.707-2.948-0.705-2.948-0.216-2.947-0.217-3.283 0.377-3.285 0.378-2.679 0.685-2.68 0.684-2.329 1.078c-1.28 0.592-3.144 1.599-4.14 2.236-0.997 0.639-2.026 1.371-2.286 1.63-0.259 0.259-0.882 0.74-1.382 1.066l-0.911 0.597 0.636-3.047c0.351-1.675 0.643-3.24 0.651-3.48l0.014-0.433h-12.716l-1.114 7.022c-0.614 3.863-1.582 9.832-2.152 13.266-1.257 7.574-2.529 15.145-3.816 22.714-0.567 3.337-1.504 8.644-2.083 11.791s-1.426 7.751-1.884 10.231c-0.457 2.479-1.319 7.16-1.913 10.402-0.701 3.816-1.409 7.631-2.124 11.444-0.677 3.586-1.369 7.169-2.074 10.75-0.568 2.86-1.116 5.554-1.221 5.981l-0.189 0.781h7.457v1e-3zm32.1-40.095l-2.895 0.175-1.892-0.336-1.893-0.334-1.922-0.877-1.923-0.878-1.342-1.282-1.343-1.281-0.775-1.734c-0.427-0.954-0.974-2.574-1.217-3.602l-0.442-1.865 0.177-2.989 0.178-2.987 0.893-4.683c0.674-3.579 1.328-7.163 1.96-10.75 0.587-3.338 1.477-8.229 1.976-10.869l0.907-4.8 1.988-1.654c1.094-0.908 2.826-2.129 3.85-2.709l1.86-1.056 2.427-0.751 2.428-0.752 3.121-0.184 3.121-0.183 2.542 0.542 2.541 0.541 1.794 0.826 1.793 0.826 1.504 1.512 1.505 1.512 0.81 1.602c0.447 0.881 1.074 2.604 1.393 3.83l0.581 2.229-0.178 6.59-0.178 6.59-0.89 3.895c-0.49 2.142-1.422 5.419-2.072 7.281l-1.181 3.389-1.448 2.742c-0.796 1.509-2.023 3.547-2.727 4.529s-1.827 2.258-2.495 2.83c-0.809 0.688-1.637 1.352-2.484 1.991l-1.271 0.949-2.943 1.001-2.943 1.001-2.895 0.173zm72.011 9.534l3.815 0.044 3.813-0.348c2.1-0.191 5.532-0.59 7.629-0.887 2.1-0.295 5.724-0.957 8.056-1.469l4.239-0.933 0.212-1.564c0.115-0.858 0.592-3.417 1.058-5.685l0.847-4.125-0.188-0.186-0.187-0.187-1.296 0.625c-0.713 0.344-2.934 1.166-4.934 1.825l-3.638 1.197-3.818 0.741-3.818 0.739-6.068 0.013-6.069 0.011-2.081-0.664c-1.144-0.365-2.827-1.033-3.74-1.486l-1.659-0.821-1.369-1.237-1.37-1.238-1.069-1.867-1.069-1.869-0.67-2.342-0.67-2.344-4e-3 -4.336-5e-3 -4.336 0.594-3.867 0.597-3.869 5.218-0.244 5.218-0.244 19.291 0.125 19.29 0.123 0.582-2.47c0.321-1.359 0.811-4.168 1.089-6.242l0.506-3.772 0.011-3.172 0.012-3.173-0.549-2.368-0.551-2.369-0.908-1.567c-0.498-0.862-1.38-2.112-1.955-2.778-0.576-0.665-1.605-1.604-2.286-2.084-0.683-0.48-2.02-1.29-2.974-1.797l-1.733-0.922-3.029-0.73-3.03-0.729-3.731-0.357-3.734-0.356-3.467 0.226-3.468 0.225-4.162 0.8-4.161 0.8-2.602 1.039c-1.431 0.57-3.615 1.615-4.854 2.318-1.24 0.703-2.956 1.847-3.813 2.541-0.86 0.696-2.347 2.049-3.304 3.006-0.958 0.957-2.376 2.676-3.148 3.82-0.774 1.146-1.96 3.174-2.638 4.508-0.676 1.336-1.557 3.209-1.958 4.162-0.399 0.953-1.129 2.904-1.617 4.334-0.49 1.432-1.26 4.162-1.709 6.07-0.53 2.311-0.988 4.637-1.373 6.977l-0.554 3.51 6e-3 5.16 6e-3 5.16 0.526 2.254c0.289 1.24 0.845 3.113 1.231 4.162s1.104 2.609 1.593 3.468 1.532 2.239 2.318 3.071c0.785 0.83 2.21 2.092 3.164 2.801 0.952 0.709 2.65 1.709 3.771 2.219l2.039 0.928 2.843 0.688c1.563 0.378 3.923 0.826 5.244 0.996 1.317 0.165 4.114 0.325 6.212 0.348zm6.531-48.853c-9.6 0-17.455-0.068-17.455-0.153 0-0.083 0.41-1.293 0.911-2.688 0.5-1.394 1.38-3.468 1.953-4.609l1.045-2.077 2.293-2.281 2.294-2.283 2.255-1.077c1.239-0.593 2.878-1.238 3.641-1.435 0.764-0.196 2.947-0.456 4.854-0.577l3.469-0.223 2.664 0.343 2.662 0.342 1.936 0.886 1.936 0.887 1.062 1.145c0.583 0.629 1.278 1.557 1.546 2.059l0.483 0.916 0.32 2.033 0.321 2.031-0.367 3.381-0.366 3.383h-17.457v-3e-3zm103.75 48.855l3.817 0.042 4.332-0.514c2.383-0.282 5.555-0.75 7.05-1.041 1.806-0.363 3.599-0.789 5.375-1.275 1.462-0.414 2.785-0.861 2.939-0.993 0.155-0.133 0.567-1.706 0.918-3.497s0.792-4.192 0.981-5.337c0.188-1.145 0.286-2.142 0.217-2.217-0.07-0.075-0.325 0.022-0.568 0.214-0.243 0.194-1.944 0.91-3.781 1.592l-3.339 1.24-4.756 0.921-4.756 0.921-4.042-0.137-4.043-0.138-2.297-0.798-2.297-0.797-1.774-1.551-1.773-1.553-1.178-2.145-1.177-2.143-0.562-2.869-0.561-2.867 5e-3 -3.721 3e-3 -3.721 0.681-4.508 0.682-4.51 0.721-2.428c0.396-1.335 0.846-2.895 0.997-3.467 0.152-0.573 0.787-2.211 1.413-3.643 0.625-1.43 1.741-3.641 2.479-4.912l1.342-2.312 1.649-1.709 1.648-1.709 1.745-1.082 1.747-1.083 2.242-0.691c1.233-0.379 3.413-0.873 4.843-1.094l2.602-0.406 3.813 0.191 3.815 0.191 4.508 0.902 4.509 0.901 1.833 0.685c1.008 0.375 1.877 0.685 1.932 0.685 0.054 0 0.296-1.288 0.537-2.862 0.242-1.572 0.672-4.162 0.956-5.752 0.285-1.592 0.449-2.962 0.364-3.045-0.083-0.084-1.438-0.299-3.01-0.479-1.573-0.178-5.848-0.496-9.498-0.707l-6.639-0.381-4.683 0.358-4.681 0.36-3.469 0.728-3.468 0.729-2.233 0.893c-1.229 0.491-3.027 1.378-3.998 1.971-0.931 0.566-1.846 1.156-2.745 1.77-0.54 0.382-2.176 1.87-3.638 3.309l-2.655 2.613-1.484 2.172c-0.814 1.195-2.225 3.686-3.134 5.536l-1.652 3.364-1.267 3.64c-0.696 2.003-1.669 5.28-2.16 7.283l-0.895 3.642-0.325 3.295-0.324 3.295 3e-3 4.334 4e-3 4.334 0.327 2.522 0.327 2.522 1.039 2.594 1.038 2.594 1.201 1.875 1.198 1.875 1.907 1.878 1.909 1.877 2.017 1.068 2.02 1.065 2.65 0.737c1.457 0.404 3.564 0.869 4.682 1.032s3.748 0.316 5.848 0.339h-3e-3zm57.044-0.128l4.681-0.135 2.948-0.754 2.948-0.756 1.908-0.9c1.049-0.495 2.765-1.475 3.813-2.176 1.05-0.7 2.675-2.032 3.609-2.959 0.935-0.928 2.322-2.51 3.082-3.517s1.428-1.784 1.483-1.728c0.058 0.056-0.118 1.658-0.389 3.562-0.269 1.905-0.493 4.438-0.497 5.631l-6e-3 2.166h12.729l0.194-4.94 0.194-4.942 0.908-6.416c0.5-3.529 1.307-8.757 1.794-11.617 0.485-2.86 1.331-7.697 1.879-10.75 0.547-3.053 1.414-7.812 1.925-10.578l0.932-5.027 0.032-4.344 0.03-4.344-0.981-2.007-0.982-2.008-1.331-1.278-1.333-1.279-2.185-1.106-2.188-1.108-3.259-0.726-3.259-0.726-4.486-0.34-4.487-0.342-5.778 0.358c-3.181 0.196-7.652 0.584-9.941 0.862l-4.162 0.505-2.836 0.011-2.836 0.011-0.413 1.995c-0.227 1.096-0.858 3.701-1.401 5.79-0.545 2.088-0.938 3.847-0.877 3.908s1.578-0.283 3.37-0.765c1.792-0.483 5.601-1.275 8.462-1.764l5.201-0.886 4.682-0.192 4.682-0.193 3.016 0.529 3.017 0.528 2.012 0.993 2.013 0.994 1.127 1.68 1.128 1.68-0.016 2.647-0.017 2.649-0.598 2.905-0.598 2.907-12.479 0.045-12.478 0.044-4.083 1.12c-2.246 0.616-4.733 1.434-5.527 1.816-0.794 0.385-1.588 0.699-1.765 0.699-0.176 0-1.512 0.739-2.969 1.646l-2.648 1.645-2.085 2.082c-1.148 1.146-2.613 2.862-3.257 3.816-0.645 0.953-1.691 2.945-2.325 4.427l-1.154 2.693-0.529 3.028-0.53 3.028v6.355l0.505 2.646 0.507 2.646 0.938 1.725c0.517 0.948 1.466 2.339 2.106 3.089l1.168 1.364 2.073 1.26 2.074 1.261 2.375 0.67c1.306 0.369 3.293 0.817 4.417 0.996l2.042 0.321 4.682-0.134h-1e-3zm4.335-9.699l-2.774 0.146-1.838-0.469c-1.01-0.257-2.544-0.83-3.407-1.274l-1.569-0.808-0.858-1.019c-0.471-0.562-1.19-1.661-1.6-2.446l-0.743-1.428-0.145-3.333-0.147-3.334 0.588-2.022c0.323-1.111 1.082-3.043 1.687-4.289l1.098-2.267 2.104-2.087 2.102-2.088 2.232-1.075 2.231-1.073 2.774-0.66 2.774-0.66h17.34l0.549 0.228 0.548 0.226-0.461 2.723c-0.254 1.496-0.859 4.203-1.347 6.015-0.485 1.813-1.344 4.476-1.906 5.919-0.563 1.444-1.024 2.721-1.024 2.836 0 0.117-0.57 1.168-1.267 2.338l-1.267 2.127-2.079 2.061c-1.143 1.132-2.206 2.059-2.359 2.059s-0.854 0.392-1.558 0.868l-1.277 0.866-2.813 0.891-2.812 0.889-2.776 0.14zm112.88 9.822l3.294 0.042 3.122-0.507c1.717-0.278 3.901-0.727 4.855-0.997 0.953-0.271 2.671-0.97 3.813-1.556l2.082-1.066 1.79-1.576 1.789-1.576 1.886-2.513c1.037-1.383 1.976-2.748 2.086-3.035l0.201-0.521-0.175 1.734c-0.124 1.161-0.284 2.317-0.479 3.469-0.169 0.953-0.407 2.787-0.533 4.074l-0.23 2.34h13.606v-4.681l1.036-8.844c0.569-4.864 1.413-11.339 1.873-14.392s1.171-7.42 1.58-9.709c0.406-2.289 1.13-6.426 1.604-9.19 0.476-2.765 1.334-7.604 1.908-10.75 0.573-3.148 1.492-8.142 2.041-11.097 0.548-2.957 1.401-7.562 1.895-10.231s1.377-7.353 1.964-10.403c0.615-3.184 1.25-6.363 1.906-9.537 0.462-2.192 0.839-4.105 0.838-4.248v-0.261h-14.844l-0.219 2.168c-0.12 1.192-0.689 5.132-1.262 8.757-0.681 4.279-1.374 8.556-2.08 12.83-0.411 2.466-0.817 4.932-1.22 7.399l-0.186 1.155-0.585-0.248c-0.322-0.137-2.069-0.622-3.88-1.077l-3.294-0.827-4.508-0.352-4.51-0.351-3.814 0.354-3.814 0.356-3.468 0.877-3.468 0.876-3.294 1.607-3.296 1.607-2.428 1.795-2.427 1.797-2.097 2.25c-1.153 1.235-2.818 3.281-3.702 4.543l-1.604 2.297-1.886 3.922c-1.036 2.158-2.298 5.015-2.803 6.35-0.506 1.336-1.396 4.295-1.981 6.577l-1.061 4.15-0.523 5.388-0.522 5.387 0.392 4.334 0.395 4.336 0.463 1.56c0.257 0.858 0.794 2.388 1.196 3.397l0.732 1.84 1.335 1.806 1.336 1.808 1.524 1.248 1.523 1.249 2.081 1.034c1.146 0.566 3.064 1.302 4.267 1.631 1.2 0.329 3.151 0.725 4.335 0.878 1.183 0.156 3.632 0.301 5.445 0.323zm5.913-9.837l-2.619 0.137-1.766-0.317c-0.972-0.175-2.527-0.645-3.457-1.043l-1.689-0.723-1.422-1.166-1.421-1.164-1.056-2.023-1.057-2.022-0.482-2.254-0.48-2.255 0.041-4.508 0.04-4.508 0.56-3.989 0.559-3.987 0.869-2.773c0.479-1.526 0.872-2.967 0.874-3.201 4e-3 -0.232 0.474-1.48 1.049-2.772 0.672-1.495 1.382-2.973 2.13-4.431 0.599-1.145 1.717-2.928 2.483-3.965 0.769-1.035 2.138-2.596 3.042-3.469 0.904-0.869 2.341-2.014 3.196-2.539l1.552-0.955 2.727-0.943 2.727-0.944 5.722-3e-3h5.722l3.294 0.915c1.813 0.502 3.737 1.085 4.276 1.295l0.981 0.382-0.191 0.951c-0.104 0.524-0.518 2.825-0.916 5.113-0.398 2.289-1.184 6.659-1.745 9.711s-1.423 7.656-1.916 10.23c-0.492 2.574-1.205 5.852-1.585 7.281-0.39 1.47-0.786 2.938-1.189 4.403-0.275 0.991-0.93 2.709-1.454 3.815-0.525 1.106-1.444 2.715-2.042 3.572-0.599 0.858-1.608 2.049-2.246 2.643-0.639 0.596-2.02 1.652-3.068 2.349l-1.907 1.269-2.757 0.875-2.757 0.875-2.622 0.138zm-510.38 8.149h8.425l0.605-3.727c0.332-2.051 0.982-5.992 1.443-8.757l1.907-11.444c0.588-3.529 1.47-8.757 1.959-11.617 0.489-2.861 1.267-7.299 1.727-9.861 0.461-2.565 0.926-4.75 1.032-4.856l0.195-0.194h45.313l0.252 0.252 0.252 0.252-0.394 2.002c-0.215 1.102-0.854 4.498-1.419 7.551-0.565 3.052-1.515 8.201-2.112 11.445-0.627 3.412-1.265 6.821-1.914 10.229-0.458 2.384-1.384 7.377-2.058 11.097-0.673 3.719-1.223 6.957-1.221 7.196l4e-3 0.433h16.921l0.374-2.166c0.207-1.192 0.537-3.338 0.737-4.769 0.198-1.431 0.679-4.476 1.066-6.763 0.387-2.288 1.16-6.815 1.719-10.057 0.558-3.242 1.494-8.783 2.078-12.312s1.45-8.679 1.926-11.443c0.602-3.472 1.229-6.94 1.88-10.403 0.559-2.957 1.491-7.95 2.071-11.099 0.58-3.146 1.447-7.905 1.929-10.577 0.482-2.67 1.36-7.508 1.952-10.75s1.339-7.025 1.66-8.41l0.584-2.514h-17.133l-0.233 1.648c-0.127 0.904-0.541 3.441-0.919 5.635-0.379 2.193-1.065 6.094-1.527 8.669-0.462 2.576-1.306 7.491-1.876 10.925-0.559 3.363-1.097 6.729-1.614 10.1l-0.578 3.856-12.575 0.255-12.576 0.254-10.532-0.25c-5.793-0.137-10.565-0.277-10.605-0.31-0.039-0.034 0.158-1.381 0.438-2.995 0.369-2.081 0.762-4.157 1.179-6.229 0.532-2.656 1.049-5.315 1.55-7.978 0.485-2.574 1.033-5.772 1.22-7.108 0.186-1.334 0.577-3.559 0.868-4.942 0.291-1.382 0.843-4.295 1.227-6.472 0.383-2.178 0.792-4.207 0.909-4.508l0.21-0.551h-16.995l-0.543 3.035c-0.3 1.669-0.699 4.048-0.887 5.288-0.189 1.239-0.822 5.219-1.407 8.843s-1.449 9.008-1.92 11.964l-1.903 11.964c-0.669 4.168-1.375 8.329-2.116 12.484-0.617 3.412-1.246 6.822-1.887 10.23-0.451 2.385-1.31 6.91-1.91 10.058-0.629 3.298-1.278 6.593-1.945 9.884-0.47 2.288-0.989 4.941-1.153 5.895-0.166 0.953-0.702 3.705-1.194 6.113-0.491 2.407-0.893 4.631-0.893 4.941v0.562h8.427v2e-3zm93.278 0h7.459l0.21-0.548c0.117-0.303 0.211-1.094 0.211-1.758 0-0.666 0.47-4.126 1.042-7.688 1.309-8.118 2.65-16.23 4.024-24.338 0.589-3.416 1.208-6.826 1.859-10.23 0.552-2.86 1.4-7.309 1.884-9.882 0.483-2.575 1.435-7.474 2.114-10.888 0.679-3.412 1.319-6.341 1.422-6.508l0.189-0.305-7.543 0.093-7.543 0.093-0.63 4.51c-0.344 2.479-1.1 7.396-1.678 10.923-0.577 3.528-1.451 8.914-1.942 11.964-0.594 3.648-1.228 7.29-1.9 10.925-0.555 2.956-1.405 7.481-1.89 10.056-0.484 2.576-1.353 7.102-1.931 10.058-0.578 2.957-1.353 6.858-1.723 8.67-0.371 1.813-0.768 3.646-0.884 4.075l-0.209 0.779h7.459v-1e-3zm174.46 0h7.403l0.223-3.133c0.123-1.722 0.541-5.195 0.931-7.716s1.189-7.548 1.774-11.171c0.74-4.48 1.546-8.949 2.418-13.406 0.746-3.748 1.587-7.474 1.871-8.279s0.517-1.678 0.517-1.938c0-0.263 0.557-1.687 1.237-3.165 0.68-1.479 1.947-3.743 2.817-5.032l1.581-2.344 2.115-1.96 2.116-1.958 2.608-1.246 2.609-1.247 3.989 0.021 3.986 0.021 1.961 0.585c1.078 0.322 2.054 0.586 2.167 0.586 0.114 0 0.207-0.368 0.207-0.819 0-0.449 0.391-2.733 0.867-5.075 0.477-2.341 0.867-4.355 0.867-4.476s-1.131-0.564-2.514-0.984-3.295-0.86-4.248-0.979l-1.734-0.214-2.254 0.398c-1.24 0.22-3.083 0.703-4.096 1.076-1.015 0.373-2.688 1.217-3.72 1.877-1.03 0.66-2.636 1.946-3.564 2.857-0.931 0.912-2.495 2.751-3.477 4.086-0.764 1.037-1.524 2.078-2.28 3.121l-0.496 0.693 0.301-1.387c0.166-0.764 0.628-3.261 1.026-5.549 0.397-2.289 0.809-4.436 0.908-4.768l0.186-0.608h-13.226v0.837c0 0.459-0.391 3.229-0.866 6.154-0.478 2.928-1.265 7.816-1.748 10.869-0.484 3.052-1.345 8.357-1.91 11.791-0.604 3.646-1.24 7.288-1.911 10.923-1.305 6.942-2.64 13.878-4.005 20.808-0.584 2.957-1.283 6.447-1.552 7.76-0.271 1.31-0.491 2.519-0.491 2.686v0.305h7.407zm175.76 0h7.57v-4.634l0.871-5.746c0.481-3.159 1.272-8.165 1.761-11.12 0.487-2.957 1.095-6.701 1.35-8.324 0.256-1.62 0.933-5.131 1.503-7.801 0.573-2.672 1.286-5.558 1.587-6.416 0.302-0.858 0.549-1.76 0.552-2.002 5e-3 -0.242 0.649-1.8 1.435-3.462l1.429-3.022 1.887-2.506 1.885-2.504 2.062-1.551c1.134-0.854 2.959-1.984 4.056-2.516l1.991-0.965 4.334 0.029 4.335 0.031 1.707 0.547 1.706 0.549 0.288-0.179 0.287-0.178 0.017-1.106c7e-3 -0.608 0.378-2.873 0.823-5.033l0.812-3.926-0.912-0.356c-0.874-0.323-1.756-0.624-2.646-0.902l-1.733-0.547-3.121 9e-3 -3.121 8e-3 -2.544 0.896-2.544 0.894-1.91 1.152-1.909 1.152-2.483 2.601-2.483 2.601-1.334 2.018c-0.733 1.109-1.379 1.968-1.435 1.907-0.057-0.061 0.343-2.373 0.886-5.138 0.543-2.767 0.995-5.381 1.003-5.81l0.015-0.781h-12.831v0.222c0 0.121-0.319 2.346-0.711 4.941-0.391 2.598-1.177 7.608-1.744 11.137-0.682 4.221-1.373 8.44-2.072 12.658-0.608 3.646-1.247 7.288-1.915 10.924-0.481 2.574-1.336 7.101-1.9 10.057-0.563 2.957-1.49 7.717-2.058 10.578l-1.673 8.408-0.641 3.207h7.568zm-335.55-84.623l2.104 8e-3 1.674-0.57 1.675-0.57 1.481-1.503 1.482-1.502 0.779-2.003 0.781-2.002 0.027-2.948 0.028-2.946-0.693-1.151-0.694-1.151-1.207-0.746-1.208-0.748h-5.214l-1.775 0.795-1.775 0.793-1.03 1.104-1.03 1.104-0.81 1.908-0.809 1.906-0.153 2.971-0.152 2.971 0.752 1.478 0.754 1.476 1.454 0.66 1.453 0.659 2.106 7e-3z" fill="#B3131B"/></svg>`;
+        let elo_single = `<svg id="vindi-layer-elo" width="800px" height="620px" viewBox="0 0 58 44.95" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="57" height="39" rx="3.5" fill="white" stroke="#F3F3F3"/><path d="M12.207 15.0056C12.7492 14.828 13.3292 14.7316 13.9327 14.7316C16.5666 14.7316 18.7636 16.5648 19.2676 19L23 18.2543C22.1436 14.1155 18.4099 11 13.9327 11C12.9077 11 11.921 11.1636 11 11.465L12.207 15.0056Z" fill="#FFF200"/><path d="M7.76523 27L10 24.1179C9.00246 23.1101 8.37286 21.6388 8.37286 19.9988C8.37286 18.3601 9.00188 16.8888 9.99912 15.8818L7.76318 13C6.06816 14.7122 5 17.2132 5 19.9988C5 22.7859 6.06972 25.2878 7.76523 27" fill="#00A4E0"/><path d="M19.2688 21C18.7631 23.4348 16.5674 25.2657 13.9359 25.2657C13.3321 25.2657 12.751 25.169 12.2087 24.9909L11 28.5333C11.9225 28.8362 12.9094 29 13.9359 29C18.409 29 22.1402 25.8866 23 21.7494L19.2688 21Z" fill="#EF4123"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40.9576 13V23.2425L42.7978 23.9792L41.9272 25.9994L40.1074 25.2688C39.6982 25.0974 39.4213 24.8363 39.2109 24.5414C39.0089 24.2396 38.8591 23.8272 38.8591 23.2707V13H40.9576ZM27.0007 20.6125C27.0464 17.6835 29.5438 15.3454 32.5742 15.3902C35.1462 15.4292 37.2773 17.1692 37.837 19.4835L27.8893 23.59C27.3114 22.7367 26.983 21.7103 27.0007 20.6125ZM29.2768 21.0232C29.2632 20.9003 29.2535 20.7743 29.2572 20.6471C29.2857 18.9214 30.756 17.5444 32.5414 17.573C33.5133 17.5855 34.3762 18.0154 34.9595 18.6806L29.2768 21.0232ZM34.7501 22.9248C34.1505 23.488 33.3375 23.8312 32.4398 23.8189C31.8245 23.809 31.2544 23.631 30.7696 23.3346L29.5679 25.184C30.3909 25.6865 31.3613 25.9838 32.4075 25.9994C33.9304 26.0213 35.3184 25.4435 36.3277 24.4894L34.7501 22.9248ZM48.6164 17.573C48.258 17.573 47.9135 17.6289 47.5916 17.7333L46.8755 15.6608C47.4221 15.4846 48.0073 15.3888 48.6164 15.3888C51.2743 15.3888 53.4916 17.2124 54 19.6347L51.7834 20.0711C51.4847 18.6455 50.1803 17.573 48.6164 17.573ZM44.977 24.6683L46.4748 23.0325C45.8059 22.4605 45.3846 21.6251 45.3846 20.6939C45.3846 19.7637 45.8059 18.9288 46.4742 18.3572L44.9753 16.7213C43.839 17.6933 43.1231 19.1135 43.1231 20.6939C43.1231 22.2763 43.8396 23.696 44.977 24.6683ZM48.6164 23.8161C50.1788 23.8161 51.483 22.7444 51.7834 21.3209L53.9994 21.7592C53.4885 24.1789 51.2719 26 48.6164 26C48.0068 26 47.4208 25.9039 46.8728 25.7268L47.5906 23.6551C47.913 23.7592 48.2577 23.8161 48.6164 23.8161Z" fill="#000000"/></svg>`;
+        let diners_single = `<svg id="vindi-layer-diners" width="483px" height="375px" viewBox="0 -1.5 35 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path x="0.5" y="0.5" width="57" height="39" rx="3.5" fill="white" stroke="#F3F3F3" d="M2.413 0.302H32.576A2.111 2.111 0 0 1 34.687 2.413V21.717A2.111 2.111 0 0 1 32.576 23.828H2.413A2.111 2.111 0 0 1 0.302 21.717V2.413A2.111 2.111 0 0 1 2.413 0.302z" stroke-width="0.6032500000000001"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.328 14.602c0 -0.474 -0.247 -0.442 -0.484 -0.447v-0.137c0.205 0.01 0.416 0.01 0.621 0.01 0.221 0 0.521 -0.01 0.91 -0.01 1.363 0 2.105 0.91 2.105 1.842 0 0.521 -0.305 1.831 -2.168 1.831 -0.268 0 -0.516 -0.011 -0.763 -0.011 -0.236 0 -0.469 0.005 -0.705 0.011v-0.137c0.315 -0.032 0.469 -0.042 0.484 -0.4zm0.516 2.467c0 0.406 0.29 0.452 0.548 0.452 1.137 0 1.51 -0.857 1.51 -1.641 0 -0.984 -0.632 -1.695 -1.647 -1.695 -0.217 0 -0.316 0.016 -0.411 0.021z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.665 17.554h0.1c0.147 0 0.253 0 0.253 -0.174v-1.425c0 -0.232 -0.078 -0.264 -0.274 -0.368v-0.084c0.247 -0.074 0.542 -0.174 0.563 -0.189a0.181 0.181 0 0 1 0.095 -0.027c0.025 0 0.036 0.031 0.036 0.074v2.02c0 0.174 0.116 0.174 0.264 0.174h0.089v0.137c-0.179 0 -0.364 -0.011 -0.553 -0.011a20.511 20.511 0 0 0 -0.573 0.011zm0.563 -3.078a0.27 0.27 0 0 1 -0.258 -0.263c0 -0.132 0.127 -0.253 0.258 -0.253 0.136 0 0.258 0.111 0.258 0.253a0.263 0.263 0 0 1 -0.258 0.263" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.291 15.986c0 -0.194 -0.059 -0.247 -0.305 -0.347v-0.1c0.226 -0.074 0.442 -0.142 0.694 -0.253 0.016 0 0.031 0.011 0.031 0.053v0.342c0.3 -0.215 0.558 -0.395 0.911 -0.395 0.447 0 0.605 0.326 0.605 0.737v1.357c0 0.174 0.116 0.174 0.263 0.174h0.095v0.137c-0.185 0 -0.369 -0.011 -0.558 -0.011q-0.285 0.001 -0.569 0.011v-0.137h0.095c0.148 0 0.252 0 0.252 -0.174v-1.362c0 -0.3 -0.183 -0.448 -0.483 -0.448 -0.169 0 -0.437 0.136 -0.611 0.253v1.556c0 0.174 0.116 0.174 0.264 0.174h0.095v0.137c-0.184 0 -0.368 -0.011 -0.558 -0.011q-0.284 0.001 -0.568 0.011v-0.137h0.095c0.147 0 0.253 0 0.253 -0.174z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.986 16.238c-0.011 0.048 -0.011 0.127 0 0.305 0.03 0.5 0.352 0.91 0.773 0.91 0.29 0 0.516 -0.158 0.711 -0.352l0.074 0.074c-0.242 0.321 -0.542 0.595 -0.973 0.595 -0.837 0 -1.005 -0.811 -1.005 -1.147 0 -1.032 0.694 -1.337 1.062 -1.337 0.427 0 0.885 0.268 0.89 0.826 0 0.031 0 0.063 -0.005 0.095l-0.047 0.031zm0.931 -0.169c0.132 0 0.147 -0.068 0.147 -0.132 0 -0.268 -0.163 -0.484 -0.458 -0.484 -0.32 0 -0.542 0.236 -0.604 0.615z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.638 17.554h0.142c0.147 0 0.252 0 0.252 -0.174v-1.478c0 -0.163 -0.194 -0.195 -0.273 -0.237v-0.078c0.384 -0.163 0.595 -0.3 0.642 -0.3 0.031 0 0.047 0.016 0.047 0.069v0.474h0.011c0.131 -0.205 0.352 -0.543 0.673 -0.543 0.132 0 0.3 0.09 0.3 0.279 0 0.142 -0.1 0.269 -0.247 0.269 -0.163 0 -0.163 -0.127 -0.347 -0.127 -0.089 0 -0.384 0.121 -0.384 0.437v1.237c0 0.174 0.106 0.174 0.253 0.174h0.294v0.137c-0.29 -0.006 -0.51 -0.011 -0.736 -0.011 -0.216 0 -0.437 0.005 -0.626 0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.664 16.959c0.068 0.347 0.278 0.642 0.664 0.642 0.309 0 0.425 -0.189 0.425 -0.373 0 -0.621 -1.147 -0.421 -1.147 -1.268 0 -0.296 0.237 -0.674 0.816 -0.674 0.168 0 0.395 0.048 0.6 0.153l0.037 0.537h-0.121c-0.053 -0.332 -0.237 -0.521 -0.574 -0.521 -0.211 0 -0.41 0.121 -0.41 0.347 0 0.616 1.22 0.426 1.22 1.252 0 0.347 -0.279 0.716 -0.905 0.716 -0.211 0 -0.458 -0.074 -0.642 -0.179l-0.059 -0.605z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.925 14.97h-0.132c-0.1 -0.615 -0.537 -0.863 -1.126 -0.863 -0.606 0 -1.484 0.405 -1.484 1.668 0 1.064 0.758 1.827 1.568 1.827 0.52 0 0.953 -0.358 1.057 -0.911l0.121 0.031 -0.121 0.769c-0.221 0.137 -0.816 0.279 -1.164 0.279 -1.231 0 -2.009 -0.795 -2.009 -1.979 0 -1.079 0.963 -1.853 1.994 -1.853 0.426 0 0.836 0.138 1.241 0.279z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.115 17.554h0.1c0.148 0 0.253 0 0.253 -0.174v-2.93c0 -0.343 -0.078 -0.353 -0.279 -0.411v-0.084c0.211 -0.068 0.432 -0.163 0.543 -0.226 0.057 -0.031 0.1 -0.059 0.115 -0.059 0.032 0 0.042 0.032 0.042 0.075v3.635c0 0.174 0.116 0.174 0.264 0.174h0.089v0.137c-0.179 0 -0.363 -0.011 -0.553 -0.011 -0.189 0 -0.378 0.005 -0.573 0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.494 17.401c0 0.095 0.058 0.1 0.147 0.1 0.063 0 0.142 -0.005 0.211 -0.005v0.11c-0.227 0.021 -0.659 0.132 -0.759 0.163l-0.026 -0.016v-0.426c-0.315 0.258 -0.558 0.442 -0.932 0.442 -0.284 0 -0.579 -0.185 -0.579 -0.626v-1.348c0 -0.137 -0.021 -0.268 -0.315 -0.294v-0.1c0.189 -0.005 0.609 -0.036 0.678 -0.036 0.059 0 0.059 0.036 0.059 0.152v1.357c0 0.158 0 0.61 0.458 0.61 0.179 0 0.415 -0.136 0.636 -0.32v-1.416c0 -0.106 -0.252 -0.163 -0.442 -0.215v-0.095c0.474 -0.033 0.769 -0.074 0.82 -0.074 0.043 0 0.043 0.036 0.043 0.095z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.541 15.665c0.21 -0.179 0.495 -0.379 0.784 -0.379 0.61 0 0.978 0.532 0.978 1.105 0 0.69 -0.506 1.379 -1.258 1.379 -0.389 0 -0.594 -0.127 -0.731 -0.185l-0.157 0.121 -0.111 -0.057c0.047 -0.311 0.074 -0.615 0.074 -0.937v-2.262c0 -0.343 -0.079 -0.353 -0.279 -0.411v-0.084c0.211 -0.068 0.432 -0.163 0.542 -0.226 0.058 -0.031 0.1 -0.059 0.116 -0.059 0.031 0 0.042 0.033 0.042 0.075zm0 1.432c0 0.199 0.189 0.537 0.542 0.537 0.563 0 0.8 -0.553 0.8 -1.021 0 -0.568 -0.431 -1.042 -0.842 -1.042 -0.195 0 -0.358 0.127 -0.501 0.247z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="m7.679 20.272 0.005 -0.006v-1.073c0 -0.235 -0.163 -0.27 -0.25 -0.27h-0.063v-0.086c0.135 0 0.267 0.011 0.401 0.011 0.117 0 0.235 -0.011 0.352 -0.011v0.086h-0.042c-0.121 0 -0.255 0.023 -0.255 0.364v1.303c0 0.1 0.002 0.2 0.017 0.29h-0.109l-1.475 -1.644v1.18c0 0.249 0.048 0.335 0.269 0.335h0.048v0.086c-0.122 0 -0.246 -0.011 -0.369 -0.011 -0.128 0 -0.261 0.011 -0.39 0.011v-0.086h0.04c0.197 0 0.258 -0.135 0.258 -0.363v-1.207a0.257 0.257 0 0 0 -0.261 -0.258h-0.037v-0.086c0.109 0 0.221 0.011 0.329 0.011 0.086 0 0.169 -0.011 0.255 -0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="m7.845 20.892 -0.118 -0.004L6.274 19.268v1.147c0.003 0.249 0.041 0.32 0.256 0.323h0.062v0.11h-0.013c-0.124 0 -0.247 -0.011 -0.369 -0.011 -0.128 0 -0.259 0.012 -0.39 0.012h-0.012v-0.111h0.052c0.189 -0.001 0.243 -0.122 0.246 -0.35v-1.207a0.245 0.245 0 0 0 -0.249 -0.245h-0.05v-0.111h0.013c0.11 0 0.221 0.011 0.329 0.011 0.086 0 0.169 -0.011 0.265 -0.007l1.258 1.416v-1.053c-0.001 -0.227 -0.153 -0.255 -0.236 -0.257H7.36v-0.111h0.013c0.135 0 0.267 0.011 0.401 0.011 0.116 0 0.233 -0.011 0.352 -0.011h0.013v0.111H8.084c-0.118 0.003 -0.239 0.013 -0.243 0.351v1.303c0 0.1 0.003 0.2 0.017 0.287l0.002 0.014zm-0.109 -0.025h0.095a1.81 1.81 0 0 1 -0.015 -0.276v-1.303c0 -0.344 0.144 -0.376 0.267 -0.376h0.03v-0.06c-0.113 0 -0.226 0.011 -0.34 0.011 -0.132 0 -0.259 -0.01 -0.388 -0.011v0.061h0.051c0.088 0 0.261 0.04 0.261 0.282l-0.004 1.082 -0.006 0.006 -0.01 0.009 -1.273 -1.441c-0.086 0 -0.168 0.012 -0.256 0.012 -0.104 0 -0.212 -0.011 -0.316 -0.012v0.061h0.025c0.135 0 0.273 0.103 0.273 0.271v1.206c0 0.229 -0.064 0.375 -0.27 0.376l-0.028 -0.001v0.062c0.124 -0.001 0.252 -0.012 0.377 -0.012 0.119 0 0.238 0.011 0.357 0.012v-0.06h-0.036c-0.225 -0.001 -0.281 -0.1 -0.281 -0.349v-1.212zm-0.057 -0.594 0.009 -0.008zm-0.006 -0.006v-0.001l-0.003 -0.002z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.554 18.981c-0.215 0 -0.223 0.052 -0.265 0.261h-0.086c0.011 -0.08 0.025 -0.16 0.034 -0.243q0.017 -0.121 0.017 -0.243h0.069c0.023 0.086 0.095 0.083 0.173 0.083h1.477c0.078 0 0.149 -0.003 0.155 -0.089l0.068 0.012c-0.011 0.077 -0.023 0.154 -0.031 0.232 -0.006 0.077 -0.006 0.154 -0.006 0.232l-0.086 0.032c-0.006 -0.106 -0.021 -0.276 -0.212 -0.276h-0.469v1.524c0 0.221 0.1 0.246 0.238 0.246h0.054v0.086c-0.112 0 -0.312 -0.011 -0.466 -0.011 -0.172 0 -0.373 0.011 -0.484 0.011v-0.086h0.054c0.158 0 0.238 -0.014 0.238 -0.241v-1.529z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.683 20.848c-0.113 0 -0.314 -0.011 -0.467 -0.011 -0.172 0 -0.372 0.011 -0.484 0.011h-0.012v-0.11h0.066c0.158 -0.004 0.221 -0.006 0.225 -0.228v-1.517h-0.457v-0.025h0.481V20.511c0 0.23 -0.092 0.253 -0.25 0.253h-0.042v0.06c0.113 0 0.306 -0.011 0.472 -0.011 0.149 0 0.34 0.01 0.454 0.011v-0.06h-0.042c-0.138 -0.001 -0.25 -0.034 -0.25 -0.259v-1.536h0.483c0.192 0.001 0.217 0.164 0.223 0.271l0.062 -0.023c0 -0.075 0 -0.15 0.005 -0.225q0.012 -0.11 0.03 -0.22l-0.043 -0.007c-0.014 0.083 -0.094 0.088 -0.166 0.087h-1.492c-0.068 0 -0.141 -0.004 -0.166 -0.083h-0.048q0 0.118 -0.016 0.232c-0.008 0.078 -0.022 0.154 -0.032 0.23h0.06c0.038 -0.199 0.063 -0.264 0.277 -0.261v0.025c-0.212 0.004 -0.208 0.039 -0.255 0.251l-0.002 0.01h-0.11l0.002 -0.014c0.011 -0.08 0.026 -0.16 0.034 -0.244q0.018 -0.118 0.017 -0.241v-0.012h0.09l0.002 0.009c0.019 0.072 0.072 0.072 0.145 0.074h1.492c0.08 -0.001 0.138 -0.002 0.142 -0.077l0.001 -0.013 0.013 0.002 0.081 0.013 -0.002 0.013q-0.017 0.116 -0.031 0.231 -0.006 0.115 -0.005 0.231v0.008l-0.008 0.004 -0.101 0.037 -0.001 -0.016c-0.008 -0.108 -0.019 -0.264 -0.2 -0.264h-0.457v1.511c0.002 0.215 0.088 0.231 0.225 0.233h0.066v0.11z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.287 20.751h0.04c0.103 0 0.211 -0.014 0.211 -0.163V19.087c0 -0.15 -0.109 -0.163 -0.211 -0.163h-0.04v-0.086c0.174 0 0.472 0.011 0.712 0.011 0.241 0 0.538 -0.011 0.733 -0.011 -0.005 0.123 -0.002 0.312 0.006 0.439l-0.086 0.022c-0.013 -0.186 -0.048 -0.335 -0.349 -0.335h-0.398v0.75h0.34c0.172 0 0.209 -0.097 0.226 -0.252h0.086a6.636 6.636 0 0 0 0 0.661l-0.086 0.017c-0.017 -0.172 -0.026 -0.284 -0.223 -0.284h-0.343v0.667c0 0.187 0.165 0.187 0.349 0.187 0.344 0 0.495 -0.024 0.582 -0.35l0.08 0.02a6.636 6.636 0 0 0 -0.097 0.455c-0.184 0 -0.513 -0.011 -0.77 -0.011 -0.258 0 -0.598 0.011 -0.762 0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.818 20.848c-0.184 0 -0.513 -0.012 -0.77 -0.012s-0.598 0.012 -0.761 0.012h-0.012v-0.11h0.052c0.103 -0.002 0.198 -0.011 0.199 -0.151v-1.5c-0.002 -0.14 -0.096 -0.15 -0.199 -0.151h-0.052v-0.112h0.012c0.175 0 0.472 0.011 0.712 0.011 0.241 0 0.538 -0.011 0.733 -0.011h0.013v0.013a4.536 4.536 0 0 0 0.006 0.437v0.01l-0.01 0.003 -0.101 0.026v-0.014c-0.017 -0.186 -0.042 -0.321 -0.337 -0.324h-0.386v0.725h0.329c0.165 -0.001 0.194 -0.086 0.214 -0.24v-0.012h0.11v0.013q-0.009 0.168 -0.009 0.335 0 0.163 0.009 0.326v0.01l-0.01 0.003 -0.1 0.019 -0.001 -0.013c-0.019 -0.175 -0.021 -0.271 -0.211 -0.273h-0.331v0.655c0.001 0.174 0.151 0.173 0.337 0.174 0.345 -0.002 0.483 -0.019 0.569 -0.34l0.002 -0.012 0.012 0.002 0.092 0.024 -0.002 0.012c-0.037 0.151 -0.071 0.302 -0.097 0.454l-0.002 0.01zm-0.011 -0.024q0.039 -0.217 0.093 -0.434l-0.056 -0.014c-0.086 0.32 -0.252 0.349 -0.59 0.347 -0.181 0 -0.361 0 -0.362 -0.199v-0.679h0.356c0.2 -0.002 0.22 0.119 0.235 0.282l0.062 -0.013a6.033 6.033 0 0 1 0 -0.639h-0.062c-0.016 0.15 -0.063 0.253 -0.237 0.252h-0.354v-0.775h0.411c0.298 -0.002 0.347 0.152 0.36 0.332l0.062 -0.017a4.826 4.826 0 0 1 -0.005 -0.416c-0.194 0.001 -0.485 0.012 -0.72 0.012s-0.525 -0.011 -0.7 -0.012v0.061h0.028c0.101 0 0.223 0.018 0.224 0.177v1.5c0 0.158 -0.122 0.176 -0.224 0.176h-0.028v0.06c0.166 0 0.498 -0.011 0.749 -0.011 0.253 0 0.575 0.011 0.76 0.011" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.302 19.141c0 -0.209 -0.115 -0.217 -0.203 -0.217h-0.052v-0.086c0.092 0 0.269 0.011 0.444 0.011 0.171 0 0.309 -0.011 0.461 -0.011 0.36 0 0.682 0.097 0.682 0.504 0 0.258 -0.172 0.414 -0.398 0.504l0.489 0.733c0.081 0.121 0.138 0.155 0.278 0.172v0.086c-0.095 0 -0.186 -0.011 -0.281 -0.011 -0.089 0 -0.181 0.011 -0.269 0.011 -0.221 -0.289 -0.41 -0.598 -0.595 -0.928H12.668v0.613c0 0.221 0.103 0.229 0.234 0.229h0.052v0.086c-0.163 0 -0.329 -0.011 -0.493 -0.011 -0.137 0 -0.271 0.011 -0.415 0.011v-0.086h0.052c0.106 0 0.203 -0.048 0.203 -0.154zm0.367 0.664h0.14c0.287 0 0.44 -0.109 0.44 -0.446 0 -0.255 -0.163 -0.417 -0.418 -0.417 -0.086 0 -0.122 0.009 -0.163 0.012z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.003 20.848c-0.096 0 -0.187 -0.011 -0.281 -0.011 -0.087 0 -0.179 0.012 -0.279 0.007a7.842 7.842 0 0 1 -0.592 -0.923h-0.17v0.6c0.003 0.216 0.089 0.214 0.222 0.217h0.064v0.11h-0.012c-0.164 0 -0.331 -0.011 -0.493 -0.011 -0.137 0 -0.271 0.012 -0.415 0.012h-0.012v-0.111h0.064c0.103 -0.001 0.19 -0.046 0.191 -0.142V19.141c-0.002 -0.203 -0.102 -0.202 -0.191 -0.205h-0.065v-0.111h0.013c0.093 0 0.27 0.011 0.444 0.011 0.171 0 0.308 -0.011 0.461 -0.011 0.361 0.001 0.694 0.1 0.694 0.516 0 0.258 -0.17 0.42 -0.391 0.51l0.481 0.72c0.08 0.119 0.13 0.148 0.269 0.166l0.01 0.002v0.109zM12.668 19.896h0.196l0.004 0.007c0.186 0.329 0.374 0.638 0.585 0.922 0.087 0 0.179 -0.012 0.268 -0.012 0.091 0 0.18 0.01 0.268 0.012v-0.063c-0.134 -0.016 -0.197 -0.057 -0.275 -0.175l-0.498 -0.746 0.014 -0.006c0.224 -0.088 0.39 -0.241 0.39 -0.493 0 -0.398 -0.309 -0.489 -0.669 -0.492 -0.151 0 -0.288 0.012 -0.461 0.012 -0.168 0 -0.338 -0.011 -0.432 -0.012v0.061h0.04c0.089 0 0.215 0.015 0.215 0.23v1.455c0 0.115 -0.108 0.167 -0.215 0.167h-0.04v0.06c0.138 0 0.268 -0.011 0.403 -0.011 0.16 0 0.322 0.011 0.48 0.011v-0.06h-0.039c-0.13 -0.001 -0.247 -0.017 -0.247 -0.243v-0.625zm0 -0.078h-0.012v-0.877l0.011 -0.001c0.039 -0.003 0.078 -0.011 0.164 -0.011 0.261 0 0.431 0.169 0.431 0.431 0 0.341 -0.165 0.458 -0.453 0.458zm0.141 -0.024c0.284 -0.003 0.426 -0.101 0.428 -0.434 -0.001 -0.25 -0.157 -0.405 -0.406 -0.406 -0.077 0 -0.114 0.007 -0.15 0.011v0.829z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="m15.947 20.272 0.005 -0.006v-1.073c0 -0.235 -0.163 -0.27 -0.249 -0.27h-0.063v-0.086c0.135 0 0.265 0.011 0.401 0.011 0.118 0 0.234 -0.011 0.352 -0.011v0.086h-0.043c-0.121 0 -0.255 0.023 -0.255 0.364v1.303c0 0.1 0.002 0.2 0.017 0.29h-0.109l-1.474 -1.644v1.18c0 0.249 0.048 0.335 0.268 0.335h0.049v0.086c-0.123 0 -0.246 -0.011 -0.369 -0.011 -0.13 0 -0.261 0.011 -0.39 0.011v-0.086h0.04c0.198 0 0.258 -0.135 0.258 -0.363v-1.207a0.257 0.257 0 0 0 -0.261 -0.258h-0.037v-0.086c0.109 0 0.221 0.011 0.329 0.011 0.085 0 0.169 -0.011 0.255 -0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="m16.113 20.892 -0.118 -0.004 -1.454 -1.62v1.147c0.004 0.25 0.041 0.32 0.257 0.323h0.06v0.11h-0.012c-0.124 0 -0.247 -0.012 -0.369 -0.012 -0.128 0 -0.26 0.012 -0.389 0.012h-0.013v-0.11h0.052c0.189 -0.001 0.243 -0.122 0.245 -0.351v-1.206a0.244 0.244 0 0 0 -0.247 -0.245h-0.05v-0.111h0.013c0.109 0 0.221 0.011 0.329 0.011 0.084 0 0.167 -0.011 0.263 -0.008l1.259 1.418v-1.053c-0.001 -0.227 -0.153 -0.256 -0.236 -0.257h-0.075v-0.111h0.012c0.136 0 0.267 0.011 0.401 0.011 0.117 0 0.234 -0.011 0.352 -0.011h0.012v0.111h-0.055c-0.118 0.003 -0.24 0.013 -0.243 0.351v1.303c0 0.1 0.002 0.199 0.017 0.287l0.001 0.014zm-0.109 -0.025h0.094c-0.012 -0.086 -0.015 -0.181 -0.015 -0.276v-1.303c0 -0.344 0.145 -0.375 0.268 -0.376h0.03v-0.06c-0.113 0 -0.226 0.011 -0.34 0.011 -0.132 0 -0.259 -0.01 -0.388 -0.011v0.061h0.051c0.088 0.001 0.262 0.04 0.262 0.282l-0.004 1.082 -0.005 0.006 -0.009 0.009 -1.274 -1.441c-0.084 0 -0.168 0.012 -0.255 0.012 -0.106 0 -0.213 -0.011 -0.317 -0.012v0.061h0.025c0.135 0.001 0.273 0.103 0.273 0.27v1.206c0 0.229 -0.065 0.376 -0.27 0.376h-0.028v0.06c0.124 0 0.252 -0.011 0.377 -0.011 0.12 0 0.239 0.01 0.358 0.011v-0.06h-0.036c-0.226 -0.001 -0.282 -0.099 -0.282 -0.349v-1.211zm-0.058 -0.594 0.01 -0.008zm-0.007 -0.006 -0.002 -0.003z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.854 20.427c-0.029 0.097 -0.064 0.172 -0.064 0.223 0 0.086 0.121 0.1 0.215 0.1h0.031v0.086a6.636 6.636 0 0 0 -0.347 -0.011q-0.154 0.001 -0.309 0.011v-0.086h0.017c0.112 0 0.206 -0.066 0.249 -0.187l0.458 -1.313c0.037 -0.106 0.089 -0.249 0.106 -0.356 0.091 -0.031 0.206 -0.088 0.26 -0.122 0.009 -0.003 0.014 -0.006 0.023 -0.006 0.009 0 0.014 0 0.021 0.009 0.008 0.022 0.017 0.048 0.026 0.071l0.527 1.498c0.034 0.1 0.069 0.206 0.105 0.292 0.035 0.081 0.095 0.115 0.19 0.115h0.017v0.086c-0.129 -0.006 -0.258 -0.011 -0.395 -0.011q-0.211 0.001 -0.43 0.011v-0.086h0.031c0.066 0 0.178 -0.012 0.178 -0.083 0 -0.037 -0.026 -0.115 -0.058 -0.206l-0.112 -0.332H16.945zm0.417 -1.269h-0.006l-0.265 0.81h0.534z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.379 20.848c-0.128 -0.005 -0.258 -0.012 -0.394 -0.012 -0.141 0 -0.284 0.007 -0.43 0.012l-0.013 0.001v-0.112h0.044c0.066 0 0.165 -0.014 0.165 -0.07 0.001 -0.033 -0.025 -0.111 -0.057 -0.202l-0.109 -0.324h-0.632l-0.089 0.29c-0.029 0.097 -0.064 0.173 -0.063 0.22 0.001 0.07 0.108 0.087 0.203 0.087h0.044v0.112l-0.013 -0.001c-0.115 -0.005 -0.231 -0.012 -0.346 -0.012 -0.103 0 -0.206 0.007 -0.308 0.012l-0.014 0.001v-0.112h0.03c0.106 0 0.195 -0.061 0.236 -0.177l0.458 -1.314c0.037 -0.106 0.089 -0.249 0.114 -0.363 0.09 -0.03 0.205 -0.088 0.259 -0.122q0.012 -0.006 0.028 -0.007c0.007 -0.001 0.022 0.001 0.032 0.016l0.026 0.072 0.527 1.497c0.034 0.1 0.068 0.206 0.106 0.291 0.033 0.077 0.086 0.107 0.177 0.107h0.029v0.112zm-0.811 -0.025c0.142 -0.005 0.281 -0.01 0.417 -0.01 0.133 0 0.258 0.005 0.382 0.01v-0.06h-0.004c-0.098 0.001 -0.165 -0.037 -0.201 -0.122 -0.037 -0.086 -0.072 -0.193 -0.106 -0.293l-0.527 -1.497 -0.024 -0.069c-0.003 -0.003 -0.002 -0.003 -0.005 -0.003h-0.005c-0.006 0 -0.009 0.002 -0.016 0.004 -0.055 0.036 -0.17 0.092 -0.255 0.115 -0.017 0.109 -0.069 0.252 -0.106 0.358l-0.458 1.314a0.271 0.271 0 0 1 -0.26 0.195h-0.005v0.06c0.098 -0.005 0.197 -0.011 0.297 -0.011 0.11 0 0.223 0.005 0.333 0.01v-0.06h-0.018c-0.094 -0.001 -0.224 -0.011 -0.227 -0.112 0 -0.057 0.036 -0.13 0.063 -0.227l0.012 0.004 -0.012 -0.004 0.095 -0.306h0.667l0.115 0.34c0.033 0.092 0.059 0.168 0.059 0.21 -0.004 0.088 -0.125 0.094 -0.19 0.096h-0.019zm-0.585 -0.842 0.274 -0.836h0.015v0.012l-0.003 0.001 0.003 -0.001v-0.013h0.009l0.271 0.836zm0.034 -0.025h0.501l-0.249 -0.767zm0.243 -0.794 0.006 -0.002z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.506 18.981c-0.215 0 -0.223 0.052 -0.267 0.261h-0.086c0.011 -0.08 0.026 -0.16 0.034 -0.243q0.017 -0.121 0.017 -0.243h0.069c0.022 0.086 0.094 0.083 0.171 0.083h1.478c0.077 0 0.148 -0.003 0.154 -0.089l0.069 0.012q-0.017 0.115 -0.031 0.232c-0.006 0.077 -0.006 0.154 -0.006 0.232l-0.086 0.032c-0.005 -0.106 -0.019 -0.276 -0.211 -0.276h-0.471v1.524c0 0.221 0.101 0.246 0.238 0.246h0.054v0.086c-0.112 0 -0.312 -0.011 -0.467 -0.011 -0.171 0 -0.372 0.011 -0.484 0.011v-0.086h0.054c0.158 0 0.238 -0.014 0.238 -0.241v-1.529z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.634 20.848c-0.112 0 -0.313 -0.011 -0.467 -0.011 -0.171 0 -0.372 0.011 -0.484 0.011h-0.012v-0.11h0.066c0.158 -0.004 0.221 -0.006 0.225 -0.228v-1.517h-0.457v-0.025h0.482V20.511c0 0.23 -0.093 0.253 -0.25 0.253h-0.042v0.06c0.113 0 0.306 -0.011 0.472 -0.011 0.15 0 0.341 0.01 0.454 0.011v-0.061h-0.042c-0.138 0 -0.249 -0.034 -0.25 -0.259v-1.536h0.483c0.192 0.001 0.217 0.164 0.223 0.271l0.062 -0.023c0 -0.075 0 -0.15 0.006 -0.225q0.013 -0.11 0.029 -0.22l-0.043 -0.007c-0.013 0.083 -0.094 0.088 -0.165 0.087h-1.492c-0.068 0 -0.141 -0.004 -0.166 -0.083h-0.047q-0.001 0.118 -0.017 0.232c-0.008 0.079 -0.022 0.155 -0.033 0.23h0.062c0.038 -0.199 0.063 -0.264 0.277 -0.261v0.025c-0.213 0.004 -0.208 0.039 -0.255 0.251l-0.002 0.01h-0.11l0.002 -0.014c0.012 -0.081 0.026 -0.161 0.034 -0.244q0.017 -0.119 0.017 -0.241v-0.013h0.09l0.003 0.009c0.02 0.072 0.072 0.072 0.145 0.074h1.493c0.079 -0.001 0.137 -0.002 0.142 -0.077l0.001 -0.014 0.013 0.002 0.081 0.013 -0.002 0.013q-0.018 0.116 -0.031 0.231c-0.006 0.077 -0.006 0.154 -0.006 0.231v0.008l-0.008 0.004 -0.101 0.037v-0.016c-0.008 -0.108 -0.019 -0.264 -0.2 -0.264h-0.457v1.511c0.003 0.215 0.089 0.231 0.225 0.233h0.067v0.11z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.252 20.751h0.04c0.103 0 0.211 -0.014 0.211 -0.163V19.087c0 -0.15 -0.109 -0.163 -0.211 -0.163h-0.04v-0.086c0.112 0 0.284 0.011 0.423 0.011 0.144 0 0.315 -0.011 0.45 -0.011v0.086h-0.04c-0.104 0 -0.212 0.014 -0.212 0.163v1.5c0 0.149 0.109 0.163 0.212 0.163h0.04v0.086c-0.137 0 -0.309 -0.011 -0.452 -0.011 -0.141 0 -0.309 0.011 -0.421 0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.126 20.848c-0.139 0 -0.31 -0.012 -0.452 -0.012 -0.141 0 -0.309 0.012 -0.422 0.012h-0.012v-0.11h0.052c0.103 -0.002 0.198 -0.011 0.199 -0.151v-1.5c-0.001 -0.14 -0.096 -0.15 -0.199 -0.151h-0.052v-0.112h0.012c0.112 0 0.284 0.011 0.423 0.011 0.143 0 0.315 -0.011 0.451 -0.011h0.012v0.111h-0.052c-0.105 0.002 -0.199 0.011 -0.2 0.151v1.5c0.001 0.14 0.095 0.149 0.2 0.151h0.052v0.11zm-0.013 -0.024v-0.061h-0.027c-0.103 0 -0.224 -0.018 -0.224 -0.176v-1.5c0 -0.159 0.122 -0.176 0.224 -0.177h0.027v-0.06c-0.132 0 -0.298 0.011 -0.437 0.011 -0.136 0 -0.3 -0.01 -0.41 -0.011v0.061h0.027c0.102 0 0.223 0.018 0.224 0.177v1.5c-0.001 0.158 -0.122 0.176 -0.224 0.176h-0.028v0.06c0.11 -0.001 0.272 -0.011 0.409 -0.011 0.139 0 0.304 0.01 0.439 0.011" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.267 18.795c0.61 0 1.097 0.378 1.097 0.988 0 0.659 -0.473 1.097 -1.082 1.097 -0.607 0 -1.071 -0.413 -1.071 -1.029 0 -0.595 0.461 -1.056 1.056 -1.056m0.043 1.959c0.556 0 0.653 -0.49 0.653 -0.908 0 -0.418 -0.226 -0.925 -0.702 -0.925 -0.501 0 -0.65 0.446 -0.65 0.83 0 0.513 0.235 1.003 0.699 1.003" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.198 19.851a1.056 1.056 0 0 1 1.069 -1.069v0.025c-0.589 0 -1.044 0.455 -1.045 1.044 0.001 0.609 0.458 1.015 1.06 1.015 0.603 0 1.069 -0.431 1.07 -1.084 0 -0.602 -0.479 -0.974 -1.085 -0.975v-0.025c0.615 0.001 1.108 0.383 1.109 1 -0.001 0.666 -0.479 1.108 -1.094 1.109 -0.613 -0.001 -1.083 -0.418 -1.084 -1.041m0.401 -0.1c0.001 -0.385 0.151 -0.843 0.662 -0.843 0.486 0.001 0.713 0.517 0.714 0.937 -0.001 0.417 -0.099 0.919 -0.665 0.919v-0.024c0.544 0 0.639 -0.478 0.639 -0.895 0 -0.414 -0.223 -0.912 -0.688 -0.913 -0.491 0.001 -0.636 0.437 -0.638 0.818 0 0.51 0.233 0.989 0.686 0.989v0.025c-0.475 0 -0.711 -0.499 -0.712 -1.014" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="m25.294 20.272 0.006 -0.006v-1.073c0 -0.235 -0.164 -0.27 -0.25 -0.27h-0.062v-0.086c0.134 0 0.266 0.011 0.401 0.011 0.118 0 0.235 -0.011 0.352 -0.011v0.086h-0.043c-0.121 0 -0.255 0.023 -0.255 0.364v1.303c0 0.1 0.003 0.2 0.017 0.29h-0.109l-1.476 -1.644v1.18c0 0.249 0.049 0.335 0.269 0.335h0.049v0.086c-0.123 0 -0.246 -0.011 -0.369 -0.011 -0.128 0 -0.261 0.011 -0.39 0.011v-0.086h0.04c0.198 0 0.258 -0.135 0.258 -0.363v-1.207a0.256 0.256 0 0 0 -0.261 -0.258h-0.037v-0.086c0.109 0 0.221 0.011 0.33 0.011 0.086 0 0.168 -0.011 0.254 -0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="m25.46 20.892 -0.118 -0.004 -1.454 -1.62v1.147c0.004 0.25 0.042 0.32 0.257 0.322h0.062v0.111h-0.012c-0.124 0 -0.247 -0.011 -0.37 -0.011 -0.128 0 -0.259 0.012 -0.39 0.012h-0.012v-0.112h0.052c0.189 0 0.243 -0.122 0.246 -0.35v-1.207a0.244 0.244 0 0 0 -0.249 -0.245h-0.049v-0.111h0.011c0.11 0 0.221 0.011 0.329 0.011 0.085 0 0.168 -0.011 0.265 -0.007l1.258 1.416v-1.053c-0.001 -0.227 -0.153 -0.255 -0.237 -0.257H24.975v-0.111h0.013c0.135 0 0.267 0.011 0.4 0.011 0.117 0 0.234 -0.011 0.353 -0.011h0.012v0.111h-0.055c-0.118 0.003 -0.239 0.014 -0.242 0.351v1.303c0 0.1 0.002 0.2 0.016 0.287l0.002 0.014zm-0.109 -0.025h0.094c-0.012 -0.086 -0.015 -0.181 -0.015 -0.276v-1.303c0 -0.344 0.145 -0.375 0.267 -0.376h0.031v-0.06c-0.114 0 -0.226 0.011 -0.341 0.011 -0.13 0 -0.258 -0.01 -0.388 -0.011v0.061h0.05c0.089 0.001 0.261 0.04 0.261 0.282l-0.003 1.082 -0.005 0.006 -0.009 0.009 -1.274 -1.441c-0.084 0 -0.168 0.012 -0.255 0.012 -0.106 0 -0.213 -0.011 -0.317 -0.012v0.061h0.025c0.135 0.001 0.273 0.103 0.273 0.27v1.207c0 0.229 -0.064 0.375 -0.27 0.376h-0.028v0.06c0.124 0 0.252 -0.011 0.378 -0.011 0.119 0 0.238 0.01 0.357 0.011v-0.06h-0.037c-0.225 -0.001 -0.281 -0.099 -0.281 -0.349v-1.212zm-0.058 -0.594 0.009 -0.008zm-0.007 -0.006 -0.002 -0.003z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M26.2 20.427c-0.028 0.097 -0.062 0.172 -0.062 0.223 0 0.086 0.121 0.1 0.214 0.1h0.032v0.086a6.636 6.636 0 0 0 -0.347 -0.011q-0.154 0.001 -0.308 0.011v-0.086h0.016c0.113 0 0.208 -0.066 0.249 -0.187l0.459 -1.313c0.037 -0.106 0.089 -0.249 0.106 -0.356a1.448 1.448 0 0 0 0.261 -0.122q0.01 -0.005 0.023 -0.006c0.008 0 0.013 0 0.019 0.009l0.026 0.071 0.527 1.498c0.034 0.1 0.069 0.206 0.106 0.292 0.034 0.081 0.095 0.115 0.189 0.115h0.018v0.086a8.446 8.446 0 0 0 -0.396 -0.011q-0.211 0.001 -0.43 0.011v-0.086h0.031c0.066 0 0.178 -0.012 0.178 -0.083 0 -0.037 -0.026 -0.115 -0.058 -0.206l-0.112 -0.332h-0.65zm0.419 -1.269h-0.005l-0.267 0.81h0.537z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M27.726 20.848c-0.128 -0.005 -0.258 -0.011 -0.394 -0.011 -0.14 0 -0.284 0.007 -0.429 0.012h-0.013v-0.111h0.043c0.066 0 0.165 -0.016 0.165 -0.071 0.001 -0.033 -0.025 -0.11 -0.057 -0.202l-0.109 -0.324h-0.632l-0.089 0.29c-0.028 0.098 -0.062 0.173 -0.062 0.219 0 0.071 0.107 0.088 0.202 0.088h0.044v0.112l-0.013 -0.001c-0.115 -0.005 -0.232 -0.011 -0.346 -0.011 -0.103 0 -0.205 0.007 -0.308 0.012h-0.013v-0.111h0.028c0.107 0 0.196 -0.062 0.238 -0.178l0.458 -1.314c0.036 -0.106 0.088 -0.249 0.113 -0.363 0.09 -0.031 0.205 -0.089 0.261 -0.123q0.01 -0.005 0.027 -0.006a0.03 0.03 0 0 1 0.031 0.016c0.009 0.022 0.017 0.048 0.027 0.072l0.527 1.497c0.034 0.1 0.069 0.206 0.106 0.291 0.034 0.076 0.086 0.106 0.177 0.107h0.03v0.112zm-0.811 -0.025c0.142 -0.005 0.281 -0.011 0.417 -0.011 0.133 0 0.258 0.005 0.382 0.01v-0.06h-0.005c-0.097 0.001 -0.165 -0.037 -0.2 -0.122 -0.038 -0.086 -0.072 -0.193 -0.106 -0.293l-0.527 -1.498 -0.024 -0.069c-0.003 -0.003 -0.002 -0.003 -0.004 -0.003h-0.006c-0.006 0 -0.009 0.002 -0.016 0.004a1.086 1.086 0 0 1 -0.255 0.115c-0.018 0.109 -0.07 0.251 -0.107 0.358l-0.458 1.314a0.271 0.271 0 0 1 -0.261 0.195h-0.005v0.06c0.099 -0.005 0.197 -0.011 0.297 -0.011 0.111 0 0.224 0.005 0.334 0.01v-0.06h-0.019c-0.093 -0.001 -0.223 -0.011 -0.227 -0.113 0.001 -0.056 0.036 -0.13 0.064 -0.226l0.012 0.004 -0.012 -0.004 0.095 -0.306h0.667l0.115 0.34c0.032 0.092 0.058 0.169 0.058 0.211 -0.004 0.087 -0.124 0.094 -0.189 0.095h-0.019zm-0.585 -0.843 0.275 -0.835h0.015v0.012l-0.004 0.001 0.003 -0.001v-0.013h0.009l0.271 0.835zm0.034 -0.024h0.501l-0.249 -0.767zm0.244 -0.794 0.006 -0.002z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M28.449 20.556c0 0.115 0.079 0.149 0.171 0.161 0.118 0.008 0.246 0.008 0.378 -0.006 0.121 -0.014 0.223 -0.083 0.275 -0.155a0.664 0.664 0 0 0 0.089 -0.206h0.083c-0.031 0.163 -0.072 0.324 -0.106 0.487 -0.252 0 -0.504 -0.011 -0.756 -0.011 -0.252 0 -0.504 0.011 -0.756 0.011v-0.086h0.04c0.103 0 0.215 -0.014 0.215 -0.192v-1.472c0 -0.149 -0.112 -0.163 -0.215 -0.163h-0.039v-0.086c0.151 0 0.3 0.011 0.452 0.011 0.146 0 0.289 -0.011 0.435 -0.011v0.086h-0.072c-0.109 0 -0.194 0.004 -0.194 0.155z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.339 20.848c-0.253 0 -0.505 -0.011 -0.756 -0.011 -0.252 0 -0.504 0.012 -0.756 0.012h-0.012v-0.111h0.052c0.104 -0.002 0.202 -0.01 0.203 -0.179v-1.472c-0.001 -0.139 -0.099 -0.149 -0.203 -0.151h-0.052v-0.111h0.012c0.153 0 0.302 0.011 0.452 0.011 0.146 0 0.288 -0.011 0.436 -0.011h0.012v0.111h-0.084c-0.111 0.003 -0.18 -0.002 -0.183 0.142v1.477c0.001 0.107 0.071 0.136 0.16 0.148a2.413 2.413 0 0 0 0.376 -0.006 0.398 0.398 0 0 0 0.267 -0.15c0.044 -0.061 0.069 -0.139 0.086 -0.202l0.002 -0.009h0.108l-0.002 0.015c-0.033 0.163 -0.072 0.323 -0.107 0.486l-0.002 0.01zm-0.011 -0.024c0.033 -0.156 0.071 -0.308 0.102 -0.462h-0.059c-0.018 0.062 -0.043 0.139 -0.088 0.201a0.422 0.422 0 0 1 -0.284 0.159 2.172 2.172 0 0 1 -0.381 0.005c-0.093 -0.01 -0.183 -0.05 -0.183 -0.173v-1.477c0 -0.159 0.101 -0.168 0.208 -0.168h0.059v-0.06c-0.141 0 -0.281 0.011 -0.423 0.011 -0.148 0 -0.293 -0.011 -0.44 -0.012v0.061h0.027c0.103 0 0.227 0.018 0.227 0.176v1.472c0 0.185 -0.124 0.205 -0.227 0.205h-0.027v0.06c0.247 0 0.495 -0.011 0.744 -0.011 0.249 0 0.497 0.011 0.745 0.011" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.526 8.729a4.85 4.85 0 1 1 9.699 0 4.85 4.85 0 0 1 -9.699 0" fill="#FFFFFE"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.308 8.634a2.92 2.92 0 0 0 -1.872 -2.721v5.441a2.92 2.92 0 0 0 1.872 -2.721m-3.959 2.719V5.914a2.92 2.92 0 0 0 -1.871 2.72 2.92 2.92 0 0 0 1.871 2.719m1.044 -7.317a4.597 4.597 0 1 0 0 9.196 4.599 4.599 0 0 0 0 -9.196m-0.011 9.63c-2.779 0.013 -5.067 -2.238 -5.067 -4.979 0 -2.996 2.288 -5.067 5.067 -5.067h1.302c2.746 0 5.252 2.07 5.252 5.067 0 2.739 -2.507 4.979 -5.252 4.979z" fill="#0069AA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.838 20.751h0.04c0.103 0 0.212 -0.014 0.212 -0.163V19.087c0 -0.15 -0.109 -0.163 -0.211 -0.163H4.838v-0.086c0.112 0 0.284 0.011 0.424 0.011 0.143 0 0.314 -0.011 0.449 -0.011v0.086h-0.04c-0.103 0 -0.211 0.014 -0.211 0.163v1.5c0 0.149 0.109 0.163 0.211 0.163h0.04v0.086c-0.137 0 -0.309 -0.011 -0.452 -0.011 -0.14 0 -0.309 0.011 -0.42 0.011z" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.712 20.848c-0.139 0 -0.309 -0.011 -0.452 -0.011 -0.14 0 -0.308 0.012 -0.42 0.012H4.826v-0.111h0.052c0.104 -0.002 0.198 -0.011 0.199 -0.151v-1.5c-0.001 -0.141 -0.095 -0.15 -0.199 -0.151H4.826v-0.112h0.012c0.113 0 0.285 0.011 0.425 0.011 0.142 0 0.314 -0.011 0.449 -0.011h0.013v0.111h-0.053c-0.104 0.002 -0.199 0.011 -0.199 0.151v1.5c0 0.14 0.095 0.148 0.199 0.151h0.053v0.11zm-0.012 -0.024v-0.061h-0.028c-0.103 0 -0.224 -0.018 -0.224 -0.176v-1.5c0 -0.159 0.122 -0.176 0.224 -0.176h0.028v-0.062c-0.133 0 -0.298 0.012 -0.437 0.012 -0.136 0 -0.301 -0.011 -0.412 -0.012v0.062h0.028c0.103 0 0.224 0.018 0.224 0.176v1.5c0 0.158 -0.122 0.176 -0.224 0.176h-0.028v0.06c0.111 0 0.273 -0.011 0.408 -0.011 0.14 0 0.305 0.011 0.44 0.011" fill="#1A1919"/><path fill-rule="evenodd" clip-rule="evenodd" d="M29.41 18.756c0.173 0 0.302 0.133 0.302 0.302a0.296 0.296 0 0 1 -0.302 0.301 0.296 0.296 0 0 1 -0.302 -0.301c0 -0.169 0.13 -0.302 0.302 -0.302m0 0.547c0.135 0 0.239 -0.115 0.239 -0.245a0.243 0.243 0 0 0 -0.239 -0.246 0.244 0.244 0 0 0 -0.239 0.246c0 0.13 0.103 0.245 0.239 0.245m-0.15 -0.086v-0.014c0.036 -0.006 0.043 -0.005 0.043 -0.027v-0.223c0 -0.031 -0.003 -0.042 -0.042 -0.041v-0.015h0.154c0.052 0 0.101 0.025 0.101 0.08 0 0.045 -0.029 0.078 -0.071 0.09l0.05 0.069a0.302 0.302 0 0 0 0.066 0.071v0.01h-0.059c-0.028 0 -0.053 -0.059 -0.109 -0.139h-0.033v0.1c0 0.019 0.007 0.018 0.044 0.024v0.014zm0.101 -0.159h0.036c0.039 0 0.056 -0.029 0.056 -0.077 0 -0.048 -0.028 -0.065 -0.059 -0.065h-0.034z" fill="#1A1919"/></svg>`;
+        let jcb_single = `<svg width="800px" height="620px" viewBox="0 0 58 44.95" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="57" height="39" rx="3.5" fill="white" stroke="#F3F3F3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.3892 20.1113H38.4135H38.4606H38.5077H38.5548H38.6019H38.649H38.6961H38.7432H38.7903H38.8374H38.8845H38.9316H38.9787H39.0258H39.0729H39.12H39.1671H39.2142H39.2613H39.3084H39.3555H39.4026H39.4496H39.4968H39.5439H39.5909H39.6381H39.6851H39.7322H39.7794H39.8264H39.8736H39.9206H39.9677H40.0149H40.0619H40.109H40.1561H40.2032H40.2503H40.2974H40.3445H40.3916H40.4387H40.4858H40.5329H40.58H40.6271H40.6742H40.7213H40.7684H40.8155H40.8626H40.9097H40.9568H41.0039H41.051H41.0981H41.1452H41.1923H41.2315L41.2394 20.1115C41.2539 20.1119 41.2698 20.1125 41.2865 20.1134C41.3016 20.1142 41.3174 20.1153 41.3336 20.1165C41.3491 20.1176 41.3649 20.1189 41.3807 20.1203C41.3965 20.1218 41.4123 20.1234 41.4278 20.1251C41.444 20.1268 41.4598 20.1287 41.4748 20.1308C41.4917 20.133 41.5076 20.1353 41.522 20.1378C41.5323 20.1395 41.5419 20.1413 41.5504 20.1431L41.5691 20.1473C41.5848 20.1509 41.6005 20.1549 41.6161 20.1592C41.6319 20.1635 41.6476 20.1681 41.6633 20.173C41.6791 20.178 41.6948 20.1833 41.7103 20.189C41.7262 20.1947 41.7419 20.2007 41.7574 20.207C41.7733 20.2134 41.789 20.2202 41.8046 20.2272C41.8204 20.2344 41.8361 20.2419 41.8516 20.2498C41.8675 20.2577 41.8832 20.2661 41.8987 20.2748C41.9146 20.2836 41.9303 20.2929 41.9458 20.3025C41.9617 20.3123 41.9775 20.3225 41.9929 20.333C42.0089 20.3438 42.0246 20.355 42.04 20.3665C42.056 20.3785 42.0717 20.3908 42.0871 20.4036C42.1031 20.4168 42.1188 20.4305 42.1342 20.4445C42.1503 20.4592 42.166 20.4742 42.1813 20.4897C42.1975 20.506 42.2132 20.5228 42.2284 20.5401C42.2446 20.5584 42.2603 20.5772 42.2755 20.5965C42.2919 20.6173 42.3076 20.6387 42.3226 20.6606C42.3391 20.6846 42.3548 20.7092 42.3697 20.7345C42.3865 20.763 42.4022 20.7924 42.4168 20.8225C42.4341 20.8582 42.4499 20.895 42.4639 20.9328C42.4828 20.9837 42.4986 21.0364 42.511 21.0908C42.5326 21.1851 42.5442 21.2844 42.5442 21.3881C42.5442 21.4923 42.5326 21.5921 42.511 21.6867C42.4986 21.7413 42.4828 21.7941 42.4639 21.8451C42.4499 21.883 42.4341 21.9198 42.4168 21.9557C42.4022 21.9858 42.3865 22.0152 42.3697 22.0437C42.3548 22.0691 42.3391 22.0937 42.3226 22.1177C42.3076 22.1396 42.2918 22.161 42.2755 22.1818C42.2603 22.2011 42.2446 22.2199 42.2284 22.2382C42.2132 22.2554 42.1975 22.2723 42.1813 22.2886C42.166 22.304 42.1503 22.319 42.1342 22.3337C42.1188 22.3477 42.1031 22.3612 42.0871 22.3744C42.0717 22.3871 42.056 22.3995 42.04 22.4114C42.0246 22.4229 42.0089 22.434 41.9929 22.4448C41.9775 22.4553 41.9617 22.4654 41.9458 22.4752C41.9303 22.4847 41.9146 22.4939 41.8987 22.5028C41.8832 22.5114 41.8675 22.5197 41.8516 22.5276C41.8361 22.5354 41.8204 22.5429 41.8046 22.55C41.789 22.557 41.7733 22.5637 41.7574 22.5701C41.7419 22.5763 41.7262 22.5823 41.7103 22.588C41.6948 22.5935 41.6791 22.5987 41.6633 22.6036C41.6476 22.6085 41.6319 22.613 41.6161 22.6173C41.6005 22.6215 41.5848 22.6254 41.5691 22.629L41.5504 22.6331C41.5419 22.6351 41.5323 22.637 41.522 22.6388C41.5076 22.6413 41.4917 22.6437 41.4748 22.646C41.4598 22.648 41.444 22.65 41.4278 22.6517C41.4123 22.6534 41.3965 22.655 41.3807 22.6564C41.3649 22.6578 41.3491 22.6591 41.3336 22.6602C41.3174 22.6613 41.3016 22.6623 41.2865 22.6631C41.2698 22.664 41.2539 22.6646 41.2394 22.6649L41.2141 22.6653H41.1923H41.1452H41.0981H41.051H41.0039H40.9568H40.9097H40.8626H40.8155H40.7684H40.7213H40.6742H40.6271H40.58H40.5329H40.4858H40.4387H40.3916H40.3445H40.2974H40.2503H40.2032H40.1561H40.109H40.0619H40.0149H39.9677H39.9206H39.8736H39.8264H39.7794H39.7322H39.6851H39.6381H39.5909H39.5439H39.4968H39.4496H39.4026H39.3555H39.3084H39.2613H39.2142H39.1671H39.12H39.0729H39.0258H38.9787H38.9316H38.8845H38.8374H38.7903H38.7432H38.6961H38.649H38.6019H38.5548H38.5077H38.4606H38.4135H38.3892V20.1113V20.1113ZM42.1815 17.2208C42.2004 17.3065 42.2106 17.3973 42.2106 17.4929C42.2106 17.5884 42.2004 17.6791 42.1815 17.7648C42.1693 17.8198 42.1535 17.8727 42.1344 17.9235C42.1204 17.9605 42.1047 17.9963 42.0873 18.0309C42.0727 18.0599 42.057 18.088 42.0402 18.1153C42.0253 18.1394 42.0096 18.1628 41.9931 18.1854C41.978 18.2061 41.9623 18.2262 41.946 18.2457C41.9308 18.2638 41.9152 18.2814 41.8989 18.2984C41.8836 18.3145 41.868 18.33 41.8518 18.3451C41.8365 18.3594 41.8208 18.3733 41.8047 18.3867C41.7893 18.3996 41.7736 18.412 41.7576 18.4241C41.7422 18.4357 41.7265 18.4469 41.7105 18.4577C41.6951 18.4682 41.6793 18.4783 41.6634 18.488C41.6479 18.4974 41.6322 18.5065 41.6163 18.5152C41.6008 18.5238 41.5851 18.532 41.5692 18.5398C41.5537 18.5475 41.538 18.5548 41.5221 18.5618C41.5066 18.5686 41.4909 18.5752 41.475 18.5813C41.4595 18.5874 41.4438 18.5932 41.428 18.5987C41.4124 18.604 41.3967 18.6091 41.3809 18.6138C41.3653 18.6185 41.3496 18.6229 41.3338 18.627C41.3182 18.631 41.3025 18.6348 41.2867 18.6382C41.2711 18.6416 41.2554 18.6446 41.2396 18.6474L41.2281 18.6494C41.219 18.651 41.2068 18.6528 41.1925 18.6546C41.1786 18.6563 41.1626 18.6581 41.1454 18.6598C41.1305 18.6614 41.1146 18.6628 41.0983 18.6642C41.0829 18.6655 41.067 18.6666 41.0512 18.6676C41.0354 18.6686 41.0195 18.6694 41.0041 18.6701C40.9878 18.6707 40.9719 18.6712 40.957 18.6712L40.9495 18.6713H40.9099H40.8628H40.8157H40.7686H40.7215H40.6744H40.6273H40.5803H40.5331H40.486H40.439H40.3918H40.3448H40.2977H40.2505H40.2035H40.1564H40.1093H40.0622H40.0151H39.968H39.9209H39.8738H39.8267H39.7796H39.7325H39.6854H39.6383H39.5912H39.5441H39.497H39.4499H39.4028H39.3558H39.3087H39.2615H39.2145H39.1674H39.1203H39.0732H39.0261H38.979H38.9319H38.8848H38.8377H38.7906H38.7435H38.6964H38.6493H38.6022H38.5551H38.508H38.4609H38.4138H38.3892V16.3145H38.4138H38.4609H38.508H38.5551H38.6022H38.6493H38.6964H38.7435H38.7906H38.8377H38.8848H38.9319H38.979H39.0261H39.0732H39.1203H39.1674H39.2145H39.2615H39.3087H39.3558H39.4028H39.4499H39.497H39.5441H39.5912H39.6383H39.6854H39.7325H39.7796H39.8267H39.8738H39.9209H39.968H40.0151H40.0622H40.1093H40.1564H40.2035H40.2505H40.2977H40.3448H40.3918H40.439H40.486H40.5331H40.5803H40.6273H40.6744H40.7215H40.7686H40.8157H40.8628H40.9099H40.957H40.9768L41.0041 16.3154C41.0195 16.316 41.0354 16.3169 41.0512 16.3179C41.067 16.3189 41.0829 16.3201 41.0983 16.3213C41.1146 16.3227 41.1305 16.3241 41.1454 16.3256C41.1626 16.3272 41.1786 16.3289 41.1925 16.3305C41.2068 16.3321 41.219 16.3337 41.2281 16.3349L41.2396 16.337C41.2554 16.3398 41.2711 16.343 41.2867 16.3464C41.3025 16.3498 41.3182 16.3536 41.3338 16.3577C41.3496 16.3618 41.3653 16.3662 41.3809 16.3709C41.3967 16.3757 41.4124 16.3808 41.428 16.3862C41.4438 16.3917 41.4595 16.3975 41.475 16.4036C41.4909 16.4099 41.5066 16.4165 41.5221 16.4233C41.538 16.4304 41.5537 16.4377 41.5692 16.4453C41.5851 16.4532 41.6008 16.4614 41.6163 16.4699C41.6322 16.4787 41.6479 16.4878 41.6634 16.4972C41.6793 16.507 41.6951 16.517 41.7105 16.5275C41.7265 16.5383 41.7422 16.5496 41.7576 16.5613C41.7736 16.5733 41.7893 16.5857 41.8047 16.5986C41.8208 16.6121 41.8365 16.626 41.8518 16.6403C41.868 16.6554 41.8836 16.6709 41.8989 16.6869C41.9152 16.704 41.9308 16.7216 41.946 16.7397C41.9623 16.7592 41.978 16.7793 41.9931 16.8C42.0096 16.8227 42.0253 16.846 42.0402 16.8701C42.057 16.8974 42.0727 16.9255 42.0873 16.9545C42.1047 16.9891 42.1204 17.025 42.1344 17.062C42.1535 17.1128 42.1693 17.1657 42.1815 17.2208ZM48.0222 5H48.0415L48.0415 29.2048C48.0415 29.3494 48.0347 29.4925 48.0222 29.6339C48.0112 29.7583 47.9954 29.8814 47.9751 30.0029C47.9614 30.0846 47.9457 30.1655 47.928 30.2458C47.9136 30.311 47.8979 30.3759 47.8809 30.4401C47.8662 30.4956 47.8504 30.5506 47.8338 30.6052C47.8188 30.6546 47.8032 30.7038 47.7867 30.7526C47.7716 30.7968 47.7558 30.8406 47.7396 30.8843C47.7244 30.9249 47.7087 30.9652 47.6925 31.0054C47.6772 31.043 47.6616 31.0804 47.6454 31.1177C47.6301 31.1529 47.6143 31.1879 47.5983 31.2228C47.5829 31.2559 47.5672 31.2889 47.5512 31.3216C47.5358 31.353 47.5201 31.3843 47.5041 31.4152C47.4887 31.4449 47.4729 31.4745 47.457 31.5038C47.4416 31.5321 47.4258 31.56 47.4099 31.5879C47.3944 31.6149 47.3787 31.6417 47.3628 31.6683C47.3473 31.6943 47.3316 31.72 47.3156 31.7457C47.3001 31.7706 47.2845 31.7955 47.2685 31.8202C47.2531 31.8441 47.2372 31.8677 47.2214 31.8913C47.2059 31.9142 47.1902 31.9369 47.1743 31.9596C47.1588 31.9819 47.1431 32.0041 47.1272 32.0261C47.1117 32.0475 47.096 32.0689 47.0801 32.0901C47.0646 32.1108 47.0488 32.1312 47.033 32.1516C47.0174 32.1717 47.0018 32.1918 46.9859 32.2116C46.9703 32.2311 46.9547 32.2504 46.9388 32.2696C46.9232 32.2884 46.9075 32.307 46.8917 32.3256C46.876 32.3439 46.8605 32.3624 46.8446 32.3805C46.829 32.3982 46.8133 32.4157 46.7975 32.4331C46.7819 32.4504 46.7662 32.4675 46.7504 32.4846C46.7347 32.5014 46.7191 32.5182 46.7033 32.5347C46.6877 32.551 46.6719 32.567 46.6562 32.5831C46.6405 32.599 46.6249 32.6151 46.609 32.6308C46.5935 32.6462 46.5777 32.6612 46.5619 32.6764C46.5463 32.6915 46.5307 32.7066 46.5148 32.7214C46.4992 32.736 46.4835 32.7505 46.4677 32.7649C46.4521 32.7792 46.4364 32.7934 46.4206 32.8075C46.405 32.8214 46.3893 32.8352 46.3735 32.8489C46.3579 32.8624 46.3422 32.8758 46.3264 32.8892C46.3108 32.9024 46.2951 32.9157 46.2793 32.9287C46.2638 32.9416 46.248 32.9542 46.2322 32.9669C46.2165 32.9795 46.2009 32.9921 46.1851 33.0045C46.1695 33.0167 46.1537 33.0287 46.138 33.0407C46.1223 33.0527 46.1067 33.0647 46.0909 33.0765C46.0753 33.0881 46.0595 33.0995 46.0438 33.111C46.0281 33.1224 46.0125 33.1339 45.9967 33.1451C45.9811 33.1562 45.9653 33.167 45.9496 33.1778C45.9339 33.1887 45.9183 33.1996 45.9025 33.2102C45.8868 33.2208 45.8711 33.231 45.8554 33.2414C45.8397 33.2517 45.8241 33.2621 45.8083 33.2722C45.7926 33.2822 45.7769 33.2921 45.7612 33.3019C45.7455 33.3117 45.7298 33.3215 45.714 33.3311C45.6984 33.3406 45.6827 33.35 45.667 33.3594L45.6198 33.3871C45.6042 33.3961 45.5885 33.4052 45.5728 33.4141C45.5571 33.4229 45.5414 33.4316 45.5256 33.4402C45.5099 33.4489 45.4943 33.4576 45.4785 33.466C45.4629 33.4744 45.4472 33.4825 45.4314 33.4907C45.4157 33.4989 45.4001 33.5073 45.3843 33.5154C45.3687 33.5233 45.3529 33.5309 45.3372 33.5386C45.3215 33.5464 45.3059 33.5543 45.2901 33.5618C45.2745 33.5694 45.2587 33.5767 45.243 33.5841L45.1959 33.6059L45.1488 33.6271C45.1331 33.634 45.1174 33.6408 45.1017 33.6475C45.086 33.6543 45.0704 33.6612 45.0546 33.6678C45.039 33.6743 45.0232 33.6805 45.0075 33.6869C44.9918 33.6932 44.9762 33.6998 44.9604 33.706C44.9447 33.7121 44.929 33.718 44.9133 33.724C44.8976 33.73 44.882 33.7359 44.8662 33.7417L44.8191 33.759C44.8034 33.7646 44.7876 33.77 44.7719 33.7754C44.7562 33.7809 44.7407 33.7865 44.7249 33.7918C44.7092 33.7971 44.6934 33.8019 44.6777 33.807L44.6306 33.8222C44.615 33.8271 44.5993 33.8318 44.5835 33.8366L44.5364 33.8505C44.5207 33.855 44.5051 33.8597 44.4893 33.8641C44.4737 33.8685 44.4579 33.8726 44.4422 33.8768C44.4265 33.881 44.4109 33.8854 44.3951 33.8894L44.348 33.9012L44.3009 33.9126L44.2538 33.9237C44.2382 33.9273 44.2224 33.9305 44.2067 33.9339C44.191 33.9373 44.1753 33.9409 44.1596 33.9441L44.1125 33.9534L44.0654 33.9624C44.0497 33.9653 44.034 33.9684 44.0183 33.9712C44.0026 33.9739 43.9869 33.9763 43.9712 33.9789L43.9241 33.9867L43.877 33.9937L43.8299 34.0002C43.8141 34.0024 43.7985 34.0048 43.7827 34.0068C43.7671 34.0087 43.7513 34.0103 43.7357 34.0121C43.72 34.0139 43.7043 34.0158 43.6885 34.0175C43.6728 34.0191 43.6572 34.0208 43.6415 34.0223C43.6258 34.0238 43.61 34.0251 43.5943 34.0265C43.5786 34.0278 43.5629 34.0294 43.5472 34.0306C43.5316 34.0318 43.5158 34.0328 43.5001 34.0339L43.453 34.0368C43.4373 34.0378 43.4216 34.0389 43.4059 34.0396C43.3903 34.0404 43.3745 34.0408 43.3588 34.0414L43.3117 34.0432L43.2646 34.0444C43.2489 34.0448 43.2332 34.0448 43.2175 34.045L43.1704 34.0456L43.1607 34.0457H43.1233H43.0762H43.0291H42.982H42.9348H42.8878H42.8406H42.7935H42.7464H42.6993H42.6522H42.6051H42.558H42.5109H42.4638H42.4167H42.3696H42.3225H42.2754H42.2283H42.1812H42.1341H42.087H42.0399H41.9928H41.9456H41.8986H41.8514H41.8043H41.7572H41.7101H41.663H41.6159H41.5688H41.5217H41.4746H41.4275H41.3804H41.3333H41.2862H41.2391H41.192H41.1449H41.0977H41.0507H41.0035H40.9565H40.9093H40.8622H40.8151H40.768H40.7209H40.6738H40.6267H40.5796H40.5325H40.4854H40.4383H40.3912H40.3441H40.297H40.2499H40.2028H40.1557H40.1086H40.0615H40.0143H39.9672H39.9201H39.873H39.8259H39.7788H39.7317H39.6846H39.6375H39.5904H39.5433H39.4962H39.4491H39.402H39.3549H39.3078H39.2606H39.2136H39.1664H39.1194H39.0722H39.0252H38.978H38.9309H38.8838H38.8367H38.7896H38.7425H38.6954H38.6483H38.6012H38.5541H38.507H38.4599H38.4128H38.3657H38.3186H38.2715H38.2244H38.1772H38.1301H38.083H38.0359H37.9888H37.9417H37.8946H37.8475H37.8004H37.7533H37.7062H37.6591H37.612H37.5649H37.5178H37.4707H37.4236H37.3765H37.3293H37.2823H37.2351H37.1881H37.1409H37.0938H37.0467H36.9996H36.9525H36.9054H36.8583H36.8112H36.7641H36.717H36.6699H36.6228H36.5757H36.5286H36.4815H36.4344H36.3873H36.3402H36.293H36.2459H36.1988H36.1517H36.1046H36.003V24.1766H36.1046H36.1517H36.1988H36.2459H36.293H36.3402H36.3873H36.4344H36.4815H36.5286H36.5757H36.6228H36.6699H36.717H36.7641H36.8112H36.8583H36.9054H36.9525H36.9996H37.0467H37.0938H37.1409H37.1881H37.2351H37.2823H37.3293H37.3765H37.4236H37.4707H37.5178H37.5649H37.612H37.6591H37.7062H37.7533H37.8004H37.8475H37.8946H37.9417H37.9888H38.0359H38.083H38.1301H38.1772H38.2244H38.2715H38.3186H38.3657H38.4128H38.4599H38.507H38.5541H38.6012H38.6483H38.6954H38.7425H38.7896H38.8367H38.8838H38.9309H38.978H39.0252H39.0722H39.1194H39.1664H39.2136H39.2606H39.3078H39.3549H39.402H39.4491H39.4962H39.5433H39.5904H39.6375H39.6846H39.7317H39.7788H39.8259H39.873H39.9201H39.9672H40.0143H40.0615H40.1086H40.1557H40.2028H40.2499H40.297H40.3441H40.3912H40.4383H40.4854H40.5325H40.5796H40.6267H40.6738H40.7209H40.768H40.8151H40.8622H40.9093H40.9565H41.0035H41.0507H41.0977H41.1449H41.192H41.2391H41.2862H41.3333H41.3804H41.4275H41.4746H41.5217H41.5688H41.6159H41.663H41.7101H41.7572H41.8043H41.8514H41.8986H41.9456H41.9928H42.0399H42.087H42.1341H42.1812H42.2283H42.2754H42.3225H42.3696H42.4167H42.4638H42.5109H42.558H42.6051H42.6522H42.6993H42.7464H42.7935H42.8406H42.8878H42.9348H42.982H43.0291H43.0762H43.1233H43.1704H43.2175H43.2646H43.3117H43.3588H43.4059H43.453H43.5001H43.5472H43.5722L43.5943 24.1764L43.6415 24.176L43.6885 24.175C43.7043 24.1747 43.72 24.1744 43.7357 24.1739C43.7514 24.1733 43.767 24.1726 43.7827 24.1719L43.8299 24.1697L43.877 24.1669L43.9241 24.1637L43.9712 24.1601L44.0183 24.1558C44.034 24.1543 44.0497 24.1529 44.0654 24.1512C44.0811 24.1496 44.0968 24.1477 44.1125 24.1459L44.1596 24.1402C44.1753 24.1382 44.191 24.1363 44.2067 24.1341C44.2225 24.1319 44.2381 24.1295 44.2538 24.1272C44.2696 24.1249 44.2853 24.1225 44.3009 24.12L44.348 24.1122L44.3951 24.1037C44.4108 24.1008 44.4266 24.098 44.4422 24.095C44.458 24.0919 44.4737 24.0885 44.4893 24.0853L44.5364 24.0752C44.5522 24.0717 44.5679 24.0682 44.5835 24.0646C44.5993 24.0609 44.615 24.057 44.6306 24.0531C44.6464 24.0492 44.6621 24.0453 44.6777 24.0412C44.6935 24.0371 44.7092 24.033 44.7249 24.0287C44.7406 24.0244 44.7563 24.0199 44.7719 24.0153C44.7877 24.0108 44.8034 24.0062 44.8191 24.0015L44.8662 23.9868C44.882 23.9818 44.8976 23.9766 44.9133 23.9714C44.929 23.9662 44.9448 23.9609 44.9604 23.9554C44.9762 23.9499 44.9919 23.9444 45.0075 23.9387C45.0233 23.933 45.0389 23.9269 45.0546 23.921C45.0704 23.9149 45.0861 23.9088 45.1017 23.9026C45.1175 23.8962 45.1332 23.89 45.1488 23.8835C45.1646 23.8769 45.1803 23.8701 45.1959 23.8633C45.2117 23.8564 45.2274 23.8494 45.243 23.8423C45.2588 23.8351 45.2745 23.8278 45.2901 23.8204C45.3059 23.8129 45.3216 23.8054 45.3372 23.7977C45.3531 23.7898 45.3687 23.7819 45.3843 23.7738C45.4001 23.7656 45.4158 23.7572 45.4314 23.7487C45.4473 23.7402 45.463 23.7315 45.4785 23.7228C45.4944 23.7138 45.5101 23.7048 45.5256 23.6956C45.5414 23.6864 45.5572 23.677 45.5728 23.6674C45.5886 23.6576 45.6043 23.6477 45.6198 23.6377C45.6357 23.6274 45.6514 23.6171 45.667 23.6066C45.6828 23.5959 45.6985 23.5851 45.714 23.5741C45.7299 23.5629 45.7456 23.5516 45.7612 23.5402C45.7771 23.5285 45.7928 23.5166 45.8083 23.5046C45.8241 23.4923 45.8399 23.4799 45.8554 23.4673C45.8713 23.4544 45.887 23.4414 45.9025 23.4282C45.9184 23.4146 45.9341 23.4008 45.9496 23.3869C45.9655 23.3726 45.9812 23.3581 45.9967 23.3435C46.0126 23.3284 46.0283 23.3131 46.0438 23.2976C46.0598 23.2815 46.0755 23.2654 46.0909 23.2489C46.1069 23.232 46.1226 23.2147 46.138 23.1974C46.154 23.1793 46.1697 23.1609 46.1851 23.1424C46.2012 23.1231 46.2169 23.1035 46.2322 23.0837C46.2483 23.063 46.2641 23.0421 46.2793 23.0208C46.2955 22.9983 46.3111 22.9753 46.3264 22.9521C46.3426 22.9276 46.3583 22.9027 46.3735 22.8775C46.3899 22.8505 46.4055 22.823 46.4206 22.7952C46.437 22.765 46.4528 22.7344 46.4677 22.7033C46.4844 22.6685 46.5001 22.6332 46.5148 22.5974C46.5318 22.5564 46.5475 22.5148 46.5619 22.4724C46.5797 22.4202 46.5953 22.367 46.609 22.3128C46.6291 22.2336 46.6449 22.1523 46.6562 22.0691C46.6698 21.968 46.677 21.8642 46.677 21.7575C46.677 21.6536 46.6699 21.5527 46.6562 21.4547C46.6449 21.3741 46.6291 21.2956 46.609 21.2192C46.5953 21.1672 46.5796 21.1161 46.5619 21.066C46.5475 21.0249 46.5318 20.9844 46.5148 20.9446C46.5001 20.9102 46.4844 20.8763 46.4677 20.8429C46.4528 20.8128 46.4371 20.7832 46.4206 20.754C46.4055 20.7271 46.3899 20.7006 46.3735 20.6744C46.3584 20.6502 46.3426 20.6262 46.3264 20.6026C46.3111 20.5803 46.2955 20.5581 46.2793 20.5364C46.2641 20.5159 46.2483 20.4957 46.2322 20.4757C46.2169 20.4566 46.2012 20.4377 46.1851 20.4191C46.1697 20.4012 46.154 20.3834 46.138 20.366C46.1226 20.3492 46.1069 20.3326 46.0909 20.3162C46.0755 20.3004 46.0598 20.2848 46.0438 20.2694C46.0283 20.2544 46.0126 20.2397 45.9967 20.2251C45.9812 20.211 45.9655 20.1971 45.9496 20.1833C45.9341 20.1698 45.9184 20.1565 45.9025 20.1435C45.887 20.1307 45.8713 20.1181 45.8554 20.1056C45.8398 20.0934 45.8241 20.0814 45.8083 20.0695C45.7927 20.0579 45.777 20.0465 45.7612 20.0351C45.7456 20.0241 45.7299 20.0131 45.714 20.0023C45.6985 19.9917 45.6828 19.9812 45.667 19.9709C45.6514 19.9607 45.6357 19.9507 45.6198 19.9408C45.6043 19.9312 45.5886 19.9216 45.5728 19.9121C45.5572 19.9029 45.5415 19.8937 45.5256 19.8847C45.5101 19.8758 45.4944 19.8671 45.4785 19.8584C45.463 19.8499 45.4473 19.8415 45.4314 19.8333C45.4158 19.8251 45.4001 19.8171 45.3843 19.8091C45.3687 19.8013 45.353 19.7935 45.3372 19.7859C45.3216 19.7783 45.3059 19.7709 45.2901 19.7636C45.2745 19.7563 45.2588 19.7493 45.243 19.7424C45.2274 19.7355 45.2117 19.7287 45.1959 19.722C45.1803 19.7154 45.1646 19.7089 45.1488 19.7024C45.1331 19.6961 45.1175 19.6897 45.1017 19.6836C45.0861 19.6775 45.0704 19.6715 45.0546 19.6656C45.039 19.6598 45.0232 19.6542 45.0075 19.6485C44.9919 19.643 44.9762 19.6375 44.9604 19.6321C44.9447 19.6268 44.9291 19.6215 44.9133 19.6163C44.8976 19.6112 44.882 19.6062 44.8662 19.6012C44.8506 19.5964 44.8348 19.5916 44.8191 19.587L44.7719 19.5732C44.7563 19.5688 44.7406 19.5643 44.7249 19.5601C44.7092 19.5559 44.6935 19.5518 44.6777 19.5478C44.6621 19.5437 44.6464 19.5399 44.6306 19.536C44.615 19.5322 44.5993 19.5284 44.5835 19.5247C44.5679 19.5211 44.5522 19.5176 44.5364 19.5141C44.5208 19.5107 44.5051 19.5074 44.4893 19.5041C44.4737 19.5009 44.458 19.4976 44.4422 19.4946L44.3951 19.4856L44.348 19.4773C44.3324 19.4746 44.3167 19.4719 44.3009 19.4693L44.2538 19.462C44.2382 19.4596 44.2224 19.4574 44.2067 19.4552L44.1596 19.4489L44.1125 19.443L44.0654 19.4377L44.0183 19.4328L43.9712 19.4284L43.9241 19.4245L43.8806 19.4212L43.8805 19.3652L43.9241 19.3585L43.9712 19.3508C43.9869 19.3481 44.0027 19.3455 44.0183 19.3426L44.0654 19.3336C44.0812 19.3305 44.0969 19.3273 44.1125 19.324L44.1596 19.3139C44.1753 19.3103 44.1911 19.3068 44.2067 19.3031C44.2225 19.2993 44.2382 19.2953 44.2538 19.2914C44.2696 19.2874 44.2853 19.2832 44.3009 19.279C44.3167 19.2747 44.3324 19.2704 44.348 19.266C44.3638 19.2615 44.3795 19.2569 44.3951 19.2522C44.4109 19.2475 44.4267 19.2426 44.4422 19.2377C44.458 19.2326 44.4737 19.2275 44.4893 19.2222C44.5052 19.2169 44.5208 19.2115 44.5364 19.206C44.5523 19.2004 44.5679 19.1947 44.5835 19.1889C44.5993 19.183 44.6151 19.1771 44.6306 19.171C44.6465 19.1648 44.6622 19.1585 44.6777 19.1521C44.6936 19.1456 44.7093 19.139 44.7249 19.1323C44.7407 19.1255 44.7564 19.1185 44.7719 19.1114C44.7878 19.1042 44.8035 19.0969 44.8191 19.0894C44.8349 19.0819 44.8506 19.0742 44.8662 19.0664C44.882 19.0585 44.8977 19.0504 44.9133 19.0422C44.9291 19.0339 44.9449 19.0254 44.9604 19.0169C44.9762 19.0081 44.9919 18.9992 45.0075 18.9903C45.0233 18.9811 45.0391 18.9717 45.0546 18.9623C45.0705 18.9527 45.0861 18.9429 45.1017 18.933C45.1176 18.9229 45.1333 18.9125 45.1488 18.9021C45.1647 18.8915 45.1804 18.8807 45.1959 18.8697C45.2118 18.8585 45.2275 18.8471 45.243 18.8356C45.2589 18.8238 45.2746 18.8119 45.2901 18.7998C45.306 18.7873 45.3218 18.7747 45.3372 18.762C45.3531 18.7488 45.3688 18.7354 45.3843 18.722C45.4003 18.708 45.416 18.6938 45.4314 18.6796C45.4474 18.6648 45.4631 18.6499 45.4785 18.6348C45.4945 18.6191 45.5102 18.6033 45.5256 18.5873C45.5417 18.5706 45.5574 18.5537 45.5728 18.5366C45.5888 18.5188 45.6045 18.5007 45.6198 18.4824C45.6359 18.4633 45.6517 18.444 45.667 18.4244C45.6831 18.4038 45.6988 18.3829 45.714 18.3617C45.7302 18.3393 45.7459 18.3166 45.7612 18.2937C45.7774 18.2692 45.7931 18.2445 45.8083 18.2194C45.8246 18.1923 45.8403 18.1648 45.8554 18.1371C45.8719 18.1065 45.8876 18.0756 45.9025 18.0444C45.9192 18.0092 45.9349 17.9735 45.9496 17.9375C45.9667 17.8955 45.9824 17.853 45.9967 17.8099C46.0146 17.7557 46.0304 17.7006 46.0438 17.6449C46.0655 17.5544 46.0812 17.462 46.0909 17.3681C46.0986 17.294 46.1025 17.2188 46.1025 17.143C46.1025 17.0628 46.0985 16.9847 46.0909 16.9086C46.0812 16.8112 46.0654 16.7172 46.0438 16.6264C46.0303 16.5697 46.0146 16.5143 45.9967 16.4602C45.9823 16.417 45.9666 16.3746 45.9496 16.333C45.9349 16.2971 45.9192 16.2619 45.9025 16.2274C45.8875 16.1966 45.8718 16.1662 45.8554 16.1364C45.8403 16.1091 45.8246 16.0822 45.8083 16.0558C45.7931 16.0312 45.7774 16.0069 45.7612 15.9831C45.7459 15.9607 45.7302 15.9387 45.714 15.917C45.6988 15.8965 45.6831 15.8763 45.667 15.8563C45.6516 15.8373 45.636 15.8184 45.6198 15.7999C45.6045 15.7822 45.5888 15.7649 45.5728 15.7478C45.5574 15.7313 45.5416 15.715 45.5256 15.6989C45.5102 15.6834 45.4945 15.6682 45.4785 15.6531C45.4631 15.6385 45.4474 15.6241 45.4314 15.6099C45.416 15.5962 45.4002 15.5826 45.3843 15.5692C45.3688 15.5561 45.3531 15.5433 45.3372 15.5306C45.3217 15.5183 45.306 15.5061 45.2901 15.4941C45.2746 15.4825 45.2589 15.471 45.243 15.4596C45.2275 15.4485 45.2118 15.4376 45.1959 15.4268C45.1803 15.4162 45.1647 15.4059 45.1488 15.3956C45.1333 15.3855 45.1175 15.3756 45.1017 15.3658C45.0861 15.3563 45.0704 15.3469 45.0546 15.3376C45.039 15.3284 45.0233 15.3195 45.0075 15.3106C44.9919 15.3019 44.9762 15.2933 44.9604 15.2848C44.9448 15.2765 44.9291 15.2684 44.9133 15.2603C44.8977 15.2523 44.882 15.2445 44.8662 15.2368C44.8506 15.2292 44.8349 15.2217 44.8191 15.2143C44.8035 15.2071 44.7877 15.1999 44.7719 15.193C44.7564 15.1861 44.7407 15.1794 44.7249 15.1727C44.7093 15.1661 44.6935 15.1597 44.6777 15.1533C44.6622 15.147 44.6464 15.1408 44.6306 15.1347C44.615 15.1287 44.5993 15.1228 44.5835 15.117C44.5679 15.1112 44.5523 15.1056 44.5364 15.1001C44.5208 15.0946 44.5051 15.0893 44.4893 15.084C44.4737 15.0788 44.458 15.0738 44.4422 15.0688C44.4266 15.0638 44.4109 15.0589 44.3951 15.0542C44.3795 15.0495 44.3638 15.0447 44.348 15.0402C44.3324 15.0357 44.3167 15.0314 44.3009 15.0272C44.2853 15.0229 44.2696 15.0188 44.2538 15.0148L44.2067 15.0029C44.191 14.999 44.1754 14.9953 44.1596 14.9916C44.144 14.988 44.1283 14.9845 44.1125 14.9811L44.0654 14.9712C44.0497 14.968 44.0341 14.9647 44.0183 14.9617C44.0027 14.9587 43.9869 14.9559 43.9712 14.953L43.9241 14.9448C43.9084 14.9422 43.8928 14.9395 43.877 14.937L43.8299 14.9299L43.7827 14.9234L43.7357 14.9172L43.6885 14.9116L43.6415 14.9066L43.5943 14.9019L43.5472 14.8978L43.5001 14.8942L43.453 14.8909L43.4059 14.8882L43.3872 14.8871L43.3588 14.8854L43.3117 14.8827L43.2646 14.8801L43.2175 14.8776L43.1704 14.8754L43.1233 14.8734L43.0762 14.8717L43.0291 14.8702L42.982 14.8692L42.9348 14.8686L42.9089 14.8685H42.8878H42.8406H42.7935H42.7464H42.6993H42.6522H42.6051H42.558H42.5109H42.4638H42.4167H42.3696H42.3225H42.2754H42.2283H42.1812H42.1341H42.087H42.0399H41.9928H41.9456H41.8986H41.8514H41.8043H41.7572H41.7101H41.663H41.6159H41.5688H41.5217H41.4746H41.4275H41.3804H41.3333H41.2862H41.2391H41.192H41.1449H41.0977H41.0507H41.0035H40.9565H40.9093H40.8622H40.8151H40.768H40.7209H40.6738H40.6267H40.5796H40.5325H40.4854H40.4383H40.3912H40.3441H40.297H40.2499H40.2028H40.1557H40.1086H40.0615H40.0143H39.9672H39.9201H39.873H39.8259H39.7788H39.7317H39.6846H39.6375H39.5904H39.5433H39.4962H39.4491H39.402H39.3549H39.3078H39.2606H39.2136H39.1664H39.1194H39.0722H39.0252H38.978H38.9309H38.8838H38.8367H38.7896H38.7425H38.6954H38.6483H38.6012H38.5541H38.507H38.4599H38.4128H38.3657H38.3186H38.2715H38.2244H38.1772H38.1301H38.083H38.0359H37.9888H37.9417H37.8946H37.8475H37.8004H37.7533H37.7062H37.6591H37.612H37.5649H37.5178H37.4707H37.4236H37.3765H37.3293H37.2823H37.2351H37.1881H37.1409H37.0938H37.0467H36.9996H36.9525H36.9054H36.8583H36.8112H36.7641H36.717H36.6699H36.6228H36.5757H36.5286H36.4815H36.4344H36.3873H36.3402H36.293H36.2459H36.1988H36.1517H36.1046H36.003V9.84136C36.003 9.50316 36.0381 9.17313 36.1046 8.85449C36.1189 8.78625 36.1346 8.7186 36.1517 8.65148C36.1664 8.59405 36.1822 8.53705 36.1988 8.48047C36.2137 8.42993 36.2294 8.37974 36.2459 8.3299C36.261 8.28436 36.2766 8.23905 36.293 8.19412C36.3082 8.15245 36.3238 8.11102 36.3402 8.06989C36.3554 8.03147 36.3711 7.99325 36.3873 7.95534C36.4026 7.91955 36.4182 7.88392 36.4344 7.84857C36.4497 7.81499 36.4654 7.78165 36.4815 7.7485C36.4968 7.71686 36.5126 7.68545 36.5286 7.6542C36.5439 7.62415 36.5597 7.59433 36.5757 7.56462C36.5911 7.53601 36.6068 7.50758 36.6228 7.47931C36.6382 7.45189 36.6539 7.42471 36.6699 7.39764C36.6854 7.37138 36.701 7.34524 36.717 7.31933C36.7325 7.2942 36.7482 7.26926 36.7641 7.24443C36.7795 7.22038 36.7953 7.19657 36.8112 7.17283C36.8267 7.14959 36.8424 7.12643 36.8583 7.10347C36.8739 7.08097 36.8894 7.05847 36.9054 7.03624C36.9209 7.01471 36.9367 6.99345 36.9525 6.97219C36.968 6.95127 36.9838 6.93052 36.9996 6.90988C37.0153 6.88954 37.0308 6.86913 37.0467 6.84907C37.0622 6.82956 37.0781 6.81035 37.0938 6.79106C37.1094 6.77205 37.1251 6.75319 37.1409 6.73444C37.1565 6.71593 37.1722 6.69742 37.1881 6.67914C37.2036 6.66133 37.2194 6.64382 37.2351 6.62624C37.2508 6.60882 37.2664 6.59135 37.2823 6.57415C37.2978 6.55731 37.3136 6.54062 37.3293 6.52397C37.3449 6.50755 37.3607 6.49124 37.3765 6.47502C37.3921 6.45902 37.4077 6.44303 37.4236 6.42723C37.4391 6.4117 37.4549 6.3964 37.4707 6.3811C37.4863 6.36588 37.5019 6.35051 37.5178 6.33552C37.5333 6.32084 37.5491 6.30652 37.5649 6.29203C37.5805 6.27763 37.5962 6.26318 37.612 6.24897C37.6276 6.23499 37.6434 6.22128 37.6591 6.20753C37.6747 6.19386 37.6904 6.18019 37.7062 6.16671C37.7218 6.15343 37.7375 6.14034 37.7533 6.12725C37.769 6.11428 37.7846 6.10134 37.8004 6.08856C37.816 6.0759 37.8317 6.06339 37.8475 6.05096L37.8946 6.01421L37.9417 5.97843C37.9574 5.96669 37.9731 5.95503 37.9888 5.94349C38.0045 5.93207 38.0201 5.92068 38.0359 5.90941L38.083 5.87623C38.0987 5.86534 38.1144 5.85454 38.1301 5.84385L38.1772 5.81221L38.2244 5.78142C38.24 5.77132 38.2557 5.76125 38.2715 5.75133L38.3186 5.72213C38.3343 5.71249 38.3499 5.70285 38.3657 5.6934C38.3813 5.68403 38.3971 5.67493 38.4128 5.66575C38.4285 5.65657 38.4441 5.64731 38.4599 5.63833C38.4754 5.62946 38.4913 5.6209 38.507 5.61219C38.5227 5.60348 38.5383 5.59461 38.5541 5.58609C38.5697 5.57768 38.5855 5.56955 38.6012 5.5613C38.6169 5.55305 38.6325 5.54477 38.6483 5.53667C38.6639 5.52866 38.6797 5.52087 38.6954 5.51305C38.7111 5.50526 38.7268 5.49744 38.7425 5.48981L38.7896 5.46724C38.8053 5.45984 38.821 5.45264 38.8367 5.44539C38.8524 5.43819 38.868 5.43087 38.8838 5.42382C38.8994 5.41685 38.9152 5.41019 38.9309 5.40338C38.9466 5.39656 38.9623 5.38963 38.978 5.38297C38.9936 5.37638 39.0095 5.37011 39.0252 5.36368C39.0408 5.35729 39.0565 5.35082 39.0722 5.34459L39.1194 5.32619L39.1664 5.30842C39.1822 5.30253 39.1978 5.29657 39.2136 5.29087C39.2292 5.28522 39.245 5.27992 39.2606 5.27442C39.2764 5.26892 39.292 5.2633 39.3078 5.25796C39.3234 5.25265 39.3392 5.24766 39.3549 5.24251L39.402 5.22736C39.4177 5.22241 39.4333 5.21741 39.4491 5.21261C39.4647 5.20785 39.4805 5.20335 39.4962 5.19874C39.5119 5.1941 39.5275 5.1893 39.5433 5.18484C39.5589 5.18043 39.5747 5.17632 39.5904 5.17206C39.6061 5.1678 39.6217 5.1635 39.6375 5.1594L39.6846 5.14732C39.7003 5.1434 39.716 5.13969 39.7317 5.13593C39.7474 5.13217 39.763 5.12815 39.7788 5.12454C39.7944 5.12098 39.8102 5.11773 39.8259 5.11428L39.873 5.1041L39.9201 5.09445C39.9358 5.09136 39.9515 5.08845 39.9672 5.08551C39.983 5.08253 39.9986 5.07935 40.0143 5.07652C40.03 5.0737 40.0458 5.0713 40.0615 5.06866L40.1086 5.06092C40.1242 5.05844 40.1399 5.05588 40.1557 5.05356C40.1713 5.05124 40.1871 5.04918 40.2028 5.04701C40.2185 5.04485 40.2341 5.04248 40.2499 5.04047C40.2655 5.03846 40.2813 5.03667 40.297 5.03482L40.3441 5.02947C40.3598 5.02777 40.3754 5.02587 40.3912 5.02432C40.4068 5.02277 40.4226 5.02157 40.4383 5.02018L40.4854 5.01603L40.5325 5.01251C40.5482 5.01139 40.5639 5.01049 40.5796 5.00953C40.5953 5.0086 40.6109 5.0074 40.6267 5.00658C40.6424 5.00577 40.6581 5.00531 40.6738 5.00465L40.7209 5.0029C40.7367 5.0024 40.7523 5.00174 40.768 5.00139C40.7837 5.00105 40.7994 5.00101 40.8151 5.00077C40.8308 5.00054 40.8465 5.00027 40.8622 5.00019L40.8741 5.00004H40.9093H40.9565H41.0035H41.0507H41.0977H41.1449H41.192H41.2391H41.2862H41.3333H41.3804H41.4275H41.4746H41.5217H41.5688H41.6159H41.663H41.7101H41.7572H41.8043H41.8514H41.8986H41.9456H41.9928H42.0399H42.087H42.1341H42.1812H42.2283H42.2754H42.3225H42.3696H42.4167H42.4638H42.5109H42.558H42.6051H42.6522H42.6993H42.7464H42.7935H42.8406H42.8878H42.9348H42.982H43.0291H43.0762H43.1233H43.1704H43.2175H43.2646H43.3117H43.3588H43.4059H43.453H43.5001H43.5472H43.5943H43.6415H43.6885H43.7357H43.7827H43.8299H43.877H43.9241H43.9712H44.0183H44.0654H44.1125H44.1596H44.2067H44.2538H44.3009H44.348H44.3951H44.4422H44.4893H44.5364H44.5835H44.6306H44.6777H44.7249H44.7719H44.8191H44.8662H44.9133H44.9604H45.0075H45.0546H45.1017H45.1488H45.1959H45.243H45.2901H45.3372H45.3843H45.4314H45.4785H45.5256H45.5728H45.6198H45.667H45.714H45.7612H45.8083H45.8554H45.9025H45.9496H45.9967H46.0438H46.0909H46.138H46.1851H46.2322H46.2793H46.3264H46.3735H46.4206H46.4677H46.5148H46.5619H46.609H46.6562H46.7033H46.7504H46.7975H46.8446H46.8917H46.9388H46.9859H47.033H47.0801H47.1272H47.1743H47.2214H47.2685H47.3156H47.3628H47.4099H47.457H47.5041H47.5512H47.5983H47.6454H47.6925H47.7396H47.7867H47.8338H47.8809H47.928H47.9751H48.0222V5V5Z" fill="#54B230"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9 21.7969V9.84132C9 9.50409 9.03482 9.17491 9.101 8.85712C9.11521 8.78889 9.13098 8.72127 9.14805 8.65412C9.16265 8.59661 9.17838 8.53956 9.19505 8.48291C9.20993 8.43241 9.22562 8.3823 9.24206 8.33249C9.25713 8.28691 9.2727 8.24152 9.2891 8.19652C9.30429 8.15489 9.31983 8.11349 9.33611 8.07241C9.3513 8.03399 9.36699 7.99569 9.38315 7.95774C9.39842 7.92195 9.41407 7.8864 9.43016 7.85108C9.44546 7.81751 9.46116 7.7842 9.47716 7.75105C9.49247 7.71938 9.50824 7.68793 9.52421 7.65664C9.53955 7.62659 9.55525 7.59677 9.57122 7.5671C9.5866 7.53848 9.60229 7.51006 9.61822 7.48179C9.63364 7.45441 9.6493 7.42718 9.66527 7.40015C9.68073 7.3739 9.6963 7.34772 9.71227 7.32177C9.72773 7.29668 9.74343 7.27177 9.75932 7.24699C9.7747 7.22298 9.79051 7.19912 9.80632 7.17538C9.82182 7.15215 9.83744 7.12899 9.85333 7.10602C9.86895 7.08349 9.88441 7.06099 9.90037 7.03872C9.9158 7.01723 9.93161 6.996 9.94738 6.97474C9.96292 6.95383 9.97857 6.93307 9.99442 6.91243C10.01 6.89214 10.0255 6.87169 10.0414 6.85163C10.0569 6.83215 10.0727 6.81298 10.0884 6.79373C10.104 6.77472 10.1196 6.75578 10.1355 6.737C10.1511 6.71853 10.1666 6.70009 10.1825 6.68185C10.198 6.664 10.2138 6.64646 10.2295 6.62884C10.2451 6.61137 10.2607 6.59394 10.2765 6.57675C10.292 6.5599 10.3078 6.54329 10.3235 6.52668C10.3391 6.51022 10.3548 6.49391 10.3706 6.47769C10.3862 6.46169 10.4018 6.4457 10.4176 6.4299C10.4331 6.41437 10.4489 6.39907 10.4646 6.38378C10.4803 6.36856 10.4958 6.35322 10.5116 6.33823C10.5271 6.32356 10.543 6.30923 10.5587 6.29474C10.5743 6.2803 10.5898 6.26581 10.6057 6.2516C10.6212 6.23766 10.637 6.22399 10.6527 6.21024C10.6684 6.19657 10.6839 6.18286 10.6997 6.16939C10.7153 6.1561 10.731 6.14305 10.7468 6.12996C10.7623 6.11699 10.778 6.10402 10.7938 6.09124C10.8093 6.07861 10.8251 6.0661 10.8408 6.05363C10.8564 6.04128 10.872 6.02904 10.8878 6.01688C10.9034 6.00484 10.9191 5.99295 10.9349 5.9811C10.9505 5.96936 10.9661 5.95767 10.9819 5.94613L11.0289 5.91213C11.0445 5.90093 11.0601 5.88982 11.0759 5.87882C11.0915 5.86794 11.1072 5.85717 11.1229 5.84648C11.1385 5.83583 11.1542 5.82526 11.1699 5.81481C11.1855 5.80447 11.2012 5.79428 11.217 5.7841C11.2326 5.77399 11.2482 5.7638 11.264 5.75385C11.2796 5.74401 11.2953 5.73441 11.311 5.72473C11.3267 5.71508 11.3423 5.70533 11.358 5.69588C11.3736 5.68654 11.3893 5.67748 11.405 5.6683C11.4207 5.65913 11.4363 5.64979 11.4521 5.64077C11.4676 5.6319 11.4834 5.62342 11.4991 5.61471C11.5148 5.60599 11.5304 5.59716 11.5461 5.5886C11.5617 5.58016 11.5774 5.57203 11.5931 5.56378C11.6088 5.55553 11.6244 5.54724 11.6401 5.53915C11.6558 5.53113 11.6715 5.52327 11.6872 5.51541L11.7342 5.49225C11.7498 5.48462 11.7655 5.47699 11.7812 5.46956C11.7969 5.46216 11.8125 5.455 11.8282 5.44776C11.8439 5.44051 11.8595 5.43312 11.8752 5.42607C11.8908 5.41906 11.9066 5.41248 11.9223 5.40566C11.9379 5.39884 11.9536 5.39191 11.9693 5.38525C11.9849 5.37867 12.0006 5.37232 12.0163 5.36589L12.0633 5.34683L12.1104 5.32832L12.1574 5.31059C12.1731 5.3047 12.1886 5.29862 12.2044 5.29289C12.22 5.28723 12.2358 5.28197 12.2515 5.27647C12.2671 5.27097 12.2827 5.26539 12.2985 5.26005L12.3455 5.24444L12.3925 5.2293C12.4082 5.22434 12.4238 5.21927 12.4395 5.21447C12.4551 5.2097 12.4709 5.20517 12.4865 5.20056C12.5022 5.19592 12.5178 5.19119 12.5336 5.1867C12.5492 5.18225 12.5649 5.1781 12.5806 5.1738L12.6276 5.16114C12.6433 5.15704 12.6589 5.15285 12.6746 5.1489C12.6902 5.14495 12.706 5.14135 12.7216 5.13756C12.7373 5.13376 12.7529 5.12981 12.7687 5.12617C12.7843 5.12257 12.8 5.1192 12.8157 5.11575L12.8627 5.10561C12.8784 5.10228 12.894 5.09891 12.9097 5.09577C12.9253 5.09267 12.9411 5.08981 12.9567 5.08682C12.9724 5.08384 12.988 5.08074 13.0038 5.07792C13.0194 5.07509 13.0351 5.07253 13.0508 5.06986L13.0978 5.06212C13.1135 5.05964 13.1291 5.05697 13.1448 5.0546C13.1605 5.05224 13.1762 5.05027 13.1918 5.04806C13.2075 5.04589 13.2232 5.04357 13.2389 5.04151L13.2859 5.03567L13.3329 5.03036C13.3486 5.02862 13.3642 5.02661 13.3799 5.02502C13.3956 5.02343 13.4113 5.02227 13.4269 5.02083L13.474 5.01673C13.4897 5.01541 13.5053 5.01414 13.521 5.01301C13.5367 5.01189 13.5524 5.011 13.568 5.01003C13.5837 5.00906 13.5994 5.00794 13.6151 5.00709C13.6307 5.00623 13.6464 5.00565 13.6621 5.00496L13.7091 5.00318C13.7248 5.00263 13.7404 5.00182 13.7561 5.00143C13.7717 5.00105 13.7875 5.00108 13.8031 5.00085C13.8188 5.00062 13.8345 5.00035 13.8502 5.00027L13.8972 5H13.9442H13.9912H14.0382H14.0853H14.1323H14.1793H14.2263H14.2733H14.3204H14.3674H14.4144H14.4614H14.5084H14.5555H14.6025H14.6495H14.6965H14.7435H14.7906H14.8376H14.8846H14.9316H14.9787H15.0257H15.0727H15.1197H15.1668H15.2138H15.2608H15.3078H15.3549H15.4019H15.4489H15.4959H15.5429H15.5899H15.637H15.684H15.731H15.778H15.825H15.8721H15.9191H15.9661H16.0131H16.0601H16.1072H16.1542H16.2012H16.2482H16.2952H16.3423H16.3893H16.4363H16.4833H16.5304H16.5774H16.6244H16.6714H16.7185H16.7655H16.8125H16.8595H16.9066H16.9536H17.0006H17.0476H17.0946H17.1416H17.1887H17.2357H17.2827H17.3297H17.3767H17.4238H17.4708H17.5178H17.5648H17.6118H17.6589H17.7059H17.7529H17.7999H17.847H17.894H17.941H17.988H18.0351H18.0821H18.1291H18.1761H18.2232H18.2702H18.3172H18.3642H18.4112H18.4583H18.5053H18.5523H18.5993H18.6463H18.6933H18.7404H18.7874H18.8344H18.8814H18.9285H18.9755H19.0225H19.0695H19.1165H19.1635H19.2106H19.2576H19.3046H19.3516H19.3987H19.4457H19.4927H19.5397H19.5868H19.6338H19.6808H19.7278H19.7749H19.8219H19.8689H19.9159H19.9629H20.0099H20.057H20.104H20.151H20.198H20.245H20.2921H20.3391H20.3861H20.4331H20.4801H20.5272H20.5742H20.6212H20.6682H20.7152H20.7623H20.8093H20.8563H20.9033H20.9504H20.9974H21.0373V29.2048C21.0373 29.4154 21.0237 29.6228 20.9974 29.8262C20.9848 29.9242 20.9688 30.0212 20.9504 30.1172C20.9363 30.1902 20.9207 30.2627 20.9033 30.3346C20.8887 30.3951 20.8731 30.4552 20.8563 30.5148C20.8415 30.5672 20.8258 30.6191 20.8093 30.6706C20.7943 30.7173 20.7786 30.7637 20.7623 30.8098C20.7472 30.8524 20.7315 30.8948 20.7152 30.9369C20.7001 30.9762 20.6844 31.0153 20.6682 31.0541C20.653 31.0906 20.6373 31.127 20.6212 31.163C20.6059 31.1972 20.5902 31.2312 20.5742 31.2651C20.5589 31.2974 20.5432 31.3294 20.5272 31.3612C20.5118 31.3918 20.4961 31.4222 20.4801 31.4524C20.4648 31.4815 20.4491 31.5105 20.4331 31.5392C20.4177 31.567 20.4021 31.5947 20.3861 31.6221C20.3707 31.6486 20.355 31.675 20.3391 31.7012C20.3237 31.7265 20.3079 31.7515 20.2921 31.7766C20.2766 31.801 20.2609 31.8253 20.245 31.8494C20.2295 31.873 20.214 31.8965 20.198 31.9198C20.1826 31.9424 20.1668 31.9648 20.151 31.9871C20.1356 32.0089 20.1198 32.0305 20.104 32.0521C20.0884 32.0733 20.0728 32.0944 20.057 32.1153C20.0415 32.1357 20.0258 32.156 20.0099 32.1762C19.9944 32.1959 19.9787 32.2154 19.9629 32.2349C19.9473 32.2542 19.9318 32.2734 19.9159 32.2924C19.9004 32.3109 19.8846 32.3293 19.8689 32.3476C19.8533 32.3656 19.8377 32.3835 19.8219 32.4013C19.8062 32.4189 19.7907 32.4366 19.7749 32.4539C19.7594 32.4709 19.7435 32.4875 19.7278 32.5043C19.7122 32.5209 19.6967 32.5376 19.6808 32.5539C19.6653 32.57 19.6495 32.5859 19.6338 32.6017C19.6182 32.6174 19.6026 32.633 19.5868 32.6485C19.5712 32.6638 19.5555 32.679 19.5397 32.6941C19.5242 32.7089 19.5084 32.7235 19.4927 32.7382C19.4771 32.7527 19.4615 32.7673 19.4457 32.7816C19.4302 32.7956 19.4144 32.8094 19.3987 32.8233C19.383 32.8371 19.3675 32.8511 19.3516 32.8646C19.3361 32.878 19.3203 32.8909 19.3046 32.9041C19.289 32.9172 19.2734 32.9305 19.2576 32.9434C19.2421 32.9561 19.2263 32.9686 19.2106 32.981C19.1949 32.9935 19.1794 33.0061 19.1635 33.0184C19.148 33.0304 19.1322 33.0422 19.1165 33.0541C19.1009 33.066 19.0853 33.0779 19.0695 33.0895C19.054 33.101 19.0382 33.1122 19.0225 33.1236C19.0068 33.1348 18.9913 33.1462 18.9755 33.1573C18.9599 33.1683 18.9442 33.179 18.9285 33.1897C18.9128 33.2004 18.8972 33.2113 18.8814 33.2219C18.8659 33.2323 18.8501 33.2424 18.8344 33.2526C18.8187 33.2628 18.8032 33.2733 18.7874 33.2833C18.7718 33.2932 18.756 33.3027 18.7404 33.3124C18.7247 33.3221 18.7091 33.332 18.6933 33.3415C18.6778 33.3509 18.662 33.3601 18.6463 33.3693C18.6307 33.3785 18.6151 33.3878 18.5993 33.3969C18.5837 33.4058 18.568 33.4146 18.5523 33.4234C18.5367 33.4321 18.521 33.4409 18.5053 33.4494C18.4897 33.4579 18.474 33.4664 18.4583 33.4747L18.4112 33.4993C18.3956 33.5074 18.3799 33.5155 18.3642 33.5235C18.3486 33.5313 18.3329 33.539 18.3172 33.5467C18.3015 33.5543 18.2859 33.5622 18.2702 33.5697C18.2546 33.5772 18.2388 33.5843 18.2232 33.5915C18.2075 33.5988 18.1919 33.6062 18.1761 33.6133C18.1605 33.6204 18.1448 33.6271 18.1291 33.634L18.0821 33.6544L18.0351 33.6742C18.0194 33.6807 18.0037 33.687 17.988 33.6933C17.9724 33.6996 17.9567 33.706 17.941 33.7122C17.9254 33.7183 17.9097 33.724 17.894 33.7299C17.8783 33.7358 17.8627 33.7418 17.847 33.7476C17.8313 33.7533 17.8156 33.7588 17.7999 33.7644L17.7529 33.7808L17.7059 33.7968C17.6903 33.802 17.6745 33.8069 17.6589 33.8119C17.6432 33.817 17.6276 33.8222 17.6118 33.8271C17.5963 33.8319 17.5805 33.8364 17.5648 33.8411L17.5178 33.8549L17.4708 33.8682C17.4552 33.8725 17.4395 33.8767 17.4238 33.8808C17.4081 33.885 17.3925 33.8894 17.3767 33.8934C17.3612 33.8974 17.3453 33.901 17.3297 33.9048C17.3141 33.9086 17.2984 33.9125 17.2827 33.9162L17.2357 33.9269L17.1887 33.9371C17.173 33.9405 17.1574 33.9441 17.1416 33.9473C17.126 33.9505 17.1103 33.9532 17.0946 33.9562C17.079 33.9592 17.0633 33.9623 17.0476 33.9651L17.0006 33.9735C16.985 33.9763 16.9693 33.9787 16.9536 33.9813C16.9379 33.9838 16.9223 33.9866 16.9066 33.989C16.8909 33.9914 16.8752 33.9934 16.8595 33.9957L16.8125 34.0022C16.7969 34.0043 16.7812 34.0064 16.7655 34.0084C16.7498 34.0103 16.7341 34.0119 16.7185 34.0137C16.7028 34.0155 16.6871 34.0174 16.6714 34.019C16.6558 34.0207 16.6401 34.0221 16.6244 34.0235L16.5774 34.0277C16.5617 34.029 16.5461 34.0306 16.5304 34.0318C16.5147 34.033 16.499 34.0337 16.4833 34.0347L16.4363 34.0377L16.3893 34.0402C16.3737 34.0409 16.3579 34.0414 16.3423 34.0419C16.3266 34.0425 16.3109 34.0433 16.2952 34.0437C16.2796 34.0441 16.2639 34.0443 16.2482 34.0446L16.2012 34.0452C16.1867 34.0453 16.1722 34.0457 16.1576 34.0457H16.1072H16.0601H16.0131H15.9661H15.9191H15.8721H15.825H15.778H15.731H15.684H15.637H15.5899H15.5429H15.4959H15.4489H15.4019H15.3549H15.3078H15.2608H15.2138H15.1668H15.1197H15.0727H15.0257H14.9787H14.9316H14.8846H14.8376H14.7906H14.7435H14.6965H14.6495H14.6025H14.5555H14.5084H14.4614H14.4144H14.3674H14.3204H14.2733H14.2263H14.1793H14.1323H14.0853H14.0382H13.9912H13.9442H13.8972H13.8502H13.8031H13.7561H13.7091H13.6621H13.6151H13.568H13.521H13.474H13.4269H13.3799H13.3329H13.2859H13.2389H13.1918H13.1448H13.0978H13.0508H13.0038H12.9567H12.9097H12.8627H12.8157H12.7687H12.7216H12.6746H12.6276H12.5806H12.5336H12.4865H12.4395H12.3925H12.3455H12.2985H12.2515H12.2044H12.1574H12.1104H12.0633H12.0163H11.9693H11.9223H11.8752H11.8282H11.7812H11.7342H11.6872H11.6401H11.5931H11.5461H11.4991H11.4521H11.405H11.358H11.311H11.264H11.217H11.1699H11.1229H11.0759H11.0289H10.9819H10.9349H10.8878H10.8408H10.7938H10.7468H10.6997H10.6527H10.6057H10.5587H10.5116H10.4646H10.4176H10.3706H10.3235H10.2765H10.2295H10.1825H10.1355H10.0884H10.0414H9.99442H9.94738H9.90037H9.85333H9.80632H9.75932H9.71227H9.66527H9.61822H9.57122H9.52421H9.47716H9.43016H9.38315H9.33611H9.2891H9.24206H9.19505H9.14805H9.101H9V23.8437C9 23.8437 9.03475 23.8531 9.101 23.8697L9.14805 23.8814L9.19505 23.8928L9.24206 23.904L9.2891 23.915L9.33611 23.9258L9.38315 23.9365L9.43016 23.9471L9.47716 23.9574L9.52421 23.9677L9.57122 23.9778L9.61822 23.9877L9.66527 23.9976L9.71227 24.0073L9.75932 24.0168L9.80632 24.0263L9.85333 24.0356L9.90037 24.0448L9.94738 24.0539L9.99442 24.0629L10.0414 24.0718L10.0884 24.0805L10.1355 24.0891L10.1825 24.0976L10.2295 24.106L10.2765 24.1144L10.3235 24.1225L10.3706 24.1306L10.4176 24.1386L10.4646 24.1464L10.5116 24.1542L10.5587 24.1618L10.6057 24.1694L10.6527 24.1768L10.6997 24.1842L10.7468 24.1914L10.7938 24.1986L10.8408 24.2056L10.8878 24.2125L10.9349 24.2193L10.9819 24.2261L11.0289 24.2327L11.0759 24.2393L11.1229 24.2456L11.1699 24.252L11.217 24.2582L11.264 24.2643L11.311 24.2703L11.358 24.2762L11.405 24.2821L11.4521 24.2878L11.4991 24.2934L11.5461 24.2989L11.5931 24.3043L11.6401 24.3096L11.6872 24.3149L11.7342 24.32L11.7812 24.325L11.8282 24.3299L11.8752 24.3347L11.9223 24.3395L11.9693 24.344L12.0163 24.3486L12.0633 24.353L12.1104 24.3573L12.1574 24.3616L12.2044 24.3656L12.2515 24.3696L12.2985 24.3736L12.3455 24.3773L12.3925 24.3811L12.4395 24.3846L12.4865 24.3882L12.5336 24.3916L12.5806 24.3949L12.6276 24.3981L12.6746 24.4011L12.7216 24.4041L12.7687 24.4071L12.8157 24.4098L12.8627 24.4126L12.9097 24.4151L12.9567 24.4175L13.0038 24.4199L13.0508 24.4222L13.0978 24.4244L13.1448 24.4264L13.1918 24.4283L13.2389 24.4303L13.2859 24.4319L13.3329 24.4335L13.3799 24.4351L13.4269 24.4364L13.474 24.4378L13.521 24.439L13.568 24.44L13.6151 24.4411L13.6621 24.4419L13.7091 24.4427L13.7561 24.4434L13.8031 24.4438L13.8502 24.4443L13.8972 24.4447L13.9442 24.4448L13.9912 24.445L14.0382 24.4449L14.0853 24.4446L14.1323 24.4443L14.1793 24.444L14.2263 24.4438L14.2733 24.4429L14.3204 24.4421L14.3674 24.4412L14.4144 24.4404L14.4614 24.4392L14.5084 24.4377L14.5555 24.4363L14.6025 24.4349L14.6495 24.4333L14.6965 24.4313L14.7435 24.4292L14.7906 24.4271L14.8376 24.4251L14.8846 24.4225L14.9316 24.4198L14.9787 24.4171L15.0257 24.4144L15.0727 24.4113L15.1197 24.4079L15.1668 24.4046L15.2138 24.4012L15.2608 24.3975L15.3078 24.3935L15.3549 24.3894L15.4019 24.3854L15.4489 24.381L15.4959 24.3762L15.5429 24.3715L15.5899 24.3667L15.637 24.3615L15.684 24.3561L15.731 24.3506L15.778 24.3451L15.825 24.339L15.8721 24.3328L15.9191 24.3266L15.9661 24.3202C15.982 24.318 15.9974 24.3155 16.0131 24.3132L16.0601 24.3062L16.1072 24.2992L16.1542 24.2918C16.17 24.2892 16.1855 24.2865 16.2012 24.2839L16.2482 24.2761C16.2638 24.2734 16.2798 24.2709 16.2952 24.2682C16.3111 24.2654 16.3265 24.2624 16.3423 24.2596L16.3893 24.2509L16.4363 24.2422L16.4833 24.233C16.4992 24.2299 16.5147 24.2266 16.5304 24.2234L16.5774 24.2138L16.6244 24.204C16.6403 24.2007 16.6557 24.197 16.6714 24.1936L16.7185 24.183C16.734 24.1795 16.75 24.1761 16.7655 24.1725C16.7814 24.1688 16.7968 24.1649 16.8125 24.1611L16.8595 24.1496C16.8751 24.1458 16.8911 24.1421 16.9066 24.1382C16.9224 24.1342 16.9379 24.13 16.9536 24.1259L17.0006 24.1135C17.0162 24.1093 17.0321 24.1052 17.0476 24.101C17.0634 24.0967 17.079 24.0922 17.0946 24.0878L17.1416 24.0742C17.1573 24.0697 17.1732 24.0653 17.1887 24.0607L17.2357 24.0464L17.2827 24.0318C17.2983 24.0269 17.3143 24.0221 17.3297 24.0171L17.3767 24.0016L17.4238 23.9858C17.4394 23.9805 17.4554 23.9754 17.4708 23.97C17.4867 23.9644 17.5021 23.9587 17.5178 23.9531L17.5648 23.9361C17.5805 23.9303 17.5963 23.9246 17.6118 23.9188C17.6277 23.9128 17.6432 23.9066 17.6589 23.9005C17.6746 23.8945 17.6904 23.8884 17.7059 23.8823L17.7529 23.8633L17.7999 23.8437C17.8156 23.8372 17.8315 23.8308 17.847 23.8241C17.8629 23.8173 17.8783 23.8101 17.894 23.8032L17.941 23.7822L17.988 23.7605C18.0038 23.7531 18.0194 23.7456 18.0351 23.7381C18.0507 23.7305 18.0666 23.7231 18.0821 23.7155C18.098 23.7076 18.1134 23.6994 18.1291 23.6915C18.1448 23.6835 18.1606 23.6756 18.1761 23.6675C18.192 23.6592 18.2075 23.6507 18.2232 23.6423C18.2389 23.6338 18.2546 23.6253 18.2702 23.6167C18.286 23.6079 18.3016 23.5991 18.3172 23.5902C18.333 23.5812 18.3486 23.572 18.3642 23.5629C18.3799 23.5536 18.3957 23.5443 18.4112 23.535C18.4271 23.5253 18.4426 23.5156 18.4583 23.5058C18.474 23.496 18.4898 23.4862 18.5053 23.4763C18.5212 23.466 18.5367 23.4555 18.5523 23.4452C18.568 23.4347 18.5839 23.4243 18.5993 23.4137C18.6152 23.4028 18.6307 23.3916 18.6463 23.3806C18.6621 23.3694 18.6779 23.3582 18.6933 23.3469C18.7093 23.3353 18.7248 23.3234 18.7404 23.3116C18.7562 23.2997 18.7719 23.2876 18.7874 23.2755C18.8032 23.2631 18.8189 23.2505 18.8344 23.2379C18.8503 23.225 18.8659 23.2119 18.8814 23.1989C18.8972 23.1855 18.9131 23.1723 18.9285 23.1588C18.9444 23.1448 18.9599 23.1306 18.9755 23.1165C18.9913 23.1022 19.0071 23.0879 19.0225 23.0734C19.0385 23.0583 19.054 23.0431 19.0695 23.0278C19.0854 23.0122 19.1011 22.9964 19.1165 22.9805C19.1324 22.9643 19.1482 22.9482 19.1635 22.9318C19.1796 22.9146 19.1951 22.8973 19.2106 22.8799C19.2266 22.8621 19.2422 22.8441 19.2576 22.826C19.2735 22.8073 19.2893 22.7887 19.3046 22.7698C19.3206 22.7501 19.3363 22.7305 19.3516 22.7106C19.3677 22.6898 19.3832 22.6689 19.3987 22.6478C19.4147 22.6259 19.4303 22.6038 19.4457 22.5816C19.4617 22.5584 19.4774 22.5351 19.4927 22.5115C19.5088 22.4869 19.5244 22.4621 19.5397 22.4371C19.5558 22.4107 19.5715 22.3841 19.5868 22.3573C19.6029 22.3289 19.6186 22.3004 19.6338 22.2716C19.65 22.2407 19.6657 22.2097 19.6808 22.1785C19.6971 22.1448 19.7127 22.1109 19.7278 22.0768C19.7442 22.0397 19.7599 22.0024 19.7749 21.9647C19.7913 21.9231 19.8071 21.8812 19.8219 21.839C19.8387 21.791 19.8542 21.7426 19.8689 21.6938C19.886 21.6367 19.9016 21.579 19.9159 21.5208C19.9336 21.4486 19.9494 21.3755 19.9629 21.3017C19.9831 21.1917 19.9986 21.0801 20.0099 20.9669C20.0257 20.8091 20.0334 20.6485 20.0334 20.4853V14.8685H19.9629H19.9159H19.8689H19.8219H19.7749H19.7278H19.6808H19.6338H19.5868H19.5397H19.4927H19.4457H19.3987H19.3516H19.3046H19.2576H19.2106H19.1635H19.1165H19.0695H19.0225H18.9755H18.9285H18.8814H18.8344H18.7874H18.7404H18.6933H18.6463H18.5993H18.5523H18.5053H18.4583H18.4112H18.3642H18.3172H18.2702H18.2232H18.1761H18.1291H18.0821H18.0351H17.988H17.941H17.894H17.847H17.7999H17.7529H17.7059H17.6589H17.6118H17.5648H17.5178H17.4708H17.4238H17.3767H17.3297H17.2827H17.2357H17.1887H17.1416H17.0946H17.0476H17.0006H16.9536H16.9066H16.8595H16.8125H16.7655H16.7185H16.6714H16.6244H16.5774H16.5304H16.4833H16.4363H16.3893H16.3423H16.2952H16.2482H16.2012H16.1542H16.1072H16.0601H16.0131H15.9661H15.9191H15.8721L15.8364 20.4853C15.8364 20.5732 15.8326 20.6597 15.825 20.7446C15.8154 20.8527 15.7997 20.958 15.778 21.0605C15.7646 21.1238 15.7489 21.1859 15.731 21.2469C15.7167 21.2954 15.7011 21.3432 15.684 21.3902C15.6694 21.4302 15.6536 21.4695 15.637 21.5083C15.6221 21.543 15.6064 21.577 15.5899 21.6106C15.5749 21.6412 15.5593 21.6715 15.5429 21.7012C15.5278 21.7285 15.5121 21.7553 15.4959 21.7819C15.4807 21.8069 15.4651 21.8315 15.4489 21.8558C15.4336 21.8786 15.4179 21.9011 15.4019 21.9232C15.3866 21.9443 15.371 21.9653 15.3549 21.9858C15.3396 22.0054 15.3238 22.0245 15.3078 22.0435C15.2925 22.0616 15.2768 22.0795 15.2608 22.0972C15.2454 22.1142 15.2298 22.1311 15.2138 22.1476C15.1983 22.1636 15.1827 22.1794 15.1668 22.1949C15.1513 22.2099 15.1357 22.2248 15.1197 22.2393C15.1043 22.2534 15.0886 22.2673 15.0727 22.281C15.0573 22.2943 15.0416 22.3074 15.0257 22.3203C15.0102 22.3328 14.9945 22.3452 14.9787 22.3574C14.9632 22.3692 14.9475 22.3809 14.9316 22.3925C14.9161 22.4037 14.9005 22.4148 14.8846 22.4256C14.8691 22.4363 14.8535 22.4468 14.8376 22.4571C14.8221 22.4672 14.8064 22.4771 14.7906 22.4868C14.7751 22.4964 14.7594 22.5057 14.7435 22.515C14.728 22.524 14.7124 22.5328 14.6965 22.5416C14.681 22.5501 14.6653 22.5584 14.6495 22.5667C14.634 22.5749 14.6183 22.5828 14.6025 22.5906C14.587 22.5983 14.5713 22.6058 14.5555 22.6133C14.5399 22.6206 14.5243 22.6278 14.5084 22.6348C14.4929 22.6417 14.4772 22.6485 14.4614 22.6551C14.4459 22.6616 14.4302 22.6679 14.4144 22.6742C14.3989 22.6803 14.3832 22.6863 14.3674 22.6922C14.3518 22.698 14.3362 22.7037 14.3204 22.7093C14.3048 22.7148 14.2891 22.7202 14.2733 22.7255C14.2578 22.7306 14.2421 22.7357 14.2263 22.7406C14.2108 22.7454 14.1951 22.7501 14.1793 22.7547C14.1637 22.7592 14.148 22.7637 14.1323 22.768C14.1167 22.7723 14.101 22.7766 14.0853 22.7806C14.0697 22.7846 14.054 22.7884 14.0382 22.7922C14.0227 22.7959 14.007 22.7995 13.9912 22.803C13.9756 22.8064 13.96 22.8098 13.9442 22.8131C13.9286 22.8163 13.913 22.8194 13.8972 22.8224C13.8816 22.8253 13.8659 22.8281 13.8502 22.8308C13.8345 22.8336 13.8189 22.8363 13.8031 22.8388L13.7561 22.8459C13.7405 22.8482 13.7248 22.8502 13.7091 22.8523C13.6935 22.8543 13.6779 22.8563 13.6621 22.8581L13.6151 22.8633C13.5995 22.8649 13.5838 22.8663 13.568 22.8678C13.5524 22.8691 13.5368 22.8706 13.521 22.8718C13.5054 22.873 13.4897 22.874 13.474 22.875C13.4584 22.876 13.4427 22.8769 13.4269 22.8777C13.4113 22.8785 13.3957 22.8793 13.3799 22.8799C13.3644 22.8806 13.3486 22.8809 13.3329 22.8814L13.2859 22.8825C13.2703 22.8827 13.2546 22.8828 13.2389 22.8829L13.1918 22.883L13.1448 22.8827L13.0978 22.882L13.0508 22.881L13.0038 22.8798L12.9567 22.8783L12.9097 22.8764L12.8627 22.8742L12.8157 22.8719L12.7687 22.8691L12.7216 22.866L12.6746 22.8628L12.6276 22.8591L12.5806 22.8552L12.5336 22.851L12.4865 22.8466L12.4395 22.8418L12.3925 22.8367L12.3455 22.8314L12.2985 22.8258L12.2515 22.8198L12.2044 22.8137L12.1574 22.8072L12.1104 22.8004L12.0633 22.7935L12.0163 22.7862L11.9693 22.7786L11.9223 22.7708L11.8752 22.7627L11.8282 22.7542L11.7812 22.7456L11.7342 22.7367L11.6872 22.7275L11.6401 22.718L11.5931 22.7083L11.5461 22.6984L11.4991 22.6881L11.4521 22.6776L11.405 22.6668L11.358 22.6558L11.311 22.6445L11.264 22.633L11.217 22.6212L11.1699 22.6091L11.1229 22.5967L11.0759 22.5842L11.0289 22.5714L10.9819 22.5584L10.9349 22.545L10.8878 22.5315L10.8408 22.5177L10.7938 22.5036L10.7468 22.4894L10.6997 22.4748L10.6527 22.46L10.6057 22.445L10.5587 22.4298L10.5116 22.4143L10.4646 22.3985L10.4176 22.3825L10.3706 22.3664L10.3235 22.3499L10.2765 22.3332L10.2295 22.3164L10.1825 22.2992L10.1355 22.2819L10.0884 22.2643L10.0414 22.2465L9.99442 22.2285L9.94738 22.2103L9.90037 22.1918L9.85333 22.1731L9.80632 22.1542L9.75932 22.135L9.71227 22.1157L9.66527 22.0961L9.61822 22.0763L9.57122 22.0564L9.52421 22.0362L9.47716 22.0157L9.43016 21.9951L9.38315 21.9743L9.33611 21.9533L9.2891 21.932L9.24206 21.9105L9.19505 21.8889L9.14805 21.867L9.101 21.845C9.06731 21.8291 9.03365 21.8131 9 21.7969Z" fill="#006CB9"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.6027 16.0958C22.5685 16.1233 22.5347 16.151 22.5018 16.1791V9.84132C22.5018 9.50428 22.5366 9.1753 22.6027 8.85762C22.6169 8.78943 22.6327 8.72185 22.6497 8.65474C22.6644 8.59715 22.6801 8.54003 22.6968 8.48329C22.7117 8.43276 22.7274 8.38257 22.7438 8.33273C22.7589 8.28718 22.7745 8.24187 22.7908 8.19695C22.806 8.15532 22.8216 8.11388 22.8379 8.07279C22.8531 8.03438 22.8687 7.99615 22.8849 7.9582C22.9001 7.92242 22.9158 7.88687 22.9319 7.85151C22.9472 7.81793 22.9629 7.78459 22.9789 7.75144C22.9942 7.71976 23.01 7.68839 23.0259 7.6571C23.0413 7.62705 23.057 7.59723 23.073 7.56753C23.0884 7.53891 23.1041 7.51048 23.12 7.48221C23.1354 7.45483 23.1511 7.42757 23.167 7.40054C23.1825 7.37428 23.1981 7.34814 23.214 7.3222C23.2295 7.29714 23.2452 7.27224 23.261 7.24749C23.2765 7.2234 23.2922 7.19959 23.3081 7.17581C23.3236 7.15254 23.3392 7.12942 23.3551 7.10645C23.3707 7.08391 23.3862 7.06137 23.4021 7.03914C23.4176 7.01761 23.4334 6.99643 23.4492 6.97521C23.4647 6.95429 23.4803 6.9335 23.4962 6.91286C23.5118 6.89253 23.5273 6.87216 23.5432 6.8521C23.5586 6.83262 23.5745 6.81341 23.5902 6.79416C23.6058 6.77515 23.6214 6.75621 23.6373 6.73746C23.6528 6.71895 23.6684 6.70052 23.6843 6.68228C23.6998 6.66447 23.7156 6.64688 23.7313 6.6293C23.7469 6.61187 23.7625 6.59437 23.7783 6.57714C23.7938 6.56029 23.8096 6.54364 23.8253 6.52702C23.8409 6.5106 23.8565 6.4943 23.8723 6.47807C23.8879 6.46208 23.9036 6.44609 23.9194 6.43029C23.9349 6.4148 23.9506 6.3995 23.9664 6.3842C23.982 6.36898 23.9976 6.35365 24.0134 6.33862C24.0289 6.32394 24.0447 6.30961 24.0604 6.29513C24.076 6.28069 24.0916 6.2662 24.1075 6.25199C24.123 6.23805 24.1388 6.22434 24.1545 6.21059C24.1701 6.19688 24.1857 6.18321 24.2015 6.16973C24.2171 6.15645 24.2328 6.1434 24.2485 6.13031C24.2641 6.11734 24.2798 6.10436 24.2956 6.09155C24.3111 6.07892 24.3268 6.06641 24.3426 6.05398C24.3582 6.04163 24.3738 6.02935 24.3896 6.01719C24.4052 6.00519 24.4209 5.9933 24.4366 5.98145C24.4522 5.96971 24.4679 5.95802 24.4836 5.94648C24.4992 5.93501 24.5149 5.9237 24.5307 5.91244C24.5463 5.90128 24.5619 5.89013 24.5777 5.87913C24.5933 5.86825 24.609 5.85752 24.6247 5.84679C24.6403 5.83614 24.656 5.82553 24.6717 5.81508C24.6873 5.80474 24.703 5.79455 24.7188 5.78437C24.7344 5.77422 24.75 5.76407 24.7658 5.75412C24.7814 5.74428 24.7971 5.73468 24.8128 5.725C24.8285 5.71536 24.8441 5.7056 24.8598 5.69615C24.8754 5.68678 24.8912 5.67771 24.9069 5.66854C24.9226 5.65936 24.9381 5.64999 24.9539 5.641C24.9694 5.63213 24.9853 5.62361 25.0009 5.6149C25.0166 5.60619 25.0322 5.5974 25.0479 5.58888C25.0635 5.58043 25.0792 5.5723 25.0949 5.56401C25.1106 5.55576 25.1262 5.54748 25.142 5.53938L25.189 5.51564L25.236 5.49245C25.2517 5.48486 25.2673 5.47719 25.283 5.46975C25.2987 5.46236 25.3144 5.45519 25.3301 5.44795C25.3458 5.44075 25.3613 5.43331 25.3771 5.42626C25.3927 5.41925 25.4084 5.41267 25.4241 5.40585C25.4398 5.39904 25.4554 5.39211 25.4711 5.38544C25.4868 5.37886 25.5025 5.37247 25.5182 5.36604L25.5652 5.34699C25.5809 5.34075 25.5965 5.33452 25.6122 5.32844C25.6278 5.3224 25.6436 5.31659 25.6592 5.3107C25.6749 5.30482 25.6905 5.29874 25.7063 5.293C25.7218 5.28735 25.7376 5.28208 25.7533 5.27658C25.769 5.27109 25.7846 5.26551 25.8003 5.26016C25.8159 5.25482 25.8317 5.24971 25.8473 5.24456L25.8944 5.22942C25.91 5.22446 25.9257 5.21939 25.9414 5.21454C25.957 5.20978 25.9728 5.20529 25.9884 5.20068C26.0041 5.19603 26.0197 5.19127 26.0355 5.18678C26.0511 5.18232 26.0668 5.17818 26.0825 5.17388L26.1295 5.16122C26.1452 5.15711 26.1608 5.15293 26.1765 5.14898C26.1921 5.14507 26.2079 5.14139 26.2235 5.1376C26.2392 5.1338 26.2548 5.12985 26.2706 5.12621C26.2862 5.12261 26.3019 5.11924 26.3176 5.11579L26.3646 5.10565C26.3803 5.10235 26.3959 5.09895 26.4116 5.09581C26.4272 5.09267 26.443 5.08985 26.4587 5.08686C26.4743 5.08388 26.4899 5.08074 26.5057 5.07792L26.5527 5.06986L26.5997 5.06216C26.6154 5.05964 26.631 5.05697 26.6468 5.0546C26.6624 5.05224 26.6781 5.05027 26.6938 5.04806C26.7094 5.04589 26.7251 5.04361 26.7408 5.04155L26.7878 5.03571L26.8348 5.03036C26.8505 5.02862 26.8661 5.02661 26.8819 5.02502C26.8975 5.02343 26.9132 5.02227 26.9289 5.02083L26.9759 5.01673C26.9916 5.01541 27.0072 5.01414 27.0229 5.01301C27.0386 5.01189 27.0543 5.011 27.0699 5.01003C27.0856 5.00906 27.1012 5.00794 27.117 5.00709C27.1326 5.00623 27.1483 5.00565 27.164 5.00496L27.211 5.00318C27.2267 5.00263 27.2423 5.00182 27.2581 5.00143C27.2737 5.00105 27.2894 5.00108 27.3051 5.00085C27.3208 5.00062 27.3364 5.00035 27.3521 5.00027L27.3729 5H27.3991H27.4462H27.4932H27.5402H27.5872H27.6342H27.6813H27.7283H27.7753H27.8223H27.8694H27.9164H27.9634H28.0104H28.0574H28.1045H28.1515H28.1985H28.2455H28.2926H28.3396H28.3866H28.4337H28.4807H28.5277H28.5747H28.6218H28.6688H28.7158H28.7628H28.8099H28.8569H28.9039H28.9509H28.998H29.045H29.092H29.139H29.186H29.2331H29.2801H29.3271H29.3741H29.4212H29.4682H29.5152H29.5622H29.6092H29.6563H29.7033H29.7503H29.7973H29.8444H29.8914H29.9384H29.9854H30.0325H30.0795H30.1265H30.1735H30.2206H30.2676H30.3146H30.3616H30.4086H30.4557H30.5027H30.5497H30.5967H30.6438H30.6908H30.7378H30.7848H30.8319H30.8789H30.9259H30.9729H31.02H31.067H31.114H31.161H31.2081H31.2551H31.3021H31.3491H31.3962H31.4432H31.4902H31.5372H31.5843H31.6313H31.6783H31.7253H31.7724H31.8194H31.8664H31.9134H31.9604H32.0075H32.0545H32.1015H32.1485H32.1956H32.2426H32.2896H32.3366H32.3836H32.4307H32.4777H32.5247H32.5717H32.6188H32.6658H32.7128H32.7598H32.8068H32.8539H32.9009H32.9479H32.995H33.042H33.089H33.136H33.183H33.2301H33.2771H33.3241H33.3711H33.4182H33.4652H33.5122H33.5592H33.6063H33.6533H33.7003H33.7473H33.7944H33.8414H33.8884H33.9354H33.9825H34.0295H34.0765H34.1235H34.1706H34.2176H34.2646H34.3116H34.3586H34.4057H34.4527H34.4997H34.5396V29.2048C34.5396 29.4153 34.526 29.6225 34.4997 29.8259C34.4871 29.9239 34.4712 30.0208 34.4527 30.1168C34.4387 30.1898 34.423 30.2624 34.4057 30.3343C34.3911 30.3948 34.3755 30.4549 34.3586 30.5146C34.3438 30.5669 34.3281 30.6188 34.3116 30.6704C34.2967 30.7171 34.2809 30.7634 34.2646 30.8095C34.2495 30.8521 34.2338 30.8946 34.2176 30.9367C34.2024 30.9759 34.1868 31.0149 34.1706 31.0537C34.1553 31.0903 34.1396 31.1266 34.1235 31.1627C34.1082 31.197 34.0926 31.2309 34.0765 31.2647C34.0612 31.297 34.0455 31.3291 34.0295 31.361C34.0141 31.3916 33.9984 31.422 33.9825 31.4522C33.967 31.4813 33.9514 31.5102 33.9354 31.539C33.92 31.5668 33.9044 31.5945 33.8884 31.622C33.873 31.6484 33.8573 31.6747 33.8414 31.7008C33.826 31.7262 33.8102 31.7513 33.7944 31.7763C33.7789 31.8007 33.7632 31.825 33.7473 31.8491C33.7318 31.8727 33.7163 31.8963 33.7003 31.9196C33.6848 31.9421 33.6691 31.9645 33.6533 31.9868C33.6378 32.0086 33.6221 32.0302 33.6063 32.0518C33.5907 32.073 33.5751 32.0941 33.5592 32.1151C33.5437 32.1355 33.5281 32.1557 33.5122 32.1759C33.4967 32.1956 33.481 32.2152 33.4652 32.2346C33.4496 32.2539 33.4341 32.2731 33.4182 32.2921C33.4027 32.3107 33.3869 32.329 33.3711 32.3473C33.3556 32.3654 33.34 32.3832 33.3241 32.4011C33.3085 32.4186 33.2929 32.4363 33.2771 32.4536C33.2616 32.4706 33.2458 32.4873 33.2301 32.504C33.2145 32.5206 33.1989 32.5373 33.183 32.5538C33.1675 32.5698 33.1518 32.5856 33.136 32.6015C33.1205 32.6171 33.1048 32.6327 33.089 32.6482C33.0735 32.6635 33.0578 32.6787 33.042 32.6938C33.0264 32.7086 33.0107 32.7233 32.995 32.7379C32.9793 32.7524 32.9637 32.7671 32.9479 32.7814C32.9324 32.7954 32.9166 32.8092 32.9009 32.8231C32.8852 32.8369 32.8697 32.8509 32.8539 32.8645C32.8383 32.8778 32.8225 32.8908 32.8068 32.904C32.7912 32.9171 32.7756 32.9303 32.7598 32.9432C32.7443 32.9559 32.7285 32.9683 32.7128 32.9808C32.6972 32.9933 32.6816 33.0058 32.6658 33.0181C32.6502 33.0302 32.6345 33.042 32.6188 33.0539C32.6031 33.0657 32.5875 33.0776 32.5717 33.0893C32.5562 33.1008 32.5404 33.1121 32.5247 33.1234C32.5091 33.1347 32.4935 33.1461 32.4777 33.1572C32.4621 33.1681 32.4464 33.1787 32.4307 33.1895C32.415 33.2003 32.3994 33.2111 32.3836 33.2217C32.3681 33.2321 32.3523 33.2422 32.3366 33.2524C32.321 33.2626 32.3054 33.2731 32.2896 33.2831C32.274 33.293 32.2582 33.3025 32.2426 33.3123C32.2269 33.322 32.2113 33.3318 32.1956 33.3413C32.18 33.3507 32.1642 33.3598 32.1485 33.3691C32.1329 33.3783 32.1173 33.3876 32.1015 33.3967C32.0859 33.4056 32.0702 33.4144 32.0545 33.4232L32.0075 33.4493L31.9604 33.4746L31.9134 33.4991C31.8978 33.5072 31.8821 33.5154 31.8664 33.5233C31.8508 33.5312 31.8351 33.5388 31.8194 33.5465C31.8037 33.5542 31.7881 33.5621 31.7724 33.5696C31.7568 33.577 31.741 33.5841 31.7253 33.5914C31.7097 33.5987 31.694 33.6061 31.6783 33.6132C31.6627 33.6202 31.6469 33.627 31.6313 33.6339L31.5843 33.6543L31.5372 33.6741L31.4902 33.6932C31.4745 33.6995 31.4589 33.7059 31.4432 33.7121C31.4276 33.7181 31.4118 33.7238 31.3962 33.7298C31.3805 33.7357 31.3649 33.7417 31.3491 33.7475C31.3335 33.7532 31.3178 33.7587 31.3021 33.7643L31.2551 33.7807L31.2081 33.7967C31.1924 33.8019 31.1767 33.8068 31.161 33.8118C31.1453 33.8169 31.1297 33.8221 31.114 33.827C31.0984 33.8318 31.0827 33.8363 31.067 33.8409L31.02 33.8548L30.9729 33.8681C30.9573 33.8724 30.9416 33.8766 30.9259 33.8807C30.9102 33.8849 30.8947 33.8893 30.8789 33.8933C30.8633 33.8973 30.8475 33.9009 30.8319 33.9047C30.8162 33.9086 30.8005 33.9124 30.7848 33.9161L30.7378 33.9269L30.6908 33.937C30.6751 33.9404 30.6595 33.944 30.6438 33.9472C30.6282 33.9503 30.6124 33.9531 30.5967 33.9562L30.5497 33.9651L30.5027 33.9735C30.4871 33.9762 30.4714 33.9787 30.4557 33.9812C30.44 33.9838 30.4244 33.9865 30.4086 33.9889C30.393 33.9913 30.3773 33.9934 30.3616 33.9956L30.3146 34.0022C30.2989 34.0043 30.2833 34.0064 30.2676 34.0083C30.252 34.0103 30.2362 34.0119 30.2206 34.0137C30.2049 34.0154 30.1893 34.0174 30.1735 34.019C30.1579 34.0206 30.1422 34.022 30.1265 34.0235L30.0795 34.0277C30.0638 34.029 30.0482 34.0306 30.0325 34.0317C30.0169 34.0329 30.0011 34.0337 29.9854 34.0347L29.9384 34.0377L29.8914 34.0402C29.8758 34.0409 29.86 34.0413 29.8444 34.0419C29.8287 34.0425 29.813 34.0432 29.7973 34.0437C29.7817 34.0441 29.766 34.0443 29.7503 34.0446L29.7033 34.0452C29.6886 34.0453 29.6741 34.0457 29.6594 34.0457H29.6563H29.6092H29.5622H29.5152H29.4682H29.4212H29.3741H29.3271H29.2801H29.2331H29.186H29.139H29.092H29.045H28.998H28.9509H28.9039H28.8569H28.8099H28.7628H28.7158H28.6688H28.6218H28.5747H28.5277H28.4807H28.4337H28.3866H28.3396H28.2926H28.2455H28.1985H28.1515H28.1045H28.0574H28.0104H27.9634H27.9164H27.8694H27.8223H27.7753H27.7283H27.6813H27.6342H27.5872H27.5402H27.4932H27.4462H27.3991H27.3521H27.3051H27.2581H27.211H27.164H27.117H27.0699H27.0229H26.9759H26.9289H26.8819H26.8348H26.7878H26.7408H26.6938H26.6468H26.5997H26.5527H26.5057H26.4587H26.4116H26.3646H26.3176H26.2706H26.2235H26.1765H26.1295H26.0825H26.0355H25.9884H25.9414H25.8944H25.8473H25.8003H25.7533H25.7063H25.6592H25.6122H25.5652H25.5182H25.4711H25.4241H25.3771H25.3301H25.283H25.236H25.189H25.142H25.0949H25.0479H25.0009H24.9539H24.9069H24.8598H24.8128H24.7658H24.7188H24.6717H24.6247H24.5777H24.5307H24.4836H24.4366H24.3896H24.3426H24.2956H24.2485H24.2015H24.1545H24.1075H24.0604H24.0134H23.9664H23.9194H23.8723H23.8253H23.7783H23.7313H23.6843H23.6373H23.5902H23.5432H23.4962H23.4492H23.4021H23.3551H23.3081H23.261H23.214H23.167H23.12H23.073H23.0259H22.9789H22.9319H22.8849H22.8379H22.7908H22.7438H22.6968H22.6497H22.6027H22.5018V22.8686C22.5347 22.8966 22.5685 22.9243 22.6027 22.9518C22.6183 22.9643 22.634 22.9766 22.6497 22.989C22.6653 23.0011 22.681 23.0132 22.6968 23.0253C22.7124 23.0371 22.728 23.049 22.7438 23.0608C22.7593 23.0723 22.7751 23.0836 22.7908 23.095C22.8064 23.1062 22.8221 23.1174 22.8379 23.1285C22.8535 23.1395 22.8691 23.1505 22.8849 23.1613L22.9319 23.1933C22.9474 23.2037 22.9632 23.214 22.9789 23.2243L23.0259 23.2548C23.0415 23.2648 23.0572 23.2747 23.073 23.2846C23.0885 23.2943 23.1043 23.3039 23.12 23.3135L23.167 23.3419C23.1827 23.3512 23.1983 23.3605 23.214 23.3696C23.2296 23.3787 23.2453 23.3876 23.261 23.3966L23.3081 23.4231L23.3551 23.4489L23.4021 23.4742C23.4178 23.4825 23.4333 23.4908 23.4492 23.499C23.4647 23.5071 23.4805 23.5151 23.4962 23.523L23.5432 23.5467L23.5902 23.5699L23.6373 23.5925C23.6529 23.5999 23.6685 23.6074 23.6843 23.6148L23.7313 23.6363L23.7783 23.6577L23.8253 23.6783L23.8723 23.6987L23.9194 23.7186L23.9664 23.738L24.0134 23.7571L24.0604 23.7757L24.1075 23.7942L24.1545 23.8119C24.1701 23.8178 24.1857 23.8238 24.2015 23.8296L24.2485 23.8466C24.2642 23.8522 24.2798 23.858 24.2956 23.8636C24.3111 23.8691 24.3269 23.8744 24.3426 23.8798L24.3896 23.8961L24.4366 23.9117C24.4523 23.9169 24.4678 23.9222 24.4836 23.9273C24.4992 23.9323 24.515 23.9372 24.5307 23.9422L24.5777 23.9572L24.6247 23.9715L24.6717 23.9858L24.7188 23.9995L24.7658 24.0132L24.8128 24.0264L24.8598 24.0395L24.9069 24.0522L24.9539 24.0646L25.0009 24.0768L25.0479 24.0887L25.0949 24.1004L25.142 24.1117L25.189 24.123L25.236 24.1338L25.283 24.1445L25.3301 24.1549L25.3771 24.1651L25.4241 24.1751L25.4711 24.1847L25.5182 24.1943L25.5652 24.2035L25.6122 24.2126L25.6592 24.2214L25.7063 24.23L25.7533 24.2385L25.8003 24.2466L25.8473 24.2547L25.8944 24.2624L25.9414 24.27L25.9884 24.2775L26.0355 24.2846L26.0825 24.2918L26.1295 24.2986L26.1765 24.3052L26.2235 24.3118L26.2706 24.3179L26.3176 24.3241L26.3646 24.3301L26.4116 24.3358L26.4587 24.3415L26.5057 24.3468L26.5527 24.3521L26.5997 24.3573L26.6468 24.3621L26.6938 24.3669L26.7408 24.3715L26.7878 24.3759L26.8348 24.3803L26.8819 24.3844L26.9289 24.3883L26.9759 24.3923L27.0229 24.3959L27.0699 24.3994L27.117 24.403L27.164 24.4061L27.211 24.4093L27.2581 24.4124L27.3051 24.4151L27.3521 24.4178L27.3991 24.4205L27.4462 24.4227L27.4932 24.4251L27.5402 24.4273L27.5872 24.4292L27.6342 24.4312L27.6813 24.433L27.7283 24.4346L27.7753 24.4361L27.8223 24.4376L27.8694 24.4388L27.9164 24.44L27.9634 24.4411L28.0104 24.4419L28.0574 24.4427L28.1045 24.4435L28.1515 24.444L28.1985 24.4444L28.2455 24.4448L28.2926 24.445L28.3396 24.4451L28.3866 24.4452L28.4337 24.4451L28.4807 24.4448L28.5277 24.4445L28.5747 24.4442L28.6218 24.4435L28.6688 24.4429L28.7158 24.4423L28.7628 24.4413L28.8099 24.4404L28.8569 24.4394L28.9039 24.4382L28.9509 24.4369L28.998 24.4356L29.045 24.4342L29.092 24.4326L29.139 24.431L29.186 24.4294L29.2331 24.4275L29.2801 24.4255L29.3271 24.4236L29.3501 24.4226L29.3741 24.4215L29.4212 24.4192L29.4682 24.4167L29.5152 24.4142L29.5622 24.4114L29.6092 24.4085L29.6563 24.4053L29.7033 24.4022L29.7503 24.3987L29.7973 24.3952L29.8444 24.3915L29.8914 24.3877L29.9384 24.3837L29.9854 24.3796L30.0325 24.3754L30.0795 24.371L30.1265 24.3665L30.1735 24.3619L30.2206 24.3572L30.2676 24.3522L30.3146 24.3472L30.3616 24.3421L30.4086 24.3368L30.4557 24.3314L30.5027 24.3259L30.5497 24.3203L30.5967 24.3146L30.6438 24.3087L30.6908 24.3028L30.7378 24.2968L30.7848 24.2905L30.8319 24.2843L30.8789 24.2779L30.9259 24.2714L30.9729 24.2648L31.02 24.258L31.067 24.2513L31.114 24.2443L31.161 24.2373L31.2081 24.2302L31.2551 24.2229L31.3021 24.2156L31.3491 24.2082L31.3962 24.2007L31.4432 24.1931L31.4902 24.1854L31.5372 24.1776L31.5843 24.1697L31.6313 24.1617L31.6783 24.1536L31.7253 24.1455L31.7724 24.1372L31.8194 24.1288L31.8664 24.1204L31.9134 24.1118L31.9604 24.1032L32.0075 24.0945L32.0545 24.0856L32.1015 24.0767L32.1485 24.0677L32.1956 24.0586L32.2426 24.0495L32.2896 24.0402L32.3366 24.0308L32.3836 24.0214L32.4307 24.0118L32.4777 24.0021L32.5247 23.9924L32.5717 23.9826L32.6188 23.9726L32.6658 23.9626L32.7128 23.9525L32.7598 23.9423L32.8068 23.9319L32.8539 23.9215L32.9009 23.9109L32.9479 23.9002L32.995 23.8894L33.042 23.8785L33.089 23.8674L33.136 23.8562L33.1828 23.8447V21.7969L33.136 21.82L33.089 21.843L33.042 21.8659L32.995 21.8885L32.9479 21.9109L32.9009 21.9331L32.8539 21.955L32.8068 21.9768L32.7598 21.9983L32.7128 22.0196L32.6658 22.0406L32.6188 22.0615L32.5717 22.082L32.5247 22.1023L32.4777 22.1224L32.4307 22.1422L32.3836 22.1618L32.3366 22.1812L32.2896 22.2002L32.2426 22.219L32.1956 22.2376L32.1485 22.256L32.1015 22.274L32.0545 22.2918L32.0075 22.3093L31.9604 22.3266L31.9134 22.3436L31.8664 22.3604L31.8194 22.3769L31.7724 22.3931L31.7253 22.409L31.6783 22.4247L31.6313 22.4401L31.5843 22.4553L31.5372 22.4702L31.4902 22.4848L31.4432 22.4992L31.3962 22.5132L31.3491 22.5271L31.3021 22.5407L31.2551 22.554L31.2081 22.567L31.161 22.5797L31.114 22.5923L31.067 22.6045L31.02 22.6165L30.9729 22.6282L30.9259 22.6396L30.8789 22.6508L30.8319 22.6617L30.7848 22.6723L30.7378 22.6828L30.6908 22.6929L30.6438 22.7028L30.5967 22.7123L30.5497 22.7217L30.5027 22.7309L30.4557 22.7396L30.4086 22.7482L30.3616 22.7565L30.3146 22.7646L30.2676 22.7724L30.2206 22.7799L30.1735 22.7873L30.1265 22.7943L30.0795 22.8011L30.0325 22.8076L29.9854 22.8139L29.9384 22.8199L29.8914 22.8257L29.8444 22.8313L29.7973 22.8366L29.7503 22.8416L29.7033 22.8465L29.6563 22.8509L29.6092 22.8553L29.5622 22.8594L29.5152 22.8632L29.4867 22.8654L29.4682 22.8667L29.4212 22.8698L29.3741 22.8729L29.3271 22.8754L29.2801 22.8778L29.2331 22.8799L29.186 22.8815L29.139 22.883L29.092 22.884L29.045 22.8847L28.998 22.8853C28.9822 22.8853 28.9666 22.8851 28.9509 22.8851L28.9039 22.8849L28.8569 22.8842L28.8099 22.8832L28.7628 22.882C28.747 22.8815 28.7315 22.8808 28.7158 22.8801C28.7001 22.8795 28.6844 22.879 28.6688 22.8782L28.6218 22.8757L28.5747 22.8729L28.5277 22.8696L28.4807 22.8659C28.465 22.8647 28.4492 22.8636 28.4337 22.8621C28.4179 22.8607 28.4023 22.859 28.3866 22.8575L28.3396 22.8528L28.2926 22.8473L28.2455 22.8417L28.1985 22.8355L28.1515 22.8289C28.1358 22.8266 28.1201 22.8244 28.1045 22.822C28.0887 22.8195 28.0731 22.8169 28.0574 22.8143C28.0418 22.8117 28.026 22.8093 28.0104 22.8065C27.9946 22.8037 27.9791 22.8007 27.9634 22.7978C27.9477 22.7949 27.9319 22.7921 27.9164 22.7891C27.9006 22.786 27.8851 22.7826 27.8694 22.7793C27.8537 22.776 27.8379 22.7729 27.8223 22.7695C27.8066 22.7661 27.791 22.7624 27.7753 22.7588L27.7283 22.7478C27.7125 22.744 27.6969 22.74 27.6813 22.736C27.6655 22.7321 27.6498 22.7281 27.6342 22.724C27.6185 22.7198 27.6028 22.7154 27.5872 22.7111C27.5715 22.7067 27.5558 22.7023 27.5402 22.6977C27.5244 22.6931 27.5088 22.6884 27.4932 22.6836C27.4774 22.6788 27.4618 22.674 27.4462 22.669C27.4304 22.664 27.4147 22.6588 27.3991 22.6536C27.3834 22.6484 27.3677 22.6432 27.3521 22.6378C27.3363 22.6323 27.3207 22.6266 27.3051 22.621C27.2894 22.6153 27.2736 22.6097 27.2581 22.6038C27.2423 22.5979 27.2267 22.5917 27.211 22.5855C27.1953 22.5794 27.1796 22.5733 27.164 22.567C27.1482 22.5605 27.1326 22.5537 27.117 22.5471C27.1012 22.5404 27.0855 22.5337 27.0699 22.5268C27.0541 22.5198 27.0385 22.5126 27.0229 22.5053C27.0072 22.4981 26.9915 22.4908 26.9759 22.4834C26.9601 22.4758 26.9445 22.4681 26.9289 22.4603C26.9131 22.4524 26.8974 22.4444 26.8819 22.4363C26.8661 22.4281 26.8503 22.42 26.8348 22.4116C26.819 22.403 26.8034 22.3942 26.7878 22.3854C26.7721 22.3765 26.7563 22.3677 26.7408 22.3586C26.725 22.3494 26.7093 22.3399 26.6938 22.3305C26.678 22.3209 26.6623 22.311 26.6468 22.3012C26.631 22.2912 26.6152 22.2813 26.5997 22.2711C26.5838 22.2607 26.5683 22.2499 26.5527 22.2391C26.5369 22.2283 26.5212 22.2173 26.5057 22.2062C26.4899 22.1949 26.4741 22.1836 26.4587 22.1721C26.4428 22.1603 26.4272 22.1481 26.4116 22.136C26.3958 22.1237 26.3801 22.1113 26.3646 22.0987C26.3488 22.0859 26.333 22.0732 26.3176 22.06C26.3017 22.0466 26.2861 22.0328 26.2706 22.019C26.2547 22.005 26.2391 21.9907 26.2235 21.9763C26.2077 21.9616 26.192 21.9468 26.1765 21.9318C26.1607 21.9165 26.1449 21.9012 26.1295 21.8855C26.1135 21.8693 26.098 21.8528 26.0825 21.8362C26.0665 21.8192 26.0509 21.802 26.0355 21.7846C26.0195 21.7667 26.0038 21.7486 25.9884 21.7303C25.9725 21.7115 25.9568 21.6925 25.9414 21.6732C25.9255 21.6533 25.9097 21.6332 25.8944 21.6128C25.8784 21.5918 25.8627 21.5705 25.8473 21.5489C25.8314 21.5265 25.8156 21.5038 25.8003 21.4809C25.7843 21.4569 25.7686 21.4327 25.7533 21.4081C25.7372 21.3824 25.7216 21.3564 25.7063 21.3301C25.6901 21.3024 25.6745 21.2743 25.6592 21.2459C25.643 21.2158 25.6274 21.1853 25.6122 21.1545C25.596 21.1216 25.5803 21.0883 25.5652 21.0547C25.549 21.0184 25.5331 20.9819 25.5182 20.9447C25.5016 20.9036 25.4861 20.8617 25.4711 20.8194C25.4546 20.7725 25.4388 20.7251 25.4241 20.6767C25.4072 20.6207 25.3914 20.5637 25.3771 20.5058C25.3593 20.4337 25.3438 20.3601 25.3301 20.2851C25.3098 20.174 25.2941 20.0597 25.283 19.9424C25.2704 19.8069 25.2639 19.6673 25.2639 19.5236C25.2639 19.3799 25.2704 19.2402 25.283 19.1046C25.2941 18.9872 25.3098 18.873 25.3301 18.7617C25.3438 18.6868 25.3593 18.613 25.3771 18.5409C25.3914 18.483 25.4072 18.426 25.4241 18.3699C25.4388 18.3216 25.4546 18.2741 25.4711 18.2271C25.4861 18.1848 25.5016 18.1429 25.5182 18.1018C25.5331 18.0646 25.549 18.028 25.5652 17.9918C25.5803 17.9581 25.596 17.9248 25.6122 17.892C25.6274 17.8611 25.643 17.8306 25.6592 17.8005C25.6745 17.7721 25.6901 17.744 25.7063 17.7162C25.7216 17.6899 25.7372 17.6638 25.7533 17.6381C25.7686 17.6136 25.7843 17.5893 25.8003 17.5654C25.8156 17.5424 25.8314 17.5197 25.8473 17.4973C25.8627 17.4757 25.8784 17.4544 25.8944 17.4333C25.9097 17.413 25.9255 17.3929 25.9414 17.3729C25.9568 17.3537 25.9725 17.3347 25.9884 17.3158C26.0038 17.2975 26.0195 17.2794 26.0355 17.2615C26.0509 17.2442 26.0665 17.2268 26.0825 17.2098C26.098 17.1933 26.1135 17.1767 26.1295 17.1605C26.1449 17.1449 26.1607 17.1295 26.1765 17.1142C26.192 17.0992 26.2077 17.0844 26.2235 17.0697C26.2391 17.0553 26.2547 17.041 26.2706 17.0269C26.2861 17.0132 26.3017 16.9994 26.3176 16.9859C26.333 16.9728 26.3488 16.9601 26.3646 16.9472C26.3801 16.9347 26.3958 16.9222 26.4116 16.9099C26.4272 16.8978 26.4428 16.8856 26.4587 16.8738C26.4741 16.8622 26.4899 16.851 26.5057 16.8397C26.5212 16.8285 26.5369 16.8176 26.5527 16.8067C26.5683 16.796 26.5838 16.7852 26.5997 16.7748C26.6152 16.7645 26.631 16.7546 26.6468 16.7447C26.6623 16.7348 26.678 16.725 26.6938 16.7154C26.7093 16.7059 26.725 16.6965 26.7408 16.6872C26.7563 16.6781 26.7721 16.6693 26.7878 16.6604C26.8034 16.6516 26.819 16.6428 26.8348 16.6343C26.8503 16.6259 26.8661 16.6177 26.8819 16.6095C26.8974 16.6015 26.9131 16.5934 26.9289 16.5855C26.9445 16.5778 26.9601 16.57 26.9759 16.5625C26.9915 16.555 27.0072 16.5477 27.0229 16.5404C27.0385 16.5332 27.0541 16.5259 27.0699 16.5189C27.0855 16.512 27.1012 16.5054 27.117 16.4987C27.1326 16.492 27.1482 16.4853 27.164 16.4788C27.1796 16.4725 27.1953 16.4664 27.211 16.4602C27.2267 16.4541 27.2423 16.4479 27.2581 16.4419C27.2736 16.4361 27.2894 16.4304 27.3051 16.4247C27.3207 16.4191 27.3363 16.4134 27.3521 16.4079C27.3677 16.4025 27.3834 16.3973 27.3991 16.3921C27.4147 16.3869 27.4304 16.3817 27.4462 16.3766C27.4618 16.3717 27.4774 16.3669 27.4932 16.3621C27.5088 16.3573 27.5244 16.3526 27.5402 16.348L27.5872 16.3347C27.6028 16.3303 27.6185 16.3259 27.6342 16.3217C27.6498 16.3176 27.6655 16.3136 27.6813 16.3096C27.6969 16.3057 27.7125 16.3017 27.7283 16.2979L27.7753 16.2869C27.791 16.2833 27.8066 16.2796 27.8223 16.2762C27.8379 16.2728 27.8537 16.2696 27.8694 16.2664C27.8851 16.2631 27.9006 16.2597 27.9164 16.2566C27.9319 16.2535 27.9477 16.2508 27.9634 16.2479C27.9791 16.245 27.9946 16.2419 28.0104 16.2391C28.026 16.2364 28.0418 16.234 28.0574 16.2314C28.0731 16.2288 28.0887 16.2261 28.1045 16.2237L28.1515 16.2167L28.1985 16.2101L28.2455 16.2039L28.2926 16.1983L28.3396 16.1929L28.3866 16.1882C28.4023 16.1866 28.4179 16.1849 28.4337 16.1835C28.4492 16.182 28.465 16.181 28.4807 16.1797L28.5277 16.176L28.5747 16.1728L28.6218 16.17L28.6688 16.1674C28.6844 16.1666 28.7001 16.1661 28.7158 16.1655C28.7315 16.1649 28.747 16.1641 28.7628 16.1636L28.8099 16.1624L28.8569 16.1614L28.9039 16.1607L28.9509 16.1605C28.9666 16.1605 28.9822 16.1603 28.998 16.1604L29.045 16.1609L29.092 16.1616L29.139 16.1626L29.186 16.1642L29.2331 16.1657L29.2801 16.1678L29.3271 16.1702L29.3741 16.1727L29.4212 16.1758L29.4682 16.1789L29.4867 16.1802L29.5152 16.1824L29.5622 16.1862L29.6092 16.1902L29.6563 16.1944L29.7033 16.1989L29.7503 16.2037L29.7973 16.2087L29.8444 16.2138L29.8914 16.2193L29.9384 16.225L29.9854 16.231L30.0325 16.2372L30.0795 16.2437L30.1265 16.2503L30.1735 16.2573L30.2206 16.2645L30.2676 16.272L30.3146 16.2796L30.3616 16.2877L30.4086 16.2959L30.4557 16.3044L30.5027 16.3131L30.5497 16.3221L30.5967 16.3314L30.6438 16.3409L30.6908 16.3507L30.7378 16.3608L30.7848 16.3711L30.8319 16.3816L30.8789 16.3925L30.9259 16.4036L30.9729 16.415L31.02 16.4266L31.067 16.4386L31.114 16.4508L31.161 16.4632L31.2081 16.4759L31.2551 16.489L31.3021 16.5022L31.3491 16.5158L31.3962 16.5296L31.4432 16.5437L31.4902 16.558L31.5372 16.5726L31.5843 16.5875L31.6313 16.6027L31.6783 16.6181L31.7253 16.6339L31.7724 16.6498L31.8194 16.666L31.8664 16.6826L31.9134 16.6994L31.9604 16.7165L32.0075 16.7338L32.0545 16.7514L32.1015 16.7693L32.1485 16.7875L32.1956 16.8059L32.2426 16.8245L32.2896 16.8435L32.3366 16.8627L32.3836 16.8821L32.4307 16.9019L32.4777 16.9218L32.5247 16.9421L32.5717 16.9625L32.6188 16.9832L32.6658 17.0042L32.7128 17.0254L32.7598 17.0469L32.8068 17.0686L32.8539 17.0905L32.9009 17.1127L32.9479 17.1351L32.995 17.1577L33.042 17.1805L33.089 17.2036L33.136 17.2268L33.1828 17.2502V15.2009L33.136 15.1894L33.089 15.1782L33.042 15.1671L32.995 15.1562L32.9479 15.1454L32.9009 15.1347L32.8539 15.1242L32.8068 15.1137L32.7598 15.1034L32.7128 15.0931L32.6658 15.083L32.6188 15.073L32.5717 15.063L32.5247 15.0532L32.4777 15.0435L32.4307 15.0339L32.3836 15.0243L32.3366 15.0149L32.2896 15.0055L32.2426 14.9962L32.1956 14.9871L32.1485 14.978L32.1015 14.969L32.0545 14.9601L32.0075 14.9513L31.9604 14.9426L31.9134 14.9339L31.8664 14.9254L31.8194 14.917L31.7724 14.9086L31.7253 14.9004L31.6783 14.8922L31.6313 14.8841L31.5843 14.8761L31.5372 14.8682L31.4902 14.8605L31.4432 14.8528L31.3962 14.8452L31.3491 14.8377L31.3021 14.8303L31.2551 14.823L31.2081 14.8157L31.161 14.8086L31.114 14.8016L31.067 14.7947L31.02 14.7879L30.9729 14.7812L30.9259 14.7746L30.8789 14.7682L30.8319 14.7618L30.7848 14.7555L30.7378 14.7493L30.6908 14.7433L30.6438 14.7374L30.5967 14.7315L30.5497 14.7258L30.5027 14.7202L30.4557 14.7147L30.4086 14.7094L30.3616 14.7041L30.3146 14.699L30.2676 14.694L30.2206 14.6891L30.1735 14.6844L30.1265 14.6798L30.0795 14.6753L30.0325 14.6709L29.9854 14.6667L29.9384 14.6626L29.8914 14.6587L29.8444 14.6549L29.7973 14.6512L29.7503 14.6477L29.7033 14.6443L29.6563 14.6412L29.6092 14.638L29.5622 14.6352L29.5152 14.6324L29.4682 14.6298L29.4212 14.6274L29.3741 14.6252L29.3501 14.624L29.3271 14.6231L29.2801 14.6211L29.2331 14.6192L29.186 14.6173L29.139 14.6156L29.092 14.614L29.045 14.6124L28.998 14.611L28.9509 14.6097L28.9039 14.6084L28.8569 14.6072L28.8099 14.6063L28.7628 14.6053L28.7158 14.6044L28.6688 14.6037L28.6218 14.6031L28.5747 14.6025L28.5277 14.6021L28.4807 14.6019L28.4337 14.6016L28.3866 14.6015L28.3396 14.6016L28.2926 14.6017L28.2455 14.6018L28.1985 14.6022L28.1515 14.6027L28.1045 14.6032L28.0574 14.604L28.0104 14.6048L27.9634 14.6056L27.9164 14.6067L27.8694 14.6079L27.8223 14.6091L27.7753 14.6106L27.7283 14.6121L27.6813 14.6137L27.6342 14.6156L27.5872 14.6175L27.5402 14.6194L27.4932 14.6217L27.4462 14.624L27.3991 14.6263L27.3521 14.629L27.3051 14.6317L27.2581 14.6344L27.211 14.6375L27.164 14.6406L27.117 14.6438L27.0699 14.6473L27.0229 14.6508L26.9759 14.6545L26.9289 14.6584L26.8819 14.6623L26.8348 14.6665L26.7878 14.6709L26.7408 14.6752L26.6938 14.6799L26.6468 14.6847L26.5997 14.6895L26.5527 14.6948L26.5057 14.7L26.4587 14.7053L26.4116 14.7111L26.3646 14.7168L26.3176 14.7228L26.2706 14.7289L26.2235 14.7351L26.1765 14.7417L26.1295 14.7483L26.0825 14.7551L26.0355 14.7622L25.9884 14.7693L25.9414 14.7768L25.8944 14.7844L25.8473 14.7922L25.8003 14.8003L25.7533 14.8084L25.7063 14.8169L25.6592 14.8255L25.6122 14.8344L25.5652 14.8435L25.5182 14.8526L25.4711 14.8622L25.4241 14.8719L25.3771 14.8819L25.3301 14.8921L25.283 14.9024L25.236 14.9132L25.189 14.9239L25.142 14.9352L25.0949 14.9466L25.0479 14.9583L25.0009 14.9702L24.9539 14.9824L24.9069 14.9949L24.8598 15.0076L24.8128 15.0206L24.7658 15.0339L24.7188 15.0476L24.6717 15.0613L24.6247 15.0756L24.5777 15.09L24.5307 15.1049C24.515 15.1099 24.4992 15.1148 24.4836 15.1199L24.4366 15.1355C24.421 15.1407 24.4052 15.1458 24.3896 15.1511L24.3426 15.1673L24.2956 15.1836C24.2798 15.1892 24.2642 15.1949 24.2485 15.2006C24.2328 15.2063 24.2171 15.2118 24.2015 15.2176L24.1545 15.2353C24.1388 15.2412 24.123 15.247 24.1075 15.253L24.0604 15.2715L24.0134 15.2901L23.9664 15.3092L23.9194 15.3287L23.8723 15.3486L23.8253 15.3689L23.7783 15.3896L23.7313 15.411L23.6843 15.4325C23.6685 15.4399 23.6529 15.4474 23.6373 15.4548L23.5902 15.4774L23.5432 15.5006L23.4962 15.5243C23.4805 15.5323 23.4647 15.5402 23.4492 15.5483C23.4333 15.5565 23.4178 15.5649 23.4021 15.5732L23.3551 15.5985L23.3081 15.6243C23.2923 15.6331 23.2767 15.642 23.261 15.6509C23.2453 15.6598 23.2296 15.6687 23.214 15.6778C23.1983 15.687 23.1827 15.6963 23.167 15.7056C23.1512 15.715 23.1356 15.7245 23.12 15.734C23.1043 15.7436 23.0885 15.7532 23.073 15.7629C23.0572 15.7727 23.0415 15.7827 23.0259 15.7927L22.9789 15.8232C22.9632 15.8335 22.9474 15.8438 22.9319 15.8542L22.8849 15.8862C22.8691 15.8971 22.8535 15.9081 22.8379 15.919C22.8221 15.9301 22.8064 15.9413 22.7908 15.9526C22.7751 15.964 22.7593 15.9753 22.7438 15.9868C22.728 15.9986 22.7124 16.0104 22.6968 16.0223C22.681 16.0344 22.6653 16.0465 22.6497 16.0587C22.634 16.071 22.6183 16.0834 22.6027 16.0958V16.0958V16.0958Z" fill="#E10238"/></svg>`;
+
+        //pop in the appropriate card icon when detected
+        ccNumberMask.on("accept", function () {
+            switch (ccNumberMask.masked.currentMask.cardtype) {
+                case 'american express':
+                    ccsingle.innerHTML = amex_single;
+                    swapColor('green');
+                    break;
+                case 'elo':
+                    ccsingle.innerHTML = elo_single;
+                    swapColor('purple');
+                    break;
+                case 'visa':
+                    ccsingle.innerHTML = visa_single;
+                    swapColor('lime');
+                    break;
+                case 'mastercard':
+                    ccsingle.innerHTML = mastercard_single;
+                    swapColor('lightblue');
+                    break;
+                case 'diners':
+                    ccsingle.innerHTML = diners_single;
+                    swapColor('cyan');
+                    break;
+                case 'hipercard':
+                    ccsingle.innerHTML = hipercard_single;
+                    swapColor('red');
+                    break;
+                case 'jcb':
+                    ccsingle.innerHTML = jcb_single;
+                    swapColor('pink');
+                    break;
+                default:
+                    ccsingle.innerHTML = '';
+                    swapColor('grey');
+                    break;
+            }
+
+        });
+
+
+        // CREDIT CARD IMAGE JS
+        document.querySelector('.vindi-preload').classList.remove('vindi-preload');
+        document.getElementById('vindi-svgexpire').innerHTML = '01/' + nextYear;
+        document.querySelector('.vindi-creditcard').addEventListener('click', function () {
+            if (this.classList.contains('flipped')) {
+                this.classList.remove('flipped');
+            } else {
+                this.classList.add('flipped');
+            }
+        })
+
+        //On Input Change Events
+        ccName.addEventListener('input', function () {
+            if (ccName.value.length == 0) {
+                document.getElementById('vindi-svgname').innerHTML = 'João da Silva';
+                document.getElementById('vindi-svgnameback').innerHTML = 'João da Silva';
+            } else {
+                document.getElementById('vindi-svgname').innerHTML = this.value;
+                document.getElementById('vindi-svgnameback').innerHTML = this.value;
+            }
+        });
+
+        ccNumberMask.on('accept', function () {
+            if (ccNumberMask.value.length == 0) {
+                document.getElementById('vindi-svgnumber').innerHTML = '0123 4567 8910 1112';
+            } else {
+                let pattern = ccNumberMask.masked.currentMask.svgPattern;
+                document.getElementById('vindi-svgnumber').innerHTML = applyPattern(ccNumberMask.value, pattern);
+            }
+        });
+
+        ccExpDateMask.on('accept', function () {
+            if (ccExpDateMask.value.length == 0) {
+                document.getElementById('vindi-svgexpire').innerHTML = '01/' + nextYear;
+            } else {
+                document.getElementById('vindi-svgexpire').innerHTML = ccExpDateMask.value;
+            }
+        });
+
+        ccCvvMask.on('accept', function () {
+            if (ccCvvMask.value.length == 0) {
+                document.getElementById('vindi-svgsecurity').innerHTML = '985';
+            } else {
+                document.getElementById('vindi-svgsecurity').innerHTML = ccCvvMask.value;
+            }
+        });
+
+        //On Focus Events
+        ccCvv.addEventListener('focus', function () {
+            document.querySelector('.vindi-creditcard').classList.add('flipped');
+        });
+
+        ccCvv.addEventListener('blur', function () {
+            document.querySelector('.vindi-creditcard').classList.remove('flipped');
+        });
+
+        //define the color swap function
+        const swapColor = function (basecolor) {
+            document.querySelectorAll('.lightcolor')
+                .forEach(function (input) {
+                    input.setAttribute('class', '');
+                    input.setAttribute('class', 'lightcolor ' + basecolor);
+                });
+            document.querySelectorAll('.darkcolor')
+                .forEach(function (input) {
+                    input.setAttribute('class', '');
+                    input.setAttribute('class', 'darkcolor ' + basecolor + 'dark');
+                });
+        };
+
+
+        const applyPattern = function(inputNumber, pattern) {
+            // Remove any non-digit characters from the input number
+            const cleanedNumber = String(inputNumber).replace(/\D/g, '');
+
+            // Initialize variables for the result and pattern index
+            let result = '';
+            let patternIndex = 0;
+
+            // Iterate through each character in the pattern
+            for (let i = 0; i < pattern.length; i++) {
+                // Check if the current character is a placeholder (0) or other character
+                if (pattern[i] === '0') {
+                    // Check if there are still digits in the cleaned number
+                    if (patternIndex < cleanedNumber.length) {
+                        // Append the next digit from the cleaned number to the result
+                        result += cleanedNumber[patternIndex];
+                        patternIndex++;
+                    } else {
+                        // If no more digits in the cleaned number, break the loop
+                        break;
+                    }
+                } else {
+                    // If the current character is not a placeholder, append it to the result
+                    result += pattern[i];
+                }
+            }
+
+            return result;
+        }
+
+    }
+});
diff --git a/view/frontend/web/js/credit-card/mask.js b/view/frontend/web/js/credit-card/mask.js
new file mode 100644
index 00000000..ebe24f5b
--- /dev/null
+++ b/view/frontend/web/js/credit-card/mask.js
@@ -0,0 +1,3511 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+        typeof define === 'function' && define.amd ? define(factory) :
+            (global.VindiVRMask = factory());
+}(this, (function () { 'use strict';
+
+    // 7.2.1 RequireObjectCoercible(argument)
+    var _defined = function (it) {
+        if (it == undefined) throw TypeError("Can't call method on  " + it);
+        return it;
+    };
+
+    // 7.1.13 ToObject(argument)
+
+    var _toObject = function (it) {
+        return Object(_defined(it));
+    };
+
+    var hasOwnProperty = {}.hasOwnProperty;
+    var _has = function (it, key) {
+        return hasOwnProperty.call(it, key);
+    };
+
+    var toString = {}.toString;
+
+    var _cof = function (it) {
+        return toString.call(it).slice(8, -1);
+    };
+
+    // fallback for non-array-like ES3 and non-enumerable old V8 strings
+
+    // eslint-disable-next-line no-prototype-builtins
+    var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+        return _cof(it) == 'String' ? it.split('') : Object(it);
+    };
+
+    // to indexed object, toObject with fallback for non-array-like ES3 strings
+
+
+    var _toIobject = function (it) {
+        return _iobject(_defined(it));
+    };
+
+    // 7.1.4 ToInteger
+    var ceil = Math.ceil;
+    var floor = Math.floor;
+    var _toInteger = function (it) {
+        return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it);
+    };
+
+    // 7.1.15 ToLength
+
+    var min = Math.min;
+    var _toLength = function (it) {
+        return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991
+    };
+
+    var max = Math.max;
+    var min$1 = Math.min;
+    var _toAbsoluteIndex = function (index, length) {
+        index = _toInteger(index);
+        return index < 0 ? max(index + length, 0) : min$1(index, length);
+    };
+
+    // false -> Array#indexOf
+    // true  -> Array#includes
+
+
+
+    var _arrayIncludes = function (IS_INCLUDES) {
+        return function ($this, el, fromIndex) {
+            var O = _toIobject($this);
+            var length = _toLength(O.length);
+            var index = _toAbsoluteIndex(fromIndex, length);
+            var value;
+            // Array#includes uses SameValueZero equality algorithm
+            // eslint-disable-next-line no-self-compare
+            if (IS_INCLUDES && el != el) while (length > index) {
+                value = O[index++];
+                // eslint-disable-next-line no-self-compare
+                if (value != value) return true;
+                // Array#indexOf ignores holes, Array#includes - not
+            } else for (;length > index; index++) if (IS_INCLUDES || index in O) {
+                if (O[index] === el) return IS_INCLUDES || index || 0;
+            } return !IS_INCLUDES && -1;
+        };
+    };
+
+    function createCommonjsModule(fn, module) {
+        return module = { exports: {} }, fn(module, module.exports), module.exports;
+    }
+
+    var _global = createCommonjsModule(function (module) {
+        // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+        var global = module.exports = typeof window != 'undefined' && window.Math == Math
+            ? window : typeof self != 'undefined' && self.Math == Math ? self
+                // eslint-disable-next-line no-new-func
+                : Function('return this')();
+        if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
+    });
+
+    var SHARED = '__core-js_shared__';
+    var store = _global[SHARED] || (_global[SHARED] = {});
+    var _shared = function (key) {
+        return store[key] || (store[key] = {});
+    };
+
+    var id = 0;
+    var px = Math.random();
+    var _uid = function (key) {
+        return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36));
+    };
+
+    var shared = _shared('keys');
+
+    var _sharedKey = function (key) {
+        return shared[key] || (shared[key] = _uid(key));
+    };
+
+    var arrayIndexOf = _arrayIncludes(false);
+    var IE_PROTO = _sharedKey('IE_PROTO');
+
+    var _objectKeysInternal = function (object, names) {
+        var O = _toIobject(object);
+        var i = 0;
+        var result = [];
+        var key;
+        for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key);
+        // Don't enum bug & hidden keys
+        while (names.length > i) if (_has(O, key = names[i++])) {
+            ~arrayIndexOf(result, key) || result.push(key);
+        }
+        return result;
+    };
+
+    // IE 8- don't enum bug keys
+    var _enumBugKeys = (
+        'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf'
+    ).split(',');
+
+    // 19.1.2.14 / 15.2.3.14 Object.keys(O)
+
+
+
+    var _objectKeys = Object.keys || function keys(O) {
+        return _objectKeysInternal(O, _enumBugKeys);
+    };
+
+    var _core = createCommonjsModule(function (module) {
+        var core = module.exports = { version: '2.5.5' };
+        if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
+    });
+    var _core_1 = _core.version;
+
+    var _isObject = function (it) {
+        return typeof it === 'object' ? it !== null : typeof it === 'function';
+    };
+
+    var _anObject = function (it) {
+        if (!_isObject(it)) throw TypeError(it + ' is not an object!');
+        return it;
+    };
+
+    var _fails = function (exec) {
+        try {
+            return !!exec();
+        } catch (e) {
+            return true;
+        }
+    };
+
+    // Thank's IE8 for his funny defineProperty
+    var _descriptors = !_fails(function () {
+        return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
+    });
+
+    var document$1 = _global.document;
+    // typeof document.createElement is 'object' in old IE
+    var is = _isObject(document$1) && _isObject(document$1.createElement);
+    var _domCreate = function (it) {
+        return is ? document$1.createElement(it) : {};
+    };
+
+    var _ie8DomDefine = !_descriptors && !_fails(function () {
+        return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7;
+    });
+
+    // 7.1.1 ToPrimitive(input [, PreferredType])
+
+    // instead of the ES6 spec version, we didn't implement @@toPrimitive case
+    // and the second argument - flag - preferred type is a string
+    var _toPrimitive = function (it, S) {
+        if (!_isObject(it)) return it;
+        var fn, val;
+        if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+        if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val;
+        if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val;
+        throw TypeError("Can't convert object to primitive value");
+    };
+
+    var dP = Object.defineProperty;
+
+    var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+        _anObject(O);
+        P = _toPrimitive(P, true);
+        _anObject(Attributes);
+        if (_ie8DomDefine) try {
+            return dP(O, P, Attributes);
+        } catch (e) { /* empty */ }
+        if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+        if ('value' in Attributes) O[P] = Attributes.value;
+        return O;
+    };
+
+    var _objectDp = {
+        f: f
+    };
+
+    var _propertyDesc = function (bitmap, value) {
+        return {
+            enumerable: !(bitmap & 1),
+            configurable: !(bitmap & 2),
+            writable: !(bitmap & 4),
+            value: value
+        };
+    };
+
+    var _hide = _descriptors ? function (object, key, value) {
+        return _objectDp.f(object, key, _propertyDesc(1, value));
+    } : function (object, key, value) {
+        object[key] = value;
+        return object;
+    };
+
+    var _redefine = createCommonjsModule(function (module) {
+        var SRC = _uid('src');
+        var TO_STRING = 'toString';
+        var $toString = Function[TO_STRING];
+        var TPL = ('' + $toString).split(TO_STRING);
+
+        _core.inspectSource = function (it) {
+            return $toString.call(it);
+        };
+
+        (module.exports = function (O, key, val, safe) {
+            var isFunction = typeof val == 'function';
+            if (isFunction) _has(val, 'name') || _hide(val, 'name', key);
+            if (O[key] === val) return;
+            if (isFunction) _has(val, SRC) || _hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key)));
+            if (O === _global) {
+                O[key] = val;
+            } else if (!safe) {
+                delete O[key];
+                _hide(O, key, val);
+            } else if (O[key]) {
+                O[key] = val;
+            } else {
+                _hide(O, key, val);
+            }
+            // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+        })(Function.prototype, TO_STRING, function toString() {
+            return typeof this == 'function' && this[SRC] || $toString.call(this);
+        });
+    });
+
+    var _aFunction = function (it) {
+        if (typeof it != 'function') throw TypeError(it + ' is not a function!');
+        return it;
+    };
+
+    // optional / simple context binding
+
+    var _ctx = function (fn, that, length) {
+        _aFunction(fn);
+        if (that === undefined) return fn;
+        switch (length) {
+            case 1: return function (a) {
+                return fn.call(that, a);
+            };
+            case 2: return function (a, b) {
+                return fn.call(that, a, b);
+            };
+            case 3: return function (a, b, c) {
+                return fn.call(that, a, b, c);
+            };
+        }
+        return function (/* ...args */) {
+            return fn.apply(that, arguments);
+        };
+    };
+
+    var PROTOTYPE = 'prototype';
+
+    var $export = function (type, name, source) {
+        var IS_FORCED = type & $export.F;
+        var IS_GLOBAL = type & $export.G;
+        var IS_STATIC = type & $export.S;
+        var IS_PROTO = type & $export.P;
+        var IS_BIND = type & $export.B;
+        var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] || (_global[name] = {}) : (_global[name] || {})[PROTOTYPE];
+        var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {});
+        var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {});
+        var key, own, out, exp;
+        if (IS_GLOBAL) source = name;
+        for (key in source) {
+            // contains in native
+            own = !IS_FORCED && target && target[key] !== undefined;
+            // export native or passed
+            out = (own ? target : source)[key];
+            // bind timers to global for call from export context
+            exp = IS_BIND && own ? _ctx(out, _global) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out;
+            // extend global
+            if (target) _redefine(target, key, out, type & $export.U);
+            // export
+            if (exports[key] != out) _hide(exports, key, exp);
+            if (IS_PROTO && expProto[key] != out) expProto[key] = out;
+        }
+    };
+    _global.core = _core;
+    // type bitmap
+    $export.F = 1;   // forced
+    $export.G = 2;   // global
+    $export.S = 4;   // static
+    $export.P = 8;   // proto
+    $export.B = 16;  // bind
+    $export.W = 32;  // wrap
+    $export.U = 64;  // safe
+    $export.R = 128; // real proto method for `library`
+    var _export = $export;
+
+    // most Object methods by ES6 should accept primitives
+
+
+
+    var _objectSap = function (KEY, exec) {
+        var fn = (_core.Object || {})[KEY] || Object[KEY];
+        var exp = {};
+        exp[KEY] = exec(fn);
+        _export(_export.S + _export.F * _fails(function () { fn(1); }), 'Object', exp);
+    };
+
+    // 19.1.2.14 Object.keys(O)
+
+
+
+    _objectSap('keys', function () {
+        return function keys(it) {
+            return _objectKeys(_toObject(it));
+        };
+    });
+
+    var keys = _core.Object.keys;
+
+    var _stringRepeat = function repeat(count) {
+        var str = String(_defined(this));
+        var res = '';
+        var n = _toInteger(count);
+        if (n < 0 || n == Infinity) throw RangeError("Count can't be negative");
+        for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str;
+        return res;
+    };
+
+    _export(_export.P, 'String', {
+        // 21.1.3.13 String.prototype.repeat(count)
+        repeat: _stringRepeat
+    });
+
+    var repeat = _core.String.repeat;
+
+    // https://github.com/tc39/proposal-string-pad-start-end
+
+
+
+
+    var _stringPad = function (that, maxLength, fillString, left) {
+        var S = String(_defined(that));
+        var stringLength = S.length;
+        var fillStr = fillString === undefined ? ' ' : String(fillString);
+        var intMaxLength = _toLength(maxLength);
+        if (intMaxLength <= stringLength || fillStr == '') return S;
+        var fillLen = intMaxLength - stringLength;
+        var stringFiller = _stringRepeat.call(fillStr, Math.ceil(fillLen / fillStr.length));
+        if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);
+        return left ? stringFiller + S : S + stringFiller;
+    };
+
+    var navigator = _global.navigator;
+
+    var _userAgent = navigator && navigator.userAgent || '';
+
+    // https://github.com/tc39/proposal-string-pad-start-end
+
+
+
+
+    // https://github.com/zloirock/core-js/issues/280
+    _export(_export.P + _export.F * /Version\/10\.\d+(\.\d+)? Safari\//.test(_userAgent), 'String', {
+        padStart: function padStart(maxLength /* , fillString = ' ' */) {
+            return _stringPad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true);
+        }
+    });
+
+    var padStart = _core.String.padStart;
+
+    // https://github.com/tc39/proposal-string-pad-start-end
+
+
+
+
+    // https://github.com/zloirock/core-js/issues/280
+    _export(_export.P + _export.F * /Version\/10\.\d+(\.\d+)? Safari\//.test(_userAgent), 'String', {
+        padEnd: function padEnd(maxLength /* , fillString = ' ' */) {
+            return _stringPad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, false);
+        }
+    });
+
+    var padEnd = _core.String.padEnd;
+
+    var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+        return typeof obj;
+    } : function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+
+    var classCallCheck = function (instance, Constructor) {
+        if (!(instance instanceof Constructor)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    };
+
+    var createClass = function () {
+        function defineProperties(target, props) {
+            for (var i = 0; i < props.length; i++) {
+                var descriptor = props[i];
+                descriptor.enumerable = descriptor.enumerable || false;
+                descriptor.configurable = true;
+                if ("value" in descriptor) descriptor.writable = true;
+                Object.defineProperty(target, descriptor.key, descriptor);
+            }
+        }
+
+        return function (Constructor, protoProps, staticProps) {
+            if (protoProps) defineProperties(Constructor.prototype, protoProps);
+            if (staticProps) defineProperties(Constructor, staticProps);
+            return Constructor;
+        };
+    }();
+
+    var _extends = Object.assign || function (target) {
+        for (var i = 1; i < arguments.length; i++) {
+            var source = arguments[i];
+
+            for (var key in source) {
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+
+        return target;
+    };
+
+    var get = function get(object, property, receiver) {
+        if (object === null) object = Function.prototype;
+        var desc = Object.getOwnPropertyDescriptor(object, property);
+
+        if (desc === undefined) {
+            var parent = Object.getPrototypeOf(object);
+
+            if (parent === null) {
+                return undefined;
+            } else {
+                return get(parent, property, receiver);
+            }
+        } else if ("value" in desc) {
+            return desc.value;
+        } else {
+            var getter = desc.get;
+
+            if (getter === undefined) {
+                return undefined;
+            }
+
+            return getter.call(receiver);
+        }
+    };
+
+    var inherits = function (subClass, superClass) {
+        if (typeof superClass !== "function" && superClass !== null) {
+            throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+        }
+
+        subClass.prototype = Object.create(superClass && superClass.prototype, {
+            constructor: {
+                value: subClass,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+    };
+
+    var possibleConstructorReturn = function (self, call) {
+        if (!self) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+
+        return call && (typeof call === "object" || typeof call === "function") ? call : self;
+    };
+
+    var set = function set(object, property, value, receiver) {
+        var desc = Object.getOwnPropertyDescriptor(object, property);
+
+        if (desc === undefined) {
+            var parent = Object.getPrototypeOf(object);
+
+            if (parent !== null) {
+                set(parent, property, value, receiver);
+            }
+        } else if ("value" in desc && desc.writable) {
+            desc.value = value;
+        } else {
+            var setter = desc.set;
+
+            if (setter !== undefined) {
+                setter.call(receiver, value);
+            }
+        }
+
+        return value;
+    };
+
+    var slicedToArray = function () {
+        function sliceIterator(arr, i) {
+            var _arr = [];
+            var _n = true;
+            var _d = false;
+            var _e = undefined;
+
+            try {
+                for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+                    _arr.push(_s.value);
+
+                    if (i && _arr.length === i) break;
+                }
+            } catch (err) {
+                _d = true;
+                _e = err;
+            } finally {
+                try {
+                    if (!_n && _i["return"]) _i["return"]();
+                } finally {
+                    if (_d) throw _e;
+                }
+            }
+
+            return _arr;
+        }
+
+        return function (arr, i) {
+            if (Array.isArray(arr)) {
+                return arr;
+            } else if (Symbol.iterator in Object(arr)) {
+                return sliceIterator(arr, i);
+            } else {
+                throw new TypeError("Invalid attempt to destructure non-iterable instance");
+            }
+        };
+    }();
+
+    var toConsumableArray = function (arr) {
+        if (Array.isArray(arr)) {
+            for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+            return arr2;
+        } else {
+            return Array.from(arr);
+        }
+    };
+
+    /** Checks if value is string */
+    function isString(str) {
+        return typeof str === 'string' || str instanceof String;
+    }
+
+    /** Conforms string with fallback */
+    function conform(res, str) {
+        var fallback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+        return isString(res) ? res : res ? str : fallback;
+    }
+
+    /**
+     Direction
+     @prop {number} NONE
+     @prop {number} LEFT
+     @prop {number} RIGHT
+     */
+    var DIRECTION = {
+        NONE: 0,
+        LEFT: -1,
+        RIGHT: 1
+        /**
+         Direction
+         @enum {number}
+         */
+    };
+
+    /** Returns next char position in direction */
+    function indexInDirection(pos, direction) {
+        if (direction === DIRECTION.LEFT) --pos;
+        return pos;
+    }
+
+    /** Escapes regular expression control chars */
+    function escapeRegExp(str) {
+        return str.replace(/([.*+?^=!:${}()|[\]/\\])/g, '\\$1');
+    }
+
+    // cloned from https://github.com/epoberezkin/fast-deep-equal with small changes
+    function objectIncludes(b, a) {
+        if (a === b) return true;
+
+        var arrA = Array.isArray(a),
+            arrB = Array.isArray(b),
+            i;
+
+        if (arrA && arrB) {
+            if (a.length != b.length) return false;
+            for (i = 0; i < a.length; i++) {
+                if (!objectIncludes(a[i], b[i])) return false;
+            }return true;
+        }
+
+        if (arrA != arrB) return false;
+
+        if (a && b && (typeof a === 'undefined' ? 'undefined' : _typeof(a)) === 'object' && (typeof b === 'undefined' ? 'undefined' : _typeof(b)) === 'object') {
+            var keys = Object.keys(a);
+            // if (keys.length !== Object.keys(b).length) return false;
+
+            var dateA = a instanceof Date,
+                dateB = b instanceof Date;
+            if (dateA && dateB) return a.getTime() == b.getTime();
+            if (dateA != dateB) return false;
+
+            var regexpA = a instanceof RegExp,
+                regexpB = b instanceof RegExp;
+            if (regexpA && regexpB) return a.toString() == b.toString();
+            if (regexpA != regexpB) return false;
+
+            for (i = 0; i < keys.length; i++) {
+                if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+            }for (i = 0; i < keys.length; i++) {
+                if (!objectIncludes(a[keys[i]], b[keys[i]])) return false;
+            }return true;
+        }
+
+        return false;
+    }
+
+    /* eslint-disable no-undef */
+    var g = typeof window !== 'undefined' && window || typeof global !== 'undefined' && global.global === global && global || typeof self !== 'undefined' && self.self === self && self || {};
+
+    /** Provides details of changing input */
+
+    var ActionDetails = function () {
+        /** Old input value */
+
+        /** Current input value */
+        function ActionDetails(value, cursorPos, oldValue, oldSelection) {
+            classCallCheck(this, ActionDetails);
+
+            this.value = value;
+            this.cursorPos = cursorPos;
+            this.oldValue = oldValue;
+            this.oldSelection = oldSelection;
+
+            // double check if left part was changed (autofilling, other non-standard input triggers)
+            while (this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos)) {
+                --this.oldSelection.start;
+            }
+        }
+
+        /**
+         Start changing position
+         @readonly
+         */
+
+        /** Old selection */
+
+        /** Current cursor position */
+
+
+        createClass(ActionDetails, [{
+            key: 'startChangePos',
+            get: function get$$1() {
+                return Math.min(this.cursorPos, this.oldSelection.start);
+            }
+
+            /**
+             Inserted symbols count
+             @readonly
+             */
+
+        }, {
+            key: 'insertedCount',
+            get: function get$$1() {
+                return this.cursorPos - this.startChangePos;
+            }
+
+            /**
+             Inserted symbols
+             @readonly
+             */
+
+        }, {
+            key: 'inserted',
+            get: function get$$1() {
+                return this.value.substr(this.startChangePos, this.insertedCount);
+            }
+
+            /**
+             Removed symbols count
+             @readonly
+             */
+
+        }, {
+            key: 'removedCount',
+            get: function get$$1() {
+                // Math.max for opposite operation
+                return Math.max(this.oldSelection.end - this.startChangePos ||
+                    // for Delete
+                    this.oldValue.length - this.value.length, 0);
+            }
+
+            /**
+             Removed symbols
+             @readonly
+             */
+
+        }, {
+            key: 'removed',
+            get: function get$$1() {
+                return this.oldValue.substr(this.startChangePos, this.removedCount);
+            }
+
+            /**
+             Unchanged head symbols
+             @readonly
+             */
+
+        }, {
+            key: 'head',
+            get: function get$$1() {
+                return this.value.substring(0, this.startChangePos);
+            }
+
+            /**
+             Unchanged tail symbols
+             @readonly
+             */
+
+        }, {
+            key: 'tail',
+            get: function get$$1() {
+                return this.value.substring(this.startChangePos + this.insertedCount);
+            }
+
+            /**
+             Remove direction
+             @readonly
+             */
+
+        }, {
+            key: 'removeDirection',
+            get: function get$$1() {
+                if (!this.removedCount || this.insertedCount) return DIRECTION.NONE;
+
+                // align right if delete at right or if range removed (event with backspace)
+                return this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos ? DIRECTION.RIGHT : DIRECTION.LEFT;
+            }
+        }]);
+        return ActionDetails;
+    }();
+
+    /**
+     Provides details of changing model value
+     @param {Object} [details]
+     @param {string} [details.inserted] - Inserted symbols
+     @param {boolean} [details.overflow] - Is overflowed
+     @param {number} [details.removeCount] - Removed symbols count
+     @param {number} [details.shift] - Additional offset if any changes occurred before current position
+     */
+    var ChangeDetails = function () {
+        /** Additional offset if any changes occurred before current position */
+
+        /** Inserted symbols */
+        function ChangeDetails(details) {
+            classCallCheck(this, ChangeDetails);
+
+            _extends(this, {
+                inserted: '',
+                overflow: false,
+                shift: 0
+            }, details);
+        }
+
+        /**
+         Aggregate changes
+         @returns {ChangeDetails} `this`
+         */
+
+        /** Is overflowed */
+
+
+        createClass(ChangeDetails, [{
+            key: 'aggregate',
+            value: function aggregate(details) {
+                if (details.rawInserted) this.rawInserted += details.rawInserted;
+                this.inserted += details.inserted;
+                this.shift += details.shift;
+                this.overflow = this.overflow || details.overflow;
+                return this;
+            }
+
+            /** Total offset considering all changes */
+
+        }, {
+            key: 'offset',
+            get: function get$$1() {
+                return this.shift + this.inserted.length;
+            }
+
+            /** Raw inserted is used by dynamic mask */
+
+        }, {
+            key: 'rawInserted',
+            get: function get$$1() {
+                return this._rawInserted != null ? this._rawInserted : this.inserted;
+            },
+            set: function set$$1(rawInserted) {
+                this._rawInserted = rawInserted;
+            }
+        }]);
+        return ChangeDetails;
+    }();
+
+    /** Supported mask type */
+
+
+    /** Append flags */
+
+
+    /** Extract flags */
+
+    /** Provides common masking stuff */
+    var Masked = function () {
+        /** Does additional processing in the end of editing */
+
+        /** Transforms value before mask processing */
+        function Masked(opts) {
+            classCallCheck(this, Masked);
+
+            this._value = '';
+            this._update(opts);
+            this.isInitialized = true;
+        }
+
+        /** Sets and applies new options */
+
+        /** */
+
+        /** Validates if value is acceptable */
+        // $Shape<MaskedOptions>; TODO after fix https://github.com/facebook/flow/issues/4773
+
+        /** @type {Mask} */
+
+
+        createClass(Masked, [{
+            key: 'updateOptions',
+            value: function updateOptions(opts) {
+                this.withValueRefresh(this._update.bind(this, opts));
+            }
+
+            /**
+             Sets new options
+             @protected
+             */
+
+        }, {
+            key: '_update',
+            value: function _update(opts) {
+                _extends(this, opts);
+            }
+
+            /** Clones masked with options and value */
+
+        }, {
+            key: 'clone',
+            value: function clone() {
+                var m = new Masked(this);
+                m._value = this.value.slice();
+                return m;
+            }
+
+            /** */
+
+        }, {
+            key: 'assign',
+            value: function assign(source) {
+                // $FlowFixMe
+                return _extends(this, source);
+            }
+
+            /** Resets value */
+
+        }, {
+            key: 'reset',
+            value: function reset() {
+                this._value = '';
+            }
+
+            /** */
+
+        }, {
+            key: 'resolve',
+
+
+            /** Resolve new value */
+            value: function resolve(value) {
+                this.reset();
+                this._append(value, { input: true });
+                this._appendTail();
+                this.doCommit();
+                return this.value;
+            }
+
+            /** */
+
+        }, {
+            key: 'nearestInputPos',
+
+
+            /** Finds nearest input position in direction */
+            value: function nearestInputPos(cursorPos, direction) {
+                return cursorPos;
+            }
+
+            /** Extracts value in range considering flags */
+
+        }, {
+            key: 'extractInput',
+            value: function extractInput() {
+                var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+
+                return this.value.slice(fromPos, toPos);
+            }
+
+            /** Extracts tail in range */
+
+        }, {
+            key: '_extractTail',
+            value: function _extractTail() {
+                var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+
+                return {
+                    value: this.extractInput(fromPos, toPos),
+                    fromPos: fromPos,
+                    toPos: toPos
+                };
+            }
+
+            /** Appends tail */
+
+        }, {
+            key: '_appendTail',
+            value: function _appendTail(tail) {
+                return this._append(tail ? tail.value : '', { tail: true });
+            }
+
+            /** Appends symbols considering flags */
+
+        }, {
+            key: '_append',
+            value: function _append(str) {
+                var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+                var oldValueLength = this.value.length;
+                var consistentValue = this.clone();
+                var overflow = false;
+
+                str = this.doPrepare(str, flags);
+
+                for (var ci = 0; ci < str.length; ++ci) {
+                    this._value += str[ci];
+                    if (this.doValidate(flags) === false) {
+                        this.assign(consistentValue);
+                        if (!flags.input) {
+                            // in `input` mode dont skip invalid chars
+                            overflow = true;
+                            break;
+                        }
+                    }
+
+                    consistentValue = this.clone();
+                }
+
+                return new ChangeDetails({
+                    inserted: this.value.slice(oldValueLength),
+                    overflow: overflow
+                });
+            }
+
+            /** Appends symbols considering tail */
+
+        }, {
+            key: 'appendWithTail',
+            value: function appendWithTail(str, tail) {
+                // TODO refactor
+                var aggregateDetails = new ChangeDetails();
+                var consistentValue = this.clone();
+                var consistentAppended = void 0;
+
+                for (var ci = 0; ci < str.length; ++ci) {
+                    var ch = str[ci];
+
+                    var appendDetails = this._append(ch, { input: true });
+                    consistentAppended = this.clone();
+                    var tailAppended = !appendDetails.overflow && !this._appendTail(tail).overflow;
+                    if (!tailAppended || this.doValidate({ tail: true }) === false) {
+                        this.assign(consistentValue);
+                        break;
+                    }
+
+                    this.assign(consistentAppended);
+                    consistentValue = this.clone();
+                    aggregateDetails.aggregate(appendDetails);
+                }
+
+                // TODO needed for cases when
+                // 1) REMOVE ONLY AND NO LOOP AT ALL
+                // 2) last loop iteration removes tail
+                // 3) when breaks on tail insert
+
+                // aggregate only shift from tail
+                aggregateDetails.shift += this._appendTail(tail).shift;
+
+                return aggregateDetails;
+            }
+
+            /** */
+
+        }, {
+            key: 'remove',
+            value: function remove() {
+                var from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length - from;
+
+                this._value = this.value.slice(0, from) + this.value.slice(from + count);
+                return new ChangeDetails();
+            }
+
+            /** Calls function and reapplies current value */
+
+        }, {
+            key: 'withValueRefresh',
+            value: function withValueRefresh(fn) {
+                if (this._refreshing || !this.isInitialized) return fn();
+                this._refreshing = true;
+
+                var unmasked = this.unmaskedValue;
+                var value = this.value;
+
+                var ret = fn();
+
+                // try to update with raw value first to keep fixed chars
+                if (this.resolve(value) !== value) {
+                    // or fallback to unmasked
+                    this.unmaskedValue = unmasked;
+                }
+
+                delete this._refreshing;
+                return ret;
+            }
+
+            /**
+             Prepares string before mask processing
+             @protected
+             */
+
+        }, {
+            key: 'doPrepare',
+            value: function doPrepare(str) {
+                var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+                return this.prepare ? this.prepare(str, this, flags) : str;
+            }
+
+            /**
+             Validates if value is acceptable
+             @protected
+             */
+
+        }, {
+            key: 'doValidate',
+            value: function doValidate(flags) {
+                return !this.validate || this.validate(this.value, this, flags);
+            }
+
+            /**
+             Does additional processing in the end of editing
+             @protected
+             */
+
+        }, {
+            key: 'doCommit',
+            value: function doCommit() {
+                if (this.commit) this.commit(this.value, this);
+            }
+
+            // TODO
+            // insert (str, fromPos, flags)
+
+            /** */
+
+        }, {
+            key: 'splice',
+            value: function splice(start, deleteCount, inserted, removeDirection) {
+                var tailPos = start + deleteCount;
+                var tail = this._extractTail(tailPos);
+
+                var startChangePos = this.nearestInputPos(start, removeDirection);
+                var changeDetails = new ChangeDetails({
+                    shift: startChangePos - start // adjust shift if start was aligned
+                }).aggregate(this.remove(startChangePos)).aggregate(this.appendWithTail(inserted, tail));
+
+                return changeDetails;
+            }
+        }, {
+            key: 'value',
+            get: function get$$1() {
+                return this._value;
+            },
+            set: function set$$1(value) {
+                this.resolve(value);
+            }
+        }, {
+            key: 'unmaskedValue',
+            get: function get$$1() {
+                return this.value;
+            },
+            set: function set$$1(value) {
+                this.reset();
+                this._append(value);
+                this._appendTail();
+                this.doCommit();
+            }
+
+            /** */
+
+        }, {
+            key: 'typedValue',
+            get: function get$$1() {
+                return this.unmaskedValue;
+            },
+            set: function set$$1(value) {
+                this.unmaskedValue = value;
+            }
+
+            /** Value that includes raw user input */
+
+        }, {
+            key: 'rawInputValue',
+            get: function get$$1() {
+                return this.extractInput(0, this.value.length, { raw: true });
+            },
+            set: function set$$1(value) {
+                this.reset();
+                this._append(value, { raw: true });
+                this._appendTail();
+                this.doCommit();
+            }
+
+            /** */
+
+        }, {
+            key: 'isComplete',
+            get: function get$$1() {
+                return true;
+            }
+        }]);
+        return Masked;
+    }();
+
+    /** Get Masked class by mask type */
+    function maskedClass(mask) {
+        if (mask == null) {
+            throw new Error('mask property should be defined');
+        }
+
+        if (mask instanceof RegExp) return g.VindiVRMask.MaskedRegExp;
+        if (isString(mask)) return g.VindiVRMask.MaskedPattern;
+        if (mask instanceof Date || mask === Date) return g.VindiVRMask.MaskedDate;
+        if (mask instanceof Number || typeof mask === 'number' || mask === Number) return g.VindiVRMask.MaskedNumber;
+        if (Array.isArray(mask) || mask === Array) return g.VindiVRMask.MaskedDynamic;
+        // $FlowFixMe
+        if (mask.prototype instanceof g.VindiVRMask.Masked) return mask;
+        // $FlowFixMe
+        if (mask instanceof Function) return g.VindiVRMask.MaskedFunction;
+
+        console.warn('Mask not found for mask', mask); // eslint-disable-line no-console
+        return g.VindiVRMask.Masked;
+    }
+
+    /** Creates new {@link Masked} depending on mask type */
+    function createMask(opts) {
+        opts = _extends({}, opts); // clone
+        var mask = opts.mask;
+
+        if (mask instanceof g.VindiVRMask.Masked) return mask;
+
+        var MaskedClass = maskedClass(mask);
+        return new MaskedClass(opts);
+    }
+
+    /** */
+
+    /** */
+    var PatternDefinition = function () {
+        /** */
+
+        /** */
+
+        /** */
+
+        /** */
+        function PatternDefinition(opts) {
+            classCallCheck(this, PatternDefinition);
+            // TODO flow
+            _extends(this, opts);
+
+            if (this.mask) {
+                this._masked = createMask(opts);
+            }
+        }
+
+        /** */
+
+        /** */
+
+        /** */
+
+        /** */
+
+        /** */
+
+
+        /** */
+
+
+        createClass(PatternDefinition, [{
+            key: 'reset',
+            value: function reset() {
+                this.isHollow = false;
+                this.isRawInput = false;
+                if (this._masked) this._masked.reset();
+            }
+
+            /** */
+
+        }, {
+            key: 'resolve',
+
+
+            /** */
+            value: function resolve(ch) {
+                if (!this._masked) return false;
+                return this._masked.resolve(ch);
+            }
+        }, {
+            key: 'isInput',
+            get: function get$$1() {
+                return this.type === PatternDefinition.TYPES.INPUT;
+            }
+
+            /** */
+
+        }, {
+            key: 'isHiddenHollow',
+            get: function get$$1() {
+                return this.isHollow && this.optional;
+            }
+        }]);
+        return PatternDefinition;
+    }();
+
+    PatternDefinition.DEFAULTS = {
+        '0': /\d/,
+        'a': /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/, // http://stackoverflow.com/a/22075070
+        '*': /./
+    };
+    /**
+     @prop {string} INPUT
+     @prop {string} FIXED
+     */
+    PatternDefinition.TYPES = {
+        INPUT: 'input',
+        FIXED: 'fixed'
+    };
+
+    /** */
+
+
+    /** */
+
+    /**
+     Pattern group symbols from parent
+     @param {MaskedPattern} masked - Internal {@link masked} model
+     @param {Object} opts
+     @param {string} opts.name - Group name
+     @param {number} opts.offset - Group offset in masked definitions array
+     @param {string} opts.mask - Group mask
+     @param {Function} [opts.validate] - Custom group validator
+     */
+    var PatternGroup = function () {
+        /** Group mask */
+
+        /** Group name */
+
+        /** */
+        function PatternGroup(masked, _ref) {
+            var name = _ref.name,
+                offset = _ref.offset,
+                mask = _ref.mask,
+                validate = _ref.validate;
+            classCallCheck(this, PatternGroup);
+
+            this.masked = masked;
+            this.name = name;
+            this.offset = offset;
+            this.mask = mask;
+            this.validate = validate || function () {
+                return true;
+            };
+        }
+
+        /** Slice of internal {@link masked} value */
+
+        /** Custom group validator */
+
+        /** Group offset in masked definitions array */
+
+
+        /** Internal {@link masked} model */
+
+        /** */
+
+
+        createClass(PatternGroup, [{
+            key: 'doValidate',
+
+
+            /** Validates if current value is acceptable */
+            value: function doValidate(flags) {
+                return this.validate(this.value, this, flags);
+            }
+        }, {
+            key: 'value',
+            get: function get$$1() {
+                return this.masked.value.slice(this.masked.mapDefIndexToPos(this.offset), this.masked.mapDefIndexToPos(this.offset + this.mask.length));
+            }
+
+            /** Unmasked slice of internal {@link masked} value */
+
+        }, {
+            key: 'unmaskedValue',
+            get: function get$$1() {
+                return this.masked.extractInput(this.masked.mapDefIndexToPos(this.offset), this.masked.mapDefIndexToPos(this.offset + this.mask.length));
+            }
+        }]);
+        return PatternGroup;
+    }();
+    var RangeGroup = function () {
+        /** @type {Function} */
+        function RangeGroup(_ref2) {
+            var _ref3 = slicedToArray(_ref2, 2),
+                from = _ref3[0],
+                to = _ref3[1];
+
+            var maxlen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : String(to).length;
+            classCallCheck(this, RangeGroup);
+
+            this._from = from;
+            this._to = to;
+            this._maxLength = maxlen;
+            this.validate = this.validate.bind(this);
+
+            this._update();
+        }
+        /** @type {string} */
+
+
+        createClass(RangeGroup, [{
+            key: '_update',
+            value: function _update() {
+                this._maxLength = Math.max(this._maxLength, String(this.to).length);
+                this.mask = '0'.repeat(this._maxLength);
+            }
+        }, {
+            key: 'validate',
+            value: function validate(str) {
+                var minstr = '';
+                var maxstr = '';
+
+                var _ref4 = str.match(/^(\D*)(\d*)(\D*)/) || [],
+                    _ref5 = slicedToArray(_ref4, 3),
+                    placeholder = _ref5[1],
+                    num = _ref5[2];
+
+                if (num) {
+                    minstr = '0'.repeat(placeholder.length) + num;
+                    maxstr = '9'.repeat(placeholder.length) + num;
+                }
+
+                var firstNonZero = str.search(/[^0]/);
+                if (firstNonZero === -1 && str.length <= this._matchFrom) return true;
+
+                minstr = minstr.padEnd(this._maxLength, '0');
+                maxstr = maxstr.padEnd(this._maxLength, '9');
+
+                return this.from <= Number(maxstr) && Number(minstr) <= this.to;
+            }
+        }, {
+            key: 'to',
+            get: function get$$1() {
+                return this._to;
+            },
+            set: function set$$1(to) {
+                this._to = to;
+                this._update();
+            }
+        }, {
+            key: 'from',
+            get: function get$$1() {
+                return this._from;
+            },
+            set: function set$$1(from) {
+                this._from = from;
+                this._update();
+            }
+        }, {
+            key: 'maxLength',
+            get: function get$$1() {
+                return this._maxLength;
+            },
+            set: function set$$1(maxLength) {
+                this._maxLength = maxLength;
+                this._update();
+            }
+        }, {
+            key: '_matchFrom',
+            get: function get$$1() {
+                return this.maxLength - String(this.from).length;
+            }
+        }]);
+        return RangeGroup;
+    }();
+
+    /** Pattern group that validates enum values */
+    function EnumGroup(enums) {
+        return {
+            mask: '*'.repeat(enums[0].length),
+            validate: function validate(value, group, flags) {
+                return enums.some(function (e) {
+                    return e.indexOf(group.unmaskedValue) >= 0;
+                });
+            }
+        };
+    }
+
+    PatternGroup.Range = RangeGroup;
+    PatternGroup.Enum = EnumGroup;
+
+    var ChunksTailDetails = function () {
+        function ChunksTailDetails(chunks) {
+            classCallCheck(this, ChunksTailDetails);
+
+            this.chunks = chunks;
+        }
+
+        createClass(ChunksTailDetails, [{
+            key: 'value',
+            get: function get$$1() {
+                return this.chunks.map(function (c) {
+                    return c.value;
+                }).join('');
+            }
+        }, {
+            key: 'fromPos',
+            get: function get$$1() {
+                var firstChunk = this.chunks[0];
+                return firstChunk && firstChunk.stop;
+            }
+        }, {
+            key: 'toPos',
+            get: function get$$1() {
+                var lastChunk = this.chunks[this.chunks.length - 1];
+                return lastChunk && lastChunk.stop;
+            }
+        }]);
+        return ChunksTailDetails;
+    }();
+
+    /**
+     Pattern mask
+     @param {Object} opts
+     @param {Object} opts.groups
+     @param {Object} opts.definitions
+     @param {string} opts.placeholderChar
+     @param {boolean} opts.lazy
+     */
+    var MaskedPattern = function (_Masked) {
+        inherits(MaskedPattern, _Masked);
+
+        // TODO mask type
+        /** Single char for empty input */
+
+
+        /** */
+        function MaskedPattern() {
+            var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+            classCallCheck(this, MaskedPattern);
+            // TODO type $Shape<MaskedPatternOptions>={} does not work
+            opts.definitions = _extends({}, PatternDefinition.DEFAULTS, opts.definitions);
+            return possibleConstructorReturn(this, (MaskedPattern.__proto__ || Object.getPrototypeOf(MaskedPattern)).call(this, _extends({}, MaskedPattern.DEFAULTS, opts)));
+        }
+
+        /**
+         @override
+         @param {Object} opts
+         */
+
+        /** Show placeholder only when needed */
+
+        /** */
+
+
+        createClass(MaskedPattern, [{
+            key: '_update',
+            value: function _update() {
+                var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+                opts.definitions = _extends({}, this.definitions, opts.definitions);
+                get(MaskedPattern.prototype.__proto__ || Object.getPrototypeOf(MaskedPattern.prototype), '_update', this).call(this, opts);
+                this._rebuildMask();
+            }
+
+            /** */
+
+        }, {
+            key: '_rebuildMask',
+            value: function _rebuildMask() {
+                var _this2 = this;
+
+                var defs = this.definitions;
+                this._charDefs = [];
+                this._groupDefs = [];
+
+                var pattern = this.mask;
+                if (!pattern || !defs) return;
+
+                var unmaskingBlock = false;
+                var optionalBlock = false;
+                var stopAlign = false;
+
+                var _loop = function _loop(_i) {
+                    if (_this2.groups) {
+                        var p = pattern.slice(_i);
+                        var gNames = Object.keys(_this2.groups).filter(function (gName) {
+                            return p.indexOf(gName) === 0;
+                        });
+                        // order by key length
+                        gNames.sort(function (a, b) {
+                            return b.length - a.length;
+                        });
+                        // use group name with max length
+                        var gName = gNames[0];
+                        if (gName) {
+                            var group = _this2.groups[gName];
+                            _this2._groupDefs.push(new PatternGroup(_this2, {
+                                name: gName,
+                                offset: _this2._charDefs.length,
+                                mask: group.mask,
+                                validate: group.validate
+                            }));
+                            pattern = pattern.replace(gName, group.mask);
+                        }
+                    }
+
+                    var char = pattern[_i];
+                    var type = char in defs ? PatternDefinition.TYPES.INPUT : PatternDefinition.TYPES.FIXED;
+                    var unmasking = type === PatternDefinition.TYPES.INPUT || unmaskingBlock;
+                    var optional = type === PatternDefinition.TYPES.INPUT && optionalBlock;
+
+                    if (char === MaskedPattern.STOP_CHAR) {
+                        stopAlign = true;
+                        return 'continue';
+                    }
+
+                    if (char === '{' || char === '}') {
+                        unmaskingBlock = !unmaskingBlock;
+                        return 'continue';
+                    }
+
+                    if (char === '[' || char === ']') {
+                        optionalBlock = !optionalBlock;
+                        return 'continue';
+                    }
+
+                    if (char === MaskedPattern.ESCAPE_CHAR) {
+                        ++_i;
+                        char = pattern[_i];
+                        if (!char) return 'break';
+                        type = PatternDefinition.TYPES.FIXED;
+                    }
+
+                    _this2._charDefs.push(new PatternDefinition({
+                        char: char,
+                        type: type,
+                        optional: optional,
+                        stopAlign: stopAlign,
+                        unmasking: unmasking,
+                        mask: type === PatternDefinition.TYPES.INPUT ? defs[char] : function (value) {
+                            return value === char;
+                        }
+                    }));
+
+                    stopAlign = false;
+                    i = _i;
+                };
+
+                _loop2: for (var i = 0; i < pattern.length; ++i) {
+                    var _ret = _loop(i);
+
+                    switch (_ret) {
+                        case 'continue':
+                            continue;
+
+                        case 'break':
+                            break _loop2;}
+                }
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doValidate',
+            value: function doValidate() {
+                var _babelHelpers$get;
+
+                for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+                    args[_key] = arguments[_key];
+                }
+
+                return this._groupDefs.every(function (g$$1) {
+                    return g$$1.doValidate.apply(g$$1, toConsumableArray(args));
+                }) && (_babelHelpers$get = get(MaskedPattern.prototype.__proto__ || Object.getPrototypeOf(MaskedPattern.prototype), 'doValidate', this)).call.apply(_babelHelpers$get, [this].concat(toConsumableArray(args)));
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'clone',
+            value: function clone() {
+                var _this3 = this;
+
+                var m = new MaskedPattern(this);
+                m._value = this.value;
+                // $FlowFixMe
+                m._charDefs.forEach(function (d, i) {
+                    return _extends(d, _this3._charDefs[i]);
+                });
+                // $FlowFixMe
+                m._groupDefs.forEach(function (d, i) {
+                    return _extends(d, _this3._groupDefs[i]);
+                });
+                return m;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'reset',
+            value: function reset() {
+                get(MaskedPattern.prototype.__proto__ || Object.getPrototypeOf(MaskedPattern.prototype), 'reset', this).call(this);
+                this._charDefs.forEach(function (d) {
+                    delete d.isHollow;
+                });
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'hiddenHollowsBefore',
+
+
+            /** */
+            value: function hiddenHollowsBefore(defIndex) {
+                return this._charDefs.slice(0, defIndex).filter(function (d) {
+                    return d.isHiddenHollow;
+                }).length;
+            }
+
+            /** Map definition index to position on view */
+
+        }, {
+            key: 'mapDefIndexToPos',
+            value: function mapDefIndexToPos(defIndex) {
+                return defIndex - this.hiddenHollowsBefore(defIndex);
+            }
+
+            /** Map position on view to definition index */
+
+        }, {
+            key: 'mapPosToDefIndex',
+            value: function mapPosToDefIndex(pos) {
+                var defIndex = pos;
+                for (var di = 0; di < this._charDefs.length; ++di) {
+                    var def = this._charDefs[di];
+                    if (di >= defIndex) break;
+                    if (def.isHiddenHollow) ++defIndex;
+                }
+                return defIndex;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_appendTail',
+
+
+            /**
+             @override
+             */
+            value: function _appendTail(tail) {
+                var details = new ChangeDetails();
+                if (tail) {
+                    details.aggregate(tail instanceof ChunksTailDetails ? this._appendChunks(tail.chunks, { tail: true }) : get(MaskedPattern.prototype.__proto__ || Object.getPrototypeOf(MaskedPattern.prototype), '_appendTail', this).call(this, tail));
+                }
+                return details.aggregate(this._appendPlaceholder());
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_append',
+            value: function _append(str) {
+                var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+                var oldValueLength = this.value.length;
+                var rawInserted = '';
+                var overflow = false;
+
+                str = this.doPrepare(str, flags);
+
+                for (var ci = 0, di = this.mapPosToDefIndex(this.value.length); ci < str.length;) {
+                    var ch = str[ci];
+                    var def = this._charDefs[di];
+
+                    // check overflow
+                    if (def == null) {
+                        overflow = true;
+                        break;
+                    }
+
+                    // reset
+                    def.isHollow = false;
+
+                    var resolved = void 0,
+                        skipped = void 0;
+                    var chres = conform(def.resolve(ch), ch);
+
+                    if (def.type === PatternDefinition.TYPES.INPUT) {
+                        if (chres) {
+                            this._value += chres;
+                            if (!this.doValidate()) {
+                                chres = '';
+                                this._value = this.value.slice(0, -1);
+                            }
+                        }
+
+                        resolved = !!chres;
+                        skipped = !chres && !def.optional;
+
+                        if (!chres) {
+                            if (!def.optional && !flags.input && !this.lazy) {
+                                this._value += this.placeholderChar;
+                                skipped = false;
+                            }
+                            if (!skipped) def.isHollow = true;
+                        } else {
+                            rawInserted += chres;
+                        }
+                    } else {
+                        this._value += def.char;
+                        resolved = chres && (def.unmasking || flags.input || flags.raw) && !flags.tail;
+                        def.isRawInput = resolved && (flags.raw || flags.input);
+                        if (def.isRawInput) rawInserted += def.char;
+                    }
+
+                    if (!skipped) ++di;
+                    if (resolved || skipped) ++ci;
+                }
+
+                return new ChangeDetails({
+                    inserted: this.value.slice(oldValueLength),
+                    rawInserted: rawInserted,
+                    overflow: overflow
+                });
+            }
+
+            /** Appends chunks splitted by stop chars */
+
+        }, {
+            key: '_appendChunks',
+            value: function _appendChunks(chunks) {
+                var details = new ChangeDetails();
+
+                for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                    args[_key2 - 1] = arguments[_key2];
+                }
+
+                for (var ci = 0; ci < chunks.length; ++ci) {
+                    var _chunks$ci = chunks[ci],
+                        stop = _chunks$ci.stop,
+                        value = _chunks$ci.value;
+
+                    var fromDef = stop != null && this._charDefs[stop];
+                    // lets double check if stopAlign is here
+                    if (fromDef && fromDef.stopAlign) details.aggregate(this._appendPlaceholder(stop));
+                    if (details.aggregate(this._append.apply(this, [value].concat(toConsumableArray(args)))).overflow) break;
+                }
+                return details;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_extractTail',
+            value: function _extractTail() {
+                var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+
+                return new ChunksTailDetails(this._extractInputChunks(fromPos, toPos));
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'extractInput',
+            value: function extractInput() {
+                var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+                var flags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+                if (fromPos === toPos) return '';
+
+                var str = this.value;
+                var input = '';
+
+                var toDefIndex = this.mapPosToDefIndex(toPos);
+                for (var ci = fromPos, di = this.mapPosToDefIndex(fromPos); ci < toPos && ci < str.length && di < toDefIndex; ++di) {
+                    var ch = str[ci];
+                    var def = this._charDefs[di];
+
+                    if (!def) break;
+                    if (def.isHiddenHollow) continue;
+
+                    if (def.isInput && !def.isHollow || flags.raw && !def.isInput && def.isRawInput) input += ch;
+                    ++ci;
+                }
+                return input;
+            }
+
+            /** Extracts chunks from input splitted by stop chars */
+
+        }, {
+            key: '_extractInputChunks',
+            value: function _extractInputChunks() {
+                var _this4 = this;
+
+                var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+
+                if (fromPos === toPos) return [];
+
+                var fromDefIndex = this.mapPosToDefIndex(fromPos);
+                var toDefIndex = this.mapPosToDefIndex(toPos);
+                var stopDefIndices = this._charDefs.map(function (d, i) {
+                    return [d, i];
+                }).slice(fromDefIndex, toDefIndex).filter(function (_ref) {
+                    var _ref2 = slicedToArray(_ref, 1),
+                        d = _ref2[0];
+
+                    return d.stopAlign;
+                }).map(function (_ref3) {
+                    var _ref4 = slicedToArray(_ref3, 2),
+                        i = _ref4[1];
+
+                    return i;
+                });
+
+                var stops = [fromDefIndex].concat(toConsumableArray(stopDefIndices), [toDefIndex]);
+
+                return stops.map(function (s, i) {
+                    return {
+                        stop: stopDefIndices.indexOf(s) >= 0 ? s : null,
+
+                        value: _this4.extractInput(_this4.mapDefIndexToPos(s), _this4.mapDefIndexToPos(stops[++i]))
+                    };
+                }).filter(function (_ref5) {
+                    var stop = _ref5.stop,
+                        value = _ref5.value;
+                    return stop != null || value;
+                });
+            }
+
+            /** Appends placeholder depending on laziness */
+
+        }, {
+            key: '_appendPlaceholder',
+            value: function _appendPlaceholder(toDefIndex) {
+                var oldValueLength = this.value.length;
+                var maxDefIndex = toDefIndex || this._charDefs.length;
+                for (var di = this.mapPosToDefIndex(this.value.length); di < maxDefIndex; ++di) {
+                    var def = this._charDefs[di];
+                    if (def.isInput) def.isHollow = true;
+
+                    if (!this.lazy || toDefIndex) {
+                        this._value += !def.isInput && def.char != null ? def.char : !def.optional ? this.placeholderChar : '';
+                    }
+                }
+                return new ChangeDetails({
+                    inserted: this.value.slice(oldValueLength)
+                });
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'remove',
+            value: function remove() {
+                var from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length - from;
+
+                var fromDefIndex = this.mapPosToDefIndex(from);
+                var toDefIndex = this.mapPosToDefIndex(from + count);
+                this._charDefs.slice(fromDefIndex, toDefIndex).forEach(function (d) {
+                    return d.reset();
+                });
+
+                return get(MaskedPattern.prototype.__proto__ || Object.getPrototypeOf(MaskedPattern.prototype), 'remove', this).call(this, from, count);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'nearestInputPos',
+            value: function nearestInputPos(cursorPos) {
+                var direction = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DIRECTION.NONE;
+
+                var step = direction || DIRECTION.RIGHT;
+
+                var initialDefIndex = this.mapPosToDefIndex(cursorPos);
+                var initialDef = this._charDefs[initialDefIndex];
+                var di = initialDefIndex;
+
+                var firstInputIndex = void 0,
+                    firstFilledInputIndex = void 0,
+                    firstVisibleHollowIndex = void 0,
+                    nextdi = void 0;
+
+                // check if chars at right is acceptable for LEFT and NONE directions
+                if (direction !== DIRECTION.RIGHT && (initialDef && initialDef.isInput ||
+                    // in none direction latest position is acceptable also
+                    direction === DIRECTION.NONE && cursorPos === this.value.length)) {
+                    firstInputIndex = initialDefIndex;
+                    if (initialDef && !initialDef.isHollow) firstFilledInputIndex = initialDefIndex;
+                }
+
+                if (firstFilledInputIndex == null && direction == DIRECTION.LEFT || firstInputIndex == null) {
+                    // search forward
+                    for (nextdi = indexInDirection(di, step); 0 <= nextdi && nextdi < this._charDefs.length; di += step, nextdi += step) {
+                        var nextDef = this._charDefs[nextdi];
+                        if (firstInputIndex == null && nextDef.isInput) {
+                            firstInputIndex = di;
+                            if (direction === DIRECTION.NONE) break;
+                        }
+                        if (firstVisibleHollowIndex == null && nextDef.isHollow && !nextDef.isHiddenHollow) firstVisibleHollowIndex = di;
+                        if (nextDef.isInput && !nextDef.isHollow) {
+                            firstFilledInputIndex = di;
+                            break;
+                        }
+                    }
+                }
+
+                // for lazy if has aligned left inside fixed and has came to the start - use start position
+                if (direction === DIRECTION.LEFT && di === 0 && this.lazy && !this.extractInput() && (!initialDef || !initialDef.isInput)) firstInputIndex = 0;
+
+                if (direction === DIRECTION.LEFT || firstInputIndex == null) {
+                    // search backward
+                    step = -step;
+                    var overflow = false;
+
+                    // find hollows only before initial pos
+                    for (nextdi = indexInDirection(di, step); 0 <= nextdi && nextdi < this._charDefs.length; di += step, nextdi += step) {
+                        var _nextDef = this._charDefs[nextdi];
+                        if (_nextDef.isInput) {
+                            firstInputIndex = di;
+                            if (_nextDef.isHollow && !_nextDef.isHiddenHollow) break;
+                        }
+
+                        // if hollow not found before start position - set `overflow`
+                        // and try to find just any input
+                        if (di === initialDefIndex) overflow = true;
+
+                        // first input found
+                        if (overflow && firstInputIndex != null) break;
+                    }
+
+                    // process overflow
+                    overflow = overflow || nextdi >= this._charDefs.length;
+                    if (overflow && firstInputIndex != null) di = firstInputIndex;
+                } else if (firstFilledInputIndex == null) {
+                    // adjust index if delete at right and filled input not found at right
+                    di = firstVisibleHollowIndex != null ? firstVisibleHollowIndex : firstInputIndex;
+                }
+
+                return this.mapDefIndexToPos(di);
+            }
+
+            /** Get group by name */
+
+        }, {
+            key: 'group',
+            value: function group(name) {
+                return this.groupsByName(name)[0];
+            }
+
+            /** Get all groups by name */
+
+        }, {
+            key: 'groupsByName',
+            value: function groupsByName(name) {
+                return this._groupDefs.filter(function (g$$1) {
+                    return g$$1.name === name;
+                });
+            }
+        }, {
+            key: 'isComplete',
+            get: function get$$1() {
+                var _this5 = this;
+
+                return !this._charDefs.some(function (d, i) {
+                    return d.isInput && !d.optional && (d.isHollow || !_this5.extractInput(i, i + 1));
+                });
+            }
+        }, {
+            key: 'unmaskedValue',
+            get: function get$$1() {
+                var str = this.value;
+                var unmasked = '';
+
+                for (var ci = 0, di = 0; ci < str.length && di < this._charDefs.length; ++di) {
+                    var ch = str[ci];
+                    var def = this._charDefs[di];
+
+                    if (def.isHiddenHollow) continue;
+                    if (def.unmasking && !def.isHollow) unmasked += ch;
+                    ++ci;
+                }
+
+                return unmasked;
+            },
+            set: function set$$1(unmaskedValue) {
+                set(MaskedPattern.prototype.__proto__ || Object.getPrototypeOf(MaskedPattern.prototype), 'unmaskedValue', unmaskedValue, this);
+            }
+        }]);
+        return MaskedPattern;
+    }(Masked);
+
+    MaskedPattern.DEFAULTS = {
+        lazy: true,
+        placeholderChar: '_'
+    };
+    MaskedPattern.STOP_CHAR = '`';
+    MaskedPattern.ESCAPE_CHAR = '\\';
+    MaskedPattern.Definition = PatternDefinition;
+    MaskedPattern.Group = PatternGroup;
+
+    /** Date mask */
+
+    var MaskedDate = function (_MaskedPattern) {
+        inherits(MaskedDate, _MaskedPattern);
+
+        /**
+         @param {Object} opts
+         */
+
+        /** Start date */
+
+        /** Format Date to string */
+        function MaskedDate(opts) {
+            classCallCheck(this, MaskedDate);
+            return possibleConstructorReturn(this, (MaskedDate.__proto__ || Object.getPrototypeOf(MaskedDate)).call(this, _extends({}, MaskedDate.DEFAULTS, opts)));
+        }
+
+        /**
+         @override
+         */
+
+        /** End date */
+
+        /** Pattern mask for date according to {@link MaskedDate#format} */
+
+
+        /** Parse string to Date */
+
+
+        createClass(MaskedDate, [{
+            key: '_update',
+            value: function _update(opts) {
+                if (opts.mask === Date) delete opts.mask;
+                if (opts.pattern) {
+                    opts.mask = opts.pattern;
+                    delete opts.pattern;
+                }
+
+                var groups = opts.groups;
+                opts.groups = _extends({}, MaskedDate.GET_DEFAULT_GROUPS());
+                // adjust year group
+                if (opts.min) opts.groups.Y.from = opts.min.getFullYear();
+                if (opts.max) opts.groups.Y.to = opts.max.getFullYear();
+                _extends(opts.groups, groups);
+
+                get(MaskedDate.prototype.__proto__ || Object.getPrototypeOf(MaskedDate.prototype), '_update', this).call(this, opts);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doValidate',
+            value: function doValidate() {
+                var _babelHelpers$get;
+
+                for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+                    args[_key] = arguments[_key];
+                }
+
+                var valid = (_babelHelpers$get = get(MaskedDate.prototype.__proto__ || Object.getPrototypeOf(MaskedDate.prototype), 'doValidate', this)).call.apply(_babelHelpers$get, [this].concat(toConsumableArray(args)));
+                var date = this.date;
+
+                return valid && (!this.isComplete || this.isDateExist(this.value) && date && (this.min == null || this.min <= date) && (this.max == null || date <= this.max));
+            }
+
+            /** Checks if date is exists */
+
+        }, {
+            key: 'isDateExist',
+            value: function isDateExist(str) {
+                return this.format(this.parse(str)) === str;
+            }
+
+            /** Parsed Date */
+
+        }, {
+            key: 'date',
+            get: function get$$1() {
+                return this.isComplete ? this.parse(this.value) : null;
+            },
+            set: function set$$1(date) {
+                this.value = this.format(date);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'typedValue',
+            get: function get$$1() {
+                return this.date;
+            },
+            set: function set$$1(value) {
+                this.date = value;
+            }
+        }]);
+        return MaskedDate;
+    }(MaskedPattern);
+
+    MaskedDate.DEFAULTS = {
+        pattern: 'd{.}`m{.}`Y',
+        format: function format(date) {
+            var day = String(date.getDate()).padStart(2, '0');
+            var month = String(date.getMonth() + 1).padStart(2, '0');
+            var year = date.getFullYear();
+
+            return [day, month, year].join('.');
+        },
+        parse: function parse(str) {
+            var _str$split = str.split('.'),
+                _str$split2 = slicedToArray(_str$split, 3),
+                day = _str$split2[0],
+                month = _str$split2[1],
+                year = _str$split2[2];
+
+            return new Date(year, month - 1, day);
+        }
+    };
+    MaskedDate.GET_DEFAULT_GROUPS = function () {
+        return {
+            d: new PatternGroup.Range([1, 31]),
+            m: new PatternGroup.Range([1, 12]),
+            Y: new PatternGroup.Range([1900, 9999])
+        };
+    };
+
+    /**
+     Generic element API to use with mask
+     @interface
+     */
+    var MaskElement = function () {
+        function MaskElement() {
+            classCallCheck(this, MaskElement);
+        }
+
+        createClass(MaskElement, [{
+            key: 'select',
+            value: function select(start, end) {
+                if (start == null || end == null || start === this.selectionStart && end === this.selectionEnd) return;
+
+                try {
+                    this._unsafeSelect(start, end);
+                } catch (e) {}
+            }
+        }, {
+            key: '_unsafeSelect',
+            value: function _unsafeSelect(start, end) {}
+        }, {
+            key: 'isActive',
+            value: function isActive() {
+                return false;
+            }
+        }, {
+            key: 'bindEvents',
+            value: function bindEvents(handlers) {}
+        }, {
+            key: 'unbindEvents',
+            value: function unbindEvents() {}
+        }, {
+            key: 'selectionStart',
+            get: function get$$1() {
+                var start = void 0;
+                try {
+                    start = this._unsafeSelectionStart;
+                } catch (e) {}
+
+                return start != null ? start : this.value.length;
+            }
+        }, {
+            key: 'selectionEnd',
+            get: function get$$1() {
+                var end = void 0;
+                try {
+                    end = this._unsafeSelectionEnd;
+                } catch (e) {}
+
+                return end != null ? end : this.value.length;
+            }
+        }]);
+        return MaskElement;
+    }();
+
+    var HTMLMaskElement = function (_MaskElement) {
+        inherits(HTMLMaskElement, _MaskElement);
+
+        function HTMLMaskElement(input) {
+            classCallCheck(this, HTMLMaskElement);
+
+            var _this = possibleConstructorReturn(this, (HTMLMaskElement.__proto__ || Object.getPrototypeOf(HTMLMaskElement)).call(this));
+
+            _this.input = input;
+            _this._handlers = {};
+            return _this;
+        }
+
+        createClass(HTMLMaskElement, [{
+            key: 'isActive',
+            value: function isActive() {
+                return this.input === document.activeElement;
+            }
+        }, {
+            key: '_unsafeSelect',
+            value: function _unsafeSelect(start, end) {
+                this.input.setSelectionRange(start, end);
+            }
+        }, {
+            key: 'bindEvents',
+            value: function bindEvents(handlers) {
+                var _this2 = this;
+
+                Object.keys(handlers).forEach(function (event) {
+                    return _this2._toggleEventHandler(HTMLMaskElement.EVENTS_MAP[event], handlers[event]);
+                });
+            }
+        }, {
+            key: 'unbindEvents',
+            value: function unbindEvents() {
+                var _this3 = this;
+
+                Object.keys(this._handlers).forEach(function (event) {
+                    return _this3._toggleEventHandler(event);
+                });
+            }
+        }, {
+            key: '_toggleEventHandler',
+            value: function _toggleEventHandler(event, handler) {
+                if (this._handlers[event]) {
+                    this.input.removeEventListener(event, this._handlers[event]);
+                    delete this._handlers[event];
+                }
+
+                if (handler) {
+                    this.input.addEventListener(event, handler);
+                    this._handlers[event] = handler;
+                }
+            }
+        }, {
+            key: '_unsafeSelectionStart',
+            get: function get$$1() {
+                return this.input.selectionStart;
+            }
+        }, {
+            key: '_unsafeSelectionEnd',
+            get: function get$$1() {
+                return this.input.selectionEnd;
+            }
+        }, {
+            key: 'value',
+            get: function get$$1() {
+                return this.input.value;
+            },
+            set: function set$$1(value) {
+                this.input.value = value;
+            }
+        }]);
+        return HTMLMaskElement;
+    }(MaskElement);
+
+    HTMLMaskElement.EVENTS_MAP = {
+        selectionChange: 'keydown',
+        input: 'input',
+        drop: 'drop',
+        click: 'click',
+        focus: 'focus',
+        commit: 'change'
+    };
+
+    /** Listens to element events and controls changes between element and {@link Masked} */
+
+    var InputMask = function () {
+
+        /**
+         @param {MaskElement|HTMLInputElement|HTMLTextAreaElement} el
+         @param {Object} opts
+         */
+
+        /**
+         View element
+         @readonly
+         */
+        function InputMask(el, opts) {
+            classCallCheck(this, InputMask);
+
+            this.el = el instanceof MaskElement ? el : new HTMLMaskElement(el);
+            this.masked = createMask(opts);
+
+            this._listeners = {};
+            this._value = '';
+            this._unmaskedValue = '';
+
+            this._saveSelection = this._saveSelection.bind(this);
+            this._onInput = this._onInput.bind(this);
+            this._onChange = this._onChange.bind(this);
+            this._onDrop = this._onDrop.bind(this);
+            this.alignCursor = this.alignCursor.bind(this);
+            this.alignCursorFriendly = this.alignCursorFriendly.bind(this);
+
+            this._bindEvents();
+
+            // refresh
+            this.updateValue();
+            this._onChange();
+        }
+
+        /** Read or update mask */
+
+
+        /**
+         Internal {@link Masked} model
+         @readonly
+         */
+
+
+        createClass(InputMask, [{
+            key: '_bindEvents',
+
+
+            /**
+             Starts listening to element events
+             @protected
+             */
+            value: function _bindEvents() {
+                this.el.bindEvents({
+                    selectionChange: this._saveSelection,
+                    input: this._onInput,
+                    drop: this._onDrop,
+                    click: this.alignCursorFriendly,
+                    focus: this.alignCursorFriendly,
+                    commit: this._onChange
+                });
+            }
+
+            /**
+             Stops listening to element events
+             @protected
+             */
+
+        }, {
+            key: '_unbindEvents',
+            value: function _unbindEvents() {
+                this.el.unbindEvents();
+            }
+
+            /**
+             Fires custom event
+             @protected
+             */
+
+        }, {
+            key: '_fireEvent',
+            value: function _fireEvent(ev) {
+                var listeners = this._listeners[ev];
+                if (!listeners) return;
+
+                listeners.forEach(function (l) {
+                    return l();
+                });
+            }
+
+            /**
+             Current selection start
+             @readonly
+             */
+
+        }, {
+            key: '_saveSelection',
+
+
+            /**
+             Stores current selection
+             @protected
+             */
+            value: function _saveSelection() /* ev */{
+                if (this.value !== this.el.value) {
+                    console.warn('Uncontrolled input change, refresh mask manually!'); // eslint-disable-line no-console
+                }
+                this._selection = {
+                    start: this.selectionStart,
+                    end: this.cursorPos
+                };
+            }
+
+            /** Syncronizes model value from view */
+
+        }, {
+            key: 'updateValue',
+            value: function updateValue() {
+                this.masked.value = this.el.value;
+            }
+
+            /** Syncronizes view from model value, fires change events */
+
+        }, {
+            key: 'updateControl',
+            value: function updateControl() {
+                var newUnmaskedValue = this.masked.unmaskedValue;
+                var newValue = this.masked.value;
+                var isChanged = this.unmaskedValue !== newUnmaskedValue || this.value !== newValue;
+
+                this._unmaskedValue = newUnmaskedValue;
+                this._value = newValue;
+
+                if (this.el.value !== newValue) this.el.value = newValue;
+                if (isChanged) this._fireChangeEvents();
+            }
+
+            /** Updates options with deep equal check, recreates @{link Masked} model if mask type changes */
+
+        }, {
+            key: 'updateOptions',
+            value: function updateOptions(opts) {
+                opts = _extends({}, opts);
+
+                this.mask = opts.mask;
+                delete opts.mask;
+
+                // check if changed
+                if (objectIncludes(this.masked, opts)) return;
+
+                this.masked.updateOptions(opts);
+                this.updateControl();
+            }
+
+            /** Updates cursor */
+
+        }, {
+            key: 'updateCursor',
+            value: function updateCursor(cursorPos) {
+                if (cursorPos == null) return;
+                this.cursorPos = cursorPos;
+
+                // also queue change cursor for mobile browsers
+                this._delayUpdateCursor(cursorPos);
+            }
+
+            /**
+             Delays cursor update to support mobile browsers
+             @private
+             */
+
+        }, {
+            key: '_delayUpdateCursor',
+            value: function _delayUpdateCursor(cursorPos) {
+                var _this = this;
+
+                this._abortUpdateCursor();
+                this._changingCursorPos = cursorPos;
+                this._cursorChanging = setTimeout(function () {
+                    if (!_this.el) return; // if was destroyed
+                    _this.cursorPos = _this._changingCursorPos;
+                    _this._abortUpdateCursor();
+                }, 10);
+            }
+
+            /**
+             Fires custom events
+             @protected
+             */
+
+        }, {
+            key: '_fireChangeEvents',
+            value: function _fireChangeEvents() {
+                this._fireEvent('accept');
+                if (this.masked.isComplete) this._fireEvent('complete');
+            }
+
+            /**
+             Aborts delayed cursor update
+             @private
+             */
+
+        }, {
+            key: '_abortUpdateCursor',
+            value: function _abortUpdateCursor() {
+                if (this._cursorChanging) {
+                    clearTimeout(this._cursorChanging);
+                    delete this._cursorChanging;
+                }
+            }
+
+            /** Aligns cursor to nearest available position */
+
+        }, {
+            key: 'alignCursor',
+            value: function alignCursor() {
+                this.cursorPos = this.masked.nearestInputPos(this.cursorPos, DIRECTION.LEFT);
+            }
+
+            /** Aligns cursor only if selection is empty */
+
+        }, {
+            key: 'alignCursorFriendly',
+            value: function alignCursorFriendly() {
+                if (this.selectionStart !== this.cursorPos) return;
+                this.alignCursor();
+            }
+
+            /** Adds listener on custom event */
+
+        }, {
+            key: 'on',
+            value: function on(ev, handler) {
+                if (!this._listeners[ev]) this._listeners[ev] = [];
+                this._listeners[ev].push(handler);
+                return this;
+            }
+
+            /** Removes custom event listener */
+
+        }, {
+            key: 'off',
+            value: function off(ev, handler) {
+                if (!this._listeners[ev]) return;
+                if (!handler) {
+                    delete this._listeners[ev];
+                    return;
+                }
+                var hIndex = this._listeners[ev].indexOf(handler);
+                if (hIndex >= 0) this._listeners[ev].splice(hIndex, 1);
+                return this;
+            }
+
+            /** Handles view input event */
+
+        }, {
+            key: '_onInput',
+            value: function _onInput() {
+                this._abortUpdateCursor();
+
+                // fix strange IE behavior
+                if (!this._selection) return this.updateValue();
+
+                var details = new ActionDetails(
+                    // new state
+                    this.el.value, this.cursorPos,
+                    // old state
+                    this.value, this._selection);
+
+                var offset = this.masked.splice(details.startChangePos, details.removed.length, details.inserted, details.removeDirection).offset;
+
+                var cursorPos = this.masked.nearestInputPos(details.startChangePos + offset, details.removeDirection);
+
+                this.updateControl();
+                this.updateCursor(cursorPos);
+            }
+
+            /** Handles view change event and commits model value */
+
+        }, {
+            key: '_onChange',
+            value: function _onChange() {
+                if (this.value !== this.el.value) {
+                    this.updateValue();
+                }
+                this.masked.doCommit();
+                this.updateControl();
+            }
+
+            /** Handles view drop event, prevents by default */
+
+        }, {
+            key: '_onDrop',
+            value: function _onDrop(ev) {
+                ev.preventDefault();
+                ev.stopPropagation();
+            }
+
+            /** Unbind view events and removes element reference */
+
+        }, {
+            key: 'destroy',
+            value: function destroy() {
+                this._unbindEvents();
+                // $FlowFixMe why not do so?
+                this._listeners.length = 0;
+                delete this.el;
+            }
+        }, {
+            key: 'mask',
+            get: function get$$1() {
+                return this.masked.mask;
+            },
+            set: function set$$1(mask) {
+                if (mask == null || mask === this.masked.mask || mask === Date && this.masked instanceof MaskedDate) return;
+
+                if (this.masked.constructor === maskedClass(mask)) {
+                    this.masked.mask = mask;
+                    return;
+                }
+
+                var masked = createMask({ mask: mask });
+                masked.unmaskedValue = this.masked.unmaskedValue;
+                this.masked = masked;
+            }
+
+            /** Raw value */
+
+        }, {
+            key: 'value',
+            get: function get$$1() {
+                return this._value;
+            },
+            set: function set$$1(str) {
+                this.masked.value = str;
+                this.updateControl();
+                this.alignCursor();
+            }
+
+            /** Unmasked value */
+
+        }, {
+            key: 'unmaskedValue',
+            get: function get$$1() {
+                return this._unmaskedValue;
+            },
+            set: function set$$1(str) {
+                this.masked.unmaskedValue = str;
+                this.updateControl();
+                this.alignCursor();
+            }
+
+            /** Typed unmasked value */
+
+        }, {
+            key: 'typedValue',
+            get: function get$$1() {
+                return this.masked.typedValue;
+            },
+            set: function set$$1(val) {
+                this.masked.typedValue = val;
+                this.updateControl();
+                this.alignCursor();
+            }
+        }, {
+            key: 'selectionStart',
+            get: function get$$1() {
+                return this._cursorChanging ? this._changingCursorPos : this.el.selectionStart;
+            }
+
+            /** Current cursor position */
+
+        }, {
+            key: 'cursorPos',
+            get: function get$$1() {
+                return this._cursorChanging ? this._changingCursorPos : this.el.selectionEnd;
+            },
+            set: function set$$1(pos) {
+                if (!this.el.isActive) return;
+
+                this.el.select(pos, pos);
+                this._saveSelection();
+            }
+        }]);
+        return InputMask;
+    }();
+
+    /**
+     Number mask
+     @param {Object} opts
+     @param {string} opts.radix - Single char
+     @param {string} opts.thousandsSeparator - Single char
+     @param {Array<string>} opts.mapToRadix - Array of single chars
+     @param {number} opts.min
+     @param {number} opts.max
+     @param {number} opts.scale - Digits after point
+     @param {boolean} opts.signed - Allow negative
+     @param {boolean} opts.normalizeZeros - Flag to remove leading and trailing zeros in the end of editing
+     @param {boolean} opts.padFractionalZeros - Flag to pad trailing zeros after point in the end of editing
+     */
+    var MaskedNumber = function (_Masked) {
+        inherits(MaskedNumber, _Masked);
+
+        /** Flag to remove leading and trailing zeros in the end of editing */
+
+        /** Digits after point */
+
+        /** */
+
+        /** Single char */
+        function MaskedNumber(opts) {
+            classCallCheck(this, MaskedNumber);
+            return possibleConstructorReturn(this, (MaskedNumber.__proto__ || Object.getPrototypeOf(MaskedNumber)).call(this, _extends({}, MaskedNumber.DEFAULTS, opts)));
+        }
+
+        /**
+         @override
+         */
+
+        /** Flag to pad trailing zeros after point in the end of editing */
+
+        /** */
+
+        /** */
+
+        /** Array of single chars */
+
+
+        /** Single char */
+
+
+        createClass(MaskedNumber, [{
+            key: '_update',
+            value: function _update(opts) {
+                get(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), '_update', this).call(this, opts);
+                this._updateRegExps();
+            }
+
+            /** */
+
+        }, {
+            key: '_updateRegExps',
+            value: function _updateRegExps() {
+                // use different regexp to process user input (more strict, input suffix) and tail shifting
+                var start = '^';
+
+                var midInput = '';
+                var mid = '';
+                if (this.allowNegative) {
+                    midInput += '([+|\\-]?|([+|\\-]?(0|([1-9]+\\d*))))';
+                    mid += '[+|\\-]?';
+                } else {
+                    midInput += '(0|([1-9]+\\d*))';
+                }
+                mid += '\\d*';
+
+                var end = (this.scale ? '(' + this.radix + '\\d{0,' + this.scale + '})?' : '') + '$';
+
+                this._numberRegExpInput = new RegExp(start + midInput + end);
+                this._numberRegExp = new RegExp(start + mid + end);
+                this._mapToRadixRegExp = new RegExp('[' + this.mapToRadix.map(escapeRegExp).join('') + ']', 'g');
+                this._thousandsSeparatorRegExp = new RegExp(escapeRegExp(this.thousandsSeparator), 'g');
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_extractTail',
+            value: function _extractTail() {
+                var fromPos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+                var toPos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.value.length;
+
+                var tail = get(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), '_extractTail', this).call(this, fromPos, toPos);
+
+                return _extends({}, tail, {
+                    value: this._removeThousandsSeparators(tail.value)
+                });
+            }
+
+            /** */
+
+        }, {
+            key: '_removeThousandsSeparators',
+            value: function _removeThousandsSeparators(value) {
+                return value.replace(this._thousandsSeparatorRegExp, '');
+            }
+
+            /** */
+
+        }, {
+            key: '_insertThousandsSeparators',
+            value: function _insertThousandsSeparators(value) {
+                // https://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript
+                var parts = value.split(this.radix);
+                parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandsSeparator);
+                return parts.join(this.radix);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doPrepare',
+            value: function doPrepare(str) {
+                var _babelHelpers$get;
+
+                for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                    args[_key - 1] = arguments[_key];
+                }
+
+                return (_babelHelpers$get = get(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), 'doPrepare', this)).call.apply(_babelHelpers$get, [this, this._removeThousandsSeparators(str.replace(this._mapToRadixRegExp, this.radix))].concat(toConsumableArray(args)));
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'appendWithTail',
+            value: function appendWithTail() {
+                var _babelHelpers$get2;
+
+                var previousValue = this.value;
+                this._value = this._removeThousandsSeparators(this.value);
+                var startChangePos = this.value.length;
+
+                for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                    args[_key2] = arguments[_key2];
+                }
+
+                var appendDetails = (_babelHelpers$get2 = get(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), 'appendWithTail', this)).call.apply(_babelHelpers$get2, [this].concat(toConsumableArray(args)));
+                this._value = this._insertThousandsSeparators(this.value);
+
+                // calculate offsets after insert separators
+                var beforeTailPos = startChangePos + appendDetails.inserted.length;
+                for (var pos = 0; pos <= beforeTailPos; ++pos) {
+                    if (this.value[pos] === this.thousandsSeparator) {
+                        if (pos < startChangePos ||
+                            // check high bound
+                            // if separator is still there - consider it also
+                            pos === startChangePos && previousValue[pos] === this.thousandsSeparator) {
+                            ++startChangePos;
+                        }
+                        if (pos < beforeTailPos) ++beforeTailPos;
+                    }
+                }
+
+                // adjust details with separators
+                appendDetails.rawInserted = appendDetails.inserted;
+                appendDetails.inserted = this.value.slice(startChangePos, beforeTailPos);
+                appendDetails.shift += startChangePos - previousValue.length;
+
+                return appendDetails;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'nearestInputPos',
+            value: function nearestInputPos(cursorPos, direction) {
+                if (!direction) return cursorPos;
+
+                var nextPos = indexInDirection(cursorPos, direction);
+                if (this.value[nextPos] === this.thousandsSeparator) cursorPos += direction;
+                return cursorPos;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doValidate',
+            value: function doValidate(flags) {
+                var regexp = flags.input ? this._numberRegExpInput : this._numberRegExp;
+
+                // validate as string
+                var valid = regexp.test(this._removeThousandsSeparators(this.value));
+
+                if (valid) {
+                    // validate as number
+                    var number = this.number;
+                    valid = valid && !isNaN(number) && (
+                        // check min bound for negative values
+                        this.min == null || this.min >= 0 || this.min <= this.number) && (
+                        // check max bound for positive values
+                        this.max == null || this.max <= 0 || this.number <= this.max);
+                }
+
+                return valid && get(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), 'doValidate', this).call(this, flags);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doCommit',
+            value: function doCommit() {
+                var number = this.number;
+                var validnum = number;
+
+                // check bounds
+                if (this.min != null) validnum = Math.max(validnum, this.min);
+                if (this.max != null) validnum = Math.min(validnum, this.max);
+
+                if (validnum !== number) this.unmaskedValue = String(validnum);
+
+                var formatted = this.value;
+
+                if (this.normalizeZeros) formatted = this._normalizeZeros(formatted);
+                if (this.padFractionalZeros) formatted = this._padFractionalZeros(formatted);
+
+                this._value = this._insertThousandsSeparators(formatted);
+                get(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), 'doCommit', this).call(this);
+            }
+
+            /** */
+
+        }, {
+            key: '_normalizeZeros',
+            value: function _normalizeZeros(value) {
+                var parts = this._removeThousandsSeparators(value).split(this.radix);
+
+                // remove leading zeros
+                parts[0] = parts[0].replace(/^(\D*)(0*)(\d*)/, function (match, sign, zeros, num) {
+                    return sign + num;
+                });
+                // add leading zero
+                if (value.length && !/\d$/.test(parts[0])) parts[0] = parts[0] + '0';
+
+                if (parts.length > 1) {
+                    parts[1] = parts[1].replace(/0*$/, ''); // remove trailing zeros
+                    if (!parts[1].length) parts.length = 1; // remove fractional
+                }
+
+                return this._insertThousandsSeparators(parts.join(this.radix));
+            }
+
+            /** */
+
+        }, {
+            key: '_padFractionalZeros',
+            value: function _padFractionalZeros(value) {
+                if (!value) return value;
+
+                var parts = value.split(this.radix);
+                if (parts.length < 2) parts.push('');
+                parts[1] = parts[1].padEnd(this.scale, '0');
+                return parts.join(this.radix);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'unmaskedValue',
+            get: function get$$1() {
+                return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix, '.');
+            },
+            set: function set$$1(unmaskedValue) {
+                set(MaskedNumber.prototype.__proto__ || Object.getPrototypeOf(MaskedNumber.prototype), 'unmaskedValue', unmaskedValue.replace('.', this.radix), this);
+            }
+
+            /** Parsed Number */
+
+        }, {
+            key: 'number',
+            get: function get$$1() {
+                return Number(this.unmaskedValue);
+            },
+            set: function set$$1(number) {
+                this.unmaskedValue = String(number);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'typedValue',
+            get: function get$$1() {
+                return this.number;
+            },
+            set: function set$$1(value) {
+                this.number = value;
+            }
+
+            /**
+             Is negative allowed
+             @readonly
+             */
+
+        }, {
+            key: 'allowNegative',
+            get: function get$$1() {
+                return this.signed || this.min != null && this.min < 0 || this.max != null && this.max < 0;
+            }
+        }]);
+        return MaskedNumber;
+    }(Masked);
+
+    MaskedNumber.DEFAULTS = {
+        radix: ',',
+        thousandsSeparator: '',
+        mapToRadix: ['.'],
+        scale: 2,
+        signed: false,
+        normalizeZeros: true,
+        padFractionalZeros: false
+    };
+
+    /** Masking by RegExp */
+
+    var MaskedRegExp = function (_Masked) {
+        inherits(MaskedRegExp, _Masked);
+
+        function MaskedRegExp() {
+            classCallCheck(this, MaskedRegExp);
+            return possibleConstructorReturn(this, (MaskedRegExp.__proto__ || Object.getPrototypeOf(MaskedRegExp)).apply(this, arguments));
+        }
+
+        createClass(MaskedRegExp, [{
+            key: '_update',
+
+            /**
+             @override
+             @param {Object} opts
+             */
+            value: function _update(opts) {
+                opts.validate = function (value) {
+                    return value.search(opts.mask) >= 0;
+                };
+                get(MaskedRegExp.prototype.__proto__ || Object.getPrototypeOf(MaskedRegExp.prototype), '_update', this).call(this, opts);
+            }
+        }]);
+        return MaskedRegExp;
+    }(Masked);
+
+    /** Masking by custom Function */
+
+    var MaskedFunction = function (_Masked) {
+        inherits(MaskedFunction, _Masked);
+
+        function MaskedFunction() {
+            classCallCheck(this, MaskedFunction);
+            return possibleConstructorReturn(this, (MaskedFunction.__proto__ || Object.getPrototypeOf(MaskedFunction)).apply(this, arguments));
+        }
+
+        createClass(MaskedFunction, [{
+            key: '_update',
+
+            /**
+             @override
+             @param {Object} opts
+             */
+            value: function _update(opts) {
+                opts.validate = opts.mask;
+                get(MaskedFunction.prototype.__proto__ || Object.getPrototypeOf(MaskedFunction.prototype), '_update', this).call(this, opts);
+            }
+        }]);
+        return MaskedFunction;
+    }(Masked);
+
+    /** Dynamic mask for choosing apropriate mask in run-time */
+    var MaskedDynamic = function (_Masked) {
+        inherits(MaskedDynamic, _Masked);
+
+        /**
+         @param {Object} opts
+         */
+
+        /** Compliled {@link Masked} options */
+        function MaskedDynamic(opts) {
+            classCallCheck(this, MaskedDynamic);
+
+            var _this = possibleConstructorReturn(this, (MaskedDynamic.__proto__ || Object.getPrototypeOf(MaskedDynamic)).call(this, _extends({}, MaskedDynamic.DEFAULTS, opts)));
+
+            _this.currentMask = null;
+            return _this;
+        }
+
+        /**
+         @override
+         */
+
+        /** Chooses {@link Masked} depending on input value */
+
+        /** Currently chosen mask */
+
+
+        createClass(MaskedDynamic, [{
+            key: '_update',
+            value: function _update(opts) {
+                get(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), '_update', this).call(this, opts);
+                // mask could be totally dynamic with only `dispatch` option
+                this.compiledMasks = Array.isArray(opts.mask) ? opts.mask.map(function (m) {
+                    return createMask(m);
+                }) : [];
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_append',
+            value: function _append(str) {
+                for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+                    args[_key - 1] = arguments[_key];
+                }
+
+                str = this.doPrepare.apply(this, [str].concat(toConsumableArray(args)));
+
+                var details = this._applyDispatch.apply(this, [str].concat(toConsumableArray(args)));
+
+                if (this.currentMask) {
+                    var _currentMask;
+
+                    details.aggregate((_currentMask = this.currentMask)._append.apply(_currentMask, [str].concat(toConsumableArray(args))));
+                }
+
+                return details;
+            }
+        }, {
+            key: '_applyDispatch',
+            value: function _applyDispatch() {
+                var appended = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+                var oldValueLength = this.value.length;
+                var inputValue = this.rawInputValue;
+                var oldMask = this.currentMask;
+                var details = new ChangeDetails();
+
+                // dispatch SHOULD NOT modify mask
+
+                for (var _len2 = arguments.length, args = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+                    args[_key2 - 1] = arguments[_key2];
+                }
+
+                this.currentMask = this.doDispatch.apply(this, [appended].concat(toConsumableArray(args)));
+
+                // restore state after dispatch
+                if (this.currentMask && this.currentMask !== oldMask) {
+                    // if mask changed reapply input
+                    this.currentMask.reset();
+                    // $FlowFixMe - it's ok, we don't change current mask
+                    this.currentMask._append(inputValue, { raw: true });
+                    details.shift = this.value.length - oldValueLength;
+                }
+
+                return details;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doDispatch',
+            value: function doDispatch(appended) {
+                var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+                return this.dispatch(appended, this, flags);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'clone',
+            value: function clone() {
+                var m = new MaskedDynamic(this);
+                m._value = this.value;
+
+                // try to keep reference to compiled masks
+                var currentMaskIndex = this.compiledMasks.indexOf(this.currentMask);
+                if (this.currentMask) {
+                    m.currentMask = currentMaskIndex >= 0 ? m.compiledMasks[currentMaskIndex].assign(this.currentMask) : this.currentMask.clone();
+                }
+
+                return m;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'reset',
+            value: function reset() {
+                if (this.currentMask) this.currentMask.reset();
+                this.compiledMasks.forEach(function (cm) {
+                    return cm.reset();
+                });
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'remove',
+
+
+            /**
+             @override
+             */
+            value: function remove() {
+                var details = new ChangeDetails();
+                if (this.currentMask) {
+                    var _currentMask2;
+
+                    details.aggregate((_currentMask2 = this.currentMask).remove.apply(_currentMask2, arguments))
+                        // update with dispatch
+                        .aggregate(this._applyDispatch());
+                }
+
+                return details;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'extractInput',
+            value: function extractInput() {
+                var _currentMask3;
+
+                return this.currentMask ? (_currentMask3 = this.currentMask).extractInput.apply(_currentMask3, arguments) : '';
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_extractTail',
+            value: function _extractTail() {
+                var _currentMask4, _babelHelpers$get;
+
+                for (var _len3 = arguments.length, args = Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                    args[_key3] = arguments[_key3];
+                }
+
+                return this.currentMask ? (_currentMask4 = this.currentMask)._extractTail.apply(_currentMask4, toConsumableArray(args)) : (_babelHelpers$get = get(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), '_extractTail', this)).call.apply(_babelHelpers$get, [this].concat(toConsumableArray(args)));
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: '_appendTail',
+            value: function _appendTail(tail) {
+                var details = new ChangeDetails();
+                if (tail) details.aggregate(this._applyDispatch(tail.value));
+
+                return details.aggregate(this.currentMask ? this.currentMask._appendTail(tail) : get(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), '_appendTail', this).call(this, tail));
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'doCommit',
+            value: function doCommit() {
+                if (this.currentMask) this.currentMask.doCommit();
+                get(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), 'doCommit', this).call(this);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'nearestInputPos',
+            value: function nearestInputPos() {
+                var _currentMask5, _babelHelpers$get2;
+
+                for (var _len4 = arguments.length, args = Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+                    args[_key4] = arguments[_key4];
+                }
+
+                return this.currentMask ? (_currentMask5 = this.currentMask).nearestInputPos.apply(_currentMask5, toConsumableArray(args)) : (_babelHelpers$get2 = get(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), 'nearestInputPos', this)).call.apply(_babelHelpers$get2, [this].concat(toConsumableArray(args)));
+            }
+        }, {
+            key: 'value',
+            get: function get$$1() {
+                return this.currentMask ? this.currentMask.value : '';
+            },
+            set: function set$$1(value) {
+                set(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), 'value', value, this);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'unmaskedValue',
+            get: function get$$1() {
+                return this.currentMask ? this.currentMask.unmaskedValue : '';
+            },
+            set: function set$$1(unmaskedValue) {
+                set(MaskedDynamic.prototype.__proto__ || Object.getPrototypeOf(MaskedDynamic.prototype), 'unmaskedValue', unmaskedValue, this);
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'typedValue',
+            get: function get$$1() {
+                return this.currentMask ? this.currentMask.typedValue : '';
+            },
+            set: function set$$1(value) {
+                var unmaskedValue = String(value);
+                if (this.currentMask) {
+                    this.currentMask.typedValue = value;
+                    unmaskedValue = this.currentMask.unmaskedValue;
+                }
+                this.unmaskedValue = unmaskedValue;
+            }
+
+            /**
+             @override
+             */
+
+        }, {
+            key: 'isComplete',
+            get: function get$$1() {
+                return !!this.currentMask && this.currentMask.isComplete;
+            }
+        }]);
+        return MaskedDynamic;
+    }(Masked);
+
+
+    MaskedDynamic.DEFAULTS = {
+        dispatch: function dispatch(appended, masked, flags) {
+            if (!masked.compiledMasks.length) return;
+
+            var inputValue = masked.rawInputValue;
+
+            // simulate input
+            var inputs = masked.compiledMasks.map(function (cm, index) {
+                var m = cm.clone();
+                m.rawInputValue = inputValue;
+                m._append(appended, flags);
+
+                return { value: m.rawInputValue.length, index: index };
+            });
+
+            // pop masks with longer values first
+            inputs.sort(function (i1, i2) {
+                return i2.value - i1.value;
+            });
+
+            return masked.compiledMasks[inputs[0].index];
+        }
+    };
+
+    /**
+     * Applies mask on element.
+     * @constructor
+     * @param {HTMLInputElement|HTMLTextAreaElement|MaskElement} el - Element to apply mask
+     * @param {Object} opts - Custom mask options
+     * @return {InputMask}
+     */
+    function VindiVRMask(el) {
+        var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+        // currently available only for input-like elements
+        return new InputMask(el, opts);
+    }
+
+    /** {@link InputMask} */
+    VindiVRMask.InputMask = InputMask;
+
+    /** {@link Masked} */
+    VindiVRMask.Masked = Masked;
+    /** {@link MaskedPattern} */
+    VindiVRMask.MaskedPattern = MaskedPattern;
+    /** {@link MaskedNumber} */
+    VindiVRMask.MaskedNumber = MaskedNumber;
+    /** {@link MaskedDate} */
+    VindiVRMask.MaskedDate = MaskedDate;
+    /** {@link MaskedRegExp} */
+    VindiVRMask.MaskedRegExp = MaskedRegExp;
+    /** {@link MaskedFunction} */
+    VindiVRMask.MaskedFunction = MaskedFunction;
+    /** {@link MaskedDynamic} */
+    VindiVRMask.MaskedDynamic = MaskedDynamic;
+    /** {@link createMask} */
+    VindiVRMask.createMask = createMask;
+    /** {@link MaskElement} */
+    VindiVRMask.MaskElement = MaskElement;
+    /** {@link HTMLMaskElement} */
+    VindiVRMask.HTMLMaskElement = HTMLMaskElement;
+
+    g.VindiVRMask = VindiVRMask;
+
+    return VindiVRMask;
+
+})));
diff --git a/view/frontend/web/js/view/payment/method-renderer/vindi-cc.js b/view/frontend/web/js/view/payment/method-renderer/vindi-cc.js
index 948e7cdb..df47968b 100644
--- a/view/frontend/web/js/view/payment/method-renderer/vindi-cc.js
+++ b/view/frontend/web/js/view/payment/method-renderer/vindi-cc.js
@@ -3,7 +3,7 @@ define([
     'ko',
     'Magento_Checkout/js/view/payment/default',
     'Magento_Payment/js/model/credit-card-validation/credit-card-data',
-    'Magento_Payment/js/model/credit-card-validation/credit-card-number-validator',
+    'Vindi_Payment/js/model/credit-card-validation/credit-card-number-validator',
     'Magento_Checkout/js/model/quote',
     'Magento_Checkout/js/model/totals',
     'Magento_SalesRule/js/action/set-coupon-code',
@@ -11,6 +11,7 @@ define([
     'Magento_Catalog/js/price-utils',
     'mage/translate',
     'jquery',
+    'vindi-card-form',
     'mageUtils'
 ], function (
     _,
@@ -25,6 +26,7 @@ define([
     priceUtils,
     $t,
     $,
+    creditCardForm,
     utils
 ) {
     'use strict';
@@ -37,9 +39,11 @@ define([
             creditCardExpYear: '',
             creditCardExpMonth: '',
             creditCardNumber: '',
+            vindiCreditCardNumber: '',
             creditCardOwner: '',
             creditCardSsStartMonth: '',
             creditCardSsStartYear: '',
+            showCardData: ko.observable(true),
             creditCardVerificationNumber: '',
             selectedPaymentProfile: null,
             selectedCardType: null,
@@ -48,13 +52,26 @@ define([
             maxInstallments: 1
         },
         getData: function () {
+            let ccExpMonth = '';
+            let ccExpYear = '';
+            let ccExpDate = this.creditCardExpDate();
+
+            if (typeof ccExpDate !== "undefined" && ccExpDate !== null) {
+                let ccExpDateFull = ccExpDate.split('/');
+                ccExpMonth = ccExpDateFull[0];
+                ccExpYear = ccExpDateFull[1];
+            }
+
+            this.creditCardExpYear(ccExpYear);
+            this.creditCardExpMonth(ccExpMonth);
+
             var data = {
                 'method': this.getCode(),
                 'additional_data': {
                     'payment_profile': this.selectedPaymentProfile(),
                     'cc_type': this.selectedCardType(),
-                    'cc_exp_year': this.creditCardExpYear(),
-                    'cc_exp_month': this.creditCardExpMonth(),
+                    'cc_exp_year': ccExpYear.length === 4 ? ccExpYear : '20' + ccExpYear,
+                    'cc_exp_month': ccExpMonth,
                     'cc_number': this.creditCardNumber(),
                     'cc_owner': this.creditCardOwner(),
                     'cc_ss_start_month': this.creditCardSsStartMonth(),
@@ -72,9 +89,11 @@ define([
             this._super()
                 .observe([
                     'creditCardType',
+                    'creditCardExpDate',
                     'creditCardExpYear',
                     'creditCardExpMonth',
                     'creditCardNumber',
+                    'vindiCreditCardNumber',
                     'creditCardOwner',
                     'creditCardVerificationNumber',
                     'creditCardSsStartMonth',
@@ -93,6 +112,32 @@ define([
                 self.updateInstallments();
             });
 
+            //Set credit card number to credit card data object
+            this.vindiCreditCardNumber.subscribe(function (value) {
+                let result;
+                self.selectedCardType(null);
+
+                if (value === '' || value === null) {
+                    return false;
+                }
+
+                result = cardNumberValidator(value);
+                if (!result.isValid) {
+                    return false;
+                }
+
+                if (result.card !== null) {
+                    self.selectedCardType(result.card.type);
+                    creditCardData.creditCard = result.card;
+                }
+
+                if (result.isValid) {
+                    creditCardData.vindiCreditCardNumber = value;
+                    self.creditCardNumber(value);
+                    self.creditCardType(result.card.type);
+                }
+            });
+
             this.checkPlanInstallments();
 
             return this;
@@ -105,16 +150,11 @@ define([
                     return false;
                 }
 
-                if (!this.creditCardExpYear() || this.creditCardExpYear() == '') {
+                if (!this.creditCardExpDate() || this.creditCardExpDate() == '') {
                     this.messageContainer.addErrorMessage({'message': $t('Please enter the Credit Card Expiry Year.')});
                     return false;
                 }
 
-                if (!this.creditCardExpMonth() || this.creditCardExpMonth() == '') {
-                    this.messageContainer.addErrorMessage({'message': $t('Please enter the Credit Card Expiry Month.')});
-                    return false;
-                }
-
                 if (!this.creditCardNumber() || this.creditCardNumber() == '') {
                     this.messageContainer.addErrorMessage({'message': $t('Please enter the Credit Card Number.')});
                     return false;
@@ -191,24 +231,42 @@ define([
             });
         },
 
+        getIcons: function (type) {
+            return window.checkoutConfig.payment.vindi?.icons?.hasOwnProperty(type)
+                ? window.checkoutConfig.payment.vindi.icons[type]
+                : false;
+        },
+
+        loadCard: function () {
+            let ccName = document.getElementById(this.getCode() + '_cc_owner');
+            let ccNumber = document.getElementById(this.getCode() + '_cc_number');
+            let ccExpDate = document.getElementById(this.getCode() + '_cc_exp_date');
+            let ccCvv = document.getElementById(this.getCode() + '_cc_cid');
+            let ccSingle = document.getElementById('vindi-ccsingle');
+            let ccFront = document.getElementById('vindi-front');
+            let ccBack = document.getElementById('vindi-back');
+
+            creditCardForm(ccName, ccNumber, ccExpDate, ccCvv, ccSingle, ccFront, ccBack);
+        },
+
         isActive: function () {
             return true;
         },
 
         getCcAvailableTypes: function () {
-            return window.checkoutConfig.payment.vindi_cc.availableTypes['vindi_cc'];
+            return window.checkoutConfig.payment.vindi.availableTypes;
         },
 
         getCcMonths: function () {
-            return window.checkoutConfig.payment.vindi_cc.months['vindi_cc'];
+            return window.checkoutConfig.payment.vindi.months['vindi'];
         },
 
         getCcYears: function () {
-            return window.checkoutConfig.payment.vindi_cc.years['vindi_cc'];
+            return window.checkoutConfig.payment.vindi.years['vindi'];
         },
 
         hasVerification: function () {
-            return window.checkoutConfig.payment.vindi_cc.hasVerification['vindi_cc'];
+            return window.checkoutConfig.payment.vindi.hasVerification['vindi'];
         },
 
         getCcAvailableTypesValues: function () {
@@ -244,12 +302,12 @@ define([
             });
         },
         installmentsAllowed: function () {
-            let isAllowed = parseInt(window.checkoutConfig.payment.vindi_cc.isInstallmentsAllowedInStore);
+            let isAllowed = parseInt(window.checkoutConfig.payment.vindi.isInstallmentsAllowedInStore);
             return isAllowed !== 0 ? true : false;
         },
         updateInstallments: function (maxInstallments = null) {
             let self = this;
-            let ccCheckoutConfig = window.checkoutConfig.payment.vindi_cc;
+            let ccCheckoutConfig = window.checkoutConfig.payment.vindi;
             let installments = [];
 
             if (ccCheckoutConfig) {
@@ -287,7 +345,7 @@ define([
 
         getPaymentProfiles: function () {
             let paymentProfiles = [];
-            const savedCards = window.checkoutConfig.payment?.vindi_cc?.saved_cards;
+            const savedCards = window.checkoutConfig.payment?.vindi?.saved_cards;
 
             if (savedCards) {
                 savedCards.forEach(function (card) {
diff --git a/view/frontend/web/template/payment/cc-form.html b/view/frontend/web/template/payment/cc-form.html
index f6565314..207daa47 100644
--- a/view/frontend/web/template/payment/cc-form.html
+++ b/view/frontend/web/template/payment/cc-form.html
@@ -1,19 +1,18 @@
 <fieldset data-bind="attr: {class: 'fieldset payment items ccard ' + getCode(), id: 'payment_form_' + getCode()}">
+
     <legend class="legend">
-        <span>Credit Card Information</span>
-    </legend>
-    <br/>
+        <span><!-- ko i18n: 'Card Information'--><!-- /ko --></span>
+    </legend><br />
 
-    <!-- @TODO add payment profile select -->
     <!-- ko if: (hasPaymentProfiles()) -->
     <div class="field number required">
-        <label data-bind="attr: {for: getCode() + '_cc_number'}" class="label">
+        <label data-bind="attr: {for: getCode() + '_cc_payment_profile'}" class="label">
             <span><!-- ko i18n: 'Your saved cards' --><!-- /ko --></span>
         </label>
         <div class="control">
             <select name="payment[payment_profile]"
                     class="input-text select"
-                    data-bind="attr: {id: getCode() + '_cc_number', 'data-container': getCode() + '-cc-number', 'data-validate': JSON.stringify({'required-number':true, 'validate-card-type':getCcAvailableTypesValues(), 'validate-card-number':'#' + getCode() + '_cc_type', 'validate-cc-type':'#' + getCode() + '_cc_type'})},
+                    data-bind="attr: {id: getCode() + '_cc_payment_profile', 'data-container': getCode() + '-cc-number', 'data-validate': JSON.stringify({'required-number':true, 'validate-card-type':getCcAvailableTypesValues(), 'validate-card-number':'#' + getCode() + '_cc_type', 'validate-cc-type':'#' + getCode() + '_cc_type'})},
                                 enable: isActive($parents),
                                 options: getPaymentProfiles(),
                                 optionsValue: 'value',
@@ -24,162 +23,138 @@
     </div>
     <!-- /ko -->
 
-    <div class="field number required" data-bind="attr: {id: getCode() + '_type'}, visible: !selectedPaymentProfile()">
-        <label data-bind="attr: {for: getCode() + '_type'}" class="label">
-            <span><!-- ko i18n: 'Brand' --><!-- /ko --></span>
-        </label>
-        <div class="control">
-            <div class="fields group group-3">
-                <div class="field no-label number">
-                    <div class="control">
-                        <select name="payment[cc_type]"
-                                class="input-text select credit-card-types"
-                                data-bind="attr: {id: getCode() + '_type', 'data-container': getCode() + '-type', 'data-validate': JSON.stringify({required:true, 'validate-cc-exp':'#' + getCode() + '_expiration_yr'})},
-                                            enable: isActive($parents),
-                                            options: getCcTypesValues(),
-                                            optionsValue: 'value',
-                                            optionsText: 'name',
-                                            optionsCaption: $t('Select the brand'),
-                                            value: selectedCardType"
-                        >
-
-                        </select>
-                    </div>
-                </div>
-            </div>
+    <div class="field number cc-number required vindi-cc-number-container" data-bind="visible: !selectedPaymentProfile()">
+        <div class="credit-card-types-container">
+            <ul class="credit-card-types">
+                <!-- ko foreach: {data: getCcAvailableTypesValues(), as: 'item'} -->
+                <li class="item" data-bind="css: {
+                     _active: $parent.selectedCardType() == item.value,
+                     _inactive: $parent.selectedCardType() != null && $parent.selectedCardType() != item.value
+                 } ">
+                    <!--ko if: $parent.getIcons(item.value) -->
+                    <img data-bind="attr: {
+                        'src': $parent.getIcons(item.value).url,
+                        'alt': item.type,
+                        'width': $parent.getIcons(item.value).width,
+                        'height': $parent.getIcons(item.value).height
+                    }">
+                    <!--/ko-->
+                </li>
+                <!--/ko-->
+            </ul>
+            <input type="hidden"
+                   name="payment[cc_type]"
+                   class="input-text-vindi"
+                   value=""
+                   data-bind="attr: {id: getCode() + '_cc_type', 'data-container': getCode() + '-cc-type'}, value: creditCardType">
         </div>
-    </div>
 
-    <div class="field number required" data-bind="visible: !selectedPaymentProfile()">
-        <label data-bind="attr: {id: getCode() + '_cc_number'}" class="label">
-            <span><!-- ko i18n: 'Credit Card Number' --><!-- /ko --></span>
-        </label>
         <div class="control">
-            <input type="number" name="payment[cc_number]" class="input-text" value=""
+            <input name="payment[cc_number]"
+                   type="number"
+                   class="input-text-vindi"
+                   value=""
                    data-bind="attr: {
-                                    autocomplete: off,
-                                    id: getCode() + '_cc_number',
-                                    title: $t('Credit Card Number'),
-                                    'data-container': getCode() + '-cc-number',
-                                    'data-validate': JSON.stringify({'required-number':true, 'validate-card-type':getCcAvailableTypesValues(), 'validate-card-number':'#' + getCode() + '_cc_type', 'validate-cc-type':'#' + getCode() + '_cc_type'})},
-                              enable: isActive($parents),
-                              value: creditCardNumber,
-                              valueUpdate: 'keyup' "/>
+                        autocomplete: off,
+                        id: getCode() + '_cc_number',
+                        title: $t('Card Number'),
+                        placeholder: $t('Card Number'),
+                        'data-container': getCode() + '-cc-number',
+                        'data-validate': JSON.stringify({'required-number':true, 'validate-vindi-card-number':'#' + getCode() + '_cc_number'})
+                      },
+                      enable: isActive($parents),
+                      value: vindiCreditCardNumber,
+                      valueUpdate: 'keyup' "/>
+
         </div>
     </div>
 
-    <div class="field number required group-3" data-bind="visible: !selectedPaymentProfile()">
-        <label data-bind="attr: {id: getCode() + '_cc_owner'}" class="label">
-            <span><!-- ko i18n: 'Credit Card Owner' --><!-- /ko --></span>
-        </label>
+    <div class="field number required" data-bind="attr: {id: getCode() + '-cc-owner-container'}, visible: !selectedPaymentProfile()">
         <div class="control">
-            <input type="text" name="payment[cc_owner]" class="input-text" value=""
+            <input type="text"
+                   name="payment[cc_owner]"
+                   class="input-text-vindi"
+                   value=""
                    data-bind="attr: {
-                                    autocomplete: off,
-                                    id: getCode() + '_cc_owner',
-                                    title: $t('Credit Card Owner'),
-                                    'data-container': getCode() + '-cc-owner',
-                                    'data-validate': JSON.stringify({'required-number':true, 'validate-card-type':getCcAvailableTypesValues(), 'validate-card-number':'#' + getCode() + '_cc_type', 'validate-cc-type':'#' + getCode() + '_cc_type'})},
-                              enable: isActive($parents),
-                              value: creditCardOwner,
-                              valueUpdate: 'keyup' "/>
+                        id: getCode() + '_cc_owner',
+                        title: $t('Name on Card'),
+                        placeholder: $t('Name on Card'),
+                        'data-container': getCode() + '-cc-owner-container',
+                        'data-validate': JSON.stringify({'required-number':true})
+                      },
+                      enable: isActive($parents),
+                      value: creditCardOwner,
+                      valueUpdate: 'keyup' "/>
         </div>
     </div>
 
-    <div class="field date required" data-bind="attr: {id: getCode() + '_cc_type_exp_div'}, visible: !selectedPaymentProfile()">
-        <label data-bind="attr: {for: getCode() + '_expiration'}" class="label">
-            <span><!-- ko i18n: 'Expiration Date' --><!-- /ko --></span>
-        </label>
-        <div class="control">
-            <div class="fields group group-2">
-                <div class="field no-label month">
-                    <div class="control">
-                        <select name="payment[cc_exp_month]"
-                                class="select select-month"
-                                data-bind="attr: {id: getCode() + '_expiration', 'data-container': getCode() + '-cc-month', 'data-validate': JSON.stringify({required:true, 'validate-cc-exp':'#' + getCode() + '_expiration_yr'})},
-                                            enable: isActive($parents),
-                                            options: getCcMonthsValues(),
-                                            optionsValue: 'value',
-                                            optionsText: 'month',
-                                            optionsCaption: $t('Month'),
-                                            value: creditCardExpMonth"
-                        >
-
-                        </select>
-                    </div>
-                </div>
-                <div class="field no-label year">
-                    <div class="control">
-                        <select name="payment[cc_exp_year]"
-                                class="select select-year"
-                                data-bind="attr: {id: getCode() + '_expiration_yr', 'data-container': getCode() + '-cc-year', 'data-validate': JSON.stringify({required:true})},
-                                           enable: isActive($parents),
-                                           options: getCcYearsValues(),
-                                           optionsValue: 'value',
-                                           optionsText: 'year',
-                                           optionsCaption: $t('Year'),
-                                           value: creditCardExpYear">
-                        </select>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
+    <div class="field number required vindi-cc-exp-cvv" data-bind="visible: !selectedPaymentProfile()">
+        <span data-bind="attr: {id: getCode() + '-cc-exp-date-container'}">
+            <input type="text"
+                   name="payment[cc_exp_date]"
+                   class="input-text-vindi"
+                   value=""
+                   pattern="[0-9]*"
+                   inputmode="numeric"
+                   data-bind="attr: {
+                            id: getCode() + '_cc_exp_date',
+                            title: $t('Expiration Date'),
+                            placeholder: $t('Expiration Date'),
+                            'data-container': getCode() + '-cc-exp-date-container',
+                            'data-validate': JSON.stringify({'required-number':true})
+                          },
+                          enable: isActive($parents),
+                          value: creditCardExpDate,
+                          valueUpdate: 'keyup' "/>
+        </span>
 
-    <!-- ko if: (hasVerification())-->
-    <div class="field cvv required" data-bind="attr: {id: getCode() + '_cc_type_cvv_div'}, visible: !selectedPaymentProfile()">
-        <label data-bind="attr: {for: getCode() + '_cc_cid'}" class="label">
-            <span><!-- ko i18n: 'Card Verification Number' --><!-- /ko --></span>
-        </label>
-        <div class="control _with-tooltip">
-            <input type="number"
+        <!-- ko if: (hasVerification())-->
+        <span data-bind="attr: {id: getCode() + '-cc-cvv'}">
+            <input type="text"
                    autocomplete="off"
-                   class="input-text cvv"
                    name="payment[cc_cid]"
+                   class="input-text-vindi"
                    value=""
-                   data-bind="attr: {id: getCode() + '_cc_cid',
-                        title: $t('Card Verification Number'),
-                        'data-container': getCode() + '-cc-cvv',
-                        'data-validate': JSON.stringify({'required-number':true, 'validate-card-cvv':'#' + getCode() + '_cc_type'})},
-                        enable: isActive($parents),
-                        value: creditCardVerificationNumber"/>
-            <div class="field-tooltip toggle">
-                <span class="field-tooltip-action action-cvv"
-                      tabindex="0"
-                      data-toggle="dropdown"
-                      data-bind="attr: {title: $t('What is this?')}, mageInit: {'dropdown':{'activeClass': '_active'}}">
-                    <span>What is this?</span>
-                </span>
-            </div>
-        </div>
+                   data-bind="attr: {
+                    id: getCode() + '_cc_cid',
+                    title: $t('Card Verification Number'),
+                    placeholder: $t('CVV'),
+                    maxlength: 4,
+                    'data-container': getCode() + '-cc-cvv',
+                    'data-validate': JSON.stringify({'required-number':true, 'validate-number':'#' + getCode() + '_cc_type'})
+                },
+                enable: isActive($parents),
+                value: creditCardVerificationNumber" />
+        </span>
+        <!-- /ko -->
     </div>
-    <!-- /ko -->
 
     <!-- ko if: (installmentsAllowed())-->
-    <div class="field number required" data-bind="attr: {id: getCode() + '_installments'}">
-        <label data-bind="attr: {for: getCode() + '_installments'}" class="label">
-            <span><!-- ko i18n: 'Installments' --><!-- /ko --></span>
-        </label>
+    <div class="field number required installments" data-bind="attr: {id: getCode() + '_installments'}">
         <div class="control">
-            <div class="fields group group-3">
-                <div class="field no-label month">
-                    <div class="control">
-                        <select name="payment[cc_installments]"
-                                class="select credit-card-installments"
-                                data-bind="attr: {id: getCode() + '_installments', 'data-container': getCode() + '-installments', 'data-validate': JSON.stringify({required:true, 'validate-cc-exp':'#' + getCode() + '_expiration_yr'})},
-                                            enable: isActive($parents),
-                                            options: creditCardInstallments,
-                                            optionsValue: 'value',
-                                            optionsText: 'text',
-                                            optionsCaption: $t('Installments'),
-                                            value: selectedInstallments"
-                        >
+            <select name="payment[cc_installments]"
+                    class="select credit-card-installments"
+                    data-bind="attr: {id: getCode() + '_installments', 'data-container': getCode() + '-installments', 'data-validate': JSON.stringify({required:true, 'validate-cc-exp':'#' + getCode() + '_expiration_yr'})},
+                                enable: isActive($parents),
+                                options: creditCardInstallments,
+                                optionsValue: 'value',
+                                optionsText: 'text',
+                                optionsCaption: $t('Installments'),
+                                value: selectedInstallments"
+            >
+
+            </select>
+        </div>
 
-                        </select>
-                    </div>
+        <div class="vindi-container vindi-preload" data-bind="visible: !selectedPaymentProfile()">
+            <div class="vindi-creditcard">
+                <div id="vindi-front" class="vindi-front">
+                    <div id="vindi-ccsingle"></div>
                 </div>
+                <div id="vindi-back" class="vindi-back"></div>
             </div>
         </div>
     </div>
     <!-- /ko -->
 </fieldset>
+<div afterRender="loadCard"></div>
diff --git a/view/frontend/web/template/payment/vindi.html b/view/frontend/web/template/payment/vindi.html
index 0f74dffa..730aba9b 100644
--- a/view/frontend/web/template/payment/vindi.html
+++ b/view/frontend/web/template/payment/vindi.html
@@ -15,7 +15,7 @@
             <!-- ko template: getTemplate() --><!-- /ko -->
             <!--/ko-->
         </div>
-        <form class="form" id="pay" action="#" name="pay" method="post" >
+        <form class="form container-vindi">
             <!-- ko template: 'Vindi_Payment/payment/cc-form' --><!-- /ko -->
         </form>
         <div class="checkout-agreements-block">