@nibssplc/cams-sdk-react/dist/styles.css

React hooks and components for NIBSS CAMS SDK

@import "tailwindcss";@variant dark (&:is(.dark *));@layer base{:root{--radius:0.625rem;--background:1 0 0;--foreground:0.145 0 0;--card:1 0 0;--card-foreground:0.145 0 0;--popover:1 0 0;--popover-foreground:0.145 0 0;--primary:0.205 0 0;--primary-foreground:0.985 0 0;--secondary:0.97 0 0;--secondary-foreground:0.205 0 0;--muted:0.97 0 0;--muted-foreground:0.556 0 0;--accent:0.97 0 0;--accent-foreground:0.205 0 0;--destructive:0.577 0.245 27.325;--destructive-foreground:0.985 0 0;--border:0.922 0 0;--input:0.922 0 0;--ring:0.708 0 0;--chart-1:0.646 0.222 41.116;--chart-2:0.6 0.118 184.704;--chart-3:0.398 0.07 227.392;--chart-4:0.828 0.189 84.429;--chart-5:0.769 0.188 70.08;--sidebar:0.985 0 0;--sidebar-foreground:0.145 0 0;--sidebar-primary:0.205 0 0;--sidebar-primary-foreground:0.985 0 0;--sidebar-accent:0.97 0 0;--sidebar-accent-foreground:0.205 0 0;--sidebar-border:0.922 0 0;--sidebar-ring:0.708 0 0}.dark{--background:0.145 0 0;--foreground:0.985 0 0;--card:0.205 0 0;--card-foreground:0.985 0 0;--popover:0.205 0 0;--popover-foreground:0.985 0 0;--primary:0.922 0 0;--primary-foreground:0.205 0 0;--secondary:0.269 0 0;--secondary-foreground:0.985 0 0;--muted:0.269 0 0;--muted-foreground:0.708 0 0;--accent:0.269 0 0;--accent-foreground:0.985 0 0;--destructive:0.704 0.191 22.216;--destructive-foreground:0.985 0 0;--border:1 0 0/10%;--input:1 0 0/15%;--ring:0.556 0 0;--chart-1:0.488 0.243 264.376;--chart-2:0.696 0.17 162.48;--chart-3:0.769 0.188 70.08;--chart-4:0.627 0.265 303.9;--chart-5:0.645 0.246 16.439;--sidebar:0.205 0 0;--sidebar-foreground:0.985 0 0;--sidebar-primary:0.488 0.243 264.376;--sidebar-primary-foreground:0.985 0 0;--sidebar-accent:0.269 0 0;--sidebar-accent-foreground:0.985 0 0;--sidebar-border:1 0 0/10%;--sidebar-ring:0.556 0 0}*,body{@apply bg-background text-foreground}}@theme inline{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--color-background:oklch(var(--background));--color-foreground:oklch(var(--foreground));--color-card:oklch(var(--card));--color-card-foreground:oklch(var(--card-foreground));--color-popover:oklch(var(--popover));--color-popover-foreground:oklch(var(--popover-foreground));--color-primary:oklch(var(--primary));--color-primary-foreground:oklch(var(--primary-foreground));--color-secondary:oklch(var(--secondary));--color-secondary-foreground:oklch(var(--secondary-foreground));--color-muted:oklch(var(--muted));--color-muted-foreground:oklch(var(--muted-foreground));--color-accent:oklch(var(--accent));--color-accent-foreground:oklch(var(--accent-foreground));--color-destructive:oklch(var(--destructive));--color-border:oklch(var(--border));--color-input:oklch(var(--input));--color-ring:oklch(var(--ring));--color-chart-1:oklch(var(--chart-1));--color-chart-2:oklch(var(--chart-2));--color-chart-3:oklch(var(--chart-3));--color-chart-4:oklch(var(--chart-4));--color-chart-5:oklch(var(--chart-5));--color-sidebar:oklch(var(--sidebar));--color-sidebar-foreground:oklch(var(--sidebar-foreground));--color-sidebar-primary:oklch(var(--sidebar-primary));--color-sidebar-primary-foreground:oklch(var(--sidebar-primary-foreground));--color-sidebar-accent:oklch(var(--sidebar-accent));--color-sidebar-accent-foreground:oklch(var(--sidebar-accent-foreground));--color-sidebar-border:oklch(var(--sidebar-border));--color-sidebar-ring:oklch(var(--sidebar-ring))}.container_f782f4{display:inline-flex;flex-shrink:0;justify-content:center}.container_f782f4,.inner_37f4c9{align-items:center;height:calc(var(--uib-size)*.9);width:var(--uib-size)}.inner_37f4c9{display:flex;justify-content:space-between}.bar_409d0f{background-color:var(--uib-color);height:100%;transition:background-color .3s ease;width:var(--uib-stroke)}.bar_409d0f:first-child{animation:grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.45) infinite}.bar_409d0f:nth-child(2){animation:grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.3) infinite}.bar_409d0f:nth-child(3){animation:grow_ca6a4e var(--uib-speed) ease-in-out calc(var(--uib-speed)*-.15) infinite}.bar_409d0f:nth-child(4){animation:grow_ca6a4e var(--uib-speed) ease-in-out infinite}@keyframes grow_ca6a4e{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}