@modul/mbui 0.0.28-beta-pv-53496-934863d9 → 0.0.28

package/src/Switch/Switch.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react'
+import * as SwitchPrimitives from '@radix-ui/react-switch'
+import { cn } from '../@/lib/utils'
+
+const rootClasses = `
+	inline-flex
+	shrink-0
+	items-center
+	w-[44px]
+	h-[24px]
+	bg-light
+	border-2
+	border-input
+	shadow-sm
+	rounded-full
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
+	focus-visible:outline-none
+	data-[state=checked]:bg-primary
+	data-[state=checked]:border-primary
+	data-[state=unchecked]:bg-input
+	disabled:cursor-not-allowed
+	disabled:opacity-50
+	transition-colors
+	cursor-pointer
+	[&+input]:hidden
+`
+const ThumbClasses = `
+	size-[24px]
+	border-2
+	border-input
+	bg-page
+	shadow-md
+	rounded-full
+	ring-0
+	data-[state=checked]:border-white
+	data-[state=checked]:translate-x-[18px]
+	data-[state=unchecked]:-translate-x-[2px]
+	transition-transform
+	pointer-events-none
+`
+
+const Switch = React.forwardRef<
+	React.ElementRef<typeof SwitchPrimitives.Root>,
+	React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ className, ...props }, ref) => (
+	<SwitchPrimitives.Root
+		className={cn(rootClasses, className)}
+		{...props}
+		ref={ref}
+	>
+		<SwitchPrimitives.Thumb className={ThumbClasses} />
+	</SwitchPrimitives.Root>
+))
+
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }

package/src/Switch/index.ts

@@ -0,0 +1 @@
+export { Switch } from './Switch'

package/src/Tabs/Tabs.tsx

@@ -0,0 +1,106 @@
+import React from 'react'
+import { cn } from '../@/lib/utils'
+import * as TabsPrimitive from '@radix-ui/react-tabs'
+import { TabsProps } from '@radix-ui/react-tabs'
+
+type TabsComponents = {
+	List: typeof TabsList
+	Trigger: typeof TabsTrigger
+	Content: typeof TabsContent
+}
+
+const Tabs: React.FC<TabsProps> & TabsComponents = ({ ...props }) => <TabsPrimitive.Root {...props} />
+
+const tabListClasses = `
+	inline-flex
+	bg-[--tabs-bg]
+	p-[1px]
+	rounded-[--tabs-round]
+	data-[orientation=horizontal]:h-[--tabs-height]
+	data-[orientation=vertical]:flex-col
+`
+
+const TabsList = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.List>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.List
+		ref={ref}
+		className={cn(
+			tabListClasses,
+			className
+		)}
+		{...props}
+	/>
+))
+
+const triggerClasses = `
+	flex-1
+	shrink-0
+	ring-offset-background
+	h-[--tab-height]
+	text-center
+	text-[12px]
+	leading-[1.16]
+	truncate
+	border
+	border-transparent
+	rounded-sm
+	motion-reduce:hover:transform-none
+	motion-reduce:transition-none
+	focus-visible:outline-none
+	focus-visible:ring-2 
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2 
+	data-[state=active]:border-[--tab-border] 
+	data-[state=active]:bg-[--tab-bg] 
+	data-[state=active]:shadow-sm px-[8px] 
+	data-[orientation=vertical]:basis-auto 
+	data-[state=inactive]:text-dark 
+	disabled:pointer-events-none
+	transition-all
+	overflow-hidden
+	whitespace-nowrap
+`
+
+const TabsTrigger = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.Trigger>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.Trigger
+		ref={ref}
+		className={cn(triggerClasses, className)}
+		{...props}
+	/>
+))
+
+const tabsContentClasses = `
+	ring-offset-background
+	focus-visible:outline-none
+	focus-visible:ring-2
+	focus-visible:ring-ring
+	focus-visible:ring-offset-2
+`
+
+const TabsContent = React.forwardRef<
+	React.ElementRef<typeof TabsPrimitive.Content>,
+	React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+	<TabsPrimitive.Content
+		ref={ref}
+		className={cn(
+			tabsContentClasses,
+			className
+		)}
+		{...props}
+	/>
+))
+
+Tabs.List = TabsList
+TabsList.displayName = 'TabsList'
+Tabs.Trigger = TabsTrigger
+TabsTrigger.displayName = 'TabsTrigger'
+Tabs.Content = TabsContent
+TabsContent.displayName = 'TabsContent'
+
+export { Tabs }

package/src/Tabs/index.ts

@@ -0,0 +1 @@
+export { Tabs } from './Tabs'

package/src/Textarea/Textarea.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import { cn } from '../@/lib/utils'
+
+const textAreaClasses = `
+	flex
+	py-2
+	px-3
+	min-h-[60px]
+	w-full
+	border
+	border-input
+	rounded-md
+	bg-transparent
+	placeholder:text-light
+	focus-visible:outline-none
+	focus-visible:ring-1 
+	focus-visible:ring-ring
+	disabled:cursor-not-allowed
+	disabled:opacity-50
+`
+
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+
+const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(({ className, ...props }, ref) => {
+	return (
+		<textarea
+			className={cn(textAreaClasses, className)}
+			ref={ref}
+			{...props}
+		/>
+	)
+})
+Textarea.displayName = 'Textarea'
+
+export { Textarea }

package/src/Textarea/index.ts

@@ -0,0 +1 @@
+export { Textarea } from './Textarea'

package/src/Toaster/Toaster.tsx

@@ -0,0 +1,71 @@
+import React, { ReactNode } from 'react'
+import { InfoSolid, CheckCircleSolid } from '../Icon'
+import { Toaster as ToastContainer, toast as toastItem, ToasterProps, ExternalToast } from 'sonner'
+
+const Toaster = ({ ...props }: ToasterProps) => {
+	return (
+		<ToastContainer
+			visibleToasts={1}
+			toastOptions={{
+				unstyled: true,
+				classNames: {
+					icon: 'shrink-0 size-[24px]',
+					toast: 'px-[12px] py-[8px] text-white border-none rounded-md flex w-full sm:width-[--page-container-width] shadow-md',
+					description: 'text-[14px] leading-[1.125] mt-[4px]',
+					content: 'grow',
+					actionButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+					cancelButton: 'shrink-0 py-[12px] px-[24px] font-medium',
+				},
+			}}
+			expand={true}
+			{...props}
+		/>
+	)
+}
+
+Toaster.displayName = 'Toaster'
+interface IToast {
+	success: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+	critical: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+	snackbar: (title?: string | ReactNode, options?: ExternalToast) => React.ReactNode
+}
+const toast: IToast = {
+	success: (title, options) => {
+		return toastItem(title, {
+			position: 'top-center',
+			icon: <CheckCircleSolid />,
+			classNames: {
+				content: 'w-[calc(100%-28px)]',
+			},
+			className: 'bg-success',
+			...options,
+		})
+	},
+
+	critical: (title, options) => {
+		return toastItem(title, {
+			position: 'top-center',
+			icon: <InfoSolid />,
+			duration: Infinity,
+			classNames: {
+				content: 'w-[calc(100%-28px)]',
+			},
+			className: 'bg-critical',
+			...options,
+		})
+	},
+
+	snackbar: (title, options) => {
+		return toastItem(title, {
+			position: 'bottom-center',
+			classNames: {
+				toast: 'items-center',
+				content: 'mt-0'
+			},
+			className: 'bg-[--base]',
+			...options,
+		})
+	},
+}
+
+export { Toaster, toast }

package/src/Toaster/index.ts

@@ -0,0 +1 @@
+export { Toaster, toast } from './Toaster'

package/src/assets/css/global.css

@@ -0,0 +1,209 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    @font-face {
+        font-weight: 100 900;
+        font-family: "Roboto";
+        font-style: normal;
+        font-stretch: 75% 100%;
+        src: url("../fonts/Roboto.woff2") format("woff2");
+        font-display: swap;
+    }
+    
+    @font-face {
+        font-weight: 100 900;
+        font-family: "Roboto";
+        font-style: italic;
+        font-stretch: 75% 100%;
+        src: url("../fonts/Roboto-Italic.woff2") format("woff2");
+        font-display: swap;
+    }
+
+    :root {
+        font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+
+        --cl-white: #ffffff;
+        --cl-dark: #000000;
+
+        /* Синий */
+        --cl-blue-1: #253c77;
+        --cl-blue-2: #4971d0;
+        --cl-blue-3: #6b91eb;
+        --cl-blue-4: #81a5f9;
+        --cl-blue-5: #a7c0fb;
+        --cl-blue-6: #d2ddfa;
+        --cl-blue-7: #f2f6ff;
+
+        /* Серый */
+        --cl-graphite-1: #222733;
+        --cl-graphite-2: #464c59;
+        --cl-graphite-3: #777c87;
+        --cl-graphite-4: #9b9fa8;
+        --cl-graphite-5: #cbcdd1;
+        --cl-graphite-6: #e6e7e9;
+        --cl-graphite-7: #f5f5f6;
+
+        /* Зеленый */
+        --cl-green-1: #5e8c00;
+        --cl-green-2: #6ca300;
+        --cl-green-3: #88bd1f;
+        --cl-green-4: #a4d73e;
+        --cl-green-5: #c0eb69;
+        --cl-green-6: #d4f296;
+        --cl-green-7: #eefad4;
+
+        /* Желтый */
+        --cl-yellow-1: #b79310;
+        --cl-yellow-2: #d2aa0f;
+        --cl-yellow-3: #e8c113;
+        --cl-yellow-4: #efd04e;
+        --cl-yellow-5: #f5de88;
+        --cl-yellow-6: #fae6aa;
+        --cl-yellow-7: #fcf2ce;
+
+        /* Оранжевый */
+        --cl-orange-1: #C33918;
+        --cl-orange-2: #E35F19;
+        --cl-orange-3: #F27922;
+        --cl-orange-4: #F99631;
+        --cl-orange-5: #FBB26A;
+        --cl-orange-6: #FDCF93;
+        --cl-orange-7: #FFE8C4;
+
+        /* Красный */
+        --cl-red-1: #a61d1d;
+        --cl-red-2: #bd2c2c;
+        --cl-red-3: #d43d3d;
+        --cl-red-4: #e36868;
+        --cl-red-5: #f19494;
+        --cl-red-6: #f9c1bd;
+        --cl-red-7: #ffe9e9;
+
+        --base: var(--cl-graphite-1);
+        --primary: var(--cl-blue-2);
+        --primary-light: var(--cl-blue-7);
+        --success: var(--cl-green-3);
+        --success-light: var(--cl-green-7);
+        --light: var(--cl-graphite-3);
+        --dark: var(--cl-graphite-2);
+        --disabled: var(--cl-graphite-4);
+        --bg-light: var(--cl-graphite-7);
+        --warning: var(--cl-orange-2);
+        --warning-light: var(--cl-yellow-7);
+        --critical: var(--cl-red-2);
+        --critical-light: var(--cl-red-7);
+        /* --text-quaternary:; */
+
+        --page-bg: var(--cl-white);
+        --dialog-bg: var(--cl-white);
+
+
+        /* ЦВЕТ КНОПОК */
+        /* =========================================== */
+        --btn-primary: var(--cl-white);
+        --btn-primary-bg: var(--cl-blue-2);
+        --btn-primary-hover-bg: var(--cl-blue-3);
+        --btn-primary-focus-bg: var(--cl-blue-1);
+        --btn-primary-active-bg: var(--cl-blue-1);
+        --btn-primary-disabled-bg: var(--cl-blue-5);
+        
+        --btn-secondary: var(--cl-blue-2);
+        --btn-secondary-disabled: var(--cl-blue-5);
+        --btn-secondary-bg: var(--cl-graphite-7);
+        --btn-secondary-hover-bg: transparent;
+        --btn-secondary-focus-bg: #E4E5E7;
+        --btn-secondary-active-bg: var(--cl-graphite-6);
+
+        --btn-ghost: var(--cl-blue-2);
+        --btn-ghost-hover:var(--cl-blue-3);
+        --btn-ghost-focus: var(--cl-blue-3);
+        --btn-ghost-active: var(--cl-blue-1);
+        --btn-ghost-disabled: var(--cl-blue-5);
+
+        --btn-outline: var(--cl-graphite-2);
+        --btn-outline-disabled: var(--cl-graphite-4);
+        --btn-outline-border: var(--cl-graphite-5);
+        --btn-outline-hover-border:var(--cl-graphite-6);
+        --btn-outline-focus-border: var(--cl-graphite-4);
+        --btn-outline-active-border: var(--cl-graphite-4);
+        --btn-outline-disabled-border: var(--cl-graphite-5);
+
+        --btn-txt-primary: var(--cl-blue-2);
+        --btn-txt-primary-hover: var(--cl-blue-3);
+        --btn-txt-primary-focus: var(--cl-blue-3);
+        --btn-txt-primary-active: var(--cl-blue-1);
+
+        --btn-widget-bg:var(--page-bg);
+        --btn-widget-icon:var(--primary);
+        /* =========================================== */
+        /* ЦВЕТ КНОПОК */
+        
+        /* ЦВЕТ ПОЛЯ ВВОДА */
+        /* =========================================== */
+
+        
+        /* =========================================== */
+        /* ЦВЕТ ПОЛЯ ВВОДА */
+        
+        /* BORDER */
+        /* =========================================== */
+        --border-color: var(--cl-graphite-5);
+        --border-radius-sm: 4px;
+        --border-radius-md: 8px;
+        /* =========================================== */
+        /* BORDER */
+        
+        /* SHADOWS */
+        /* =========================================== */
+        --shadow-sm: 0px 4px 14px rgba(36, 48, 54, 0.08);
+        --shadow-md: 0 2px 10px rgba(36, 48, 54, 0.12);
+        --shadow-lg: 0px 8px 16px rgba(36, 48, 54, 0.24);
+        /* =========================================== */
+        /* SHADOWS */
+
+        /* PROGRESS */
+        /* =========================================== */
+        --progress-height: 4px;
+        --progress-bg: var(--cl-graphite-6);
+        /* =========================================== */
+        /* PROGRESS */
+
+        /* TABS */
+        /* =========================================== */
+        --tabs-bg: var(--cl-graphite-6);
+        --tabs-round: 4px;
+        --tab-bg: var(--cl-white);
+        --tab-border: var(--cl-graphite-6);
+        --tabs-height: 32px;
+        --tab-height: 30px;
+        /* =========================================== */
+        /* TABS */
+
+        /* DRAWER */
+        /* =========================================== */
+        --drawer-overlay-bg: rgba(34, 39, 51, .5);
+        --drawer-shadow: 0 0 20px 44px rgba(36, 48, 54, 0.12);
+
+        /* =========================================== */
+        /* DRAWER */
+
+        /* DRAWER */
+        /* =========================================== */
+        --payments-list-item-hover: var(--cl-graphite-7);
+        --payments-list-item-focus: var(--cl-graphite-7);
+        --payments-list-item-active: var(--cl-graphite-6);
+        
+        /* =========================================== */
+        /* DRAWER */
+
+        --page-header-height: 44px;
+        --page-container-width: 600px;
+
+        --skeleton-bg: var(--cl-graphite-6);
+    }
+
+
+    .dark {}
+}

package/src/assets/images/bankcards/empty-bg.svg

@@ -0,0 +1 @@
+<svg width="256" height="160" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#E6E7E9" d="M0 0h256v160H0z"/></svg>

package/src/assets/images/bankcards/empty.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h256v160h-256z" fill="#e6e7e9"/><g fill="#fff"><path d="m231.8 60h-27.56a8.22 8.22 0 0 1 -8.24-8.23v-27.54a8.22 8.22 0 0 1 8.24-8.23h27.52a8.22 8.22 0 0 1 8.24 8.23v27.47a8.16 8.16 0 0 1 -8.2 8.29zm-27.56-43.12a7.35 7.35 0 0 0 -7.36 7.35v27.47c0 4.1 3.31 7.35 7.36 7.35h27.52c4.1 0 7.37-3.31 7.37-7.35v-27.47c0-4.1-3.32-7.35-7.37-7.35z"/><path clip-rule="evenodd" d="m207 27h4.4v4.4h4.4v4.4h4.4v4.4h-4.4v4.4h-4.4v4.4h-4.4v-8.8h4.4v-4.4h-4.4zm13.2 17.6v-4.4h4.4v4.4zm4.4 0h4.4v4.4h-4.4zm-4.4 0h-4.4v4.4h4.4zm4.4-4.4v-4.4h-4.4v-4.4h-4.4v-4.4h8.8v4.4h4.4v8.8z" fill-rule="evenodd"/></g></svg>

package/src/assets/images/bankcards/mabl5-bg.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="160" maskUnits="userSpaceOnUse" width="256" x="0" y="0"><path d="m0 0h256v160h-256z" fill="#fff"/></mask><path d="m0 0h256v160h-256z" fill="#fff"/><g mask="url(#a)"><path d="m256 0h-256v160h256z" fill="#1f82c0"/><g opacity=".7"><path d="m64.48 95a31.46 31.46 0 1 0 0-62.92 31.46 31.46 0 0 0 0 62.92zm-48.49 65a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98zm128.02-63.96a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98zm-32.08-64.06a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98zm128.02 31.98a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98z" fill="#93d2ef" opacity=".7"/><path d="m63.96 32.08h-31.98v-31.98zm191.98 0h-31.98v-31.98zm-95.94 31.98h-31.98v-32.08zm63.96 31.98h-31.98v-31.98zm-128.02 63.96h-31.98v-31.98z" fill="#8cbb15" opacity=".7"/><path d="m31.98 128.02h-31.98l31.98-31.98zm63.96 0h-31.98l31.98-31.98zm96.04 31.98h-31.98l31.98-31.98zm63.96-31.98h-31.98l31.98-31.98z" fill="#003e6a" opacity=".7"/><path d="m63.96 96.04h-31.98v31.98h31.98zm160 31.98h-31.98v31.98h31.98zm-63.96 0h-31.98v31.98h31.98zm-32.08-96.04h-31.98v31.98h31.98z" fill="#009ee0" opacity=".7"/><path d="m0 64.06v-32.08h31.98zm95.94 31.98v-31.98h32.08zm0 63.96v-63.96h64.06zm64.06-63.96v-31.98h31.98zm-96.04-64.06v-31.98h31.98z" fill="#d4d700" opacity=".7"/><g opacity=".7"><path d="m191.98 112.03h-16v16h16z" fill="#8cbb15" opacity=".7"/><path d="m175.99 96.04h-15.99v15.99h15.99v-16z" fill="#003e6a" opacity=".7"/><path d="m175.99 112.03h-15.99v16h15.99z" fill="#fff" opacity=".7"/><path d="m191.98 96.04h-16v15.99h16v-16z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m256.04 135.96h-8.04v8.05h8.05v-8.05z" fill="#8cbb15" opacity=".7"/><path d="m248 128.02h-8.05v8.05h8.05z" fill="#003e6a" opacity=".7"/><path d="m248 135.96h-8.05v8.05h8.05z" fill="#fff" opacity=".7"/><path d="m256.04 128.02h-8.04v8.05h8.05v-8.05z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m256.04 72h-8.04v8.05h8.05v-8.04z" fill="#8cbb15" opacity=".7"/><path d="m248 64.06h-8.05v8.05h8.05z" fill="#003e6a" opacity=".7"/><path d="m248 72h-8.05v8.05h8.05v-8.04z" fill="#fff" opacity=".7"/><path d="m256.04 64.06h-8.04v8.05h8.05v-8.05z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m31.98 80.05h-16v16h16z" fill="#8cbb15" opacity=".7"/><path d="m15.99 64.06h-15.99v16h15.99z" fill="#003e6a" opacity=".7"/><path d="m15.99 80.05h-15.99v16h15.99z" fill="#fff" opacity=".7"/><path d="m31.98 64.06h-16v16h16z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m223.96 31.98h-31.98v31.98h31.98z" fill="#8cbb15" opacity=".7"/><path d="m191.98 0h-31.98v31.98h31.98z" fill="#003e6a" opacity=".7"/><path d="m191.98 31.98h-31.98v31.98h31.98z" fill="#fff" opacity=".7"/><path d="m223.96 0h-31.98v31.98h31.98z" fill="#009ee0" opacity=".7"/></g></g></g></svg>

package/src/assets/images/bankcards/mabl5.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="160" maskUnits="userSpaceOnUse" width="256" x="0" y="0"><path d="m0 0h256v160h-256z" fill="#fff"/></mask><path d="m0 0h256v160h-256z" fill="#fff"/><g mask="url(#a)"><path d="m256 0h-256v160h256z" fill="#1f82c0"/><g opacity=".7"><path d="m64.48 95a31.46 31.46 0 1 0 0-62.92 31.46 31.46 0 0 0 0 62.92zm-48.49 65a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98zm128.02-63.96a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98zm-32.08-64.06a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98zm128.02 31.98a15.99 15.99 0 1 0 0-31.98 15.99 15.99 0 0 0 0 31.98z" fill="#93d2ef" opacity=".7"/><path d="m63.96 32.08h-31.98v-31.98zm191.98 0h-31.98v-31.98zm-95.94 31.98h-31.98v-32.08zm63.96 31.98h-31.98v-31.98zm-128.02 63.96h-31.98v-31.98z" fill="#8cbb15" opacity=".7"/><path d="m31.98 128.02h-31.98l31.98-31.98zm63.96 0h-31.98l31.98-31.98zm96.04 31.98h-31.98l31.98-31.98zm63.96-31.98h-31.98l31.98-31.98z" fill="#003e6a" opacity=".7"/><path d="m63.96 96.04h-31.98v31.98h31.98zm160 31.98h-31.98v31.98h31.98zm-63.96 0h-31.98v31.98h31.98zm-32.08-96.04h-31.98v31.98h31.98z" fill="#009ee0" opacity=".7"/><path d="m0 64.06v-32.08h31.98zm95.94 31.98v-31.98h32.08zm0 63.96v-63.96h64.06zm64.06-63.96v-31.98h31.98zm-96.04-64.06v-31.98h31.98z" fill="#d4d700" opacity=".7"/><g opacity=".7"><path d="m191.98 112.03h-16v16h16z" fill="#8cbb15" opacity=".7"/><path d="m175.99 96.04h-15.99v15.99h15.99v-16z" fill="#003e6a" opacity=".7"/><path d="m175.99 112.03h-15.99v16h15.99z" fill="#fff" opacity=".7"/><path d="m191.98 96.04h-16v15.99h16v-16z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m256.04 135.96h-8.04v8.05h8.05v-8.05z" fill="#8cbb15" opacity=".7"/><path d="m248 128.02h-8.05v8.05h8.05z" fill="#003e6a" opacity=".7"/><path d="m248 135.96h-8.05v8.05h8.05z" fill="#fff" opacity=".7"/><path d="m256.04 128.02h-8.04v8.05h8.05v-8.05z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m256.04 72h-8.04v8.05h8.05v-8.04z" fill="#8cbb15" opacity=".7"/><path d="m248 64.06h-8.05v8.05h8.05z" fill="#003e6a" opacity=".7"/><path d="m248 72h-8.05v8.05h8.05v-8.04z" fill="#fff" opacity=".7"/><path d="m256.04 64.06h-8.04v8.05h8.05v-8.05z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m31.98 80.05h-16v16h16z" fill="#8cbb15" opacity=".7"/><path d="m15.99 64.06h-15.99v16h15.99z" fill="#003e6a" opacity=".7"/><path d="m15.99 80.05h-15.99v16h15.99z" fill="#fff" opacity=".7"/><path d="m31.98 64.06h-16v16h16z" fill="#009ee0" opacity=".7"/></g><g opacity=".7"><path d="m223.96 31.98h-31.98v31.98h31.98z" fill="#8cbb15" opacity=".7"/><path d="m191.98 0h-31.98v31.98h31.98z" fill="#003e6a" opacity=".7"/><path d="m191.98 31.98h-31.98v31.98h31.98z" fill="#fff" opacity=".7"/><path d="m223.96 0h-31.98v31.98h31.98z" fill="#009ee0" opacity=".7"/></g></g></g><path d="m231.8 60h-27.56a8.22 8.22 0 0 1 -8.24-8.23v-27.54a8.22 8.22 0 0 1 8.24-8.23h27.52a8.22 8.22 0 0 1 8.24 8.23v27.47a8.16 8.16 0 0 1 -8.2 8.29zm-27.56-43.12a7.35 7.35 0 0 0 -7.36 7.35v27.47c0 4.1 3.31 7.35 7.36 7.35h27.52c4.1 0 7.37-3.31 7.37-7.35v-27.47c0-4.1-3.32-7.35-7.37-7.35z" fill="#fff"/><path clip-rule="evenodd" d="m207 27h4.4v4.4h4.4v4.4h4.4v4.4h-4.4v4.4h-4.4v4.4h-4.4v-8.8h4.4v-4.4h-4.4zm13.2 17.6v-4.4h4.4v4.4zm4.4 0h4.4v4.4h-4.4zm-4.4 0h-4.4v4.4h4.4zm4.4-4.4v-4.4h-4.4v-4.4h-4.4v-4.4h8.8v4.4h4.4v8.8z" fill="#fff" fill-rule="evenodd"/><path d="m214.6 124.78h10.8v20.44h-10.8z" fill="#ff5f00"/><path d="m215.28 135a13.3 13.3 0 0 1 4.7-10.22 11.9 11.9 0 0 0 -7.62-2.78c-6.83 0-12.36 5.81-12.36 13s5.53 13 12.36 13a11.9 11.9 0 0 0 7.62-2.78 13.24 13.24 0 0 1 -4.7-10.22z" fill="#eb001b"/><path d="m240 135c0 7.19-5.53 13-12.36 13a11.9 11.9 0 0 1 -7.62-2.78 13.18 13.18 0 0 0 4.7-10.22c0-4.15-1.85-7.84-4.7-10.22a11.9 11.9 0 0 1 7.62-2.78c6.83 0 12.36 5.85 12.36 13z" fill="#f79e1b"/></svg>

package/src/assets/images/bankcards/mamo2-bg.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="160" maskUnits="userSpaceOnUse" width="256" x="0" y="0"><path d="m0 0h256v160h-256z" fill="#fff"/></mask><path d="m0 0h256v160h-256z" fill="#fff"/><g mask="url(#a)"><path d="m0 0h256v160h-256z" fill="#0047ba"/><path d="m256-.9-105.2 62.15-22.88 40.59-.03 54.58-.1 9.33h128.21z" fill="#0033a1"/><path d="m150.8 88.32-22.88-13.52-11.44 6.77-11.44-20.3-105.04-62.11v166.6h127.92v-63.91z" fill="#2a7de1"/><path d="m130.6-4.8h-130.6v3.96l105.04 62.1v27.06l22.88-13.53 22.88 13.53v-27.06l105.2-62.16v-3.9z" fill="#0047ba"/><path d="m127.92 74.79-22.88 13.53 22.88 13.53 22.88-13.53z" fill="#0047ba"/><path d="m219.45 47.74-22.88-13.54v27.05l22.88-13.52zm-91.53-.01-22.88 13.53v27.06l22.88-13.53zm45.77-27.06 22.88 13.53v-27.06zm-22.89-13.52v-11.95h-20.2zm-68.64 13.52v-25.47h-2.68l-20.2 11.94v.01z" fill="#0033a1"/><path d="m196.57 7.15v-11.95h-20.2zm-45.77 27.05v-27.06l-22.88 13.53z" fill="#0033a1"/><path d="m150.8 142.43 22.88-13.53-22.88-13.53zm91.53-54.11-22.88-13.53v27.06zm-45.76 0-22.88-13.53v27.06zm-22.89 67.64 22.89-13.52-22.89-13.53zm22.89-13.53v23.33h6.3l16.58-9.8z" fill="#002f87"/><path d="m150.8 61.26-22.88-13.53v27.07l22.88 13.53zm22.89 40.59-22.89 13.53 22.88 13.53v-27.06zm0-27.05 22.88 13.52v-27.06zm-2.69-79.6h-20.2v11.95zm48.45 133.7-22.88 13.54 22.88 13.53zm-137.29-108.23 22.88-13.52-20.2-11.95h-2.68zm137.29 0-22.88-13.53v27.06l22.88 13.53zm-2.68-25.47h-20.2v11.94z" fill="#002d74"/><path d="m173.69 20.67-22.89-13.53v27.06l22.88-13.53zm45.76 54.12 22.88 13.53v-27.06l-22.88 13.54zm-91.53 81.11 16.57 9.86h6.31v-23.38zm68.65-40.52-22.88 13.53 22.88 13.53zm-22.88 40.52-16.58 9.86h16.57v-9.86z" fill="#002d74"/><path d="m59.28 142.44 22.88 13.53v-27.07l-22.88 13.52v.01zm0-54.12 22.88 13.53v-27.06l-22.88 13.51v.01zm-22.88 13.53-22.9 13.53 22.88 13.53v-27.06zm68.64 40.59v-27.06l-22.88 13.52 22.88 13.53zm-68.64 13.53 16.56 9.8h6.32v-23.33zm91.52-.07-16.57 9.86h33.14zm-91.52-81.1v-27.08l-22.9 13.54z" fill="#0047ba"/><path d="m59.28 115.38v27.05l22.88-13.52zm22.88-13.53v27.06l22.88-13.53zm0-27.06-22.87-13.52v27.03l22.87-13.5zm-45.76 81.17 22.88-13.53-22.88-13.52zm91.52 0-16.57 9.8h-6.31v-23.33zm-91.52-108.23-22.9-13.53v27.06zm0 54.12-22.9-13.53v27.06l22.88-13.53z" fill="#0033a1"/></g></svg>

package/src/assets/images/bankcards/mamo2.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><mask id="a" height="160" maskUnits="userSpaceOnUse" width="256" x="0" y="0"><path d="m0 0h256v160h-256z" fill="#fff"/></mask><path d="m0 0h256v160h-256z" fill="#fff"/><g mask="url(#a)"><path d="m0 0h256v160h-256z" fill="#0047ba"/><path d="m256-.9-105.2 62.15-22.88 40.59-.03 54.58-.1 9.33h128.21z" fill="#0033a1"/><path d="m150.8 88.32-22.88-13.52-11.44 6.77-11.44-20.3-105.04-62.11v166.6h127.92v-63.91z" fill="#2a7de1"/><path d="m130.6-4.8h-130.6v3.96l105.04 62.1v27.06l22.88-13.53 22.88 13.53v-27.06l105.2-62.16v-3.9z" fill="#0047ba"/><path d="m127.92 74.79-22.88 13.53 22.88 13.53 22.88-13.53z" fill="#0047ba"/><path d="m219.45 47.74-22.88-13.54v27.05l22.88-13.52zm-91.53-.01-22.88 13.53v27.06l22.88-13.53zm45.77-27.06 22.88 13.53v-27.06zm-22.89-13.52v-11.95h-20.2zm-68.64 13.52v-25.47h-2.68l-20.2 11.94v.01z" fill="#0033a1"/><path d="m196.57 7.15v-11.95h-20.2zm-45.77 27.05v-27.06l-22.88 13.53z" fill="#0033a1"/><path d="m150.8 142.43 22.88-13.53-22.88-13.53zm91.53-54.11-22.88-13.53v27.06zm-45.76 0-22.88-13.53v27.06zm-22.89 67.64 22.89-13.52-22.89-13.53zm22.89-13.53v23.33h6.3l16.58-9.8z" fill="#002f87"/><path d="m150.8 61.26-22.88-13.53v27.07l22.88 13.53zm22.89 40.59-22.89 13.53 22.88 13.53v-27.06zm0-27.05 22.88 13.52v-27.06zm-2.69-79.6h-20.2v11.95zm48.45 133.7-22.88 13.54 22.88 13.53zm-137.29-108.23 22.88-13.52-20.2-11.95h-2.68zm137.29 0-22.88-13.53v27.06l22.88 13.53zm-2.68-25.47h-20.2v11.94z" fill="#002d74"/><path d="m173.69 20.67-22.89-13.53v27.06l22.88-13.53zm45.76 54.12 22.88 13.53v-27.06l-22.88 13.54zm-91.53 81.11 16.57 9.86h6.31v-23.38zm68.65-40.52-22.88 13.53 22.88 13.53zm-22.88 40.52-16.58 9.86h16.57v-9.86z" fill="#002d74"/><path d="m59.28 142.44 22.88 13.53v-27.07l-22.88 13.52v.01zm0-54.12 22.88 13.53v-27.06l-22.88 13.51v.01zm-22.88 13.53-22.9 13.53 22.88 13.53v-27.06zm68.64 40.59v-27.06l-22.88 13.52 22.88 13.53zm-68.64 13.53 16.56 9.8h6.32v-23.33zm91.52-.07-16.57 9.86h33.14zm-91.52-81.1v-27.08l-22.9 13.54z" fill="#0047ba"/><path d="m59.28 115.38v27.05l22.88-13.52zm22.88-13.53v27.06l22.88-13.53zm0-27.06-22.87-13.52v27.03l22.87-13.5zm-45.76 81.17 22.88-13.53-22.88-13.52zm91.52 0-16.57 9.8h-6.31v-23.33zm-91.52-108.23-22.9-13.53v27.06zm0 54.12-22.9-13.53v27.06l22.88-13.53z" fill="#0033a1"/></g><path d="m231.8 60h-27.56a8.22 8.22 0 0 1 -8.24-8.23v-27.54a8.22 8.22 0 0 1 8.24-8.23h27.52a8.22 8.22 0 0 1 8.24 8.23v27.47a8.16 8.16 0 0 1 -8.2 8.29zm-27.56-43.12a7.35 7.35 0 0 0 -7.36 7.35v27.47c0 4.1 3.31 7.35 7.36 7.35h27.52c4.1 0 7.37-3.31 7.37-7.35v-27.47c0-4.1-3.32-7.35-7.37-7.35z" fill="#fff"/><path clip-rule="evenodd" d="m207 27h4.4v4.4h4.4v4.4h4.4v4.4h-4.4v4.4h-4.4v4.4h-4.4v-8.8h4.4v-4.4h-4.4zm13.2 17.6v-4.4h4.4v4.4zm4.4 0h4.4v4.4h-4.4zm-4.4 0h-4.4v4.4h4.4zm4.4-4.4v-4.4h-4.4v-4.4h-4.4v-4.4h8.8v4.4h4.4v8.8z" fill="#fff" fill-rule="evenodd"/><path d="m214.6 124.78h10.8v20.44h-10.8z" fill="#ff5f00"/><path d="m215.28 135a13.3 13.3 0 0 1 4.7-10.22 11.9 11.9 0 0 0 -7.62-2.78c-6.83 0-12.36 5.81-12.36 13s5.53 13 12.36 13a11.9 11.9 0 0 0 7.62-2.78 13.24 13.24 0 0 1 -4.7-10.22z" fill="#eb001b"/><path d="m240 135c0 7.19-5.53 13-12.36 13a11.9 11.9 0 0 1 -7.62-2.78 13.18 13.18 0 0 0 4.7-10.22c0-4.15-1.85-7.84-4.7-10.22a11.9 11.9 0 0 1 7.62-2.78c6.83 0 12.36 5.85 12.36 13z" fill="#f79e1b"/></svg>

package/src/assets/images/bankcards/maod2-bg.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="58.73" x2="256" y1="80" y2="80"><stop offset="0" stop-color="#16819e"/><stop offset="1" stop-color="#3c9d8f"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="0" x2="171.73" y1="80" y2="80"><stop offset="0" stop-color="#2e99c3"/><stop offset="1" stop-color="#43a593"/></linearGradient><linearGradient id="c"><stop offset="0" stop-color="#66b4ae"/><stop offset="1" stop-color="#66b4ae"/></linearGradient><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-9.6" x2="262.4" xlink:href="#c" y1="61.06" y2="61.06"/><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="-6.4" x2="225.6" xlink:href="#c" y1="22.4" y2="22.4"/><mask id="f" height="160" maskUnits="userSpaceOnUse" width="256" x="0" y="0"><path d="m0 0h256v160h-256z" fill="#fff"/></mask><path d="m0 0h256v160h-256z" fill="#fff"/><g mask="url(#f)"><path d="m256 0h-197.27v160h197.27z" fill="url(#a)"/><path d="m91.1 133.33v-26.66h26.88v-26.67h53.75v-26.67h-26.88v-26.66h26.88v-26.67h-171.73v160h64.23v-26.67z" fill="url(#b)"/><path d="m229.12 80h26.88v-26.67h-26.88zm-26.87 26.67h26.87v-26.67h-26.87z" fill="#48a786"/><path d="m117.98 133.33h26.87v-26.67h-26.87z" fill="#3ea39f"/><path d="m-5.45 75.72h-3.54c-.4 0-.61-.21-.61-.62v-9.22c0-.4.2-.61.61-.61h.96c.96-.68 1.7-2.22 2.23-4.61.53-2.4 1.04-6.77 1.53-13.12.06-.4.28-.61.66-.61h14.5c.44 0 .66.2.66.61v17.73h2.22c.44 0 .66.22.66.66v9.17c0 .4-.22.61-.66.61h-3.53c-.44 0-.66-.2-.66-.61v-5.34h-14.37v5.34c0 .4-.22.62-.66.62zm5.9-24.3c-.58 7.3-1.59 11.9-3.02 13.85h9.09v-13.85zm37.35 9.98c0 2.73-.9 4.9-2.7 6.5-1.81 1.6-4.23 2.4-7.26 2.4s-5.45-.8-7.25-2.4-2.71-3.77-2.71-6.5v-5.9c0-2.77.9-4.98 2.7-6.62 1.81-1.65 4.23-2.47 7.26-2.47s5.45.82 7.25 2.47c1.8 1.64 2.71 3.85 2.71 6.61v5.9zm-14.8 0c0 2.88 1.6 4.32 4.84 4.32 1.57 0 2.78-.37 3.6-1.1.84-.74 1.25-1.81 1.25-3.22v-5.9c0-1.45-.42-2.56-1.27-3.34a5.1 5.1 0 0 0 -3.58-1.17c-1.57 0-2.77.39-3.6 1.15-.83.77-1.25 1.88-1.25 3.35v5.9zm36.82 6.43a12.97 12.97 0 0 1 -7.73 2.47c-3.03 0-5.42-.8-7.17-2.42-1.74-1.62-2.62-3.78-2.62-6.48v-6.13c0-2.7.88-4.86 2.62-6.46 1.75-1.6 4.12-2.4 7.12-2.4 2.54 0 4.93.7 7.17 2.12.35.23.4.54.17.92l-1.7 2.65c-.23.32-.54.38-.92.17a8.95 8.95 0 0 0 -4.58-1.28c-1.55 0-2.73.37-3.56 1.1-.84.74-1.25 1.8-1.25 3.18v6.17c0 1.36.41 2.4 1.25 3.16.83.75 2 1.12 3.51 1.12 1.78 0 3.47-.53 5.07-1.59.4-.23.71-.17.92.18l1.83 2.64c.23.35.2.65-.13.88zm13.46 1.94h-3.76c-.44 0-.66-.22-.66-.66v-17.69h-6.11c-.44 0-.66-.22-.66-.66v-3.22c0-.4.22-.61.66-.61h17.25c.44 0 .66.2.66.61v3.22c0 .44-.22.66-.66.66h-6.07v17.68c0 .44-.22.66-.65.66zm16.3 0h-4.33c-.44 0-.66-.22-.66-.66v-21.56c0-.42.22-.62.66-.62h3.71c.44 0 .66.2.66.62v8.99c0 1.73-.03 3.72-.1 5.95h.05a78.36 78.36 0 0 1 4.15-7.63l4.37-7.53c.23-.27.5-.4.79-.4h4.37c.43 0 .65.2.65.62v21.55c0 .44-.22.67-.65.67h-3.72c-.43 0-.65-.23-.65-.67v-8.86c0-1.73.03-3.66.08-5.77h-.04a80.11 80.11 0 0 1 -4.1 7.45l-4.46 7.4a.86.86 0 0 1 -.79.44zm48.92 0h-4.45c-.38 0-.65-.14-.79-.44l-5.5-9.12-1.97 2.33v6.57c0 .44-.22.66-.66.66h-3.62c-.44 0-.66-.22-.66-.66v-6.57l-1.96-2.33-5.51 9.12c-.14.3-.4.44-.79.44h-4.45c-.58 0-.73-.26-.44-.79l7.9-12.26-7.07-9.03c-.14-.2-.19-.38-.13-.53s.22-.22.48-.22h4.5c.35 0 .61.13.79.4l3.45 4.71a142.4 142.4 0 0 1 3.23 4.59v-9.09c0-.4.22-.61.66-.61h3.62c.44 0 .66.2.66.61v9.09c.99-1.47 2.07-3 3.23-4.59l3.45-4.72c.18-.26.44-.4.79-.4h4.5c.26 0 .42.08.48.23s.01.32-.13.53l-7.08 9.03 7.9 12.26c.3.53.16.8-.43.8zm21.59-14.32v4.45c0 .41-.22.62-.66.62h-13.28v1.23c0 1.32.41 2.33 1.25 3.02.82.7 1.95 1.04 3.38 1.04 2.13 0 4.18-.68 6.16-2.03.35-.24.64-.2.88.13l1.79 2.43c.29.32.24.63-.14.92a13.78 13.78 0 0 1 -8.86 3.04 10.5 10.5 0 0 1 -6.8-2.22c-1.85-1.49-2.77-3.61-2.77-6.37v-6.26c0-3.03.93-5.3 2.8-6.8a10.53 10.53 0 0 1 6.8-2.24c2.66 0 4.9.75 6.71 2.25 1.82 1.5 2.74 3.76 2.74 6.79zm-4.94-.05c0-1.53-.42-2.66-1.27-3.4a4.75 4.75 0 0 0 -3.23-1.1c-3 0-4.5 1.5-4.5 4.5v1.15h9zm14.37 14.37h-3.76c-.43 0-.65-.22-.65-.66v-21.56c0-.42.22-.62.65-.62h3.76c.44 0 .66.2.66.62v8.1h8.47v-8.1c0-.42.22-.62.66-.62h3.75c.44 0 .66.2.66.62v21.55c0 .44-.22.66-.66.66h-3.75c-.44 0-.66-.22-.66-.66v-8.9h-8.47v8.9c0 .44-.22.66-.66.66zm25.17 0h-4.33c-.44 0-.65-.22-.65-.66v-21.56c0-.42.21-.62.65-.62h3.71c.44 0 .66.2.66.62v8.99c0 1.73-.03 3.72-.09 5.95h.05a78.34 78.34 0 0 1 4.15-7.63l4.37-7.53c.23-.27.49-.4.78-.4h4.37c.44 0 .65.2.65.62v21.55c0 .44-.21.67-.65.67h-3.71c-.44 0-.66-.23-.66-.67v-8.86c0-1.73.03-3.66.09-5.77h-.04a80.24 80.24 0 0 1 -4.11 7.45l-4.46 7.4a.86.86 0 0 1 -.78.44zm23.94 0h-4.5c-.56 0-.67-.26-.35-.79l5.59-7.85a7.03 7.03 0 0 1 -4.02-2.49 7.02 7.02 0 0 1 -1.4-4.38c0-2.38.8-4.2 2.4-5.45s3.73-1.87 6.38-1.87h9.09c.44 0 .65.2.65.62v21.54c0 .44-.21.66-.65.66h-3.76c-.44 0-.65-.22-.65-.66v-7.54h-2.67l-5.33 7.76a.85.85 0 0 1 -.78.44zm.43-15.51c0 2.11 1.27 3.17 3.8 3.17h4.55v-6.3h-4.55c-2.53 0-3.8 1.04-3.8 3.13zm23.77 15.51h-3.71c-.44 0-.66-.22-.66-.66v-21.56c0-.42.22-.62.66-.62h4.23c.38 0 .63.15.75.44l6.29 12.56h.08l6.3-12.56c.11-.3.36-.44.74-.44h4.24c.43 0 .65.2.65.62v21.55c0 .44-.22.66-.65.66h-3.72c-.4 0-.61-.22-.61-.66v-7.8c0-1.59.03-3.8.09-6.61h-.05a139.82 139.82 0 0 1 -2.31 5.11l-2.84 5.69c-.12.3-.36.44-.74.44h-2.28c-.37 0-.62-.15-.74-.44l-2.84-5.69c-.67-1.41-1.44-3.11-2.31-5.11h-.04l.13 6.6v7.81c0 .44-.22.66-.66.66z" fill="url(#d)"/><path d="m16.59 24.17c0 3.29-1.05 5.94-3.14 7.97-2.1 2.03-4.87 3.05-8.33 3.05-3.5 0-6.29-1.02-8.38-3.05-2.1-2.03-3.14-4.68-3.14-7.97v-10.7c0-3.4 1.04-6.13 3.12-8.2 2.08-2.04 4.87-3.07 8.4-3.07 3.49 0 6.27 1.03 8.35 3.09s3.12 4.79 3.12 8.2v10.7zm-20.6 0c0 2.6.81 4.7 2.46 6.3 1.64 1.6 3.87 2.39 6.67 2.39s5.01-.8 6.64-2.4 2.45-3.69 2.45-6.29v-10.7c0-2.74-.82-4.92-2.45-6.53-1.63-1.62-3.85-2.42-6.64-2.42-2.83 0-5.06.8-6.7 2.42-1.62 1.6-2.44 3.79-2.44 6.53v10.7zm34.2 10.52h-1.57c-.23 0-.34-.12-.34-.35v-20.55h-7.36c-.26 0-.4-.12-.4-.36v-1.4c0-.26.14-.4.4-.4h16.97c.26 0 .39.14.39.4v1.4c0 .24-.13.36-.4.36h-7.31v20.55c0 .24-.13.35-.39.35zm29.47 0h-1.95c-.2 0-.34-.07-.43-.22l-9.35-10.92-3.25 3.13v7.66c0 .23-.11.35-.34.35h-1.52c-.26 0-.39-.12-.39-.35v-22.3c0-.27.13-.4.4-.4h1.5c.24 0 .35.13.35.4v11.73l12-11.96c.08-.12.24-.17.47-.17h1.95c.14 0 .24.04.28.13s0 .2-.1.31l-9.8 9.8 10.4 12.36c.2.3.13.45-.22.45zm4.34-21.93a21.52 21.52 0 0 1 8.14-1.62c2.91 0 5.2.8 6.86 2.4s2.5 4 2.5 7.23v4.83c0 3.1-.83 5.48-2.48 7.12-1.64 1.65-3.9 2.47-6.8 2.47-2.24 0-4.3-.6-6.18-1.8v9.45c0 .24-.12.36-.35.36h-1.56c-.26 0-.39-.12-.39-.36v-29.64c0-.2.09-.35.26-.44zm8.1 20.28c4.7 0 7.05-2.48 7.05-7.43v-4.84c0-4.98-2.35-7.48-7.05-7.48-2.2 0-4.22.36-6.06 1.08v16.7a10.23 10.23 0 0 0 6.06 1.97zm32.81-6.45a8.3 8.3 0 0 1 -2.44 6.2c-1.63 1.6-3.9 2.4-6.78 2.4-2.86 0-5.1-.8-6.75-2.4a8.26 8.26 0 0 1 -2.47-6.2v-6.8c0-2.54.82-4.62 2.47-6.23 1.64-1.61 3.9-2.42 6.75-2.42 2.86 0 5.11.8 6.75 2.42a8.33 8.33 0 0 1 2.47 6.22zm-16.1 0c0 1.94.6 3.5 1.8 4.68s2.89 1.77 5.08 1.77c2.25 0 3.97-.6 5.15-1.77a6.31 6.31 0 0 0 1.78-4.68v-6.8c0-1.95-.6-3.5-1.78-4.68s-2.9-1.77-5.15-1.77c-2.2 0-3.89.59-5.09 1.77a6.27 6.27 0 0 0 -1.8 4.67v6.81zm24.24 8.1h-1.9c-.26 0-.4-.12-.4-.35v-22.3c0-.27.14-.4.4-.4h1.56c.23 0 .34.13.34.4v14.5c0 2.18-.01 3.77-.04 4.75h.04c.9-1.58 1.95-3.33 3.16-5.24l9.74-14.2c.15-.14.3-.21.48-.21h1.86c.23 0 .35.13.35.4v22.3c0 .23-.12.35-.35.35h-1.56c-.26 0-.39-.12-.39-.35v-13.88a253.68 253.68 0 0 1 .05-5.24 386.56 386.56 0 0 1 -3.12 5.06l-9.79 14.2c-.08.14-.23.21-.43.21zm13.03-32.55a7.1 7.1 0 0 1 -1.99 4.41 6.05 6.05 0 0 1 -4.46 1.68 5.99 5.99 0 0 1 -4.41-1.68 7.06 7.06 0 0 1 -2-4.36c-.02-.24.08-.39.3-.45l1.13-.13c.2-.03.35.07.44.31.43 2.96 1.95 4.43 4.54 4.43 1.3 0 2.34-.4 3.12-1.18a5.64 5.64 0 0 0 1.47-3.25c.03-.24.18-.34.44-.31l1.08.13c.28 0 .4.14.34.4zm35.2 30.31a11.91 11.91 0 0 1 -7.62 2.74c-2.72 0-4.87-.8-6.47-2.4a8.2 8.2 0 0 1 -2.4-6.07v-7.11c0-2.45.8-4.47 2.4-6.07s3.75-2.4 6.47-2.4c2.48 0 4.8.78 6.97 2.33.2.18.24.36.13.54l-.74 1.16c-.17.18-.35.21-.52.1a9.82 9.82 0 0 0 -5.84-1.93c-2.05 0-3.66.59-4.83 1.77a6.13 6.13 0 0 0 -1.75 4.5v7.12c0 1.85.58 3.36 1.75 4.54s2.78 1.77 4.83 1.77c2.25 0 4.38-.76 6.4-2.28.2-.18.38-.17.52.04l.74 1.12c.15.24.13.42-.04.53zm20.08 2.24h-1.6c-.23 0-.34-.12-.34-.35v-8.65c-2.05.87-4.12 1.3-6.2 1.3-2.62 0-4.67-.76-6.14-2.28s-2.21-3.79-2.21-6.8v-5.87c0-.27.12-.4.35-.4h1.55c.27 0 .4.13.4.4v5.82c0 4.66 2.03 6.98 6.1 6.98 2.05 0 4.1-.44 6.15-1.34v-11.46c0-.27.11-.4.34-.4h1.6c.24 0 .35.13.35.4v22.3c0 .24-.11.35-.34.35zm23.9-14.86v4.2c0 .25-.13.37-.39.37h-14.93v2.5c0 1.89.62 3.38 1.86 4.48a6.77 6.77 0 0 0 4.68 1.66c2.56 0 4.91-.96 7.05-2.87.23-.15.4-.12.52.1l.78 1.02c.17.18.16.36-.04.54a12.16 12.16 0 0 1 -8.36 3.36c-2.42 0-4.5-.75-6.23-2.24a7.57 7.57 0 0 1 -2.6-6.05v-7.07c0-2.78.84-4.92 2.51-6.43a9.16 9.16 0 0 1 6.37-2.26 9 9 0 0 1 6.32 2.26c1.64 1.51 2.46 3.65 2.46 6.43zm-2.25 0c0-2.06-.6-3.66-1.8-4.79a6.61 6.61 0 0 0 -4.74-1.7c-2.02 0-3.61.56-4.78 1.68s-1.75 2.72-1.75 4.81v2.55h13.06v-2.55zm14.5 14.86h-1.55c-.23 0-.35-.12-.35-.35v-20.55h-7.36c-.26 0-.4-.12-.4-.36v-1.4c0-.26.14-.4.4-.4h16.97c.26 0 .39.14.39.4v1.4c0 .24-.13.36-.39.36h-7.32v20.55c0 .24-.13.35-.39.35z" fill="url(#e)"/></g></svg>

package/src/assets/images/bankcards/maod2.svg

@@ -0,0 +1 @@
+<svg fill="none" height="160" width="256" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="58.73" x2="256" y1="80" y2="80"><stop offset="0" stop-color="#16819e"/><stop offset="1" stop-color="#3c9d8f"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="0" x2="171.73" y1="80" y2="80"><stop offset="0" stop-color="#2e99c3"/><stop offset="1" stop-color="#43a593"/></linearGradient><linearGradient id="c"><stop offset="0" stop-color="#66b4ae"/><stop offset="1" stop-color="#66b4ae"/></linearGradient><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="-9.6" x2="262.4" xlink:href="#c" y1="61.06" y2="61.06"/><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="-6.4" x2="225.6" xlink:href="#c" y1="22.4" y2="22.4"/><clipPath id="f"><path d="m0 0h256v160h-256z"/></clipPath><mask id="g" height="160" maskUnits="userSpaceOnUse" width="256" x="0" y="0"><path d="m256 0h-256v160h256z" fill="#fff"/></mask><g clip-path="url(#f)"><path d="m256 0h-256v160h256z" fill="#fff"/><g mask="url(#g)"><path d="m256 0h-197.27v160h197.27z" fill="url(#a)"/><path d="m91.1 133.33v-26.66h26.88v-26.67h53.75v-26.67h-26.88v-26.66h26.88v-26.67h-171.73v160h64.23v-26.67z" fill="url(#b)"/><path d="m229.12 80h26.88v-26.67h-26.88zm-26.87 26.67h26.87v-26.67h-26.87z" fill="#48a786"/><path d="m117.98 133.33h26.87v-26.67h-26.87z" fill="#3ea39f"/><path d="m-5.45 75.72h-3.54c-.4 0-.61-.21-.61-.62v-9.22c0-.4.2-.61.61-.61h.96c.96-.68 1.7-2.22 2.23-4.61.53-2.4 1.04-6.77 1.53-13.12.06-.4.28-.61.66-.61h14.5c.44 0 .66.2.66.61v17.73h2.22c.44 0 .66.22.66.66v9.17c0 .4-.22.61-.66.61h-3.53c-.44 0-.66-.2-.66-.61v-5.34h-14.37v5.34c0 .4-.22.62-.66.62zm5.9-24.3c-.58 7.3-1.59 11.9-3.02 13.85h9.09v-13.85zm37.35 9.98c0 2.73-.9 4.9-2.7 6.5-1.81 1.6-4.23 2.4-7.26 2.4s-5.45-.8-7.25-2.4-2.71-3.77-2.71-6.5v-5.9c0-2.77.9-4.98 2.7-6.62 1.81-1.65 4.23-2.47 7.26-2.47s5.45.82 7.25 2.47c1.8 1.64 2.71 3.85 2.71 6.61v5.9zm-14.8 0c0 2.88 1.6 4.32 4.84 4.32 1.57 0 2.78-.37 3.6-1.1.84-.74 1.25-1.81 1.25-3.22v-5.9c0-1.45-.42-2.56-1.27-3.34a5.1 5.1 0 0 0 -3.58-1.17c-1.57 0-2.77.39-3.6 1.15-.83.77-1.25 1.88-1.25 3.35v5.9zm36.82 6.43a12.97 12.97 0 0 1 -7.73 2.47c-3.03 0-5.42-.8-7.17-2.42-1.74-1.62-2.62-3.78-2.62-6.48v-6.13c0-2.7.88-4.86 2.62-6.46 1.75-1.6 4.12-2.4 7.12-2.4 2.54 0 4.93.7 7.17 2.12.35.23.4.54.17.92l-1.7 2.65c-.23.32-.54.38-.92.17a8.95 8.95 0 0 0 -4.58-1.28c-1.55 0-2.73.37-3.56 1.1-.84.74-1.25 1.8-1.25 3.18v6.17c0 1.36.41 2.4 1.25 3.16.83.75 2 1.12 3.51 1.12 1.78 0 3.47-.53 5.07-1.59.4-.23.71-.17.92.18l1.83 2.64c.23.35.2.65-.13.88zm13.46 1.94h-3.76c-.44 0-.66-.22-.66-.66v-17.69h-6.11c-.44 0-.66-.22-.66-.66v-3.22c0-.4.22-.61.66-.61h17.25c.44 0 .66.2.66.61v3.22c0 .44-.22.66-.66.66h-6.07v17.68c0 .44-.22.66-.65.66zm16.3 0h-4.33c-.44 0-.66-.22-.66-.66v-21.56c0-.42.22-.62.66-.62h3.71c.44 0 .66.2.66.62v8.99c0 1.73-.03 3.72-.1 5.95h.05a78.36 78.36 0 0 1 4.15-7.63l4.37-7.53c.23-.27.5-.4.79-.4h4.37c.43 0 .65.2.65.62v21.55c0 .44-.22.67-.65.67h-3.72c-.43 0-.65-.23-.65-.67v-8.86c0-1.73.03-3.66.08-5.77h-.04a80.11 80.11 0 0 1 -4.1 7.45l-4.46 7.4a.86.86 0 0 1 -.79.44zm48.92 0h-4.45c-.38 0-.65-.14-.79-.44l-5.5-9.12-1.97 2.33v6.57c0 .44-.22.66-.66.66h-3.62c-.44 0-.66-.22-.66-.66v-6.57l-1.96-2.33-5.51 9.12c-.14.3-.4.44-.79.44h-4.45c-.58 0-.73-.26-.44-.79l7.9-12.26-7.07-9.03c-.14-.2-.19-.38-.13-.53s.22-.22.48-.22h4.5c.35 0 .61.13.79.4l3.45 4.71a142.4 142.4 0 0 1 3.23 4.59v-9.09c0-.4.22-.61.66-.61h3.62c.44 0 .66.2.66.61v9.09c.99-1.47 2.07-3 3.23-4.59l3.45-4.72c.18-.26.44-.4.79-.4h4.5c.26 0 .42.08.48.23s.01.32-.13.53l-7.08 9.03 7.9 12.26c.3.53.16.8-.43.8zm21.59-14.32v4.45c0 .41-.22.62-.66.62h-13.28v1.23c0 1.32.41 2.33 1.25 3.02.82.7 1.95 1.04 3.38 1.04 2.13 0 4.18-.68 6.16-2.03.35-.24.64-.2.88.13l1.79 2.43c.29.32.24.63-.14.92a13.78 13.78 0 0 1 -8.86 3.04 10.5 10.5 0 0 1 -6.8-2.22c-1.85-1.49-2.77-3.61-2.77-6.37v-6.26c0-3.03.93-5.3 2.8-6.8a10.53 10.53 0 0 1 6.8-2.24c2.66 0 4.9.75 6.71 2.25 1.82 1.5 2.74 3.76 2.74 6.79zm-4.94-.05c0-1.53-.42-2.66-1.27-3.4a4.75 4.75 0 0 0 -3.23-1.1c-3 0-4.5 1.5-4.5 4.5v1.15h9zm14.37 14.37h-3.76c-.43 0-.65-.22-.65-.66v-21.56c0-.42.22-.62.65-.62h3.76c.44 0 .66.2.66.62v8.1h8.47v-8.1c0-.42.22-.62.66-.62h3.75c.44 0 .66.2.66.62v21.55c0 .44-.22.66-.66.66h-3.75c-.44 0-.66-.22-.66-.66v-8.9h-8.47v8.9c0 .44-.22.66-.66.66zm25.17 0h-4.33c-.44 0-.65-.22-.65-.66v-21.56c0-.42.21-.62.65-.62h3.71c.44 0 .66.2.66.62v8.99c0 1.73-.03 3.72-.09 5.95h.05a78.34 78.34 0 0 1 4.15-7.63l4.37-7.53c.23-.27.49-.4.78-.4h4.37c.44 0 .65.2.65.62v21.55c0 .44-.21.67-.65.67h-3.71c-.44 0-.66-.23-.66-.67v-8.86c0-1.73.03-3.66.09-5.77h-.04a80.24 80.24 0 0 1 -4.11 7.45l-4.46 7.4a.86.86 0 0 1 -.78.44zm23.94 0h-4.5c-.56 0-.67-.26-.35-.79l5.59-7.85a7.03 7.03 0 0 1 -4.02-2.49 7.02 7.02 0 0 1 -1.4-4.38c0-2.38.8-4.2 2.4-5.45s3.73-1.87 6.38-1.87h9.09c.44 0 .65.2.65.62v21.54c0 .44-.21.66-.65.66h-3.76c-.44 0-.65-.22-.65-.66v-7.54h-2.67l-5.33 7.76a.85.85 0 0 1 -.78.44zm.43-15.51c0 2.11 1.27 3.17 3.8 3.17h4.55v-6.3h-4.55c-2.53 0-3.8 1.04-3.8 3.13zm23.77 15.51h-3.71c-.44 0-.66-.22-.66-.66v-21.56c0-.42.22-.62.66-.62h4.23c.38 0 .63.15.75.44l6.29 12.56h.08l6.3-12.56c.11-.3.36-.44.74-.44h4.24c.43 0 .65.2.65.62v21.55c0 .44-.22.66-.65.66h-3.72c-.4 0-.61-.22-.61-.66v-7.8c0-1.59.03-3.8.09-6.61h-.05a139.82 139.82 0 0 1 -2.31 5.11l-2.84 5.69c-.12.3-.36.44-.74.44h-2.28c-.37 0-.62-.15-.74-.44l-2.84-5.69c-.67-1.41-1.44-3.11-2.31-5.11h-.04l.13 6.6v7.81c0 .44-.22.66-.66.66z" fill="url(#d)"/><path d="m16.59 24.17c0 3.29-1.05 5.94-3.14 7.97-2.1 2.03-4.87 3.05-8.33 3.05-3.5 0-6.29-1.02-8.38-3.05-2.1-2.03-3.14-4.68-3.14-7.97v-10.7c0-3.4 1.04-6.13 3.12-8.2 2.08-2.04 4.87-3.07 8.4-3.07 3.49 0 6.27 1.03 8.35 3.09s3.12 4.79 3.12 8.2v10.7zm-20.6 0c0 2.6.81 4.7 2.46 6.3 1.64 1.6 3.87 2.39 6.67 2.39s5.01-.8 6.64-2.4 2.45-3.69 2.45-6.29v-10.7c0-2.74-.82-4.92-2.45-6.53-1.63-1.62-3.85-2.42-6.64-2.42-2.83 0-5.06.8-6.7 2.42-1.62 1.6-2.44 3.79-2.44 6.53v10.7zm34.2 10.52h-1.57c-.23 0-.34-.12-.34-.35v-20.55h-7.36c-.26 0-.4-.12-.4-.36v-1.4c0-.26.14-.4.4-.4h16.97c.26 0 .39.14.39.4v1.4c0 .24-.13.36-.4.36h-7.31v20.55c0 .24-.13.35-.39.35zm29.47 0h-1.95c-.2 0-.34-.07-.43-.22l-9.35-10.92-3.25 3.13v7.66c0 .23-.11.35-.34.35h-1.52c-.26 0-.39-.12-.39-.35v-22.3c0-.27.13-.4.4-.4h1.5c.24 0 .35.13.35.4v11.73l12-11.96c.08-.12.24-.17.47-.17h1.95c.14 0 .24.04.28.13s0 .2-.1.31l-9.8 9.8 10.4 12.36c.2.3.13.45-.22.45zm4.34-21.93a21.52 21.52 0 0 1 8.14-1.62c2.91 0 5.2.8 6.86 2.4s2.5 4 2.5 7.23v4.83c0 3.1-.83 5.48-2.48 7.12-1.64 1.65-3.9 2.47-6.8 2.47-2.24 0-4.3-.6-6.18-1.8v9.45c0 .24-.12.36-.35.36h-1.56c-.26 0-.39-.12-.39-.36v-29.64c0-.2.09-.35.26-.44zm8.1 20.28c4.7 0 7.05-2.48 7.05-7.43v-4.84c0-4.98-2.35-7.48-7.05-7.48-2.2 0-4.22.36-6.06 1.08v16.7a10.23 10.23 0 0 0 6.06 1.97zm32.81-6.45a8.3 8.3 0 0 1 -2.44 6.2c-1.63 1.6-3.9 2.4-6.78 2.4-2.86 0-5.1-.8-6.75-2.4a8.26 8.26 0 0 1 -2.47-6.2v-6.8c0-2.54.82-4.62 2.47-6.23 1.64-1.61 3.9-2.42 6.75-2.42 2.86 0 5.11.8 6.75 2.42a8.33 8.33 0 0 1 2.47 6.22zm-16.1 0c0 1.94.6 3.5 1.8 4.68s2.89 1.77 5.08 1.77c2.25 0 3.97-.6 5.15-1.77a6.31 6.31 0 0 0 1.78-4.68v-6.8c0-1.95-.6-3.5-1.78-4.68s-2.9-1.77-5.15-1.77c-2.2 0-3.89.59-5.09 1.77a6.27 6.27 0 0 0 -1.8 4.67v6.81zm24.24 8.1h-1.9c-.26 0-.4-.12-.4-.35v-22.3c0-.27.14-.4.4-.4h1.56c.23 0 .34.13.34.4v14.5c0 2.18-.01 3.77-.04 4.75h.04c.9-1.58 1.95-3.33 3.16-5.24l9.74-14.2c.15-.14.3-.21.48-.21h1.86c.23 0 .35.13.35.4v22.3c0 .23-.12.35-.35.35h-1.56c-.26 0-.39-.12-.39-.35v-13.88a253.68 253.68 0 0 1 .05-5.24 386.56 386.56 0 0 1 -3.12 5.06l-9.79 14.2c-.08.14-.23.21-.43.21zm13.03-32.55a7.1 7.1 0 0 1 -1.99 4.41 6.05 6.05 0 0 1 -4.46 1.68 5.99 5.99 0 0 1 -4.41-1.68 7.06 7.06 0 0 1 -2-4.36c-.02-.24.08-.39.3-.45l1.13-.13c.2-.03.35.07.44.31.43 2.96 1.95 4.43 4.54 4.43 1.3 0 2.34-.4 3.12-1.18a5.64 5.64 0 0 0 1.47-3.25c.03-.24.18-.34.44-.31l1.08.13c.28 0 .4.14.34.4zm35.2 30.31a11.91 11.91 0 0 1 -7.62 2.74c-2.72 0-4.87-.8-6.47-2.4a8.2 8.2 0 0 1 -2.4-6.07v-7.11c0-2.45.8-4.47 2.4-6.07s3.75-2.4 6.47-2.4c2.48 0 4.8.78 6.97 2.33.2.18.24.36.13.54l-.74 1.16c-.17.18-.35.21-.52.1a9.82 9.82 0 0 0 -5.84-1.93c-2.05 0-3.66.59-4.83 1.77a6.13 6.13 0 0 0 -1.75 4.5v7.12c0 1.85.58 3.36 1.75 4.54s2.78 1.77 4.83 1.77c2.25 0 4.38-.76 6.4-2.28.2-.18.38-.17.52.04l.74 1.12c.15.24.13.42-.04.53zm20.08 2.24h-1.6c-.23 0-.34-.12-.34-.35v-8.65c-2.05.87-4.12 1.3-6.2 1.3-2.62 0-4.67-.76-6.14-2.28s-2.21-3.79-2.21-6.8v-5.87c0-.27.12-.4.35-.4h1.55c.27 0 .4.13.4.4v5.82c0 4.66 2.03 6.98 6.1 6.98 2.05 0 4.1-.44 6.15-1.34v-11.46c0-.27.11-.4.34-.4h1.6c.24 0 .35.13.35.4v22.3c0 .24-.11.35-.34.35zm23.9-14.86v4.2c0 .25-.13.37-.39.37h-14.93v2.5c0 1.89.62 3.38 1.86 4.48a6.77 6.77 0 0 0 4.68 1.66c2.56 0 4.91-.96 7.05-2.87.23-.15.4-.12.52.1l.78 1.02c.17.18.16.36-.04.54a12.16 12.16 0 0 1 -8.36 3.36c-2.42 0-4.5-.75-6.23-2.24a7.57 7.57 0 0 1 -2.6-6.05v-7.07c0-2.78.84-4.92 2.51-6.43a9.16 9.16 0 0 1 6.37-2.26 9 9 0 0 1 6.32 2.26c1.64 1.51 2.46 3.65 2.46 6.43zm-2.25 0c0-2.06-.6-3.66-1.8-4.79a6.61 6.61 0 0 0 -4.74-1.7c-2.02 0-3.61.56-4.78 1.68s-1.75 2.72-1.75 4.81v2.55h13.06v-2.55zm14.5 14.86h-1.55c-.23 0-.35-.12-.35-.35v-20.55h-7.36c-.26 0-.4-.12-.4-.36v-1.4c0-.26.14-.4.4-.4h16.97c.26 0 .39.14.39.4v1.4c0 .24-.13.36-.39.36h-7.32v20.55c0 .24-.13.35-.39.35z" fill="url(#e)"/></g><path d="m231.8 60h-27.56a8.22 8.22 0 0 1 -8.24-8.23v-27.54a8.22 8.22 0 0 1 8.24-8.23h27.52a8.22 8.22 0 0 1 8.24 8.23v27.47a8.16 8.16 0 0 1 -8.2 8.29zm-27.56-43.12a7.35 7.35 0 0 0 -7.36 7.35v27.47c0 4.1 3.31 7.35 7.36 7.35h27.52c4.1 0 7.37-3.31 7.37-7.35v-27.47c0-4.1-3.32-7.35-7.37-7.35z" fill="#fff"/><path clip-rule="evenodd" d="m207 27h4.4v4.4h4.4v4.4h4.4v4.4h-4.4v4.4h-4.4v4.4h-4.4v-8.8h4.4v-4.4h-4.4zm13.2 17.6v-4.4h4.4v4.4zm4.4 0h4.4v4.4h-4.4zm-4.4 0h-4.4v4.4h4.4zm4.4-4.4v-4.4h-4.4v-4.4h-4.4v-4.4h8.8v4.4h4.4v8.8z" fill="#fff" fill-rule="evenodd"/><path d="m214.6 124.78h10.8v20.44h-10.8z" fill="#ff5f00"/><path d="m215.28 135a13.3 13.3 0 0 1 4.7-10.22 11.9 11.9 0 0 0 -7.62-2.78c-6.83 0-12.36 5.81-12.36 13s5.53 13 12.36 13a11.9 11.9 0 0 0 7.62-2.78 13.24 13.24 0 0 1 -4.7-10.22z" fill="#eb001b"/><path d="m240 135c0 7.19-5.53 13-12.36 13a11.9 11.9 0 0 1 -7.62-2.78 13.18 13.18 0 0 0 4.7-10.22c0-4.15-1.85-7.84-4.7-10.22a11.9 11.9 0 0 1 7.62-2.78c6.83 0 12.36 5.85 12.36 13z" fill="#f79e1b"/></g></svg>

package/src/assets/images/bankcards/mb06-bg.svg

@@ -0,0 +1 @@
+<svg width="256" height="160" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h256v160H0z"/><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="256" height="160"><path fill="#fff" d="M0 0h256v160H0z"/></mask><g mask="url(#a)"><path fill="#0057FF" d="M0-.01h256v160H0z"/><g filter="url(#b)"><ellipse cx="4.64" cy="131.89" rx="188.06" ry="148.15" transform="rotate(13.01 4.64 131.9)" fill="#287EFF"/></g><g filter="url(#c)"><ellipse cx="122.15" cy=".57" rx="149.42" ry="127.42" transform="rotate(13.01 122.15 .57)" fill="#072DA0"/></g><g filter="url(#d)"><ellipse cx="192.68" cy="173.67" rx="159.82" ry="117.52" transform="rotate(-13.32 192.68 173.67)" fill="#2CC7FF"/></g></g><defs><filter id="b" x="-235.47" y="-72.41" width="480.24" height="408.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="26.92" result="effect1_foregroundBlur_392_104960"/></filter><filter id="c" x="-77.81" y="-179.65" width="399.92" height="360.42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="25.78" result="effect1_foregroundBlur_392_104960"/></filter><filter id="d" x="-30.49" y="-11.77" width="446.32" height="370.88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="32.64" result="effect1_foregroundBlur_392_104960"/></filter></defs></svg>

package/src/assets/images/bankcards/mb06.svg

@@ -0,0 +1 @@
+<svg width="256" height="160" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h256v160H0z"/><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="256" height="160"><path fill="#fff" d="M0 0h256v160H0z"/></mask><g mask="url(#a)"><path fill="#0057FF" d="M0-.01h256v160H0z"/><g filter="url(#b)"><ellipse cx="4.64" cy="131.89" rx="188.06" ry="148.15" transform="rotate(13.01 4.64 131.9)" fill="#287EFF"/></g><g filter="url(#c)"><ellipse cx="122.15" cy=".57" rx="149.42" ry="127.42" transform="rotate(13.01 122.15 .57)" fill="#072DA0"/></g><g filter="url(#d)"><ellipse cx="192.68" cy="173.67" rx="159.82" ry="117.52" transform="rotate(-13.32 192.68 173.67)" fill="#2CC7FF"/></g></g><path d="M231.8 60h-27.56a8.22 8.22 0 0 1-8.24-8.23V24.23a8.22 8.22 0 0 1 8.24-8.23h27.52a8.22 8.22 0 0 1 8.24 8.23V51.7a8.16 8.16 0 0 1-8.2 8.29Zm-27.56-43.12a7.35 7.35 0 0 0-7.36 7.35V51.7c0 4.1 3.31 7.35 7.36 7.35h27.52c4.1 0 7.37-3.31 7.37-7.35V24.23c0-4.1-3.32-7.35-7.37-7.35h-27.52Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M207 27h4.4v4.4h4.4v4.4h4.4v4.4h-4.4v4.4h-4.4V49H207v-8.8h4.4v-4.4H207V27Zm13.2 17.6v-4.4h4.4v4.4h-4.4Zm4.4 0h4.4V49h-4.4v-4.4Zm-4.4 0h-4.4V49h4.4v-4.4Zm4.4-4.4v-4.4h-4.4v-4.4h-4.4V27h8.8v4.4h4.4v8.8h-4.4Z" fill="#fff"/><path d="M214.6 124.78h10.8v20.44h-10.8v-20.44Z" fill="#FF5F00"/><path d="M215.28 135a13.3 13.3 0 0 1 4.7-10.22 11.9 11.9 0 0 0-7.62-2.78c-6.83 0-12.36 5.81-12.36 13s5.53 13 12.36 13a11.9 11.9 0 0 0 7.62-2.78 13.24 13.24 0 0 1-4.7-10.22Z" fill="#EB001B"/><path d="M240 135c0 7.19-5.53 13-12.36 13a11.9 11.9 0 0 1-7.62-2.78 13.18 13.18 0 0 0 4.7-10.22c0-4.15-1.85-7.84-4.7-10.22a11.9 11.9 0 0 1 7.62-2.78c6.83 0 12.36 5.85 12.36 13Z" fill="#F79E1B"/><path d="M20.17 18.73c.4.23.7.56.93.98.22.43.33.92.33 1.47 0 .56-.1 1.05-.33 1.48A2.43 2.43 0 0 1 18.84 24c-.35 0-.68-.07-.97-.2a1.86 1.86 0 0 1-.73-.58v.7H16V16.3h1.2v2.8c.2-.23.44-.41.72-.54a2.58 2.58 0 0 1 2.25.16Zm-.38 3.7c.28-.32.43-.73.43-1.25 0-.51-.15-.93-.43-1.24a1.4 1.4 0 0 0-1.09-.47 1.46 1.46 0 0 0-1.32.8c-.13.27-.2.57-.2.91 0 .34.07.65.2.9a1.46 1.46 0 0 0 1.32.81c.44 0 .8-.15 1.09-.47ZM27.25 18.44v5.48H26.1v-.7c-.2.25-.43.44-.72.57-.29.14-.6.2-.93.2-.68 0-1.22-.2-1.61-.6-.4-.42-.6-1.02-.6-1.82v-3.13h1.2v2.96c0 .49.1.86.32 1.1.2.24.5.36.88.36.43 0 .77-.14 1.02-.42.25-.29.38-.7.38-1.23v-2.77h1.2ZM28.9 23.83c-.4-.12-.7-.27-.94-.45l.46-.97a3.23 3.23 0 0 0 1.78.54c.71 0 1.07-.2 1.07-.6 0-.2-.09-.33-.27-.4a4.45 4.45 0 0 0-.88-.22 6.8 6.8 0 0 1-1.03-.24c-.26-.08-.5-.24-.69-.46-.2-.23-.3-.54-.3-.93 0-.52.21-.94.62-1.25.4-.31.95-.47 1.64-.47.35 0 .7.05 1.05.13.36.09.64.2.87.35l-.46.97a2.7 2.7 0 0 0-1.47-.41c-.35 0-.62.06-.8.17-.18.11-.27.26-.27.45 0 .2.1.35.3.43.19.09.49.17.9.24.4.07.74.15 1 .24s.49.24.68.45c.19.21.28.52.28.9 0 .52-.2.93-.62 1.24-.42.3-.98.46-1.7.46-.41 0-.82-.06-1.22-.17ZM33.24 17.32a.75.75 0 0 1-.22-.55.75.75 0 0 1 .77-.77c.22 0 .4.07.55.21a.7.7 0 0 1 .22.53.8.8 0 0 1-.22.57.72.72 0 0 1-.55.23.74.74 0 0 1-.55-.22Zm-.05 1.12h1.2v5.49h-1.2v-5.49ZM40.13 18.99c.4.4.59 1 .59 1.8v3.14h-1.2v-2.98c0-.48-.1-.84-.32-1.08a1.13 1.13 0 0 0-.9-.37c-.44 0-.79.14-1.04.43-.26.28-.38.7-.38 1.23v2.77h-1.2v-5.49h1.14v.71c.2-.25.45-.44.74-.57.3-.13.64-.2 1.02-.2.65 0 1.16.2 1.55.6ZM46.8 21.6h-4.02c.07.4.25.72.55.96.3.23.66.35 1.1.35.57 0 1.03-.2 1.4-.6l.64.8c-.23.3-.52.51-.88.66-.35.15-.74.23-1.18.23a3 3 0 0 1-1.49-.36 2.5 2.5 0 0 1-.99-1 2.98 2.98 0 0 1-.35-1.45c0-.54.11-1.02.34-1.45a2.5 2.5 0 0 1 2.3-1.36 2.43 2.43 0 0 1 2.26 1.35 3.2 3.2 0 0 1 .31 1.87Zm-3.55-1.83c-.26.25-.42.57-.48.98h2.9c-.05-.4-.2-.72-.47-.97a1.37 1.37 0 0 0-.98-.37c-.38 0-.7.12-.97.36ZM48.04 23.83c-.4-.12-.71-.27-.95-.45l.46-.97a3.22 3.22 0 0 0 1.78.54c.72 0 1.07-.2 1.07-.6 0-.2-.09-.33-.27-.4a4.43 4.43 0 0 0-.88-.22 6.77 6.77 0 0 1-1.03-.24c-.26-.08-.49-.24-.69-.46-.19-.23-.29-.54-.29-.93 0-.52.2-.94.61-1.25.4-.31.95-.47 1.64-.47.36 0 .7.05 1.06.13.35.09.64.2.86.35l-.46.97a2.7 2.7 0 0 0-1.47-.41c-.35 0-.61.06-.8.17-.18.11-.27.26-.27.45 0 .2.1.35.3.43.19.09.5.17.9.24.4.07.74.15 1 .24.27.09.5.24.68.45.19.21.28.52.28.9 0 .52-.2.93-.62 1.24-.42.3-.98.46-1.7.46-.41 0-.82-.06-1.21-.17ZM52.7 23.83c-.4-.12-.72-.27-.96-.45l.46-.97a3.23 3.23 0 0 0 1.78.54c.72 0 1.08-.2 1.08-.6 0-.2-.1-.33-.27-.4a4.44 4.44 0 0 0-.88-.22 6.8 6.8 0 0 1-1.03-.24c-.26-.08-.5-.24-.69-.46-.2-.23-.3-.54-.3-.93 0-.52.21-.94.62-1.25.4-.31.95-.47 1.64-.47.35 0 .7.05 1.05.13.35.09.64.2.87.35l-.46.97a2.7 2.7 0 0 0-1.47-.41c-.35 0-.62.06-.8.17-.18.11-.27.26-.27.45 0 .2.1.35.29.43.2.09.5.17.9.24.41.07.75.15 1.01.24s.49.24.68.45c.18.21.28.52.28.9 0 .52-.2.93-.62 1.24-.42.3-.98.46-1.7.46-.42 0-.82-.06-1.22-.17ZM65.06 18.54l-1.9 5.4h-.65l-1.59-4.42-1.59 4.42h-.64l-1.9-5.4h.66l1.58 4.6 1.61-4.6h.59l1.6 4.6 1.6-4.6h.63ZM66.56 23.65a2.5 2.5 0 0 1-.92-.98 2.94 2.94 0 0 1-.34-1.42c0-.53.11-1 .34-1.42a2.47 2.47 0 0 1 2.23-1.32 2.44 2.44 0 0 1 2.23 1.32 3 3 0 0 1 .33 1.42c0 .53-.11 1-.33 1.42A2.47 2.47 0 0 1 67.87 24c-.49 0-.92-.12-1.31-.35Zm2.27-.56c.28-.17.5-.42.67-.74.16-.32.24-.69.24-1.1 0-.41-.08-.78-.24-1.1a1.78 1.78 0 0 0-1.63-1 1.8 1.8 0 0 0-1.64 1 2.4 2.4 0 0 0-.24 1.1c0 .41.08.78.24 1.1a1.8 1.8 0 0 0 1.63 1c.37 0 .69-.08.97-.26ZM72.9 18.78c.32-.18.71-.27 1.18-.27v.7h-.17c-.53 0-.94.17-1.24.52-.3.35-.45.84-.45 1.47v2.75h-.68v-5.4h.65v1.06c.16-.37.4-.64.71-.83ZM75.1 16.33h.68v7.62h-.68v-7.62ZM82 16.33v7.62h-.65v-1.07A2.15 2.15 0 0 1 79.4 24a2.42 2.42 0 0 1-2.18-1.33c-.22-.41-.33-.89-.33-1.42 0-.54.11-1.01.33-1.43a2.39 2.39 0 0 1 2.18-1.32 2.16 2.16 0 0 1 1.92 1.07v-3.24H82Zm-1.59 6.76c.29-.18.51-.42.68-.75.16-.32.24-.68.24-1.1 0-.4-.08-.77-.24-1.1a1.79 1.79 0 0 0-1.62-1 1.8 1.8 0 0 0-1.64 1 2.4 2.4 0 0 0-.25 1.1c0 .42.08.78.25 1.1.16.33.38.57.67.75.28.17.6.26.96.26.35 0 .67-.09.95-.26Z" fill="#fff"/><defs><filter id="b" x="-235.47" y="-72.41" width="480.24" height="408.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="26.92" result="effect1_foregroundBlur_66_90656"/></filter><filter id="c" x="-77.81" y="-179.65" width="399.92" height="360.42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="25.78" result="effect1_foregroundBlur_66_90656"/></filter><filter id="d" x="-30.49" y="-11.77" width="446.32" height="370.88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="32.64" result="effect1_foregroundBlur_66_90656"/></filter></defs></svg>

package/src/assets/images/bankcards/mir1-bg.svg

@@ -0,0 +1 @@
+<svg width="256" height="160" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h256v160H0z"/><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="256" height="160"><path fill="#fff" d="M0 0h256v160H0z"/></mask><g mask="url(#a)"><path fill="#0057FF" d="M0 0h256v161.6H0z"/><g filter="url(#b)"><ellipse cx="4.64" cy="131.9" rx="188.06" ry="148.15" transform="rotate(13.01 4.64 131.9)" fill="#2CC3E4"/></g><g filter="url(#c)"><ellipse cx="122.15" cy=".57" rx="149.42" ry="127.42" transform="rotate(13.01 122.15 .57)" fill="#0057FF"/></g><g filter="url(#d)"><ellipse cx="192.67" cy="173.68" rx="159.82" ry="117.52" transform="rotate(-13.32 192.67 173.68)" fill="url(#e)"/></g></g><defs><filter id="b" x="-235.47" y="-72.4" width="480.24" height="408.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="26.92" result="effect1_foregroundBlur_392_104941"/></filter><filter id="c" x="-77.81" y="-179.64" width="399.92" height="360.42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="25.78" result="effect1_foregroundBlur_392_104941"/></filter><filter id="d" x="-31.13" y="-12.4" width="447.62" height="372.17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="32.96" result="effect1_foregroundBlur_392_104941"/></filter><linearGradient id="e" x1="168.09" y1="46.36" x2="247.01" y2="180.64" gradientUnits="userSpaceOnUse"><stop stop-color="#06C9F4"/><stop offset="1" stop-color="#55CC93"/></linearGradient></defs></svg>

package/src/assets/images/bankcards/mir1.svg

@@ -0,0 +1 @@
+<svg width="256" height="160" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="256" height="160"><path fill="#fff" d="M0 0h256v160H0z"/></mask><g mask="url(#a)"><path fill="#0057FF" d="M0 0h256v161.6H0z"/><g filter="url(#b)"><ellipse cx="4.64" cy="131.9" rx="188.06" ry="148.15" transform="rotate(13.01 4.64 131.9)" fill="#2CC3E4"/></g><g filter="url(#c)"><ellipse cx="122.15" cy=".57" rx="149.42" ry="127.42" transform="rotate(13.01 122.15 .57)" fill="#0057FF"/></g><g filter="url(#d)"><ellipse cx="192.68" cy="173.68" rx="159.82" ry="117.52" transform="rotate(-13.32 192.68 173.68)" fill="url(#e)"/></g></g><path d="m184.43 139.82 2.54-9.2c.21-.75.65-1.41 1.25-1.89a3.4 3.4 0 0 1 2.09-.73h6.1v20h-6.1v-11.82h-.44l-3.49 11.81h-4.35l-3.5-11.81h-.43v11.81H172V128h6.1c.76 0 1.5.26 2.1.73.6.48 1.04 1.14 1.25 1.9l2.54 9.2h.44ZM205.57 139.8l4.3-9.69a3.6 3.6 0 0 1 1.28-1.54 3.38 3.38 0 0 1 1.88-.57h5.18v20h-6.1v-11.81h-.44l-4.3 9.69a3.58 3.58 0 0 1-1.28 1.54c-.56.37-1.21.57-1.88.57h-5.18V128h6.1v11.8h.44ZM220.83 137.09v10.9h6.08v-6.36h6.56c1.35 0 2.67-.44 3.77-1.25a6.8 6.8 0 0 0 2.38-3.3h-18.79ZM219.95 128h13.52a6.32 6.32 0 0 1 5.06 2.5 6.94 6.94 0 0 1 1.34 5.68h-10.5a9.35 9.35 0 0 1-6.13-2.31 10.09 10.09 0 0 1-3.29-5.87ZM231.8 60h-27.56a8.22 8.22 0 0 1-8.24-8.23V24.23a8.22 8.22 0 0 1 8.24-8.23h27.52a8.22 8.22 0 0 1 8.24 8.23V51.7a8.16 8.16 0 0 1-8.2 8.29Zm-27.56-43.12a7.35 7.35 0 0 0-7.36 7.35V51.7c0 4.1 3.31 7.35 7.36 7.35h27.52c4.1 0 7.37-3.31 7.37-7.35V24.23c0-4.1-3.32-7.35-7.37-7.35h-27.52Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M207 27h4.4v4.4h4.4v4.4h4.4v4.4h-4.4v4.4h-4.4V49H207v-8.8h4.4v-4.4H207V27Zm13.2 17.6v-4.4h4.4v4.4h-4.4Zm4.4 0h4.4V49h-4.4v-4.4Zm-4.4 0h-4.4V49h4.4v-4.4Zm4.4-4.4v-4.4h-4.4v-4.4h-4.4V27h8.8v4.4h4.4v8.8h-4.4Z" fill="#fff"/><defs><filter id="b" x="-235.47" y="-72.4" width="480.24" height="408.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="26.92" result="effect1_foregroundBlur_2_1225"/></filter><filter id="c" x="-77.81" y="-179.64" width="399.92" height="360.42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="25.78" result="effect1_foregroundBlur_2_1225"/></filter><filter id="d" x="-31.13" y="-12.41" width="447.62" height="372.17" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="32.96" result="effect1_foregroundBlur_2_1225"/></filter><linearGradient id="e" x1="168.09" y1="46.36" x2="247.01" y2="180.64" gradientUnits="userSpaceOnUse"><stop stop-color="#06C9F4"/><stop offset="1" stop-color="#55CC93"/></linearGradient></defs></svg>