@vialiq/flux-ui 0.21.0 → 0.22.0

package/components/_animation.scss

@@ -245,3 +245,8 @@
   0% { background-position: -200% 0; }
   100% { background-position: 200% 0; }
 }
+
+@keyframes vi-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}

package/components/_card.scss

@@ -0,0 +1,180 @@
+@use '../styles/variables' as tokens;
+@use '../styles/functions' as func;
+
+@layer components {
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .vi-card {
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    box-sizing: border-box;
+    width: 100%;
+
+    background-color: var(--vi-card-bg, #{tokens.$layer-01});
+    border: #{tokens.$border-width-thin} solid var(--vi-card-border-color, #{tokens.$border-02});
+    border-radius: var(--vi-card-border-radius, #{tokens.$border-radius-lg});
+    color: var(--vi-card-color, #{tokens.$text-primary});
+    // Refined premium transitions
+    transition: box-shadow 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
+                border-color 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), 
+                transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
+    
+    // Subtle glassy inner highlight for 3D machined edge + faint ambient shadow
+    box-shadow: var(--vi-card-shadow, #{tokens.$shadow-sm}, #{tokens.$shadow-inner-light});
+    
+    // Default padding (can be overridden by size classes)
+    --vi-card-padding: #{func.to-rem(24px)};
+  }
+
+  /* Size Overrides */
+  .vi-card--size-sm { --vi-card-padding: #{func.to-rem(12px)}; }
+  .vi-card--size-md { --vi-card-padding: #{func.to-rem(16px)}; }
+  .vi-card--size-lg { --vi-card-padding: #{func.to-rem(24px)}; }
+
+  .vi-card--hoverable:hover {
+    // Multi-layered diffuse shadow + maintaining the inner inset highlight
+    box-shadow: var(--vi-card-hover-shadow, #{tokens.$shadow-md}, #{tokens.$shadow-inner-light});
+    border-color: var(--vi-card-hover-border-color, #{tokens.$border-03});
+    // Physical lift micro-interaction
+    transform: translateY(-2px);
+    cursor: pointer;
+  }
+  
+  // Subtle tactile press effect
+  .vi-card--hoverable:active {
+    transform: translateY(0) scale(0.995);
+    box-shadow: var(--vi-card-active-shadow, #{tokens.$shadow-sm}, #{tokens.$shadow-inner-light});
+  }
+
+  /* Structural Slots */
+  
+  .vi-card-cover {
+    display: flex;
+    overflow: hidden;
+    border-top-left-radius: var(--vi-card-border-radius, #{tokens.$border-radius-lg});
+    border-top-right-radius: var(--vi-card-border-radius, #{tokens.$border-radius-lg});
+    margin-top: -1px;
+    margin-left: -1px;
+    margin-right: -1px;
+
+    ::slotted(*) {
+      width: 100%;
+      display: block;
+      object-fit: cover;
+    }
+  }
+  .vi-card-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: var(--vi-card-padding);
+    border-bottom: #{tokens.$border-width-thin} solid transparent;
+  }
+
+  .vi-card--bordered .vi-card-header {
+    border-bottom-color: var(--vi-card-border-color, #{tokens.$border-02});
+  }
+
+  .vi-card-title {
+    margin: 0;
+    font-family: #{tokens.$font-family-base};
+    font-weight: #{tokens.$font-weight-semibold};
+    /* Premium tracking for dense, modern typography */
+    letter-spacing: -0.01em;
+    
+    /* Fluid typography fallback using vw instead of cqi */
+    font-size: var(--vi-card-title-font-size, clamp(#{func.to-rem(16px)}, #{func.to-rem(14px)} + 1vw, #{func.to-rem(20px)}));
+    line-height: #{tokens.$line-height-tight};
+    color: var(--vi-card-title-color, #{tokens.$text-primary});
+  }
+
+  .vi-card-extra {
+    display: flex;
+    align-items: center;
+    gap: #{func.to-rem(8px)};
+  }
+
+  .vi-card-body {
+    padding: var(--vi-card-padding);
+    flex: 1 1 auto;
+    font-size: var(--vi-card-body-font-size, #{tokens.$font-size-base});
+    line-height: #{tokens.$line-height-normal};
+    color: var(--vi-card-body-color, #{tokens.$text-secondary});
+  }
+
+  .vi-card-footer {
+    display: flex;
+    align-items: center;
+    padding: var(--vi-card-padding);
+    border-top: #{tokens.$border-width-thin} solid transparent;
+  }
+
+  .vi-card--bordered .vi-card-footer {
+    border-top-color: var(--vi-card-border-color, #{tokens.$border-02});
+  }
+
+  .vi-card-actions {
+    display: flex;
+    // Visually anchor actions with faint background
+    background: var(--vi-card-actions-bg, #{tokens.$layer-dimmed});
+    border-top: #{tokens.$border-width-thin} solid transparent;
+  }
+
+  .vi-card--bordered .vi-card-actions {
+    border-top-color: var(--vi-card-border-color, #{tokens.$border-02});
+  }
+
+  .vi-card-actions ::slotted(*) {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: #{func.to-rem(12px)} 0;
+    margin: 0;
+    border-right: #{tokens.$border-width-thin} solid transparent;
+    color: var(--vi-card-action-color, #{tokens.$text-secondary});
+    transition: color 0.3s ease;
+    cursor: pointer;
+  }
+
+  .vi-card--bordered .vi-card-actions ::slotted(*) {
+    border-right-color: var(--vi-card-border-color, #{tokens.$border-02});
+  }
+
+  .vi-card-actions ::slotted(*:hover) {
+    color: var(--vi-card-action-hover-color, #{tokens.$text-primary});
+  }
+
+  .vi-card-actions ::slotted(*:last-child) {
+    border-right: none;
+  }
+
+
+  .vi-card-skeleton {
+    display: flex;
+    gap: #{func.to-rem(16px)};
+    width: 100%;
+  }
+
+  .vi-card-skeleton-content {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
+    gap: #{func.to-rem(16px)};
+  }
+
+  .vi-card-skeleton-title {
+    width: 38%;
+    margin-top: #{func.to-rem(8px)};
+    margin-bottom: #{func.to-rem(4px)};
+  }
+
+  .vi-card-skeleton-short {
+    width: 61%;
+  }
+
+}

package/components/_checkbox.scss

@@ -96,7 +96,7 @@
   .checkbox-input:focus-visible ~ .checkbox-box {
     outline: #{tokens.$border-width-base} solid var(--vi-checkbox-focus-ring-color, #{tokens.$focus});
     outline-offset: 2px;
-    box-shadow: 0 0 0 3px var(--vi-checkbox-focus-ring-glow, #{tokens.$color-blue-200});
+    box-shadow: #{tokens.$focus-ring-shadow};
   }
 
   // Hover state (only on non-disabled)

package/components/_chip.scss

@@ -31,7 +31,7 @@
   .chip:focus-visible {
     outline: #{tokens.$border-width-base} solid var(--vi-chip-focus-ring-color, #{tokens.$focus});
     outline-offset: 0;
-    box-shadow: 0 0 0 3px var(--vi-chip-focus-ring-glow, #{tokens.$color-blue-200});
+    box-shadow: #{tokens.$focus-ring-shadow};
   }
 
   // Disabled state structure

package/components/_combobox.scss

@@ -52,7 +52,7 @@
       border-color: var(--vi-combobox-border-color-focus, #{tokens.$focus});
       outline: var(--vi-combobox-border-width-focus, #{tokens.$border-width-base}) solid var(--vi-combobox-focus-ring-color, #{tokens.$focus});
       outline-offset: 0;
-      box-shadow: 0 0 0 3px var(--vi-combobox-focus-ring-glow, #{tokens.$color-blue-200});
+      box-shadow: #{tokens.$focus-ring-shadow};
     }
 
     &.is-disabled {

package/components/_index.scss

@@ -23,3 +23,4 @@
 @forward 'tab';
 @forward 'tab-panel';
 @forward 'spin';
+@use './skeleton';

package/components/_input.scss

@@ -54,7 +54,7 @@
     &:focus {
       outline: #{tokens.$border-width-base} solid var(--vi-input-focus-ring-color, #{tokens.$focus});
       outline-offset: 0;
-      box-shadow: 0 0 0 3px var(--vi-input-focus-ring-glow, #{tokens.$color-blue-200});
+      box-shadow: #{tokens.$focus-ring-shadow};
     }
 
     &::placeholder {

package/components/_progress.scss

@@ -0,0 +1,259 @@
+@use '../styles/variables' as tokens;
+@use '../styles/functions' as func;
+
+// ─────────────────────────────────────────────────────────────────────────────
+// COMPONENT: vi-progress
+// ─────────────────────────────────────────────────────────────────────────────
+
+:host {
+  display: block;
+  width: 100%;
+}
+
+.vi-progress {
+  display: flex;
+  align-items: center;
+  gap: var(--vi-progress-gap, #{tokens.$spacing-sm});
+  font-family: var(--vi-font-family, #{tokens.$font-family-base});
+
+  // Level 1: Consumer override
+  // Level 2: Component default
+  // Level 3: Semantic token
+  --progress-track-bg: var(--vi-progress-track-bg, #{tokens.$layer-03});
+  --progress-indicator-bg: var(--vi-progress-indicator-bg, #{tokens.$color-primary});
+  --progress-text-color: var(--vi-progress-text-color, #{tokens.$text-primary});
+  --progress-border-radius: var(--vi-progress-border-radius, #{tokens.$border-radius-full});
+  --progress-line-height: var(--vi-progress-line-height, #{func.to-rem(8px)});
+  --progress-circle-size: var(--vi-progress-circle-size, #{func.to-rem(120px)});
+  --progress-font-size: var(--vi-progress-font-size, #{tokens.$font-size-base});
+
+  // Variants
+  &.vi-progress--variant-primary {
+    --progress-indicator-bg: var(--vi-progress-primary-bg, #{tokens.$color-primary});
+  }
+  &.vi-progress--variant-success {
+    --progress-indicator-bg: var(--vi-progress-success-bg, #{tokens.$color-green-500});
+  }
+  &.vi-progress--variant-error {
+    --progress-indicator-bg: var(--vi-progress-error-bg, #{tokens.$color-red-500});
+  }
+  &.vi-progress--variant-warning {
+    --progress-indicator-bg: var(--vi-progress-warning-bg, #{tokens.$color-yellow-500});
+  }
+
+  // Sizes
+  &.vi-progress--size-sm {
+    --progress-line-height: var(--vi-progress-line-height-sm, #{func.to-rem(6px)});
+    --progress-font-size: var(--vi-progress-font-size-sm, #{tokens.$font-size-sm});
+    --progress-circle-size: var(--vi-progress-circle-size-sm, #{func.to-rem(80px)});
+  }
+  &.vi-progress--size-md {
+    --progress-line-height: var(--vi-progress-line-height-md, #{func.to-rem(8px)});
+    --progress-font-size: var(--vi-progress-font-size-md, #{tokens.$font-size-base});
+    --progress-circle-size: var(--vi-progress-circle-size-md, #{func.to-rem(120px)});
+  }
+  &.vi-progress--size-lg {
+    --progress-line-height: var(--vi-progress-line-height-lg, #{func.to-rem(12px)});
+    --progress-font-size: var(--vi-progress-font-size-lg, #{tokens.$font-size-lg});
+    --progress-circle-size: var(--vi-progress-circle-size-lg, #{func.to-rem(160px)});
+  }
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// TYPE: LINE
+// ─────────────────────────────────────────────────────────────────────────────
+
+.vi-progress--line {
+  .vi-progress-outer {
+    flex: 1 1 auto;
+  }
+
+  .vi-progress-track {
+    background-color: var(--progress-track-bg);
+    border-radius: var(--progress-border-radius);
+    height: var(--progress-line-height);
+    overflow: hidden; // Ensures indicator is clipped to radius
+    position: relative;
+    width: 100%;
+  }
+
+  .vi-progress-success-indicator {
+    background-color: var(--progress-success-bg, #{tokens.$color-success});
+    border-radius: var(--progress-border-radius);
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .vi-progress-indicator {
+    background-color: var(--progress-indicator-bg);
+    border-radius: var(--progress-border-radius);
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
+  }
+
+  // Status: active (gleaming sweep animation)
+  &.vi-progress--status-active .vi-progress-indicator::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: var(--vi-progress-gleam-bg, #{tokens.$layer-01});
+    opacity: 0;
+    animation: vi-progress-active-gleam 2s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+  }
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// TYPE: CIRCLE
+// ─────────────────────────────────────────────────────────────────────────────
+
+.vi-progress--circle,
+.vi-progress--dashboard {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: var(--progress-circle-size);
+  height: var(--progress-circle-size);
+  gap: 0; // Text is overlaid
+
+  .vi-progress-circle-svg {
+    width: 100%;
+    height: 100%;
+    transform: rotate(-90deg);
+  }
+
+  .vi-progress-circle-track {
+    fill: transparent;
+    stroke: var(--progress-track-bg);
+    // stroke-width is provided inline via JS based on props, but fallback here
+    stroke-width: var(--vi-progress-circle-stroke-width, 6);
+  }
+
+  .vi-progress-circle-success {
+    fill: transparent;
+    stroke: var(--progress-success-bg, #{tokens.$color-success});
+    stroke-width: var(--vi-progress-circle-stroke-width, 6);
+    transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .vi-progress-circle-indicator {
+    fill: transparent;
+    stroke: var(--progress-indicator-bg);
+    stroke-width: var(--vi-progress-circle-stroke-width, 6);
+    transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1), stroke 0.3s ease;
+  }
+
+  .vi-progress-info {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    text-align: center;
+  }
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// TYPE: STEPS
+// ─────────────────────────────────────────────────────────────────────────────
+
+.vi-progress--steps {
+  .vi-progress-steps {
+    flex: 1 1 auto;
+    display: flex;
+    gap: var(--vi-progress-step-gap, #{func.to-rem(4px)});
+    align-items: center;
+  }
+
+  .vi-progress-step-item {
+    flex: 1;
+    border-radius: var(--progress-border-radius);
+    transition: background-color 0.3s ease, height 0.3s ease;
+  }
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// INFO TEXT & ICONS
+// ─────────────────────────────────────────────────────────────────────────────
+
+.vi-progress-info {
+  color: var(--progress-text-color);
+  font-size: var(--progress-font-size);
+  line-height: 1;
+  white-space: nowrap;
+  word-break: keep-all;
+
+  // Align icons nicely
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  
+  vi-icon {
+    font-size: calc(var(--progress-font-size) * 1.15); // icons slightly larger than text
+  }
+  
+  // Specific icon colors overriding text color
+  .vi-progress--variant-success & vi-icon {
+    color: var(--progress-indicator-bg); 
+  }
+  .vi-progress--variant-error & vi-icon {
+    color: var(--progress-indicator-bg);
+  }
+
+  // Simulate filled icons for Line mode
+  .vi-progress--line.vi-progress--status-success & vi-icon,
+  .vi-progress--line.vi-progress--status-exception & vi-icon {
+    background-color: var(--progress-indicator-bg);
+    color: #{tokens.$text-inverse};
+    border-radius: 50%;
+    // Ensure the background is tightly fitted to the icon
+    width: 1em;
+    height: 1em;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// ANIMATIONS
+// ─────────────────────────────────────────────────────────────────────────────
+
+@keyframes vi-progress-active-gleam {
+  0% {
+    opacity: 0.1;
+    width: 0;
+  }
+  20% {
+    opacity: 0.5;
+    width: 0;
+  }
+  100% {
+    opacity: 0;
+    width: 100%;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .vi-progress-indicator {
+    transition: none !important;
+  }
+  
+  .vi-progress--status-active .vi-progress-indicator::before {
+    animation: none !important;
+  }
+  
+  .vi-progress-circle-indicator {
+    transition: none !important;
+  }
+}

package/components/_radio.scss

@@ -139,7 +139,7 @@
   .radio-input:focus-visible + .radio-circle {
     outline: #{tokens.$border-width-base} solid var(--vi-radio-focus-ring-color, #{tokens.$focus});
     outline-offset: 2px;
-    box-shadow: 0 0 0 3px var(--vi-radio-focus-ring-glow, #{tokens.$color-blue-200});
+    box-shadow: #{tokens.$focus-ring-shadow};
   }
 
   // Hover state (only on non-disabled)

package/components/_select.scss

@@ -70,7 +70,7 @@
       border-color: var(--vi-select-focus-ring-color, #{tokens.$focus});
       outline: var(--vi-border-width-base, 2px) solid var(--vi-select-focus-ring-color, #{tokens.$focus});
       outline-offset: -1px;
-      box-shadow: 0 0 0 3px var(--vi-select-focus-ring-glow, #{tokens.$color-blue-200});
+      box-shadow: #{tokens.$focus-ring-shadow};
     }
   }
 
@@ -290,7 +290,7 @@
       border-color: var(--vi-select-focus-ring-color, #{tokens.$focus});
       outline: var(--vi-border-width-base, 2px) solid var(--vi-select-focus-ring-color, #{tokens.$focus});
       outline-offset: -1px;
-      box-shadow: 0 0 0 3px var(--vi-select-focus-ring-glow, #{tokens.$color-blue-200});
+      box-shadow: #{tokens.$focus-ring-shadow};
     }
   }
 

package/components/_skeleton.scss

@@ -0,0 +1,35 @@
+@use '../styles/variables' as tokens;
+@use '../styles/functions' as func;
+@use './animation';
+
+@layer components {
+  .vi-skeleton {
+    display: block;
+    background: var(--vi-skeleton-color, #{tokens.$layer-02});
+    box-sizing: border-box;
+    /* Transition for smooth animation changes if needed */
+    transition: background 0.3s ease;
+  }
+
+  /* Shimmer Animation State */
+  .vi-skeleton--animation-shimmer {
+    background: linear-gradient(
+      90deg,
+      var(--vi-skeleton-color, #{tokens.$layer-02}) 25%,
+      var(--vi-skeleton-to-color, #{tokens.$layer-03}) 37%,
+      var(--vi-skeleton-color, #{tokens.$layer-02}) 63%
+    );
+    background-size: 400% 100%;
+    animation: vi-shimmer 1.4s ease infinite;
+  }
+
+  /* Pulse Animation State */
+  .vi-skeleton--animation-pulse {
+    animation: vi-pulse 1.5s ease-in-out infinite;
+  }
+
+  /* None Animation State */
+  .vi-skeleton--animation-none {
+    /* No animation overrides, uses default static background */
+  }
+}

package/components/_spin.scss

@@ -0,0 +1,159 @@
+/**
+ * Spin component base styles.
+ *
+ * Provides the host-agnostic foundation for the loading spinner.
+ * Includes the dot animations and overlay dimming logic.
+ */
+
+@use '../styles/functions' as func;
+@use '../styles/variables' as tokens;
+
+@layer components {
+
+  @keyframes viSpinRotate {
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes viSpinMove {
+    to {
+      opacity: 1;
+    }
+  }
+
+  .spin-wrapper {
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: var(--vi-spin-color, var(--vi-color-primary, #{tokens.$color-primary}));
+    vertical-align: middle;
+    text-align: center;
+    opacity: 0;
+    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
+
+    &.spinning {
+      opacity: 1;
+    }
+
+    &.spin-fullscreen {
+      position: fixed;
+      inset: 0;
+      z-index: 9999;
+      background-color: var(--vi-spin-fullscreen-bg, rgba(255, 255, 255, 0.8));
+    }
+  }
+
+  .spin-circle {
+    display: inline-block;
+    font-size: var(--vi-spin-size-md, #{func.to-rem(20px)});
+    width: 1em;
+    height: 1em;
+    animation: viSpinRotate 1s infinite linear;
+
+    &.spin-circle-determinate {
+      animation: none;
+      transform: rotate(-90deg);
+    }
+  }
+
+  .spin-dot {
+    position: relative;
+    display: inline-block;
+    font-size: var(--vi-spin-size-md, #{func.to-rem(20px)});
+    width: 1em;
+    height: 1em;
+    transform: rotate(45deg);
+    animation: viSpinRotate 1.2s infinite linear;
+  }
+
+  .spin-dot-item {
+    position: absolute;
+    display: block;
+    width: var(--vi-spin-item-size-md, 9px);
+    height: var(--vi-spin-item-size-md, 9px);
+    background-color: currentColor;
+    border-radius: 100%;
+    transform: scale(0.75);
+    transform-origin: 50% 50%;
+    opacity: 0.3;
+    animation: viSpinMove 1s infinite linear alternate;
+
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+      animation-delay: 0.4s;
+    }
+    &:nth-child(3) {
+      right: 0;
+      bottom: 0;
+      animation-delay: 0.8s;
+    }
+    &:nth-child(4) {
+      bottom: 0;
+      left: 0;
+      animation-delay: 1.2s;
+    }
+  }
+
+  .spin-text {
+    margin-top: #{tokens.$spacing-xs};
+    font-family: #{tokens.$font-family-base};
+    font-size: var(--vi-spin-text-font-size, #{tokens.$font-size-sm});
+    color: var(--vi-spin-color, var(--vi-color-primary, #{tokens.$color-primary}));
+  }
+
+  // Sizes
+  .spin-sm {
+    .spin-circle, .spin-dot {
+      font-size: var(--vi-spin-size-sm, #{tokens.$font-size-base});
+    }
+    .spin-dot-item {
+      width: var(--vi-spin-item-size-sm, #{tokens.$spacing-unit});
+      height: var(--vi-spin-item-size-sm, #{tokens.$spacing-unit});
+    }
+  }
+
+  .spin-lg {
+    .spin-circle, .spin-dot {
+      font-size: var(--vi-spin-size-lg, #{tokens.$spacing-xl});
+    }
+    .spin-dot-item {
+      width: var(--vi-spin-item-size-lg, #{tokens.$font-size-base});
+      height: var(--vi-spin-item-size-lg, #{tokens.$font-size-base});
+    }
+  }
+
+  // Nested Overlay Mode
+  .spin-nested-loading {
+    position: relative;
+
+    .spin-container {
+      position: relative;
+      transition: opacity 0.3s;
+      
+      &.spin-blur {
+        clear: both;
+        opacity: 0.5;
+        user-select: none;
+        pointer-events: none;
+      }
+    }
+
+    > .spin-wrapper {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 4;
+      display: flex;
+      width: 100%;
+      height: 100%;
+      max-height: 400px;
+    }
+  }
+}

package/components/_switch.scss

@@ -76,7 +76,7 @@
     height: var(--vi-switch-thumb-size, func.to-rem(18px));
     background-color: var(--vi-switch-thumb-color, #{tokens.$text-primary-inverse});
     border-radius: 50%;
-    box-shadow: var(--vi-switch-thumb-shadow, 0 1px 3px rgba(0, 0, 0, 0.2));
+    box-shadow: var(--vi-switch-thumb-shadow, #{tokens.$shadow-md});
     transition: left var(--vi-switch-transition-duration, 150ms) ease;
   }
 
@@ -98,7 +98,7 @@
     outline: #{tokens.$border-width-base} solid
       var(--vi-switch-focus-ring-color, #{tokens.$focus});
     outline-offset: 2px;
-    box-shadow: 0 0 0 3px var(--vi-switch-focus-ring-glow, #{tokens.$color-blue-200});
+    box-shadow: #{tokens.$focus-ring-shadow};
   }
 
   // ── Disabled state ────────────────────────────────────────────────────────────

package/components/_tab.scss

@@ -156,7 +156,7 @@
     background: var(--vi-tab-badge-bg, #{tokens.$color-primary});
     color: var(--vi-tab-badge-color, #{tokens.$layer-01});
     flex-shrink: 0;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
+    box-shadow: #{tokens.$shadow-sm};
     animation: vi-badge-pop 320ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
   }
 

package/components/_tabs.scss

@@ -223,7 +223,7 @@
       padding: var(--vi-tabs-spacing-xs, 4px);
       gap: var(--vi-tabs-gap-xs, 2px);
       // Inset shadow creates a "recessed tray" feel
-      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.07), inset 0 1px 2px rgba(0, 0, 0, 0.04);
+      box-shadow: #{tokens.$shadow-inner-deep};
     }
 
     // The sliding white pill cursor
@@ -233,10 +233,7 @@
       border-radius: #{func.to-rem(7px)};
       background: var(--vi-tabs-surface-primary, #{tokens.$layer-01});
       // Multi-layer shadow for floating card feel
-      box-shadow:
-        0 1px 3px rgba(0, 0, 0, 0.10),
-        0 1px 2px rgba(0, 0, 0, 0.06),
-        0 0   0 1px rgba(0, 0, 0, 0.04);
+      box-shadow: #{tokens.$shadow-sm};
     }
 
     // Indicator hidden — cursor does selection work
@@ -292,7 +289,7 @@
       border: 1px solid var(--vi-tabs-border-color, #{tokens.$color-border});
       border-bottom-color: $surface-color; // Merges with content below
       margin-top: 8px;
-      box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
+      box-shadow: #{tokens.$shadow-sm};
     }
 
     .vi-tabs__indicator { display: none; }
@@ -309,7 +306,7 @@
     border: 1px solid var(--vi-tabs-border-color, #{tokens.$color-border});
     border-radius: #{func.to-rem(10px)};
     overflow: clip;  // Enclosed: clip cursor inside rounded border box
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+    box-shadow: #{tokens.$shadow-sm};
 
     .vi-tabs__tablist {
       background: var(--vi-tabs-surface-secondary, #{tokens.$layer-02});
@@ -370,9 +367,7 @@
       width: calc(100% - 8px) !important; // Override JS width — fills sidebar
       border-radius: #{func.to-rem(8px)};
       background: var(--vi-tabs-surface-primary, #{tokens.$layer-01});
-      box-shadow:
-        0 1px 3px rgba(0, 0, 0, 0.08),
-        0 0 0 1px rgba(0, 0, 0, 0.04);
+      box-shadow: #{tokens.$shadow-sm};
     }
 
     // Vertical indicator — right edge accent line
@@ -518,10 +513,7 @@
     background: var(--vi-tabs-surface-primary, #{tokens.$layer-01});
     border: 1px solid var(--vi-tabs-border-color, #{tokens.$color-border});
     border-radius: #{func.to-rem(8px)};
-    box-shadow:
-      0 4px 6px -1px rgba(0, 0, 0, 0.10),
-      0 2px 4px -1px rgba(0, 0, 0, 0.06),
-      0 0 0 1px rgba(0, 0, 0, 0.04);
+    box-shadow: #{tokens.$shadow-md};
     padding: var(--vi-tabs-spacing-xs, 4px);
     animation: vi-menu-appear 150ms cubic-bezier(0.4, 0, 0.2, 1);
     transform-origin: top right;

package/components/_tag.scss

@@ -294,7 +294,7 @@
     // ────────────────────────────────────────────────────────────────────────
     &.appearance-solid {
       border-color: transparent;
-      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+      box-shadow: #{tokens.$shadow-sm};
 
       &.variant-neutral {
         background-color: var(--vi-tag-solid-neutral-bg, #{tokens.$border-inverse-03});

package/components/index.scss

@@ -0,0 +1 @@
+@forward 'progress';

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-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 */
+@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.03)));--vi-shadow-md: strip-units(var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)));--vi-shadow-lg: strip-units(var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.1)));--vi-shadow-xl: strip-units(var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 25px 50px -12px rgba(0, 0, 0, 0.15)));--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.03))}.shadow-md{box-shadow:var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1))}.shadow-lg{box-shadow:var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.1))}.shadow-xl{box-shadow:var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 25px 50px -12px rgba(0, 0, 0, 0.15))}.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":"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"}
+{"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,scAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECpGF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,YF0Je,8FEzJf,UF+Ja,mCE9Jb,YF2KkB,qCE1KlB,MF+Ee,oCE9Ef,iBF6Ee,oCE5Ef,mCACA,kCAOF,6BACE,SACA,UAGF,kBACE,oBACA,kBACA,oBAGF,MACE,gBAOF,EACE,cACA,qBACA,+BAEA,iBAEE,UAQJ,cACE,YF2Ge,wEE1Gf,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,IH+GW,6BG5Gb,QACE,IH4GW,8BGzGb,QACE,IHyGW,2BGtGb,QACE,IHsGW,6BGnGb,QACE,IHmGW,2BGhGb,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,OLoVQ,gCKjVV,SACE,YLgVQ,gCK/UR,aL+UQ,gCK5UV,SACE,WL2UQ,gCK1UR,cL0UQ,gCKvUV,SACE,WLsUQ,gCKnUV,SACE,aLkUQ,gCK/TV,SACE,cL8TQ,gCK3TV,SACE,YL0TQ,gCKrVV,MACE,OLoVQ,6BKjVV,OACE,YLgVQ,6BK/UR,aL+UQ,6BK5UV,OACE,WL2UQ,6BK1UR,cL0UQ,6BKvUV,OACE,WLsUQ,6BKnUV,OACE,aLkUQ,6BK/TV,OACE,cL8TQ,6BK3TV,OACE,YL0TQ,6BKrVV,MACE,OLoVQ,8BKjVV,OACE,YLgVQ,8BK/UR,aL+UQ,8BK5UV,OACE,WL2UQ,8BK1UR,cL0UQ,8BKvUV,OACE,WLsUQ,8BKnUV,OACE,aLkUQ,8BK/TV,OACE,cL8TQ,8BK3TV,OACE,YL0TQ,8BKrVV,MACE,OLoVQ,2BKjVV,OACE,YLgVQ,2BK/UR,aL+UQ,2BK5UV,OACE,WL2UQ,2BK1UR,cL0UQ,2BKvUV,OACE,WLsUQ,2BKnUV,OACE,aLkUQ,2BK/TV,OACE,cL8TQ,2BK3TV,OACE,YL0TQ,2BKrVV,MACE,OLoVQ,6BKjVV,OACE,YLgVQ,6BK/UR,aL+UQ,6BK5UV,OACE,WL2UQ,6BK1UR,cL0UQ,6BKvUV,OACE,WLsUQ,6BKnUV,OACE,aLkUQ,6BK/TV,OACE,cL8TQ,6BK3TV,OACE,YL0TQ,6BKrVV,MACE,OLoVQ,2BKjVV,OACE,YLgVQ,2BK/UR,aL+UQ,2BK5UV,OACE,WL2UQ,2BK1UR,cL0UQ,2BKvUV,OACE,WLsUQ,2BKnUV,OACE,aLkUQ,2BK/TV,OACE,cL8TQ,2BK3TV,OACE,YL0TQ,2BKrVV,OACE,OLoVQ,4BKjVV,QACE,YLgVQ,4BK/UR,aL+UQ,4BK5UV,QACE,WL2UQ,4BK1UR,cL0UQ,4BKvUV,QACE,WLsUQ,4BKnUV,QACE,aLkUQ,4BK/TV,QACE,cL8TQ,4BK3TV,QACE,YL0TQ,4BKrVV,OACE,OLoVQ,4BKjVV,QACE,YLgVQ,4BK/UR,aL+UQ,4BK5UV,QACE,WL2UQ,4BK1UR,cL0UQ,4BKvUV,QACE,WLsUQ,4BKnUV,QACE,aLkUQ,4BK/TV,QACE,cL8TQ,4BK3TV,QACE,YL0TQ,4BKjTV,QACE,QLgTQ,gCK7SV,SACE,aL4SQ,gCK3SR,cL2SQ,gCKxSV,SACE,YLuSQ,gCKtSR,eLsSQ,gCKnSV,SACE,YLkSQ,gCK/RV,SACE,cL8RQ,gCK3RV,SACE,eL0RQ,gCKvRV,SACE,aLsRQ,gCKjTV,MACE,QLgTQ,6BK7SV,OACE,aL4SQ,6BK3SR,cL2SQ,6BKxSV,OACE,YLuSQ,6BKtSR,eLsSQ,6BKnSV,OACE,YLkSQ,6BK/RV,OACE,cL8RQ,6BK3RV,OACE,eL0RQ,6BKvRV,OACE,aLsRQ,6BKjTV,MACE,QLgTQ,8BK7SV,OACE,aL4SQ,8BK3SR,cL2SQ,8BKxSV,OACE,YLuSQ,8BKtSR,eLsSQ,8BKnSV,OACE,YLkSQ,8BK/RV,OACE,cL8RQ,8BK3RV,OACE,eL0RQ,8BKvRV,OACE,aLsRQ,8BKjTV,MACE,QLgTQ,2BK7SV,OACE,aL4SQ,2BK3SR,cL2SQ,2BKxSV,OACE,YLuSQ,2BKtSR,eLsSQ,2BKnSV,OACE,YLkSQ,2BK/RV,OACE,cL8RQ,2BK3RV,OACE,eL0RQ,2BKvRV,OACE,aLsRQ,2BKjTV,MACE,QLgTQ,6BK7SV,OACE,aL4SQ,6BK3SR,cL2SQ,6BKxSV,OACE,YLuSQ,6BKtSR,eLsSQ,6BKnSV,OACE,YLkSQ,6BK/RV,OACE,cL8RQ,6BK3RV,OACE,eL0RQ,6BKvRV,OACE,aLsRQ,6BKjTV,MACE,QLgTQ,2BK7SV,OACE,aL4SQ,2BK3SR,cL2SQ,2BKxSV,OACE,YLuSQ,2BKtSR,eLsSQ,2BKnSV,OACE,YLkSQ,2BK/RV,OACE,cL8RQ,2BK3RV,OACE,eL0RQ,2BKvRV,OACE,aLsRQ,2BKjTV,OACE,QLgTQ,4BK7SV,QACE,aL4SQ,4BK3SR,cL2SQ,4BKxSV,QACE,YLuSQ,4BKtSR,eLsSQ,4BKnSV,QACE,YLkSQ,4BK/RV,QACE,cL8RQ,4BK3RV,QACE,eL0RQ,4BKvRV,QACE,aLsRQ,4BKjTV,OACE,QLgTQ,4BK7SV,QACE,aL4SQ,4BK3SR,cL2SQ,4BKxSV,QACE,YLuSQ,4BKtSR,eLsSQ,4BKnSV,QACE,YLkSQ,4BK/RV,QACE,cL8RQ,4BK3RV,QACE,eL0RQ,4BKvRV,QACE,aLsRQ,4BK9QZ,SACE,UL4Ga,gCKzGf,SACE,ULyGa,kCKtGf,WACE,ULsGa,mCKnGf,SACE,ULmGa,6BKhGf,SACE,ULgGa,gCK7Ff,UACE,UL6Fa,gCK1Ff,UACE,UL0Fa,kCKvFf,YACE,YLwFmB,iCKrFrB,aACE,YLqFmB,kCKlFrB,aACE,YLkFmB,kCK/ErB,eACE,YL+EmB,oCK5ErB,WACE,YL4EmB,gCKzErB,eACE,YL0EkB,iCKvEpB,gBACE,YLuEkB,qCKpEpB,iBACE,YLoEkB,oCKjEpB,aACE,kBAGF,WACE,gBAGF,YACE,iBAQA,cACE,MLuLM,iCKpLR,YACE,iBLmLM,iCKhLR,gBACE,aL+KM,iCKxLR,gBACE,MLuLM,mCKpLR,cACE,iBLmLM,mCKhLR,kBACE,aL+KM,mCKxLR,cACE,MLuLM,iCKpLR,YACE,iBLmLM,iCKhLR,gBACE,aL+KM,iCKxLR,cACE,MLuLM,iCKpLR,YACE,iBLmLM,iCKhLR,gBACE,aL+KM,iCKxLR,YACE,MLuLM,+BKpLR,UACE,iBLmLM,+BKhLR,cACE,aL+KM,+BKxLR,WACE,MLuLM,8BKpLR,SACE,iBLmLM,8BKhLR,aACE,aL+KM,8BKvKN,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,cACE,ML4JO,iCKzJT,YACE,iBLwJO,iCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,gBACE,ML4JO,mCKzJT,cACE,iBLwJO,mCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,eACE,ML4JO,kCKzJT,aACE,iBLwJO,kCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCK7JT,iBACE,ML4JO,oCKzJT,eACE,iBLwJO,oCKjJX,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKvEb,kBACE,MLsEW,kCKnEb,gBACE,iBLkEW,kCK/Db,oBACE,aL8DW,kCKrDb,WACE,WL4JO,qDK7JT,WACE,WL4JO,6FK7JT,WACE,WL4JO,+FK7JT,WACE,WL4JO,iGKpJX,cACE,gBAGF,YACE,cLoBe,gCKjBjB,YACE,cLiBe,gCKdjB,YACE,cLce,gCKXjB,YACE,cLWe,iCKRjB,cACE,mDAOF,aACE,aLIiB,iCKHjB,mBAGF,aACE,8CACA,mBAGF,cACE,aLJiB,kCKKjB,mBAQA,QACE,QLuIQ,GKxIV,QACE,QLuIQ,KKxIV,QACE,QLuIQ,EKxIV,YACE,QLuIQ,KKxIV,UACE,QLuIQ,KKxIV,SACE,QLuIQ,KKxIV,YACE,QLuIQ,KKxIV,SACE,QLuIQ,KKxIV,WACE,QLuIQ,KKxIV,WACE,QLuIQ,KK/HZ,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,IL9CQ,gCKiDV,YACE,WLlDQ,gCKqDV,YACE,QLtDQ,gCK6CV,QACE,IL9CQ,6BKiDV,UACE,WLlDQ,6BKqDV,UACE,QLtDQ,6BK6CV,QACE,IL9CQ,8BKiDV,UACE,WLlDQ,8BKqDV,UACE,QLtDQ,8BK6CV,QACE,IL9CQ,2BKiDV,UACE,WLlDQ,2BKqDV,UACE,QLtDQ,2BK6CV,QACE,IL9CQ,6BKiDV,UACE,WLlDQ,6BKqDV,UACE,QLtDQ,6BK6CV,QACE,IL9CQ,2BKiDV,UACE,WLlDQ,2BKqDV,UACE,QLtDQ,2BK6CV,SACE,IL9CQ,4BKiDV,WACE,WLlDQ,4BKqDV,WACE,QLtDQ,4BK6CV,SACE,IL9CQ,4BKiDV,WACE,WLlDQ,4BKqDV,WACE,QLtDQ,4BK8DZ,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.21.0",
+  "version": "0.22.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/styles/_variables.scss

@@ -126,6 +126,9 @@ $layer-01:            var(--vi-layer-01,            #ffffff); // Pure white base
 $layer-02:            var(--vi-layer-02,            #f3f4f6); // grey-100
 $layer-03:            var(--vi-layer-03,            #e5e7eb); // grey-200
 $layer-04:            var(--vi-layer-04,            #d1d5db); // grey-300
+$layer-dimmed:        var(--vi-layer-dimmed,        rgba(0, 0, 0, 0.02)); // Faint tint for visual anchors
+$layer-overlay:       var(--vi-layer-overlay,       rgba(0, 0, 0, 0.40)); // Scrim/backdrop for modals, drawers, sidebars
+
 
 $layer-hover-01:      var(--vi-layer-hover-01,      #f3f4f6); // grey-100
 $layer-hover-02:      var(--vi-layer-hover-02,      #e5e7eb); // grey-200
@@ -220,10 +223,22 @@ $letter-spacing-widest:  var(--vi-letter-spacing-widest,   0.1em);
 
 // -- Primitive: Shadows ------------------------------------------------------
 
-$shadow-sm: var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
-$shadow-md: var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
-$shadow-lg: var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
-$shadow-xl: var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1));
+// Premium multi-layered diffuse shadows
+$shadow-sm: var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
+$shadow-md: var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1));
+$shadow-lg: var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 20px 25px -5px rgba(0, 0, 0, 0.1));
+$shadow-xl: var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 25px 50px -12px rgba(0, 0, 0, 0.15));
+
+// Premium 3D edge highlights
+$shadow-inner-light: var(--vi-shadow-inner-light, inset 0 1px 0 rgba(255, 255, 255, 0.3));
+$shadow-inner-dark:  var(--vi-shadow-inner-dark, inset 0 1px 0 rgba(0, 0, 0, 0.05));
+$shadow-inner-deep:  var(--vi-shadow-inner-deep, inset 0 1px 3px rgba(0, 0, 0, 0.07), inset 0 1px 2px rgba(0, 0, 0, 0.04));
+
+// Focus Rings
+$focus-ring-color:  var(--vi-focus-ring-color, $color-blue-200);
+$focus-ring-shadow: var(--vi-focus-ring-shadow, 0 0 0 3px $focus-ring-color);
+$focus-ring-error-shadow: var(--vi-focus-ring-error-shadow, 0 0 0 3px $color-red-200);
+$focus-ring-success-shadow: var(--vi-focus-ring-success-shadow, 0 0 0 3px $color-green-200);
 
 // -- Primitive: Border radius ------------------------------------------------