@flux-ui/components 3.0.0-next.2 → 3.0.0-next.21

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 (143) hide show
  1. package/README.md +12 -40
  2. package/dist/component/FluxActions.vue.d.ts.map +1 -1
  3. package/dist/component/FluxDataTable.vue.d.ts +49 -17
  4. package/dist/component/FluxDataTable.vue.d.ts.map +1 -1
  5. package/dist/component/FluxDatePicker.vue.d.ts.map +1 -1
  6. package/dist/component/FluxFilter.vue.d.ts.map +1 -1
  7. package/dist/component/FluxFlyout.vue.d.ts.map +1 -1
  8. package/dist/component/FluxFormDateInput.vue.d.ts.map +1 -1
  9. package/dist/component/FluxFormDateRangeInput.vue.d.ts.map +1 -1
  10. package/dist/component/FluxFormDateTimeInput.vue.d.ts.map +1 -1
  11. package/dist/component/FluxFormInput.vue.d.ts +1 -0
  12. package/dist/component/FluxFormInput.vue.d.ts.map +1 -1
  13. package/dist/component/FluxFormInputGroup.vue.d.ts +1 -0
  14. package/dist/component/FluxFormInputGroup.vue.d.ts.map +1 -1
  15. package/dist/component/FluxFormTimeZonePicker.vue.d.ts.map +1 -1
  16. package/dist/component/FluxMenuItem.vue.d.ts.map +1 -1
  17. package/dist/component/FluxOverlayProvider.vue.d.ts +3 -0
  18. package/dist/component/FluxOverlayProvider.vue.d.ts.map +1 -0
  19. package/dist/component/FluxPagination.vue.d.ts +1 -1
  20. package/dist/component/FluxPagination.vue.d.ts.map +1 -1
  21. package/dist/component/FluxPaginationBar.vue.d.ts +1 -1
  22. package/dist/component/FluxPaginationBar.vue.d.ts.map +1 -1
  23. package/dist/component/FluxPaginationButton.vue.d.ts +30 -0
  24. package/dist/component/FluxPaginationButton.vue.d.ts.map +1 -0
  25. package/dist/component/FluxPrompt.vue.d.ts +2 -0
  26. package/dist/component/FluxPrompt.vue.d.ts.map +1 -1
  27. package/dist/component/FluxRoot.vue.d.ts.map +1 -1
  28. package/dist/component/FluxStatistic.vue.d.ts +3 -1
  29. package/dist/component/FluxStatistic.vue.d.ts.map +1 -1
  30. package/dist/component/FluxTabBar.vue.d.ts.map +1 -1
  31. package/dist/component/FluxTabBarItem.vue.d.ts.map +1 -1
  32. package/dist/component/FluxTable.vue.d.ts +14 -8
  33. package/dist/component/FluxTable.vue.d.ts.map +1 -1
  34. package/dist/component/FluxTooltip.vue.d.ts.map +1 -1
  35. package/dist/component/FluxTooltipProvider.vue.d.ts.map +1 -1
  36. package/dist/component/index.d.ts +1 -0
  37. package/dist/component/index.d.ts.map +1 -1
  38. package/dist/component/primitive/AnchorPopup.vue.d.ts.map +1 -1
  39. package/dist/component/primitive/SelectBase.vue.d.ts +2 -0
  40. package/dist/component/primitive/SelectBase.vue.d.ts.map +1 -1
  41. package/dist/composable/index.d.ts +1 -0
  42. package/dist/composable/index.d.ts.map +1 -1
  43. package/dist/composable/private/useFormSelect.d.ts +2 -2
  44. package/dist/composable/private/useFormSelect.d.ts.map +1 -1
  45. package/dist/composable/useFlyoutInjection.d.ts +1 -5
  46. package/dist/composable/useFlyoutInjection.d.ts.map +1 -1
  47. package/dist/composable/useTableInjection.d.ts +1 -6
  48. package/dist/composable/useTableInjection.d.ts.map +1 -1
  49. package/dist/composable/useTooltipInjection.d.ts +2 -0
  50. package/dist/composable/useTooltipInjection.d.ts.map +1 -0
  51. package/dist/data/di.d.ts +4 -0
  52. package/dist/data/di.d.ts.map +1 -1
  53. package/dist/data/i18n.d.ts +1 -1
  54. package/dist/data/store.d.ts +2 -2
  55. package/dist/data/store.d.ts.map +1 -1
  56. package/dist/index.css +5814 -0
  57. package/dist/index.d.ts +1 -1
  58. package/dist/index.d.ts.map +1 -1
  59. package/dist/index.js +14686 -0
  60. package/dist/index.js.map +1 -0
  61. package/dist/util/createDialogRenderer.d.ts +1 -1
  62. package/dist/util/createDialogRenderer.d.ts.map +1 -1
  63. package/package.json +21 -22
  64. package/src/component/FluxDataTable.vue +68 -16
  65. package/src/component/FluxDatePicker.vue +5 -1
  66. package/src/component/FluxFlyout.vue +2 -1
  67. package/src/component/FluxFormInput.vue +3 -1
  68. package/src/component/FluxFormInputGroup.vue +2 -0
  69. package/src/component/FluxFormSelect.vue +1 -1
  70. package/src/component/FluxFormTimeZonePicker.vue +5 -0
  71. package/src/component/FluxGallery.vue +2 -2
  72. package/src/component/FluxMenuItem.vue +1 -0
  73. package/src/component/FluxOverlayProvider.vue +39 -0
  74. package/src/component/FluxPagination.vue +16 -14
  75. package/src/component/FluxPaginationBar.vue +27 -38
  76. package/src/component/FluxPaginationButton.vue +39 -0
  77. package/src/component/FluxProgressBar.vue +1 -1
  78. package/src/component/FluxRoot.vue +3 -26
  79. package/src/component/FluxStatistic.vue +13 -2
  80. package/src/component/FluxTabBar.vue +21 -16
  81. package/src/component/FluxTable.vue +25 -4
  82. package/src/component/FluxTooltip.vue +2 -0
  83. package/src/component/FluxTooltipProvider.vue +7 -3
  84. package/src/component/index.ts +1 -0
  85. package/src/component/primitive/AnchorPopup.vue +5 -3
  86. package/src/composable/index.ts +1 -0
  87. package/src/composable/private/useFormSelect.ts +2 -2
  88. package/src/composable/useTooltipInjection.ts +8 -0
  89. package/src/css/base.scss +6 -3
  90. package/src/css/component/Action.module.scss +14 -14
  91. package/src/css/component/Avatar.module.scss +14 -14
  92. package/src/css/component/Badge.module.scss +14 -14
  93. package/src/css/component/Button.module.scss +39 -54
  94. package/src/css/component/Calendar.module.scss +12 -16
  95. package/src/css/component/Chip.module.scss +9 -19
  96. package/src/css/component/Color.module.scss +4 -4
  97. package/src/css/component/Comment.module.scss +15 -14
  98. package/src/css/component/DatePicker.module.scss +12 -23
  99. package/src/css/component/Divider.module.scss +2 -2
  100. package/src/css/component/DropZone.module.scss +27 -24
  101. package/src/css/component/Expandable.module.scss +9 -11
  102. package/src/css/component/Filter.module.scss +3 -5
  103. package/src/css/component/Form.module.scss +68 -49
  104. package/src/css/component/Gallery.module.scss +14 -6
  105. package/src/css/component/Icon.module.scss +76 -79
  106. package/src/css/component/Info.module.scss +1 -1
  107. package/src/css/component/Layout.module.scss +41 -45
  108. package/src/css/component/Legend.module.scss +2 -4
  109. package/src/css/component/Menu.module.scss +28 -49
  110. package/src/css/component/Notice.module.scss +45 -47
  111. package/src/css/component/Overlay.module.scss +56 -4
  112. package/src/css/component/Pagination.module.scss +70 -33
  113. package/src/css/component/Pane.module.scss +62 -67
  114. package/src/css/component/Placeholder.module.scss +4 -4
  115. package/src/css/component/Progress.module.scss +18 -9
  116. package/src/css/component/Remove.module.scss +4 -4
  117. package/src/css/component/SegmentedControl.module.scss +6 -6
  118. package/src/css/component/Snackbar.module.scss +20 -17
  119. package/src/css/component/Spinner.module.scss +2 -2
  120. package/src/css/component/Statistic.module.scss +25 -17
  121. package/src/css/component/Stepper.module.scss +12 -14
  122. package/src/css/component/Tab.module.scss +8 -7
  123. package/src/css/component/Table.module.scss +79 -29
  124. package/src/css/component/Timeline.module.scss +14 -18
  125. package/src/css/component/Toolbar.module.scss +9 -7
  126. package/src/css/component/Tooltip.module.scss +3 -2
  127. package/src/css/component/Transition.module.scss +1 -1
  128. package/src/css/component/Visual.module.scss +3 -3
  129. package/src/css/component/base/Pane.module.scss +25 -31
  130. package/src/css/component/primitive/CoordinatePicker.module.scss +3 -5
  131. package/src/css/component/primitive/Slider.module.scss +9 -14
  132. package/src/css/mixin/focus-ring.scss +2 -2
  133. package/src/css/typography.scss +3 -3
  134. package/src/css/variables.scss +178 -183
  135. package/src/data/di.ts +5 -0
  136. package/src/data/i18n.ts +1 -1
  137. package/src/data/iconRegistry.ts +1 -1
  138. package/src/data/store.ts +6 -4
  139. package/src/index.ts +1 -0
  140. package/src/util/createDialogRenderer.ts +33 -18
  141. package/dist/flux.css +0 -1
  142. package/dist/flux.js +0 -11402
  143. package/dist/flux.js.map +0 -1
package/dist/flux.css DELETED
@@ -1 +0,0 @@
1
- @charset "UTF-8";@layer flux-reset,flux-base,flux-component;@layer flux-reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tab-size:4;tab-size:4}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}button,select{text-transform:none}a{color:inherit;text-decoration:none}#app{isolation:isolate}}@layer flux-base{:root,[light]{--acceleration-curve: cubic-bezier(.4, 0, 1, 1);--deceleration-curve: cubic-bezier(0, 0, .2, 1);--standard-curve: cubic-bezier(.4, 0, .2, 1);--swift-out: cubic-bezier(.55, 0, .1, 1);--primary-0: 255 255 255;--primary-1: 245 248 255;--primary-2: 239 244 255;--primary-3: 209 224 255;--primary-4: 178 204 255;--primary-5: 132 173 255;--primary-6: 82 139 255;--primary-7: 41 112 255;--primary-8: 21 94 239;--primary-9: 0 78 235;--primary-10: 0 64 193;--primary-11: 0 53 158;--danger-0: 255 255 255;--danger-1: 255 241 242;--danger-2: 255 228 230;--danger-3: 255 204 211;--danger-4: 255 161 173;--danger-5: 255 99 126;--danger-6: 255 32 86;--danger-7: 236 0 63;--danger-8: 199 0 54;--danger-9: 165 0 54;--danger-10: 139 8 54;--danger-11: 77 2 24;--info-0: 255 255 255;--info-1: 239 246 255;--info-2: 219 234 254;--info-3: 190 219 255;--info-4: 142 197 255;--info-5: 81 162 255;--info-6: 43 127 255;--info-7: 21 93 252;--info-8: 20 71 230;--info-9: 25 60 184;--info-10: 28 57 142;--info-11: 22 36 86;--success-0: 255 255 255;--success-1: 240 253 244;--success-2: 220 252 231;--success-3: 185 248 207;--success-4: 123 241 168;--success-5: 5 223 114;--success-6: 0 201 80;--success-7: 0 166 62;--success-8: 0 130 54;--success-9: 1 102 48;--success-10: 13 84 43;--success-11: 3 46 21;--warning-0: 255 255 255;--warning-1: 255 251 235;--warning-2: 254 243 198;--warning-3: 254 230 133;--warning-4: 255 210 48;--warning-5: 255 185 0;--warning-6: 254 154 0;--warning-7: 225 113 0;--warning-8: 187 77 0;--warning-9: 151 60 0;--warning-10: 123 51 6;--warning-11: 70 25 1;--gray-0: 255 255 255;--gray-1: 248 250 252;--gray-2: 241 245 249;--gray-3: 226 232 240;--gray-4: 202 213 226;--gray-5: 144 161 185;--gray-6: 98 116 142;--gray-7: 69 85 108;--gray-8: 49 65 88;--gray-9: 29 41 61;--gray-10: 15 23 43;--gray-11: 2 6 24;--font-monospace: jetbrains-mono, monospace;--font-sans: inter-variable, sans-serif;--font-serif: serif;--font-size: 15px;--radius: 9px;--background: rgb(var(--gray-2));--foreground: rgb(var(--gray-8));--foreground-prominent: rgb(var(--gray-10));--foreground-secondary: rgb(var(--gray-5));--shadow-px: 0 1px 1px rgb(29 41 61 / .025);--shadow-xs: 0 1px 2px 0 rgb(29 41 61 / .025);--shadow-sm: 0 1px 3px rgb(29 41 61 / .05), 0 1px 2px -1px rgb(29 41 61 / .05);--shadow-md: 0 4px 6px -1px rgb(29 41 61 / .05), 0 2px 4px -2px rgb(29 41 61 / .05);--shadow-lg: 0 10px 15px -3px rgb(29 41 61 / .05), 0 4px 6px -4px rgb(29 41 61 / .05);--shadow-xl: 0 20px 25px -5px rgb(29 41 61 / .05), 0 8px 10px -6px rgb(29 41 61 / .05);--shadow-2xl: 0 25px 50px -12px rgb(29 41 61 / .125)}[dark]{--danger-0: 39 35 37;--danger-1: 51 30 35;--danger-2: 62 31 40;--danger-3: 76 34 46;--danger-4: 91 38 53;--danger-5: 106 43 62;--danger-6: 122 48 71;--danger-7: 139 53 82;--danger-8: 158 58 95;--danger-9: 165 61 110;--danger-10: 182 62 124;--danger-11: 200 64 140;--info-0: 35 38 44;--info-1: 31 40 50;--info-2: 36 49 65;--info-3: 42 61 82;--info-4: 47 74 102;--info-5: 52 86 123;--info-6: 59 99 143;--info-7: 67 111 163;--info-8: 75 123 183;--info-9: 85 136 203;--info-10: 96 148 223;--info-11: 106 163 243;--success-0: 29 38 32;--success-1: 34 45 38;--success-2: 38 52 44;--success-3: 44 68 53;--success-4: 51 84 62;--success-5: 58 101 71;--success-6: 65 118 81;--success-7: 75 135 93;--success-8: 88 153 103;--success-9: 110 172 116;--success-10: 134 186 134;--success-11: 155 200 155;--warning-0: 43 38 26;--warning-1: 51 43 27;--warning-2: 61 50 30;--warning-3: 74 60 33;--warning-4: 85 72 37;--warning-5: 99 85 42;--warning-6: 116 96 47;--warning-7: 138 108 52;--warning-8: 163 123 58;--warning-9: 193 144 65;--warning-10: 213 160 72;--warning-11: 234 177 79;--gray-0: 20 22 26;--gray-1: 27 29 33;--gray-2: 34 37 43;--gray-3: 42 45 51;--gray-4: 51 59 61;--gray-5: 61 70 74;--gray-6: 71 80 85;--gray-7: 81 93 96;--gray-8: 92 105 107;--gray-9: 103 117 119;--gray-10: 115 129 128;--gray-11: 127 140 140;--background: rgb(var(--gray-2));--foreground: #cbd5e1;--foreground-prominent: #ffffff;--foreground-secondary: #64748b;--shadow-px: 0 1px 1px rgb(0 0 0 / .05);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}html{font-size:var(--font-size)}body{background:var(--background);font-family:var(--font-sans),system-ui}body,dialog{color:var(--foreground)}[inert] *::-webkit-scrollbar{display:none}}@layer flux-base{h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.6;text-wrap:balance}h1{color:var(--foreground-prominent);font-size:30px}h2{color:var(--foreground-prominent);font-size:21px}h3{color:var(--foreground);font-size:18px}h4{font-size:16px}h5{font-size:15px}h6{font-size:14px}a:not([class]),a[class=""]{color:rgb(var(--primary-7));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}a:not([class]):hover,a[class=""]:hover{text-decoration:none}p{line-height:1.8}blockquote{position:relative;margin:0 0 0 30px;padding:15px 21px;background:rgb(var(--gray-2));border-radius:var(--radius)}blockquote:before{position:absolute;top:5px;left:-27px;content:"”";color:rgb(var(--primary-7));font-size:39px;font-weight:700}code,kbd,samp,pre{font-family:var(--font-monospace),monospace}img:not([class]){height:unset;border-radius:calc(var(--radius) / 2);outline:1px solid rgba(0,0,0,.025);outline-offset:-1px}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,img,[data-typography-aware])+:where(h1,h2,h3){margin-top:33px}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,img,[data-typography-aware])+:where(h4,h5,h6,p,ul,ol,li,blockquote,img){margin-top:12px}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,blockquote,img,[data-typography-aware])+:where([data-typography-aware]){margin-top:21px}}@layer flux-base{.base-pane{background:rgb(var(--gray-0));background-clip:padding-box;border:1px solid rgb(var(--gray-11)/.05);border-radius:var(--radius)}[dark] .base-pane{border-color:rgb(var(--gray-3))}.base-pane-loader{position:absolute;display:flex;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px) saturate(180%);backdrop-filter:blur(2px) saturate(180%);background:rgb(var(--gray-0)/.75);border-radius:inherit;z-index:100}.base-pane-structure{position:relative}.base-pane-structure>.base-pane-structure{background:unset;border:0;box-shadow:none}}.base-pane>.base-pane-element:first-child,.base-pane>.form>.base-pane-element:first-child{border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px)}.base-pane>.base-pane-element:last-child,.base-pane>.base-pane-element:not(.pane-header):nth-last-child(1 of.base-pane-element),.base-pane>.form>.base-pane-element:last-child,.base-pane>.form>.base-pane-element:not(.pane-header):nth-last-child(1 of.base-pane-element){border-bottom-left-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.base-pane>.base-pane-element:only-child,.base-pane>.form>.base-pane-element:only-child{border:0}@layer flux-base{.icon{height:1em;width:1em;flex-shrink:0;font-size:20px;line-height:1}.font-awesome-icon{display:inline-block}.material-symbol-icon{display:inline-flex;color:currentColor;font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;-webkit-user-select:none;user-select:none;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icon-boxed{display:flex;height:1em;width:1em;align-items:center;flex-shrink:0;justify-content:center;font-size:42px}.icon-boxed .icon{font-size:.33em}.icon-boxed .material-symbol-icon{font-size:.5em}.icon-boxed-default{box-shadow:var(--shadow-sm)}.icon-boxed-colored{border:0}.icon-boxed-gray{background:rgb(var(--gray-2));color:var(--foreground)}.icon-boxed-primary{background:rgb(var(--primary-2));color:rgb(var(--primary-10))}.icon-boxed-danger{background:rgb(var(--danger-2));color:rgb(var(--danger-10))}.icon-boxed-info{background:rgb(var(--info-2));color:rgb(var(--info-10))}.icon-boxed-success{background:rgb(var(--success-2));color:rgb(var(--success-10))}.icon-boxed-warning{background:rgb(var(--warning-2));color:rgb(var(--warning-10))}}.spinner{--track: rgb(var(--gray-2));--value: rgb(var(--primary-7));display:inline-block;height:1em;width:1em;flex:0 0 1em;animation:spinner 5s linear infinite;font-size:20px}.spinner-track{stroke:var(--track)}.spinner-effect,.spinner-value{stroke:var(--value);transform-origin:center;animation:spinner 1.2s var(--swift-out) infinite}.spinner-effect{opacity:.25;animation-delay:-1.05s}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@layer flux-base{.button{display:inline-flex;height:42px;padding:0 12px;align-items:center;flex-grow:0;flex-shrink:0;gap:12px;justify-content:center;background:unset;border:1px solid;border-radius:var(--radius);box-shadow:var(--shadow-px);cursor:pointer;font:inherit;text-decoration:none;transition:.18s var(--swift-out);transition-property:background,border,box-shadow,color,scale,outline-color,outline-offset;-webkit-user-select:none;user-select:none;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.button:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:2px}.button:active{box-shadow:none}.button:focus-visible{z-index:1}.button:disabled,.button[aria-disabled=true]{box-shadow:none;opacity:.5;pointer-events:none}.button.is-small{height:36px;padding:0 9px}.button.is-medium{height:42px;padding:0 12px}.button.is-large{height:48px;padding:0 15px}.button.is-xl{height:54px;padding:0 18px}.button.is-filled{align-self:stretch}.button-icon{flex-shrink:0;font-size:20px}.button-icon:only-child{margin-left:-2px;margin-right:-2px}.button-label{display:inline-block;font-weight:500;text-align:center}.button-label:only-child{margin-left:6px;margin-right:6px;min-width:42px}}@layer flux-base{.button{display:inline-flex;height:42px;padding:0 12px;align-items:center;flex-grow:0;flex-shrink:0;gap:12px;justify-content:center;background:unset;border:1px solid;border-radius:var(--radius);box-shadow:var(--shadow-px);cursor:pointer;font:inherit;text-decoration:none;transition:.18s var(--swift-out);transition-property:background,border,box-shadow,color,scale,outline-color,outline-offset;-webkit-user-select:none;user-select:none;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.button:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:2px}.button:active{box-shadow:none}.button:focus-visible{z-index:1}.button:disabled,.button[aria-disabled=true]{box-shadow:none;opacity:.5;pointer-events:none}.button.is-small{height:36px;padding:0 9px}.button.is-medium{height:42px;padding:0 12px}.button.is-large{height:48px;padding:0 15px}.button.is-xl{height:54px;padding:0 18px}.button.is-filled{align-self:stretch}.button-icon{flex-shrink:0;font-size:20px}.button-icon:only-child{margin-left:-2px;margin-right:-2px}.button-label{display:inline-block;font-weight:500;text-align:center}.button-label:only-child{margin-left:6px;margin-right:6px;min-width:42px}}.action{height:30px;width:30px;padding-left:6px;padding-right:6px;border:0;border-radius:calc(var(--radius) / 2);box-shadow:none}@media (hover: hover){.action:hover{background:rgb(var(--gray-3))}}.action:active{background:rgb(var(--gray-2))}.action .spinner{font-size:24px}.action-icon{color:var(--foreground);font-size:18px}.action.is-destructive .action-icon{color:rgb(var(--danger-7))}.action-label{color:var(--foreground)}.action-bar{flex-wrap:wrap}.action-bar .separator{margin-top:9px;margin-bottom:9px}@media (min-width: 640px){.action-bar>.form-input{max-width:240px}}.base-pane-structure>.action-bar{padding:15px 21px;background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-2));border-left:0;border-right:0}.base-pane-structure>.action-bar:first-child{border-top:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.base-pane-structure>.action-bar:last-child{border-bottom:0;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.pane-header+.action-bar{margin-top:21px}.action-pane{container:actionPane/inline-size;width:100%}.action-pane-grid{display:grid;padding:36px;gap:36px;grid-template-columns:1fr auto}@container actionPane (max-width: 540px){.action-pane-grid{grid-template-columns:1fr}}.action-pane-body{position:relative;padding:0;text-wrap:pretty}.primary-button{background:rgb(var(--primary-7));border-color:rgb(var(--primary-9));box-shadow:0 1px 1px rgb(var(--primary-7)/.25);color:rgb(var(--primary-0))}@media (hover: hover){.primary-button:hover{background:rgb(var(--primary-8))}}.primary-button:active{background:rgb(var(--primary-9));scale:.9875}.primary-button .spinner{--track: rgb(var(--primary-8));--value: rgb(var(--primary-0))}.primary-button-icon{color:rgb(var(--primary-0))}.secondary-button{background:rgb(var(--gray-0));border-color:rgb(var(--gray-3));color:var(--foreground)}@media (hover: hover){.secondary-button:hover{background:rgb(var(--gray-2))}}.secondary-button:active{background:rgb(var(--gray-3));border-color:rgb(var(--gray-4));scale:.9875}.secondary-button-icon{color:var(--foreground-prominent)}.destructive-button{background:rgb(var(--gray-0));border-color:rgb(var(--gray-3));color:var(--foreground)}@media (hover: hover){.destructive-button:hover{background:rgb(var(--gray-2))}}.destructive-button:active{background:rgb(var(--gray-3));border-color:rgb(var(--gray-4));scale:.9875}.destructive-button .spinner{--value: rgb(var(--danger-7))}.destructive-button-icon{color:rgb(var(--danger-7))}.destructive-button-label:only-child{color:rgb(var(--danger-7))}[dark] .secondary-button,[dark] .destructive-button{background:rgb(var(--gray-1));border-color:rgb(var(--gray-3))}@media (hover: hover){[dark] .secondary-button:hover,[dark] .destructive-button:hover{background:rgb(var(--gray-2))}}[dark] .secondary-button:active,[dark] .destructive-button:active{background:rgb(var(--gray-3))}.secondary-button,.destructive-button{box-shadow:var(--shadow-px),inset 0 -1px rgb(var(--gray-3)/.3)}.link-button{display:inline-flex;height:unset;padding:0;border:0;box-shadow:unset;color:rgb(var(--primary-7));text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.link-button:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:6px}@media (hover: hover){.link-button:hover{color:rgb(var(--primary-10))}.link-button:hover .link-button-icon{transform:translate3d(6px,0,0)}}.link-button-icon{color:rgb(var(--primary-7));transition:inherit;transition-property:transform}.link-button-icon.icon{font-size:16px}.publish-button{position:relative;overflow:hidden}.publish-button-animation{position:relative;display:block;height:20px;width:20px;align-items:center;justify-content:center;overflow:visible}.publish-button-animation :is(path){fill:currentColor;transition:.27s var(--swift-out)}.publish-button.is-done .publish-button-animation-arrow{animation:publish-arrow-out .4s var(--acceleration-curve) both}.publish-button.is-done .publish-button-animation-check,.publish-button.is-done .publish-button-animation-circle{transition-delay:.5s}.publish-button.is-idle .publish-button-animation-check{opacity:0}.publish-button.is-loading .publish-button-animation-arrow{animation:publish-arrow-in 1s var(--deceleration-curve) both}.publish-button.is-loading .publish-button-animation-check,.publish-button.is-loading .publish-button-animation-circle{opacity:0}.publish-button-cloud{position:absolute;top:50%;opacity:0;animation:publish .6s linear infinite;transition:.36s var(--swift-out) .21s}.publish-button-cloud:nth-child(2){left:-12px;animation-delay:-.3s}.publish-button-cloud:nth-child(3){right:-12px}.publish-button.is-loading .publish-button-cloud{opacity:.5}.button-group{display:inline-flex;width:min-content;flex-grow:0;flex-shrink:0;z-index:0}.button-group .button{border-radius:0}.button-group .button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.button-group .button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.button-group .primary-button{z-index:1}.button-group .button+.button{margin-left:-1px}@keyframes publish{0%{translate:0 calc(-30px - 50%)}to{translate:0 calc(30px - 50%)}}@keyframes publish-arrow-in{25%{translate:0 128px}to{translate:0 0}}@keyframes publish-arrow-out{to{opacity:0;translate:0 -512px}}@layer flux-base{.base-auto-grid{--min-column-width: 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--min-column-width) * 1px),1fr))}}@layer flux-base{.pane-default{box-shadow:var(--shadow-sm)}.pane-well{background:rgb(var(--gray-1))}.pane-header{display:flex;padding:21px 21px 0;gap:15px}.pane-header:only-child{padding:21px}.pane-header:has(+.base-pane-element:not(.pane-body)){padding:21px}.pane-header-caption{display:flex;flex-flow:column;flex-grow:1;line-height:24px}.pane-header-caption :is(strong){color:var(--foreground-prominent);font-weight:600}.pane-header-caption :is(strong):has(+:is(span)){font-size:16px}.pane-header-caption :is(span){font-size:14px}.pane-header-icon{margin-top:2px;color:rgb(var(--primary-7))}.pane-body{padding:21px}.pane-body+.pane-body{padding-top:0}.pane-footer{display:flex;padding:21px;gap:9px;background:rgb(var(--gray-1));border-top:1px solid rgb(var(--gray-2))}}.pane-tag{position:absolute;top:15px;right:15px;padding:6px 9px;background:rgb(var(--gray-10));border-radius:calc(var(--radius) / 2);color:rgb(var(--gray-0));font-size:11px;font-weight:700;letter-spacing:1px;line-height:1;text-transform:uppercase}.pane-media{position:relative;overflow:hidden}.pane-media-inset{margin:21px;border-radius:calc(var(--radius) / 2)}.pane-media-inset:not(:first-child){margin-top:0}.pane-media-inset:not(:last-child){margin-bottom:0}.pane-media-image{display:block;height:auto;width:100%;margin:0;aspect-ratio:2/1;object-fit:cover;object-position:center}.pane-deck{overflow:hidden}.pane-deck>.base-auto-grid{margin-right:-1px;margin-bottom:-1px}.pane-deck>.base-auto-grid>.pane{border-top:0;border-left:0;border-radius:0}.pane-group{position:relative}.pane-group+.pane-group{border-top:1px solid rgb(var(--gray-11)/.05)}.pane-illustration{--mask: linear-gradient(to bottom, black, transparent);--mask-content: linear-gradient(to bottom, black, rgb(0 0 0 / .75), transparent);position:relative;border-radius:calc(var(--radius) - 1px)}.pane-illustration:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.pane-illustration:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.pane-illustration-content{position:relative;display:flex;height:100%;align-items:center;justify-content:center}.pane-illustration-content-controlled{overflow:hidden;-webkit-mask-image:var(--mask-content);mask-image:var(--mask-content)}.pane-illustration-magic{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit}.pane-illustration-masked .pane-illustration-magic{-webkit-mask-image:var(--mask);mask-image:var(--mask)}.pane-illustration+:where(.pane-body,.pane-header){position:relative;margin-top:-60px}.pane-body:has(.icon-boxed:only-child):has(+.pane-header){padding-bottom:0}.flyout{display:contents}.flyout-dialog{top:var(--pane-y);left:var(--pane-x);margin:0;padding:12px;background:unset;border:0;font-size:1rem}.flyout-dialog::backdrop{background:unset}.flyout-pane{max-height:calc(100dvh - 120px);box-shadow:var(--shadow-md);overflow:auto;transform:translate3d(var(--pane-mx),var(--pane-my),0)}.flyout-pane.is-auto-width{width:var(--opener-width)}.flyout-pane.is-closing{animation:close .21s var(--swift-out) both}.flyout-pane.is-opening{animation:open .21s var(--deceleration-curve) both}@keyframes close{to{opacity:0}}@keyframes open{0%{opacity:0;transform:translateZ(0)}}@keyframes mobile-close{to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes mobile-open{0%{opacity:0;transform:translate3d(0,100%,0)}}@layer flux-base{.aspect-ratio{position:relative;flex-shrink:0}.aspect-ratio>*{height:100%;width:100%}.container{margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.spacer{flex-grow:1}.stack{gap:var(--gap, 0)}.stack.is-centered{place-content:center;place-items:center}.stack.is-fill{width:100%}.stack.is-wrapping{flex-wrap:wrap}.stack-horizontal{display:flex}.stack-vertical{display:flex;flex-flow:column}}@property --shine-degrees{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.fill-visual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.animated-colors{filter:blur(60px) saturate(180%)}.dot-pattern{fill:rgb(var(--gray-4));pointer-events:none}.flickering-grid{pointer-events:none}.grid-pattern{fill:rgb(var(--gray-2));stroke:rgb(var(--gray-4));pointer-events:none}.border-shine{position:relative;--shine-radius: var(--radius);--shine-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)}.border-shine:before{position:absolute;display:block;inset:calc(var(--shine-offset) * -1px);padding:calc(var(--shine-width) * 1px);content:"";background:conic-gradient(from var(--shine-degrees),var(--shine-colors));border-radius:var(--shine-radius);pointer-events:none;animation:border-shine-position calc(var(--shine-duration) * 1s) linear infinite;mask:var(--shine-mask);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes border-shine-position{0%{--shine-degrees: 0deg}to{--shine-degrees: 360deg}}.breakthrough-transition-enter-active,.breakthrough-transition-back-enter-active,.breakthrough-transition-leave-active,.breakthrough-transition-back-leave-active{transform-origin:top center;transition-property:opacity,scale,translate}.breakthrough-transition-enter-active,.breakthrough-transition-back-enter-active{transition-duration:.18s;transition-timing-function:var(--deceleration-curve)}.breakthrough-transition-leave-active,.breakthrough-transition-back-leave-active{transition-duration:.12s;transition-timing-function:var(--acceleration-curve)}.breakthrough-transition-enter-from,.breakthrough-transition-back-leave-to{opacity:0;scale:.975}.breakthrough-transition-leave-to,.breakthrough-transition-back-enter-from{opacity:0;scale:1.025}.fade-transition-enter-active,.fade-transition-leave-active{transition:opacity .15s var(--swift-out)!important}.fade-transition-enter-from,.fade-transition-leave-to{opacity:0}.fade-transition-enter-to,.fade-transition-leave-from{opacity:1}.route-transition-enter-active,.route-transition-back-enter-active,.route-transition-leave-active,.route-transition-back-leave-active{transform-origin:center 50dvh;transition-property:opacity,scale}.route-transition-enter-active,.route-transition-back-enter-active{transition-duration:.18s;transition-timing-function:var(--deceleration-curve)}.route-transition-leave-active,.route-transition-back-leave-active{transition-duration:.12s;transition-timing-function:var(--acceleration-curve)}.route-transition-enter-from,.route-transition-back-leave-to,.route-transition-leave-to,.route-transition-back-enter-from{opacity:0;scale:.975}.tooltip-transition-enter-active,.tooltip-transition-leave-active{transition:.21s var(--swift-out);transition-property:opacity,scale}.tooltip-transition-enter-from{scale:.975}.tooltip-transition-enter-from,.tooltip-transition-leave-to{opacity:0}.vertical-window-transition-enter-active,.vertical-window-transition-back-enter-active{contain:paint;transition:.15s var(--deceleration-curve);transition-property:opacity,transform}.vertical-window-transition-leave-active,.vertical-window-transition-back-leave-active{transition:.15s var(--acceleration-curve);transition-property:opacity,transform}.vertical-window-transition-back-leave-to,.vertical-window-transition-enter-from{opacity:0;transform:translate3d(0,15px,0)}.vertical-window-transition-back-enter-from,.vertical-window-transition-leave-to{opacity:0;transform:translate3d(0,-15px,0)}.window-transition-enter-active,.window-transition-back-enter-active{transition:.15s var(--deceleration-curve);transition-property:height,opacity,transform}.window-transition-leave-active,.window-transition-back-leave-active{transition:.15s var(--acceleration-curve);transition-property:height,opacity,transform}.window-transition-back-leave-to,.window-transition-enter-from{opacity:0;transform:translate3d(15px,0,0)}.window-transition-back-enter-from,.window-transition-leave-to{opacity:0;transform:translate3d(-15px,0,0)}.overlay{position:fixed;display:flex;top:0;right:0;bottom:0;left:0;height:100dvh;width:100dvw;background:rgb(var(--gray-3)/.5);-webkit-backdrop-filter:blur(3px) saturate(180%);backdrop-filter:blur(3px) saturate(180%);z-index:10000}.overlay>.base-pane-structure{display:flex;margin:auto;max-height:min(840px,100dvh - 180px);width:calc(100dvw - 90px);flex-flow:column nowrap;box-shadow:var(--shadow-lg);overflow:auto}.overlay>.base-pane-structure .pane-footer{position:sticky;bottom:0;margin-top:auto}.overlay-small>.base-pane-structure{max-width:420px}.overlay-medium>.base-pane-structure{max-width:540px}.overlay-large>.base-pane-structure{max-width:720px}.slide-over{justify-content:flex-end}.slide-over>.base-pane-structure{margin:9px;max-height:calc(100% - 18px);width:min(100dvw,720px);contain:paint;overflow:auto}.slide-over>.base-pane-structure>.pane-header,.slide-over>.base-pane-structure>.pane-footer{position:sticky;z-index:100}.slide-over>.base-pane-structure>.pane-header{top:0;padding-bottom:21px;border-bottom:1px solid rgb(var(--gray-2));box-shadow:var(--shadow-xs)}.slide-over>.base-pane-structure>.pane-header:has(+:where(.tabs,.tab-bar)){padding-bottom:0;border-bottom:0;box-shadow:none}.slide-over>.base-pane-structure>.pane-header:not(:has(+:where(.tabs,.tab-bar))){background:inherit}.slide-over>.base-pane-structure>.pane-header+.tab-bar{position:sticky;top:45px;z-index:100}.slide-over>.base-pane-structure>.pane-header:has(.pane-header-caption>:is(span))+.tab-bar{top:69px}.slide-over>.base-pane-structure>.pane-footer{bottom:0}.overlay-transition-enter-active,.overlay-transition-leave-active{transition:opacity .42s var(--swift-out)}.overlay-transition-enter-active>.base-pane-structure,.overlay-transition-leave-active>.base-pane-structure{transition:.42s var(--swift-out);transition-property:opacity,scale}.overlay-transition-enter-from{opacity:0}.overlay-transition-enter-from>.base-pane-structure{opacity:0;scale:.9}.overlay-transition-leave-to{opacity:0}.overlay-transition-leave-to>.base-pane-structure{opacity:0;scale:.95}.slide-over-transition-enter-active,.slide-over-transition-leave-active{transition:opacity .6s var(--swift-out)}.slide-over-transition-enter-active>.base-pane-structure,.slide-over-transition-leave-active>.base-pane-structure{transition:.6s var(--swift-out);transition-property:opacity,transform}.slide-over-transition-enter-from,.slide-over-transition-leave-to{opacity:0;transition-delay:.21s}.slide-over-transition-enter-from>.base-pane-structure,.slide-over-transition-leave-to>.base-pane-structure{transform:translate3d(100%,0,0)}.avatar{position:relative;display:inline-flex;height:1em;width:1em;flex:0 0 1em;border-radius:.5em;-webkit-user-select:none;user-select:none}.avatar-image{display:block;height:inherit;width:inherit;background:rgb(var(--gray-1));border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(var(--gray-2))}.avatar-fallback{position:absolute;display:flex;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;border-radius:inherit}.avatar-fallback .icon{font-size:.5em}.avatar-fallback :is(span){font-size:.4em;font-weight:600;line-height:1}.avatar-fallback-colorized{background:color-mix(in srgb,var(--color),rgb(var(--gray-0)) 80%);color:var(--color)}[dark] .avatar-fallback-colorized{background:color-mix(in srgb,var(--color),rgb(var(--gray-0)) 70%)}.avatar-fallback-neutral{background:rgb(var(--gray-3));color:var(--foreground-secondary)}.avatar-loading{position:absolute;display:flex;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:rgb(var(--gray-1)/.84);box-shadow:inset 0 0 0 1px rgb(var(--gray-2));border-radius:inherit;-webkit-backdrop-filter:blur(3px) saturate(180%);backdrop-filter:blur(3px) saturate(180%)}.avatar-loading .spinner{--track: rgb(0 0 0 / .12)}.avatar-status{position:absolute;display:block;right:.0238095238em;bottom:.0238095238em;height:.285714286em;width:.285714286em;background:#000;border-radius:99px}.avatar-status-gray{background:rgb(var(--gray-6))}.avatar-status-primary{background:rgb(var(--primary-7))}.avatar-status-danger{background:rgb(var(--danger-7))}.avatar-status-info{background:rgb(var(--info-7))}.avatar-status-success{background:rgb(var(--success-7))}.avatar-status-warning{background:rgb(var(--warning-7))}.avatar-clickable{cursor:pointer;transition:filter .15s var(--swift-out)}@media (hover: hover){.avatar-clickable:hover{filter:brightness(110%)}}.status-avatar .avatar-fallback,.status-avatar .avatar-image{mask:url("./0db98648.svg") no-repeat center center/cover;-webkit-mask:url("./0db98648.svg") no-repeat center center/cover}.persona{display:flex;padding:6px;align-items:center;gap:12px;background:unset;border:0;border-radius:var(--radius);cursor:pointer;text-align:left;transition:.18s var(--swift-out);transition-property:background,outline-color,outline-offset;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.persona:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:2px}@media (hover: hover){.persona:hover{background:rgb(var(--gray-2))}}.persona-details{display:flex;margin-right:9px;flex-flow:column;gap:3px;line-height:1.2}.persona-details :is(strong){width:max-content;color:var(--foreground-prominent)}.persona-details :is(span){color:var(--foreground);font-size:14px}.badge{display:inline-flex;height:28px;width:max-content;margin-top:-2px;margin-bottom:-2px;padding-left:9px;padding-right:9px;align-items:center;gap:6px;background:rgb(var(--gray-0));border:1px solid rgb(var(--gray-3));border-radius:99px;color:var(--foreground-prominent);font-size:13px;font-weight:500}.badge:is(a){color:var(--foreground-prominent);cursor:pointer;text-decoration:none;transition:background .18s var(--swift-out)}@media (hover: hover){.badge:is(a):hover{background:rgb(var(--gray-1));color:var(--foreground-prominent)}}.badge .spinner{--value: var(--color)}.badge-close{display:flex;height:20px;width:20px;margin-right:-6px;padding:5px;align-items:center;justify-content:center;background:unset;border:0;border-radius:99px;color:var(--foreground-secondary);cursor:pointer}@media (hover: hover){.badge-close:hover{background:rgb(var(--gray-2));color:var(--foreground)}}.badge-close:active{background:rgb(var(--gray-3));color:var(--foreground)}.badge-close .icon{font-size:16px}.badge-dot{display:block;height:9px;width:9px;background:var(--color);border-radius:99px}.badge-icon{margin-left:-3px;color:var(--color)}.badge-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge-label:only-child{margin-left:3px;margin-right:3px;color:var(--color)}.badge-gray{--color: rgb(var(--gray-8))}.badge-gray .badge-label{color:var(--foreground-prominent)}.badge-gray .spinner{--value: rgb(var(--primary-7))}.badge-primary{--color: rgb(var(--primary-7))}.badge-danger{--color: rgb(var(--danger-7))}.badge-info{--color: rgb(var(--info-7))}.badge-success{--color: rgb(var(--success-7))}.badge-warning{--color: rgb(var(--warning-7))}.tag{background:rgb(var(--gray-1));border-color:rgb(var(--gray-3));border-radius:calc(var(--radius) / 2);font-weight:400}.tag-close{border-radius:calc(var(--radius) / 3)}.menu{display:flex;flex-flow:column}.menu-normal{gap:6px}.menu-large{gap:9px}.menu-group{counter-reset:menu-group}.menu-group-horizontal{display:flex;gap:3px}.menu-group-vertical{display:flex;flex-flow:column;gap:1px}.menu-item{height:unset;min-height:42px;padding:6px 12px;gap:15px;justify-content:flex-start;border:0;box-shadow:none;color:var(--foreground);text-align:left}@media (hover: hover){.menu-item:hover{background:rgb(var(--gray-2))}}.menu-item:active{background:rgb(var(--gray-3))}.menu-item-icon{color:var(--foreground-prominent)}.menu-item-label{flex-grow:1;font-weight:400;text-align:left}.menu-item-label:only-child{margin-left:0;margin-right:0;min-width:unset}.menu-item-active{background:rgb(var(--primary-7));color:rgb(var(--primary-1))}.menu-item-active .menu-item-icon{color:rgb(var(--primary-0))}@media (hover: hover){.menu-item-active:hover{background:rgb(var(--primary-7))}}.menu-item-active:active{background:rgb(var(--primary-7))}.menu-item-destructive .menu-item-icon,.menu-item-destructive .menu-item-label{color:rgb(var(--danger-8))}.menu-item-highlighted{background:rgb(var(--primary-2));color:rgb(var(--primary-7))}.menu-item-highlighted .menu-item-icon{color:rgb(var(--primary-8))}@media (hover: hover){.menu-item-highlighted:hover{background:rgb(var(--primary-2))}}.menu-item-highlighted:active{background:rgb(var(--primary-2))}[dark] .menu-item-highlighted{background:rgb(var(--primary-11)/.5)}@media (hover: hover){[dark] .menu-item-highlighted:hover{background:rgb(var(--primary-11)/.5)}}[dark] .menu-item-highlighted:active{background:rgb(var(--primary-11)/.5)}.menu-item-indented{margin-left:33px}.menu-item-selected .menu-item-selectable-icon{color:rgb(var(--primary-7))}.menu-item-command{margin-top:1px;margin-left:auto;padding-left:6px;color:var(--foreground-secondary);font:inherit;font-size:14px;white-space:nowrap}.menu-item-command-icon{margin-right:-6px;color:var(--foreground-secondary)}.menu-item-command-icon.icon{font-size:16px}.menu-item-command+.menu-item-command-icon{margin-left:-9px}.menu-item-active .menu-item-command,.menu-item-active .menu-item-command-icon{color:rgb(var(--primary-4))}.menu-item-image{margin-left:-2px;margin-right:-2px;height:24px;width:24px;border-radius:3px}.menu-group-horizontal .menu-item{flex-basis:0;flex-grow:1}.menu-group-horizontal .menu-item:has(.menu-item-icon:only-child){justify-content:center}.menu-title{padding:0 12px;color:var(--foreground-prominent);font-size:18px;font-weight:700}.menu-sub-header{position:sticky;display:flex;top:0;margin-top:-9px;margin-bottom:-3px;padding:12px 12px 6px;align-items:center;gap:9px;background:linear-gradient(to bottom,rgb(var(--gray-0)) 75%,transparent);font-size:14px;pointer-events:none;z-index:1}.menu-sub-header-icon,.menu-sub-header-label{color:var(--foreground-secondary)}.menu-sub-header-icon{font-size:16px}.menu-sub-header-label{flex-grow:1}.menu-item+.menu-sub-header{margin-top:9px}.menu-large .menu-item{position:relative;padding-left:15px;padding-right:15px}.menu-large .menu-item:after{position:absolute;display:block;top:12px;right:12px;bottom:12px;width:4px;content:"";background:rgb(var(--primary-7));border-radius:99px;opacity:0;transition:opacity .18s var(--swift-out)}.menu-large .menu-item:not(.menu-item-indented){min-height:48px}.menu-large .menu-item:not(.menu-item-indented):after{background:rgb(var(--primary-0))}.menu-large .menu-item-active:after{opacity:1}.menu-large .menu-item-active.menu-item-indented{background:rgb(var(--gray-2))}.menu-large .menu-item-active.menu-item-indented .menu-item-icon,.menu-large .menu-item-active.menu-item-indented .menu-item-label{color:var(--foreground-prominent)}.base-pane>.menu{margin-left:9px;margin-right:9px}.base-pane>.menu:first-child{margin-top:9px}.base-pane>.menu:last-child{margin-bottom:9px}.base-pane>.menu>:where(.divider,.separator){margin:3px -9px}.expandable-body>.menu{margin-left:9px;margin-right:9px}.expandable-body>.menu:last-child{margin-bottom:9px}.expandable-body>.menu>:where(.divider,.separator){margin-left:21px;margin-right:21px}.form-input-group>.button-group>.button,.form-input-group>:is(.form-input,.form-select,.button){height:100%;min-height:unset;border:0;border-radius:0;outline:0!important}.form-input-group>.button-group>:first-child.button,.form-input-group>:first-child:is(.form-input,.form-select,.button){border-top-left-radius:calc(var(--radius) - 1px);border-bottom-left-radius:calc(var(--radius) - 1px)}.form-input-group>.button-group>:last-child.button,.form-input-group>:last-child:is(.form-input,.form-select,.button){border-top-right-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.form-structure-element{display:flex;flex-flow:column}.form{gap:42px}.pane>.form{display:contents;gap:0}.form-column,.form-section{gap:18px}.form>.button,.form-column>.button,.form-section>.button{align-self:flex-start}.form-row{display:flex;flex-grow:1;gap:12px}.form-section-title{color:var(--foreground-prominent);font-size:18px;font-weight:800}.form-field{display:flex;flex:1 1 0;flex-flow:column;gap:6px}.form-field-header{display:flex;margin-bottom:0;width:100%;align-items:center;align-self:flex-start;gap:6px;font-size:unset}.form-field-label{min-height:1.6em;color:var(--foreground-prominent);font-weight:600}.form-field-optional{color:var(--foreground-secondary);font-size:.85em}.form-field-value{margin-left:auto;color:var(--foreground-secondary);font-size:.85em}.form-field-counter{margin-left:auto;color:var(--foreground-secondary);font-size:.85em;white-space:nowrap}.form-field-addition{display:flex;gap:9px;font-size:14px}.form-field-addition-icon{margin-top:3px}.form-field-addition-error{color:rgb(var(--danger-7))}.form-field-addition-hint{color:var(--foreground-secondary)}.form-input{position:relative;display:block;height:42px;width:100%;padding:0 12px;align-self:start;background:rgb(var(--gray-0));background-clip:padding-box;border:1px solid rgb(var(--gray-3));border-radius:var(--radius);box-shadow:var(--shadow-px);color:var(--foreground);transition:.18s var(--swift-out);transition-property:background,border-color,outline-color,outline-offset}.form-input::placeholder{color:var(--foreground-secondary)}.form-input.is-secondary{background:rgb(var(--gray-2));border-color:transparent;box-shadow:none}.form-input-disabled{background:rgb(var(--gray-2));cursor:not-allowed}.form-input-disabled input{cursor:inherit}.form-input-enabled{outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.form-input-enabled:focus-visible,.form-input-enabled:focus-within{outline-color:rgb(var(--primary-7));outline-offset:-1px}@media (hover: hover){.form-input-enabled:hover{border-color:rgb(var(--gray-4))}}.form-input-icon{position:absolute;margin-top:11px;margin-bottom:11px;color:var(--foreground-secondary);pointer-events:none}.form-input-icon-trailing{right:12px}.form-input-icon-leading{left:12px}.form-input-icon-password-toggle{pointer-events:unset;cursor:pointer}@media (hover: hover){.form-input-icon-password-toggle:hover{color:var(--foreground)}}.form-input-native{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;padding:0 12px;background:unset;border:0;border-radius:inherit;color:inherit;font:inherit;outline:0;text-align:left}.form-input-native::placeholder{color:var(--foreground-secondary)}.form-input-native::-webkit-search-decoration,.form-input-native::-webkit-search-cancel-button,.form-input-native::-webkit-search-results-button,.form-input-native::-webkit-search-results-decoration{-webkit-appearance:none}.form-input-native::-webkit-color-swatch{border:0;border-radius:calc(var(--radius) / 2)}.form-input-native::-webkit-color-swatch-wrapper{margin:0 -12px;padding:3px;width:calc(100% + 24px)}.form-input-native-has-icon-leading{padding-left:42px}.form-input-native-has-icon-trailing{padding-right:42px}.form-input-addition{display:flex;width:unset;align-items:center;flex-grow:0;justify-content:center;background:rgb(var(--gray-1));color:var(--foreground-secondary);pointer-events:none}.form-input-addition:has(+.form-input .form-input-native){border-right:1px solid rgb(var(--gray-3))}.form-input-addition+.form-input-addition{border-left:1px solid rgb(var(--gray-3))}.form-input:has(.form-input-native)+.form-input-addition{border-left:1px solid rgb(var(--gray-3))}.form-input-group{display:flex;padding:0;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.form-input-group:focus-visible,.form-input-group:focus-within{outline-color:rgb(var(--primary-7));outline-offset:-1px}.form-input-group>:is(.form-input,.form-select,.button)+:is(.button,.button-group){margin:0;border-left:1px solid rgb(var(--gray-3))}.form-input-group>.button-group>.button+.button{margin:0;border-left:1px solid rgb(var(--gray-3))}.form-input-group>.button-group:not(:first-child)>.button:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.form-input-group.is-secondary .form-input{background:transparent;border-color:transparent;box-shadow:none}.form-input-group.is-secondary .form-input-addition:not(:last-child){padding-right:0}.form-input-group.is-secondary .secondary-button{background:transparent;border-color:rgb(var(--gray-3));box-shadow:none}@media (hover: hover){.form-input-group.is-secondary .secondary-button:hover{background:rgb(var(--gray-3))}}.form-date-input{cursor:default}.form-date-input :is(input){text-align:left}.form-date-input :is(input)::-webkit-input-placeholder{visibility:hidden}.form-date-input :is(input)::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.form-date-range-input{display:flex;align-items:center;cursor:default}.form-date-time-input .form-input:last-child{max-width:99px}.form-date-time-input .input-group{flex-grow:1}.form-select{position:relative;display:flex;height:unset;min-height:42px;padding:0 39px 0 6px;align-items:center;flex-wrap:wrap;gap:0 6px;cursor:pointer}.form-select:not(.is-disabled){outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.form-select:not(.is-disabled):focus-visible,.form-select:not(.is-disabled):focus-within{outline-color:rgb(var(--primary-7));outline-offset:-1px}@media (hover: hover){.form-select:not(.is-disabled):hover{border-color:rgb(var(--gray-4))}}.form-select.is-disabled{cursor:not-allowed}.form-select.is-focused{outline-color:rgb(var(--primary-7));outline-offset:-1px}.form-select .badge{margin-top:6px;margin-bottom:6px;max-width:100%;flex:0 0 auto}.form-select-icon{position:absolute;top:50%;right:12px;translate:0 -50%}.form-select-input{position:sticky;top:0;height:48px;margin-bottom:9px;background:rgb(var(--gray-0));border-top:0;border-left:0;border-right:0;border-radius:0;outline:0;z-index:2;outline:0!important}.form-select-input .form-input-icon{margin:15px;font-size:18px}.form-select-input .form-input-native{padding-left:21px;padding-right:21px}.form-select-placeholder{margin-left:6px;margin-right:6px;color:var(--foreground-secondary);-webkit-user-select:none;user-select:none}.form-select-popup{position:fixed;display:block;top:0;left:0;width:var(--width, auto);max-height:max(330px,50dvh);min-width:120px;box-shadow:var(--shadow-md);overflow:auto;translate:var(--x) var(--y);z-index:10000}.form-select-popup .menu-item{contain-intrinsic-size:auto 42px;content-visibility:auto}.form-select-popup.is-keyboard-action .menu-item{transition:0s}.form-select-popup.is-searchable .menu-sub-header{top:48px}.form-select-selected{position:absolute;height:100%;padding-left:12px;padding-right:42px;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none}.form-select-selected .button-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-disabled .form-select-icon{opacity:.5}.is-disabled .form-select-selected{background:rgb(var(--gray-2));border:1px solid rgb(var(--gray-3));color:var(--foreground-secondary);opacity:1}.form-text-area{height:unset;min-height:calc(20px + var(--rows, 1) * 1lh);padding-top:9px;padding-bottom:9px;flex-shrink:0;field-sizing:content;resize:vertical}.checkbox{display:inline-flex;flex-shrink:0;gap:12px;outline:0}.checkbox-element,.checkbox-native{margin:1px 0;height:22px;width:22px}.checkbox-element{position:relative;display:inline-flex;height:22px;width:22px;padding:0;align-items:center;justify-content:center;background:rgb(var(--gray-3));border:0;border-radius:calc(var(--radius) / 2);color:rgb(var(--primary-0));cursor:pointer;pointer-events:none;transition:.21s var(--swift-out);transition-property:background,color,outline-color,outline-offset;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.checkbox-element .icon{opacity:0;scale:.85;transition:inherit;transition-property:opacity}.checkbox-element .icon :is(path){stroke:#fff;stroke-width:54px}.checkbox-label{align-self:center}.checkbox-native{position:absolute;opacity:0}@media (hover: hover){.checkbox-native:hover+.checkbox-element{background:rgb(var(--gray-4))}}.checkbox-native:is(:checked,:indeterminate)+.checkbox-element{background:rgb(var(--primary-7))}.checkbox-native:is(:checked,:indeterminate)+.checkbox-element .icon{opacity:1}.checkbox-native:focus-visible+.checkbox-element{outline-color:rgb(var(--primary-7));outline-offset:2px}.quantity-selector{align-self:center;justify-self:center;border:1px solid rgb(var(--gray-3));border-radius:var(--radius);box-shadow:var(--shadow-px);overflow:hidden;transition:.18s var(--swift-out);transition-property:outline-color,outline-offset;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.quantity-selector:focus-visible,.quantity-selector:focus-within{outline-color:rgb(var(--primary-7));outline-offset:2px}@media (hover: hover){.quantity-selector:hover{border-color:rgb(var(--gray-4))}}.quantity-selector-button{margin:-1px;border:0}.quantity-selector-button:first-child{margin-right:0}.quantity-selector-button:last-child{margin-left:0}.quantity-selector-button,.quantity-selector-button:focus-visible,.quantity-selector-button:focus-within{outline:0}.quantity-selector-input{margin:-1px 0;padding-left:0;padding-right:0;border-radius:0;font-variant-numeric:tabular-nums;font-weight:700;text-align:center}.quantity-selector-input:hover{border-color:rgb(var(--gray-3))}.quantity-selector-input,.quantity-selector-input:focus-visible,.quantity-selector-input:focus-within{outline:0!important}.quantity-selector-input{-moz-appearance:textfield}.quantity-selector-input::-webkit-outer-spin-button,.quantity-selector-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pin-input{display:grid;width:min-content;gap:.4ch;grid-template-columns:repeat(var(--max-length, 0),1fr);margin:0;padding:0;border:0;font-size:24px;font-weight:700}.pin-input-field{padding:0;width:2.7ch;background-clip:padding-box;border:1px solid rgb(var(--gray-3));border-radius:var(--radius);box-shadow:var(--shadow-px);font:inherit;line-height:3.3ch;outline:0;text-align:center;transition:.18s var(--swift-out);transition-property:border-color,outline-color,outline-offset}.pin-input-enabled .pin-input-field{background-color:rgb(var(--gray-0));color:var(--foreground-prominent);outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.pin-input-enabled .pin-input-field:focus-visible,.pin-input-enabled .pin-input-field:focus-within{outline-color:rgb(var(--primary-7));outline-offset:-1px}.pin-input-disabled .pin-input-field{background-color:rgb(var(--gray-2));color:var(--foreground-secondary);cursor:not-allowed}.toggle{position:relative;display:block;width:54px;height:30px;flex:0 0 auto;background:rgb(var(--gray-2));border-radius:99px;contain:paint}.toggle.is-checked .toggle-input:after{translate:24px 0}.toggle.is-checked:not(.is-switch){background:rgb(var(--primary-7))}.toggle.is-checked:not(.is-switch) .toggle-icon{color:rgb(var(--primary-0))}.toggle.is-checked:not(.is-switch) .toggle-input:after{border-color:transparent}.toggle.is-checked .toggle-icon-on{translate:calc(-50% + 24px) -50%}.toggle:not(.is-checked) .toggle-icon-off{translate:calc(-50% - 24px) -50%}.toggle.is-disabled{cursor:not-allowed;opacity:.6}.toggle-icon{position:absolute;top:50%;color:var(--foreground-secondary);pointer-events:none;translate:-50% -50%}.toggle-icon-off{left:15px}.toggle-icon-on{left:39px}.toggle-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;margin:0;height:inherit;width:inherit;background:unset;border:0;border-radius:inherit;cursor:pointer;outline:0;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.toggle-input:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:2px}.toggle-input:after{position:absolute;display:block;top:3px;left:3px;height:24px;width:24px;content:"";background:rgb(var(--gray-0));background-clip:padding-box;border:1px solid rgb(var(--gray-3));border-radius:99px;box-shadow:var(--shadow-sm)}.toggle,.toggle-icon,.toggle-input,.toggle-input:after{transition:.21s var(--swift-out);transition-property:background,border-color,color,opacity,scale,translate,outline-color,outline-offset}.filter{max-height:50dvh;max-width:100%;padding:9px;width:330px;overflow:auto;scrollbar-width:none;transition:height .15s var(--deceleration-curve);z-index:0}.filter::-webkit-scrollbar{display:none;height:0;width:0}.filter .menu>:where(.divider,.separator){margin:3px -9px}.filter .menu>.menu-group>.menu-sub-header{top:51px}.filter .menu>.menu-group:has(.filter-search)>.menu-sub-header{top:105px}.filter .menu .menu-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter .pane-body{margin:-9px}.filter-header{position:sticky;margin:-9px -9px 3px;padding:9px;top:-9px;background:rgb(var(--gray-0));border-bottom:1px solid rgb(var(--gray-2));z-index:2}.filter-header:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.filter-back{flex-grow:1}.filter-reset{width:42px;justify-content:center}.filter-date-picker{margin:-9px}.filter-search{position:sticky;top:52px;margin:-9px -9px 0;padding:9px;background:linear-gradient(to bottom,rgb(var(--gray-0)) 75%,transparent);z-index:1}.divider{position:relative;display:grid;contain:paint;margin-top:18px;margin-bottom:18px;align-items:center;flex-shrink:0}.divider-content-start{justify-items:start}.divider-content-center{justify-items:center}.divider-content-end{justify-items:end}.divider-content{position:relative;display:flex}.divider-content:before,.divider-content:after{position:absolute;display:block;top:50%;translate:0 -50%}.divider-content:before{left:-100dvh;right:calc(100% + 15px)}.divider-content:after{left:calc(100% + 15px);right:-100dvh}.divider-line{width:100%;border:0}.divider-content:before,.divider-content:after,.divider-line{height:1px;content:"";background:rgb(var(--gray-2))}.separator{background:rgb(var(--gray-2))}.separator-horizontal{height:1px}.separator-vertical{width:1px}.calendar{display:flex;flex-flow:column;box-shadow:var(--shadow-sm);contain:paint}.calendar-actions{align-items:center}.calendar-current{display:flex;gap:9px}.calendar-current-value{padding:0;background:none;border:0;cursor:pointer;font-size:30px;letter-spacing:-.05em;line-height:1.5em;text-transform:capitalize}@media (hover: hover){.calendar-current-value:hover{color:rgb(var(--primary-7))}}.calendar-current-month{color:var(--foreground-prominent);font-weight:700}.calendar-current-year{color:var(--foreground)}.calendar-cells{display:grid;flex-grow:1;gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:min-content repeat(6,auto);background:rgb(var(--gray-2))}.calendar-cell{padding:12px 21px;background:rgb(var(--gray-0))}.calendar-day{padding-left:0;padding-right:0;color:var(--foreground-secondary);font-size:12px;font-weight:400;line-height:1em;text-align:center;text-transform:capitalize}.calendar-entry{position:relative;min-height:105px;padding-bottom:39px}.calendar-entry.is-disabled{background:rgb(var(--gray-1));color:var(--foreground-secondary);pointer-events:none}.calendar-entry.is-disabled .calendar-entry-date{opacity:.25}.calendar-entry.is-disabled .calendar-events{opacity:.75;pointer-events:none}.calendar-entry-date{position:absolute;right:21px;bottom:15px;color:var(--foreground);font-size:15px;font-weight:700;line-height:1em}.calendar-events{display:grid;grid-auto-rows:1fr;gap:3px}.calendar-event{margin-left:-9px;margin-right:-9px;padding:6px 9px;background:rgb(var(--primary-2));border:0;color:rgb(var(--primary-9));cursor:pointer;font-size:14px;line-height:1.3em;text-align:left;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.calendar-event.is-single{border-radius:calc(var(--radius) / 2)}.calendar-event.is-middle{margin-left:-22px;margin-right:-22px}.calendar-event.is-start{margin-right:-21px;border-top-left-radius:calc(var(--radius) / 2);border-bottom-left-radius:calc(var(--radius) / 2)}.calendar-event.is-end{margin-left:-21px;border-top-right-radius:calc(var(--radius) / 2);border-bottom-right-radius:calc(var(--radius) / 2)}.calendar-event:not(.is-single):not(.is-start) span{opacity:0}@media (hover: hover){.calendar-event:hover{background:rgb(var(--primary-3))}}.date-picker{display:flex;max-height:420px;flex-flow:column;border-radius:inherit;overflow:auto;-webkit-user-select:none;user-select:none;z-index:0}.date-picker-dates,.date-picker-months,.date-picker-years,.date-picker-header{padding:15px}.date-picker-header{position:sticky;display:flex;top:0;align-items:center;background:rgb(var(--gray-1));border-bottom:1px solid rgb(var(--gray-2));z-index:1}.date-picker-header-view{display:flex;height:42px;margin-left:auto;margin-right:auto;align-items:center;gap:9px;font-size:16px;font-weight:600}.date-picker-header-view-button{padding:0;background:unset;border:0;cursor:pointer;text-transform:capitalize}.date-picker-header-view-button:first-child{color:var(--foreground-prominent)}.date-picker-header-view-button:last-child{color:var(--foreground-secondary)}@media (hover: hover){.date-picker-header-view-button:hover{color:rgb(var(--primary-7))}}.date-picker-date{display:flex;padding:0;align-items:center;justify-content:center;aspect-ratio:1;background:unset;border:0;border-radius:var(--radius);color:var(--foreground-prominent);cursor:pointer;font-size:14px;outline:0;transition:.18s var(--swift-out);transition-property:background,border-radius,color,opacity}@media (hover: hover){.date-picker-date:hover{background:rgb(var(--gray-2));color:var(--foreground-prominent)}}.date-picker-date.is-disabled:not(.is-range-entry,.is-range-end,.is-range-start,.is-selection-entry,.is-selection-end,.is-selection-start){opacity:.25;pointer-events:none}.date-picker-date:not(.is-disabled){font-weight:500}.date-picker-date.is-selected{background:rgb(var(--primary-7));color:rgb(var(--primary-1));font-weight:700}.date-picker-date.is-range-entry{background:rgb(var(--primary-3));border-radius:0;color:rgb(var(--primary-11))}.date-picker-date.is-range-end,.date-picker-date.is-range-start{background:rgb(var(--primary-7));color:rgb(var(--primary-1));font-weight:700}[dark] .date-picker-date.is-range-entry{background:rgb(var(--primary-7)/.75);color:#000000f9}[dark] .date-picker-date.is-range-start,[dark] .date-picker-date.is-range-end{background:rgb(var(--primary-7));color:#000000f9}.date-picker-date.is-range-entry:nth-child(7n+8),.date-picker-date.is-range-start{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.date-picker-date.is-range-entry:nth-child(7n),.date-picker-date.is-range-end{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.date-picker-date.is-selection-entry{background:rgb(var(--gray-2));border-radius:0;color:var(--foreground-prominent)}.date-picker-date.is-selection-end,.date-picker-date.is-selection-start{background:rgb(var(--gray-3));font-weight:700}.date-picker-date.is-selection-entry:nth-child(7n+8),.date-picker-date.is-selection-start{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.date-picker-date.is-selection-entry:nth-child(7n),.date-picker-date.is-selection-end{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.date-picker-dates{position:relative}.date-picker-dates-grid{display:grid;gap:3px 0;grid-template-columns:repeat(7,1fr)}.date-picker-day{margin-bottom:6px;color:var(--foreground-secondary);font-size:12px;font-weight:500;text-align:center;text-transform:uppercase}.date-picker-months,.date-picker-years{display:grid;margin-left:auto;margin-right:auto;max-width:300px;width:100%;gap:9px;grid-template-columns:repeat(3,1fr)}.date-picker-months .button,.date-picker-years .button{contain:size layout;contain-intrinsic-size:0 42px;content-visibility:auto;text-transform:capitalize}.chip{display:flex;height:36px;padding:0 12px;align-items:center;flex-grow:0;gap:9px;background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-3));border-radius:99px;color:var(--foreground);transition:.18s var(--swift-out);transition-property:background,border,color,outline-color,outline-offset}.chip.is-selectable{cursor:pointer;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.chip.is-selectable:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:2px}@media (hover: hover){.chip.is-selectable:hover{background:rgb(var(--gray-2))}}.chip.is-selected{background:rgb(var(--primary-2));border-color:rgb(var(--primary-4));color:rgb(var(--primary-7))}@media (hover: hover){.chip.is-selected:hover{background:rgb(var(--primary-3))}}.chip :is(span){font-size:14px;font-weight:500;white-space:nowrap}[dark] .chip.is-selected{background:rgb(var(--primary-11)/.5);border-color:rgb(var(--primary-11));color:rgb(var(--primary-5))}@media (hover: hover){[dark] .chip.is-selected:hover{background:rgb(var(--primary-10)/.5)}}.comment{display:grid;max-width:100%;gap:3px 15px;grid-template-columns:1fr auto;grid-template-rows:repeat(2,auto)}.comment .avatar{align-self:end;grid-column:2;grid-row:1}.comment .comment-content{grid-column:1;grid-row:1}.comment .comment-footer{grid-column:1;grid-row:2}.comment.is-received{grid-template-columns:auto 1fr}.comment.is-received .avatar{grid-column:1}.comment.is-received .comment-content,.comment.is-received .comment-footer{grid-column:2}.comment-content{min-width:0;padding:12px 18px;background:linear-gradient(to bottom,rgb(var(--gray-0)),rgb(var(--gray-1)));border:1px solid rgb(var(--gray-3));border-radius:calc(var(--radius) * 2);box-shadow:var(--shadow-xs)}.comment:not(.is-received) .comment-content{border-bottom-right-radius:var(--radius)}.comment.is-received .comment-content{background:linear-gradient(to bottom,rgb(var(--gray-1)),rgb(var(--gray-2)));border-bottom-left-radius:var(--radius)}.comment.is-typing .comment-content{width:min-content}.comment-typing{display:block;margin:6px;height:6px;width:6px;border-radius:6px;animation:comment-typing 1s linear infinite both}.comment-footer{display:flex;align-items:center;gap:12px;justify-content:flex-end;font-size:12px;font-weight:500}.comment-footer span{margin-right:auto}.comment-footer time{color:var(--foreground-secondary)}[dark] .comment-content{background:linear-gradient(to bottom,rgb(var(--gray-1)),rgb(var(--gray-0)))}[dark] .comment.is-received .comment-content{background:linear-gradient(to bottom,rgb(var(--gray-2)),rgb(var(--gray-1)))}@keyframes comment-typing{0%,80%,to{background:rgb(var(--gray-3));box-shadow:-9px 0 rgb(var(--gray-3)),9px 0 rgb(var(--gray-3));translate:0 0}20%{background:rgb(var(--gray-3));box-shadow:-9px -3px rgb(var(--gray-5)),9px 0 rgb(var(--gray-3));translate:0 0}40%{background:rgb(var(--gray-5));box-shadow:-9px 3px rgb(var(--gray-3)),9px 3px rgb(var(--gray-3));translate:0 -3px}60%{background:rgb(var(--gray-3));box-shadow:-9px 0 rgb(var(--gray-3)),9px -3px rgb(var(--gray-5));translate:0 0}}.slider{position:relative;display:flex;margin:6px;flex-flow:column;gap:9px;touch-action:pan-y}.slider.is-disabled{cursor:not-allowed}.slider.is-dragging{cursor:grabbing}.slider-thumb{position:absolute;top:50%;height:24px;width:24px;padding:0;background:rgb(var(--gray-0));background-clip:padding-box;border:1px solid rgb(var(--gray-11)/.05);border-radius:99px;box-shadow:var(--shadow-sm);cursor:grab;outline:0;translate:-50% -50%;transition:.18s var(--swift-out);transition-property:outline-color,outline-offset;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.slider-thumb:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:2px}@media (hover: hover){.slider-thumb:hover{background-color:rgb(var(--gray-2))}}.slider-thumb.is-disabled{background-color:rgb(var(--gray-1));box-shadow:none;pointer-events:none}.slider-thumb.is-dragging{box-shadow:var(--shadow-md);cursor:grabbing}[dark] .slider-thumb{background-color:rgb(var(--gray-1));border-color:rgb(var(--gray-11)/.4)}.slider-track{position:relative;height:12px;background:rgb(var(--gray-2));border-radius:calc(var(--radius) / 2);box-shadow:inset 0 0 0 1px rgb(var(--gray-3))}.slider-track-value{position:absolute;display:block;top:0;height:inherit;background:rgb(var(--primary-7));border-radius:inherit}.slider.is-disabled .slider-track-value{background:rgb(var(--gray-4))}.tick{position:absolute;left:calc(var(--position) * 100% - 1px);bottom:0;height:9px;width:2px;background:rgb(var(--gray-4));border-radius:99px;color:var(--foreground-prominent);font-size:10px;font-weight:600;pointer-events:none}.tick-large :is(span){position:relative;display:inline-block;translate:-50% -100%}.tick-small{height:6px;opacity:.5}.ticks{position:relative;display:block;height:21px}.coordinate-picker{position:relative;aspect-ratio:5/3;background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-11)/.05);border-radius:calc(var(--radius) / 2);z-index:0}.coordinate-picker-thumb{z-index:1}.coordinate-picker-thumb.is-disabled,.coordinate-picker-thumb.is-dragging{counter-reset:t}.color-picker{--transparent: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMElEQVQ4T2N89uzZfwY8QFJSEp80A+OoAcMiDP7//483HTx//hx/Ohg1gIFx6IcBALl+VXknOCvFAAAAAElFTkSuQmCC);display:flex;padding:21px;flex-flow:column;gap:15px}.color-picker-preview{position:relative;height:60px;width:60px;border-radius:var(--radius);overflow:hidden}.color-picker-preview:after,.color-picker-preview:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:inherit}.color-picker-preview:before{background:var(--transparent) repeat center}.color-picker-preview:after{background:var(--color);box-shadow:inset 0 0 0 1px rgb(var(--gray-11)/.05)}.color-picker-saturation{background:var(--pickerBackground, black);border:0}.color-picker-saturation:before,.color-picker-saturation:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;border-radius:inherit}.color-picker-saturation:before{background:linear-gradient(to right,white,transparent)}.color-picker-saturation:after{background:linear-gradient(to top,black,transparent);box-shadow:inset 0 0 0 1px rgb(var(--gray-11)/.05)}.color-picker-slider{position:relative;margin-left:0;margin-right:0}.color-picker-slider .slider-track-value{background:unset}.color-picker-alpha-slider .slider-track{background:var(--transparent) repeat center}.color-picker-hue-slider .slider-track{background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-color:#0000001a}.color-picker-value{display:flex;align-items:flex-end;gap:9px}.color-picker-value .form-field-label{min-height:unset;font-size:12px;line-height:15px}.color-picker-value .form-input{height:36px}.color-select{display:flex;flex-flow:row wrap;gap:9px}.color-select-item{display:flex;height:30px;width:30px;padding:0;align-items:center;justify-content:center;border-radius:15px;cursor:pointer;transition:.15s var(--swift-out);transition-property:background,border,scale}.color-select-item .icon{transition:inherit;transition-property:scale}@media (hover: hover){.color-select-item:hover{scale:1.1}}.color-select-item:active{scale:.9}.color-select-color{background:var(--color);border:2px solid color-mix(in srgb,var(--color),black 9%)}.color-select-color-deselected .icon{scale:.5}.color-select-color-selected{background:transparent;border:3px solid var(--color)}.color-select-custom{background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-3))}.color-select-custom-picker{width:330px}.color-select-buttons{display:flex;padding-top:0;gap:9px}.color-select-buttons .button:first-child{flex-grow:1}.color-select-check{color:var(--color)}.color-select-check :is(path){stroke:currentColor;stroke-width:54px}.table{position:relative;overflow:auto}.table :is(caption){color:var(--foreground-secondary);font-size:14px;text-align:left}.table-base{min-width:100%;bottom:0;border-spacing:0;text-align:left}.table-row{height:0;margin:0;padding:0}.table-cell{height:0;padding:0;border:0 solid rgb(var(--gray-2))}@-moz-document url-prefix(){.table-cell{height:100%}}.table-cell-content{display:flex;height:100%;padding:12px 15px;align-items:flex-start}.table-header{border-bottom:2px solid rgb(var(--gray-2));color:var(--foreground-prominent)}.table-header.is-shrinking{width:0;white-space:nowrap}.table-header.is-sticky{position:sticky;top:0;background:rgb(var(--gray-1))}.table-header-content{align-items:center;font-size:14px}tbody .table-row:nth-child(2n) .table-cell.is-striped{background:rgb(var(--gray-2))}@media (hover: hover){tbody .table-row:hover .table-cell.is-hoverable,tbody .table-row:has(:focus-visible) .table-cell.is-hoverable{background:rgb(var(--gray-1))}}tfoot .table-cell{border-top:1px solid rgb(var(--gray-2))}.table-cell+.table-cell.is-bordered{border-left-width:1px}.table-row+.table-row .table-cell.is-separated{border-top-width:1px}.table-actions{margin:-3px 0 -3px -3px}@media (hover: hover){.table-actions .action:hover{background:rgb(var(--gray-3))}}.table-actions .action:active{background:rgb(var(--gray-4))}.table-sort{display:flex;height:24px;width:24px;margin:-3px -6px -3px 6px;padding:0;align-items:center;justify-content:center;background:unset;border:0;border-radius:calc(var(--radius) / 2);color:var(--foreground-secondary);cursor:pointer;outline:0}@media (hover: hover){.table-sort:hover{background:rgb(var(--gray-2));color:var(--foreground)}}.base-pane-structure>.table .table-cell:first-child .table-cell-content{padding-left:21px}.base-pane-structure>.table .table-cell:last-child .table-cell-content{padding-right:21px}.base-pane-structure>.table .table-actions{margin-right:-3px}.base-pane-structure>.table :is(caption){padding:12px 21px;border-top:1px solid rgb(var(--gray-3))}.base-pane-structure>.table .table-loader{border-radius:var(--radius)}:not(.base-pane-structure)>.table .table-cell:not(.is-bordered):first-child .table-cell-content{padding-left:0}:not(.base-pane-structure)>.table .table-cell:not(.is-bordered):last-child .table-cell-content{padding-right:0}.drop-zone{display:grid;align-items:center;gap:15px 30px;grid-template-columns:1fr}.drop-zone:has(>.drop-zone-actions){grid-template-columns:auto 1fr}.drop-zone-actions{display:flex;flex-flow:column;gap:15px}.drop-zone-border{position:absolute;inset:var(--dz-inset);height:var(--dz-height);width:var(--dz-width);max-width:unset;overflow:visible;pointer-events:none}.drop-zone-border rect{fill:var(--dz-fill);rx:var(--dz-radius);stroke:var(--dz-stroke);stroke-dasharray:6px 6px;stroke-width:2px;transition:.27s var(--swift-out);transition-property:fill,stroke}.drop-zone-content{--dz-fill: transparent;--dz-stroke: transparent;--dz-inset: -1px;--dz-radius: var(--radius);--dz-height: calc(100% + 2px) ;--dz-width: calc(100% + 2px) ;position:relative}.drop-zone-content:has(.avatar){--dz-inset: -3px;--dz-radius: 999px;--dz-height: calc(100% + 6px) ;--dz-width: calc(100% + 6px) }.drop-zone-content:has(.placeholder){--dz-fill: rgb(var(--gray-1));--dz-stroke: rgb(var(--gray-3))}.drop-zone-content .avatar{display:block}.drop-zone-content .placeholder{background:transparent;border:0}.is-dragging .drop-zone-content{--dz-stroke: rgb(var(--primary-7))}.is-dragging-over .drop-zone-content:has(.placeholder){--dz-fill: rgb(var(--primary-2))}.is-dragging-over .drop-zone-content .drop-zone-border rect{animation:drop-zone-border-animation .48s linear infinite both}.drop-zone-loader{position:absolute;display:flex;inset:var(--dz-inset);align-items:center;justify-content:center;background:rgb(var(--gray-1)/.84);-webkit-backdrop-filter:blur(3px) saturate(180%);backdrop-filter:blur(3px) saturate(180%);border-radius:var(--dz-radius);z-index:100}@keyframes drop-zone-border-animation{to{stroke-dashoffset:-12px}}.expandable{display:flex;flex-flow:column}.expandable-header{display:flex;height:60px;padding-left:21px;padding-right:21px;align-items:center;gap:12px;background:unset;border:0;color:var(--foreground-prominent);cursor:pointer;text-align:left;transition:background .18s var(--swift-out);transition-property:background,outline-color,outline-offset;z-index:1;outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.expandable-header:focus-visible{outline-color:rgb(var(--primary-7));outline-offset:0}@media (hover: hover){.expandable-header:hover{background:rgb(var(--gray-1))}}.expandable-header :is(span){flex-grow:1;font-weight:600}.expandable-header .icon:last-child{color:var(--foreground-secondary)}.expandable-body{transition:height .39s var(--swift-out),translate .3s var(--swift-out) .12s,opacity .3s var(--swift-out) .12s}.expandable-body.v-enter-from,.expandable-body.v-leave-to{opacity:0;translate:0 -15px}.expandable-body.v-enter-to,.expandable-body.v-leave-from{opacity:1}.expandable-body.v-leave-active{transition-delay:0s}.expandable-body.v-enter-active,.expandable-body.v-leave-active{overflow:hidden}.expandable-content{padding:0 21px 21px}.base-pane>.expandable{border-radius:inherit}.base-pane>.expandable .expandable-header{border-radius:inherit}.base-pane>.expandable-opened .expandable-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.expandable-group{display:flex;flex-flow:column}.expandable-group .expandable+.expandable{border-top:1px solid rgb(var(--gray-2))}.expandable-group:not(:first-child){border-top:1px solid rgb(var(--gray-2))}.expandable-group:not(:last-child){border-bottom:1px solid rgb(var(--gray-2))}.base-pane>.expandable-group:first-child .expandable:first-child .expandable-header{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.base-pane>.expandable-group:last-child .expandable:not(.expandable-opened):last-child .expandable-header{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.fader{position:relative;background:#000;border-radius:inherit;contain:paint;z-index:0}.fader-item{position:absolute;display:block;top:0;right:0;bottom:0;left:0;transition:.66s var(--deceleration-curve)}.fader-item:not(.is-current){opacity:0;pointer-events:none;scale:1.05;transition-delay:90ms;z-index:1}.fader-item :is(img){position:absolute;display:block;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border-radius:0}.fader-item :is(img):not(.focal-point-image){object-fit:cover;object-position:center}.focal-point-image{object-fit:cover}.focal-point-editor{position:relative;margin-left:auto;margin-right:auto;max-height:210px;max-width:100%;aspect-ratio:var(--aspect-ratio);-webkit-user-select:none;user-select:none}.focal-point-editor-area{position:absolute;height:42px;width:42px;background:#0000001a;border:4px solid white;border-radius:99px;box-shadow:var(--shadow-md);cursor:move;transform:translate3d(-50%,-50%,0)}.focal-point-editor-image{position:relative;display:block;height:100%;width:100%;border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:none}.focal-point-preview{position:relative;height:210px;width:100%;margin-left:auto;margin-right:auto}.focal-point-preview-image{position:absolute;top:50%;left:50%;right:-50%;bottom:-50%;max-height:210px;max-width:100%;background-size:cover;border-radius:var(--radius);box-shadow:var(--shadow-lg);transform:translate3d(-50%,-50%,0);animation:focal-point-preview 6s var(--swift-out) infinite}@keyframes focal-point-preview{0%{aspect-ratio:var(--aspect-ratio)}20%{aspect-ratio:1}40%{aspect-ratio:16/9}60%{aspect-ratio:3/4}80%{aspect-ratio:3/1}to{aspect-ratio:var(--aspect-ratio)}}.remove{position:absolute;display:flex;top:-9px;right:-9px;height:27px;width:27px;align-items:center;justify-content:center;background:rgb(var(--danger-7));border:3px solid rgb(var(--gray-0));border-radius:99px;color:rgb(var(--danger-0));cursor:pointer;transition:.3s var(--swift-out);transition-property:background,opacity,scale}@media (hover: hover){.remove:hover{background:rgb(var(--danger-8))}}.remove.is-hidden{opacity:0;pointer-events:none;scale:.5}.gallery{display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.gallery-add{aspect-ratio:1/1;color:rgb(var(--gray-7))}@media (hover: hover){.gallery-add:hover{background:rgb(var(--gray-1));border-color:rgb(var(--gray-3))}}.gallery-move{transition:.36s var(--swift-out)}.gallery-item{position:relative;aspect-ratio:1/1}.gallery-item .remove{z-index:1}.gallery-item-image{position:absolute;display:block;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border-radius:var(--radius);object-fit:cover;object-position:center;outline:1px solid rgba(0,0,0,.025);outline-offset:-1px}.gallery-item-loader{position:absolute;display:flex;top:1px;right:1px;bottom:1px;left:1px;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px) saturate(180%);backdrop-filter:blur(2px) saturate(180%);background:#00000040;border-radius:calc(var(--radius) - 1px);z-index:0}.gallery-item-loader .spinner{--track: rgb(255 255 255 / .25);--value: rgb(255 255 255)}.grid{display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns),1fr);container:grid/inline-size}.grid-column{display:flex;flex-flow:column;gap:var(--gap)}.grid-column{grid-column:span var(--xl)}@container grid (max-width: 1279.98px){.grid-column{grid-column:span var(--lg)}}@container grid (max-width: 1023.98px){.grid-column{grid-column:span var(--md)}}@container grid (max-width: 767.98px){.grid-column{grid-column:span var(--sm)}}@container grid (max-width: 639.98px){.grid-column{grid-column:span var(--xs)}}.info{display:flex;gap:15px}.info>.icon{margin-top:1px;flex-shrink:0;color:rgb(var(--primary-7))}.info-body{align-items:center;line-height:1.5}@layer flux-base{.aspect-ratio{position:relative;flex-shrink:0}.aspect-ratio>*{height:100%;width:100%}.container{margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}.spacer{flex-grow:1}.stack{gap:var(--gap, 0)}.stack.is-centered{place-content:center;place-items:center}.stack.is-fill{width:100%}.stack.is-wrapping{flex-wrap:wrap}.stack-horizontal{display:flex}.stack-vertical{display:flex;flex-flow:column}}.legend-horizontal{gap:12px 21px}.legend-vertical{gap:12px}.legend-item{display:flex;flex-flow:row nowrap;gap:6px;font-size:14px;line-height:1}.legend-item:before{display:block;margin-top:1px;height:12px;width:12px;content:"";flex:0 0 12px;background:var(--color);border-radius:99px}.notice{display:flex;padding:12px 15px;gap:12px;border-radius:var(--radius)}.notice .button{margin-top:-6px;margin-right:-9px;margin-bottom:-6px;height:36px}.notice a{color:currentColor}.notice ul{margin-top:3px;padding-left:1em;list-style-type:disc}.notice ul li+li{margin-top:9px}.notice-body{display:flex;flex-flow:column;flex-grow:1;text-wrap:pretty}.notice-body p{line-height:1.6}.notice-body:last-child{flex-grow:0}.notice-close{display:flex;height:20px;width:20px;margin:2px;padding:0;align-items:center;flex-shrink:0;justify-content:center;border:0;border-radius:12px;color:currentColor;cursor:pointer;transition:opacity .15s var(--swift-out)}@media (hover: hover){.notice-close:hover{opacity:.75}}.notice-close>.icon{font-size:14px}.notice-prefix{margin-top:2px;flex-shrink:0;font-size:20px}.notice-message,.notice-title{margin:0}.notice-title{font-weight:600}.notice.is-center{justify-content:center;text-align:center}.notice.is-fluid{border-style:solid;border-width:1px;border-left:0;border-right:0;border-radius:0}.notice.is-fluid:first-child{border-top:0}.notice.is-fluid:last-child{border-bottom:0}.notice-gray{background:rgb(var(--gray-2));border-color:rgb(var(--gray-3));color:var(--foreground)}.notice-gray .notice-close{background:rgb(var(--gray-3))}.notice-gray .notice-prefix,.notice-gray .notice-title{color:var(--foreground-prominent)}.notice-primary{background:rgb(var(--primary-2));border-color:rgb(var(--primary-3));color:rgb(var(--primary-11))}.notice-primary .notice-close{background:rgb(var(--primary-3))}.notice-primary .notice-prefix,.notice-primary .notice-title{color:rgb(var(--primary-7))}.notice-primary .button{border-color:rgb(var(--primary-4))}.notice-primary .spinner-track{stroke:rgb(var(--primary-3))}.notice-primary .spinner-effect,.notice-primary .spinner-value{stroke:rgb(var(--primary-7))}.notice-danger{background:rgb(var(--danger-2));border-color:rgb(var(--danger-3));color:rgb(var(--danger-11))}.notice-danger .notice-close{background:rgb(var(--danger-3))}.notice-danger .notice-prefix,.notice-danger .notice-title{color:rgb(var(--danger-7))}.notice-danger .button{border-color:rgb(var(--danger-4))}.notice-danger .spinner-track{stroke:rgb(var(--danger-3))}.notice-danger .spinner-effect,.notice-danger .spinner-value{stroke:rgb(var(--danger-7))}.notice-info{background:rgb(var(--info-2));border-color:rgb(var(--info-3));color:rgb(var(--info-11))}.notice-info .notice-close{background:rgb(var(--info-3))}.notice-info .notice-prefix,.notice-info .notice-title{color:rgb(var(--info-7))}.notice-info .button{border-color:rgb(var(--info-4))}.notice-info .spinner-track{stroke:rgb(var(--info-3))}.notice-info .spinner-effect,.notice-info .spinner-value{stroke:rgb(var(--info-7))}.notice-success{background:rgb(var(--success-2));border-color:rgb(var(--success-3));color:rgb(var(--success-11))}.notice-success .notice-close{background:rgb(var(--success-3))}.notice-success .notice-prefix,.notice-success .notice-title{color:rgb(var(--success-7))}.notice-success .button{border-color:rgb(var(--success-4))}.notice-success .spinner-track{stroke:rgb(var(--success-3))}.notice-success .spinner-effect,.notice-success .spinner-value{stroke:rgb(var(--success-7))}.notice-warning{background:rgb(var(--warning-2));border-color:rgb(var(--warning-3));color:rgb(var(--warning-11))}.notice-warning .notice-close{background:rgb(var(--warning-3))}.notice-warning .notice-prefix,.notice-warning .notice-title{color:rgb(var(--warning-7))}.notice-warning .button{border-color:rgb(var(--warning-4))}.notice-warning .spinner-track{stroke:rgb(var(--warning-3))}.notice-warning .spinner-effect,.notice-warning .spinner-value{stroke:rgb(var(--warning-7))}.base-pane>.notice{padding-left:21px;padding-right:21px}.pagination{z-index:0}.pagination .button{min-width:40px}.pagination .button-label{margin-left:0;margin-right:0;min-width:18px}.pagination .button-label:nth-child(2){min-width:unset}.pagination .primary-button{z-index:1}.pagination-current{gap:3px;font-variant-numeric:tabular-nums}.pagination-bar{align-items:center;flex-direction:column}.pagination-bar .form-input-group{max-width:max-content}.pagination-bar .form-select{width:78px}.pagination-bar .pagination .button:first-child{border-radius:0}@media (min-width: 1024px){.pagination-bar{flex-direction:row}}@media (max-width: 1023.98px){.pagination-bar-spacer{display:none}}.pane-footer>.pagination-bar{flex-grow:1}.percentage-bar{display:flex;flex-flow:column;gap:12px}.percentage-bar-segment{height:12px;border-radius:calc(var(--radius) / 3);transition:.18s var(--swift-out);transition-property:height,margin}.percentage-bar-segment:hover{height:16px;margin-top:-2px;margin-bottom:-2px}.percentage-bar-tooltip{display:flex;align-items:center;flex-flow:row nowrap;gap:9px}.percentage-bar-track{display:flex;flex-flow:row nowrap;gap:3px}.placeholder{position:relative;display:flex;align-items:center;flex:1 0 auto;flex-flow:column;justify-content:center;background:rgb(var(--gray-1));border:1px dashed rgb(var(--gray-3));border-radius:var(--radius);text-align:center;-webkit-user-select:none;user-select:none}.placeholder.is-button{cursor:pointer}@media (hover: hover){.placeholder.is-button:hover{background:rgb(var(--gray-2))}}.placeholder.is-extended{padding:27px;gap:9px}.placeholder.is-extended .placeholder-icon{font-size:24px}.placeholder.is-simple{padding:18px}.placeholder.is-small{padding:12px;font-size:12px}.placeholder.is-small .placeholder-caption :is(strong){color:var(--foreground-secondary);font-weight:400}.placeholder.is-small .placeholder-icon{color:var(--foreground-secondary)}.placeholder .button{align-self:center}.placeholder-caption{display:flex;align-items:stretch;flex-flow:column}.placeholder-caption :is(p){margin:0;max-width:510px;color:var(--foreground-secondary);font-size:14px}.placeholder-icon{color:rgb(var(--primary-7));font-size:20px}.progress-bar{position:relative}.progress-bar-track{position:relative;height:9px;background:rgb(var(--gray-2));border-radius:calc(var(--radius) / 2);box-shadow:inset 0 0 0 1px rgb(var(--gray-3));contain:paint}.progress-bar-value{position:absolute;top:0;left:0;height:inherit;background:linear-gradient(to right,rgb(var(--primary-8)) 20%,rgb(var(--primary-6)),rgb(var(--primary-8)) 80%);background-size:150px 100%;border-radius:inherit;animation:progress-bar-value 1s linear infinite}.progress-bar-track-indeterminate .progress-bar-value{background:linear-gradient(to right,rgb(var(--primary-8)) 20%,rgb(var(--primary-6)),rgb(var(--primary-8)) 80%);background-size:90px 100%;animation:progress-bar-indeterminate 1s linear infinite}.progress-bar-info{display:flex;gap:21px;justify-content:flex-end;font-size:14px}.progress-bar-progress{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:500}.progress-bar-status{margin-right:auto;color:var(--foreground-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base-pane-structure>.progress-bar:first-child{margin:9px 9px 0}.base-pane-structure>.progress-bar:last-child{margin:0 9px 9px}@keyframes progress-bar-indeterminate{0%{background-position-x:90px}to{background-position-x:-90px}}@keyframes progress-bar-value{0%{background-position-x:-150px}to{background-position-x:150px}}.snackbar{display:flex;box-shadow:var(--shadow-xl),var(--shadow-2xl);overflow:hidden}.snackbar .action{margin:12px 12px 12px 0}.snackbar .progress-bar{margin-top:9px}.snackbar .progress-bar:not(:last-child){margin-bottom:6px}.snackbar .progress-bar-track{height:6px}.snackbar-content{display:flex;padding:15px 18px;align-items:flex-start;flex-grow:1;gap:15px}.snackbar-content>.icon,.snackbar-content>.spinner{flex-shrink:0;translate:0 3px}.snackbar-body{display:flex;align-self:stretch;flex-flow:column;flex-grow:1}.snackbar-message{color:var(--foreground)}.snackbar-sub-message{color:var(--foreground-secondary);font-size:14px}.snackbar-title{font-weight:500}.snackbar-action{display:flex;padding:6px 15px;min-width:84px;align-items:center;justify-content:center;flex-grow:1;background:rgb(var(--gray-0));border:0;border-radius:0;color:var(--foreground);cursor:pointer;font-size:14px;font-weight:500;outline:0;text-align:center;transition:.18s var(--swift-out);transition-property:background,color}.snackbar-action:hover{background:rgb(var(--gray-1));color:var(--foreground-prominent)}.snackbar-action:active{background:rgb(var(--gray-2))}.snackbar-actions{display:flex;padding-left:1px;flex-flow:column;flex-grow:1;gap:1px;background:rgb(var(--gray-2))}.snackbar-gray .snackbar-action:first-child,.snackbar-gray .snackbar-content>.icon,.snackbar-gray .snackbar-title{color:var(--foreground-prominent)}.snackbar-primary .snackbar-action:first-child,.snackbar-primary .snackbar-content>.icon,.snackbar-primary .snackbar-title{color:rgb(var(--primary-7))}.snackbar-primary .spinner-effect,.snackbar-primary .spinner-value{stroke:rgb(var(--primary-8))}.snackbar-danger .snackbar-action:first-child,.snackbar-danger .snackbar-content>.icon,.snackbar-danger .snackbar-title{color:rgb(var(--danger-7))}.snackbar-danger .spinner-effect,.snackbar-danger .spinner-value{stroke:rgb(var(--danger-8))}.snackbar-info .snackbar-action:first-child,.snackbar-info .snackbar-content>.icon,.snackbar-info .snackbar-title{color:rgb(var(--info-7))}.snackbar-info .spinner-effect,.snackbar-info .spinner-value{stroke:rgb(var(--info-8))}.snackbar-success .snackbar-action:first-child,.snackbar-success .snackbar-content>.icon,.snackbar-success .snackbar-title{color:rgb(var(--success-7))}.snackbar-success .spinner-effect,.snackbar-success .spinner-value{stroke:rgb(var(--success-8))}.snackbar-warning .snackbar-action:first-child,.snackbar-warning .snackbar-content>.icon,.snackbar-warning .snackbar-title{color:rgb(var(--warning-7))}.snackbar-warning .spinner-effect,.snackbar-warning .spinner-value{stroke:rgb(var(--warning-8))}.snackbars{position:fixed;display:flex;flex-flow:column;gap:15px;z-index:100000}@media (max-width: 767.98px){.snackbars{left:15px;right:15px;bottom:15px}}@media (min-width: 768px){.snackbars{width:570px;top:30px;left:calc(50dvw - 285px)}}.snackbars-enter-active,.snackbars-leave-active,.snackbars-move{transition:.42s var(--swift-out)}.snackbars-leave-active{position:absolute;width:100%}.snackbars-enter-from{opacity:0;transform:translate3d(0,-15px,0)}.snackbars-leave-to{opacity:0;scale:.95;translate:0 -15px;z-index:-1}.tooltip{position:fixed;display:flex;top:0;left:0;max-width:360px;padding:9px 15px;flex-flow:column;background:rgb(var(--gray-11)/.9);-webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%);border-radius:var(--radius);color:rgb(var(--gray-0));font-variant-numeric:tabular-nums;pointer-events:none;translate:calc(var(--x) * 1px) calc(var(--y) * 1px);z-index:100000}.tooltip:after{position:absolute;display:block;top:var(--arrowY);left:var(--arrowX);height:9px;width:9px;content:"";background:inherit;border-radius:0 0 3px;clip-path:polygon(100% 100%,99% 0%,0% 99%);rotate:var(--arrowAngle);transform-origin:center;translate:-50% -50%}[dark] .tooltip{background:#000000e6;color:#fff}.tooltip-above{transform-origin:bottom center}.tooltip-below{transform-origin:top center}.tooltip-end{transform-origin:center left}.tooltip-start{transform-origin:center right}.root{display:contents}.root.is-locked{cursor:default;overflow:hidden}.segmented-control{position:relative;align-items:center;gap:1px;background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-2));border-radius:var(--radius)}.segmented-control-fill{display:flex}.segmented-control-inline{display:inline-flex;width:min-content}.segmented-control-highlight{position:absolute;top:0;bottom:0;background:rgb(var(--gray-0));border-radius:var(--radius);box-shadow:var(--shadow-sm);outline:1px solid rgb(var(--gray-3));pointer-events:none;transition:.3s var(--swift-out);transition-property:left,width}.segmented-control-item{display:flex;height:36px;padding-left:12px;padding-right:12px;align-items:center;flex:1 1 0;gap:9px;justify-content:center;background:none;border:0;border-radius:calc(var(--radius) - 3px);color:var(--foreground);cursor:pointer;font-weight:500;text-align:center;transition:.3s var(--swift-out);transition-property:background,color}@media (hover: hover){.segmented-control-item:hover{background:rgb(var(--gray-2))}}.segmented-control-item.is-active{background:none;color:var(--foreground-prominent);cursor:default}.segmented-control-item>*{position:relative}.segmented-control-separator{height:15px;width:1px;flex-shrink:0;background:rgb(var(--gray-3));transition:opacity .3s var(--swift-out)}.segmented-control-separator.is-active{opacity:0}.statistic{padding:21px;gap:21px}.statistic.is-gray .statistic-icon{background:rgb(var(--gray-2));color:rgb(var(--gray-7))}.statistic.is-primary .statistic-icon{background:rgb(var(--primary-2));color:rgb(var(--primary-7))}.statistic.is-danger .statistic-icon{background:rgb(var(--danger-2));color:rgb(var(--danger-7))}.statistic.is-info .statistic-icon{background:rgb(var(--info-2));color:rgb(var(--info-7))}.statistic.is-success .statistic-icon{background:rgb(var(--success-2));color:rgb(var(--success-7))}.statistic.is-warning .statistic-icon{background:rgb(var(--warning-2));color:rgb(var(--warning-7))}.statistic-change{display:flex;align-items:center;align-self:flex-end;gap:6px;font-size:12px;font-weight:600;line-height:1}.statistic-change.is-gray{color:var(--foreground-prominent)}.statistic-change.is-primary{color:rgb(var(--primary-7))}.statistic-change.is-danger{color:rgb(var(--danger-7))}.statistic-change.is-info{color:rgb(var(--info-7))}.statistic-change.is-success{color:rgb(var(--success-7))}.statistic-change.is-warning{color:rgb(var(--warning-7))}.statistic-data{display:flex;flex-flow:column;flex-grow:1;gap:9px;line-height:1}.statistic-data :is(span){color:var(--foreground-secondary)}.statistic-data :is(strong){color:var(--foreground-prominent);font-size:24px;font-weight:700}.statistic-icon{display:flex;height:48px;width:48px;align-items:center;justify-content:center;border-radius:var(--radius)}.statistic-horizontal{display:flex}.statistic-vertical{display:flex;align-items:center;flex-flow:column;text-align:center}.statistic-vertical .statistic-change{align-self:center}.statistic-vertical .statistic-data{align-items:center}.sparkles-container{z-index:0}.sparkles-particles{position:absolute;display:block;top:0;left:0;right:0;bottom:0;align-self:center;cursor:pointer;font-size:24px;-webkit-user-select:none;user-select:none}.sparkles-particles:before,.sparkles-particles:after{position:absolute;top:50%;left:50%;content:"";border-radius:50%;z-index:-1}.sparkles-particles:before{height:3rem;margin:-1.5rem;width:3rem;box-sizing:border-box;border:1.5rem solid currentColor;transform:scale(0)}.sparkles-particles:after{margin:-.1875rem;width:.375rem;height:.375rem}.sparkles-container-active .sparkles-particles{animation:heart 1s var(--deceleration-curve);filter:none;will-change:font-size}.sparkles-container-active .sparkles-particles:before,.sparkles-container-active .sparkles-particles:after{animation:inherit;animation-timing-function:var(--deceleration-curve)}.sparkles-container-active .sparkles-particles:before{animation-name:bubble;will-change:transform,border-width,border-color}.sparkles-container-active .sparkles-particles:after{animation-name:sparkles;will-change:opacity,box-shadow}@keyframes bubble{15%{border-width:1.5rem;opacity:.15;transform:scale(1)}40%,to{border-width:0;opacity:.15;transform:scale(1)}}@keyframes heart{0%,17.5%{font-size:0}}@keyframes sparkles{0%,20%{opacity:0}21%{opacity:1;box-shadow:.3566461936rem -1.6158813729rem #ff8080,-.0779668841rem -1.1331946497rem #e5ff80,-.2786793096rem -1.7509239774rem #80ffb3,1.6470042441rem -.1601441187rem #e5ff80,1.0536390637rem -.4243273178rem #80ffb3,1.5791110156rem -.8061050382rem #80b3ff,.6612584088rem 1.5169068645rem #80ffb3,.7291516373rem .8709459449rem #80b3ff,1.2546235892rem 1.2527236653rem #e580ff,-1.238324072rem 1.0976441187rem #80b3ff,-.6029985689rem .9626015142rem #e580ff,-.8037109944rem 1.5803308418rem #ff8080,-1.4265847744rem -.8385254916rem #e580ff,-1.101825248rem -.2760254916rem #ff8080,-1.7513443009rem -.2760254916rem #e5ff80}to{opacity:0;box-shadow:.3566461936rem -2.3658813729rem 0 -.1875rem #ff8080,-.0779668841rem -1.8831946497rem 0 -.1875rem #e5ff80,-.2786793096rem -2.5009239774rem 0 -.1875rem #80ffb3,2.3602966313rem -.3919068645rem 0 -.1875rem #e5ff80,1.7669314509rem -.6560900636rem 0 -.1875rem #80ffb3,2.2924034028rem -1.037867784rem 0 -.1875rem #80b3ff,1.102097348rem 2.1236696102rem 0 -.1875rem #80ffb3,1.1699905765rem 1.4777086907rem 0 -.1875rem #80b3ff,1.6954625284rem 1.8594864111rem 0 -.1875rem #e580ff,-1.6791630113rem 1.7044068645rem 0 -.1875rem #80b3ff,-1.0438375081rem 1.56936426rem 0 -.1875rem #e580ff,-1.2445499336rem 2.1870935876rem 0 -.1875rem #ff8080,-2.1398771617rem -1.0702882373rem 0 -.1875rem #e580ff,-1.8151176352rem -.5077882373rem 0 -.1875rem #ff8080,-2.4646366881rem -.5077882373rem 0 -.1875rem #e5ff80}}.stepper-step{position:relative}.stepper-steps{position:relative;display:flex;align-items:center;flex-grow:1;justify-content:space-between;background:inherit;z-index:0}.stepper-steps:before,.stepper-steps:after{--margin: 15px;--max: calc(100% - var(--margin) * 2);position:absolute;display:block;top:calc(50% - 2px);left:0;margin-left:var(--margin);margin-right:var(--margin);height:4px;content:"";z-index:-1}.stepper-steps:before{width:var(--max);background:rgb(var(--gray-2))}.stepper-steps:after{width:calc(min(1,var(--progress)) * var(--max));background:rgb(var(--primary-7));transition:width .3s var(--swift-out)}.stepper-steps-item{position:relative;display:flex;height:33px;width:33px;align-items:center;justify-content:center;background:rgb(var(--gray-3));border:0;border-radius:99px;color:var(--foreground);cursor:default;font-size:14px;font-weight:700;outline:6px solid transparent;outline-offset:-2px;transition:.3s var(--swift-out);transition-property:background,border,color,outline}.stepper-steps-item .icon{overflow:visible;scale:.8}.stepper-steps-item .icon :is(path){stroke:currentColor;stroke-width:54px}.stepper-steps-item-complete{background:rgb(var(--primary-7));border-color:rgb(var(--primary-7));color:rgb(var(--primary-0))}.stepper-steps-item-current{background:rgb(var(--gray-1));color:var(--foreground-prominent);outline-color:rgb(var(--primary-7));outline-width:2px;transition-delay:75ms}.stepper-steps-item-idle{outline-color:rgb(var(--gray-0))}.tab{position:relative}.tab-bar{--tab-padding: 12px;position:relative;box-shadow:inset 0 -2px rgb(var(--gray-2));z-index:0}.tab-bar-arrow{position:absolute;display:flex;top:3px;height:calc(100% - 6px);width:30px;align-items:center;justify-content:center;background:transparent;border:0;border-radius:var(--radius);color:var(--foreground);cursor:pointer;outline:0;transition:background .18s var(--swift-out);z-index:1}@media (hover: hover){.tab-bar-arrow:hover{background:rgb(var(--gray-2))}}.tab-bar-arrow-start{left:-6px}.tab-bar-arrow-end{right:-6px}.tab-bar-tabs{--mask-start: 0%;--mask-end: 100%;--mask: linear-gradient(to right, transparent, black var(--mask-start), black, black var(--mask-end), transparent);display:flex;margin-left:-3px;margin-right:-3px;padding-left:3px;padding-right:3px;align-items:flex-end;gap:30px;overflow:hidden;-webkit-mask-image:var(--mask);mask-image:var(--mask)}.tab-bar-tabs.is-start-masked{--mask-start: 60px}.tab-bar-tabs.is-end-masked{--mask-end: calc(100% - 60px) }.tab-bar-item{display:inline-flex;padding:var(--tab-padding) 0;align-items:center;gap:9px;background:unset;border:0;border-bottom:2px solid transparent;color:var(--foreground);contain:layout;cursor:pointer;font-weight:500;outline:0;transition:.18s var(--swift-out);transition-property:border-color,color;white-space:nowrap}.tab-bar-item:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";border-radius:var(--radius);pointer-events:none;transition:.18s var(--swift-out) outline-color,outline-offset}.tab-bar-item:before{outline:2px solid rgb(var(--primary-7)/0);outline-offset:0}.tab-bar-item:focus-visible:before{outline-color:rgb(var(--primary-7));outline-offset:0}@media (hover: hover){.tab-bar-item:hover{border-color:var(--foreground)}}.tab-bar-item-active{border-color:rgb(var(--primary-7));color:var(--foreground-prominent)}.tabs{display:flex;flex-flow:column;overflow:visible}.tabs-bar{margin-bottom:18px}.base-pane-structure>.tab-bar,.base-pane-structure>.tabs>.tab-bar{--tab-padding: 18px;padding-left:21px;padding-right:21px;background:rgb(var(--gray-1))}.base-pane-structure>.tab-bar:first-child,.base-pane-structure>.tabs>.tab-bar:first-child{border-radius:var(--radius) var(--radius) 0 0}.base-pane-structure>.tab-bar:not(:first-child),.base-pane-structure>.tabs>.tab-bar:not(:first-child){border-top:1px solid rgb(var(--gray-2))}.base-pane-structure>.pane-header+.tab-bar,.base-pane-structure>.pane-header+.tabs>.tab-bar{padding-top:6px}.base-pane-structure>.pane-header+.tab-bar:not(:first-child),.base-pane-structure>.pane-header+.tabs>.tab-bar:not(:first-child){border-top:0}.pane-header:has(+.tab-bar),.pane-header:has(+.tabs>.tab-bar){background:rgb(var(--gray-1))}.base-pane-structure>.tabs>.tabs-bar{margin-bottom:0}.timeline{display:flex;flex-flow:column;gap:15px}.timeline-item{position:relative;display:grid;gap:21px;grid-template-columns:42px minmax(0,1fr)}.timeline-item-icon,.timeline-item-photo{position:relative;display:flex;align-items:center;justify-content:center;border-radius:99px;outline:6px solid rgb(var(--gray-0))}.timeline-item-icon{margin:3px;height:36px;width:36px}.timeline-item-photo{height:42px;width:42px}.timeline-item-photo-icon{position:absolute;display:flex;right:-9px;bottom:-9px;height:30px;width:30px;align-items:center;justify-content:center;background:rgb(var(--gray-0));border-radius:99px}.timeline-item-photo-image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border-radius:inherit;object-fit:cover;object-position:center}.timeline-item-body{position:relative;align-self:center;padding-top:9px;padding-bottom:9px}.timeline-item-header{display:flex;margin-bottom:9px;flex-flow:column}.timeline-item-header :is(strong){color:var(--foreground-prominent)}.timeline-item-header :is(span){color:var(--foreground-secondary);font-size:14px}.timeline-item-line{position:absolute;top:20px;left:20px;height:100%;width:2px;background:rgb(var(--gray-2))}.timeline .timeline-item:last-of-type .timeline-item-line{display:none}.timeline-item-gray .timeline-item-icon,.timeline-item-gray .timeline-item-photo-icon{color:var(--foreground-prominent)}.timeline-item-gray .timeline-item-icon{background:rgb(var(--gray-2))}.timeline-item-primary .timeline-item-icon,.timeline-item-primary .timeline-item-photo-icon{color:rgb(var(--primary-7))}.timeline-item-primary .timeline-item-icon{background:rgb(var(--primary-2))}.timeline-item-danger .timeline-item-icon,.timeline-item-danger .timeline-item-photo-icon{color:rgb(var(--danger-7))}.timeline-item-danger .timeline-item-icon{background:rgb(var(--danger-2))}.timeline-item-info .timeline-item-icon,.timeline-item-info .timeline-item-photo-icon{color:rgb(var(--info-7))}.timeline-item-info .timeline-item-icon{background:rgb(var(--info-2))}.timeline-item-success .timeline-item-icon,.timeline-item-success .timeline-item-photo-icon{color:rgb(var(--success-7))}.timeline-item-success .timeline-item-icon{background:rgb(var(--success-2))}.timeline-item-warning .timeline-item-icon,.timeline-item-warning .timeline-item-photo-icon{color:rgb(var(--warning-7))}.timeline-item-warning .timeline-item-icon{background:rgb(var(--warning-2))}[dark] .timeline-item-icon{background:rgb(var(--gray-2))}.toolbar{padding:6px;contain:paint}.toolbar .separator-vertical{margin-top:6px;margin-bottom:6px;align-self:stretch}.toolbar-flat{position:relative;align-self:flex-start;box-shadow:var(--shadow-sm)}.toolbar-floating{position:absolute;box-shadow:var(--shadow-md);z-index:1}.toolbar-floating.is-free{translate:-50% -50%}.toolbar-floating.is-top-end,.toolbar-floating.is-top-start{top:0;translate:0 -50%}.toolbar-floating.is-bottom-end,.toolbar-floating.is-bottom-start{bottom:0;translate:0 50%}.toolbar-floating.is-top-end,.toolbar-floating.is-bottom-end{right:21px}.toolbar-floating.is-top-start,.toolbar-floating.is-bottom-start{left:21px}.base-pane-structure>.toolbar-flat{padding:12px 15px;background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-11)/.05);border-left:0;border-right:0;border-radius:0;box-shadow:none}.base-pane-structure>.toolbar-flat:first-child{border-top:0;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.base-pane-structure>.toolbar-flat:last-child{border-bottom:0;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.pane-header+.toolbar-flat{margin-top:21px}