@24vlh/vds 0.1.10 → 0.2.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.
Files changed (51) hide show
  1. package/dist/components/action-bar.css +111 -0
  2. package/dist/components/action-bar.min.css +1 -0
  3. package/dist/components/authoring.css +262 -42
  4. package/dist/components/authoring.min.css +1 -1
  5. package/dist/components/avatar.css +229 -0
  6. package/dist/components/avatar.min.css +1 -0
  7. package/dist/components/badge-tag.css +235 -0
  8. package/dist/components/badge-tag.min.css +1 -0
  9. package/dist/components/buttons.css +90 -98
  10. package/dist/components/buttons.min.css +1 -1
  11. package/dist/components/command.css +846 -2
  12. package/dist/components/command.min.css +1 -1
  13. package/dist/components/content-blocks.css +328 -6
  14. package/dist/components/content-blocks.min.css +1 -1
  15. package/dist/components/description-list.css +117 -0
  16. package/dist/components/description-list.min.css +1 -0
  17. package/dist/components/flows.css +60 -47
  18. package/dist/components/flows.min.css +1 -1
  19. package/dist/components/header-footer.css +178 -18
  20. package/dist/components/header-footer.min.css +1 -1
  21. package/dist/components/hero.css +148 -14
  22. package/dist/components/hero.min.css +1 -1
  23. package/dist/components/icons.css +23 -11
  24. package/dist/components/icons.min.css +1 -1
  25. package/dist/components/navigation.css +67 -7
  26. package/dist/components/navigation.min.css +1 -1
  27. package/dist/components/overlays.css +121 -19
  28. package/dist/components/overlays.min.css +1 -1
  29. package/dist/components/progress.css +322 -0
  30. package/dist/components/progress.min.css +1 -0
  31. package/dist/components/skeleton.css +22 -3
  32. package/dist/components/skeleton.min.css +1 -1
  33. package/dist/components/state.css +172 -0
  34. package/dist/components/state.min.css +1 -0
  35. package/dist/components/tables.css +93 -15
  36. package/dist/components/tables.min.css +1 -1
  37. package/dist/components/tabs.css +116 -4
  38. package/dist/components/tabs.min.css +1 -1
  39. package/dist/components/toasts.css +115 -41
  40. package/dist/components/toasts.min.css +1 -1
  41. package/dist/components/tooltips-popovers.css +135 -93
  42. package/dist/components/tooltips-popovers.min.css +1 -1
  43. package/dist/components/utilities.css +33 -3
  44. package/dist/components/utilities.min.css +1 -1
  45. package/dist/core.css +43 -21
  46. package/dist/core.min.css +1 -1
  47. package/dist/identity.css +107 -1
  48. package/dist/identity.min.css +1 -1
  49. package/dist/vds.css +4952 -1304
  50. package/dist/vds.min.css +1 -1
  51. package/package.json +1 -1
package/dist/components/tooltips-popovers.min.css CHANGED
@@ -1 +1 @@
1
- .tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);color:var(--color-text);font-size:var(--text-xs);line-height:1.4;max-width:24rem;opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transform:translateY(.25rem);transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);white-space:normal;z-index:var(--z-tooltip)}.tooltip--visible,.tooltip[data-state=open]{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%,-.25rem)}.tooltip--top.tooltip--visible,.tooltip--top[data-state=open]{transform:translate(-50%)}.tooltip--bottom{left:50%;top:100%;transform:translate(-50%,.25rem)}.tooltip--bottom.tooltip--visible,.tooltip--bottom[data-state=open]{transform:translate(-50%)}.tooltip--left{right:100%;top:50%;transform:translate(-.25rem,-50%)}.tooltip--left.tooltip--visible,.tooltip--left[data-state=open]{transform:translateY(-50%)}.tooltip--right{left:100%;top:50%;transform:translate(.25rem,-50%)}.tooltip--right.tooltip--visible,.tooltip--right[data-state=open]{transform:translateY(-50%)}.tooltip__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--space-3);position:absolute;transform:rotate(45deg);width:var(--space-3)}.tooltip--top .tooltip__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--a{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tooltip--c{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tooltip--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.tooltip--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.tooltip--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.tooltip--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.popover-anchor{display:inline-block;position:relative}.popover{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-3);color:var(--color-text);display:flex;flex-direction:column;max-width:28rem;min-width:12rem;opacity:0;pointer-events:none;position:absolute;transform:translateY(.25rem);transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);z-index:var(--z-tooltip)}.popover--open,.popover[data-state=open]{opacity:1;pointer-events:auto;transform:translateY(0)}.popover--top{bottom:100%;left:50%;transform:translate(-50%,-.25rem)}.popover--top.popover--open,.popover--top[data-state=open]{transform:translate(-50%)}.popover--bottom{left:50%;top:100%;transform:translate(-50%,.25rem)}.popover--bottom.popover--open,.popover--bottom[data-state=open]{transform:translate(-50%)}.popover--left{right:100%;top:50%;transform:translate(-.25rem,-50%)}.popover--left.popover--open,.popover--left[data-state=open]{transform:translateY(-50%)}.popover--right{left:100%;top:50%;transform:translate(.25rem,-50%)}.popover--right.popover--open,.popover--right[data-state=open]{transform:translateY(-50%)}.popover--bottom-right{right:0;top:100%;transform:translateY(.25rem)}.popover--bottom-right.popover--open,.popover--bottom-right[data-state=open]{transform:translateY(0)}.popover--bottom-left{left:0;top:100%;transform:translateY(.25rem)}.popover--bottom-left.popover--open,.popover--bottom-left[data-state=open]{transform:translateY(0)}.popover--top-right{bottom:100%;right:0;transform:translateY(-.25rem)}.popover--top-right.popover--open,.popover--top-right[data-state=open]{transform:translateY(0)}.popover--top-left{bottom:100%;left:0;transform:translateY(-.25rem)}.popover--top-left.popover--open,.popover--top-left[data-state=open]{transform:translateY(0)}.popover__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--space-3);position:absolute;transform:rotate(45deg);width:var(--space-3)}.popover--bottom .popover__arrow,.popover--bottom-left .popover__arrow,.popover--bottom-right .popover__arrow{bottom:100%;left:var(--space-6);transform:translateY(50%) rotate(45deg)}.popover--top .popover__arrow,.popover--top-left .popover__arrow,.popover--top-right .popover__arrow{left:var(--space-6);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--left .popover__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.popover--right .popover__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.popover__footer,.popover__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4)}.popover__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end}.popover__body{padding:var(--space-3) var(--space-4)}.popover__title{font-size:var(--text-sm);font-weight:600}.popover--a .popover__body,.popover--a .popover__footer,.popover--a .popover__header{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.popover--c .popover__body,.popover--c .popover__footer,.popover--c .popover__header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.popover--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.popover--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.popover--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.popover--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}
1
+ .tooltip-trigger{align-items:center;display:inline-flex;position:relative}.tooltip{--tooltip-offset:var(--space-2);--tooltip-motion:0.25rem;--tooltip-max-width:24rem;--tooltip-arrow-size:var(--space-3);--tooltip-arrow-inset:var(--space-4);--tooltip-bg:var(--color-surface);--tooltip-border:var(--color-border-subtle);--tooltip-text:var(--color-text);background-color:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);color:var(--tooltip-text);font-size:var(--text-xs);line-height:1.4;max-width:24rem;max-width:var(--tooltip-max-width);opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);white-space:normal;z-index:var(--z-tooltip)}.tooltip--visible,.tooltip[data-state=open]{--tooltip-motion:0rem;opacity:1}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--left{right:100%;top:50%;transform:translate(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)),-50%)}.tooltip--right{left:100%;top:50%;transform:translate(calc(var(--tooltip-offset) + var(--tooltip-motion)),-50%)}.tooltip--top-left{left:0}.tooltip--top-left,.tooltip--top-right{bottom:100%;transform:translateY(calc(var(--tooltip-offset)*-1 - var(--tooltip-motion)))}.tooltip--top-right{right:0}.tooltip--bottom-left{left:0}.tooltip--bottom-left,.tooltip--bottom-right{top:100%;transform:translateY(calc(var(--tooltip-offset) + var(--tooltip-motion)))}.tooltip--bottom-right{right:0}.tooltip__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--tooltip-arrow-size);position:absolute;transform:rotate(45deg);width:var(--tooltip-arrow-size)}.tooltip--top .tooltip__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--top-left .tooltip__arrow{left:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--top-right .tooltip__arrow{right:var(--tooltip-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.tooltip--bottom-left .tooltip__arrow{bottom:100%;left:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--bottom-right .tooltip__arrow{bottom:100%;right:var(--tooltip-arrow-inset);transform:translateY(50%) rotate(45deg)}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.tooltip--no-arrow .tooltip__arrow{display:none}.tooltip--interactive.tooltip--visible,.tooltip--interactive[data-state=open]{pointer-events:auto}.tooltip--a{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}.tooltip--c{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.tooltip--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.tooltip--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.tooltip--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.tooltip--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}.popover-anchor{display:inline-block;position:relative}.popover{--popover-offset:var(--space-2);--popover-motion:0.25rem;--popover-min-width:12rem;--popover-max-width:28rem;--popover-arrow-size:var(--space-3);--popover-arrow-inset:var(--space-6);--popover-bg:var(--color-surface);--popover-border:var(--color-border-subtle);--popover-text:var(--color-text);background-color:var(--popover-bg);border:1px solid var(--popover-border);border-radius:var(--radius-md);box-shadow:var(--shadow-3);color:var(--popover-text);display:flex;flex-direction:column;max-width:28rem;max-width:var(--popover-max-width);min-width:12rem;min-width:var(--popover-min-width);opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out);z-index:var(--z-tooltip)}.popover--open,.popover[data-state=open]{--popover-motion:0rem;opacity:1;pointer-events:auto}.popover--top{bottom:100%;left:50%;transform:translate(-50%,calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--bottom{left:50%;top:100%;transform:translate(-50%,calc(var(--popover-offset) + var(--popover-motion)))}.popover--left{right:100%;top:50%;transform:translate(calc(var(--popover-offset)*-1 - var(--popover-motion)),-50%)}.popover--right{left:100%;top:50%;transform:translate(calc(var(--popover-offset) + var(--popover-motion)),-50%)}.popover--bottom-right{right:0}.popover--bottom-left,.popover--bottom-right{top:100%;transform:translateY(calc(var(--popover-offset) + var(--popover-motion)))}.popover--bottom-left{left:0}.popover--top-right{right:0}.popover--top-left,.popover--top-right{bottom:100%;transform:translateY(calc(var(--popover-offset)*-1 - var(--popover-motion)))}.popover--top-left{left:0}.popover__arrow{background-color:inherit;border:inherit;border-left:none;border-top:none;height:var(--popover-arrow-size);position:absolute;transform:rotate(45deg);width:var(--popover-arrow-size)}.popover--bottom .popover__arrow{bottom:100%;left:50%;transform:translate(-50%,50%) rotate(45deg)}.popover--bottom-left .popover__arrow{bottom:100%;left:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--bottom-right .popover__arrow{bottom:100%;right:var(--popover-arrow-inset);transform:translateY(50%) rotate(45deg)}.popover--top .popover__arrow{left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg)}.popover--top-left .popover__arrow{left:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--top-right .popover__arrow{right:var(--popover-arrow-inset);top:100%;transform:translateY(-50%) rotate(45deg)}.popover--left .popover__arrow{left:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}.popover--right .popover__arrow{right:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.popover--no-arrow .popover__arrow{display:none}.popover__footer,.popover__header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-3) var(--space-4)}.popover__footer{border-bottom:none;border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-2);justify-content:flex-end}.popover__body{padding:var(--space-3) var(--space-4)}.popover__title{font-size:var(--text-sm);font-weight:600}.popover--a .popover__body,.popover--a .popover__footer,.popover--a .popover__header{font-size:var(--text-sm);padding:var(--space-4) var(--space-5)}.popover--c .popover__body,.popover--c .popover__footer,.popover--c .popover__header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.popover--info{background-color:var(--semantic-info-bg);border-color:var(--semantic-info-border);color:var(--semantic-info-text)}.popover--success{background-color:var(--semantic-success-bg);border-color:var(--semantic-success-border);color:var(--semantic-success-text)}.popover--warning{background-color:var(--semantic-warning-bg);border-color:var(--semantic-warning-border);color:var(--semantic-warning-text)}.popover--danger{background-color:var(--semantic-danger-bg);border-color:var(--semantic-danger-border);color:var(--semantic-danger-text)}
package/dist/components/utilities.css CHANGED
@@ -13,8 +13,8 @@
13
13
  * System Notes:
14
14
  * - Fully token-aligned: spacing, radii, typography,
15
15
  * surfaces, borders, shadows, breakpoints, z-index
16
- * - Mobile-first responsive variants (sm:, md:, lg:, xl:)
17
- * reflect global breakpoint tokens
16
+ * - Responsive helpers live in layout/sections and visibility utilities
17
+ * (show/hide at breakpoints); avoid non-system prefixes in docs
18
18
  * - Safe across all layers (components, authoring,
19
19
  * content-blocks, documentation, marketing)
20
20
  ************************************************************/
@@ -55,6 +55,36 @@
55
55
  display: none !important;
56
56
  }
57
57
 
58
+ .sr-only {
59
+ position: absolute !important;
60
+ }
61
+
62
+ .sr-only {
63
+ width: 1px;
64
+ height: 1px;
65
+ padding: 0;
66
+ margin: -1px;
67
+ overflow: hidden;
68
+ clip: rect(0, 0, 0, 0);
69
+ white-space: nowrap;
70
+ border: 0;
71
+ }
72
+
73
+ .sr-only-focusable:active,
74
+ .sr-only-focusable:focus {
75
+ position: static !important;
76
+ }
77
+
78
+ .sr-only-focusable:active,
79
+ .sr-only-focusable:focus {
80
+ width: auto;
81
+ height: auto;
82
+ margin: 0;
83
+ overflow: visible;
84
+ clip: auto;
85
+ white-space: normal;
86
+ }
87
+
58
88
  @media (max-width: 640px) {
59
89
  .hide-mobile {
60
90
  display: none !important;
@@ -3431,4 +3461,4 @@ code:not(pre code) {
3431
3461
  .xl\:flex-none {
3432
3462
  flex: none;
3433
3463
  }
3434
- }
3464
+ }
package/dist/components/utilities.min.css CHANGED
@@ -1 +1 @@
1
- .block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.inline-grid{display:inline-grid!important}.hidden{display:none!important}@media (max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:calc(640px + 1px)) and (max-width:768px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width:1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.self-start{align-self:flex-start!important}.self-center{align-self:center!important}.self-end{align-self:flex-end!important}.flex-1{flex:1 1 0!important}.flex-auto{flex:0 0 auto!important}.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-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-auto-fit-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-400{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.m-0{margin:0!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.m-7{margin:var(--space-7)!important}.m-8{margin:var(--space-8)!important}.m-10{margin:var(--space-10)!important}.m-12{margin:var(--space-12)!important}.m-14{margin:var(--space-14)!important}.m-16{margin:var(--space-16)!important}.m-20{margin:var(--space-20)!important}.m-24{margin:var(--space-24)!important}.m-32{margin:var(--space-32)!important}.m-40{margin:var(--space-40)!important}.m-48{margin:var(--space-48)!important}.m-64{margin:var(--space-64)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--space-1)!important;margin-right:var(--space-1)!important}.mx-2{margin-left:var(--space-2)!important;margin-right:var(--space-2)!important}.mx-3{margin-left:var(--space-3)!important;margin-right:var(--space-3)!important}.mx-4{margin-left:var(--space-4)!important;margin-right:var(--space-4)!important}.mx-5{margin-left:var(--space-5)!important;margin-right:var(--space-5)!important}.mx-6{margin-left:var(--space-6)!important;margin-right:var(--space-6)!important}.mx-7{margin-left:var(--space-7)!important;margin-right:var(--space-7)!important}.mx-8{margin-left:var(--space-8)!important;margin-right:var(--space-8)!important}.mx-10{margin-left:var(--space-10)!important;margin-right:var(--space-10)!important}.mx-12{margin-left:var(--space-12)!important;margin-right:var(--space-12)!important}.mx-14{margin-left:var(--space-14)!important;margin-right:var(--space-14)!important}.mx-16{margin-left:var(--space-16)!important;margin-right:var(--space-16)!important}.mx-20{margin-left:var(--space-20)!important;margin-right:var(--space-20)!important}.mx-24{margin-left:var(--space-24)!important;margin-right:var(--space-24)!important}.mx-32{margin-left:var(--space-32)!important;margin-right:var(--space-32)!important}.mx-40{margin-left:var(--space-40)!important;margin-right:var(--space-40)!important}.mx-48{margin-left:var(--space-48)!important;margin-right:var(--space-48)!important}.mx-64{margin-left:var(--space-64)!important;margin-right:var(--space-64)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:var(--space-1)!important;margin-top:var(--space-1)!important}.my-2{margin-bottom:var(--space-2)!important;margin-top:var(--space-2)!important}.my-3{margin-bottom:var(--space-3)!important;margin-top:var(--space-3)!important}.my-4{margin-bottom:var(--space-4)!important;margin-top:var(--space-4)!important}.my-5{margin-bottom:var(--space-5)!important;margin-top:var(--space-5)!important}.my-6{margin-bottom:var(--space-6)!important;margin-top:var(--space-6)!important}.my-7{margin-bottom:var(--space-7)!important;margin-top:var(--space-7)!important}.my-8{margin-bottom:var(--space-8)!important;margin-top:var(--space-8)!important}.my-10{margin-bottom:var(--space-10)!important;margin-top:var(--space-10)!important}.my-12{margin-bottom:var(--space-12)!important;margin-top:var(--space-12)!important}.my-14{margin-bottom:var(--space-14)!important;margin-top:var(--space-14)!important}.my-16{margin-bottom:var(--space-16)!important;margin-top:var(--space-16)!important}.my-20{margin-bottom:var(--space-20)!important;margin-top:var(--space-20)!important}.my-24{margin-bottom:var(--space-24)!important;margin-top:var(--space-24)!important}.my-32{margin-bottom:var(--space-32)!important;margin-top:var(--space-32)!important}.my-40{margin-bottom:var(--space-40)!important;margin-top:var(--space-40)!important}.my-48{margin-bottom:var(--space-48)!important;margin-top:var(--space-48)!important}.my-64{margin-bottom:var(--space-64)!important;margin-top:var(--space-64)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mt-5{margin-top:var(--space-5)!important}.mt-6{margin-top:var(--space-6)!important}.mt-7{margin-top:var(--space-7)!important}.mt-8{margin-top:var(--space-8)!important}.mt-10{margin-top:var(--space-10)!important}.mt-12{margin-top:var(--space-12)!important}.mt-14{margin-top:var(--space-14)!important}.mt-16{margin-top:var(--space-16)!important}.mt-20{margin-top:var(--space-20)!important}.mt-24{margin-top:var(--space-24)!important}.mt-32{margin-top:var(--space-32)!important}.mt-40{margin-top:var(--space-40)!important}.mt-48{margin-top:var(--space-48)!important}.mt-64{margin-top:var(--space-64)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-5{margin-bottom:var(--space-5)!important}.mb-6{margin-bottom:var(--space-6)!important}.mb-7{margin-bottom:var(--space-7)!important}.mb-8{margin-bottom:var(--space-8)!important}.mb-10{margin-bottom:var(--space-10)!important}.mb-12{margin-bottom:var(--space-12)!important}.mb-14{margin-bottom:var(--space-14)!important}.mb-16{margin-bottom:var(--space-16)!important}.mb-20{margin-bottom:var(--space-20)!important}.mb-24{margin-bottom:var(--space-24)!important}.mb-32{margin-bottom:var(--space-32)!important}.mb-40{margin-bottom:var(--space-40)!important}.mb-48{margin-bottom:var(--space-48)!important}.mb-64{margin-bottom:var(--space-64)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-1)!important}.ml-2{margin-left:var(--space-2)!important}.ml-3{margin-left:var(--space-3)!important}.ml-4{margin-left:var(--space-4)!important}.ml-5{margin-left:var(--space-5)!important}.ml-6{margin-left:var(--space-6)!important}.ml-7{margin-left:var(--space-7)!important}.ml-8{margin-left:var(--space-8)!important}.ml-10{margin-left:var(--space-10)!important}.ml-12{margin-left:var(--space-12)!important}.ml-14{margin-left:var(--space-14)!important}.ml-16{margin-left:var(--space-16)!important}.ml-20{margin-left:var(--space-20)!important}.ml-24{margin-left:var(--space-24)!important}.ml-32{margin-left:var(--space-32)!important}.ml-40{margin-left:var(--space-40)!important}.ml-48{margin-left:var(--space-48)!important}.ml-64{margin-left:var(--space-64)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-1)!important}.mr-2{margin-right:var(--space-2)!important}.mr-3{margin-right:var(--space-3)!important}.mr-4{margin-right:var(--space-4)!important}.mr-5{margin-right:var(--space-5)!important}.mr-6{margin-right:var(--space-6)!important}.mr-7{margin-right:var(--space-7)!important}.mr-8{margin-right:var(--space-8)!important}.mr-10{margin-right:var(--space-10)!important}.mr-12{margin-right:var(--space-12)!important}.mr-14{margin-right:var(--space-14)!important}.mr-16{margin-right:var(--space-16)!important}.mr-20{margin-right:var(--space-20)!important}.mr-24{margin-right:var(--space-24)!important}.mr-32{margin-right:var(--space-32)!important}.mr-40{margin-right:var(--space-40)!important}.mr-48{margin-right:var(--space-48)!important}.mr-64{margin-right:var(--space-64)!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.-m-1{margin:calc(var(--space-1)*-1)!important}.-m-2{margin:calc(var(--space-2)*-1)!important}.-m-3{margin:calc(var(--space-3)*-1)!important}.-m-4{margin:calc(var(--space-4)*-1)!important}.-m-6{margin:calc(var(--space-6)*-1)!important}.-m-8{margin:calc(var(--space-8)*-1)!important}.-m-10{margin:calc(var(--space-10)*-1)!important}.-mt-1{margin-top:calc(var(--space-1)*-1)!important}.-mt-2{margin-top:calc(var(--space-2)*-1)!important}.-mt-3{margin-top:calc(var(--space-3)*-1)!important}.-mt-4{margin-top:calc(var(--space-4)*-1)!important}.-mt-6{margin-top:calc(var(--space-6)*-1)!important}.-mt-8{margin-top:calc(var(--space-8)*-1)!important}.-mt-10{margin-top:calc(var(--space-10)*-1)!important}.-mb-1{margin-bottom:calc(var(--space-1)*-1)!important}.-mb-2{margin-bottom:calc(var(--space-2)*-1)!important}.-mb-3{margin-bottom:calc(var(--space-3)*-1)!important}.-mb-4{margin-bottom:calc(var(--space-4)*-1)!important}.-mb-6{margin-bottom:calc(var(--space-6)*-1)!important}.-mb-8{margin-bottom:calc(var(--space-8)*-1)!important}.-mb-10{margin-bottom:calc(var(--space-10)*-1)!important}.-mx-1{margin-left:calc(var(--space-1)*-1)!important;margin-right:calc(var(--space-1)*-1)!important}.-mx-2{margin-left:calc(var(--space-2)*-1)!important;margin-right:calc(var(--space-2)*-1)!important}.-mx-3{margin-left:calc(var(--space-3)*-1)!important;margin-right:calc(var(--space-3)*-1)!important}.-mx-4{margin-left:calc(var(--space-4)*-1)!important;margin-right:calc(var(--space-4)*-1)!important}.-mx-6{margin-left:calc(var(--space-6)*-1)!important;margin-right:calc(var(--space-6)*-1)!important}.-mx-8{margin-left:calc(var(--space-8)*-1)!important;margin-right:calc(var(--space-8)*-1)!important}.-mx-10{margin-left:calc(var(--space-10)*-1)!important;margin-right:calc(var(--space-10)*-1)!important}.-my-1{margin-bottom:calc(var(--space-1)*-1)!important;margin-top:calc(var(--space-1)*-1)!important}.-my-2{margin-bottom:calc(var(--space-2)*-1)!important;margin-top:calc(var(--space-2)*-1)!important}.-my-3{margin-bottom:calc(var(--space-3)*-1)!important;margin-top:calc(var(--space-3)*-1)!important}.-my-4{margin-bottom:calc(var(--space-4)*-1)!important;margin-top:calc(var(--space-4)*-1)!important}.-my-6{margin-bottom:calc(var(--space-6)*-1)!important;margin-top:calc(var(--space-6)*-1)!important}.-my-8{margin-bottom:calc(var(--space-8)*-1)!important;margin-top:calc(var(--space-8)*-1)!important}.-my-10{margin-bottom:calc(var(--space-10)*-1)!important;margin-top:calc(var(--space-10)*-1)!important}.p-0{padding:0!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.p-7{padding:var(--space-7)!important}.p-8{padding:var(--space-8)!important}.p-10{padding:var(--space-10)!important}.p-12{padding:var(--space-12)!important}.p-14{padding:var(--space-14)!important}.p-16{padding:var(--space-16)!important}.p-20{padding:var(--space-20)!important}.p-24{padding:var(--space-24)!important}.p-32{padding:var(--space-32)!important}.p-40{padding:var(--space-40)!important}.p-48{padding:var(--space-48)!important}.p-64{padding:var(--space-64)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--space-1)!important;padding-right:var(--space-1)!important}.px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.px-5{padding-left:var(--space-5)!important;padding-right:var(--space-5)!important}.px-6{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important}.px-7{padding-left:var(--space-7)!important;padding-right:var(--space-7)!important}.px-8{padding-left:var(--space-8)!important;padding-right:var(--space-8)!important}.px-10{padding-left:var(--space-10)!important;padding-right:var(--space-10)!important}.px-12{padding-left:var(--space-12)!important;padding-right:var(--space-12)!important}.px-14{padding-left:var(--space-14)!important;padding-right:var(--space-14)!important}.px-16{padding-left:var(--space-16)!important;padding-right:var(--space-16)!important}.px-20{padding-left:var(--space-20)!important;padding-right:var(--space-20)!important}.px-24{padding-left:var(--space-24)!important;padding-right:var(--space-24)!important}.px-32{padding-left:var(--space-32)!important;padding-right:var(--space-32)!important}.px-40{padding-left:var(--space-40)!important;padding-right:var(--space-40)!important}.px-48{padding-left:var(--space-48)!important;padding-right:var(--space-48)!important}.px-64{padding-left:var(--space-64)!important;padding-right:var(--space-64)!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:var(--space-1)!important;padding-top:var(--space-1)!important}.py-2{padding-bottom:var(--space-2)!important;padding-top:var(--space-2)!important}.py-3{padding-bottom:var(--space-3)!important;padding-top:var(--space-3)!important}.py-4{padding-bottom:var(--space-4)!important;padding-top:var(--space-4)!important}.py-5{padding-bottom:var(--space-5)!important;padding-top:var(--space-5)!important}.py-6{padding-bottom:var(--space-6)!important;padding-top:var(--space-6)!important}.py-7{padding-bottom:var(--space-7)!important;padding-top:var(--space-7)!important}.py-8{padding-bottom:var(--space-8)!important;padding-top:var(--space-8)!important}.py-10{padding-bottom:var(--space-10)!important;padding-top:var(--space-10)!important}.py-12{padding-bottom:var(--space-12)!important;padding-top:var(--space-12)!important}.py-14{padding-bottom:var(--space-14)!important;padding-top:var(--space-14)!important}.py-16{padding-bottom:var(--space-16)!important;padding-top:var(--space-16)!important}.py-20{padding-bottom:var(--space-20)!important;padding-top:var(--space-20)!important}.py-24{padding-bottom:var(--space-24)!important;padding-top:var(--space-24)!important}.py-32{padding-bottom:var(--space-32)!important;padding-top:var(--space-32)!important}.py-40{padding-bottom:var(--space-40)!important;padding-top:var(--space-40)!important}.py-48{padding-bottom:var(--space-48)!important;padding-top:var(--space-48)!important}.py-64{padding-bottom:var(--space-64)!important;padding-top:var(--space-64)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-1)!important}.pt-2{padding-top:var(--space-2)!important}.pt-3{padding-top:var(--space-3)!important}.pt-4{padding-top:var(--space-4)!important}.pt-5{padding-top:var(--space-5)!important}.pt-6{padding-top:var(--space-6)!important}.pt-7{padding-top:var(--space-7)!important}.pt-8{padding-top:var(--space-8)!important}.pt-10{padding-top:var(--space-10)!important}.pt-12{padding-top:var(--space-12)!important}.pt-14{padding-top:var(--space-14)!important}.pt-16{padding-top:var(--space-16)!important}.pt-20{padding-top:var(--space-20)!important}.pt-24{padding-top:var(--space-24)!important}.pt-32{padding-top:var(--space-32)!important}.pt-40{padding-top:var(--space-40)!important}.pt-48{padding-top:var(--space-48)!important}.pt-64{padding-top:var(--space-64)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--space-1)!important}.pr-2{padding-right:var(--space-2)!important}.pr-3{padding-right:var(--space-3)!important}.pr-4{padding-right:var(--space-4)!important}.pr-5{padding-right:var(--space-5)!important}.pr-6{padding-right:var(--space-6)!important}.pr-7{padding-right:var(--space-7)!important}.pr-8{padding-right:var(--space-8)!important}.pr-10{padding-right:var(--space-10)!important}.pr-12{padding-right:var(--space-12)!important}.pr-14{padding-right:var(--space-14)!important}.pr-16{padding-right:var(--space-16)!important}.pr-20{padding-right:var(--space-20)!important}.pr-24{padding-right:var(--space-24)!important}.pr-32{padding-right:var(--space-32)!important}.pr-40{padding-right:var(--space-40)!important}.pr-48{padding-right:var(--space-48)!important}.pr-64{padding-right:var(--space-64)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-1)!important}.pb-2{padding-bottom:var(--space-2)!important}.pb-3{padding-bottom:var(--space-3)!important}.pb-4{padding-bottom:var(--space-4)!important}.pb-5{padding-bottom:var(--space-5)!important}.pb-6{padding-bottom:var(--space-6)!important}.pb-7{padding-bottom:var(--space-7)!important}.pb-8{padding-bottom:var(--space-8)!important}.pb-10{padding-bottom:var(--space-10)!important}.pb-12{padding-bottom:var(--space-12)!important}.pb-14{padding-bottom:var(--space-14)!important}.pb-16{padding-bottom:var(--space-16)!important}.pb-20{padding-bottom:var(--space-20)!important}.pb-24{padding-bottom:var(--space-24)!important}.pb-32{padding-bottom:var(--space-32)!important}.pb-40{padding-bottom:var(--space-40)!important}.pb-48{padding-bottom:var(--space-48)!important}.pb-64{padding-bottom:var(--space-64)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--space-1)!important}.pl-2{padding-left:var(--space-2)!important}.pl-3{padding-left:var(--space-3)!important}.pl-4{padding-left:var(--space-4)!important}.pl-5{padding-left:var(--space-5)!important}.pl-6{padding-left:var(--space-6)!important}.pl-7{padding-left:var(--space-7)!important}.pl-8{padding-left:var(--space-8)!important}.pl-10{padding-left:var(--space-10)!important}.pl-12{padding-left:var(--space-12)!important}.pl-14{padding-left:var(--space-14)!important}.pl-16{padding-left:var(--space-16)!important}.pl-20{padding-left:var(--space-20)!important}.pl-24{padding-left:var(--space-24)!important}.pl-32{padding-left:var(--space-32)!important}.pl-40{padding-left:var(--space-40)!important}.pl-48{padding-left:var(--space-48)!important}.pl-64{padding-left:var(--space-64)!important}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-14{gap:var(--space-14)}.gap-16{gap:var(--space-16)}.gap-20{gap:var(--space-20)}.gap-24{gap:var(--space-24)}.gap-32{gap:var(--space-32)}.gap-40{gap:var(--space-40)}.gap-48{gap:var(--space-48)}.gap-64{gap:var(--space-64)}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-1{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.gap-x-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}.gap-x-3{-moz-column-gap:var(--space-3);column-gap:var(--space-3)}.gap-x-4{-moz-column-gap:var(--space-4);column-gap:var(--space-4)}.gap-x-5{-moz-column-gap:var(--space-5);column-gap:var(--space-5)}.gap-x-6{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.gap-x-7{-moz-column-gap:var(--space-7);column-gap:var(--space-7)}.gap-x-8{-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.gap-x-10{-moz-column-gap:var(--space-10);column-gap:var(--space-10)}.gap-x-12{-moz-column-gap:var(--space-12);column-gap:var(--space-12)}.gap-x-14{-moz-column-gap:var(--space-14);column-gap:var(--space-14)}.gap-x-16{-moz-column-gap:var(--space-16);column-gap:var(--space-16)}.gap-x-20{-moz-column-gap:var(--space-20);column-gap:var(--space-20)}.gap-x-24{-moz-column-gap:var(--space-24);column-gap:var(--space-24)}.gap-x-32{-moz-column-gap:var(--space-32);column-gap:var(--space-32)}.gap-x-40{-moz-column-gap:var(--space-40);column-gap:var(--space-40)}.gap-x-48{-moz-column-gap:var(--space-48);column-gap:var(--space-48)}.gap-x-64{-moz-column-gap:var(--space-64);column-gap:var(--space-64)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-5{row-gap:var(--space-5)}.gap-y-6{row-gap:var(--space-6)}.gap-y-7{row-gap:var(--space-7)}.gap-y-8{row-gap:var(--space-8)}.gap-y-10{row-gap:var(--space-10)}.gap-y-12{row-gap:var(--space-12)}.gap-y-14{row-gap:var(--space-14)}.gap-y-16{row-gap:var(--space-16)}.gap-y-20{row-gap:var(--space-20)}.gap-y-24{row-gap:var(--space-24)}.gap-y-32{row-gap:var(--space-32)}.gap-y-40{row-gap:var(--space-40)}.gap-y-48{row-gap:var(--space-48)}.gap-y-64{row-gap:var(--space-64)}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-nowrap{white-space:nowrap!important}.text-wrap,.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.whitespace-pre{white-space:pre!important}.whitespace-pre-line{white-space:pre-line!important}.text-xxxs{font-size:var(--text-xxxs)}.text-xxs{font-size:var(--text-xxs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.08em}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{-webkit-text-decoration:underline;text-decoration:underline}.line-through{-webkit-text-decoration:line-through;text-decoration:line-through}.no-underline{-webkit-text-decoration:none;text-decoration:none}.text-muted{color:var(--color-text-muted)!important}.text-soft{color:var(--color-text-soft)!important}.text-strong{color:var(--color-text)!important}.text-on-soft{color:var(--color-text-on-soft)!important}.text-on-strong{color:var(--color-text-on-strong)!important}.text-body{color:var(--color-text)}.text-body,.text-body-soft{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-base);line-height:var(--line-height-normal)}.text-body-soft{color:var(--color-text-soft)}.text-body-muted{color:var(--color-text-muted)}.text-body-muted,.text-body-strong{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-base);line-height:var(--line-height-normal)}.text-body-strong{color:var(--color-text);font-weight:600}.text-body-sm{color:var(--color-text)}.text-body-sm,.text-body-sm-muted{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-body-sm-muted{color:var(--color-text-muted)}.text-body-sm-soft{color:var(--color-text-soft)}.text-body-sm-soft,.text-body-sm-strong{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-body-sm-strong{color:var(--color-text);font-weight:600}.text-mono{color:var(--color-text)}.text-mono,.text-mono-soft{font-family:var(--font-family-mono),monospace;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-mono-soft{color:var(--color-text-soft)}.text-mono-muted{color:var(--color-text-muted)}.text-mono-muted,.text-mono-strong{font-family:var(--font-family-mono),monospace;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-mono-strong{color:var(--color-text);font-weight:600}.w-auto{width:auto!important}.w-full{width:100%!important}.w-half{width:50%!important}.w-min{width:-moz-min-content!important;width:min-content!important}.w-max{width:-moz-max-content!important;width:max-content!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.max-w-xs{max-width:20rem}.max-w-sm{max-width:28rem}.max-w-md{max-width:36rem}.max-w-lg{max-width:48rem}.max-w-xl{max-width:64rem}.max-w-full{max-width:100%}.max-content-sm{max-width:var(--content-width-sm)}.max-content-md{max-width:var(--content-width-md)}.max-content-lg{max-width:var(--content-width-lg)}.max-content-xl{max-width:var(--content-width-xl)}.max-content-2xl{max-width:var(--content-width-2xl)}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-fit{height:-moz-fit-content!important;height:fit-content!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-landscape{aspect-ratio:4/3}.aspect-portrait{aspect-ratio:3/4}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.border{border:1px solid var(--color-border-subtle)!important}.border-strong{border:1px solid var(--color-border-strong)!important}.border-muted{border:1px solid var(--color-muted-border)!important}.border-top{border-top:1px solid var(--color-border-subtle)!important}.border-bottom{border-bottom:1px solid var(--color-border-subtle)!important}.border-left{border-left:1px solid var(--color-border-subtle)!important}.border-right{border-right:1px solid var(--color-border-subtle)!important}.radius-none{border-radius:var(--radius-none)!important}.radius-xs{border-radius:var(--radius-xs)!important}.radius-sm{border-radius:var(--radius-sm)!important}.radius-md{border-radius:var(--radius-md)!important}.radius-lg{border-radius:var(--radius-lg)!important}.radius-xl{border-radius:var(--radius-xl)!important}.radius-full{border-radius:var(--radius-full)!important}.shadow-1{box-shadow:var(--shadow-1)!important}.shadow-2{box-shadow:var(--shadow-2)!important}.shadow-3{box-shadow:var(--shadow-3)!important}.shadow-none{box-shadow:none!important}.bg-surface{background-color:var(--color-surface)!important}.bg-surface-soft{background-color:var(--color-surface-subtle)!important}.bg-muted{background-color:var(--color-muted-bg)!important}.bg-soft{background-color:var(--color-bg-soft)!important}.bg-accent-soft{background-color:var(--color-accent-soft)!important}.bg-success-soft{background-color:var(--color-success-soft)!important}.bg-warning-soft{background-color:var(--color-warning-soft)!important}.bg-danger-soft{background-color:var(--color-danger-soft)!important}.bg-info-soft{background-color:var(--color-info-soft)!important}.bg-brand{background-color:var(--color-brand-ink)!important}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.scroll-x{overflow-x:auto}.scroll-x,.scroll-y{-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-negative{z-index:var(--z-negative)}.z-base{z-index:var(--z-base)}.z-header{z-index:var(--z-header)}.z-backdrop{z-index:var(--z-backdrop)}.z-modal{z-index:var(--z-modal)}.z-drawer{z-index:var(--z-drawer)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.stack{gap:var(--space-3)}.stack,.stack-tight{display:flex;flex-direction:column}.stack-tight{gap:var(--space-2)}.stack-loose{gap:var(--space-4)}.stack-loose,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-3)}.stack-lg,.stack-md{display:flex;flex-direction:column}.stack-lg{gap:var(--space-4)}.stack-xl{display:flex;flex-direction:column;gap:var(--space-6)}.inline-stack{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.cluster{align-items:center}.button-row,.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gutter-none{gap:0}.gutter-sm{gap:var(--space-2)}.gutter-md{gap:var(--space-3)}.gutter-lg{gap:var(--space-4)}.gutter-xl{gap:var(--space-6)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2,.truncate-3,.truncate-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-2{-webkit-line-clamp:2}.truncate-3{-webkit-line-clamp:3}.truncate-4{-webkit-line-clamp:4}.text-info{color:var(--semantic-info-text)!important}.text-success{color:var(--semantic-success-text)!important}.text-warning{color:var(--semantic-warning-text)!important}.text-danger{color:var(--semantic-danger-text)!important}.text-danger code,.text-info code,.text-success code,.text-warning code{color:var(--color-text)!important}code:not(pre code){background-color:var(--code-inline-bg,var(--color-surface-subtle));border:1px solid var(--code-inline-border,var(--color-border-subtle));border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family-mono),monospace;font-size:.875em;line-height:1.2;padding:.15em .35em;white-space:nowrap}.layout-stack{gap:var(--component-gap-md)}.layout-stack,.layout-stack-sm{display:flex;flex-direction:column}.layout-stack-sm{gap:var(--component-gap-xs)}.layout-stack-lg{display:flex;flex-direction:column;gap:var(--component-gap-lg)}.layout-flow>*+*{margin-top:var(--component-gap-md)}.layout-flow-sm>*+*{margin-top:var(--component-gap-xs)}.layout-flow-lg>*+*{margin-top:var(--component-gap-lg)}.layout-inline{align-items:center}.layout-inline,.layout-inline-start{display:flex;flex-wrap:wrap;gap:var(--component-gap-md)}.layout-inline-start{align-items:flex-start}.layout-inline-end{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--component-gap-md)}.layout-cluster{justify-content:flex-start}.layout-cluster,.layout-cluster-center{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.layout-cluster-center{justify-content:center}.layout-grid-inner{grid-gap:var(--gap-md);display:grid;gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.layout-grid-inner-2{grid-gap:var(--gap-md);display:grid;gap:var(--gap-md);grid-template-columns:repeat(2,1fr)}.layout-grid-inner-3{grid-gap:var(--gap-md);display:grid;gap:var(--gap-md);grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.layout-grid-inner-2,.layout-grid-inner-3{grid-template-columns:1fr}}.grid-items-start{align-items:start}.grid-items-center{align-items:center}.grid-items-end{align-items:end}.grid-items-stretch{align-items:stretch}.grid-justify-start{justify-items:start}.grid-justify-center{justify-items:center}.grid-justify-end{justify-items:end}.grid-justify-stretch{justify-items:stretch}.grid-place-items-center{align-items:center;justify-items:center;place-items:center}.grid-place-items-start{align-items:start;justify-items:start;place-items:start}.grid-place-items-end{align-items:end;justify-items:end;place-items:end}.grid-place-items-stretch{align-items:stretch;justify-items:stretch;place-items:stretch}.justify-self-start{justify-self:start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:end}.justify-self-stretch{justify-self:stretch}@media (max-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-stretch{align-self:stretch}.flex-initial{flex:0 1 auto}.flex-none{flex:none}@media (max-width:640px){.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}}@media (max-width:768px){.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-stretch{align-items:stretch}.md\:flex-1{flex:1 1 0}.md\:flex-none{flex:none}}@media (max-width:1024px){.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:justify-start{justify-content:flex-start}.lg\:justify-center{justify-content:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:flex-1{flex:1 1 0}.lg\:flex-none{flex:none}}@media (max-width:1280px){.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:flex-col{flex-direction:column}.xl\:flex-col-reverse{flex-direction:column-reverse}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:justify-start{justify-content:flex-start}.xl\:justify-center{justify-content:center}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:items-end{align-items:flex-end}.xl\:items-stretch{align-items:stretch}.xl\:flex-1{flex:1 1 0}.xl\:flex-none{flex:none}}
1
+ .block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.inline-grid{display:inline-grid!important}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static!important;white-space:normal;width:auto}@media (max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:calc(640px + 1px)) and (max-width:768px){.hide-tablet{display:none!important}.show-tablet{display:block!important}}@media (min-width:1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.self-start{align-self:flex-start!important}.self-center{align-self:center!important}.self-end{align-self:flex-end!important}.flex-1{flex:1 1 0!important}.flex-auto{flex:0 0 auto!important}.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-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-auto-fit-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto-fit-300{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-auto-fit-400{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.m-0{margin:0!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.m-7{margin:var(--space-7)!important}.m-8{margin:var(--space-8)!important}.m-10{margin:var(--space-10)!important}.m-12{margin:var(--space-12)!important}.m-14{margin:var(--space-14)!important}.m-16{margin:var(--space-16)!important}.m-20{margin:var(--space-20)!important}.m-24{margin:var(--space-24)!important}.m-32{margin:var(--space-32)!important}.m-40{margin:var(--space-40)!important}.m-48{margin:var(--space-48)!important}.m-64{margin:var(--space-64)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--space-1)!important;margin-right:var(--space-1)!important}.mx-2{margin-left:var(--space-2)!important;margin-right:var(--space-2)!important}.mx-3{margin-left:var(--space-3)!important;margin-right:var(--space-3)!important}.mx-4{margin-left:var(--space-4)!important;margin-right:var(--space-4)!important}.mx-5{margin-left:var(--space-5)!important;margin-right:var(--space-5)!important}.mx-6{margin-left:var(--space-6)!important;margin-right:var(--space-6)!important}.mx-7{margin-left:var(--space-7)!important;margin-right:var(--space-7)!important}.mx-8{margin-left:var(--space-8)!important;margin-right:var(--space-8)!important}.mx-10{margin-left:var(--space-10)!important;margin-right:var(--space-10)!important}.mx-12{margin-left:var(--space-12)!important;margin-right:var(--space-12)!important}.mx-14{margin-left:var(--space-14)!important;margin-right:var(--space-14)!important}.mx-16{margin-left:var(--space-16)!important;margin-right:var(--space-16)!important}.mx-20{margin-left:var(--space-20)!important;margin-right:var(--space-20)!important}.mx-24{margin-left:var(--space-24)!important;margin-right:var(--space-24)!important}.mx-32{margin-left:var(--space-32)!important;margin-right:var(--space-32)!important}.mx-40{margin-left:var(--space-40)!important;margin-right:var(--space-40)!important}.mx-48{margin-left:var(--space-48)!important;margin-right:var(--space-48)!important}.mx-64{margin-left:var(--space-64)!important;margin-right:var(--space-64)!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-1{margin-bottom:var(--space-1)!important;margin-top:var(--space-1)!important}.my-2{margin-bottom:var(--space-2)!important;margin-top:var(--space-2)!important}.my-3{margin-bottom:var(--space-3)!important;margin-top:var(--space-3)!important}.my-4{margin-bottom:var(--space-4)!important;margin-top:var(--space-4)!important}.my-5{margin-bottom:var(--space-5)!important;margin-top:var(--space-5)!important}.my-6{margin-bottom:var(--space-6)!important;margin-top:var(--space-6)!important}.my-7{margin-bottom:var(--space-7)!important;margin-top:var(--space-7)!important}.my-8{margin-bottom:var(--space-8)!important;margin-top:var(--space-8)!important}.my-10{margin-bottom:var(--space-10)!important;margin-top:var(--space-10)!important}.my-12{margin-bottom:var(--space-12)!important;margin-top:var(--space-12)!important}.my-14{margin-bottom:var(--space-14)!important;margin-top:var(--space-14)!important}.my-16{margin-bottom:var(--space-16)!important;margin-top:var(--space-16)!important}.my-20{margin-bottom:var(--space-20)!important;margin-top:var(--space-20)!important}.my-24{margin-bottom:var(--space-24)!important;margin-top:var(--space-24)!important}.my-32{margin-bottom:var(--space-32)!important;margin-top:var(--space-32)!important}.my-40{margin-bottom:var(--space-40)!important;margin-top:var(--space-40)!important}.my-48{margin-bottom:var(--space-48)!important;margin-top:var(--space-48)!important}.my-64{margin-bottom:var(--space-64)!important;margin-top:var(--space-64)!important}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-1)!important}.mt-2{margin-top:var(--space-2)!important}.mt-3{margin-top:var(--space-3)!important}.mt-4{margin-top:var(--space-4)!important}.mt-5{margin-top:var(--space-5)!important}.mt-6{margin-top:var(--space-6)!important}.mt-7{margin-top:var(--space-7)!important}.mt-8{margin-top:var(--space-8)!important}.mt-10{margin-top:var(--space-10)!important}.mt-12{margin-top:var(--space-12)!important}.mt-14{margin-top:var(--space-14)!important}.mt-16{margin-top:var(--space-16)!important}.mt-20{margin-top:var(--space-20)!important}.mt-24{margin-top:var(--space-24)!important}.mt-32{margin-top:var(--space-32)!important}.mt-40{margin-top:var(--space-40)!important}.mt-48{margin-top:var(--space-48)!important}.mt-64{margin-top:var(--space-64)!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)!important}.mb-2{margin-bottom:var(--space-2)!important}.mb-3{margin-bottom:var(--space-3)!important}.mb-4{margin-bottom:var(--space-4)!important}.mb-5{margin-bottom:var(--space-5)!important}.mb-6{margin-bottom:var(--space-6)!important}.mb-7{margin-bottom:var(--space-7)!important}.mb-8{margin-bottom:var(--space-8)!important}.mb-10{margin-bottom:var(--space-10)!important}.mb-12{margin-bottom:var(--space-12)!important}.mb-14{margin-bottom:var(--space-14)!important}.mb-16{margin-bottom:var(--space-16)!important}.mb-20{margin-bottom:var(--space-20)!important}.mb-24{margin-bottom:var(--space-24)!important}.mb-32{margin-bottom:var(--space-32)!important}.mb-40{margin-bottom:var(--space-40)!important}.mb-48{margin-bottom:var(--space-48)!important}.mb-64{margin-bottom:var(--space-64)!important}.ml-0{margin-left:0!important}.ml-1{margin-left:var(--space-1)!important}.ml-2{margin-left:var(--space-2)!important}.ml-3{margin-left:var(--space-3)!important}.ml-4{margin-left:var(--space-4)!important}.ml-5{margin-left:var(--space-5)!important}.ml-6{margin-left:var(--space-6)!important}.ml-7{margin-left:var(--space-7)!important}.ml-8{margin-left:var(--space-8)!important}.ml-10{margin-left:var(--space-10)!important}.ml-12{margin-left:var(--space-12)!important}.ml-14{margin-left:var(--space-14)!important}.ml-16{margin-left:var(--space-16)!important}.ml-20{margin-left:var(--space-20)!important}.ml-24{margin-left:var(--space-24)!important}.ml-32{margin-left:var(--space-32)!important}.ml-40{margin-left:var(--space-40)!important}.ml-48{margin-left:var(--space-48)!important}.ml-64{margin-left:var(--space-64)!important}.mr-0{margin-right:0!important}.mr-1{margin-right:var(--space-1)!important}.mr-2{margin-right:var(--space-2)!important}.mr-3{margin-right:var(--space-3)!important}.mr-4{margin-right:var(--space-4)!important}.mr-5{margin-right:var(--space-5)!important}.mr-6{margin-right:var(--space-6)!important}.mr-7{margin-right:var(--space-7)!important}.mr-8{margin-right:var(--space-8)!important}.mr-10{margin-right:var(--space-10)!important}.mr-12{margin-right:var(--space-12)!important}.mr-14{margin-right:var(--space-14)!important}.mr-16{margin-right:var(--space-16)!important}.mr-20{margin-right:var(--space-20)!important}.mr-24{margin-right:var(--space-24)!important}.mr-32{margin-right:var(--space-32)!important}.mr-40{margin-right:var(--space-40)!important}.mr-48{margin-right:var(--space-48)!important}.mr-64{margin-right:var(--space-64)!important}.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.-m-1{margin:calc(var(--space-1)*-1)!important}.-m-2{margin:calc(var(--space-2)*-1)!important}.-m-3{margin:calc(var(--space-3)*-1)!important}.-m-4{margin:calc(var(--space-4)*-1)!important}.-m-6{margin:calc(var(--space-6)*-1)!important}.-m-8{margin:calc(var(--space-8)*-1)!important}.-m-10{margin:calc(var(--space-10)*-1)!important}.-mt-1{margin-top:calc(var(--space-1)*-1)!important}.-mt-2{margin-top:calc(var(--space-2)*-1)!important}.-mt-3{margin-top:calc(var(--space-3)*-1)!important}.-mt-4{margin-top:calc(var(--space-4)*-1)!important}.-mt-6{margin-top:calc(var(--space-6)*-1)!important}.-mt-8{margin-top:calc(var(--space-8)*-1)!important}.-mt-10{margin-top:calc(var(--space-10)*-1)!important}.-mb-1{margin-bottom:calc(var(--space-1)*-1)!important}.-mb-2{margin-bottom:calc(var(--space-2)*-1)!important}.-mb-3{margin-bottom:calc(var(--space-3)*-1)!important}.-mb-4{margin-bottom:calc(var(--space-4)*-1)!important}.-mb-6{margin-bottom:calc(var(--space-6)*-1)!important}.-mb-8{margin-bottom:calc(var(--space-8)*-1)!important}.-mb-10{margin-bottom:calc(var(--space-10)*-1)!important}.-mx-1{margin-left:calc(var(--space-1)*-1)!important;margin-right:calc(var(--space-1)*-1)!important}.-mx-2{margin-left:calc(var(--space-2)*-1)!important;margin-right:calc(var(--space-2)*-1)!important}.-mx-3{margin-left:calc(var(--space-3)*-1)!important;margin-right:calc(var(--space-3)*-1)!important}.-mx-4{margin-left:calc(var(--space-4)*-1)!important;margin-right:calc(var(--space-4)*-1)!important}.-mx-6{margin-left:calc(var(--space-6)*-1)!important;margin-right:calc(var(--space-6)*-1)!important}.-mx-8{margin-left:calc(var(--space-8)*-1)!important;margin-right:calc(var(--space-8)*-1)!important}.-mx-10{margin-left:calc(var(--space-10)*-1)!important;margin-right:calc(var(--space-10)*-1)!important}.-my-1{margin-bottom:calc(var(--space-1)*-1)!important;margin-top:calc(var(--space-1)*-1)!important}.-my-2{margin-bottom:calc(var(--space-2)*-1)!important;margin-top:calc(var(--space-2)*-1)!important}.-my-3{margin-bottom:calc(var(--space-3)*-1)!important;margin-top:calc(var(--space-3)*-1)!important}.-my-4{margin-bottom:calc(var(--space-4)*-1)!important;margin-top:calc(var(--space-4)*-1)!important}.-my-6{margin-bottom:calc(var(--space-6)*-1)!important;margin-top:calc(var(--space-6)*-1)!important}.-my-8{margin-bottom:calc(var(--space-8)*-1)!important;margin-top:calc(var(--space-8)*-1)!important}.-my-10{margin-bottom:calc(var(--space-10)*-1)!important;margin-top:calc(var(--space-10)*-1)!important}.p-0{padding:0!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.p-7{padding:var(--space-7)!important}.p-8{padding:var(--space-8)!important}.p-10{padding:var(--space-10)!important}.p-12{padding:var(--space-12)!important}.p-14{padding:var(--space-14)!important}.p-16{padding:var(--space-16)!important}.p-20{padding:var(--space-20)!important}.p-24{padding:var(--space-24)!important}.p-32{padding:var(--space-32)!important}.p-40{padding:var(--space-40)!important}.p-48{padding:var(--space-48)!important}.p-64{padding:var(--space-64)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--space-1)!important;padding-right:var(--space-1)!important}.px-2{padding-left:var(--space-2)!important;padding-right:var(--space-2)!important}.px-3{padding-left:var(--space-3)!important;padding-right:var(--space-3)!important}.px-4{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.px-5{padding-left:var(--space-5)!important;padding-right:var(--space-5)!important}.px-6{padding-left:var(--space-6)!important;padding-right:var(--space-6)!important}.px-7{padding-left:var(--space-7)!important;padding-right:var(--space-7)!important}.px-8{padding-left:var(--space-8)!important;padding-right:var(--space-8)!important}.px-10{padding-left:var(--space-10)!important;padding-right:var(--space-10)!important}.px-12{padding-left:var(--space-12)!important;padding-right:var(--space-12)!important}.px-14{padding-left:var(--space-14)!important;padding-right:var(--space-14)!important}.px-16{padding-left:var(--space-16)!important;padding-right:var(--space-16)!important}.px-20{padding-left:var(--space-20)!important;padding-right:var(--space-20)!important}.px-24{padding-left:var(--space-24)!important;padding-right:var(--space-24)!important}.px-32{padding-left:var(--space-32)!important;padding-right:var(--space-32)!important}.px-40{padding-left:var(--space-40)!important;padding-right:var(--space-40)!important}.px-48{padding-left:var(--space-48)!important;padding-right:var(--space-48)!important}.px-64{padding-left:var(--space-64)!important;padding-right:var(--space-64)!important}.py-0{padding-bottom:0!important;padding-top:0!important}.py-1{padding-bottom:var(--space-1)!important;padding-top:var(--space-1)!important}.py-2{padding-bottom:var(--space-2)!important;padding-top:var(--space-2)!important}.py-3{padding-bottom:var(--space-3)!important;padding-top:var(--space-3)!important}.py-4{padding-bottom:var(--space-4)!important;padding-top:var(--space-4)!important}.py-5{padding-bottom:var(--space-5)!important;padding-top:var(--space-5)!important}.py-6{padding-bottom:var(--space-6)!important;padding-top:var(--space-6)!important}.py-7{padding-bottom:var(--space-7)!important;padding-top:var(--space-7)!important}.py-8{padding-bottom:var(--space-8)!important;padding-top:var(--space-8)!important}.py-10{padding-bottom:var(--space-10)!important;padding-top:var(--space-10)!important}.py-12{padding-bottom:var(--space-12)!important;padding-top:var(--space-12)!important}.py-14{padding-bottom:var(--space-14)!important;padding-top:var(--space-14)!important}.py-16{padding-bottom:var(--space-16)!important;padding-top:var(--space-16)!important}.py-20{padding-bottom:var(--space-20)!important;padding-top:var(--space-20)!important}.py-24{padding-bottom:var(--space-24)!important;padding-top:var(--space-24)!important}.py-32{padding-bottom:var(--space-32)!important;padding-top:var(--space-32)!important}.py-40{padding-bottom:var(--space-40)!important;padding-top:var(--space-40)!important}.py-48{padding-bottom:var(--space-48)!important;padding-top:var(--space-48)!important}.py-64{padding-bottom:var(--space-64)!important;padding-top:var(--space-64)!important}.pt-0{padding-top:0!important}.pt-1{padding-top:var(--space-1)!important}.pt-2{padding-top:var(--space-2)!important}.pt-3{padding-top:var(--space-3)!important}.pt-4{padding-top:var(--space-4)!important}.pt-5{padding-top:var(--space-5)!important}.pt-6{padding-top:var(--space-6)!important}.pt-7{padding-top:var(--space-7)!important}.pt-8{padding-top:var(--space-8)!important}.pt-10{padding-top:var(--space-10)!important}.pt-12{padding-top:var(--space-12)!important}.pt-14{padding-top:var(--space-14)!important}.pt-16{padding-top:var(--space-16)!important}.pt-20{padding-top:var(--space-20)!important}.pt-24{padding-top:var(--space-24)!important}.pt-32{padding-top:var(--space-32)!important}.pt-40{padding-top:var(--space-40)!important}.pt-48{padding-top:var(--space-48)!important}.pt-64{padding-top:var(--space-64)!important}.pr-0{padding-right:0!important}.pr-1{padding-right:var(--space-1)!important}.pr-2{padding-right:var(--space-2)!important}.pr-3{padding-right:var(--space-3)!important}.pr-4{padding-right:var(--space-4)!important}.pr-5{padding-right:var(--space-5)!important}.pr-6{padding-right:var(--space-6)!important}.pr-7{padding-right:var(--space-7)!important}.pr-8{padding-right:var(--space-8)!important}.pr-10{padding-right:var(--space-10)!important}.pr-12{padding-right:var(--space-12)!important}.pr-14{padding-right:var(--space-14)!important}.pr-16{padding-right:var(--space-16)!important}.pr-20{padding-right:var(--space-20)!important}.pr-24{padding-right:var(--space-24)!important}.pr-32{padding-right:var(--space-32)!important}.pr-40{padding-right:var(--space-40)!important}.pr-48{padding-right:var(--space-48)!important}.pr-64{padding-right:var(--space-64)!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:var(--space-1)!important}.pb-2{padding-bottom:var(--space-2)!important}.pb-3{padding-bottom:var(--space-3)!important}.pb-4{padding-bottom:var(--space-4)!important}.pb-5{padding-bottom:var(--space-5)!important}.pb-6{padding-bottom:var(--space-6)!important}.pb-7{padding-bottom:var(--space-7)!important}.pb-8{padding-bottom:var(--space-8)!important}.pb-10{padding-bottom:var(--space-10)!important}.pb-12{padding-bottom:var(--space-12)!important}.pb-14{padding-bottom:var(--space-14)!important}.pb-16{padding-bottom:var(--space-16)!important}.pb-20{padding-bottom:var(--space-20)!important}.pb-24{padding-bottom:var(--space-24)!important}.pb-32{padding-bottom:var(--space-32)!important}.pb-40{padding-bottom:var(--space-40)!important}.pb-48{padding-bottom:var(--space-48)!important}.pb-64{padding-bottom:var(--space-64)!important}.pl-0{padding-left:0!important}.pl-1{padding-left:var(--space-1)!important}.pl-2{padding-left:var(--space-2)!important}.pl-3{padding-left:var(--space-3)!important}.pl-4{padding-left:var(--space-4)!important}.pl-5{padding-left:var(--space-5)!important}.pl-6{padding-left:var(--space-6)!important}.pl-7{padding-left:var(--space-7)!important}.pl-8{padding-left:var(--space-8)!important}.pl-10{padding-left:var(--space-10)!important}.pl-12{padding-left:var(--space-12)!important}.pl-14{padding-left:var(--space-14)!important}.pl-16{padding-left:var(--space-16)!important}.pl-20{padding-left:var(--space-20)!important}.pl-24{padding-left:var(--space-24)!important}.pl-32{padding-left:var(--space-32)!important}.pl-40{padding-left:var(--space-40)!important}.pl-48{padding-left:var(--space-48)!important}.pl-64{padding-left:var(--space-64)!important}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-14{gap:var(--space-14)}.gap-16{gap:var(--space-16)}.gap-20{gap:var(--space-20)}.gap-24{gap:var(--space-24)}.gap-32{gap:var(--space-32)}.gap-40{gap:var(--space-40)}.gap-48{gap:var(--space-48)}.gap-64{gap:var(--space-64)}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-1{-moz-column-gap:var(--space-1);column-gap:var(--space-1)}.gap-x-2{-moz-column-gap:var(--space-2);column-gap:var(--space-2)}.gap-x-3{-moz-column-gap:var(--space-3);column-gap:var(--space-3)}.gap-x-4{-moz-column-gap:var(--space-4);column-gap:var(--space-4)}.gap-x-5{-moz-column-gap:var(--space-5);column-gap:var(--space-5)}.gap-x-6{-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.gap-x-7{-moz-column-gap:var(--space-7);column-gap:var(--space-7)}.gap-x-8{-moz-column-gap:var(--space-8);column-gap:var(--space-8)}.gap-x-10{-moz-column-gap:var(--space-10);column-gap:var(--space-10)}.gap-x-12{-moz-column-gap:var(--space-12);column-gap:var(--space-12)}.gap-x-14{-moz-column-gap:var(--space-14);column-gap:var(--space-14)}.gap-x-16{-moz-column-gap:var(--space-16);column-gap:var(--space-16)}.gap-x-20{-moz-column-gap:var(--space-20);column-gap:var(--space-20)}.gap-x-24{-moz-column-gap:var(--space-24);column-gap:var(--space-24)}.gap-x-32{-moz-column-gap:var(--space-32);column-gap:var(--space-32)}.gap-x-40{-moz-column-gap:var(--space-40);column-gap:var(--space-40)}.gap-x-48{-moz-column-gap:var(--space-48);column-gap:var(--space-48)}.gap-x-64{-moz-column-gap:var(--space-64);column-gap:var(--space-64)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--space-1)}.gap-y-2{row-gap:var(--space-2)}.gap-y-3{row-gap:var(--space-3)}.gap-y-4{row-gap:var(--space-4)}.gap-y-5{row-gap:var(--space-5)}.gap-y-6{row-gap:var(--space-6)}.gap-y-7{row-gap:var(--space-7)}.gap-y-8{row-gap:var(--space-8)}.gap-y-10{row-gap:var(--space-10)}.gap-y-12{row-gap:var(--space-12)}.gap-y-14{row-gap:var(--space-14)}.gap-y-16{row-gap:var(--space-16)}.gap-y-20{row-gap:var(--space-20)}.gap-y-24{row-gap:var(--space-24)}.gap-y-32{row-gap:var(--space-32)}.gap-y-40{row-gap:var(--space-40)}.gap-y-48{row-gap:var(--space-48)}.gap-y-64{row-gap:var(--space-64)}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-nowrap{white-space:nowrap!important}.text-wrap,.whitespace-normal{white-space:normal!important}.whitespace-nowrap{white-space:nowrap!important}.whitespace-pre{white-space:pre!important}.whitespace-pre-line{white-space:pre-line!important}.text-xxxs{font-size:var(--text-xxxs)}.text-xxs{font-size:var(--text-xxs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.tracking-tight{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.08em}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{-webkit-text-decoration:underline;text-decoration:underline}.line-through{-webkit-text-decoration:line-through;text-decoration:line-through}.no-underline{-webkit-text-decoration:none;text-decoration:none}.text-muted{color:var(--color-text-muted)!important}.text-soft{color:var(--color-text-soft)!important}.text-strong{color:var(--color-text)!important}.text-on-soft{color:var(--color-text-on-soft)!important}.text-on-strong{color:var(--color-text-on-strong)!important}.text-body{color:var(--color-text)}.text-body,.text-body-soft{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-base);line-height:var(--line-height-normal)}.text-body-soft{color:var(--color-text-soft)}.text-body-muted{color:var(--color-text-muted)}.text-body-muted,.text-body-strong{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-base);line-height:var(--line-height-normal)}.text-body-strong{color:var(--color-text);font-weight:600}.text-body-sm{color:var(--color-text)}.text-body-sm,.text-body-sm-muted{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-body-sm-muted{color:var(--color-text-muted)}.text-body-sm-soft{color:var(--color-text-soft)}.text-body-sm-soft,.text-body-sm-strong{font-family:var(--font-family-sans),sans-serif;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-body-sm-strong{color:var(--color-text);font-weight:600}.text-mono{color:var(--color-text)}.text-mono,.text-mono-soft{font-family:var(--font-family-mono),monospace;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-mono-soft{color:var(--color-text-soft)}.text-mono-muted{color:var(--color-text-muted)}.text-mono-muted,.text-mono-strong{font-family:var(--font-family-mono),monospace;font-size:var(--text-sm);line-height:var(--line-height-normal)}.text-mono-strong{color:var(--color-text);font-weight:600}.w-auto{width:auto!important}.w-full{width:100%!important}.w-half{width:50%!important}.w-min{width:-moz-min-content!important;width:min-content!important}.w-max{width:-moz-max-content!important;width:max-content!important}.w-fit{width:-moz-fit-content!important;width:fit-content!important}.max-w-xs{max-width:20rem}.max-w-sm{max-width:28rem}.max-w-md{max-width:36rem}.max-w-lg{max-width:48rem}.max-w-xl{max-width:64rem}.max-w-full{max-width:100%}.max-content-sm{max-width:var(--content-width-sm)}.max-content-md{max-width:var(--content-width-md)}.max-content-lg{max-width:var(--content-width-lg)}.max-content-xl{max-width:var(--content-width-xl)}.max-content-2xl{max-width:var(--content-width-2xl)}.h-auto{height:auto!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.h-fit{height:-moz-fit-content!important;height:fit-content!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-landscape{aspect-ratio:4/3}.aspect-portrait{aspect-ratio:3/4}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.border{border:1px solid var(--color-border-subtle)!important}.border-strong{border:1px solid var(--color-border-strong)!important}.border-muted{border:1px solid var(--color-muted-border)!important}.border-top{border-top:1px solid var(--color-border-subtle)!important}.border-bottom{border-bottom:1px solid var(--color-border-subtle)!important}.border-left{border-left:1px solid var(--color-border-subtle)!important}.border-right{border-right:1px solid var(--color-border-subtle)!important}.radius-none{border-radius:var(--radius-none)!important}.radius-xs{border-radius:var(--radius-xs)!important}.radius-sm{border-radius:var(--radius-sm)!important}.radius-md{border-radius:var(--radius-md)!important}.radius-lg{border-radius:var(--radius-lg)!important}.radius-xl{border-radius:var(--radius-xl)!important}.radius-full{border-radius:var(--radius-full)!important}.shadow-1{box-shadow:var(--shadow-1)!important}.shadow-2{box-shadow:var(--shadow-2)!important}.shadow-3{box-shadow:var(--shadow-3)!important}.shadow-none{box-shadow:none!important}.bg-surface{background-color:var(--color-surface)!important}.bg-surface-soft{background-color:var(--color-surface-subtle)!important}.bg-muted{background-color:var(--color-muted-bg)!important}.bg-soft{background-color:var(--color-bg-soft)!important}.bg-accent-soft{background-color:var(--color-accent-soft)!important}.bg-success-soft{background-color:var(--color-success-soft)!important}.bg-warning-soft{background-color:var(--color-warning-soft)!important}.bg-danger-soft{background-color:var(--color-danger-soft)!important}.bg-info-soft{background-color:var(--color-info-soft)!important}.bg-brand{background-color:var(--color-brand-ink)!important}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.scroll-x{overflow-x:auto}.scroll-x,.scroll-y{-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-negative{z-index:var(--z-negative)}.z-base{z-index:var(--z-base)}.z-header{z-index:var(--z-header)}.z-backdrop{z-index:var(--z-backdrop)}.z-modal{z-index:var(--z-modal)}.z-drawer{z-index:var(--z-drawer)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.stack{gap:var(--space-3)}.stack,.stack-tight{display:flex;flex-direction:column}.stack-tight{gap:var(--space-2)}.stack-loose{gap:var(--space-4)}.stack-loose,.stack-sm{display:flex;flex-direction:column}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-3)}.stack-lg,.stack-md{display:flex;flex-direction:column}.stack-lg{gap:var(--space-4)}.stack-xl{display:flex;flex-direction:column;gap:var(--space-6)}.inline-stack{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.cluster{align-items:center}.button-row,.cluster{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gutter-none{gap:0}.gutter-sm{gap:var(--space-2)}.gutter-md{gap:var(--space-3)}.gutter-lg{gap:var(--space-4)}.gutter-xl{gap:var(--space-6)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2,.truncate-3,.truncate-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-2{-webkit-line-clamp:2}.truncate-3{-webkit-line-clamp:3}.truncate-4{-webkit-line-clamp:4}.text-info{color:var(--semantic-info-text)!important}.text-success{color:var(--semantic-success-text)!important}.text-warning{color:var(--semantic-warning-text)!important}.text-danger{color:var(--semantic-danger-text)!important}.text-danger code,.text-info code,.text-success code,.text-warning code{color:var(--color-text)!important}code:not(pre code){background-color:var(--code-inline-bg,var(--color-surface-subtle));border:1px solid var(--code-inline-border,var(--color-border-subtle));border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-family-mono),monospace;font-size:.875em;line-height:1.2;padding:.15em .35em;white-space:nowrap}.layout-stack{gap:var(--component-gap-md)}.layout-stack,.layout-stack-sm{display:flex;flex-direction:column}.layout-stack-sm{gap:var(--component-gap-xs)}.layout-stack-lg{display:flex;flex-direction:column;gap:var(--component-gap-lg)}.layout-flow>*+*{margin-top:var(--component-gap-md)}.layout-flow-sm>*+*{margin-top:var(--component-gap-xs)}.layout-flow-lg>*+*{margin-top:var(--component-gap-lg)}.layout-inline{align-items:center}.layout-inline,.layout-inline-start{display:flex;flex-wrap:wrap;gap:var(--component-gap-md)}.layout-inline-start{align-items:flex-start}.layout-inline-end{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--component-gap-md)}.layout-cluster{justify-content:flex-start}.layout-cluster,.layout-cluster-center{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.layout-cluster-center{justify-content:center}.layout-grid-inner{grid-gap:var(--gap-md);display:grid;gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.layout-grid-inner-2{grid-gap:var(--gap-md);display:grid;gap:var(--gap-md);grid-template-columns:repeat(2,1fr)}.layout-grid-inner-3{grid-gap:var(--gap-md);display:grid;gap:var(--gap-md);grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.layout-grid-inner-2,.layout-grid-inner-3{grid-template-columns:1fr}}.grid-items-start{align-items:start}.grid-items-center{align-items:center}.grid-items-end{align-items:end}.grid-items-stretch{align-items:stretch}.grid-justify-start{justify-items:start}.grid-justify-center{justify-items:center}.grid-justify-end{justify-items:end}.grid-justify-stretch{justify-items:stretch}.grid-place-items-center{align-items:center;justify-items:center;place-items:center}.grid-place-items-start{align-items:start;justify-items:start;place-items:start}.grid-place-items-end{align-items:end;justify-items:end;place-items:end}.grid-place-items-stretch{align-items:stretch;justify-items:stretch;place-items:stretch}.justify-self-start{justify-self:start}.justify-self-center{justify-self:center}.justify-self-end{justify-self:end}.justify-self-stretch{justify-self:stretch}@media (max-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (max-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.self-auto{align-self:auto}.self-stretch{align-self:stretch}.flex-initial{flex:0 1 auto}.flex-none{flex:none}@media (max-width:640px){.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-wrap{flex-wrap:wrap}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-around{justify-content:space-around}.sm\:justify-evenly{justify-content:space-evenly}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-stretch{align-items:stretch}.sm\:flex-1{flex:1 1 0%}.sm\:flex-none{flex:none}}@media (max-width:768px){.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:flex-col{flex-direction:column}.md\:flex-col-reverse{flex-direction:column-reverse}.md\:flex-wrap{flex-wrap:wrap}.md\:flex-nowrap{flex-wrap:nowrap}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:justify-end{justify-content:flex-end}.md\:justify-between{justify-content:space-between}.md\:justify-around{justify-content:space-around}.md\:justify-evenly{justify-content:space-evenly}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-stretch{align-items:stretch}.md\:flex-1{flex:1 1 0}.md\:flex-none{flex:none}}@media (max-width:1024px){.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:flex-col{flex-direction:column}.lg\:flex-col-reverse{flex-direction:column-reverse}.lg\:flex-wrap{flex-wrap:wrap}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse}.lg\:justify-start{justify-content:flex-start}.lg\:justify-center{justify-content:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:justify-evenly{justify-content:space-evenly}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-stretch{align-items:stretch}.lg\:flex-1{flex:1 1 0}.lg\:flex-none{flex:none}}@media (max-width:1280px){.xl\:flex{display:flex}.xl\:inline-flex{display:inline-flex}.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:flex-col{flex-direction:column}.xl\:flex-col-reverse{flex-direction:column-reverse}.xl\:flex-wrap{flex-wrap:wrap}.xl\:flex-nowrap{flex-wrap:nowrap}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse}.xl\:justify-start{justify-content:flex-start}.xl\:justify-center{justify-content:center}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}.xl\:justify-around{justify-content:space-around}.xl\:justify-evenly{justify-content:space-evenly}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:items-end{align-items:flex-end}.xl\:items-stretch{align-items:stretch}.xl\:flex-1{flex:1 1 0}.xl\:flex-none{flex:none}}
package/dist/core.css CHANGED
@@ -763,7 +763,7 @@ footer.page-footer {
763
763
 
764
764
  .layout-grid-2 {
765
765
  display: grid;
766
- grid-template-columns: repeat(2, 1fr);
766
+ grid-template-columns: repeat(2, minmax(0, 1fr));
767
767
  grid-gap: 2rem;
768
768
  grid-gap: var(--gap-lg);
769
769
  gap: 2rem;
@@ -772,7 +772,7 @@ footer.page-footer {
772
772
 
773
773
  .layout-grid-3 {
774
774
  display: grid;
775
- grid-template-columns: repeat(3, 1fr);
775
+ grid-template-columns: repeat(3, minmax(0, 1fr));
776
776
  grid-gap: 2rem;
777
777
  grid-gap: var(--gap-lg);
778
778
  gap: 2rem;
@@ -781,7 +781,25 @@ footer.page-footer {
781
781
 
782
782
  .layout-grid-4 {
783
783
  display: grid;
784
- grid-template-columns: repeat(4, 1fr);
784
+ grid-template-columns: repeat(4, minmax(0, 1fr));
785
+ grid-gap: 2rem;
786
+ grid-gap: var(--gap-lg);
787
+ gap: 2rem;
788
+ gap: var(--gap-lg);
789
+ }
790
+
791
+ .layout-grid-5 {
792
+ display: grid;
793
+ grid-template-columns: repeat(5, minmax(0, 1fr));
794
+ grid-gap: 2rem;
795
+ grid-gap: var(--gap-lg);
796
+ gap: 2rem;
797
+ gap: var(--gap-lg);
798
+ }
799
+
800
+ .layout-grid-6 {
801
+ display: grid;
802
+ grid-template-columns: repeat(6, minmax(0, 1fr));
785
803
  grid-gap: 2rem;
786
804
  grid-gap: var(--gap-lg);
787
805
  gap: 2rem;
@@ -791,7 +809,9 @@ footer.page-footer {
791
809
  @media (max-width: 768px) {
792
810
  .layout-grid-2,
793
811
  .layout-grid-3,
794
- .layout-grid-4 {
812
+ .layout-grid-4,
813
+ .layout-grid-5,
814
+ .layout-grid-6 {
795
815
  grid-template-columns: 1fr;
796
816
  }
797
817
  }
@@ -802,8 +822,8 @@ footer.page-footer {
802
822
 
803
823
  .sidebar-layout {
804
824
  display: grid;
805
- grid-template-columns: 280px 1fr;
806
- grid-template-columns: var(--sidebar-width-md) 1fr;
825
+ grid-template-columns: 280px minmax(0, 1fr);
826
+ grid-template-columns: var(--sidebar-width-md) minmax(0, 1fr);
807
827
  grid-gap: 2rem;
808
828
  grid-gap: var(--gap-lg);
809
829
  gap: 2rem;
@@ -812,33 +832,37 @@ footer.page-footer {
812
832
 
813
833
  .sidebar-layout-right {
814
834
  display: grid;
815
- grid-template-columns: 1fr 280px;
816
- grid-template-columns: 1fr var(--sidebar-width-md);
835
+ grid-template-columns: minmax(0, 1fr) 280px;
836
+ grid-template-columns: minmax(0, 1fr) var(--sidebar-width-md);
817
837
  grid-gap: 2rem;
818
838
  grid-gap: var(--gap-lg);
819
839
  gap: 2rem;
820
840
  gap: var(--gap-lg);
821
841
  }
822
842
 
843
+ .sidebar-layout-right > *:first-child {
844
+ order: 2;
845
+ }
846
+
847
+ .sidebar-layout-right > *:last-child {
848
+ order: 1;
849
+ }
850
+
823
851
  @media (max-width: 1024px) {
824
852
  .sidebar-layout,
825
853
  .sidebar-layout-right {
826
- grid-template-columns: 1fr;
854
+ grid-template-columns: minmax(0, 1fr);
827
855
  }
828
- }
829
856
 
830
- .split {
831
- display: grid;
832
- grid-template-columns: 1fr 1fr;
833
- grid-gap: 2rem;
834
- grid-gap: var(--gap-lg);
835
- gap: 2rem;
836
- gap: var(--gap-lg);
857
+ .sidebar-layout-right > * {
858
+ order: initial;
859
+ }
837
860
  }
838
861
 
862
+ .split,
839
863
  .split-reverse {
840
864
  display: grid;
841
- grid-template-columns: 1fr 1fr;
865
+ grid-template-columns: repeat(2, minmax(0, 1fr));
842
866
  grid-gap: 2rem;
843
867
  grid-gap: var(--gap-lg);
844
868
  gap: 2rem;
@@ -856,11 +880,9 @@ footer.page-footer {
856
880
  @media (max-width: 768px) {
857
881
  .split,
858
882
  .split-reverse {
859
- grid-template-columns: 1fr;
883
+ grid-template-columns: minmax(0, 1fr);
860
884
  }
861
- }
862
885
 
863
- @media (min-width: 769px) {
864
886
  .split-reverse > * {
865
887
  order: initial;
866
888
  }
package/dist/core.min.css CHANGED
@@ -1 +1 @@
1
- :root{--font-family-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xxxs:0.65rem;--text-xxs:0.75rem;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3.25rem;--line-height-xs-tight:0.5;--line-height-tight:1.1;--line-height-xl-tight:1.2;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-tight:-0.015em;--letter-normal:0;--letter-loose:0.015em;--footnote-font-size:var(--text-xs);--space-0:0;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-5_5:1.3125rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-64:16rem;--section-spacing-xs:var(--space-6);--section-spacing-sm:var(--space-8);--section-spacing-md:var(--space-12);--section-spacing-lg:var(--space-16);--section-spacing-xl:var(--space-20);--gap-xs:var(--space-2);--gap-sm:var(--space-3);--gap-md:var(--space-6);--gap-lg:var(--space-8);--gap-xl:var(--space-12);--component-gap-xs:var(--space-2);--component-gap-sm:var(--space-3);--component-gap-md:var(--space-4);--component-gap-lg:var(--space-6);--component-gap-xl:var(--space-10);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-full:999px;--radius-pill:9999px;--border-width:1px;--border-width-strong:3px;--tab-indicator-height:2px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.15);--shadow-xl:0 20px 25px rgba(0,0,0,.2);--layout-max-width:80rem;--content-width-sm:640px;--content-width-md:768px;--content-width-lg:1024px;--content-width-xl:1200px;--content-width-2xl:1440px;--sidebar-width-md:280px;--grid-min:16rem;--icon-xxs:1rem;--icon-xs:1.15rem;--icon-sm:1.25rem;--icon-md:1.35rem;--icon-lg:1.75rem;--icon-xl:2.25rem;--icon-container-sm:1.75rem;--icon-container-md:2.25rem;--icon-container-lg:3rem;--icon-container-xl:3.75rem;--icon-stroke-thin:1.25;--icon-stroke-regular:1.75;--icon-stroke-bold:2.25;--avatar-size-sm:var(--space-7);--avatar-size-md:var(--space-10);--avatar-size-lg:var(--space-16);--avatar-status-size:var(--space-2);--transition-fast:120ms ease-out;--transition-normal:180ms ease-out;--transition-slow:260ms ease-out;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.32,0,0.67,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--motion-none:0ms;--z-negative:-1;--z-base:0;--z-header:10;--z-backdrop:80;--z-modal:90;--z-drawer:95;--z-toast:100;--z-tooltip:110;--z-sticky:40;--z-sticky-col:39;--focus-ring-width:2px;--focus-ring-offset:2px}a{--link-underline-thickness:2px}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;box-sizing:border-box;line-height:1.5;line-height:var(--line-height-normal)}*,:after,:before{box-sizing:inherit;min-width:0}*{-webkit-box-decoration-break:clone;box-decoration-break:clone;scrollbar-color:var(--color-border-subtle) transparent;scrollbar-width:thin}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont;font-family:var(--font-family-sans),sans-serif;font-size:1rem;font-size:var(--text-base);margin:0;min-height:100vh;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}img{height:auto}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{background:none;border:none;padding:0}[role=button],button,input[type=button],input[type=submit]{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]{-webkit-appearance:none;outline-offset:-2px}textarea{resize:vertical}input,select,textarea{line-height:inherit}fieldset{border:0;margin:0}fieldset,legend{padding:0}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}h1,h2,h3,h4,h5,h6{color:inherit;padding:0}blockquote,figure,ol,p,ul{padding:0}ol,ul{padding-left:1.5rem;padding-left:var(--space-6)}ol ol,ol ul,ul ol,ul ul{margin:0;padding-left:1rem;padding-left:var(--space-4)}b,strong{font-weight:700;font-weight:var(--font-weight-bold)}hr{border:none;border-top:var(--border-width) solid var(--color-border-subtle);margin:1.5rem 0;margin:var(--space-6) 0}a{color:var(--link-text);-webkit-text-decoration:none;text-decoration:none;transition:color .18s ease-out;transition:color var(--transition-normal)}a:hover{-webkit-text-decoration-skip:ink;color:var(--link-text-hover);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-decoration-thickness:var(--link-underline-thickness,1px)}a:active{color:var(--link-text-active)}table{border-collapse:collapse;width:100%}:focus{outline:2px solid var(--focus-ring-color);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus-ring-color);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}::-moz-selection{background:var(--color-selection-bg);color:var(--color-selection-text)}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:var(--motion-none);--transition-normal:var(--motion-none);--transition-slow:var(--motion-none);--ease-out:linear;--ease-in:linear;--ease-in-out:linear}*{animation-duration:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0ms!important}html{scroll-behavior:auto}}@media (forced-colors:active){*{forced-color-adjust:none}}body,html{height:100%;width:100%}body{display:flex;flex-direction:column}main{flex:1 0 auto}footer{flex-shrink:0}code,pre{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;font-family:var(--font-family-mono),monospace;font-size:.875em}pre{background:var(--code-bg);border:1px solid var(--code-border);color:var(--color-text);overflow:auto;white-space:pre-wrap;word-break:break-word}code,pre{-moz-tab-size:4;-o-tab-size:4;tab-size:4}kbd,samp{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;font-family:var(--font-family-mono),monospace}#__next,#__nuxt,#app,#root,.app-root,[data-app-root],[data-spa-root],[qwik-root],app-root,astro-root,svelte-root{display:flex;flex-direction:column;min-height:100vh;width:100%}header.page-header{position:relative;width:100%;z-index:10;z-index:var(--z-header)}main.page-content{flex:1 0 auto;width:100%}footer.page-footer{position:relative;width:100%;z-index:0;z-index:var(--z-base)}.content-header{width:100%}.content-body{flex:1 1 auto;min-height:0;width:100%}.content-footer{flex-shrink:0;width:100%}.container{max-width:1200px;max-width:var(--content-width-xl)}.container,.container-wide{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.container-wide{max-width:1440px;max-width:var(--content-width-2xl)}.container-narrow{max-width:1024px;max-width:var(--content-width-lg)}.container-narrow,.container-tight{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.container-tight{max-width:768px;max-width:var(--content-width-md)}.container-relaxed{margin-left:auto;margin-right:auto;max-width:90ch;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}@media (max-width:768px){.container,.container-narrow,.container-relaxed,.container-tight,.container-wide{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}}.full-bleed{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}.section-bleed{margin-left:-1rem;margin-left:calc(var(--space-4)*-1);margin-right:-1rem;margin-right:calc(var(--space-4)*-1)}@media (max-width:768px){.section-bleed{margin-left:-.75rem;margin-left:calc(var(--space-3)*-1);margin-right:-.75rem;margin-right:calc(var(--space-3)*-1)}}.section-none{padding-bottom:0;padding-top:0}.section-xs{padding-bottom:1.5rem;padding-bottom:var(--section-spacing-xs);padding-top:1.5rem;padding-top:var(--section-spacing-xs)}.section-sm{padding-bottom:2rem;padding-bottom:var(--section-spacing-sm);padding-top:2rem;padding-top:var(--section-spacing-sm)}.section{padding-bottom:3rem;padding-bottom:var(--section-spacing-md);padding-top:3rem;padding-top:var(--section-spacing-md)}.section-lg{padding-bottom:4rem;padding-bottom:var(--section-spacing-lg);padding-top:4rem;padding-top:var(--section-spacing-lg)}.section-xl{padding-bottom:5rem;padding-bottom:var(--section-spacing-xl);padding-top:5rem;padding-top:var(--section-spacing-xl)}.layout-grid-auto{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.layout-grid-2,.layout-grid-auto{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-2{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(2,1fr)}.layout-grid-3{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(3,1fr)}.layout-grid-3,.layout-grid-4{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-4{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.layout-grid-2,.layout-grid-3,.layout-grid-4{grid-template-columns:1fr}}.sidebar-layout{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:280px 1fr;grid-template-columns:var(--sidebar-width-md) 1fr}.sidebar-layout,.sidebar-layout-right{display:grid;gap:2rem;gap:var(--gap-lg)}.sidebar-layout-right{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:1fr 280px;grid-template-columns:1fr var(--sidebar-width-md)}@media (max-width:1024px){.sidebar-layout,.sidebar-layout-right{grid-template-columns:1fr}}.split,.split-reverse{grid-gap:2rem;grid-gap:var(--gap-lg);display:grid;gap:2rem;gap:var(--gap-lg);grid-template-columns:1fr 1fr}.split-reverse>:first-child{order:2}.split-reverse>:last-child{order:1}@media (max-width:768px){.split,.split-reverse{grid-template-columns:1fr}}@media (min-width:769px){.split-reverse>*{order:0}}
1
+ :root{--font-family-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-mono:"JetBrains Mono","SF Mono",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xxxs:0.65rem;--text-xxs:0.75rem;--text-xs:0.8125rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3.25rem;--line-height-xs-tight:0.5;--line-height-tight:1.1;--line-height-xl-tight:1.2;--line-height-snug:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--letter-tight:-0.015em;--letter-normal:0;--letter-loose:0.015em;--footnote-font-size:var(--text-xs);--space-0:0;--space-0_5:0.125rem;--space-1:0.25rem;--space-1_5:0.375rem;--space-2:0.5rem;--space-2_5:0.625rem;--space-3:0.75rem;--space-3_5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-5_5:1.3125rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-64:16rem;--section-spacing-xs:var(--space-6);--section-spacing-sm:var(--space-8);--section-spacing-md:var(--space-12);--section-spacing-lg:var(--space-16);--section-spacing-xl:var(--space-20);--gap-xs:var(--space-2);--gap-sm:var(--space-3);--gap-md:var(--space-6);--gap-lg:var(--space-8);--gap-xl:var(--space-12);--component-gap-xs:var(--space-2);--component-gap-sm:var(--space-3);--component-gap-md:var(--space-4);--component-gap-lg:var(--space-6);--component-gap-xl:var(--space-10);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-full:999px;--radius-pill:9999px;--border-width:1px;--border-width-strong:3px;--tab-indicator-height:2px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.15);--shadow-xl:0 20px 25px rgba(0,0,0,.2);--layout-max-width:80rem;--content-width-sm:640px;--content-width-md:768px;--content-width-lg:1024px;--content-width-xl:1200px;--content-width-2xl:1440px;--sidebar-width-md:280px;--grid-min:16rem;--icon-xxs:1rem;--icon-xs:1.15rem;--icon-sm:1.25rem;--icon-md:1.35rem;--icon-lg:1.75rem;--icon-xl:2.25rem;--icon-container-sm:1.75rem;--icon-container-md:2.25rem;--icon-container-lg:3rem;--icon-container-xl:3.75rem;--icon-stroke-thin:1.25;--icon-stroke-regular:1.75;--icon-stroke-bold:2.25;--avatar-size-sm:var(--space-7);--avatar-size-md:var(--space-10);--avatar-size-lg:var(--space-16);--avatar-status-size:var(--space-2);--transition-fast:120ms ease-out;--transition-normal:180ms ease-out;--transition-slow:260ms ease-out;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.32,0,0.67,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--motion-none:0ms;--z-negative:-1;--z-base:0;--z-header:10;--z-backdrop:80;--z-modal:90;--z-drawer:95;--z-toast:100;--z-tooltip:110;--z-sticky:40;--z-sticky-col:39;--focus-ring-width:2px;--focus-ring-offset:2px}a{--link-underline-thickness:2px}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;box-sizing:border-box;line-height:1.5;line-height:var(--line-height-normal)}*,:after,:before{box-sizing:inherit;min-width:0}*{-webkit-box-decoration-break:clone;box-decoration-break:clone;scrollbar-color:var(--color-border-subtle) transparent;scrollbar-width:thin}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont;font-family:var(--font-family-sans),sans-serif;font-size:1rem;font-size:var(--text-base);margin:0;min-height:100vh;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%}img{height:auto}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{background:none;border:none;padding:0}[role=button],button,input[type=button],input[type=submit]{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search]{-webkit-appearance:none;outline-offset:-2px}textarea{resize:vertical}input,select,textarea{line-height:inherit}fieldset{border:0;margin:0}fieldset,legend{padding:0}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}h1,h2,h3,h4,h5,h6{color:inherit;padding:0}blockquote,figure,ol,p,ul{padding:0}ol,ul{padding-left:1.5rem;padding-left:var(--space-6)}ol ol,ol ul,ul ol,ul ul{margin:0;padding-left:1rem;padding-left:var(--space-4)}b,strong{font-weight:700;font-weight:var(--font-weight-bold)}hr{border:none;border-top:var(--border-width) solid var(--color-border-subtle);margin:1.5rem 0;margin:var(--space-6) 0}a{color:var(--link-text);-webkit-text-decoration:none;text-decoration:none;transition:color .18s ease-out;transition:color var(--transition-normal)}a:hover{-webkit-text-decoration-skip:ink;color:var(--link-text-hover);-webkit-text-decoration:underline;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-thickness:1px;text-decoration-thickness:var(--link-underline-thickness,1px)}a:active{color:var(--link-text-active)}table{border-collapse:collapse;width:100%}:focus{outline:2px solid var(--focus-ring-color);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus-ring-color);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px;outline-offset:var(--focus-ring-offset)}::-moz-selection{background:var(--color-selection-bg);color:var(--color-selection-text)}::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:var(--motion-none);--transition-normal:var(--motion-none);--transition-slow:var(--motion-none);--ease-out:linear;--ease-in:linear;--ease-in-out:linear}*{animation-duration:0ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0ms!important}html{scroll-behavior:auto}}@media (forced-colors:active){*{forced-color-adjust:none}}body,html{height:100%;width:100%}body{display:flex;flex-direction:column}main{flex:1 0 auto}footer{flex-shrink:0}code,pre{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;font-family:var(--font-family-mono),monospace;font-size:.875em}pre{background:var(--code-bg);border:1px solid var(--code-border);color:var(--color-text);overflow:auto;white-space:pre-wrap;word-break:break-word}code,pre{-moz-tab-size:4;-o-tab-size:4;tab-size:4}kbd,samp{font-family:JetBrains Mono,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace,monospace;font-family:var(--font-family-mono),monospace}#__next,#__nuxt,#app,#root,.app-root,[data-app-root],[data-spa-root],[qwik-root],app-root,astro-root,svelte-root{display:flex;flex-direction:column;min-height:100vh;width:100%}header.page-header{position:relative;width:100%;z-index:10;z-index:var(--z-header)}main.page-content{flex:1 0 auto;width:100%}footer.page-footer{position:relative;width:100%;z-index:0;z-index:var(--z-base)}.content-header{width:100%}.content-body{flex:1 1 auto;min-height:0;width:100%}.content-footer{flex-shrink:0;width:100%}.container{max-width:1200px;max-width:var(--content-width-xl)}.container,.container-wide{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.container-wide{max-width:1440px;max-width:var(--content-width-2xl)}.container-narrow{max-width:1024px;max-width:var(--content-width-lg)}.container-narrow,.container-tight{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}.container-tight{max-width:768px;max-width:var(--content-width-md)}.container-relaxed{margin-left:auto;margin-right:auto;max-width:90ch;padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4);width:100%}@media (max-width:768px){.container,.container-narrow,.container-relaxed,.container-tight,.container-wide{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}}.full-bleed{margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}.section-bleed{margin-left:-1rem;margin-left:calc(var(--space-4)*-1);margin-right:-1rem;margin-right:calc(var(--space-4)*-1)}@media (max-width:768px){.section-bleed{margin-left:-.75rem;margin-left:calc(var(--space-3)*-1);margin-right:-.75rem;margin-right:calc(var(--space-3)*-1)}}.section-none{padding-bottom:0;padding-top:0}.section-xs{padding-bottom:1.5rem;padding-bottom:var(--section-spacing-xs);padding-top:1.5rem;padding-top:var(--section-spacing-xs)}.section-sm{padding-bottom:2rem;padding-bottom:var(--section-spacing-sm);padding-top:2rem;padding-top:var(--section-spacing-sm)}.section{padding-bottom:3rem;padding-bottom:var(--section-spacing-md);padding-top:3rem;padding-top:var(--section-spacing-md)}.section-lg{padding-bottom:4rem;padding-bottom:var(--section-spacing-lg);padding-top:4rem;padding-top:var(--section-spacing-lg)}.section-xl{padding-bottom:5rem;padding-bottom:var(--section-spacing-xl);padding-top:5rem;padding-top:var(--section-spacing-xl)}.layout-grid-auto{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.layout-grid-2,.layout-grid-auto{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-2{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid-3{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(3,minmax(0,1fr))}.layout-grid-3,.layout-grid-4{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-4{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(4,minmax(0,1fr))}.layout-grid-5{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(5,minmax(0,1fr))}.layout-grid-5,.layout-grid-6{display:grid;gap:2rem;gap:var(--gap-lg)}.layout-grid-6{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:768px){.layout-grid-2,.layout-grid-3,.layout-grid-4,.layout-grid-5,.layout-grid-6{grid-template-columns:1fr}}.sidebar-layout{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:280px minmax(0,1fr);grid-template-columns:var(--sidebar-width-md) minmax(0,1fr)}.sidebar-layout,.sidebar-layout-right{display:grid;gap:2rem;gap:var(--gap-lg)}.sidebar-layout-right{grid-gap:2rem;grid-gap:var(--gap-lg);grid-template-columns:minmax(0,1fr) 280px;grid-template-columns:minmax(0,1fr) var(--sidebar-width-md)}.sidebar-layout-right>:first-child{order:2}.sidebar-layout-right>:last-child{order:1}@media (max-width:1024px){.sidebar-layout,.sidebar-layout-right{grid-template-columns:minmax(0,1fr)}.sidebar-layout-right>*{order:0}}.split,.split-reverse{grid-gap:2rem;grid-gap:var(--gap-lg);display:grid;gap:2rem;gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(0,1fr))}.split-reverse>:first-child{order:2}.split-reverse>:last-child{order:1}@media (max-width:768px){.split,.split-reverse{grid-template-columns:minmax(0,1fr)}.split-reverse>*{order:0}}
package/dist/identity.css CHANGED
@@ -40,6 +40,12 @@
40
40
  --logo-size-xl: 5.5rem;
41
41
  --logo-size-xxl: 6.5rem;
42
42
  --logo-doc-height: 2.25rem;
43
+ --logo-ke-frame-stroke: 2.5;
44
+ --logo-ke-mark-stroke: 3.2;
45
+ --logo-ke-text-primary-size: 18px;
46
+ --logo-ke-text-secondary-size: 10px;
47
+ --logo-ke-primary-letter-spacing: 0.04em;
48
+ --logo-ke-secondary-letter-spacing: 0.06em;
43
49
  }
44
50
 
45
51
  /* ---------------------------------------------------------
@@ -121,10 +127,16 @@
121
127
  .logo--mono .logo-wordmark,
122
128
  .logo--mono .logo-text-primary,
123
129
  .logo--mono .logo-text-secondary {
124
- fill: var(--color-logo-ink) !important;
130
+ fill: var(--color-logo-mono) !important;
125
131
  stroke: none !important;
126
132
  }
127
133
 
134
+ .logo--mono .ke-ink,
135
+ .logo--mono .ke-accent,
136
+ .logo--mono .ke-muted {
137
+ color: var(--color-logo-mono);
138
+ }
139
+
128
140
  .logo--footer {
129
141
  color: var(--color-logo-footer-ink);
130
142
  }
@@ -144,6 +156,15 @@
144
156
  fill: var(--color-logo-footer-ink);
145
157
  }
146
158
 
159
+ .logo--footer .ke-ink,
160
+ .logo--footer .ke-muted {
161
+ color: var(--color-logo-footer-ink);
162
+ }
163
+
164
+ .logo--footer .ke-accent {
165
+ color: var(--color-logo-footer-accent);
166
+ }
167
+
147
168
  .logo--inverse .logo-frame,
148
169
  .logo--inverse .logo-rail {
149
170
  stroke: var(--color-logo-ink-inverse) !important;
@@ -160,6 +181,15 @@
160
181
  stroke: none !important;
161
182
  }
162
183
 
184
+ .logo--inverse .ke-ink,
185
+ .logo--inverse .ke-muted {
186
+ color: var(--color-logo-ink-inverse);
187
+ }
188
+
189
+ .logo--inverse .ke-accent {
190
+ color: var(--color-logo-accent-inverse);
191
+ }
192
+
163
193
  /* ---------------------------------------------------------
164
194
  4. SIZING & LAYOUT
165
195
  --------------------------------------------------------- */
@@ -232,6 +262,18 @@
232
262
  stroke: var(--color-logo-accent);
233
263
  }
234
264
 
265
+ .logo--ink svg .ke-ink {
266
+ color: var(--color-logo-ink);
267
+ }
268
+
269
+ .logo--ink svg .ke-accent {
270
+ color: var(--color-logo-accent);
271
+ }
272
+
273
+ .logo--ink svg .ke-muted {
274
+ color: var(--color-text-muted);
275
+ }
276
+
235
277
  .logo--inverse svg .logo-frame,
236
278
  .logo--inverse svg .logo-rail {
237
279
  stroke: var(--color-logo-ink-inverse);
@@ -241,6 +283,18 @@
241
283
  stroke: var(--color-logo-accent-inverse);
242
284
  }
243
285
 
286
+ .logo--inverse svg .ke-ink {
287
+ color: var(--color-logo-ink-inverse);
288
+ }
289
+
290
+ .logo--inverse svg .ke-accent {
291
+ color: var(--color-logo-accent-inverse);
292
+ }
293
+
294
+ .logo--inverse svg .ke-muted {
295
+ color: var(--color-logo-ink-inverse);
296
+ }
297
+
244
298
  /* ---------------------------------------------------------
245
299
  6. LOGO CLEAR SPACE UTILITIES
246
300
  --------------------------------------------------------- */
@@ -264,3 +318,55 @@
264
318
  .logo--pad-xl {
265
319
  padding: var(--space-8);
266
320
  }
321
+
322
+ /* ---------------------------------------------------------
323
+ 7. KEEPEXEC IDENTITY CLASSES
324
+ --------------------------------------------------------- */
325
+
326
+ .ke-ink {
327
+ color: var(--color-logo-ink);
328
+ }
329
+
330
+ .ke-accent {
331
+ color: var(--color-logo-accent);
332
+ }
333
+
334
+ .ke-muted {
335
+ color: var(--color-text-muted);
336
+ }
337
+
338
+ .ke-frame {
339
+ fill: none;
340
+ stroke: currentColor;
341
+ stroke-width: var(--logo-ke-frame-stroke);
342
+ vector-effect: non-scaling-stroke;
343
+ }
344
+
345
+ .ke-mark {
346
+ fill: none;
347
+ stroke: currentColor;
348
+ stroke-width: var(--logo-ke-mark-stroke);
349
+ stroke-linecap: round;
350
+ stroke-linejoin: round;
351
+ vector-effect: non-scaling-stroke;
352
+ }
353
+
354
+ .ke-text-primary,
355
+ .ke-text-secondary {
356
+ fill: currentColor;
357
+ font-family: var(--font-family-sans), ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,
358
+ "Segoe UI", Roboto, Arial, sans-serif;
359
+ }
360
+
361
+ .ke-text-primary {
362
+ font-size: var(--logo-ke-text-primary-size);
363
+ font-weight: 700;
364
+ letter-spacing: var(--logo-ke-primary-letter-spacing);
365
+ }
366
+
367
+ .ke-text-secondary {
368
+ font-size: var(--logo-ke-text-secondary-size);
369
+ font-weight: 500;
370
+ letter-spacing: var(--logo-ke-secondary-letter-spacing);
371
+ opacity: 0.9;
372
+ }
package/dist/identity.min.css CHANGED
@@ -1 +1 @@
1
- .vds-identity,[data-vds-identity]{--logo-stroke-primary:2.75;--logo-clearspace:0.5;--logo-min-horizontal:24px;--logo-min-mark:16px;--logo-primary-letter-spacing:0.18em;--logo-secondary-letter-spacing:0.30em;--logo-size-xs:2.5rem;--logo-size-sm:3rem;--logo-size-md:3.75rem;--logo-size-lg:4.5rem;--logo-size-xl:5.5rem;--logo-size-xxl:6.5rem;--logo-doc-height:2.25rem}.logo{color:currentColor;color:var(--color-logo-ink,currentColor);display:inline-block;font-size:1rem;height:var(--logo-size-sm);line-height:1;overflow:visible;padding:calc(var(--logo-clearspace)*1em);vertical-align:middle;width:auto}.logo-wordmark{fill:currentColor;fill:var(--color-logo-ink,currentColor)}.logo-chevron,.logo-frame,.logo-rail{fill:none!important;stroke-width:var(--logo-stroke-primary);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.logo-frame,.logo-rail{stroke:currentColor;stroke:var(--color-logo-ink,currentColor)}.logo-chevron{stroke:currentColor;stroke:var(--color-logo-accent,currentColor)}.logo-text-primary{font-size:var(--text-sm);letter-spacing:var(--logo-primary-letter-spacing)}.logo-text-secondary{font-size:var(--text-xxxs);letter-spacing:var(--logo-secondary-letter-spacing)}.logo-text-primary,.logo-text-secondary{fill:currentColor;fill:var(--color-logo-ink,currentColor);font-family:var(--font-family-sans),sans-serif}.logo--mono .logo-chevron,.logo--mono .logo-frame,.logo--mono .logo-rail{stroke:var(--color-logo-mono)!important}.logo--mono .logo-text-primary,.logo--mono .logo-text-secondary,.logo--mono .logo-wordmark{fill:var(--color-logo-ink)!important;stroke:none!important}.logo--footer{color:var(--color-logo-footer-ink)}.logo--footer .logo-frame,.logo--footer .logo-rail{stroke:var(--color-logo-footer-ink)}.logo--footer .logo-chevron{stroke:var(--color-logo-footer-accent)}.logo--footer .logo-text-primary,.logo--footer .logo-text-secondary,.logo--footer .logo-wordmark{fill:var(--color-logo-footer-ink)}.logo--inverse .logo-frame,.logo--inverse .logo-rail{stroke:var(--color-logo-ink-inverse)!important}.logo--inverse .logo-chevron{stroke:var(--color-logo-accent-inverse)!important}.logo--inverse .logo-text-primary,.logo--inverse .logo-text-secondary,.logo--inverse .logo-wordmark{fill:var(--color-logo-ink-inverse)!important;stroke:none!important}.logo--horizontal{min-height:var(--logo-min-horizontal)}.logo--mark-only{min-height:var(--logo-min-mark)}.logo--xs{height:var(--logo-size-xs)}.logo--sm{height:var(--logo-size-sm)}.logo--md{height:var(--logo-size-md)}.logo--lg{height:var(--logo-size-lg)}.logo--xl{height:var(--logo-size-xl)}.logo--xxl{height:var(--logo-size-xxl)}.logo--inline{align-items:center;display:inline-flex}.logo--block{align-items:center;display:flex}.logo--center{margin-left:auto;margin-right:auto}.logo--left{justify-content:flex-start}.logo--right{justify-content:flex-end}.logo--ink svg .logo-frame,.logo--ink svg .logo-rail{stroke:var(--color-logo-ink)}.logo--ink svg .logo-chevron{stroke:var(--color-logo-accent)}.logo--inverse svg .logo-frame,.logo--inverse svg .logo-rail{stroke:var(--color-logo-ink-inverse)}.logo--inverse svg .logo-chevron{stroke:var(--color-logo-accent-inverse)}.logo--pad-xs{padding:var(--space-2)}.logo--pad-sm{padding:var(--space-3)}.logo--pad-md{padding:var(--space-4)}.logo--pad-lg{padding:var(--space-6)}.logo--pad-xl{padding:var(--space-8)}
1
+ .vds-identity,[data-vds-identity]{--logo-stroke-primary:2.75;--logo-clearspace:0.5;--logo-min-horizontal:24px;--logo-min-mark:16px;--logo-primary-letter-spacing:0.18em;--logo-secondary-letter-spacing:0.30em;--logo-size-xs:2.5rem;--logo-size-sm:3rem;--logo-size-md:3.75rem;--logo-size-lg:4.5rem;--logo-size-xl:5.5rem;--logo-size-xxl:6.5rem;--logo-doc-height:2.25rem;--logo-ke-frame-stroke:2.5;--logo-ke-mark-stroke:3.2;--logo-ke-text-primary-size:18px;--logo-ke-text-secondary-size:10px;--logo-ke-primary-letter-spacing:0.04em;--logo-ke-secondary-letter-spacing:0.06em}.logo{color:currentColor;color:var(--color-logo-ink,currentColor);display:inline-block;font-size:1rem;height:var(--logo-size-sm);line-height:1;overflow:visible;padding:calc(var(--logo-clearspace)*1em);vertical-align:middle;width:auto}.logo-wordmark{fill:currentColor;fill:var(--color-logo-ink,currentColor)}.logo-chevron,.logo-frame,.logo-rail{fill:none!important;stroke-width:var(--logo-stroke-primary);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.logo-frame,.logo-rail{stroke:currentColor;stroke:var(--color-logo-ink,currentColor)}.logo-chevron{stroke:currentColor;stroke:var(--color-logo-accent,currentColor)}.logo-text-primary{font-size:var(--text-sm);letter-spacing:var(--logo-primary-letter-spacing)}.logo-text-secondary{font-size:var(--text-xxxs);letter-spacing:var(--logo-secondary-letter-spacing)}.logo-text-primary,.logo-text-secondary{fill:currentColor;fill:var(--color-logo-ink,currentColor);font-family:var(--font-family-sans),sans-serif}.logo--mono .logo-chevron,.logo--mono .logo-frame,.logo--mono .logo-rail{stroke:var(--color-logo-mono)!important}.logo--mono .logo-text-primary,.logo--mono .logo-text-secondary,.logo--mono .logo-wordmark{fill:var(--color-logo-mono)!important;stroke:none!important}.logo--mono .ke-accent,.logo--mono .ke-ink,.logo--mono .ke-muted{color:var(--color-logo-mono)}.logo--footer{color:var(--color-logo-footer-ink)}.logo--footer .logo-frame,.logo--footer .logo-rail{stroke:var(--color-logo-footer-ink)}.logo--footer .logo-chevron{stroke:var(--color-logo-footer-accent)}.logo--footer .logo-text-primary,.logo--footer .logo-text-secondary,.logo--footer .logo-wordmark{fill:var(--color-logo-footer-ink)}.logo--footer .ke-ink,.logo--footer .ke-muted{color:var(--color-logo-footer-ink)}.logo--footer .ke-accent{color:var(--color-logo-footer-accent)}.logo--inverse .logo-frame,.logo--inverse .logo-rail{stroke:var(--color-logo-ink-inverse)!important}.logo--inverse .logo-chevron{stroke:var(--color-logo-accent-inverse)!important}.logo--inverse .logo-text-primary,.logo--inverse .logo-text-secondary,.logo--inverse .logo-wordmark{fill:var(--color-logo-ink-inverse)!important;stroke:none!important}.logo--inverse .ke-ink,.logo--inverse .ke-muted{color:var(--color-logo-ink-inverse)}.logo--inverse .ke-accent{color:var(--color-logo-accent-inverse)}.logo--horizontal{min-height:var(--logo-min-horizontal)}.logo--mark-only{min-height:var(--logo-min-mark)}.logo--xs{height:var(--logo-size-xs)}.logo--sm{height:var(--logo-size-sm)}.logo--md{height:var(--logo-size-md)}.logo--lg{height:var(--logo-size-lg)}.logo--xl{height:var(--logo-size-xl)}.logo--xxl{height:var(--logo-size-xxl)}.logo--inline{align-items:center;display:inline-flex}.logo--block{align-items:center;display:flex}.logo--center{margin-left:auto;margin-right:auto}.logo--left{justify-content:flex-start}.logo--right{justify-content:flex-end}.logo--ink svg .logo-frame,.logo--ink svg .logo-rail{stroke:var(--color-logo-ink)}.logo--ink svg .logo-chevron{stroke:var(--color-logo-accent)}.logo--ink svg .ke-ink{color:var(--color-logo-ink)}.logo--ink svg .ke-accent{color:var(--color-logo-accent)}.logo--ink svg .ke-muted{color:var(--color-text-muted)}.logo--inverse svg .logo-frame,.logo--inverse svg .logo-rail{stroke:var(--color-logo-ink-inverse)}.logo--inverse svg .logo-chevron{stroke:var(--color-logo-accent-inverse)}.logo--inverse svg .ke-ink{color:var(--color-logo-ink-inverse)}.logo--inverse svg .ke-accent{color:var(--color-logo-accent-inverse)}.logo--inverse svg .ke-muted{color:var(--color-logo-ink-inverse)}.logo--pad-xs{padding:var(--space-2)}.logo--pad-sm{padding:var(--space-3)}.logo--pad-md{padding:var(--space-4)}.logo--pad-lg{padding:var(--space-6)}.logo--pad-xl{padding:var(--space-8)}.ke-ink{color:var(--color-logo-ink)}.ke-accent{color:var(--color-logo-accent)}.ke-muted{color:var(--color-text-muted)}.ke-frame{stroke:currentColor;stroke-width:var(--logo-ke-frame-stroke)}.ke-frame,.ke-mark{fill:none;vector-effect:non-scaling-stroke}.ke-mark{stroke:currentColor;stroke-width:var(--logo-ke-mark-stroke);stroke-linecap:round;stroke-linejoin:round}.ke-text-primary,.ke-text-secondary{fill:currentColor;font-family:var(--font-family-sans),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Segoe UI",Roboto,Arial,sans-serif}.ke-text-primary{font-size:var(--logo-ke-text-primary-size);font-weight:700;letter-spacing:var(--logo-ke-primary-letter-spacing)}.ke-text-secondary{font-size:var(--logo-ke-text-secondary-size);font-weight:500;letter-spacing:var(--logo-ke-secondary-letter-spacing);opacity:.9}