@vialiq/flux-ui 0.20.0 → 0.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +22 -0
- package/components/_accordion.scss +13 -13
- package/components/_alert.scss +7 -7
- package/components/_animation.scss +8 -3
- package/components/_badge.scss +8 -6
- package/components/_card.scss +180 -0
- package/components/_checkbox.scss +6 -5
- package/components/_chip.scss +5 -5
- package/components/_combobox.scss +1 -1
- package/components/_index.scss +2 -0
- package/components/_input.scss +1 -1
- package/components/_label.scss +3 -3
- package/components/_modal.scss +7 -5
- package/components/_progress.scss +259 -0
- package/components/_radio.scss +8 -7
- package/components/_select.scss +8 -7
- package/components/_skeleton.scss +35 -0
- package/components/_spin.scss +159 -0
- package/components/_switch.scss +14 -13
- package/components/_tab-panel.scss +2 -1
- package/components/_tab.scss +9 -8
- package/components/_tabs.scss +23 -30
- package/components/_tag.scss +50 -67
- package/components/_tooltip.scss +10 -8
- package/components/index.scss +1 -0
- package/flux-ui.css +1 -1
- package/flux-ui.css.map +1 -1
- package/package.json +1 -1
- package/styles/_flatpickr-core.scss +8 -7
- package/styles/_functions.scss +39 -0
- package/styles/_index.scss +1 -0
- package/styles/_layout.scss +1 -0
- package/styles/_utilities.scss +1 -1
- package/styles/_variables.scss +52 -41
package/flux-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset, components, utilities;:root{--vi-color-grey-100: strip-units(var(--vi-color-grey-100, #f5f5f5));--vi-color-grey-200: strip-units(var(--vi-color-grey-200, #eeeeee));--vi-color-grey-300: strip-units(var(--vi-color-grey-300, #e0e0e0));--vi-color-grey-400: strip-units(var(--vi-color-grey-400, #bdbdbd));--vi-color-grey-500: strip-units(var(--vi-color-grey-500, #9e9e9e));--vi-color-grey-600: strip-units(var(--vi-color-grey-600, #757575));--vi-color-grey-700: strip-units(var(--vi-color-grey-700, #616161));--vi-color-grey-800: strip-units(var(--vi-color-grey-800, #424242));--vi-color-grey-900: strip-units(var(--vi-color-grey-900, #212121));--vi-color-red-100: strip-units(var(--vi-color-red-100, #ffccce));--vi-color-red-200: strip-units(var(--vi-color-red-200, #f69892));--vi-color-red-300: strip-units(var(--vi-color-red-300, #ee6f68));--vi-color-red-400: strip-units(var(--vi-color-red-400, #f74d40));--vi-color-red-500: strip-units(var(--vi-color-red-500, #fb3c1e));--vi-color-red-600: strip-units(var(--vi-color-red-600, #ed3020));--vi-color-red-700: strip-units(var(--vi-color-red-700, #db231b));--vi-color-red-800: strip-units(var(--vi-color-red-800, #ce1a12));--vi-color-red-900: strip-units(var(--vi-color-red-900, #c00000));--vi-color-yellow-100: strip-units(var(--vi-color-yellow-100, #ffeab1));--vi-color-yellow-200: strip-units(var(--vi-color-yellow-200, #ffde85));--vi-color-yellow-300: strip-units(var(--vi-color-yellow-300, #ffd359));--vi-color-yellow-400: strip-units(var(--vi-color-yellow-400, #ffc72e));--vi-color-yellow-500: strip-units(var(--vi-color-yellow-500, #ffba00));--vi-color-yellow-600: strip-units(var(--vi-color-yellow-600, #ffa900));--vi-color-yellow-700: strip-units(var(--vi-color-yellow-700, #ff9900));--vi-color-yellow-800: strip-units(var(--vi-color-yellow-800, #e68300));--vi-color-yellow-900: strip-units(var(--vi-color-yellow-900, #cc6d00));--vi-color-green-100: strip-units(var(--vi-color-green-100, #e6f0eb));--vi-color-green-200: strip-units(var(--vi-color-green-200, #c0dbcd));--vi-color-green-300: strip-units(var(--vi-color-green-300, #96c4ab));--vi-color-green-400: strip-units(var(--vi-color-green-400, #6eab88));--vi-color-green-500: strip-units(var(--vi-color-green-500, #489167));--vi-color-green-600: strip-units(var(--vi-color-green-600, #367551));--vi-color-green-700: strip-units(var(--vi-color-green-700, #265a3d));--vi-color-green-800: strip-units(var(--vi-color-green-800, #17402a));--vi-color-green-900: strip-units(var(--vi-color-green-900, #0a2618));--vi-color-blue-100: strip-units(var(--vi-color-blue-100, #ebf5ff));--vi-color-blue-200: strip-units(var(--vi-color-blue-200, #cee6ff));--vi-color-blue-300: strip-units(var(--vi-color-blue-300, #a3d1fa));--vi-color-blue-400: strip-units(var(--vi-color-blue-400, #74b6f4));--vi-color-blue-500: strip-units(var(--vi-color-blue-500, #3f96f1));--vi-color-blue-600: strip-units(var(--vi-color-blue-600, #3b86de));--vi-color-blue-700: strip-units(var(--vi-color-blue-700, #3676d0));--vi-color-blue-800: strip-units(var(--vi-color-blue-800, #2d5fa8));--vi-color-blue-900: strip-units(var(--vi-color-blue-900, #254882));--vi-color-purple-100: strip-units(var(--vi-color-purple-100, #f0e5f9));--vi-color-purple-200: strip-units(var(--vi-color-purple-200, #dbbdf2));--vi-color-purple-300: strip-units(var(--vi-color-purple-300, #c18eeb));--vi-color-purple-400: strip-units(var(--vi-color-purple-400, #a454e2));--vi-color-purple-500: strip-units(var(--vi-color-purple-500, #7609d0));--vi-color-purple-600: strip-units(var(--vi-color-purple-600, #6507c9));--vi-color-purple-700: strip-units(var(--vi-color-purple-700, #5505c2));--vi-color-purple-800: strip-units(var(--vi-color-purple-800, #4403bb));--vi-color-purple-900: strip-units(var(--vi-color-purple-900, #3400b4));--vi-color-primary: strip-units(var(--vi-color-primary, #3676d0));--vi-color-secondary: strip-units(var(--vi-color-secondary, #f0f4f8));--vi-color-success: strip-units(var(--vi-color-success, #489167));--vi-color-warning: strip-units(var(--vi-color-warning, #ffba00));--vi-color-error: strip-units(var(--vi-color-error, #ef4444));--vi-color-info: strip-units(var(--vi-color-info, #3676d0));--vi-color-background: strip-units(var(--vi-color-background, #ffffff));--vi-color-foreground: strip-units(var(--vi-color-foreground, #111827));--vi-color-border: strip-units(var(--vi-color-border, #e5e7eb));--vi-spacing-xs: strip-units(var(--vi-spacing-xs, 8px));--vi-spacing-sm: strip-units(var(--vi-spacing-sm, 16px));--vi-spacing-md: strip-units(var(--vi-spacing-md, 24px));--vi-spacing-lg: strip-units(var(--vi-spacing-lg, 32px));--vi-spacing-xl: strip-units(var(--vi-spacing-xl, 40px));--vi-spacing-2xl: strip-units(var(--vi-spacing-2xl, 48px));--vi-spacing-3xl: strip-units(var(--vi-spacing-3xl, 56px));--vi-font-family-base: strip-units(var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));--vi-font-family-mono: strip-units(var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));--vi-font-size-xs: strip-units(var(--vi-font-size-xs, 12px));--vi-font-size-sm: strip-units(var(--vi-font-size-sm, 14px));--vi-font-size-base: strip-units(var(--vi-font-size-base, 16px));--vi-font-size-lg: strip-units(var(--vi-font-size-lg, 18px));--vi-font-size-xl: strip-units(var(--vi-font-size-xl, 20px));--vi-font-size-2xl: strip-units(var(--vi-font-size-2xl, 24px));--vi-font-size-3xl: strip-units(var(--vi-font-size-3xl, 30px));--vi-font-weight-light: strip-units(var(--vi-font-weight-light, 300));--vi-font-weight-normal: strip-units(var(--vi-font-weight-normal, 400));--vi-font-weight-medium: strip-units(var(--vi-font-weight-medium, 500));--vi-font-weight-semibold: strip-units(var(--vi-font-weight-semibold, 600));--vi-font-weight-bold: strip-units(var(--vi-font-weight-bold, 700));--vi-line-height-tight: strip-units(var(--vi-line-height-tight, 1.2));--vi-line-height-normal: strip-units(var(--vi-line-height-normal, 1.5));--vi-line-height-relaxed: strip-units(var(--vi-line-height-relaxed, 1.75));--vi-letter-spacing-tight: strip-units(var(--vi-letter-spacing-tight, -0.01em));--vi-letter-spacing-normal: strip-units(var(--vi-letter-spacing-normal, 0em));--vi-letter-spacing-wide: strip-units(var(--vi-letter-spacing-wide, 0.025em));--vi-letter-spacing-wider: strip-units(var(--vi-letter-spacing-wider, 0.05em));--vi-letter-spacing-widest: strip-units(var(--vi-letter-spacing-widest, 0.1em));--vi-shadow-sm: strip-units(var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05)));--vi-shadow-md: strip-units(var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1)));--vi-shadow-lg: strip-units(var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1)));--vi-shadow-xl: strip-units(var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1)));--vi-border-radius-sm: strip-units(var(--vi-border-radius-sm, 2px));--vi-border-radius-md: strip-units(var(--vi-border-radius-md, 4px));--vi-border-radius-lg: strip-units(var(--vi-border-radius-lg, 8px));--vi-border-radius-xl: strip-units(var(--vi-border-radius-xl, 12px));--vi-border-width-thin: strip-units(var(--vi-border-width-thin, 1px));--vi-border-width-base: strip-units(var(--vi-border-width-base, 2px));--vi-border-width-thick: strip-units(var(--vi-border-width-thick, 3px))}@layer reset{*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--vi-font-size-base, 16px);line-height:var(--vi-line-height-normal, 1.5);color:var(--vi-color-foreground, #111827);background-color:var(--vi-color-background, #ffffff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,h5,h6,ul,ol,dl{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none;background-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}code,pre,samp{font-family:var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace);font-size:1em}pre{margin:0;overflow:auto}button,input,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15}button,input[type=button],input[type=reset],input[type=submit]{background:rgba(0,0,0,0);border:0;cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{padding:0;border:0}input[type=checkbox]{padding:0;-webkit-appearance:checkbox}input[type=radio]{padding:0;-webkit-appearance:radio}textarea{overflow:auto;resize:vertical}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}img,svg{max-width:100%;height:auto;display:block}img{border:0;vertical-align:middle}iframe,video{max-width:100%}[hidden]{display:none}hr{margin:0;border:0;border-top:1px solid var(--vi-color-border, #e5e7eb)}}@layer utilities{.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-auto-fit{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.max-w-container{max-width:1200px;margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}}.vi-overline,.vi-caption,.vi-label-sm,.vi-label-md,.vi-body-sm,.vi-body-md,.vi-body-lg,.vi-heading-sm,.vi-heading-md,.vi-heading-lg,.vi-heading-xl,.vi-display-md,.vi-display-lg,td,th,blockquote,pre,code,kbd,samp,figcaption,small,label,p,h6,h5,h4,h3,h2,h1{font-family:var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@layer components{body{font-family:var(--vi-font-family-base, var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));font-size:var(--vi-body-md-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--vi-heading-h1-size, var(--vi-font-size-3xl, 30px));font-weight:var(--vi-heading-h1-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h1-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h1-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h1-color, var(--vi-color-foreground, #111827))}h2{font-size:var(--vi-heading-h2-size, var(--vi-font-size-2xl, 24px));font-weight:var(--vi-heading-h2-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h2-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h2-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h2-color, var(--vi-color-foreground, #111827))}h3{font-size:var(--vi-heading-h3-size, var(--vi-font-size-xl, 20px));font-weight:var(--vi-heading-h3-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h3-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h3-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h3-color, var(--vi-color-foreground, #111827))}h4{font-size:var(--vi-heading-h4-size, var(--vi-font-size-lg, 18px));font-weight:var(--vi-heading-h4-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h4-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h4-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h4-color, var(--vi-color-foreground, #111827))}h5{font-size:var(--vi-heading-h5-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-heading-h5-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h5-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h5-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h5-color, var(--vi-color-foreground, #111827))}h6{font-size:var(--vi-heading-h6-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-heading-h6-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h6-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h6-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h6-color, var(--vi-color-grey-700, #616161))}p{font-size:var(--vi-body-md-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827))}label{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}small{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}strong,b{font-weight:var(--vi-font-weight-semibold, 600)}em,i{font-style:italic}figcaption{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}code,kbd,samp{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-code-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-code-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-code-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}pre{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 14px));line-height:var(--vi-code-leading, var(--vi-line-height-relaxed, 1.75));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}blockquote{font-size:var(--vi-body-lg-size, var(--vi-font-size-lg, 18px));font-weight:var(--vi-body-lg-weight, var(--vi-font-weight-light, 300));line-height:var(--vi-body-lg-leading, var(--vi-line-height-relaxed, 1.75));letter-spacing:var(--vi-body-lg-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-lg-color, var(--vi-color-grey-700, #616161));font-style:italic;padding:0}th{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}td{font-size:var(--vi-body-sm-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-body-sm-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-sm-leading, var(--vi-line-height-normal, 1.5));color:var(--vi-body-sm-color, var(--vi-color-grey-600, #757575))}}@layer utilities{.vi-display-lg{font-size:var(--vi-display-lg-size, var(--vi-font-size-3xl, 30px));font-weight:var(--vi-display-lg-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-display-lg-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-display-lg-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-display-lg-color, var(--vi-color-foreground, #111827))}.vi-display-md{font-size:var(--vi-display-md-size, var(--vi-font-size-2xl, 24px));font-weight:var(--vi-display-md-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-display-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-display-md-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-display-md-color, var(--vi-color-foreground, #111827))}.vi-heading-xl{font-size:var(--vi-heading-h2-size, var(--vi-font-size-2xl, 24px));font-weight:var(--vi-heading-h2-weight, var(--vi-font-weight-bold, 700));line-height:var(--vi-heading-h2-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h2-tracking, var(--vi-letter-spacing-tight, -0.01em));color:var(--vi-heading-h2-color, var(--vi-color-foreground, #111827))}.vi-heading-lg{font-size:var(--vi-heading-h3-size, var(--vi-font-size-xl, 20px));font-weight:var(--vi-heading-h3-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h3-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-heading-h3-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-heading-h3-color, var(--vi-color-foreground, #111827))}.vi-heading-md{font-size:var(--vi-heading-h5-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-heading-h5-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h5-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h5-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h5-color, var(--vi-color-foreground, #111827))}.vi-heading-sm{font-size:var(--vi-heading-h6-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-heading-h6-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-heading-h6-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-heading-h6-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-heading-h6-color, var(--vi-color-grey-700, #616161))}.vi-body-lg{font-size:var(--vi-body-lg-size, var(--vi-font-size-lg, 18px));font-weight:var(--vi-body-lg-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-lg-leading, var(--vi-line-height-relaxed, 1.75));letter-spacing:var(--vi-body-lg-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-lg-color, var(--vi-color-foreground, #111827))}.vi-body-md{font-size:var(--vi-body-md-size, var(--vi-font-size-base, 16px));font-weight:var(--vi-body-md-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-md-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-md-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-md-color, var(--vi-color-foreground, #111827))}.vi-body-sm{font-size:var(--vi-body-sm-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-body-sm-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-body-sm-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-body-sm-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-body-sm-color, var(--vi-color-grey-600, #757575))}.vi-label-md{font-size:var(--vi-label-md-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-label-md-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-md-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-md-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-md-color, var(--vi-color-foreground, #111827))}.vi-label-sm{font-size:var(--vi-label-sm-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-label-sm-weight, var(--vi-font-weight-medium, 500));line-height:var(--vi-label-sm-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-label-sm-tracking, var(--vi-letter-spacing-wide, 0.025em));color:var(--vi-label-sm-color, var(--vi-color-foreground, #111827))}.vi-caption{font-size:var(--vi-caption-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-caption-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-caption-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-caption-tracking, var(--vi-letter-spacing-wider, 0.05em));color:var(--vi-caption-color, var(--vi-color-grey-500, #9e9e9e))}.vi-overline{font-size:var(--vi-overline-size, var(--vi-font-size-xs, 12px));font-weight:var(--vi-overline-weight, var(--vi-font-weight-semibold, 600));line-height:var(--vi-overline-leading, var(--vi-line-height-tight, 1.2));letter-spacing:var(--vi-overline-tracking, var(--vi-letter-spacing-widest, 0.1em));text-transform:uppercase;color:var(--vi-overline-color, var(--vi-color-grey-600, #757575))}.vi-code{font-family:var(--vi-font-family-mono, var(--vi-font-family-mono, "Menlo", "Monaco", "Courier New", monospace));font-size:var(--vi-code-size, var(--vi-font-size-sm, 14px));font-weight:var(--vi-code-weight, var(--vi-font-weight-normal, 400));line-height:var(--vi-code-leading, var(--vi-line-height-normal, 1.5));letter-spacing:var(--vi-code-tracking, var(--vi-letter-spacing-normal, 0em));color:var(--vi-code-color, var(--vi-color-foreground, #111827));-webkit-font-smoothing:auto}.vi-text-muted{color:var(--vi-color-grey-500, #9e9e9e)}.vi-text-subtle{color:var(--vi-color-grey-600, #757575)}.vi-text-strong{font-weight:var(--vi-font-weight-semibold, 600)}.vi-text-bold{font-weight:var(--vi-font-weight-bold, 700)}.vi-text-italic{font-style:italic}.vi-text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.vi-text-balance{text-wrap:balance}.vi-tracking-tight{letter-spacing:var(--vi-letter-spacing-tight, -0.01em)}.vi-tracking-normal{letter-spacing:var(--vi-letter-spacing-normal, 0em)}.vi-tracking-wide{letter-spacing:var(--vi-letter-spacing-wide, 0.025em)}.vi-tracking-wider{letter-spacing:var(--vi-letter-spacing-wider, 0.05em)}.vi-tracking-widest{letter-spacing:var(--vi-letter-spacing-widest, 0.1em)}}@layer utilities{.m-xs{margin:var(--vi-spacing-xs, 8px)}.mx-xs{margin-left:var(--vi-spacing-xs, 8px);margin-right:var(--vi-spacing-xs, 8px)}.my-xs{margin-top:var(--vi-spacing-xs, 8px);margin-bottom:var(--vi-spacing-xs, 8px)}.mt-xs{margin-top:var(--vi-spacing-xs, 8px)}.mr-xs{margin-right:var(--vi-spacing-xs, 8px)}.mb-xs{margin-bottom:var(--vi-spacing-xs, 8px)}.ml-xs{margin-left:var(--vi-spacing-xs, 8px)}.m-sm{margin:var(--vi-spacing-sm, 16px)}.mx-sm{margin-left:var(--vi-spacing-sm, 16px);margin-right:var(--vi-spacing-sm, 16px)}.my-sm{margin-top:var(--vi-spacing-sm, 16px);margin-bottom:var(--vi-spacing-sm, 16px)}.mt-sm{margin-top:var(--vi-spacing-sm, 16px)}.mr-sm{margin-right:var(--vi-spacing-sm, 16px)}.mb-sm{margin-bottom:var(--vi-spacing-sm, 16px)}.ml-sm{margin-left:var(--vi-spacing-sm, 16px)}.m-md{margin:var(--vi-spacing-md, 24px)}.mx-md{margin-left:var(--vi-spacing-md, 24px);margin-right:var(--vi-spacing-md, 24px)}.my-md{margin-top:var(--vi-spacing-md, 24px);margin-bottom:var(--vi-spacing-md, 24px)}.mt-md{margin-top:var(--vi-spacing-md, 24px)}.mr-md{margin-right:var(--vi-spacing-md, 24px)}.mb-md{margin-bottom:var(--vi-spacing-md, 24px)}.ml-md{margin-left:var(--vi-spacing-md, 24px)}.m-lg{margin:var(--vi-spacing-lg, 32px)}.mx-lg{margin-left:var(--vi-spacing-lg, 32px);margin-right:var(--vi-spacing-lg, 32px)}.my-lg{margin-top:var(--vi-spacing-lg, 32px);margin-bottom:var(--vi-spacing-lg, 32px)}.mt-lg{margin-top:var(--vi-spacing-lg, 32px)}.mr-lg{margin-right:var(--vi-spacing-lg, 32px)}.mb-lg{margin-bottom:var(--vi-spacing-lg, 32px)}.ml-lg{margin-left:var(--vi-spacing-lg, 32px)}.m-xl{margin:var(--vi-spacing-xl, 40px)}.mx-xl{margin-left:var(--vi-spacing-xl, 40px);margin-right:var(--vi-spacing-xl, 40px)}.my-xl{margin-top:var(--vi-spacing-xl, 40px);margin-bottom:var(--vi-spacing-xl, 40px)}.mt-xl{margin-top:var(--vi-spacing-xl, 40px)}.mr-xl{margin-right:var(--vi-spacing-xl, 40px)}.mb-xl{margin-bottom:var(--vi-spacing-xl, 40px)}.ml-xl{margin-left:var(--vi-spacing-xl, 40px)}.m-2xl{margin:var(--vi-spacing-2xl, 48px)}.mx-2xl{margin-left:var(--vi-spacing-2xl, 48px);margin-right:var(--vi-spacing-2xl, 48px)}.my-2xl{margin-top:var(--vi-spacing-2xl, 48px);margin-bottom:var(--vi-spacing-2xl, 48px)}.mt-2xl{margin-top:var(--vi-spacing-2xl, 48px)}.mr-2xl{margin-right:var(--vi-spacing-2xl, 48px)}.mb-2xl{margin-bottom:var(--vi-spacing-2xl, 48px)}.ml-2xl{margin-left:var(--vi-spacing-2xl, 48px)}.m-3xl{margin:var(--vi-spacing-3xl, 56px)}.mx-3xl{margin-left:var(--vi-spacing-3xl, 56px);margin-right:var(--vi-spacing-3xl, 56px)}.my-3xl{margin-top:var(--vi-spacing-3xl, 56px);margin-bottom:var(--vi-spacing-3xl, 56px)}.mt-3xl{margin-top:var(--vi-spacing-3xl, 56px)}.mr-3xl{margin-right:var(--vi-spacing-3xl, 56px)}.mb-3xl{margin-bottom:var(--vi-spacing-3xl, 56px)}.ml-3xl{margin-left:var(--vi-spacing-3xl, 56px)}.p-xs{padding:var(--vi-spacing-xs, 8px)}.px-xs{padding-left:var(--vi-spacing-xs, 8px);padding-right:var(--vi-spacing-xs, 8px)}.py-xs{padding-top:var(--vi-spacing-xs, 8px);padding-bottom:var(--vi-spacing-xs, 8px)}.pt-xs{padding-top:var(--vi-spacing-xs, 8px)}.pr-xs{padding-right:var(--vi-spacing-xs, 8px)}.pb-xs{padding-bottom:var(--vi-spacing-xs, 8px)}.pl-xs{padding-left:var(--vi-spacing-xs, 8px)}.p-sm{padding:var(--vi-spacing-sm, 16px)}.px-sm{padding-left:var(--vi-spacing-sm, 16px);padding-right:var(--vi-spacing-sm, 16px)}.py-sm{padding-top:var(--vi-spacing-sm, 16px);padding-bottom:var(--vi-spacing-sm, 16px)}.pt-sm{padding-top:var(--vi-spacing-sm, 16px)}.pr-sm{padding-right:var(--vi-spacing-sm, 16px)}.pb-sm{padding-bottom:var(--vi-spacing-sm, 16px)}.pl-sm{padding-left:var(--vi-spacing-sm, 16px)}.p-md{padding:var(--vi-spacing-md, 24px)}.px-md{padding-left:var(--vi-spacing-md, 24px);padding-right:var(--vi-spacing-md, 24px)}.py-md{padding-top:var(--vi-spacing-md, 24px);padding-bottom:var(--vi-spacing-md, 24px)}.pt-md{padding-top:var(--vi-spacing-md, 24px)}.pr-md{padding-right:var(--vi-spacing-md, 24px)}.pb-md{padding-bottom:var(--vi-spacing-md, 24px)}.pl-md{padding-left:var(--vi-spacing-md, 24px)}.p-lg{padding:var(--vi-spacing-lg, 32px)}.px-lg{padding-left:var(--vi-spacing-lg, 32px);padding-right:var(--vi-spacing-lg, 32px)}.py-lg{padding-top:var(--vi-spacing-lg, 32px);padding-bottom:var(--vi-spacing-lg, 32px)}.pt-lg{padding-top:var(--vi-spacing-lg, 32px)}.pr-lg{padding-right:var(--vi-spacing-lg, 32px)}.pb-lg{padding-bottom:var(--vi-spacing-lg, 32px)}.pl-lg{padding-left:var(--vi-spacing-lg, 32px)}.p-xl{padding:var(--vi-spacing-xl, 40px)}.px-xl{padding-left:var(--vi-spacing-xl, 40px);padding-right:var(--vi-spacing-xl, 40px)}.py-xl{padding-top:var(--vi-spacing-xl, 40px);padding-bottom:var(--vi-spacing-xl, 40px)}.pt-xl{padding-top:var(--vi-spacing-xl, 40px)}.pr-xl{padding-right:var(--vi-spacing-xl, 40px)}.pb-xl{padding-bottom:var(--vi-spacing-xl, 40px)}.pl-xl{padding-left:var(--vi-spacing-xl, 40px)}.p-2xl{padding:var(--vi-spacing-2xl, 48px)}.px-2xl{padding-left:var(--vi-spacing-2xl, 48px);padding-right:var(--vi-spacing-2xl, 48px)}.py-2xl{padding-top:var(--vi-spacing-2xl, 48px);padding-bottom:var(--vi-spacing-2xl, 48px)}.pt-2xl{padding-top:var(--vi-spacing-2xl, 48px)}.pr-2xl{padding-right:var(--vi-spacing-2xl, 48px)}.pb-2xl{padding-bottom:var(--vi-spacing-2xl, 48px)}.pl-2xl{padding-left:var(--vi-spacing-2xl, 48px)}.p-3xl{padding:var(--vi-spacing-3xl, 56px)}.px-3xl{padding-left:var(--vi-spacing-3xl, 56px);padding-right:var(--vi-spacing-3xl, 56px)}.py-3xl{padding-top:var(--vi-spacing-3xl, 56px);padding-bottom:var(--vi-spacing-3xl, 56px)}.pt-3xl{padding-top:var(--vi-spacing-3xl, 56px)}.pr-3xl{padding-right:var(--vi-spacing-3xl, 56px)}.pb-3xl{padding-bottom:var(--vi-spacing-3xl, 56px)}.pl-3xl{padding-left:var(--vi-spacing-3xl, 56px)}.text-xs{font-size:var(--vi-font-size-xs, 12px)}.text-sm{font-size:var(--vi-font-size-sm, 14px)}.text-base{font-size:var(--vi-font-size-base, 16px)}.text-lg{font-size:var(--vi-font-size-lg, 18px)}.text-xl{font-size:var(--vi-font-size-xl, 20px)}.text-2xl{font-size:var(--vi-font-size-2xl, 24px)}.text-3xl{font-size:var(--vi-font-size-3xl, 30px)}.font-light{font-weight:var(--vi-font-weight-light, 300)}.font-normal{font-weight:var(--vi-font-weight-normal, 400)}.font-medium{font-weight:var(--vi-font-weight-medium, 500)}.font-semibold{font-weight:var(--vi-font-weight-semibold, 600)}.font-bold{font-weight:var(--vi-font-weight-bold, 700)}.leading-tight{line-height:var(--vi-line-height-tight, 1.2)}.leading-normal{line-height:var(--vi-line-height-normal, 1.5)}.leading-relaxed{line-height:var(--vi-line-height-relaxed, 1.75)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--vi-color-primary, #3676d0)}.bg-primary{background-color:var(--vi-color-primary, #3676d0)}.border-primary{border-color:var(--vi-color-primary, #3676d0)}.text-secondary{color:var(--vi-color-secondary, #f0f4f8)}.bg-secondary{background-color:var(--vi-color-secondary, #f0f4f8)}.border-secondary{border-color:var(--vi-color-secondary, #f0f4f8)}.text-success{color:var(--vi-color-success, #489167)}.bg-success{background-color:var(--vi-color-success, #489167)}.border-success{border-color:var(--vi-color-success, #489167)}.text-warning{color:var(--vi-color-warning, #ffba00)}.bg-warning{background-color:var(--vi-color-warning, #ffba00)}.border-warning{border-color:var(--vi-color-warning, #ffba00)}.text-error{color:var(--vi-color-error, #ef4444)}.bg-error{background-color:var(--vi-color-error, #ef4444)}.border-error{border-color:var(--vi-color-error, #ef4444)}.text-info{color:var(--vi-color-info, #3676d0)}.bg-info{background-color:var(--vi-color-info, #3676d0)}.border-info{border-color:var(--vi-color-info, #3676d0)}.text-grey-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-grey-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.text-grey-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-grey-200{background-color:var(--vi-color-grey-200, #eeeeee)}.text-grey-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-grey-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.text-grey-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-grey-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.text-grey-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-grey-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.text-grey-600{color:var(--vi-color-grey-600, #757575)}.bg-grey-600{background-color:var(--vi-color-grey-600, #757575)}.text-grey-700{color:var(--vi-color-grey-700, #616161)}.bg-grey-700{background-color:var(--vi-color-grey-700, #616161)}.text-grey-800{color:var(--vi-color-grey-800, #424242)}.bg-grey-800{background-color:var(--vi-color-grey-800, #424242)}.text-grey-900{color:var(--vi-color-grey-900, #212121)}.bg-grey-900{background-color:var(--vi-color-grey-900, #212121)}.text-red-100{color:var(--vi-color-red-100, #ffccce)}.bg-red-100{background-color:var(--vi-color-red-100, #ffccce)}.text-red-200{color:var(--vi-color-red-200, #f69892)}.bg-red-200{background-color:var(--vi-color-red-200, #f69892)}.text-red-300{color:var(--vi-color-red-300, #ee6f68)}.bg-red-300{background-color:var(--vi-color-red-300, #ee6f68)}.text-red-400{color:var(--vi-color-red-400, #f74d40)}.bg-red-400{background-color:var(--vi-color-red-400, #f74d40)}.text-red-500{color:var(--vi-color-red-500, #fb3c1e)}.bg-red-500{background-color:var(--vi-color-red-500, #fb3c1e)}.text-red-600{color:var(--vi-color-red-600, #ed3020)}.bg-red-600{background-color:var(--vi-color-red-600, #ed3020)}.text-red-700{color:var(--vi-color-red-700, #db231b)}.bg-red-700{background-color:var(--vi-color-red-700, #db231b)}.text-red-800{color:var(--vi-color-red-800, #ce1a12)}.bg-red-800{background-color:var(--vi-color-red-800, #ce1a12)}.text-red-900{color:var(--vi-color-red-900, #c00000)}.bg-red-900{background-color:var(--vi-color-red-900, #c00000)}.text-yellow-100{color:var(--vi-color-yellow-100, #ffeab1)}.bg-yellow-100{background-color:var(--vi-color-yellow-100, #ffeab1)}.text-yellow-200{color:var(--vi-color-yellow-200, #ffde85)}.bg-yellow-200{background-color:var(--vi-color-yellow-200, #ffde85)}.text-yellow-300{color:var(--vi-color-yellow-300, #ffd359)}.bg-yellow-300{background-color:var(--vi-color-yellow-300, #ffd359)}.text-yellow-400{color:var(--vi-color-yellow-400, #ffc72e)}.bg-yellow-400{background-color:var(--vi-color-yellow-400, #ffc72e)}.text-yellow-500{color:var(--vi-color-yellow-500, #ffba00)}.bg-yellow-500{background-color:var(--vi-color-yellow-500, #ffba00)}.text-yellow-600{color:var(--vi-color-yellow-600, #ffa900)}.bg-yellow-600{background-color:var(--vi-color-yellow-600, #ffa900)}.text-yellow-700{color:var(--vi-color-yellow-700, #ff9900)}.bg-yellow-700{background-color:var(--vi-color-yellow-700, #ff9900)}.text-yellow-800{color:var(--vi-color-yellow-800, #e68300)}.bg-yellow-800{background-color:var(--vi-color-yellow-800, #e68300)}.text-yellow-900{color:var(--vi-color-yellow-900, #cc6d00)}.bg-yellow-900{background-color:var(--vi-color-yellow-900, #cc6d00)}.text-green-100{color:var(--vi-color-green-100, #e6f0eb)}.bg-green-100{background-color:var(--vi-color-green-100, #e6f0eb)}.text-green-200{color:var(--vi-color-green-200, #c0dbcd)}.bg-green-200{background-color:var(--vi-color-green-200, #c0dbcd)}.text-green-300{color:var(--vi-color-green-300, #96c4ab)}.bg-green-300{background-color:var(--vi-color-green-300, #96c4ab)}.text-green-400{color:var(--vi-color-green-400, #6eab88)}.bg-green-400{background-color:var(--vi-color-green-400, #6eab88)}.text-green-500{color:var(--vi-color-green-500, #489167)}.bg-green-500{background-color:var(--vi-color-green-500, #489167)}.text-green-600{color:var(--vi-color-green-600, #367551)}.bg-green-600{background-color:var(--vi-color-green-600, #367551)}.text-green-700{color:var(--vi-color-green-700, #265a3d)}.bg-green-700{background-color:var(--vi-color-green-700, #265a3d)}.text-green-800{color:var(--vi-color-green-800, #17402a)}.bg-green-800{background-color:var(--vi-color-green-800, #17402a)}.text-green-900{color:var(--vi-color-green-900, #0a2618)}.bg-green-900{background-color:var(--vi-color-green-900, #0a2618)}.text-blue-100{color:var(--vi-color-blue-100, #ebf5ff)}.bg-blue-100{background-color:var(--vi-color-blue-100, #ebf5ff)}.text-blue-200{color:var(--vi-color-blue-200, #cee6ff)}.bg-blue-200{background-color:var(--vi-color-blue-200, #cee6ff)}.text-blue-300{color:var(--vi-color-blue-300, #a3d1fa)}.bg-blue-300{background-color:var(--vi-color-blue-300, #a3d1fa)}.text-blue-400{color:var(--vi-color-blue-400, #74b6f4)}.bg-blue-400{background-color:var(--vi-color-blue-400, #74b6f4)}.text-blue-500{color:var(--vi-color-blue-500, #3f96f1)}.bg-blue-500{background-color:var(--vi-color-blue-500, #3f96f1)}.text-blue-600{color:var(--vi-color-blue-600, #3b86de)}.bg-blue-600{background-color:var(--vi-color-blue-600, #3b86de)}.text-blue-700{color:var(--vi-color-blue-700, #3676d0)}.bg-blue-700{background-color:var(--vi-color-blue-700, #3676d0)}.text-blue-800{color:var(--vi-color-blue-800, #2d5fa8)}.bg-blue-800{background-color:var(--vi-color-blue-800, #2d5fa8)}.text-blue-900{color:var(--vi-color-blue-900, #254882)}.bg-blue-900{background-color:var(--vi-color-blue-900, #254882)}.text-purple-100{color:var(--vi-color-purple-100, #f0e5f9)}.bg-purple-100{background-color:var(--vi-color-purple-100, #f0e5f9)}.text-purple-200{color:var(--vi-color-purple-200, #dbbdf2)}.bg-purple-200{background-color:var(--vi-color-purple-200, #dbbdf2)}.text-purple-300{color:var(--vi-color-purple-300, #c18eeb)}.bg-purple-300{background-color:var(--vi-color-purple-300, #c18eeb)}.text-purple-400{color:var(--vi-color-purple-400, #a454e2)}.bg-purple-400{background-color:var(--vi-color-purple-400, #a454e2)}.text-purple-500{color:var(--vi-color-purple-500, #7609d0)}.bg-purple-500{background-color:var(--vi-color-purple-500, #7609d0)}.text-purple-600{color:var(--vi-color-purple-600, #6507c9)}.bg-purple-600{background-color:var(--vi-color-purple-600, #6507c9)}.text-purple-700{color:var(--vi-color-purple-700, #5505c2)}.bg-purple-700{background-color:var(--vi-color-purple-700, #5505c2)}.text-purple-800{color:var(--vi-color-purple-800, #4403bb)}.bg-purple-800{background-color:var(--vi-color-purple-800, #4403bb)}.text-purple-900{color:var(--vi-color-purple-900, #3400b4)}.bg-purple-900{background-color:var(--vi-color-purple-900, #3400b4)}.text-neutral-100{color:var(--vi-color-grey-100, #f5f5f5)}.bg-neutral-100{background-color:var(--vi-color-grey-100, #f5f5f5)}.border-neutral-100{border-color:var(--vi-color-grey-100, #f5f5f5)}.text-neutral-200{color:var(--vi-color-grey-200, #eeeeee)}.bg-neutral-200{background-color:var(--vi-color-grey-200, #eeeeee)}.border-neutral-200{border-color:var(--vi-color-grey-200, #eeeeee)}.text-neutral-300{color:var(--vi-color-grey-300, #e0e0e0)}.bg-neutral-300{background-color:var(--vi-color-grey-300, #e0e0e0)}.border-neutral-300{border-color:var(--vi-color-grey-300, #e0e0e0)}.text-neutral-400{color:var(--vi-color-grey-400, #bdbdbd)}.bg-neutral-400{background-color:var(--vi-color-grey-400, #bdbdbd)}.border-neutral-400{border-color:var(--vi-color-grey-400, #bdbdbd)}.text-neutral-500{color:var(--vi-color-grey-500, #9e9e9e)}.bg-neutral-500{background-color:var(--vi-color-grey-500, #9e9e9e)}.border-neutral-500{border-color:var(--vi-color-grey-500, #9e9e9e)}.text-neutral-600{color:var(--vi-color-grey-600, #757575)}.bg-neutral-600{background-color:var(--vi-color-grey-600, #757575)}.border-neutral-600{border-color:var(--vi-color-grey-600, #757575)}.text-neutral-700{color:var(--vi-color-grey-700, #616161)}.bg-neutral-700{background-color:var(--vi-color-grey-700, #616161)}.border-neutral-700{border-color:var(--vi-color-grey-700, #616161)}.text-neutral-800{color:var(--vi-color-grey-800, #424242)}.bg-neutral-800{background-color:var(--vi-color-grey-800, #424242)}.border-neutral-800{border-color:var(--vi-color-grey-800, #424242)}.text-neutral-900{color:var(--vi-color-grey-900, #212121)}.bg-neutral-900{background-color:var(--vi-color-grey-900, #212121)}.border-neutral-900{border-color:var(--vi-color-grey-900, #212121)}.shadow-sm{box-shadow:var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.shadow-md{box-shadow:var(--vi-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1))}.shadow-lg{box-shadow:var(--vi-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1))}.shadow-xl{box-shadow:var(--vi-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1))}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--vi-border-radius-sm, 2px)}.rounded-md{border-radius:var(--vi-border-radius-md, 4px)}.rounded-lg{border-radius:var(--vi-border-radius-lg, 8px)}.rounded-xl{border-radius:var(--vi-border-radius-xl, 12px)}.rounded-full{border-radius:9999px}.border-thin{border-width:var(--vi-border-width-thin, 1px);border-style:solid}.border-base{border-width:var(--vi-border-width-base, 2px);border-style:solid}.border-thick{border-width:var(--vi-border-width-thick, 3px);border-style:solid}.z-hide{z-index:-1}.z-auto{z-index:auto}.z-base{z-index:0}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-backdrop{z-index:1040}.z-modal{z-index:1050}.z-popover{z-index:1060}.z-tooltip{z-index:1070}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.gap-xs{gap:var(--vi-spacing-xs, 8px)}.gap-x-xs{column-gap:var(--vi-spacing-xs, 8px)}.gap-y-xs{row-gap:var(--vi-spacing-xs, 8px)}.gap-sm{gap:var(--vi-spacing-sm, 16px)}.gap-x-sm{column-gap:var(--vi-spacing-sm, 16px)}.gap-y-sm{row-gap:var(--vi-spacing-sm, 16px)}.gap-md{gap:var(--vi-spacing-md, 24px)}.gap-x-md{column-gap:var(--vi-spacing-md, 24px)}.gap-y-md{row-gap:var(--vi-spacing-md, 24px)}.gap-lg{gap:var(--vi-spacing-lg, 32px)}.gap-x-lg{column-gap:var(--vi-spacing-lg, 32px)}.gap-y-lg{row-gap:var(--vi-spacing-lg, 32px)}.gap-xl{gap:var(--vi-spacing-xl, 40px)}.gap-x-xl{column-gap:var(--vi-spacing-xl, 40px)}.gap-y-xl{row-gap:var(--vi-spacing-xl, 40px)}.gap-2xl{gap:var(--vi-spacing-2xl, 48px)}.gap-x-2xl{column-gap:var(--vi-spacing-2xl, 48px)}.gap-y-2xl{row-gap:var(--vi-spacing-2xl, 48px)}.gap-3xl{gap:var(--vi-spacing-3xl, 56px)}.gap-x-3xl{column-gap:var(--vi-spacing-3xl, 56px)}.gap-y-3xl{row-gap:var(--vi-spacing-3xl, 56px)}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.duration-100{transition-duration:100ms}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}}/*# sourceMappingURL=flux-ui.css.map */
|
|
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.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
CHANGED
|
@@ -1 +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":"
|
|
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,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
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use 'variables' as tokens;
|
|
2
|
+
@use '../styles/functions' as func;
|
|
2
3
|
.flatpickr-calendar {
|
|
3
4
|
background: transparent;
|
|
4
5
|
opacity: 0;
|
|
@@ -10,9 +11,9 @@
|
|
|
10
11
|
animation: none;
|
|
11
12
|
direction: ltr;
|
|
12
13
|
border: 0;
|
|
13
|
-
font-size: 14px;
|
|
14
|
+
font-size: #{func.to-rem(14px)};
|
|
14
15
|
line-height: 24px;
|
|
15
|
-
border-radius: 5px;
|
|
16
|
+
border-radius: #{func.to-rem(5px)};
|
|
16
17
|
position: absolute;
|
|
17
18
|
width: 307.875px;
|
|
18
19
|
-webkit-box-sizing: border-box;
|
|
@@ -501,7 +502,7 @@ span.flatpickr-weekday {
|
|
|
501
502
|
.flatpickr-day {
|
|
502
503
|
background: none;
|
|
503
504
|
border: 1px solid transparent;
|
|
504
|
-
border-radius: 150px;
|
|
505
|
+
border-radius: #{func.to-rem(150px)};
|
|
505
506
|
-webkit-box-sizing: border-box;
|
|
506
507
|
box-sizing: border-box;
|
|
507
508
|
color: #{tokens.$text-primary};
|
|
@@ -576,12 +577,12 @@ span.flatpickr-weekday {
|
|
|
576
577
|
.flatpickr-day.selected.startRange,
|
|
577
578
|
.flatpickr-day.startRange.startRange,
|
|
578
579
|
.flatpickr-day.endRange.startRange {
|
|
579
|
-
border-radius: 50px 0 0 50px;
|
|
580
|
+
border-radius: #{func.to-rem(50px)} 0 0 #{func.to-rem(50px)};
|
|
580
581
|
}
|
|
581
582
|
.flatpickr-day.selected.endRange,
|
|
582
583
|
.flatpickr-day.startRange.endRange,
|
|
583
584
|
.flatpickr-day.endRange.endRange {
|
|
584
|
-
border-radius: 0 50px 50px 0;
|
|
585
|
+
border-radius: 0 #{func.to-rem(50px)} #{func.to-rem(50px)} 0;
|
|
585
586
|
}
|
|
586
587
|
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
|
|
587
588
|
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
|
|
@@ -592,7 +593,7 @@ span.flatpickr-weekday {
|
|
|
592
593
|
.flatpickr-day.selected.startRange.endRange,
|
|
593
594
|
.flatpickr-day.startRange.startRange.endRange,
|
|
594
595
|
.flatpickr-day.endRange.startRange.endRange {
|
|
595
|
-
border-radius: 50px;
|
|
596
|
+
border-radius: #{func.to-rem(50px)};
|
|
596
597
|
}
|
|
597
598
|
.flatpickr-day.inRange {
|
|
598
599
|
border-radius: 0;
|
|
@@ -719,7 +720,7 @@ span.flatpickr-weekday {
|
|
|
719
720
|
height: inherit;
|
|
720
721
|
line-height: inherit;
|
|
721
722
|
color: #{tokens.$text-primary};
|
|
722
|
-
font-size: 14px;
|
|
723
|
+
font-size: #{func.to-rem(14px)};
|
|
723
724
|
position: relative;
|
|
724
725
|
-webkit-box-sizing: border-box;
|
|
725
726
|
box-sizing: border-box;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
@use 'sass:math';
|
|
2
|
+
@use 'sass:meta';
|
|
3
|
+
|
|
4
|
+
/// Global configuration for the base font size used in rem calculations.
|
|
5
|
+
/// Consumers can override this if their app uses a non-16px root font size.
|
|
6
|
+
/// Example: @use 'flux-ui/styles/functions' with ($vi-rem-base: 10px);
|
|
7
|
+
$vi-rem-base: 16px !default;
|
|
8
|
+
|
|
9
|
+
/// Convert pixels to rems based on the configurable global base
|
|
10
|
+
/// @param {Number} $px - The pixel value (with or without 'px' unit)
|
|
11
|
+
/// @return {Number} The value in rems
|
|
12
|
+
@function to-rem($px) {
|
|
13
|
+
@if meta.type-of($px) != 'number' {
|
|
14
|
+
@error "to-rem() requires a number, got #{meta.type-of($px)}.";
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
// If the value has a unit other than px (like %, em, rem), return it as is
|
|
18
|
+
@if not math.is-unitless($px) and math.unit($px) != 'px' {
|
|
19
|
+
@return $px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// Strip units for math
|
|
23
|
+
$px-val: $px;
|
|
24
|
+
@if not math.is-unitless($px) {
|
|
25
|
+
$px-val: math.div($px, 1px);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
$base-val: $vi-rem-base;
|
|
29
|
+
@if not math.is-unitless($vi-rem-base) {
|
|
30
|
+
$base-val: math.div($vi-rem-base, 1px);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
// If 0, just return 0 (no unit needed)
|
|
34
|
+
@if $px-val == 0 {
|
|
35
|
+
@return 0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@return math.div($px-val, $base-val) * 1rem;
|
|
39
|
+
}
|
package/styles/_index.scss
CHANGED
package/styles/_layout.scss
CHANGED
package/styles/_utilities.scss
CHANGED
package/styles/_variables.scss
CHANGED
|
@@ -13,6 +13,9 @@
|
|
|
13
13
|
* are not supported inside @media queries or as integer math operands.
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
|
+
@use 'sass:math';
|
|
17
|
+
@use './functions' as *;
|
|
18
|
+
|
|
16
19
|
// Declare CSS layer order up-front so cascade is predictable regardless of
|
|
17
20
|
// import order. Between layers, later ones win. Within a layer, normal selector
|
|
18
21
|
// specificity still applies. Order: reset (lowest) → components → utilities (highest)
|
|
@@ -83,26 +86,17 @@ $color-blue-700: var(--vi-color-blue-700, #3676d0); // Deep azure (target)
|
|
|
83
86
|
$color-blue-800: var(--vi-color-blue-800, #2d5fa8);
|
|
84
87
|
$color-blue-900: var(--vi-color-blue-900, #254882); // Deep rich navy
|
|
85
88
|
|
|
86
|
-
// -- Palette: Purple (Vibrant Violet)
|
|
87
|
-
|
|
88
|
-
$color-purple-100: var(--vi-color-purple-100, #
|
|
89
|
-
$color-purple-200: var(--vi-color-purple-200, #e9d5ff);
|
|
90
|
-
$color-purple-300: var(--vi-color-purple-300, #d8b4fe);
|
|
91
|
-
$color-purple-400: var(--vi-color-purple-400, #c084fc);
|
|
92
|
-
$color-purple-500: var(--vi-color-purple-500, #a855f7);
|
|
93
|
-
$color-purple-600: var(--vi-color-purple-600, #9333ea);
|
|
94
|
-
$color-purple-700: var(--vi-color-purple-700, #7e22ce);
|
|
95
|
-
$color-purple-800: var(--vi-color-purple-800, #6b21a8);
|
|
96
|
-
$color-purple-900: var(--vi-color-purple-900, #581c87);
|
|
97
|
-
$color-purple-100: var(--vi-color-purple-100, #f0e5f9); // Soft pastel purple (target)
|
|
89
|
+
// -- Palette: Purple (Vibrant Violet) ----------------------------------------
|
|
90
|
+
// Custom curated violet scale. Goes from soft pastel to deep violet/navy.
|
|
91
|
+
$color-purple-100: var(--vi-color-purple-100, #f0e5f9); // Soft pastel purple
|
|
98
92
|
$color-purple-200: var(--vi-color-purple-200, #dbbdf2);
|
|
99
93
|
$color-purple-300: var(--vi-color-purple-300, #c18eeb);
|
|
100
94
|
$color-purple-400: var(--vi-color-purple-400, #a454e2);
|
|
101
|
-
$color-purple-500: var(--vi-color-purple-500, #7609d0); // Vibrant purple
|
|
95
|
+
$color-purple-500: var(--vi-color-purple-500, #7609d0); // Vibrant purple
|
|
102
96
|
$color-purple-600: var(--vi-color-purple-600, #6507c9);
|
|
103
97
|
$color-purple-700: var(--vi-color-purple-700, #5505c2);
|
|
104
98
|
$color-purple-800: var(--vi-color-purple-800, #4403bb);
|
|
105
|
-
$color-purple-900: var(--vi-color-purple-900, #3400b4); // Deep violet/navy
|
|
99
|
+
$color-purple-900: var(--vi-color-purple-900, #3400b4); // Deep violet/navy
|
|
106
100
|
|
|
107
101
|
// -- Semantic colors (brand + status) ----------------------------------------
|
|
108
102
|
// These map named design intents onto palette values.
|
|
@@ -120,7 +114,7 @@ $color-info: var(--vi-color-info, #3676d0); // blue-700
|
|
|
120
114
|
$typeahead-highlight-bg: var(--vi-typeahead-highlight-bg, #ebf5ff); // blue-100
|
|
121
115
|
$typeahead-highlight-color: var(--vi-typeahead-highlight-color, #3676d0); // primary / blue-700
|
|
122
116
|
|
|
123
|
-
// --
|
|
117
|
+
// -- Semantic SASS Tokens -------------------------------------------------------
|
|
124
118
|
|
|
125
119
|
$color-background: var(--vi-color-background, #ffffff);
|
|
126
120
|
$color-foreground: var(--vi-color-foreground, #111827); // grey-900
|
|
@@ -132,6 +126,9 @@ $layer-01: var(--vi-layer-01, #ffffff); // Pure white base
|
|
|
132
126
|
$layer-02: var(--vi-layer-02, #f3f4f6); // grey-100
|
|
133
127
|
$layer-03: var(--vi-layer-03, #e5e7eb); // grey-200
|
|
134
128
|
$layer-04: var(--vi-layer-04, #d1d5db); // grey-300
|
|
129
|
+
$layer-dimmed: var(--vi-layer-dimmed, rgba(0, 0, 0, 0.02)); // Faint tint for visual anchors
|
|
130
|
+
$layer-overlay: var(--vi-layer-overlay, rgba(0, 0, 0, 0.40)); // Scrim/backdrop for modals, drawers, sidebars
|
|
131
|
+
|
|
135
132
|
|
|
136
133
|
$layer-hover-01: var(--vi-layer-hover-01, #f3f4f6); // grey-100
|
|
137
134
|
$layer-hover-02: var(--vi-layer-hover-02, #e5e7eb); // grey-200
|
|
@@ -181,27 +178,28 @@ $focus-ring-error-glow: var(--vi-color-red-100, #ffccce); // alias for $color-re
|
|
|
181
178
|
$focus-ring-success-glow: var(--vi-color-green-100, #e6f0eb); // alias for $color-green-100
|
|
182
179
|
// -- Primitive: Spacing ------------------------------------------------------
|
|
183
180
|
|
|
184
|
-
$spacing-unit: var(--vi-spacing-unit,
|
|
185
|
-
$spacing-xs: var(--vi-spacing-xs, 8px);
|
|
186
|
-
$spacing-sm: var(--vi-spacing-sm,
|
|
187
|
-
$spacing-md: var(--vi-spacing-md,
|
|
188
|
-
$spacing-lg: var(--vi-spacing-lg,
|
|
189
|
-
$spacing-xl: var(--vi-spacing-xl,
|
|
190
|
-
$spacing-2xl: var(--vi-spacing-2xl, 48px);
|
|
191
|
-
$spacing-3xl: var(--vi-spacing-3xl,
|
|
181
|
+
$spacing-unit: var(--vi-spacing-unit, to-rem(4px));
|
|
182
|
+
$spacing-xs: var(--vi-spacing-xs, to-rem(8px));
|
|
183
|
+
$spacing-sm: var(--vi-spacing-sm, to-rem(12px));
|
|
184
|
+
$spacing-md: var(--vi-spacing-md, to-rem(16px));
|
|
185
|
+
$spacing-lg: var(--vi-spacing-lg, to-rem(24px));
|
|
186
|
+
$spacing-xl: var(--vi-spacing-xl, to-rem(32px));
|
|
187
|
+
$spacing-2xl: var(--vi-spacing-2xl, to-rem(48px));
|
|
188
|
+
$spacing-3xl: var(--vi-spacing-3xl, to-rem(64px));
|
|
192
189
|
|
|
193
190
|
// -- Primitive: Typography ---------------------------------------------------
|
|
194
191
|
|
|
195
192
|
$font-family-base: var(--vi-font-family-base, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
|
|
196
193
|
$font-family-mono: var(--vi-font-family-mono, 'Menlo', 'Monaco', 'Courier New', monospace);
|
|
197
194
|
|
|
198
|
-
|
|
199
|
-
$font-size-
|
|
200
|
-
$font-size-
|
|
201
|
-
$font-size-
|
|
202
|
-
$font-size-
|
|
203
|
-
$font-size-
|
|
204
|
-
$font-size-
|
|
195
|
+
// Typography scale: xs=12, sm=13, base=14, lg=16, xl=20
|
|
196
|
+
$font-size-xs: var(--vi-font-size-xs, to-rem(12px)); // Compact labels, captions
|
|
197
|
+
$font-size-sm: var(--vi-font-size-sm, to-rem(13px)); // Sub-labels, secondary text
|
|
198
|
+
$font-size-base: var(--vi-font-size-base, to-rem(14px)); // Standard body text
|
|
199
|
+
$font-size-lg: var(--vi-font-size-lg, to-rem(16px)); // Large text, subheadings
|
|
200
|
+
$font-size-xl: var(--vi-font-size-xl, to-rem(20px)); // Display, section headings
|
|
201
|
+
$font-size-2xl: var(--vi-font-size-2xl, to-rem(24px));
|
|
202
|
+
$font-size-3xl: var(--vi-font-size-3xl, to-rem(30px));
|
|
205
203
|
|
|
206
204
|
$font-weight-light: var(--vi-font-weight-light, 300);
|
|
207
205
|
$font-weight-normal: var(--vi-font-weight-normal, 400);
|
|
@@ -210,7 +208,7 @@ $font-weight-semibold: var(--vi-font-weight-semibold, 600);
|
|
|
210
208
|
$font-weight-bold: var(--vi-font-weight-bold, 700);
|
|
211
209
|
|
|
212
210
|
$line-height-tight: var(--vi-line-height-tight, 1.2);
|
|
213
|
-
$line-height-normal: var(--vi-line-height-normal, 1.
|
|
211
|
+
$line-height-normal: var(--vi-line-height-normal, 1.5715);
|
|
214
212
|
$line-height-relaxed: var(--vi-line-height-relaxed, 1.75);
|
|
215
213
|
|
|
216
214
|
// -- Primitive: Letter Spacing -----------------------------------------------
|
|
@@ -225,15 +223,27 @@ $letter-spacing-widest: var(--vi-letter-spacing-widest, 0.1em);
|
|
|
225
223
|
|
|
226
224
|
// -- Primitive: Shadows ------------------------------------------------------
|
|
227
225
|
|
|
228
|
-
|
|
229
|
-
$shadow-
|
|
230
|
-
$shadow-
|
|
231
|
-
$shadow-
|
|
226
|
+
// Premium multi-layered diffuse shadows
|
|
227
|
+
$shadow-sm: var(--vi-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.03));
|
|
228
|
+
$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));
|
|
229
|
+
$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));
|
|
230
|
+
$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));
|
|
231
|
+
|
|
232
|
+
// Premium 3D edge highlights
|
|
233
|
+
$shadow-inner-light: var(--vi-shadow-inner-light, inset 0 1px 0 rgba(255, 255, 255, 0.3));
|
|
234
|
+
$shadow-inner-dark: var(--vi-shadow-inner-dark, inset 0 1px 0 rgba(0, 0, 0, 0.05));
|
|
235
|
+
$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));
|
|
236
|
+
|
|
237
|
+
// Focus Rings
|
|
238
|
+
$focus-ring-color: var(--vi-focus-ring-color, $color-blue-200);
|
|
239
|
+
$focus-ring-shadow: var(--vi-focus-ring-shadow, 0 0 0 3px $focus-ring-color);
|
|
240
|
+
$focus-ring-error-shadow: var(--vi-focus-ring-error-shadow, 0 0 0 3px $color-red-200);
|
|
241
|
+
$focus-ring-success-shadow: var(--vi-focus-ring-success-shadow, 0 0 0 3px $color-green-200);
|
|
232
242
|
|
|
233
243
|
// -- Primitive: Border radius ------------------------------------------------
|
|
234
244
|
|
|
235
|
-
$border-radius-sm: var(--vi-border-radius-sm,
|
|
236
|
-
$border-radius-md: var(--vi-border-radius-md,
|
|
245
|
+
$border-radius-sm: var(--vi-border-radius-sm, 4px);
|
|
246
|
+
$border-radius-md: var(--vi-border-radius-md, 6px);
|
|
237
247
|
$border-radius-lg: var(--vi-border-radius-lg, 8px);
|
|
238
248
|
$border-radius-xl: var(--vi-border-radius-xl, 12px);
|
|
239
249
|
$border-radius-full: var(--vi-border-radius-full, 9999px);
|
|
@@ -345,6 +355,7 @@ $color-map: (
|
|
|
345
355
|
);
|
|
346
356
|
|
|
347
357
|
$spacing-map: (
|
|
358
|
+
'unit': $spacing-unit,
|
|
348
359
|
'xs': $spacing-xs,
|
|
349
360
|
'sm': $spacing-sm,
|
|
350
361
|
'md': $spacing-md,
|
|
@@ -408,9 +419,9 @@ $z-index-map: (
|
|
|
408
419
|
$modal-bg: var(--vi-modal-bg, $color-background);
|
|
409
420
|
$modal-border-radius: var(--vi-modal-border-radius, $border-radius-lg);
|
|
410
421
|
$modal-shadow: var(--vi-modal-shadow, $shadow-xl);
|
|
411
|
-
$modal-header-padding: var(--vi-modal-header-padding,
|
|
412
|
-
$modal-body-padding: var(--vi-modal-body-padding,
|
|
413
|
-
$modal-footer-padding: var(--vi-modal-footer-padding,
|
|
422
|
+
$modal-header-padding: var(--vi-modal-header-padding, #{$spacing-md} #{$spacing-lg});
|
|
423
|
+
$modal-body-padding: var(--vi-modal-body-padding, #{$spacing-lg});
|
|
424
|
+
$modal-footer-padding: var(--vi-modal-footer-padding, #{$spacing-xs} #{$spacing-md});
|
|
414
425
|
$modal-footer-bg: var(--vi-modal-footer-bg, $layer-02);
|
|
415
426
|
$modal-footer-border-color: var(--vi-modal-footer-border-color, $border-02);
|
|
416
427
|
$modal-backdrop-bg: var(--vi-modal-backdrop-bg, rgba(0, 0, 0, 0.5));
|
|
@@ -422,7 +433,7 @@ $modal-animation-duration: var(--vi-modal-animation-duration, 200ms);
|
|
|
422
433
|
|
|
423
434
|
$modal-max-width-xs: var(--vi-modal-max-width-xs, 320px);
|
|
424
435
|
$modal-max-width-sm: var(--vi-modal-max-width-sm, 480px);
|
|
425
|
-
$modal-max-width-md: var(--vi-modal-max-width-md,
|
|
436
|
+
$modal-max-width-md: var(--vi-modal-max-width-md, 520px);
|
|
426
437
|
$modal-max-width-lg: var(--vi-modal-max-width-lg, 800px);
|
|
427
438
|
$modal-max-width-xl: var(--vi-modal-max-width-xl, 960px);
|
|
428
439
|
|