@vialiq/flux-ui 0.20.0 → 0.21.0

package/components/_tag.scss

@@ -1,52 +1,35 @@
 @use '../styles/variables' as tokens;
+@use '../styles/functions' as func;
 
 @layer components {
-  :host,
-  :root {
-    --vi-tag-height: 24px;
-    --vi-tag-padding-x: 10px;
-    --vi-tag-border-radius: 4px;
-    --vi-tag-font-size: var(--vi-font-size-xs, #{tokens.$font-size-xs});
-    --vi-tag-font-weight: var(--vi-font-weight-medium, #{tokens.$font-weight-medium});
-    --vi-tag-gap: 6px;
-    --vi-tag-remove-size: 16px;
-    --vi-tag-dot-size: 6px;
-    --vi-tag-avatar-size: 14px;
-    --vi-tag-icon-size: 14px;
-    --vi-tag-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
-    --vi-tag-disabled-opacity: 0.5;
-    --vi-tag-max-width: 100%;
-  }
-
   .tag {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
-    height: var(--vi-tag-height);
-    padding-inline: var(--vi-tag-padding-x);
-    border-radius: var(--vi-tag-border-radius);
+    height: var(--vi-tag-height, #{func.to-rem(22px)});
+    padding-inline: var(--vi-tag-padding-x, #{func.to-rem(7px)});
+    border-radius: var(--vi-tag-border-radius, #{func.to-rem(4px)});
     font-family: #{tokens.$font-family-base};
-    font-size: var(--vi-tag-font-size);
-    font-weight: var(--vi-tag-font-weight);
+    font-size: var(--vi-tag-font-size, var(--vi-font-size-xs, #{tokens.$font-size-xs}));
+    font-weight: var(--vi-tag-font-weight, var(--vi-font-weight-medium, #{tokens.$font-weight-medium}));
     line-height: 1;
-    gap: var(--vi-tag-gap);
-    transition: var(--vi-tag-transition);
+    gap: var(--vi-tag-gap, #{func.to-rem(6px)});
+    transition: var(--vi-tag-transition, all 150ms cubic-bezier(0.4, 0, 0.2, 1));
     user-select: none;
     border: #{tokens.$border-width-thin} solid transparent;
     cursor: default;
-    max-width: var(--vi-tag-max-width);
+    max-width: var(--vi-tag-max-width, 100%);
     vertical-align: middle;
     position: relative;
 
     // ── Pill shape modifier ──────────────────────────────────────────────────
     &.tag--pill {
-      border-radius: 9999px;
+      border-radius: #{tokens.$border-radius-full};
     }
 
-    // ── Removable padding adjustment ──────────────────────────────────────────
     &.tag--removable {
-      padding-inline-end: calc(var(--vi-tag-padding-x) - 4px);
+      padding-inline-end: calc(var(--vi-tag-padding-x, #{func.to-rem(7px)}) - 4px);
     }
 
     // ── Content wrapper & optical vertical alignment ─────────────────────────
@@ -54,7 +37,7 @@
       display: inline-flex;
       align-items: center;
       justify-content: center;
-      gap: var(--vi-tag-gap);
+      gap: var(--vi-tag-gap, #{func.to-rem(6px)});
       min-width: 0;
       flex: 1 1 auto;
       height: 100%;
@@ -84,8 +67,8 @@
     }
 
     .tag-avatar ::slotted(*) {
-      width: var(--vi-tag-avatar-size, calc(var(--vi-tag-height) - 10px));
-      height: var(--vi-tag-avatar-size, calc(var(--vi-tag-height) - 10px));
+      width: var(--vi-tag-avatar-size, calc(var(--vi-tag-height, #{func.to-rem(22px)}) - 10px));
+      height: var(--vi-tag-avatar-size, calc(var(--vi-tag-height, #{func.to-rem(22px)}) - 10px));
       border-radius: 50%;
       object-fit: cover;
       display: block;
@@ -94,8 +77,8 @@
     // ── Status Dot indicator ────────────────────────────────────────────────
     .tag-dot {
       display: inline-block;
-      width: var(--vi-tag-dot-size);
-      height: var(--vi-tag-dot-size);
+      width: var(--vi-tag-dot-size, #{func.to-rem(6px)});
+      height: var(--vi-tag-dot-size, #{func.to-rem(6px)});
       border-radius: 50%;
       background-color: currentColor;
       flex-shrink: 0;
@@ -107,11 +90,11 @@
       align-items: center;
       justify-content: center;
       padding-inline: 5px;
-      height: calc(var(--vi-tag-height) - 10px);
-      min-width: calc(var(--vi-tag-height) - 10px);
-      font-size: 10px;
+      height: calc(var(--vi-tag-height, #{func.to-rem(22px)}) - 10px);
+      min-width: calc(var(--vi-tag-height, #{func.to-rem(22px)}) - 10px);
+      font-size: #{func.to-rem(10px)};
       font-weight: #{tokens.$font-weight-semibold};
-      border-radius: 9999px;
+      border-radius: #{tokens.$border-radius-full};
       background-color: rgba(0, 0, 0, 0.08);
       color: inherit;
       line-height: 1;
@@ -375,41 +358,41 @@
     // SIZES
     // ────────────────────────────────────────────────────────────────────────
     &.size-xs {
-      --vi-tag-height: 18px;
-      --vi-tag-font-size: 10px;
-      --vi-tag-padding-x: 6px;
-      --vi-tag-gap: 4px;
-      --vi-tag-remove-size: 12px;
-      --vi-tag-dot-size: 4px;
-      --vi-tag-avatar-size: 10px;
-      --vi-tag-icon-size: 10px;
+      --vi-tag-height: #{func.to-rem(18px)};
+      --vi-tag-font-size: #{func.to-rem(10px)};
+      --vi-tag-padding-x: #{func.to-rem(6px)};
+      --vi-tag-gap: #{func.to-rem(4px)};
+      --vi-tag-remove-size: #{func.to-rem(12px)};
+      --vi-tag-dot-size: #{func.to-rem(4px)};
+      --vi-tag-avatar-size: #{func.to-rem(10px)};
+      --vi-tag-icon-size: #{func.to-rem(10px)};
     }
 
     &.size-sm {
-      --vi-tag-height: 20px;
-      --vi-tag-font-size: 11px;
-      --vi-tag-padding-x: 8px;
-      --vi-tag-gap: 5px;
-      --vi-tag-remove-size: 14px;
-      --vi-tag-dot-size: 5px;
-      --vi-tag-avatar-size: 12px;
-      --vi-tag-icon-size: 12px;
+      --vi-tag-height: #{func.to-rem(20px)};
+      --vi-tag-font-size: #{func.to-rem(11px)};
+      --vi-tag-padding-x: #{func.to-rem(8px)};
+      --vi-tag-gap: #{func.to-rem(5px)};
+      --vi-tag-remove-size: #{func.to-rem(14px)};
+      --vi-tag-dot-size: #{func.to-rem(5px)};
+      --vi-tag-avatar-size: #{func.to-rem(12px)};
+      --vi-tag-icon-size: #{func.to-rem(12px)};
     }
 
     &.size-lg {
-      --vi-tag-height: 28px;
-      --vi-tag-font-size: 13px;
-      --vi-tag-padding-x: 12px;
-      --vi-tag-gap: 8px;
-      --vi-tag-remove-size: 18px;
-      --vi-tag-dot-size: 7px;
-      --vi-tag-avatar-size: 18px;
-      --vi-tag-icon-size: 16px;
+      --vi-tag-height: #{func.to-rem(28px)};
+      --vi-tag-font-size: #{func.to-rem(13px)};
+      --vi-tag-padding-x: #{func.to-rem(12px)};
+      --vi-tag-gap: #{func.to-rem(8px)};
+      --vi-tag-remove-size: #{func.to-rem(18px)};
+      --vi-tag-dot-size: #{func.to-rem(7px)};
+      --vi-tag-avatar-size: #{func.to-rem(18px)};
+      --vi-tag-icon-size: #{func.to-rem(16px)};
     }
 
     // ── Disabled state ───────────────────────────────────────────────────────
     &.is-disabled {
-      opacity: var(--vi-tag-disabled-opacity);
+      opacity: var(--vi-tag-disabled-opacity, 0.5);
       pointer-events: none;
       cursor: not-allowed;
       box-shadow: none !important;
@@ -422,9 +405,9 @@
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: var(--vi-tag-remove-size);
-    height: var(--vi-tag-remove-size);
-    min-width: var(--vi-tag-remove-size);
+    width: var(--vi-tag-remove-size, #{func.to-rem(16px)});
+    height: var(--vi-tag-remove-size, #{func.to-rem(16px)});
+    min-width: var(--vi-tag-remove-size, #{func.to-rem(16px)});
     padding: 0;
     border-radius: 50%;
     margin-inline-start: 2px;
@@ -433,7 +416,7 @@
     background: transparent;
     border: none;
     color: inherit;
-    transition: var(--vi-tag-transition);
+    transition: var(--vi-tag-transition, all 150ms cubic-bezier(0.4, 0, 0.2, 1));
     flex-shrink: 0;
     line-height: 1;
 

package/components/_tooltip.scss

@@ -1,14 +1,16 @@
 @use '../styles/variables' as tokens;
 
-$vi-tooltip-background: var(--vi-tooltip-background, tokens.$layer-inverse);
-$vi-tooltip-color: var(--vi-tooltip-color, tokens.$text-primary-inverse);
-$vi-tooltip-font-size: var(--vi-tooltip-font-size, 12px);
-$vi-tooltip-border-radius: var(--vi-tooltip-border-radius, 4px);
-$vi-tooltip-padding: var(--vi-tooltip-padding, 6px 10px);
+$vi-tooltip-background: var(--vi-tooltip-background, #{tokens.$layer-inverse});
+$vi-tooltip-color: var(--vi-tooltip-color, #{tokens.$text-primary-inverse});
+$vi-tooltip-font-size: var(--vi-tooltip-font-size, #{tokens.$font-size-xs});
+$vi-tooltip-border-radius: var(--vi-tooltip-border-radius, #{tokens.$border-radius-sm});
+// Padding: 6px vertical is between $spacing-unit (4px) and $spacing-xs (8px); kept as-is for visual compactness
+$vi-tooltip-padding: var(--vi-tooltip-padding, #{tokens.$spacing-unit} #{tokens.$spacing-xs});
 $vi-tooltip-max-width: var(--vi-tooltip-max-width, 240px);
+// Arrow size 6px is not on the standard grid; kept explicit as it is a geometric value
 $vi-tooltip-arrow-size: var(--vi-tooltip-arrow-size, 6px);
-$vi-tooltip-z-index: var(--vi-tooltip-z-index, tokens.$tooltip-z-index);
-$vi-tooltip-shadow: var(--vi-tooltip-shadow, tokens.$shadow-md);
+$vi-tooltip-z-index: var(--vi-tooltip-z-index, #{tokens.$tooltip-z-index});
+$vi-tooltip-shadow: var(--vi-tooltip-shadow, #{tokens.$shadow-md});
 
 .tooltip-panel {
   position: fixed;
@@ -22,7 +24,7 @@ $vi-tooltip-shadow: var(--vi-tooltip-shadow, tokens.$shadow-md);
   background: transparent;
   padding: 0;
   overflow: visible;
-  font-family: tokens.$font-family-base;
+  font-family: var(--vi-tooltip-font-family, #{tokens.$font-family-base});
 
   &[popover]:popover-open {
     display: block;

package/flux-ui.css

@@ -1 +1 @@
-@layer reset, components, utilities;:root{--vi-color-grey-100: strip-units(var(--vi-color-grey-100, #f5f5f5));--vi-color-grey-200: strip-units(var(--vi-color-grey-200, #eeeeee));--vi-color-grey-300: strip-units(var(--vi-color-grey-300, #e0e0e0));--vi-color-grey-400: strip-units(var(--vi-color-grey-400, #bdbdbd));--vi-color-grey-500: strip-units(var(--vi-color-grey-500, #9e9e9e));--vi-color-grey-600: strip-units(var(--vi-color-grey-600, #757575));--vi-color-grey-700: strip-units(var(--vi-color-grey-700, #616161));--vi-color-grey-800: strip-units(var(--vi-color-grey-800, #424242));--vi-color-grey-900: strip-units(var(--vi-color-grey-900, #212121));--vi-color-red-100: strip-units(var(--vi-color-red-100, #ffccce));--vi-color-red-200: strip-units(var(--vi-color-red-200, #f69892));--vi-color-red-300: strip-units(var(--vi-color-red-300, #ee6f68));--vi-color-red-400: strip-units(var(--vi-color-red-400, #f74d40));--vi-color-red-500: strip-units(var(--vi-color-red-500, #fb3c1e));--vi-color-red-600: strip-units(var(--vi-color-red-600, #ed3020));--vi-color-red-700: strip-units(var(--vi-color-red-700, #db231b));--vi-color-red-800: strip-units(var(--vi-color-red-800, #ce1a12));--vi-color-red-900: strip-units(var(--vi-color-red-900, #c00000));--vi-color-yellow-100: strip-units(var(--vi-color-yellow-100, #ffeab1));--vi-color-yellow-200: strip-units(var(--vi-color-yellow-200, #ffde85));--vi-color-yellow-300: strip-units(var(--vi-color-yellow-300, #ffd359));--vi-color-yellow-400: strip-units(var(--vi-color-yellow-400, #ffc72e));--vi-color-yellow-500: strip-units(var(--vi-color-yellow-500, #ffba00));--vi-color-yellow-600: strip-units(var(--vi-color-yellow-600, #ffa900));--vi-color-yellow-700: strip-units(var(--vi-color-yellow-700, #ff9900));--vi-color-yellow-800: strip-units(var(--vi-color-yellow-800, #e68300));--vi-color-yellow-900: strip-units(var(--vi-color-yellow-900, #cc6d00));--vi-color-green-100: strip-units(var(--vi-color-green-100, #e6f0eb));--vi-color-green-200: strip-units(var(--vi-color-green-200, #c0dbcd));--vi-color-green-300: strip-units(var(--vi-color-green-300, #96c4ab));--vi-color-green-400: strip-units(var(--vi-color-green-400, #6eab88));--vi-color-green-500: strip-units(var(--vi-color-green-500, #489167));--vi-color-green-600: strip-units(var(--vi-color-green-600, #367551));--vi-color-green-700: strip-units(var(--vi-color-green-700, #265a3d));--vi-color-green-800: strip-units(var(--vi-color-green-800, #17402a));--vi-color-green-900: strip-units(var(--vi-color-green-900, #0a2618));--vi-color-blue-100: strip-units(var(--vi-color-blue-100, #ebf5ff));--vi-color-blue-200: strip-units(var(--vi-color-blue-200, #cee6ff));--vi-color-blue-300: strip-units(var(--vi-color-blue-300, #a3d1fa));--vi-color-blue-400: strip-units(var(--vi-color-blue-400, #74b6f4));--vi-color-blue-500: strip-units(var(--vi-color-blue-500, #3f96f1));--vi-color-blue-600: strip-units(var(--vi-color-blue-600, #3b86de));--vi-color-blue-700: strip-units(var(--vi-color-blue-700, #3676d0));--vi-color-blue-800: strip-units(var(--vi-color-blue-800, #2d5fa8));--vi-color-blue-900: strip-units(var(--vi-color-blue-900, #254882));--vi-color-purple-100: strip-units(var(--vi-color-purple-100, #f0e5f9));--vi-color-purple-200: strip-units(var(--vi-color-purple-200, #dbbdf2));--vi-color-purple-300: strip-units(var(--vi-color-purple-300, #c18eeb));--vi-color-purple-400: strip-units(var(--vi-color-purple-400, #a454e2));--vi-color-purple-500: strip-units(var(--vi-color-purple-500, #7609d0));--vi-color-purple-600: strip-units(var(--vi-color-purple-600, #6507c9));--vi-color-purple-700: strip-units(var(--vi-color-purple-700, #5505c2));--vi-color-purple-800: strip-units(var(--vi-color-purple-800, #4403bb));--vi-color-purple-900: strip-units(var(--vi-color-purple-900, #3400b4));--vi-color-primary: strip-units(var(--vi-color-primary, #3676d0));--vi-color-secondary: strip-units(var(--vi-color-secondary, #f0f4f8));--vi-color-success: strip-units(var(--vi-color-success, #489167));--vi-color-warning: strip-units(var(--vi-color-warning, #ffba00));--vi-color-error: strip-units(var(--vi-color-error, #ef4444));--vi-color-info: strip-units(var(--vi-color-info, #3676d0));--vi-color-background: strip-units(var(--vi-color-background, #ffffff));--vi-color-foreground: strip-units(var(--vi-color-foreground, #111827));--vi-color-border: strip-units(var(--vi-color-border, #e5e7eb));--vi-spacing-xs: strip-units(var(--vi-spacing-xs, 8px));--vi-spacing-sm: strip-units(var(--vi-spacing-sm, 16px));--vi-spacing-md: strip-units(var(--vi-spacing-md, 24px));--vi-spacing-lg: strip-units(var(--vi-spacing-lg, 32px));--vi-spacing-xl: strip-units(var(--vi-spacing-xl, 40px));--vi-spacing-2xl: strip-units(var(--vi-spacing-2xl, 48px));--vi-spacing-3xl: strip-units(var(--vi-spacing-3xl, 56px));--vi-font-family-base: strip-units(var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));--vi-font-family-mono: strip-units(var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));--vi-font-size-xs: strip-units(var(--vi-font-size-xs, 12px));--vi-font-size-sm: strip-units(var(--vi-font-size-sm, 14px));--vi-font-size-base: strip-units(var(--vi-font-size-base, 16px));--vi-font-size-lg: strip-units(var(--vi-font-size-lg, 18px));--vi-font-size-xl: strip-units(var(--vi-font-size-xl, 20px));--vi-font-size-2xl: strip-units(var(--vi-font-size-2xl, 24px));--vi-font-size-3xl: strip-units(var(--vi-font-size-3xl, 30px));--vi-font-weight-light: strip-units(var(--vi-font-weight-light, 300));--vi-font-weight-normal: strip-units(var(--vi-font-weight-normal, 400));--vi-font-weight-medium: strip-units(var(--vi-font-weight-medium, 500));--vi-font-weight-semibold: strip-units(var(--vi-font-weight-semibold, 600));--vi-font-weight-bold: strip-units(var(--vi-font-weight-bold, 700));--vi-line-height-tight: strip-units(var(--vi-line-height-tight, 1.2));--vi-line-height-normal: strip-units(var(--vi-line-height-normal, 1.5));--vi-line-height-relaxed: strip-units(var(--vi-line-height-relaxed, 1.75));--vi-letter-spacing-tight: strip-units(var(--vi-letter-spacing-tight, -0.01em));--vi-letter-spacing-normal: strip-units(var(--vi-letter-spacing-normal, 0em));--vi-letter-spacing-wide: strip-units(var(--vi-letter-spacing-wide, 0.025em));--vi-letter-spacing-wider: strip-units(var(--vi-letter-spacing-wider, 0.05em));--vi-letter-spacing-widest: strip-units(var(--vi-letter-spacing-widest, 0.1em));--vi-shadow-sm: strip-units(var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)));--vi-shadow-md: strip-units(var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)));--vi-shadow-lg: strip-units(var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)));--vi-shadow-xl: strip-units(var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1)));--vi-border-radius-sm: strip-units(var(--vi-border-radius-sm, 2px));--vi-border-radius-md: strip-units(var(--vi-border-radius-md, 4px));--vi-border-radius-lg: strip-units(var(--vi-border-radius-lg, 8px));--vi-border-radius-xl: strip-units(var(--vi-border-radius-xl, 12px));--vi-border-width-thin: strip-units(var(--vi-border-width-thin, 1px));--vi-border-width-base: strip-units(var(--vi-border-width-base, 2px));--vi-border-width-thick: strip-units(var(--vi-border-width-thick, 3px))}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vi-font-size-base, 16px);line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-color-foreground, #111827);background-color:var(--vi-color-background, #ffffff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6,ul,ol,dl{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}code,pre,samp{font-family:var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace);font-size:1em}pre{margin:0;overflow:auto}button,input,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15}button,input[type=button],input[type=reset],input[type=submit]{background:rgba(0,0,0,0);border:0;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}input[type=checkbox]{padding:0;-webkit-appearance:checkbox}input[type=radio]{padding:0;-webkit-appearance:radio}textarea{overflow:auto;resize:vertical}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img,svg{max-width:100%;height:auto;display:block}img{border:0;vertical-align:middle}iframe,video{max-width:100%}[hidden]{display:none}hr{margin:0;border:0;border-top:1px solid var(--vi-color-border, #e5e7eb)}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-container{max-width:1200px;margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}}.vi-overline,.vi-caption,.vi-label-sm,.vi-label-md,.vi-body-sm,.vi-body-md,.vi-body-lg,.vi-heading-sm,.vi-heading-md,.vi-heading-lg,.vi-heading-xl,.vi-display-md,.vi-display-lg,td,th,blockquote,pre,code,kbd,samp,figcaption,small,label,p,h6,h5,h4,h3,h2,h1{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@layer components{body{font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));font-size:var(--vi-body-md-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--vi-heading-h1-size, var(--vi-font-size-3xl, 30px));font-weight:var(--vi-heading-h1-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h1-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h1-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h1-color, var(--vi-color-foreground, #111827))}h2{font-size:var(--vi-heading-h2-size, var(--vi-font-size-2xl, 24px));font-weight:var(--vi-heading-h2-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h2-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h2-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h2-color, var(--vi-color-foreground, #111827))}h3{font-size:var(--vi-heading-h3-size, var(--vi-font-size-xl, 20px));font-weight:var(--vi-heading-h3-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h3-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h3-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h3-color, var(--vi-color-foreground, #111827))}h4{font-size:var(--vi-heading-h4-size, var(--vi-font-size-lg, 18px));font-weight:var(--vi-heading-h4-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h4-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h4-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h4-color, var(--vi-color-foreground, #111827))}h5{font-size:var(--vi-heading-h5-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-heading-h5-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h5-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h5-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h5-color, var(--vi-color-foreground, #111827))}h6{font-size:var(--vi-heading-h6-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-heading-h6-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h6-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h6-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h6-color, var(--vi-color-grey-700, #616161))}p{font-size:var(--vi-body-md-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827))}label{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}small{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}strong,b{font-weight:var(--vi-font-weight-semibold, 600)}em,i{font-style:italic}figcaption{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}code,kbd,samp{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-code-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-code-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-code-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}pre{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 14px));line-height:var(--vi-code-leading, var(--vi-line-height-relaxed, 1.75));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}blockquote{font-size:var(--vi-body-lg-size, var(--vi-font-size-lg, 18px));font-weight:var(--vi-body-lg-weight, var(--vi-font-weight-light, 300));line-height:var(--vi-body-lg-leading, var(--vi-line-height-relaxed, 1.75));letter-spacing:var(--vi-body-lg-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-lg-color, var(--vi-color-grey-700, #616161));font-style:italic;padding:0}th{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}td{font-size:var(--vi-body-sm-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-body-sm-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-sm-leading, var(--vi-line-height-normal, 1.5));color:var(--vi-body-sm-color, var(--vi-color-grey-600, #757575))}}@layer utilities{.vi-display-lg{font-size:var(--vi-display-lg-size, var(--vi-font-size-3xl, 30px));font-weight:var(--vi-display-lg-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-display-lg-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-display-lg-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-display-lg-color, var(--vi-color-foreground, #111827))}.vi-display-md{font-size:var(--vi-display-md-size, var(--vi-font-size-2xl, 24px));font-weight:var(--vi-display-md-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-display-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-display-md-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-display-md-color, var(--vi-color-foreground, #111827))}.vi-heading-xl{font-size:var(--vi-heading-h2-size, var(--vi-font-size-2xl, 24px));font-weight:var(--vi-heading-h2-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h2-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h2-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h2-color, var(--vi-color-foreground, #111827))}.vi-heading-lg{font-size:var(--vi-heading-h3-size, var(--vi-font-size-xl, 20px));font-weight:var(--vi-heading-h3-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h3-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h3-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h3-color, var(--vi-color-foreground, #111827))}.vi-heading-md{font-size:var(--vi-heading-h5-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-heading-h5-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h5-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h5-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h5-color, var(--vi-color-foreground, #111827))}.vi-heading-sm{font-size:var(--vi-heading-h6-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-heading-h6-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h6-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h6-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h6-color, var(--vi-color-grey-700, #616161))}.vi-body-lg{font-size:var(--vi-body-lg-size, var(--vi-font-size-lg, 18px));font-weight:var(--vi-body-lg-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-lg-leading, var(--vi-line-height-relaxed, 1.75));letter-spacing:var(--vi-body-lg-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-lg-color, var(--vi-color-foreground, #111827))}.vi-body-md{font-size:var(--vi-body-md-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827))}.vi-body-sm{font-size:var(--vi-body-sm-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-body-sm-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-sm-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-sm-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-sm-color, var(--vi-color-grey-600, #757575))}.vi-label-md{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}.vi-label-sm{font-size:var(--vi-label-sm-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-label-sm-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-sm-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-sm-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-sm-color, var(--vi-color-foreground, #111827))}.vi-caption{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}.vi-overline{font-size:var(--vi-overline-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-overline-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-overline-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-overline-tracking, var(--vi-letter-spacing-widest, 0.1em));text-transform:uppercase;color:var(--vi-overline-color, var(--vi-color-grey-600, #757575))}.vi-code{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-code-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-code-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-code-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}.vi-text-muted{color:var(--vi-color-grey-500, #9e9e9e)}.vi-text-subtle{color:var(--vi-color-grey-600, #757575)}.vi-text-strong{font-weight:var(--vi-font-weight-semibold, 600)}.vi-text-bold{font-weight:var(--vi-font-weight-bold, 700)}.vi-text-italic{font-style:italic}.vi-text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vi-text-balance{text-wrap:balance}.vi-tracking-tight{letter-spacing:var(--vi-letter-spacing-tight, -0.01em)}.vi-tracking-normal{letter-spacing:var(--vi-letter-spacing-normal, 0em)}.vi-tracking-wide{letter-spacing:var(--vi-letter-spacing-wide, 0.025em)}.vi-tracking-wider{letter-spacing:var(--vi-letter-spacing-wider, 0.05em)}.vi-tracking-widest{letter-spacing:var(--vi-letter-spacing-widest, 0.1em)}}@layer utilities{.m-xs{margin:var(--vi-spacing-xs, 8px)}.mx-xs{margin-left:var(--vi-spacing-xs, 8px);margin-right:var(--vi-spacing-xs, 8px)}.my-xs{margin-top:var(--vi-spacing-xs, 8px);margin-bottom:var(--vi-spacing-xs, 8px)}.mt-xs{margin-top:var(--vi-spacing-xs, 8px)}.mr-xs{margin-right:var(--vi-spacing-xs, 8px)}.mb-xs{margin-bottom:var(--vi-spacing-xs, 8px)}.ml-xs{margin-left:var(--vi-spacing-xs, 8px)}.m-sm{margin:var(--vi-spacing-sm, 16px)}.mx-sm{margin-left:var(--vi-spacing-sm, 16px);margin-right:var(--vi-spacing-sm, 16px)}.my-sm{margin-top:var(--vi-spacing-sm, 16px);margin-bottom:var(--vi-spacing-sm, 16px)}.mt-sm{margin-top:var(--vi-spacing-sm, 16px)}.mr-sm{margin-right:var(--vi-spacing-sm, 16px)}.mb-sm{margin-bottom:var(--vi-spacing-sm, 16px)}.ml-sm{margin-left:var(--vi-spacing-sm, 16px)}.m-md{margin:var(--vi-spacing-md, 24px)}.mx-md{margin-left:var(--vi-spacing-md, 24px);margin-right:var(--vi-spacing-md, 24px)}.my-md{margin-top:var(--vi-spacing-md, 24px);margin-bottom:var(--vi-spacing-md, 24px)}.mt-md{margin-top:var(--vi-spacing-md, 24px)}.mr-md{margin-right:var(--vi-spacing-md, 24px)}.mb-md{margin-bottom:var(--vi-spacing-md, 24px)}.ml-md{margin-left:var(--vi-spacing-md, 24px)}.m-lg{margin:var(--vi-spacing-lg, 32px)}.mx-lg{margin-left:var(--vi-spacing-lg, 32px);margin-right:var(--vi-spacing-lg, 32px)}.my-lg{margin-top:var(--vi-spacing-lg, 32px);margin-bottom:var(--vi-spacing-lg, 32px)}.mt-lg{margin-top:var(--vi-spacing-lg, 32px)}.mr-lg{margin-right:var(--vi-spacing-lg, 32px)}.mb-lg{margin-bottom:var(--vi-spacing-lg, 32px)}.ml-lg{margin-left:var(--vi-spacing-lg, 32px)}.m-xl{margin:var(--vi-spacing-xl, 40px)}.mx-xl{margin-left:var(--vi-spacing-xl, 40px);margin-right:var(--vi-spacing-xl, 40px)}.my-xl{margin-top:var(--vi-spacing-xl, 40px);margin-bottom:var(--vi-spacing-xl, 40px)}.mt-xl{margin-top:var(--vi-spacing-xl, 40px)}.mr-xl{margin-right:var(--vi-spacing-xl, 40px)}.mb-xl{margin-bottom:var(--vi-spacing-xl, 40px)}.ml-xl{margin-left:var(--vi-spacing-xl, 40px)}.m-2xl{margin:var(--vi-spacing-2xl, 48px)}.mx-2xl{margin-left:var(--vi-spacing-2xl, 48px);margin-right:var(--vi-spacing-2xl, 48px)}.my-2xl{margin-top:var(--vi-spacing-2xl, 48px);margin-bottom:var(--vi-spacing-2xl, 48px)}.mt-2xl{margin-top:var(--vi-spacing-2xl, 48px)}.mr-2xl{margin-right:var(--vi-spacing-2xl, 48px)}.mb-2xl{margin-bottom:var(--vi-spacing-2xl, 48px)}.ml-2xl{margin-left:var(--vi-spacing-2xl, 48px)}.m-3xl{margin:var(--vi-spacing-3xl, 56px)}.mx-3xl{margin-left:var(--vi-spacing-3xl, 56px);margin-right:var(--vi-spacing-3xl, 56px)}.my-3xl{margin-top:var(--vi-spacing-3xl, 56px);margin-bottom:var(--vi-spacing-3xl, 56px)}.mt-3xl{margin-top:var(--vi-spacing-3xl, 56px)}.mr-3xl{margin-right:var(--vi-spacing-3xl, 56px)}.mb-3xl{margin-bottom:var(--vi-spacing-3xl, 56px)}.ml-3xl{margin-left:var(--vi-spacing-3xl, 56px)}.p-xs{padding:var(--vi-spacing-xs, 8px)}.px-xs{padding-left:var(--vi-spacing-xs, 8px);padding-right:var(--vi-spacing-xs, 8px)}.py-xs{padding-top:var(--vi-spacing-xs, 8px);padding-bottom:var(--vi-spacing-xs, 8px)}.pt-xs{padding-top:var(--vi-spacing-xs, 8px)}.pr-xs{padding-right:var(--vi-spacing-xs, 8px)}.pb-xs{padding-bottom:var(--vi-spacing-xs, 8px)}.pl-xs{padding-left:var(--vi-spacing-xs, 8px)}.p-sm{padding:var(--vi-spacing-sm, 16px)}.px-sm{padding-left:var(--vi-spacing-sm, 16px);padding-right:var(--vi-spacing-sm, 16px)}.py-sm{padding-top:var(--vi-spacing-sm, 16px);padding-bottom:var(--vi-spacing-sm, 16px)}.pt-sm{padding-top:var(--vi-spacing-sm, 16px)}.pr-sm{padding-right:var(--vi-spacing-sm, 16px)}.pb-sm{padding-bottom:var(--vi-spacing-sm, 16px)}.pl-sm{padding-left:var(--vi-spacing-sm, 16px)}.p-md{padding:var(--vi-spacing-md, 24px)}.px-md{padding-left:var(--vi-spacing-md, 24px);padding-right:var(--vi-spacing-md, 24px)}.py-md{padding-top:var(--vi-spacing-md, 24px);padding-bottom:var(--vi-spacing-md, 24px)}.pt-md{padding-top:var(--vi-spacing-md, 24px)}.pr-md{padding-right:var(--vi-spacing-md, 24px)}.pb-md{padding-bottom:var(--vi-spacing-md, 24px)}.pl-md{padding-left:var(--vi-spacing-md, 24px)}.p-lg{padding:var(--vi-spacing-lg, 32px)}.px-lg{padding-left:var(--vi-spacing-lg, 32px);padding-right:var(--vi-spacing-lg, 32px)}.py-lg{padding-top:var(--vi-spacing-lg, 32px);padding-bottom:var(--vi-spacing-lg, 32px)}.pt-lg{padding-top:var(--vi-spacing-lg, 32px)}.pr-lg{padding-right:var(--vi-spacing-lg, 32px)}.pb-lg{padding-bottom:var(--vi-spacing-lg, 32px)}.pl-lg{padding-left:var(--vi-spacing-lg, 32px)}.p-xl{padding:var(--vi-spacing-xl, 40px)}.px-xl{padding-left:var(--vi-spacing-xl, 40px);padding-right:var(--vi-spacing-xl, 40px)}.py-xl{padding-top:var(--vi-spacing-xl, 40px);padding-bottom:var(--vi-spacing-xl, 40px)}.pt-xl{padding-top:var(--vi-spacing-xl, 40px)}.pr-xl{padding-right:var(--vi-spacing-xl, 40px)}.pb-xl{padding-bottom:var(--vi-spacing-xl, 40px)}.pl-xl{padding-left:var(--vi-spacing-xl, 40px)}.p-2xl{padding:var(--vi-spacing-2xl, 48px)}.px-2xl{padding-left:var(--vi-spacing-2xl, 48px);padding-right:var(--vi-spacing-2xl, 48px)}.py-2xl{padding-top:var(--vi-spacing-2xl, 48px);padding-bottom:var(--vi-spacing-2xl, 48px)}.pt-2xl{padding-top:var(--vi-spacing-2xl, 48px)}.pr-2xl{padding-right:var(--vi-spacing-2xl, 48px)}.pb-2xl{padding-bottom:var(--vi-spacing-2xl, 48px)}.pl-2xl{padding-left:var(--vi-spacing-2xl, 48px)}.p-3xl{padding:var(--vi-spacing-3xl, 56px)}.px-3xl{padding-left:var(--vi-spacing-3xl, 56px);padding-right:var(--vi-spacing-3xl, 56px)}.py-3xl{padding-top:var(--vi-spacing-3xl, 56px);padding-bottom:var(--vi-spacing-3xl, 56px)}.pt-3xl{padding-top:var(--vi-spacing-3xl, 56px)}.pr-3xl{padding-right:var(--vi-spacing-3xl, 56px)}.pb-3xl{padding-bottom:var(--vi-spacing-3xl, 56px)}.pl-3xl{padding-left:var(--vi-spacing-3xl, 56px)}.text-xs{font-size:var(--vi-font-size-xs, 12px)}.text-sm{font-size:var(--vi-font-size-sm, 14px)}.text-base{font-size:var(--vi-font-size-base, 16px)}.text-lg{font-size:var(--vi-font-size-lg, 18px)}.text-xl{font-size:var(--vi-font-size-xl, 20px)}.text-2xl{font-size:var(--vi-font-size-2xl, 24px)}.text-3xl{font-size:var(--vi-font-size-3xl, 30px)}.font-light{font-weight:var(--vi-font-weight-light, 300)}.font-normal{font-weight:var(--vi-font-weight-normal, 400)}.font-medium{font-weight:var(--vi-font-weight-medium, 500)}.font-semibold{font-weight:var(--vi-font-weight-semibold, 600)}.font-bold{font-weight:var(--vi-font-weight-bold, 700)}.leading-tight{line-height:var(--vi-line-height-tight, 1.2)}.leading-normal{line-height:var(--vi-line-height-normal, 1.5)}.leading-relaxed{line-height:var(--vi-line-height-relaxed, 1.75)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--vi-color-primary, #3676d0)}.bg-primary{background-color:var(--vi-color-primary, #3676d0)}.border-primary{border-color:var(--vi-color-primary, #3676d0)}.text-secondary{color:var(--vi-color-secondary, #f0f4f8)}.bg-secondary{background-color:var(--vi-color-secondary, #f0f4f8)}.border-secondary{border-color:var(--vi-color-secondary, #f0f4f8)}.text-success{color:var(--vi-color-success, #489167)}.bg-success{background-color:var(--vi-color-success, #489167)}.border-success{border-color:var(--vi-color-success, #489167)}.text-warning{color:var(--vi-color-warning, #ffba00)}.bg-warning{background-color:var(--vi-color-warning, #ffba00)}.border-warning{border-color:var(--vi-color-warning, #ffba00)}.text-error{color:var(--vi-color-error, #ef4444)}.bg-error{background-color:var(--vi-color-error, #ef4444)}.border-error{border-color:var(--vi-color-error, #ef4444)}.text-info{color:var(--vi-color-info, #3676d0)}.bg-info{background-color:var(--vi-color-info, #3676d0)}.border-info{border-color:var(--vi-color-info, #3676d0)}.text-grey-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-grey-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.text-grey-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-grey-200{background-color:var(--vi-color-grey-200, #eeeeee)}.text-grey-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-grey-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.text-grey-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-grey-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.text-grey-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-grey-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.text-grey-600{color:var(--vi-color-grey-600, #757575)}.bg-grey-600{background-color:var(--vi-color-grey-600, #757575)}.text-grey-700{color:var(--vi-color-grey-700, #616161)}.bg-grey-700{background-color:var(--vi-color-grey-700, #616161)}.text-grey-800{color:var(--vi-color-grey-800, #424242)}.bg-grey-800{background-color:var(--vi-color-grey-800, #424242)}.text-grey-900{color:var(--vi-color-grey-900, #212121)}.bg-grey-900{background-color:var(--vi-color-grey-900, #212121)}.text-red-100{color:var(--vi-color-red-100, #ffccce)}.bg-red-100{background-color:var(--vi-color-red-100, #ffccce)}.text-red-200{color:var(--vi-color-red-200, #f69892)}.bg-red-200{background-color:var(--vi-color-red-200, #f69892)}.text-red-300{color:var(--vi-color-red-300, #ee6f68)}.bg-red-300{background-color:var(--vi-color-red-300, #ee6f68)}.text-red-400{color:var(--vi-color-red-400, #f74d40)}.bg-red-400{background-color:var(--vi-color-red-400, #f74d40)}.text-red-500{color:var(--vi-color-red-500, #fb3c1e)}.bg-red-500{background-color:var(--vi-color-red-500, #fb3c1e)}.text-red-600{color:var(--vi-color-red-600, #ed3020)}.bg-red-600{background-color:var(--vi-color-red-600, #ed3020)}.text-red-700{color:var(--vi-color-red-700, #db231b)}.bg-red-700{background-color:var(--vi-color-red-700, #db231b)}.text-red-800{color:var(--vi-color-red-800, #ce1a12)}.bg-red-800{background-color:var(--vi-color-red-800, #ce1a12)}.text-red-900{color:var(--vi-color-red-900, #c00000)}.bg-red-900{background-color:var(--vi-color-red-900, #c00000)}.text-yellow-100{color:var(--vi-color-yellow-100, #ffeab1)}.bg-yellow-100{background-color:var(--vi-color-yellow-100, #ffeab1)}.text-yellow-200{color:var(--vi-color-yellow-200, #ffde85)}.bg-yellow-200{background-color:var(--vi-color-yellow-200, #ffde85)}.text-yellow-300{color:var(--vi-color-yellow-300, #ffd359)}.bg-yellow-300{background-color:var(--vi-color-yellow-300, #ffd359)}.text-yellow-400{color:var(--vi-color-yellow-400, #ffc72e)}.bg-yellow-400{background-color:var(--vi-color-yellow-400, #ffc72e)}.text-yellow-500{color:var(--vi-color-yellow-500, #ffba00)}.bg-yellow-500{background-color:var(--vi-color-yellow-500, #ffba00)}.text-yellow-600{color:var(--vi-color-yellow-600, #ffa900)}.bg-yellow-600{background-color:var(--vi-color-yellow-600, #ffa900)}.text-yellow-700{color:var(--vi-color-yellow-700, #ff9900)}.bg-yellow-700{background-color:var(--vi-color-yellow-700, #ff9900)}.text-yellow-800{color:var(--vi-color-yellow-800, #e68300)}.bg-yellow-800{background-color:var(--vi-color-yellow-800, #e68300)}.text-yellow-900{color:var(--vi-color-yellow-900, #cc6d00)}.bg-yellow-900{background-color:var(--vi-color-yellow-900, #cc6d00)}.text-green-100{color:var(--vi-color-green-100, #e6f0eb)}.bg-green-100{background-color:var(--vi-color-green-100, #e6f0eb)}.text-green-200{color:var(--vi-color-green-200, #c0dbcd)}.bg-green-200{background-color:var(--vi-color-green-200, #c0dbcd)}.text-green-300{color:var(--vi-color-green-300, #96c4ab)}.bg-green-300{background-color:var(--vi-color-green-300, #96c4ab)}.text-green-400{color:var(--vi-color-green-400, #6eab88)}.bg-green-400{background-color:var(--vi-color-green-400, #6eab88)}.text-green-500{color:var(--vi-color-green-500, #489167)}.bg-green-500{background-color:var(--vi-color-green-500, #489167)}.text-green-600{color:var(--vi-color-green-600, #367551)}.bg-green-600{background-color:var(--vi-color-green-600, #367551)}.text-green-700{color:var(--vi-color-green-700, #265a3d)}.bg-green-700{background-color:var(--vi-color-green-700, #265a3d)}.text-green-800{color:var(--vi-color-green-800, #17402a)}.bg-green-800{background-color:var(--vi-color-green-800, #17402a)}.text-green-900{color:var(--vi-color-green-900, #0a2618)}.bg-green-900{background-color:var(--vi-color-green-900, #0a2618)}.text-blue-100{color:var(--vi-color-blue-100, #ebf5ff)}.bg-blue-100{background-color:var(--vi-color-blue-100, #ebf5ff)}.text-blue-200{color:var(--vi-color-blue-200, #cee6ff)}.bg-blue-200{background-color:var(--vi-color-blue-200, #cee6ff)}.text-blue-300{color:var(--vi-color-blue-300, #a3d1fa)}.bg-blue-300{background-color:var(--vi-color-blue-300, #a3d1fa)}.text-blue-400{color:var(--vi-color-blue-400, #74b6f4)}.bg-blue-400{background-color:var(--vi-color-blue-400, #74b6f4)}.text-blue-500{color:var(--vi-color-blue-500, #3f96f1)}.bg-blue-500{background-color:var(--vi-color-blue-500, #3f96f1)}.text-blue-600{color:var(--vi-color-blue-600, #3b86de)}.bg-blue-600{background-color:var(--vi-color-blue-600, #3b86de)}.text-blue-700{color:var(--vi-color-blue-700, #3676d0)}.bg-blue-700{background-color:var(--vi-color-blue-700, #3676d0)}.text-blue-800{color:var(--vi-color-blue-800, #2d5fa8)}.bg-blue-800{background-color:var(--vi-color-blue-800, #2d5fa8)}.text-blue-900{color:var(--vi-color-blue-900, #254882)}.bg-blue-900{background-color:var(--vi-color-blue-900, #254882)}.text-purple-100{color:var(--vi-color-purple-100, #f0e5f9)}.bg-purple-100{background-color:var(--vi-color-purple-100, #f0e5f9)}.text-purple-200{color:var(--vi-color-purple-200, #dbbdf2)}.bg-purple-200{background-color:var(--vi-color-purple-200, #dbbdf2)}.text-purple-300{color:var(--vi-color-purple-300, #c18eeb)}.bg-purple-300{background-color:var(--vi-color-purple-300, #c18eeb)}.text-purple-400{color:var(--vi-color-purple-400, #a454e2)}.bg-purple-400{background-color:var(--vi-color-purple-400, #a454e2)}.text-purple-500{color:var(--vi-color-purple-500, #7609d0)}.bg-purple-500{background-color:var(--vi-color-purple-500, #7609d0)}.text-purple-600{color:var(--vi-color-purple-600, #6507c9)}.bg-purple-600{background-color:var(--vi-color-purple-600, #6507c9)}.text-purple-700{color:var(--vi-color-purple-700, #5505c2)}.bg-purple-700{background-color:var(--vi-color-purple-700, #5505c2)}.text-purple-800{color:var(--vi-color-purple-800, #4403bb)}.bg-purple-800{background-color:var(--vi-color-purple-800, #4403bb)}.text-purple-900{color:var(--vi-color-purple-900, #3400b4)}.bg-purple-900{background-color:var(--vi-color-purple-900, #3400b4)}.text-neutral-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-neutral-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.border-neutral-100{border-color:var(--vi-color-grey-100, #f5f5f5)}.text-neutral-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-neutral-200{background-color:var(--vi-color-grey-200, #eeeeee)}.border-neutral-200{border-color:var(--vi-color-grey-200, #eeeeee)}.text-neutral-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-neutral-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.border-neutral-300{border-color:var(--vi-color-grey-300, #e0e0e0)}.text-neutral-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-neutral-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.border-neutral-400{border-color:var(--vi-color-grey-400, #bdbdbd)}.text-neutral-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-neutral-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.border-neutral-500{border-color:var(--vi-color-grey-500, #9e9e9e)}.text-neutral-600{color:var(--vi-color-grey-600, #757575)}.bg-neutral-600{background-color:var(--vi-color-grey-600, #757575)}.border-neutral-600{border-color:var(--vi-color-grey-600, #757575)}.text-neutral-700{color:var(--vi-color-grey-700, #616161)}.bg-neutral-700{background-color:var(--vi-color-grey-700, #616161)}.border-neutral-700{border-color:var(--vi-color-grey-700, #616161)}.text-neutral-800{color:var(--vi-color-grey-800, #424242)}.bg-neutral-800{background-color:var(--vi-color-grey-800, #424242)}.border-neutral-800{border-color:var(--vi-color-grey-800, #424242)}.text-neutral-900{color:var(--vi-color-grey-900, #212121)}.bg-neutral-900{background-color:var(--vi-color-grey-900, #212121)}.border-neutral-900{border-color:var(--vi-color-grey-900, #212121)}.shadow-sm{box-shadow:var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.shadow-md{box-shadow:var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))}.shadow-lg{box-shadow:var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1))}.shadow-xl{box-shadow:var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1))}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--vi-border-radius-sm, 2px)}.rounded-md{border-radius:var(--vi-border-radius-md, 4px)}.rounded-lg{border-radius:var(--vi-border-radius-lg, 8px)}.rounded-xl{border-radius:var(--vi-border-radius-xl, 12px)}.rounded-full{border-radius:9999px}.border-thin{border-width:var(--vi-border-width-thin, 1px);border-style:solid}.border-base{border-width:var(--vi-border-width-base, 2px);border-style:solid}.border-thick{border-width:var(--vi-border-width-thick, 3px);border-style:solid}.z-hide{z-index:-1}.z-auto{z-index:auto}.z-base{z-index:0}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-backdrop{z-index:1040}.z-modal{z-index:1050}.z-popover{z-index:1060}.z-tooltip{z-index:1070}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-x-xs{column-gap:var(--vi-spacing-xs, 8px)}.gap-y-xs{row-gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-x-sm{column-gap:var(--vi-spacing-sm, 16px)}.gap-y-sm{row-gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-x-md{column-gap:var(--vi-spacing-md, 24px)}.gap-y-md{row-gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-x-lg{column-gap:var(--vi-spacing-lg, 32px)}.gap-y-lg{row-gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.gap-x-xl{column-gap:var(--vi-spacing-xl, 40px)}.gap-y-xl{row-gap:var(--vi-spacing-xl, 40px)}.gap-2xl{gap:var(--vi-spacing-2xl, 48px)}.gap-x-2xl{column-gap:var(--vi-spacing-2xl, 48px)}.gap-y-2xl{row-gap:var(--vi-spacing-2xl, 48px)}.gap-3xl{gap:var(--vi-spacing-3xl, 56px)}.gap-x-3xl{column-gap:var(--vi-spacing-3xl, 56px)}.gap-y-3xl{row-gap:var(--vi-spacing-3xl, 56px)}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.duration-100{transition-duration:100ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}}/*# sourceMappingURL=flux-ui.css.map */
+@layer reset, components, utilities;:root{--vi-color-grey-100: strip-units(var(--vi-color-grey-100, #f5f5f5));--vi-color-grey-200: strip-units(var(--vi-color-grey-200, #eeeeee));--vi-color-grey-300: strip-units(var(--vi-color-grey-300, #e0e0e0));--vi-color-grey-400: strip-units(var(--vi-color-grey-400, #bdbdbd));--vi-color-grey-500: strip-units(var(--vi-color-grey-500, #9e9e9e));--vi-color-grey-600: strip-units(var(--vi-color-grey-600, #757575));--vi-color-grey-700: strip-units(var(--vi-color-grey-700, #616161));--vi-color-grey-800: strip-units(var(--vi-color-grey-800, #424242));--vi-color-grey-900: strip-units(var(--vi-color-grey-900, #212121));--vi-color-red-100: strip-units(var(--vi-color-red-100, #ffccce));--vi-color-red-200: strip-units(var(--vi-color-red-200, #f69892));--vi-color-red-300: strip-units(var(--vi-color-red-300, #ee6f68));--vi-color-red-400: strip-units(var(--vi-color-red-400, #f74d40));--vi-color-red-500: strip-units(var(--vi-color-red-500, #fb3c1e));--vi-color-red-600: strip-units(var(--vi-color-red-600, #ed3020));--vi-color-red-700: strip-units(var(--vi-color-red-700, #db231b));--vi-color-red-800: strip-units(var(--vi-color-red-800, #ce1a12));--vi-color-red-900: strip-units(var(--vi-color-red-900, #c00000));--vi-color-yellow-100: strip-units(var(--vi-color-yellow-100, #ffeab1));--vi-color-yellow-200: strip-units(var(--vi-color-yellow-200, #ffde85));--vi-color-yellow-300: strip-units(var(--vi-color-yellow-300, #ffd359));--vi-color-yellow-400: strip-units(var(--vi-color-yellow-400, #ffc72e));--vi-color-yellow-500: strip-units(var(--vi-color-yellow-500, #ffba00));--vi-color-yellow-600: strip-units(var(--vi-color-yellow-600, #ffa900));--vi-color-yellow-700: strip-units(var(--vi-color-yellow-700, #ff9900));--vi-color-yellow-800: strip-units(var(--vi-color-yellow-800, #e68300));--vi-color-yellow-900: strip-units(var(--vi-color-yellow-900, #cc6d00));--vi-color-green-100: strip-units(var(--vi-color-green-100, #e6f0eb));--vi-color-green-200: strip-units(var(--vi-color-green-200, #c0dbcd));--vi-color-green-300: strip-units(var(--vi-color-green-300, #96c4ab));--vi-color-green-400: strip-units(var(--vi-color-green-400, #6eab88));--vi-color-green-500: strip-units(var(--vi-color-green-500, #489167));--vi-color-green-600: strip-units(var(--vi-color-green-600, #367551));--vi-color-green-700: strip-units(var(--vi-color-green-700, #265a3d));--vi-color-green-800: strip-units(var(--vi-color-green-800, #17402a));--vi-color-green-900: strip-units(var(--vi-color-green-900, #0a2618));--vi-color-blue-100: strip-units(var(--vi-color-blue-100, #ebf5ff));--vi-color-blue-200: strip-units(var(--vi-color-blue-200, #cee6ff));--vi-color-blue-300: strip-units(var(--vi-color-blue-300, #a3d1fa));--vi-color-blue-400: strip-units(var(--vi-color-blue-400, #74b6f4));--vi-color-blue-500: strip-units(var(--vi-color-blue-500, #3f96f1));--vi-color-blue-600: strip-units(var(--vi-color-blue-600, #3b86de));--vi-color-blue-700: strip-units(var(--vi-color-blue-700, #3676d0));--vi-color-blue-800: strip-units(var(--vi-color-blue-800, #2d5fa8));--vi-color-blue-900: strip-units(var(--vi-color-blue-900, #254882));--vi-color-purple-100: strip-units(var(--vi-color-purple-100, #f0e5f9));--vi-color-purple-200: strip-units(var(--vi-color-purple-200, #dbbdf2));--vi-color-purple-300: strip-units(var(--vi-color-purple-300, #c18eeb));--vi-color-purple-400: strip-units(var(--vi-color-purple-400, #a454e2));--vi-color-purple-500: strip-units(var(--vi-color-purple-500, #7609d0));--vi-color-purple-600: strip-units(var(--vi-color-purple-600, #6507c9));--vi-color-purple-700: strip-units(var(--vi-color-purple-700, #5505c2));--vi-color-purple-800: strip-units(var(--vi-color-purple-800, #4403bb));--vi-color-purple-900: strip-units(var(--vi-color-purple-900, #3400b4));--vi-color-primary: strip-units(var(--vi-color-primary, #3676d0));--vi-color-secondary: strip-units(var(--vi-color-secondary, #f0f4f8));--vi-color-success: strip-units(var(--vi-color-success, #489167));--vi-color-warning: strip-units(var(--vi-color-warning, #ffba00));--vi-color-error: strip-units(var(--vi-color-error, #ef4444));--vi-color-info: strip-units(var(--vi-color-info, #3676d0));--vi-color-background: strip-units(var(--vi-color-background, #ffffff));--vi-color-foreground: strip-units(var(--vi-color-foreground, #111827));--vi-color-border: strip-units(var(--vi-color-border, #e5e7eb));--vi-spacing-unit: strip-units(var(--vi-spacing-unit, 0.25rem));--vi-spacing-xs: strip-units(var(--vi-spacing-xs, 0.5rem));--vi-spacing-sm: strip-units(var(--vi-spacing-sm, 0.75rem));--vi-spacing-md: strip-units(var(--vi-spacing-md, 1rem));--vi-spacing-lg: strip-units(var(--vi-spacing-lg, 1.5rem));--vi-spacing-xl: strip-units(var(--vi-spacing-xl, 2rem));--vi-spacing-2xl: strip-units(var(--vi-spacing-2xl, 3rem));--vi-spacing-3xl: strip-units(var(--vi-spacing-3xl, 4rem));--vi-font-family-base: strip-units(var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));--vi-font-family-mono: strip-units(var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));--vi-font-size-xs: strip-units(var(--vi-font-size-xs, 0.75rem));--vi-font-size-sm: strip-units(var(--vi-font-size-sm, 0.8125rem));--vi-font-size-base: strip-units(var(--vi-font-size-base, 0.875rem));--vi-font-size-lg: strip-units(var(--vi-font-size-lg, 1rem));--vi-font-size-xl: strip-units(var(--vi-font-size-xl, 1.25rem));--vi-font-size-2xl: strip-units(var(--vi-font-size-2xl, 1.5rem));--vi-font-size-3xl: strip-units(var(--vi-font-size-3xl, 1.875rem));--vi-font-weight-light: strip-units(var(--vi-font-weight-light, 300));--vi-font-weight-normal: strip-units(var(--vi-font-weight-normal, 400));--vi-font-weight-medium: strip-units(var(--vi-font-weight-medium, 500));--vi-font-weight-semibold: strip-units(var(--vi-font-weight-semibold, 600));--vi-font-weight-bold: strip-units(var(--vi-font-weight-bold, 700));--vi-line-height-tight: strip-units(var(--vi-line-height-tight, 1.2));--vi-line-height-normal: strip-units(var(--vi-line-height-normal, 1.5715));--vi-line-height-relaxed: strip-units(var(--vi-line-height-relaxed, 1.75));--vi-letter-spacing-tight: strip-units(var(--vi-letter-spacing-tight, -0.01em));--vi-letter-spacing-normal: strip-units(var(--vi-letter-spacing-normal, 0em));--vi-letter-spacing-wide: strip-units(var(--vi-letter-spacing-wide, 0.025em));--vi-letter-spacing-wider: strip-units(var(--vi-letter-spacing-wider, 0.05em));--vi-letter-spacing-widest: strip-units(var(--vi-letter-spacing-widest, 0.1em));--vi-shadow-sm: strip-units(var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)));--vi-shadow-md: strip-units(var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)));--vi-shadow-lg: strip-units(var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)));--vi-shadow-xl: strip-units(var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1)));--vi-border-radius-sm: strip-units(var(--vi-border-radius-sm, 4px));--vi-border-radius-md: strip-units(var(--vi-border-radius-md, 6px));--vi-border-radius-lg: strip-units(var(--vi-border-radius-lg, 8px));--vi-border-radius-xl: strip-units(var(--vi-border-radius-xl, 12px));--vi-border-width-thin: strip-units(var(--vi-border-width-thin, 1px));--vi-border-width-base: strip-units(var(--vi-border-width-base, 2px));--vi-border-width-thick: strip-units(var(--vi-border-width-thick, 3px))}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vi-font-size-base, 0.875rem);line-height:var(--vi-line-height-normal, 1.5715);color:var(--vi-color-foreground, #111827);background-color:var(--vi-color-background, #ffffff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6,ul,ol,dl{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}code,pre,samp{font-family:var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace);font-size:1em}pre{margin:0;overflow:auto}button,input,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15}button,input[type=button],input[type=reset],input[type=submit]{background:rgba(0,0,0,0);border:0;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}input[type=checkbox]{padding:0;-webkit-appearance:checkbox}input[type=radio]{padding:0;-webkit-appearance:radio}textarea{overflow:auto;resize:vertical}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img,svg{max-width:100%;height:auto;display:block}img{border:0;vertical-align:middle}iframe,video{max-width:100%}[hidden]{display:none}hr{margin:0;border:0;border-top:1px solid var(--vi-color-border, #e5e7eb)}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--vi-spacing-xs, 0.5rem)}.gap-sm{gap:var(--vi-spacing-sm, 0.75rem)}.gap-md{gap:var(--vi-spacing-md, 1rem)}.gap-lg{gap:var(--vi-spacing-lg, 1.5rem)}.gap-xl{gap:var(--vi-spacing-xl, 2rem)}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh;min-height:100dvh}.max-w-container{max-width:1200px;margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}}.vi-overline,.vi-caption,.vi-label-sm,.vi-label-md,.vi-body-sm,.vi-body-md,.vi-body-lg,.vi-heading-sm,.vi-heading-md,.vi-heading-lg,.vi-heading-xl,.vi-display-md,.vi-display-lg,td,th,blockquote,pre,code,kbd,samp,figcaption,small,label,p,h6,h5,h4,h3,h2,h1{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@layer components{body{font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));font-size:var(--vi-body-md-size, var(--vi-font-size-base, 0.875rem));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--vi-heading-h1-size, var(--vi-font-size-3xl, 1.875rem));font-weight:var(--vi-heading-h1-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h1-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h1-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h1-color, var(--vi-color-foreground, #111827))}h2{font-size:var(--vi-heading-h2-size, var(--vi-font-size-2xl, 1.5rem));font-weight:var(--vi-heading-h2-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h2-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h2-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h2-color, var(--vi-color-foreground, #111827))}h3{font-size:var(--vi-heading-h3-size, var(--vi-font-size-xl, 1.25rem));font-weight:var(--vi-heading-h3-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h3-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h3-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h3-color, var(--vi-color-foreground, #111827))}h4{font-size:var(--vi-heading-h4-size, var(--vi-font-size-lg, 1rem));font-weight:var(--vi-heading-h4-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h4-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h4-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h4-color, var(--vi-color-foreground, #111827))}h5{font-size:var(--vi-heading-h5-size, var(--vi-font-size-base, 0.875rem));font-weight:var(--vi-heading-h5-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h5-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-heading-h5-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h5-color, var(--vi-color-foreground, #111827))}h6{font-size:var(--vi-heading-h6-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-heading-h6-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h6-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-heading-h6-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h6-color, var(--vi-color-grey-700, #616161))}p{font-size:var(--vi-body-md-size, var(--vi-font-size-base, 0.875rem));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827))}label{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}small{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 0.75rem));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}strong,b{font-weight:var(--vi-font-weight-semibold, 600)}em,i{font-style:italic}figcaption{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 0.75rem));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}code,kbd,samp{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-code-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-code-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-code-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}pre{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 0.8125rem));line-height:var(--vi-code-leading, var(--vi-line-height-relaxed, 1.75));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}blockquote{font-size:var(--vi-body-lg-size, var(--vi-font-size-lg, 1rem));font-weight:var(--vi-body-lg-weight, var(--vi-font-weight-light, 300));line-height:var(--vi-body-lg-leading, var(--vi-line-height-relaxed, 1.75));letter-spacing:var(--vi-body-lg-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-lg-color, var(--vi-color-grey-700, #616161));font-style:italic;padding:0}th{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}td{font-size:var(--vi-body-sm-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-body-sm-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-sm-leading, var(--vi-line-height-normal, 1.5715));color:var(--vi-body-sm-color, var(--vi-color-grey-600, #757575))}}@layer utilities{.vi-display-lg{font-size:var(--vi-display-lg-size, var(--vi-font-size-3xl, 1.875rem));font-weight:var(--vi-display-lg-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-display-lg-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-display-lg-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-display-lg-color, var(--vi-color-foreground, #111827))}.vi-display-md{font-size:var(--vi-display-md-size, var(--vi-font-size-2xl, 1.5rem));font-weight:var(--vi-display-md-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-display-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-display-md-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-display-md-color, var(--vi-color-foreground, #111827))}.vi-heading-xl{font-size:var(--vi-heading-h2-size, var(--vi-font-size-2xl, 1.5rem));font-weight:var(--vi-heading-h2-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h2-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h2-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h2-color, var(--vi-color-foreground, #111827))}.vi-heading-lg{font-size:var(--vi-heading-h3-size, var(--vi-font-size-xl, 1.25rem));font-weight:var(--vi-heading-h3-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h3-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h3-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h3-color, var(--vi-color-foreground, #111827))}.vi-heading-md{font-size:var(--vi-heading-h5-size, var(--vi-font-size-base, 0.875rem));font-weight:var(--vi-heading-h5-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h5-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-heading-h5-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h5-color, var(--vi-color-foreground, #111827))}.vi-heading-sm{font-size:var(--vi-heading-h6-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-heading-h6-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h6-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-heading-h6-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h6-color, var(--vi-color-grey-700, #616161))}.vi-body-lg{font-size:var(--vi-body-lg-size, var(--vi-font-size-lg, 1rem));font-weight:var(--vi-body-lg-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-lg-leading, var(--vi-line-height-relaxed, 1.75));letter-spacing:var(--vi-body-lg-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-lg-color, var(--vi-color-foreground, #111827))}.vi-body-md{font-size:var(--vi-body-md-size, var(--vi-font-size-base, 0.875rem));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827))}.vi-body-sm{font-size:var(--vi-body-sm-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-body-sm-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-sm-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-body-sm-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-sm-color, var(--vi-color-grey-600, #757575))}.vi-label-md{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}.vi-label-sm{font-size:var(--vi-label-sm-size, var(--vi-font-size-xs, 0.75rem));font-weight:var(--vi-label-sm-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-sm-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-sm-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-sm-color, var(--vi-color-foreground, #111827))}.vi-caption{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 0.75rem));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}.vi-overline{font-size:var(--vi-overline-size, var(--vi-font-size-xs, 0.75rem));font-weight:var(--vi-overline-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-overline-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-overline-tracking, var(--vi-letter-spacing-widest, 0.1em));text-transform:uppercase;color:var(--vi-overline-color, var(--vi-color-grey-600, #757575))}.vi-code{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 0.8125rem));font-weight:var(--vi-code-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-code-leading, var(--vi-line-height-normal, 1.5715));letter-spacing:var(--vi-code-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}.vi-text-muted{color:var(--vi-color-grey-500, #9e9e9e)}.vi-text-subtle{color:var(--vi-color-grey-600, #757575)}.vi-text-strong{font-weight:var(--vi-font-weight-semibold, 600)}.vi-text-bold{font-weight:var(--vi-font-weight-bold, 700)}.vi-text-italic{font-style:italic}.vi-text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vi-text-balance{text-wrap:balance}.vi-tracking-tight{letter-spacing:var(--vi-letter-spacing-tight, -0.01em)}.vi-tracking-normal{letter-spacing:var(--vi-letter-spacing-normal, 0em)}.vi-tracking-wide{letter-spacing:var(--vi-letter-spacing-wide, 0.025em)}.vi-tracking-wider{letter-spacing:var(--vi-letter-spacing-wider, 0.05em)}.vi-tracking-widest{letter-spacing:var(--vi-letter-spacing-widest, 0.1em)}}@layer utilities{.m-unit{margin:var(--vi-spacing-unit, 0.25rem)}.mx-unit{margin-left:var(--vi-spacing-unit, 0.25rem);margin-right:var(--vi-spacing-unit, 0.25rem)}.my-unit{margin-top:var(--vi-spacing-unit, 0.25rem);margin-bottom:var(--vi-spacing-unit, 0.25rem)}.mt-unit{margin-top:var(--vi-spacing-unit, 0.25rem)}.mr-unit{margin-right:var(--vi-spacing-unit, 0.25rem)}.mb-unit{margin-bottom:var(--vi-spacing-unit, 0.25rem)}.ml-unit{margin-left:var(--vi-spacing-unit, 0.25rem)}.m-xs{margin:var(--vi-spacing-xs, 0.5rem)}.mx-xs{margin-left:var(--vi-spacing-xs, 0.5rem);margin-right:var(--vi-spacing-xs, 0.5rem)}.my-xs{margin-top:var(--vi-spacing-xs, 0.5rem);margin-bottom:var(--vi-spacing-xs, 0.5rem)}.mt-xs{margin-top:var(--vi-spacing-xs, 0.5rem)}.mr-xs{margin-right:var(--vi-spacing-xs, 0.5rem)}.mb-xs{margin-bottom:var(--vi-spacing-xs, 0.5rem)}.ml-xs{margin-left:var(--vi-spacing-xs, 0.5rem)}.m-sm{margin:var(--vi-spacing-sm, 0.75rem)}.mx-sm{margin-left:var(--vi-spacing-sm, 0.75rem);margin-right:var(--vi-spacing-sm, 0.75rem)}.my-sm{margin-top:var(--vi-spacing-sm, 0.75rem);margin-bottom:var(--vi-spacing-sm, 0.75rem)}.mt-sm{margin-top:var(--vi-spacing-sm, 0.75rem)}.mr-sm{margin-right:var(--vi-spacing-sm, 0.75rem)}.mb-sm{margin-bottom:var(--vi-spacing-sm, 0.75rem)}.ml-sm{margin-left:var(--vi-spacing-sm, 0.75rem)}.m-md{margin:var(--vi-spacing-md, 1rem)}.mx-md{margin-left:var(--vi-spacing-md, 1rem);margin-right:var(--vi-spacing-md, 1rem)}.my-md{margin-top:var(--vi-spacing-md, 1rem);margin-bottom:var(--vi-spacing-md, 1rem)}.mt-md{margin-top:var(--vi-spacing-md, 1rem)}.mr-md{margin-right:var(--vi-spacing-md, 1rem)}.mb-md{margin-bottom:var(--vi-spacing-md, 1rem)}.ml-md{margin-left:var(--vi-spacing-md, 1rem)}.m-lg{margin:var(--vi-spacing-lg, 1.5rem)}.mx-lg{margin-left:var(--vi-spacing-lg, 1.5rem);margin-right:var(--vi-spacing-lg, 1.5rem)}.my-lg{margin-top:var(--vi-spacing-lg, 1.5rem);margin-bottom:var(--vi-spacing-lg, 1.5rem)}.mt-lg{margin-top:var(--vi-spacing-lg, 1.5rem)}.mr-lg{margin-right:var(--vi-spacing-lg, 1.5rem)}.mb-lg{margin-bottom:var(--vi-spacing-lg, 1.5rem)}.ml-lg{margin-left:var(--vi-spacing-lg, 1.5rem)}.m-xl{margin:var(--vi-spacing-xl, 2rem)}.mx-xl{margin-left:var(--vi-spacing-xl, 2rem);margin-right:var(--vi-spacing-xl, 2rem)}.my-xl{margin-top:var(--vi-spacing-xl, 2rem);margin-bottom:var(--vi-spacing-xl, 2rem)}.mt-xl{margin-top:var(--vi-spacing-xl, 2rem)}.mr-xl{margin-right:var(--vi-spacing-xl, 2rem)}.mb-xl{margin-bottom:var(--vi-spacing-xl, 2rem)}.ml-xl{margin-left:var(--vi-spacing-xl, 2rem)}.m-2xl{margin:var(--vi-spacing-2xl, 3rem)}.mx-2xl{margin-left:var(--vi-spacing-2xl, 3rem);margin-right:var(--vi-spacing-2xl, 3rem)}.my-2xl{margin-top:var(--vi-spacing-2xl, 3rem);margin-bottom:var(--vi-spacing-2xl, 3rem)}.mt-2xl{margin-top:var(--vi-spacing-2xl, 3rem)}.mr-2xl{margin-right:var(--vi-spacing-2xl, 3rem)}.mb-2xl{margin-bottom:var(--vi-spacing-2xl, 3rem)}.ml-2xl{margin-left:var(--vi-spacing-2xl, 3rem)}.m-3xl{margin:var(--vi-spacing-3xl, 4rem)}.mx-3xl{margin-left:var(--vi-spacing-3xl, 4rem);margin-right:var(--vi-spacing-3xl, 4rem)}.my-3xl{margin-top:var(--vi-spacing-3xl, 4rem);margin-bottom:var(--vi-spacing-3xl, 4rem)}.mt-3xl{margin-top:var(--vi-spacing-3xl, 4rem)}.mr-3xl{margin-right:var(--vi-spacing-3xl, 4rem)}.mb-3xl{margin-bottom:var(--vi-spacing-3xl, 4rem)}.ml-3xl{margin-left:var(--vi-spacing-3xl, 4rem)}.p-unit{padding:var(--vi-spacing-unit, 0.25rem)}.px-unit{padding-left:var(--vi-spacing-unit, 0.25rem);padding-right:var(--vi-spacing-unit, 0.25rem)}.py-unit{padding-top:var(--vi-spacing-unit, 0.25rem);padding-bottom:var(--vi-spacing-unit, 0.25rem)}.pt-unit{padding-top:var(--vi-spacing-unit, 0.25rem)}.pr-unit{padding-right:var(--vi-spacing-unit, 0.25rem)}.pb-unit{padding-bottom:var(--vi-spacing-unit, 0.25rem)}.pl-unit{padding-left:var(--vi-spacing-unit, 0.25rem)}.p-xs{padding:var(--vi-spacing-xs, 0.5rem)}.px-xs{padding-left:var(--vi-spacing-xs, 0.5rem);padding-right:var(--vi-spacing-xs, 0.5rem)}.py-xs{padding-top:var(--vi-spacing-xs, 0.5rem);padding-bottom:var(--vi-spacing-xs, 0.5rem)}.pt-xs{padding-top:var(--vi-spacing-xs, 0.5rem)}.pr-xs{padding-right:var(--vi-spacing-xs, 0.5rem)}.pb-xs{padding-bottom:var(--vi-spacing-xs, 0.5rem)}.pl-xs{padding-left:var(--vi-spacing-xs, 0.5rem)}.p-sm{padding:var(--vi-spacing-sm, 0.75rem)}.px-sm{padding-left:var(--vi-spacing-sm, 0.75rem);padding-right:var(--vi-spacing-sm, 0.75rem)}.py-sm{padding-top:var(--vi-spacing-sm, 0.75rem);padding-bottom:var(--vi-spacing-sm, 0.75rem)}.pt-sm{padding-top:var(--vi-spacing-sm, 0.75rem)}.pr-sm{padding-right:var(--vi-spacing-sm, 0.75rem)}.pb-sm{padding-bottom:var(--vi-spacing-sm, 0.75rem)}.pl-sm{padding-left:var(--vi-spacing-sm, 0.75rem)}.p-md{padding:var(--vi-spacing-md, 1rem)}.px-md{padding-left:var(--vi-spacing-md, 1rem);padding-right:var(--vi-spacing-md, 1rem)}.py-md{padding-top:var(--vi-spacing-md, 1rem);padding-bottom:var(--vi-spacing-md, 1rem)}.pt-md{padding-top:var(--vi-spacing-md, 1rem)}.pr-md{padding-right:var(--vi-spacing-md, 1rem)}.pb-md{padding-bottom:var(--vi-spacing-md, 1rem)}.pl-md{padding-left:var(--vi-spacing-md, 1rem)}.p-lg{padding:var(--vi-spacing-lg, 1.5rem)}.px-lg{padding-left:var(--vi-spacing-lg, 1.5rem);padding-right:var(--vi-spacing-lg, 1.5rem)}.py-lg{padding-top:var(--vi-spacing-lg, 1.5rem);padding-bottom:var(--vi-spacing-lg, 1.5rem)}.pt-lg{padding-top:var(--vi-spacing-lg, 1.5rem)}.pr-lg{padding-right:var(--vi-spacing-lg, 1.5rem)}.pb-lg{padding-bottom:var(--vi-spacing-lg, 1.5rem)}.pl-lg{padding-left:var(--vi-spacing-lg, 1.5rem)}.p-xl{padding:var(--vi-spacing-xl, 2rem)}.px-xl{padding-left:var(--vi-spacing-xl, 2rem);padding-right:var(--vi-spacing-xl, 2rem)}.py-xl{padding-top:var(--vi-spacing-xl, 2rem);padding-bottom:var(--vi-spacing-xl, 2rem)}.pt-xl{padding-top:var(--vi-spacing-xl, 2rem)}.pr-xl{padding-right:var(--vi-spacing-xl, 2rem)}.pb-xl{padding-bottom:var(--vi-spacing-xl, 2rem)}.pl-xl{padding-left:var(--vi-spacing-xl, 2rem)}.p-2xl{padding:var(--vi-spacing-2xl, 3rem)}.px-2xl{padding-left:var(--vi-spacing-2xl, 3rem);padding-right:var(--vi-spacing-2xl, 3rem)}.py-2xl{padding-top:var(--vi-spacing-2xl, 3rem);padding-bottom:var(--vi-spacing-2xl, 3rem)}.pt-2xl{padding-top:var(--vi-spacing-2xl, 3rem)}.pr-2xl{padding-right:var(--vi-spacing-2xl, 3rem)}.pb-2xl{padding-bottom:var(--vi-spacing-2xl, 3rem)}.pl-2xl{padding-left:var(--vi-spacing-2xl, 3rem)}.p-3xl{padding:var(--vi-spacing-3xl, 4rem)}.px-3xl{padding-left:var(--vi-spacing-3xl, 4rem);padding-right:var(--vi-spacing-3xl, 4rem)}.py-3xl{padding-top:var(--vi-spacing-3xl, 4rem);padding-bottom:var(--vi-spacing-3xl, 4rem)}.pt-3xl{padding-top:var(--vi-spacing-3xl, 4rem)}.pr-3xl{padding-right:var(--vi-spacing-3xl, 4rem)}.pb-3xl{padding-bottom:var(--vi-spacing-3xl, 4rem)}.pl-3xl{padding-left:var(--vi-spacing-3xl, 4rem)}.text-xs{font-size:var(--vi-font-size-xs, 0.75rem)}.text-sm{font-size:var(--vi-font-size-sm, 0.8125rem)}.text-base{font-size:var(--vi-font-size-base, 0.875rem)}.text-lg{font-size:var(--vi-font-size-lg, 1rem)}.text-xl{font-size:var(--vi-font-size-xl, 1.25rem)}.text-2xl{font-size:var(--vi-font-size-2xl, 1.5rem)}.text-3xl{font-size:var(--vi-font-size-3xl, 1.875rem)}.font-light{font-weight:var(--vi-font-weight-light, 300)}.font-normal{font-weight:var(--vi-font-weight-normal, 400)}.font-medium{font-weight:var(--vi-font-weight-medium, 500)}.font-semibold{font-weight:var(--vi-font-weight-semibold, 600)}.font-bold{font-weight:var(--vi-font-weight-bold, 700)}.leading-tight{line-height:var(--vi-line-height-tight, 1.2)}.leading-normal{line-height:var(--vi-line-height-normal, 1.5715)}.leading-relaxed{line-height:var(--vi-line-height-relaxed, 1.75)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--vi-color-primary, #3676d0)}.bg-primary{background-color:var(--vi-color-primary, #3676d0)}.border-primary{border-color:var(--vi-color-primary, #3676d0)}.text-secondary{color:var(--vi-color-secondary, #f0f4f8)}.bg-secondary{background-color:var(--vi-color-secondary, #f0f4f8)}.border-secondary{border-color:var(--vi-color-secondary, #f0f4f8)}.text-success{color:var(--vi-color-success, #489167)}.bg-success{background-color:var(--vi-color-success, #489167)}.border-success{border-color:var(--vi-color-success, #489167)}.text-warning{color:var(--vi-color-warning, #ffba00)}.bg-warning{background-color:var(--vi-color-warning, #ffba00)}.border-warning{border-color:var(--vi-color-warning, #ffba00)}.text-error{color:var(--vi-color-error, #ef4444)}.bg-error{background-color:var(--vi-color-error, #ef4444)}.border-error{border-color:var(--vi-color-error, #ef4444)}.text-info{color:var(--vi-color-info, #3676d0)}.bg-info{background-color:var(--vi-color-info, #3676d0)}.border-info{border-color:var(--vi-color-info, #3676d0)}.text-grey-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-grey-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.text-grey-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-grey-200{background-color:var(--vi-color-grey-200, #eeeeee)}.text-grey-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-grey-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.text-grey-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-grey-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.text-grey-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-grey-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.text-grey-600{color:var(--vi-color-grey-600, #757575)}.bg-grey-600{background-color:var(--vi-color-grey-600, #757575)}.text-grey-700{color:var(--vi-color-grey-700, #616161)}.bg-grey-700{background-color:var(--vi-color-grey-700, #616161)}.text-grey-800{color:var(--vi-color-grey-800, #424242)}.bg-grey-800{background-color:var(--vi-color-grey-800, #424242)}.text-grey-900{color:var(--vi-color-grey-900, #212121)}.bg-grey-900{background-color:var(--vi-color-grey-900, #212121)}.text-red-100{color:var(--vi-color-red-100, #ffccce)}.bg-red-100{background-color:var(--vi-color-red-100, #ffccce)}.text-red-200{color:var(--vi-color-red-200, #f69892)}.bg-red-200{background-color:var(--vi-color-red-200, #f69892)}.text-red-300{color:var(--vi-color-red-300, #ee6f68)}.bg-red-300{background-color:var(--vi-color-red-300, #ee6f68)}.text-red-400{color:var(--vi-color-red-400, #f74d40)}.bg-red-400{background-color:var(--vi-color-red-400, #f74d40)}.text-red-500{color:var(--vi-color-red-500, #fb3c1e)}.bg-red-500{background-color:var(--vi-color-red-500, #fb3c1e)}.text-red-600{color:var(--vi-color-red-600, #ed3020)}.bg-red-600{background-color:var(--vi-color-red-600, #ed3020)}.text-red-700{color:var(--vi-color-red-700, #db231b)}.bg-red-700{background-color:var(--vi-color-red-700, #db231b)}.text-red-800{color:var(--vi-color-red-800, #ce1a12)}.bg-red-800{background-color:var(--vi-color-red-800, #ce1a12)}.text-red-900{color:var(--vi-color-red-900, #c00000)}.bg-red-900{background-color:var(--vi-color-red-900, #c00000)}.text-yellow-100{color:var(--vi-color-yellow-100, #ffeab1)}.bg-yellow-100{background-color:var(--vi-color-yellow-100, #ffeab1)}.text-yellow-200{color:var(--vi-color-yellow-200, #ffde85)}.bg-yellow-200{background-color:var(--vi-color-yellow-200, #ffde85)}.text-yellow-300{color:var(--vi-color-yellow-300, #ffd359)}.bg-yellow-300{background-color:var(--vi-color-yellow-300, #ffd359)}.text-yellow-400{color:var(--vi-color-yellow-400, #ffc72e)}.bg-yellow-400{background-color:var(--vi-color-yellow-400, #ffc72e)}.text-yellow-500{color:var(--vi-color-yellow-500, #ffba00)}.bg-yellow-500{background-color:var(--vi-color-yellow-500, #ffba00)}.text-yellow-600{color:var(--vi-color-yellow-600, #ffa900)}.bg-yellow-600{background-color:var(--vi-color-yellow-600, #ffa900)}.text-yellow-700{color:var(--vi-color-yellow-700, #ff9900)}.bg-yellow-700{background-color:var(--vi-color-yellow-700, #ff9900)}.text-yellow-800{color:var(--vi-color-yellow-800, #e68300)}.bg-yellow-800{background-color:var(--vi-color-yellow-800, #e68300)}.text-yellow-900{color:var(--vi-color-yellow-900, #cc6d00)}.bg-yellow-900{background-color:var(--vi-color-yellow-900, #cc6d00)}.text-green-100{color:var(--vi-color-green-100, #e6f0eb)}.bg-green-100{background-color:var(--vi-color-green-100, #e6f0eb)}.text-green-200{color:var(--vi-color-green-200, #c0dbcd)}.bg-green-200{background-color:var(--vi-color-green-200, #c0dbcd)}.text-green-300{color:var(--vi-color-green-300, #96c4ab)}.bg-green-300{background-color:var(--vi-color-green-300, #96c4ab)}.text-green-400{color:var(--vi-color-green-400, #6eab88)}.bg-green-400{background-color:var(--vi-color-green-400, #6eab88)}.text-green-500{color:var(--vi-color-green-500, #489167)}.bg-green-500{background-color:var(--vi-color-green-500, #489167)}.text-green-600{color:var(--vi-color-green-600, #367551)}.bg-green-600{background-color:var(--vi-color-green-600, #367551)}.text-green-700{color:var(--vi-color-green-700, #265a3d)}.bg-green-700{background-color:var(--vi-color-green-700, #265a3d)}.text-green-800{color:var(--vi-color-green-800, #17402a)}.bg-green-800{background-color:var(--vi-color-green-800, #17402a)}.text-green-900{color:var(--vi-color-green-900, #0a2618)}.bg-green-900{background-color:var(--vi-color-green-900, #0a2618)}.text-blue-100{color:var(--vi-color-blue-100, #ebf5ff)}.bg-blue-100{background-color:var(--vi-color-blue-100, #ebf5ff)}.text-blue-200{color:var(--vi-color-blue-200, #cee6ff)}.bg-blue-200{background-color:var(--vi-color-blue-200, #cee6ff)}.text-blue-300{color:var(--vi-color-blue-300, #a3d1fa)}.bg-blue-300{background-color:var(--vi-color-blue-300, #a3d1fa)}.text-blue-400{color:var(--vi-color-blue-400, #74b6f4)}.bg-blue-400{background-color:var(--vi-color-blue-400, #74b6f4)}.text-blue-500{color:var(--vi-color-blue-500, #3f96f1)}.bg-blue-500{background-color:var(--vi-color-blue-500, #3f96f1)}.text-blue-600{color:var(--vi-color-blue-600, #3b86de)}.bg-blue-600{background-color:var(--vi-color-blue-600, #3b86de)}.text-blue-700{color:var(--vi-color-blue-700, #3676d0)}.bg-blue-700{background-color:var(--vi-color-blue-700, #3676d0)}.text-blue-800{color:var(--vi-color-blue-800, #2d5fa8)}.bg-blue-800{background-color:var(--vi-color-blue-800, #2d5fa8)}.text-blue-900{color:var(--vi-color-blue-900, #254882)}.bg-blue-900{background-color:var(--vi-color-blue-900, #254882)}.text-purple-100{color:var(--vi-color-purple-100, #f0e5f9)}.bg-purple-100{background-color:var(--vi-color-purple-100, #f0e5f9)}.text-purple-200{color:var(--vi-color-purple-200, #dbbdf2)}.bg-purple-200{background-color:var(--vi-color-purple-200, #dbbdf2)}.text-purple-300{color:var(--vi-color-purple-300, #c18eeb)}.bg-purple-300{background-color:var(--vi-color-purple-300, #c18eeb)}.text-purple-400{color:var(--vi-color-purple-400, #a454e2)}.bg-purple-400{background-color:var(--vi-color-purple-400, #a454e2)}.text-purple-500{color:var(--vi-color-purple-500, #7609d0)}.bg-purple-500{background-color:var(--vi-color-purple-500, #7609d0)}.text-purple-600{color:var(--vi-color-purple-600, #6507c9)}.bg-purple-600{background-color:var(--vi-color-purple-600, #6507c9)}.text-purple-700{color:var(--vi-color-purple-700, #5505c2)}.bg-purple-700{background-color:var(--vi-color-purple-700, #5505c2)}.text-purple-800{color:var(--vi-color-purple-800, #4403bb)}.bg-purple-800{background-color:var(--vi-color-purple-800, #4403bb)}.text-purple-900{color:var(--vi-color-purple-900, #3400b4)}.bg-purple-900{background-color:var(--vi-color-purple-900, #3400b4)}.text-neutral-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-neutral-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.border-neutral-100{border-color:var(--vi-color-grey-100, #f5f5f5)}.text-neutral-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-neutral-200{background-color:var(--vi-color-grey-200, #eeeeee)}.border-neutral-200{border-color:var(--vi-color-grey-200, #eeeeee)}.text-neutral-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-neutral-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.border-neutral-300{border-color:var(--vi-color-grey-300, #e0e0e0)}.text-neutral-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-neutral-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.border-neutral-400{border-color:var(--vi-color-grey-400, #bdbdbd)}.text-neutral-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-neutral-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.border-neutral-500{border-color:var(--vi-color-grey-500, #9e9e9e)}.text-neutral-600{color:var(--vi-color-grey-600, #757575)}.bg-neutral-600{background-color:var(--vi-color-grey-600, #757575)}.border-neutral-600{border-color:var(--vi-color-grey-600, #757575)}.text-neutral-700{color:var(--vi-color-grey-700, #616161)}.bg-neutral-700{background-color:var(--vi-color-grey-700, #616161)}.border-neutral-700{border-color:var(--vi-color-grey-700, #616161)}.text-neutral-800{color:var(--vi-color-grey-800, #424242)}.bg-neutral-800{background-color:var(--vi-color-grey-800, #424242)}.border-neutral-800{border-color:var(--vi-color-grey-800, #424242)}.text-neutral-900{color:var(--vi-color-grey-900, #212121)}.bg-neutral-900{background-color:var(--vi-color-grey-900, #212121)}.border-neutral-900{border-color:var(--vi-color-grey-900, #212121)}.shadow-sm{box-shadow:var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.shadow-md{box-shadow:var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))}.shadow-lg{box-shadow:var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1))}.shadow-xl{box-shadow:var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1))}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--vi-border-radius-sm, 4px)}.rounded-md{border-radius:var(--vi-border-radius-md, 6px)}.rounded-lg{border-radius:var(--vi-border-radius-lg, 8px)}.rounded-xl{border-radius:var(--vi-border-radius-xl, 12px)}.rounded-full{border-radius:var(--vi-border-radius-full, 9999px)}.border-thin{border-width:var(--vi-border-width-thin, 1px);border-style:solid}.border-base{border-width:var(--vi-border-width-base, 2px);border-style:solid}.border-thick{border-width:var(--vi-border-width-thick, 3px);border-style:solid}.z-hide{z-index:-1}.z-auto{z-index:auto}.z-base{z-index:0}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-backdrop{z-index:1040}.z-modal{z-index:1050}.z-popover{z-index:1060}.z-tooltip{z-index:1070}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-unit{gap:var(--vi-spacing-unit, 0.25rem)}.gap-x-unit{column-gap:var(--vi-spacing-unit, 0.25rem)}.gap-y-unit{row-gap:var(--vi-spacing-unit, 0.25rem)}.gap-xs{gap:var(--vi-spacing-xs, 0.5rem)}.gap-x-xs{column-gap:var(--vi-spacing-xs, 0.5rem)}.gap-y-xs{row-gap:var(--vi-spacing-xs, 0.5rem)}.gap-sm{gap:var(--vi-spacing-sm, 0.75rem)}.gap-x-sm{column-gap:var(--vi-spacing-sm, 0.75rem)}.gap-y-sm{row-gap:var(--vi-spacing-sm, 0.75rem)}.gap-md{gap:var(--vi-spacing-md, 1rem)}.gap-x-md{column-gap:var(--vi-spacing-md, 1rem)}.gap-y-md{row-gap:var(--vi-spacing-md, 1rem)}.gap-lg{gap:var(--vi-spacing-lg, 1.5rem)}.gap-x-lg{column-gap:var(--vi-spacing-lg, 1.5rem)}.gap-y-lg{row-gap:var(--vi-spacing-lg, 1.5rem)}.gap-xl{gap:var(--vi-spacing-xl, 2rem)}.gap-x-xl{column-gap:var(--vi-spacing-xl, 2rem)}.gap-y-xl{row-gap:var(--vi-spacing-xl, 2rem)}.gap-2xl{gap:var(--vi-spacing-2xl, 3rem)}.gap-x-2xl{column-gap:var(--vi-spacing-2xl, 3rem)}.gap-y-2xl{row-gap:var(--vi-spacing-2xl, 3rem)}.gap-3xl{gap:var(--vi-spacing-3xl, 4rem)}.gap-x-3xl{column-gap:var(--vi-spacing-3xl, 4rem)}.gap-y-3xl{row-gap:var(--vi-spacing-3xl, 4rem)}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.duration-100{transition-duration:100ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}}/*# sourceMappingURL=flux-ui.css.map */

package/flux-ui.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../libs/flux-ui/styles/_variables.scss","../../../libs/flux-ui/styles/_root.scss","../../../libs/flux-ui/styles/_reset.scss","../../../libs/flux-ui/styles/_layout.scss","../../../libs/flux-ui/styles/_typography.scss","../../../libs/flux-ui/styles/_utilities.scss"],"names":[],"mappings":"AAkBA,oCCNA,MAMM,gqHAQF,sYAMF,wEACA,wEACA,gEAME,kZAMF,kIACA,4GAKA,6DACA,6DACA,iEACA,6DACA,6DACA,+DACA,+DAKA,sEACA,wEACA,wEACA,4EACA,oEAKA,sEACA,wEACA,2EASA,gFACA,8EACA,8EACA,+EACA,gFAME,kVAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECpGF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,YF6Je,8FE5Jf,UFiKa,+BEhKb,YF6KkB,kCE5KlB,MFqFe,oCEpFf,iBFmFe,oCElFf,mCACA,kCAOF,6BACE,SACA,UAGF,kBACE,oBACA,kBACA,oBAGF,MACE,gBAOF,EACE,cACA,qBACA,+BAEA,iBAEE,UAQJ,cACE,YF8Ge,wEE7Gf,cAGF,IACE,SACA,cAOF,6BAIE,SACA,UACA,oBACA,eACA,iBAGF,+DAIE,yBACA,SACA,eACA,0BAEA,uIACE,UACA,SAIJ,qBACE,UACA,4BAGF,kBACE,UACA,yBAGF,SACE,cACA,gBAOF,MACE,yBACA,iBAGF,MAEE,UAOF,QAEE,eACA,YACA,cAGF,IACE,SACA,sBAOF,aAEE,eAOF,SACE,aAGF,GACE,SACA,SACA,sDCrLJ,iBAKE,MACE,aAGF,UACE,sBAGF,UACE,mBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,gBACE,uBAGF,aACE,yBAGF,iBACE,8BAGF,gBACE,6BAGF,aACE,uBAGF,cACE,mBAGF,WACE,qBAGF,eACE,oBAGF,QACE,IHkHW,0BG/Gb,QACE,IH+GW,2BG5Gb,QACE,IH4GW,2BGzGb,QACE,IHyGW,2BGtGb,QACE,IHsGW,2BGnGb,QACE,OAGF,WACE,YAGF,eACE,cAOF,MACE,aAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,oBACE,2DAOF,QACE,aAGF,OACE,cAGF,cACE,qBAGF,QACE,eAOF,UACE,kBAGF,UACE,kBAGF,OACE,eAGF,QACE,gBAGF,QACE,gBAOF,QACE,WAGF,QACE,WAGF,QACE,YAGF,QACE,YAGF,cACE,iBAGF,iBACE,iBACA,iBACA,kBAOF,iBACE,gBAGF,eACE,cAGF,iBACE,gBAGF,iBACE,iBC3LJ,+PACE,0GACA,mCACA,kCACA,SAQF,kBAIE,KACE,sIACA,iEACA,wEACA,yEACA,gFACA,mEACA,mCACA,kCAKF,GAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,GAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,GAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,GAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,GAEE,oEACA,6EACA,4EACA,qFACA,sEAGF,GAEE,kEACA,6EACA,4EACA,qFACA,oEAKF,EAEE,iEACA,wEACA,yEACA,gFACA,mEAMF,MAEE,gEACA,yEACA,yEACA,mFACA,oEAKF,MAEE,+DACA,wEACA,yEACA,kFACA,iEAGF,SAEE,gDAGF,KAEE,kBAKF,WAEE,+DACA,wEACA,yEACA,kFACA,iEAKF,cAIE,gHACA,4DACA,qEACA,sEACA,6EACA,gEACA,4BAGF,IAEE,gHACA,4DACA,wEACA,gEACA,4BAKF,WAEE,+DACA,uEACA,2EACA,gFACA,iEACA,kBACA,UAKF,GAEE,gEACA,2EACA,yEACA,mFACA,oEAGF,GAEE,+DACA,wEACA,yEACA,kEAUJ,iBAIE,eAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,eAEE,mEACA,6EACA,2EACA,sFACA,sEAKF,eAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,eAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,eAEE,oEACA,6EACA,4EACA,qFACA,sEAGF,eAEE,kEACA,6EACA,4EACA,qFACA,oEAKF,YAEE,+DACA,wEACA,2EACA,gFACA,mEAGF,YAEE,iEACA,wEACA,yEACA,gFACA,mEAGF,YAEE,+DACA,wEACA,yEACA,gFACA,iEAKF,aAEE,gEACA,yEACA,yEACA,mFACA,oEAGF,aAEE,gEACA,yEACA,yEACA,mFACA,oEAKF,YAEE,+DACA,wEACA,yEACA,kFACA,iEAGF,aAEE,gEACA,2EACA,yEACA,mFACA,yBACA,kEAGF,SACE,gHACA,4DACA,qEACA,sEACA,6EACA,gEACA,4BAKF,uDACA,wDACA,gEACA,0DACA,kCACA,kBACE,gBACA,mBACA,uBAEF,mCAIA,0EACA,wEACA,wEACA,yEACA,2ECjYF,iBAMI,MACE,OL0UQ,0BKvUV,OACE,YLsUQ,0BKrUR,aLqUQ,0BKlUV,OACE,WLiUQ,0BKhUR,cLgUQ,0BK7TV,OACE,WL4TQ,0BKzTV,OACE,aLwTQ,0BKrTV,OACE,cLoTQ,0BKjTV,OACE,YLgTQ,0BK3UV,MACE,OL0UQ,2BKvUV,OACE,YLsUQ,2BKrUR,aLqUQ,2BKlUV,OACE,WLiUQ,2BKhUR,cLgUQ,2BK7TV,OACE,WL4TQ,2BKzTV,OACE,aLwTQ,2BKrTV,OACE,cLoTQ,2BKjTV,OACE,YLgTQ,2BK3UV,MACE,OL0UQ,2BKvUV,OACE,YLsUQ,2BKrUR,aLqUQ,2BKlUV,OACE,WLiUQ,2BKhUR,cLgUQ,2BK7TV,OACE,WL4TQ,2BKzTV,OACE,aLwTQ,2BKrTV,OACE,cLoTQ,2BKjTV,OACE,YLgTQ,2BK3UV,MACE,OL0UQ,2BKvUV,OACE,YLsUQ,2BKrUR,aLqUQ,2BKlUV,OACE,WLiUQ,2BKhUR,cLgUQ,2BK7TV,OACE,WL4TQ,2BKzTV,OACE,aLwTQ,2BKrTV,OACE,cLoTQ,2BKjTV,OACE,YLgTQ,2BK3UV,MACE,OL0UQ,2BKvUV,OACE,YLsUQ,2BKrUR,aLqUQ,2BKlUV,OACE,WLiUQ,2BKhUR,cLgUQ,2BK7TV,OACE,WL4TQ,2BKzTV,OACE,aLwTQ,2BKrTV,OACE,cLoTQ,2BKjTV,OACE,YLgTQ,2BK3UV,OACE,OL0UQ,4BKvUV,QACE,YLsUQ,4BKrUR,aLqUQ,4BKlUV,QACE,WLiUQ,4BKhUR,cLgUQ,4BK7TV,QACE,WL4TQ,4BKzTV,QACE,aLwTQ,4BKrTV,QACE,cLoTQ,4BKjTV,QACE,YLgTQ,4BK3UV,OACE,OL0UQ,4BKvUV,QACE,YLsUQ,4BKrUR,aLqUQ,4BKlUV,QACE,WLiUQ,4BKhUR,cLgUQ,4BK7TV,QACE,WL4TQ,4BKzTV,QACE,aLwTQ,4BKrTV,QACE,cLoTQ,4BKjTV,QACE,YLgTQ,4BKvSV,MACE,QLsSQ,0BKnSV,OACE,aLkSQ,0BKjSR,cLiSQ,0BK9RV,OACE,YL6RQ,0BK5RR,eL4RQ,0BKzRV,OACE,YLwRQ,0BKrRV,OACE,cLoRQ,0BKjRV,OACE,eLgRQ,0BK7QV,OACE,aL4QQ,0BKvSV,MACE,QLsSQ,2BKnSV,OACE,aLkSQ,2BKjSR,cLiSQ,2BK9RV,OACE,YL6RQ,2BK5RR,eL4RQ,2BKzRV,OACE,YLwRQ,2BKrRV,OACE,cLoRQ,2BKjRV,OACE,eLgRQ,2BK7QV,OACE,aL4QQ,2BKvSV,MACE,QLsSQ,2BKnSV,OACE,aLkSQ,2BKjSR,cLiSQ,2BK9RV,OACE,YL6RQ,2BK5RR,eL4RQ,2BKzRV,OACE,YLwRQ,2BKrRV,OACE,cLoRQ,2BKjRV,OACE,eLgRQ,2BK7QV,OACE,aL4QQ,2BKvSV,MACE,QLsSQ,2BKnSV,OACE,aLkSQ,2BKjSR,cLiSQ,2BK9RV,OACE,YL6RQ,2BK5RR,eL4RQ,2BKzRV,OACE,YLwRQ,2BKrRV,OACE,cLoRQ,2BKjRV,OACE,eLgRQ,2BK7QV,OACE,aL4QQ,2BKvSV,MACE,QLsSQ,2BKnSV,OACE,aLkSQ,2BKjSR,cLiSQ,2BK9RV,OACE,YL6RQ,2BK5RR,eL4RQ,2BKzRV,OACE,YLwRQ,2BKrRV,OACE,cLoRQ,2BKjRV,OACE,eLgRQ,2BK7QV,OACE,aL4QQ,2BKvSV,OACE,QLsSQ,4BKnSV,QACE,aLkSQ,4BKjSR,cLiSQ,4BK9RV,QACE,YL6RQ,4BK5RR,eL4RQ,4BKzRV,QACE,YLwRQ,4BKrRV,QACE,cLoRQ,4BKjRV,QACE,eLgRQ,4BK7QV,QACE,aL4QQ,4BKvSV,OACE,QLsSQ,4BKnSV,QACE,aLkSQ,4BKjSR,cLiSQ,4BK9RV,QACE,YL6RQ,4BK5RR,eL4RQ,4BKzRV,QACE,YLwRQ,4BKrRV,QACE,cLoRQ,4BKjRV,QACE,eLgRQ,4BK7QV,QACE,aL4QQ,4BKpQZ,SACE,UL8Ga,6BK3Gf,SACE,UL2Ga,6BKxGf,WACE,ULwGa,+BKrGf,SACE,ULqGa,6BKlGf,SACE,ULkGa,6BK/Ff,UACE,UL+Fa,8BK5Ff,UACE,UL4Fa,8BKzFf,YACE,YL0FmB,iCKvFrB,aACE,YLuFmB,kCKpFrB,aACE,YLoFmB,kCKjFrB,eACE,YLiFmB,oCK9ErB,WACE,YL8EmB,gCK3ErB,eACE,YL4EkB,iCKzEpB,gBACE,YLyEkB,kCKtEpB,iBACE,YLsEkB,oCKnEpB,aACE,kBAGF,WACE,gBAGF,YACE,iBAQA,cACE,ML6KM,iCK1KR,YACE,iBLyKM,iCKtKR,gBACE,aLqKM,iCK9KR,gBACE,ML6KM,mCK1KR,cACE,iBLyKM,mCKtKR,kBACE,aLqKM,mCK9KR,cACE,ML6KM,iCK1KR,YACE,iBLyKM,iCKtKR,gBACE,aLqKM,iCK9KR,cACE,ML6KM,iCK1KR,YACE,iBLyKM,iCKtKR,gBACE,aLqKM,iCK9KR,YACE,ML6KM,+BK1KR,UACE,iBLyKM,+BKtKR,cACE,aLqKM,+BK9KR,WACE,ML6KM,8BK1KR,SACE,iBLyKM,8BKtKR,aACE,aLqKM,8BK7JN,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,cACE,MLkJO,iCK/IT,YACE,iBL8IO,iCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,gBACE,MLkJO,mCK/IT,cACE,iBL8IO,mCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,eACE,MLkJO,kCK/IT,aACE,iBL8IO,kCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKnJT,iBACE,MLkJO,oCK/IT,eACE,iBL8IO,oCKvIX,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK7Db,kBACE,ML4DW,kCKzDb,gBACE,iBLwDW,kCKrDb,oBACE,aLoDW,kCK3Cb,WACE,WLiJO,qDKlJT,WACE,WLiJO,uDKlJT,WACE,WLiJO,yDKlJT,WACE,WLiJO,yDKzIX,cACE,gBAGF,YACE,cLUe,gCKPjB,YACE,cLOe,gCKJjB,YACE,cLIe,gCKDjB,YACE,cLCe,iCKEjB,cACE,qBAOF,aACE,aLNiB,iCKOjB,mBAGF,aACE,aLViB,iCKWjB,mBAGF,cACE,aLdiB,kCKejB,mBAQA,QACE,QL4HQ,GK7HV,QACE,QL4HQ,KK7HV,QACE,QL4HQ,EK7HV,YACE,QL4HQ,KK7HV,UACE,QL4HQ,KK7HV,SACE,QL4HQ,KK7HV,YACE,QL4HQ,KK7HV,SACE,QL4HQ,KK7HV,WACE,QL4HQ,KK7HV,WACE,QL4HQ,KKpHZ,qBACA,wBACA,uBACA,wBACA,uBAMA,OACE,cAGF,QACE,eAGF,cACE,qBAGF,QACE,aAOF,MACE,aAGF,UACE,mBAGF,UACE,sBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,aACE,yBAGF,gBACE,uBAGF,iBACE,8BAGF,gBACE,6BAGF,gBACE,6BAGF,aACE,uBAGF,WACE,qBAGF,cACE,mBAGF,eACE,oBAGF,gBACE,qBAGF,QACE,YAGF,WACE,cAGF,WACE,UAOF,MACE,aAIA,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,cACE,iDADF,cACE,iDADF,cACE,iDASF,QACE,ILxDQ,0BK2DV,UACE,WL5DQ,0BK+DV,UACE,QLhEQ,0BKuDV,QACE,ILxDQ,2BK2DV,UACE,WL5DQ,2BK+DV,UACE,QLhEQ,2BKuDV,QACE,ILxDQ,2BK2DV,UACE,WL5DQ,2BK+DV,UACE,QLhEQ,2BKuDV,QACE,ILxDQ,2BK2DV,UACE,WL5DQ,2BK+DV,UACE,QLhEQ,2BKuDV,QACE,ILxDQ,2BK2DV,UACE,WL5DQ,2BK+DV,UACE,QLhEQ,2BKuDV,SACE,ILxDQ,4BK2DV,WACE,WL5DQ,4BK+DV,WACE,QLhEQ,4BKuDV,SACE,ILxDQ,4BK2DV,WACE,WL5DQ,4BK+DV,WACE,QLhEQ,4BKwEZ,gBACE,+BAGF,mBACE,+FAGF,oBACE,mCAGF,wCACA,wCACA","file":"flux-ui.css"}
+{"version":3,"sourceRoot":"","sources":["../../../libs/flux-ui/styles/_variables.scss","../../../libs/flux-ui/styles/_root.scss","../../../libs/flux-ui/styles/_reset.scss","../../../libs/flux-ui/styles/_layout.scss","../../../libs/flux-ui/styles/_typography.scss","../../../libs/flux-ui/styles/_utilities.scss"],"names":[],"mappings":"AAqBA,oCCTA,MAMM,gqHAQF,sYAMF,wEACA,wEACA,gEAME,0dAMF,kIACA,4GAKA,gEACA,kEACA,qEACA,6DACA,gEACA,iEACA,mEAKA,sEACA,wEACA,wEACA,4EACA,oEAKA,sEACA,2EACA,2EASA,gFACA,8EACA,8EACA,+EACA,gFAME,kVAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECpGF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,YFuJe,8FEtJf,UF4Ja,mCE3Jb,YFwKkB,qCEvKlB,MF+Ee,oCE9Ef,iBF6Ee,oCE5Ef,mCACA,kCAOF,6BACE,SACA,UAGF,kBACE,oBACA,kBACA,oBAGF,MACE,gBAOF,EACE,cACA,qBACA,+BAEA,iBAEE,UAQJ,cACE,YFwGe,wEEvGf,cAGF,IACE,SACA,cAOF,6BAIE,SACA,UACA,oBACA,eACA,iBAGF,+DAIE,yBACA,SACA,eACA,0BAEA,uIACE,UACA,SAIJ,qBACE,UACA,4BAGF,kBACE,UACA,yBAGF,SACE,cACA,gBAOF,MACE,yBACA,iBAGF,MAEE,UAOF,QAEE,eACA,YACA,cAGF,IACE,SACA,sBAOF,aAEE,eAOF,SACE,aAGF,GACE,SACA,SACA,sDCrLJ,iBAKE,MACE,aAGF,UACE,sBAGF,UACE,mBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,gBACE,uBAGF,aACE,yBAGF,iBACE,8BAGF,gBACE,6BAGF,aACE,uBAGF,cACE,mBAGF,WACE,qBAGF,eACE,oBAGF,QACE,IH4GW,6BGzGb,QACE,IHyGW,8BGtGb,QACE,IHsGW,2BGnGb,QACE,IHmGW,6BGhGb,QACE,IHgGW,2BG7Fb,QACE,OAGF,WACE,YAGF,eACE,cAOF,MACE,aAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,oBACE,2DAOF,QACE,aAGF,OACE,cAGF,cACE,qBAGF,QACE,eAOF,UACE,kBAGF,UACE,kBAGF,OACE,eAGF,QACE,gBAGF,QACE,gBAOF,QACE,WAGF,QACE,WAGF,QACE,YAGF,QACE,YAGF,cACE,iBACA,kBAGF,iBACE,iBACA,iBACA,kBAOF,iBACE,gBAGF,eACE,cAGF,iBACE,gBAGF,iBACE,iBC5LJ,+PACE,0GACA,mCACA,kCACA,SAQF,kBAIE,KACE,sIACA,qEACA,wEACA,4EACA,gFACA,mEACA,mCACA,kCAKF,GAEE,uEACA,yEACA,2EACA,sFACA,sEAGF,GAEE,qEACA,yEACA,2EACA,sFACA,sEAGF,GAEE,qEACA,6EACA,2EACA,mFACA,sEAGF,GAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,GAEE,wEACA,6EACA,+EACA,qFACA,sEAGF,GAEE,uEACA,6EACA,+EACA,qFACA,oEAKF,EAEE,qEACA,wEACA,4EACA,gFACA,mEAMF,MAEE,qEACA,yEACA,yEACA,mFACA,oEAKF,MAEE,kEACA,wEACA,4EACA,kFACA,iEAGF,SAEE,gDAGF,KAEE,kBAKF,WAEE,kEACA,wEACA,4EACA,kFACA,iEAKF,cAIE,gHACA,iEACA,qEACA,yEACA,6EACA,gEACA,4BAGF,IAEE,gHACA,iEACA,wEACA,gEACA,4BAKF,WAEE,+DACA,uEACA,2EACA,gFACA,iEACA,kBACA,UAKF,GAEE,qEACA,2EACA,yEACA,mFACA,oEAGF,GAEE,oEACA,wEACA,4EACA,kEAUJ,iBAIE,eAEE,uEACA,yEACA,2EACA,sFACA,sEAGF,eAEE,qEACA,6EACA,2EACA,sFACA,sEAKF,eAEE,qEACA,yEACA,2EACA,sFACA,sEAGF,eAEE,qEACA,6EACA,2EACA,mFACA,sEAGF,eAEE,wEACA,6EACA,+EACA,qFACA,sEAGF,eAEE,uEACA,6EACA,+EACA,qFACA,oEAKF,YAEE,+DACA,wEACA,2EACA,gFACA,mEAGF,YAEE,qEACA,wEACA,4EACA,gFACA,mEAGF,YAEE,oEACA,wEACA,4EACA,gFACA,iEAKF,aAEE,qEACA,yEACA,yEACA,mFACA,oEAGF,aAEE,mEACA,yEACA,yEACA,mFACA,oEAKF,YAEE,kEACA,wEACA,4EACA,kFACA,iEAGF,aAEE,mEACA,2EACA,yEACA,mFACA,yBACA,kEAGF,SACE,gHACA,iEACA,qEACA,yEACA,6EACA,gEACA,4BAKF,uDACA,wDACA,gEACA,0DACA,kCACA,kBACE,gBACA,mBACA,uBAEF,mCAIA,0EACA,wEACA,wEACA,yEACA,2ECjYF,iBAMI,QACE,OLqUQ,gCKlUV,SACE,YLiUQ,gCKhUR,aLgUQ,gCK7TV,SACE,WL4TQ,gCK3TR,cL2TQ,gCKxTV,SACE,WLuTQ,gCKpTV,SACE,aLmTQ,gCKhTV,SACE,cL+SQ,gCK5SV,SACE,YL2SQ,gCKtUV,MACE,OLqUQ,6BKlUV,OACE,YLiUQ,6BKhUR,aLgUQ,6BK7TV,OACE,WL4TQ,6BK3TR,cL2TQ,6BKxTV,OACE,WLuTQ,6BKpTV,OACE,aLmTQ,6BKhTV,OACE,cL+SQ,6BK5SV,OACE,YL2SQ,6BKtUV,MACE,OLqUQ,8BKlUV,OACE,YLiUQ,8BKhUR,aLgUQ,8BK7TV,OACE,WL4TQ,8BK3TR,cL2TQ,8BKxTV,OACE,WLuTQ,8BKpTV,OACE,aLmTQ,8BKhTV,OACE,cL+SQ,8BK5SV,OACE,YL2SQ,8BKtUV,MACE,OLqUQ,2BKlUV,OACE,YLiUQ,2BKhUR,aLgUQ,2BK7TV,OACE,WL4TQ,2BK3TR,cL2TQ,2BKxTV,OACE,WLuTQ,2BKpTV,OACE,aLmTQ,2BKhTV,OACE,cL+SQ,2BK5SV,OACE,YL2SQ,2BKtUV,MACE,OLqUQ,6BKlUV,OACE,YLiUQ,6BKhUR,aLgUQ,6BK7TV,OACE,WL4TQ,6BK3TR,cL2TQ,6BKxTV,OACE,WLuTQ,6BKpTV,OACE,aLmTQ,6BKhTV,OACE,cL+SQ,6BK5SV,OACE,YL2SQ,6BKtUV,MACE,OLqUQ,2BKlUV,OACE,YLiUQ,2BKhUR,aLgUQ,2BK7TV,OACE,WL4TQ,2BK3TR,cL2TQ,2BKxTV,OACE,WLuTQ,2BKpTV,OACE,aLmTQ,2BKhTV,OACE,cL+SQ,2BK5SV,OACE,YL2SQ,2BKtUV,OACE,OLqUQ,4BKlUV,QACE,YLiUQ,4BKhUR,aLgUQ,4BK7TV,QACE,WL4TQ,4BK3TR,cL2TQ,4BKxTV,QACE,WLuTQ,4BKpTV,QACE,aLmTQ,4BKhTV,QACE,cL+SQ,4BK5SV,QACE,YL2SQ,4BKtUV,OACE,OLqUQ,4BKlUV,QACE,YLiUQ,4BKhUR,aLgUQ,4BK7TV,QACE,WL4TQ,4BK3TR,cL2TQ,4BKxTV,QACE,WLuTQ,4BKpTV,QACE,aLmTQ,4BKhTV,QACE,cL+SQ,4BK5SV,QACE,YL2SQ,4BKlSV,QACE,QLiSQ,gCK9RV,SACE,aL6RQ,gCK5RR,cL4RQ,gCKzRV,SACE,YLwRQ,gCKvRR,eLuRQ,gCKpRV,SACE,YLmRQ,gCKhRV,SACE,cL+QQ,gCK5QV,SACE,eL2QQ,gCKxQV,SACE,aLuQQ,gCKlSV,MACE,QLiSQ,6BK9RV,OACE,aL6RQ,6BK5RR,cL4RQ,6BKzRV,OACE,YLwRQ,6BKvRR,eLuRQ,6BKpRV,OACE,YLmRQ,6BKhRV,OACE,cL+QQ,6BK5QV,OACE,eL2QQ,6BKxQV,OACE,aLuQQ,6BKlSV,MACE,QLiSQ,8BK9RV,OACE,aL6RQ,8BK5RR,cL4RQ,8BKzRV,OACE,YLwRQ,8BKvRR,eLuRQ,8BKpRV,OACE,YLmRQ,8BKhRV,OACE,cL+QQ,8BK5QV,OACE,eL2QQ,8BKxQV,OACE,aLuQQ,8BKlSV,MACE,QLiSQ,2BK9RV,OACE,aL6RQ,2BK5RR,cL4RQ,2BKzRV,OACE,YLwRQ,2BKvRR,eLuRQ,2BKpRV,OACE,YLmRQ,2BKhRV,OACE,cL+QQ,2BK5QV,OACE,eL2QQ,2BKxQV,OACE,aLuQQ,2BKlSV,MACE,QLiSQ,6BK9RV,OACE,aL6RQ,6BK5RR,cL4RQ,6BKzRV,OACE,YLwRQ,6BKvRR,eLuRQ,6BKpRV,OACE,YLmRQ,6BKhRV,OACE,cL+QQ,6BK5QV,OACE,eL2QQ,6BKxQV,OACE,aLuQQ,6BKlSV,MACE,QLiSQ,2BK9RV,OACE,aL6RQ,2BK5RR,cL4RQ,2BKzRV,OACE,YLwRQ,2BKvRR,eLuRQ,2BKpRV,OACE,YLmRQ,2BKhRV,OACE,cL+QQ,2BK5QV,OACE,eL2QQ,2BKxQV,OACE,aLuQQ,2BKlSV,OACE,QLiSQ,4BK9RV,QACE,aL6RQ,4BK5RR,cL4RQ,4BKzRV,QACE,YLwRQ,4BKvRR,eLuRQ,4BKpRV,QACE,YLmRQ,4BKhRV,QACE,cL+QQ,4BK5QV,QACE,eL2QQ,4BKxQV,QACE,aLuQQ,4BKlSV,OACE,QLiSQ,4BK9RV,QACE,aL6RQ,4BK5RR,cL4RQ,4BKzRV,QACE,YLwRQ,4BKvRR,eLuRQ,4BKpRV,QACE,YLmRQ,4BKhRV,QACE,cL+QQ,4BK5QV,QACE,eL2QQ,4BKxQV,QACE,aLuQQ,4BK/PZ,SACE,ULyGa,gCKtGf,SACE,ULsGa,kCKnGf,WACE,ULmGa,mCKhGf,SACE,ULgGa,6BK7Ff,SACE,UL6Fa,gCK1Ff,UACE,UL0Fa,gCKvFf,UACE,ULuFa,kCKpFf,YACE,YLqFmB,iCKlFrB,aACE,YLkFmB,kCK/ErB,aACE,YL+EmB,kCK5ErB,eACE,YL4EmB,oCKzErB,WACE,YLyEmB,gCKtErB,eACE,YLuEkB,iCKpEpB,gBACE,YLoEkB,qCKjEpB,iBACE,YLiEkB,oCK9DpB,aACE,kBAGF,WACE,gBAGF,YACE,iBAQA,cACE,MLwKM,iCKrKR,YACE,iBLoKM,iCKjKR,gBACE,aLgKM,iCKzKR,gBACE,MLwKM,mCKrKR,cACE,iBLoKM,mCKjKR,kBACE,aLgKM,mCKzKR,cACE,MLwKM,iCKrKR,YACE,iBLoKM,iCKjKR,gBACE,aLgKM,iCKzKR,cACE,MLwKM,iCKrKR,YACE,iBLoKM,iCKjKR,gBACE,aLgKM,iCKzKR,YACE,MLwKM,+BKrKR,UACE,iBLoKM,+BKjKR,cACE,aLgKM,+BKzKR,WACE,MLwKM,8BKrKR,SACE,iBLoKM,8BKjKR,aACE,aLgKM,8BKxJN,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,cACE,ML6IO,iCK1IT,YACE,iBLyIO,iCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,gBACE,ML6IO,mCK1IT,cACE,iBLyIO,mCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,eACE,ML6IO,kCK1IT,aACE,iBLyIO,kCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCK9IT,iBACE,ML6IO,oCK1IT,eACE,iBLyIO,oCKlIX,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKxDb,kBACE,MLuDW,kCKpDb,gBACE,iBLmDW,kCKhDb,oBACE,aL+CW,kCKtCb,WACE,WL6IO,qDK9IT,WACE,WL6IO,uDK9IT,WACE,WL6IO,yDK9IT,WACE,WL6IO,yDKrIX,cACE,gBAGF,YACE,cLKe,gCKFjB,YACE,cLEe,gCKCjB,YACE,cLDe,gCKIjB,YACE,cLJe,iCKOjB,cACE,mDAOF,aACE,aLXiB,iCKYjB,mBAGF,aACE,aLfiB,iCKgBjB,mBAGF,cACE,aLnBiB,kCKoBjB,mBAQA,QACE,QLwHQ,GKzHV,QACE,QLwHQ,KKzHV,QACE,QLwHQ,EKzHV,YACE,QLwHQ,KKzHV,UACE,QLwHQ,KKzHV,SACE,QLwHQ,KKzHV,YACE,QLwHQ,KKzHV,SACE,QLwHQ,KKzHV,WACE,QLwHQ,KKzHV,WACE,QLwHQ,KKhHZ,qBACA,wBACA,uBACA,wBACA,uBAMA,OACE,cAGF,QACE,eAGF,cACE,qBAGF,QACE,aAOF,MACE,aAGF,UACE,mBAGF,UACE,sBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,aACE,yBAGF,gBACE,uBAGF,iBACE,8BAGF,gBACE,6BAGF,gBACE,6BAGF,aACE,uBAGF,WACE,qBAGF,cACE,mBAGF,eACE,oBAGF,gBACE,qBAGF,QACE,YAGF,WACE,cAGF,WACE,UAOF,MACE,aAIA,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,cACE,iDADF,cACE,iDADF,cACE,iDASF,UACE,IL7DQ,gCKgEV,YACE,WLjEQ,gCKoEV,YACE,QLrEQ,gCK4DV,QACE,IL7DQ,6BKgEV,UACE,WLjEQ,6BKoEV,UACE,QLrEQ,6BK4DV,QACE,IL7DQ,8BKgEV,UACE,WLjEQ,8BKoEV,UACE,QLrEQ,8BK4DV,QACE,IL7DQ,2BKgEV,UACE,WLjEQ,2BKoEV,UACE,QLrEQ,2BK4DV,QACE,IL7DQ,6BKgEV,UACE,WLjEQ,6BKoEV,UACE,QLrEQ,6BK4DV,QACE,IL7DQ,2BKgEV,UACE,WLjEQ,2BKoEV,UACE,QLrEQ,2BK4DV,SACE,IL7DQ,4BKgEV,WACE,WLjEQ,4BKoEV,WACE,QLrEQ,4BK4DV,SACE,IL7DQ,4BKgEV,WACE,WLjEQ,4BKoEV,WACE,QLrEQ,4BK6EZ,gBACE,+BAGF,mBACE,+FAGF,oBACE,mCAGF,wCACA,wCACA","file":"flux-ui.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vialiq/flux-ui",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/styles/_flatpickr-core.scss

@@ -1,4 +1,5 @@
 @use 'variables' as tokens;
+@use '../styles/functions' as func;
 .flatpickr-calendar {
   background: transparent;
   opacity: 0;
@@ -10,9 +11,9 @@
           animation: none;
   direction: ltr;
   border: 0;
-  font-size: 14px;
+  font-size: #{func.to-rem(14px)};
   line-height: 24px;
-  border-radius: 5px;
+  border-radius: #{func.to-rem(5px)};
   position: absolute;
   width: 307.875px;
   -webkit-box-sizing: border-box;
@@ -501,7 +502,7 @@ span.flatpickr-weekday {
 .flatpickr-day {
   background: none;
   border: 1px solid transparent;
-  border-radius: 150px;
+  border-radius: #{func.to-rem(150px)};
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   color: #{tokens.$text-primary};
@@ -576,12 +577,12 @@ span.flatpickr-weekday {
 .flatpickr-day.selected.startRange,
 .flatpickr-day.startRange.startRange,
 .flatpickr-day.endRange.startRange {
-  border-radius: 50px 0 0 50px;
+  border-radius: #{func.to-rem(50px)} 0 0 #{func.to-rem(50px)};
 }
 .flatpickr-day.selected.endRange,
 .flatpickr-day.startRange.endRange,
 .flatpickr-day.endRange.endRange {
-  border-radius: 0 50px 50px 0;
+  border-radius: 0 #{func.to-rem(50px)} #{func.to-rem(50px)} 0;
 }
 .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
 .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
@@ -592,7 +593,7 @@ span.flatpickr-weekday {
 .flatpickr-day.selected.startRange.endRange,
 .flatpickr-day.startRange.startRange.endRange,
 .flatpickr-day.endRange.startRange.endRange {
-  border-radius: 50px;
+  border-radius: #{func.to-rem(50px)};
 }
 .flatpickr-day.inRange {
   border-radius: 0;
@@ -719,7 +720,7 @@ span.flatpickr-weekday {
   height: inherit;
   line-height: inherit;
   color: #{tokens.$text-primary};
-  font-size: 14px;
+  font-size: #{func.to-rem(14px)};
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/styles/_functions.scss

@@ -0,0 +1,39 @@
+@use 'sass:math';
+@use 'sass:meta';
+
+/// Global configuration for the base font size used in rem calculations.
+/// Consumers can override this if their app uses a non-16px root font size.
+/// Example: @use 'flux-ui/styles/functions' with ($vi-rem-base: 10px);
+$vi-rem-base: 16px !default;
+
+/// Convert pixels to rems based on the configurable global base
+/// @param {Number} $px - The pixel value (with or without 'px' unit)
+/// @return {Number} The value in rems
+@function to-rem($px) {
+  @if meta.type-of($px) != 'number' {
+    @error "to-rem() requires a number, got #{meta.type-of($px)}.";
+  }
+
+  // If the value has a unit other than px (like %, em, rem), return it as is
+  @if not math.is-unitless($px) and math.unit($px) != 'px' {
+    @return $px;
+  }
+
+  // Strip units for math
+  $px-val: $px;
+  @if not math.is-unitless($px) {
+    $px-val: math.div($px, 1px);
+  }
+
+  $base-val: $vi-rem-base;
+  @if not math.is-unitless($vi-rem-base) {
+    $base-val: math.div($vi-rem-base, 1px);
+  }
+
+  // If 0, just return 0 (no unit needed)
+  @if $px-val == 0 {
+    @return 0;
+  }
+
+  @return math.div($px-val, $base-val) * 1rem;
+}