@zixili/design-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +181 -0
  3. package/dist/bedi.cjs +52 -0
  4. package/dist/bedi.css +1 -0
  5. package/dist/bedi.js +3444 -0
  6. package/dist/components/CodeBlock/index.d.ts +8 -0
  7. package/dist/components/CodeEditor.d.ts +9 -0
  8. package/dist/components/ComponentDemo.d.ts +20 -0
  9. package/dist/components/Header.d.ts +2 -0
  10. package/dist/components/PropsTable/index.d.ts +13 -0
  11. package/dist/components/SearchModal/index.d.ts +13 -0
  12. package/dist/components/basic/Button.d.ts +13 -0
  13. package/dist/components/basic/ButtonDoc.d.ts +2 -0
  14. package/dist/components/basic/Icon.d.ts +12 -0
  15. package/dist/components/basic/Link.d.ts +15 -0
  16. package/dist/components/basic/index.d.ts +7 -0
  17. package/dist/components/display/Avatar.d.ts +14 -0
  18. package/dist/components/display/Badge.d.ts +15 -0
  19. package/dist/components/display/Card.d.ts +13 -0
  20. package/dist/components/display/Empty.d.ts +8 -0
  21. package/dist/components/display/Progress.d.ts +9 -0
  22. package/dist/components/display/Rate.d.ts +13 -0
  23. package/dist/components/display/Skeleton.d.ts +23 -0
  24. package/dist/components/display/Table.d.ts +29 -0
  25. package/dist/components/display/Tag.d.ts +10 -0
  26. package/dist/components/display/Tooltip.d.ts +14 -0
  27. package/dist/components/display/index.d.ts +20 -0
  28. package/dist/components/feedback/Alert.d.ts +12 -0
  29. package/dist/components/feedback/Modal.d.ts +17 -0
  30. package/dist/components/feedback/index.d.ts +4 -0
  31. package/dist/components/index.d.ts +6 -0
  32. package/dist/components/input/Checkbox.d.ts +7 -0
  33. package/dist/components/input/DatePicker.d.ts +12 -0
  34. package/dist/components/input/Input.d.ts +11 -0
  35. package/dist/components/input/Radio.d.ts +6 -0
  36. package/dist/components/input/Select.d.ts +12 -0
  37. package/dist/components/input/Slider.d.ts +17 -0
  38. package/dist/components/input/Switch.d.ts +7 -0
  39. package/dist/components/input/Upload.d.ts +33 -0
  40. package/dist/components/input/index.d.ts +16 -0
  41. package/dist/components/layout/Divider.d.ts +13 -0
  42. package/dist/components/layout/Grid.d.ts +35 -0
  43. package/dist/components/layout/Layout.d.ts +38 -0
  44. package/dist/components/layout/Space.d.ts +13 -0
  45. package/dist/components/layout/index.d.ts +8 -0
  46. package/dist/components/navigation/Affix.d.ts +13 -0
  47. package/dist/components/navigation/Anchor.d.ts +25 -0
  48. package/dist/components/navigation/BackTop.d.ts +12 -0
  49. package/dist/components/navigation/Breadcrumb.d.ts +14 -0
  50. package/dist/components/navigation/Dropdown.d.ts +21 -0
  51. package/dist/components/navigation/Menu.d.ts +40 -0
  52. package/dist/components/navigation/Pagination.d.ts +13 -0
  53. package/dist/components/navigation/Steps.d.ts +17 -0
  54. package/dist/components/navigation/StickyTool.d.ts +21 -0
  55. package/dist/components/navigation/Tabs.d.ts +16 -0
  56. package/dist/components/navigation/index.d.ts +20 -0
  57. package/dist/context/LanguageContext.d.ts +14 -0
  58. package/dist/context/ThemeContext.d.ts +12 -0
  59. package/dist/data/componentList.d.ts +6 -0
  60. package/dist/i18n/translations.d.ts +856 -0
  61. package/dist/index.d.ts +3 -0
  62. package/package.json +63 -0
  63. package/src/index.css +1 -0
  64. package/src/tokens/base.css +58 -0
  65. package/src/tokens/dark.css +27 -0
  66. package/src/tokens/index.css +4 -0
  67. package/src/tokens/utilities.css +57 -0
  68. package/src/tokens/variables.css +145 -0
package/dist/bedi.css ADDED
@@ -0,0 +1 @@
1
+ .bedi-button{--bedi-btn-color-success: #008858;--bedi-btn-color-success-hover: #2BA471;--bedi-btn-color-success-active: #006C45;--bedi-btn-color-warning: #BE5A00;--bedi-btn-color-warning-hover: #E37318;--bedi-btn-color-warning-active: #954500;--bedi-btn-color-info: #0052D9;--bedi-btn-color-info-hover: var(--color-primary-hover);--bedi-btn-color-info-active: #003CAB}.bedi-button,a .bedi-button,.bedi-link .bedi-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:0 16px;height:32px;font-size:14px;font-weight:500;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;background-image:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;touch-action:manipulation;position:relative;overflow:visible;outline:none;gap:6px;text-decoration:none}.bedi-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:var(--shadow-focus)}.bedi-button:disabled,.bedi-button-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.bedi-button-square{border-radius:var(--radius-md)}.bedi-button-round{border-radius:var(--radius-xl)}.bedi-button-circle{border-radius:50%;padding:0;width:32px}.bedi-button-circle.bedi-button-small{width:24px;height:24px}.bedi-button-circle.bedi-button-large{width:40px;height:40px}.bedi-button-circle.bedi-button-extra-large{width:48px;height:48px}.bedi-button-icon-only{padding:0;min-width:auto}.bedi-button-icon-only.bedi-button-small{width:24px;height:24px}.bedi-button-icon-only.bedi-button-medium{width:32px;height:32px}.bedi-button-icon-only.bedi-button-large{width:40px;height:40px}.bedi-button-icon-only.bedi-button-extra-large{width:48px;height:48px}.bedi-button .bedi-button-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit!important;background:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;z-index:2}.bedi-button .bedi-button-icon{display:inline-flex;align-items:center;flex-shrink:0;pointer-events:none;position:relative;z-index:2}.bedi-button .bedi-button-icon svg{width:1em;height:1em;fill:currentColor}.bedi-button-primary,a .bedi-button-primary,.bedi-link .bedi-button-primary{color:#fff!important;background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.bedi-button-primary:hover:not(:disabled){background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important;color:#fff!important}.bedi-button-primary:active:not(:disabled){background:var(--color-primary-active)!important;border-color:var(--color-primary-active)!important;color:#fff!important}.bedi-button-secondary,a .bedi-button-secondary,.bedi-link .bedi-button-secondary{color:var(--color-text-1)!important;background-color:var(--color-bg-1)!important;border-color:var(--color-border-1)!important}.bedi-button-secondary:hover:not(:disabled){background-color:var(--color-bg-2)!important;border-color:var(--color-primary)!important;color:var(--color-primary)!important}.bedi-button-secondary:active:not(:disabled){background-color:var(--color-bg-3)!important;border-color:var(--color-primary-active)!important;color:var(--color-primary-active)!important}.bedi-button-outline,a .bedi-button-outline,.bedi-link .bedi-button-outline{color:var(--color-primary)!important;background-color:transparent!important;border:1px dashed var(--color-primary)!important;box-shadow:none}.bedi-button-outline:hover:not(:disabled){background-color:var(--color-primary-light)!important;border-color:var(--color-primary-hover)!important;color:var(--color-primary-hover)!important}.bedi-button-outline:active:not(:disabled){background-color:var(--color-primary)!important;border-color:var(--color-primary-active)!important;color:#fff!important}.bedi-button-text,a .bedi-button-text,.bedi-link .bedi-button-text{color:var(--color-primary)!important;background-color:transparent!important;border-color:transparent!important}.bedi-button-text:hover:not(:disabled){background-color:var(--color-bg-2)!important;color:var(--color-primary-hover)!important}.bedi-button-text:active:not(:disabled){background-color:var(--color-bg-3)!important;color:var(--color-primary-active)!important}.bedi-button-danger,a .bedi-button-danger,.bedi-link .bedi-button-danger{color:#fff!important;background-color:var(--color-error)!important;border-color:var(--color-error)!important}.bedi-button-danger:hover:not(:disabled){background:var(--color-error-hover)!important;border-color:var(--color-error-hover)!important;color:#fff!important}.bedi-button-danger:active:not(:disabled){background:var(--color-error-active)!important;border-color:var(--color-error-active)!important;color:#fff!important}.bedi-button-success,a .bedi-button-success,.bedi-link .bedi-button-success{color:#fff!important;background-color:var(--bedi-btn-color-success)!important;border-color:var(--bedi-btn-color-success)!important}.bedi-button-success:hover:not(:disabled){background:var(--bedi-btn-color-success-hover)!important;border-color:var(--bedi-btn-color-success-hover)!important;color:#fff!important}.bedi-button-success:active:not(:disabled){background:var(--bedi-btn-color-success-active)!important;border-color:var(--bedi-btn-color-success-active)!important;color:#fff!important}.bedi-button-warning,a .bedi-button-warning,.bedi-link .bedi-button-warning{color:#fff!important;background-color:var(--bedi-btn-color-warning)!important;border-color:var(--bedi-btn-color-warning)!important}.bedi-button-warning:hover:not(:disabled){background:var(--bedi-btn-color-warning-hover)!important;border-color:var(--bedi-btn-color-warning-hover)!important;color:#fff!important}.bedi-button-warning:active:not(:disabled){background:var(--bedi-btn-color-warning-active)!important;border-color:var(--bedi-btn-color-warning-active)!important;color:#fff!important}.bedi-button-info,a .bedi-button-info,.bedi-link .bedi-button-info{color:#fff!important;background-color:var(--bedi-btn-color-info)!important;border-color:var(--bedi-btn-color-info)!important}.bedi-button-info:hover:not(:disabled){background:var(--bedi-btn-color-info-hover)!important;border-color:var(--bedi-btn-color-info-hover)!important;color:#fff!important}.bedi-button-info:active:not(:disabled){background:var(--bedi-btn-color-info-active)!important;border-color:var(--bedi-btn-color-info-active)!important;color:#fff!important}.bedi-button-ghost,a .bedi-button-ghost,.bedi-link .bedi-button-ghost{color:var(--color-text-1)!important;background-color:transparent!important;border-color:transparent!important}.bedi-button-ghost:hover:not(:disabled){background-color:var(--color-bg-2)!important;color:var(--color-text-1)!important}.bedi-button-ghost:active:not(:disabled){background-color:var(--color-bg-3)!important;color:var(--color-text-1)!important}.bedi-button-small{height:24px;padding:0 12px;font-size:12px;border-radius:var(--radius-sm);gap:4px}.bedi-button-small.bedi-button-round{border-radius:var(--radius-lg)}.bedi-button-small.bedi-button-circle{width:24px;padding:0}.bedi-button-medium{height:32px;padding:0 16px;font-size:14px;gap:6px}.bedi-button-medium.bedi-button-circle{width:32px;padding:0}.bedi-button-large{height:40px;padding:0 24px;font-size:16px;gap:8px;border-radius:var(--radius-lg)}.bedi-button-large.bedi-button-round{border-radius:var(--radius-xl)}.bedi-button-large.bedi-button-circle{width:40px;padding:0}.bedi-button-extra-large{height:48px;padding:0 32px;font-size:18px;gap:10px;border-radius:var(--radius-lg)}.bedi-button-extra-large.bedi-button-round{border-radius:var(--radius-xl)}.bedi-button-extra-large.bedi-button-circle{width:48px;padding:0}.bedi-button-block{width:100%;display:flex}.bedi-button:active:not(:disabled){transform:translateY(1px) scale(.98);transition:transform .1s ease-out}.bedi-button .bedi-button-label,.bedi-button .bedi-button-icon{transition:none}[data-theme=dark] .bedi-button-secondary{color:var(--color-text-1)!important;background-color:var(--color-bg-2)!important;border-color:var(--color-border-2)!important}[data-theme=dark] .bedi-button-ghost{color:var(--color-text-1)!important}[data-theme=dark] .bedi-button-text{color:var(--color-primary)!important}@media (prefers-contrast: high){.bedi-button{border-width:2px}.bedi-button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.bedi-button{transition:none}.bedi-button-loading-svg,.bedi-button-loading-circle{animation:none}}.bedi-link .bedi-button-primary,.bedi-link:hover .bedi-button-primary,.bedi-link .bedi-button-success,.bedi-link:hover .bedi-button-success,.bedi-link .bedi-button-warning,.bedi-link:hover .bedi-button-warning,.bedi-link .bedi-button-info,.bedi-link:hover .bedi-button-info{color:#fff!important}.bedi-link .bedi-button-outline,.bedi-link:hover .bedi-button-outline{color:var(--color-primary)!important}.bedi-link .bedi-button-secondary{color:var(--color-text-1)!important}.bedi-link:hover .bedi-button-secondary,.bedi-link .bedi-button-text,.bedi-link:hover .bedi-button-text{color:var(--color-primary)!important}.bedi-link .bedi-button-ghost,.bedi-link:hover .bedi-button-ghost{color:var(--color-text-1)!important}.bedi-button-loading{pointer-events:none}.bedi-button-loading-icon{display:inline-flex;align-items:center;flex-shrink:0}.bedi-button-loading-svg{width:1em;height:1em;animation:bedi-button-loading-spin 1s linear infinite}.bedi-button-loading-circle{animation:bedi-button-loading-dash 1.5s ease-in-out infinite}@keyframes bedi-button-loading-spin{to{transform:rotate(360deg)}}@keyframes bedi-button-loading-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.bedi-space{display:flex;flex-wrap:nowrap}.bedi-space-horizontal{flex-direction:row}.bedi-space-vertical{flex-direction:column}.bedi-space-align-start{align-items:flex-start}.bedi-space-align-end{align-items:flex-end}.bedi-space-align-center{align-items:center}.bedi-space-align-baseline{align-items:baseline}.bedi-space-align-stretch{align-items:stretch}.bedi-space-wrap{flex-wrap:wrap}.bedi-space-item{flex:none}.bedi-card{background:var(--color-bg-1);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-1);box-shadow:none;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.bedi-card.bordered{border-color:var(--color-border-1)}.bedi-card.hoverable{cursor:pointer}.bedi-card.hoverable:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-1));box-shadow:var(--shadow-2);transform:translateY(-1px)}.bedi-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-1);background:var(--color-bg-1)}.bedi-card-title{font-size:14px;font-weight:600;color:var(--color-text-1)}.bedi-card-extra{color:var(--color-text-2)}.bedi-card-body{padding:16px}.bedi-card-actions{display:flex;border-top:1px solid var(--color-border-1)}.bedi-card-action{flex:1;padding:10px;text-align:center;color:var(--color-text-2);cursor:pointer;transition:background-color .15s ease,color .15s ease;border-right:1px solid var(--color-border-1)}.bedi-card-action:last-child{border-right:none}.bedi-card-action:hover{background:var(--color-fill-1);color:var(--color-primary)}.bedi-button-doc{min-height:calc(100vh - var(--header-height));background-color:var(--color-bg-2)}.bedi-design-content{flex:1;padding:var(--spacing-xl);overflow-y:auto}.bedi-header{margin-bottom:56px;padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-1)}.bedi-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-3)}.bedi-breadcrumb .separator{color:var(--color-text-4)}.bedi-breadcrumb .current{color:var(--color-text-1);font-weight:500}.bedi-title{font-size:var(--font-size-xxl);font-weight:600;color:var(--color-text-1);margin-bottom:var(--spacing-md);line-height:1.2}.bedi-description{font-size:var(--font-size-md);color:var(--color-text-2);line-height:1.6;margin-bottom:16px;max-width:800px}.bedi-meta{display:flex;gap:var(--spacing-xl);align-items:center}.bedi-meta-item{display:flex;align-items:center;gap:var(--spacing-sm)}.bedi-meta-label{font-size:var(--font-size-sm);color:var(--color-text-3)}.bedi-meta-value{font-size:var(--font-size-sm);color:var(--color-text-1);font-weight:500}.bedi-meta-value.stable{color:var(--color-success);background-color:var(--color-success-light);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.bedi-section{margin-bottom:48px}.bedi-section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-1);margin-bottom:36px;padding-bottom:var(--spacing-sm);border-bottom:1px solid transparent;background-image:linear-gradient(to right,#e0e0e0,transparent);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}.bedi-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.bedi-usage-card{padding:var(--spacing-xl);background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);transition:all .2s ease}.bedi-usage-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2)}.bedi-usage-card h3{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-1);margin-bottom:var(--spacing-md)}.bedi-usage-card ul{list-style:none;padding:0;margin:0}.bedi-usage-card li{font-size:var(--font-size-sm);color:var(--color-text-2);line-height:1.6;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-lg);position:relative}.bedi-usage-card li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.bedi-dynamic-config-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.bedi-preview-panel,.bedi-config-panel{background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);overflow:hidden}.bedi-preview-header,.bedi-config-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border-1)}.bedi-preview-header h4,.bedi-config-header h4{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-1);margin:0}.bedi-preview-content{padding:var(--spacing-xl);display:flex;justify-content:center;align-items:center;min-height:120px}.bedi-config-content{padding:var(--spacing-lg)}.bedi-config-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-2);border-radius:var(--radius-sm)}.bedi-config-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-1);min-width:80px}.bedi-config-group select{flex:1;margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-1);border-radius:var(--radius-sm);background-color:var(--color-bg-1);color:var(--color-text-1);font-size:var(--font-size-sm)}.bedi-config-group input[type=checkbox]{width:16px;height:16px;margin-left:var(--spacing-sm)}.bedi-style-description,.bedi-usage-description{background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.bedi-style-description h4,.bedi-usage-description h4{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-1);margin-bottom:var(--spacing-sm);margin-top:0}.bedi-style-description p,.bedi-usage-description p{font-size:var(--font-size-sm);color:var(--color-text-2);line-height:1.6;margin-bottom:16px}.bedi-style-description ul,.bedi-usage-description ul{list-style:none;padding:0;margin:0}.bedi-style-description li,.bedi-usage-description li{font-size:var(--font-size-sm);color:var(--color-text-2);line-height:1.6;margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md);position:relative}.bedi-style-description li:before,.bedi-usage-description li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.bedi-demo-section{margin-bottom:48px;padding:0;background-color:transparent;border:none;border-radius:0}.bedi-demo-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-1);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid transparent;background-image:linear-gradient(to right,#e0e0e0,transparent);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px}.bedi-demo-description{font-size:var(--font-size-sm);color:var(--color-text-2);line-height:1.6;margin-bottom:16px}.bedi-demo-container{padding:var(--spacing-lg);background-color:var(--color-bg-1);border-radius:var(--radius-md);border:1px solid var(--color-border-1);margin-bottom:var(--spacing-md)}.bedi-demo-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.bedi-code-block{background-color:#282c34;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}.bedi-code-block pre{margin:0;padding:var(--spacing-lg);font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:var(--font-size-xs);line-height:1.5;color:#abb2bf;overflow-x:auto}.bedi-code-block code{font-family:inherit}.bedi-api-table{margin-bottom:var(--spacing-xl)}.bedi-api-table h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-1);margin-bottom:var(--spacing-md)}.bedi-table{width:100%;border-collapse:collapse;background-color:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:var(--radius-lg);overflow:hidden}.bedi-table th,.bedi-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-border-1);font-size:var(--font-size-sm)}.bedi-table th{background-color:var(--color-bg-2);font-weight:600;color:var(--color-text-1);border-bottom:2px solid var(--color-border-1)}.bedi-table code{background-color:var(--color-fill-1);padding:2px 6px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--color-text-1)}@media (max-width: 768px){.bedi-design-content{padding:var(--spacing-lg)}.bedi-title{font-size:var(--font-size-xl)}.bedi-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.bedi-usage-grid{grid-template-columns:1fr}.bedi-dynamic-config-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.bedi-table{font-size:var(--font-size-xs)}.bedi-table th,.bedi-table td{padding:var(--spacing-sm)}.bedi-demo-container{padding:var(--spacing-md)}.bedi-code-block pre{padding:var(--spacing-md);font-size:var(--font-size-xs)}.bedi-config-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.bedi-config-group label{min-width:auto}.bedi-config-group select{margin-left:0;width:100%}}[data-theme=dark] .bedi-header{border-bottom-color:var(--color-border-2)}[data-theme=dark] .bedi-usage-card,[data-theme=dark] .bedi-demo-container,[data-theme=dark] .bedi-table{background-color:var(--color-bg-3);border-color:var(--color-border-2)}[data-theme=dark] .bedi-table th{background-color:var(--color-bg-4);border-bottom-color:var(--color-border-2)}[data-theme=dark] .bedi-table td{border-bottom-color:var(--color-border-2)}[data-theme=dark] .bedi-code-block{background-color:#1e1e1e}[data-theme=dark] .bedi-preview-panel,[data-theme=dark] .bedi-config-panel,[data-theme=dark] .bedi-style-description,[data-theme=dark] .bedi-usage-description{background-color:var(--color-bg-3);border-color:var(--color-border-2)}[data-theme=dark] .bedi-preview-header,[data-theme=dark] .bedi-config-header{background-color:var(--color-bg-4);border-bottom-color:var(--color-border-2)}[data-theme=dark] .bedi-config-group{background-color:var(--color-bg-4)}.bedi-section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bedi-link{color:#1890ff;cursor:pointer;transition:color .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.bedi-link .bedi-button:not([class*=bedi-button]){color:unset!important}.bedi-link:hover .bedi-button:not([class*=bedi-button]){color:unset!important}.bedi-link .bedi-button-primary,.bedi-link:hover .bedi-button-primary{color:#fff!important}.bedi-link .bedi-button-outline,.bedi-link:hover .bedi-button-outline{color:#165dff!important}.bedi-link .bedi-button-secondary,.bedi-link:hover .bedi-button-secondary{color:#1d2129!important}.bedi-link .bedi-button-danger,.bedi-link:hover .bedi-button-danger{color:#fff!important}.bedi-link .bedi-button-ghost,.bedi-link:hover .bedi-button-ghost{color:#1d2129!important}.bedi-link:hover{color:#40a9ff}.bedi-link-underline{text-decoration:underline}.bedi-link-no-underline{text-decoration:none}.bedi-link-disabled{color:#bfbfbf;cursor:not-allowed;pointer-events:none}.bedi-link-disabled:hover{color:#bfbfbf}.bedi-divider{margin:0;padding:0;font-size:14px;line-height:1.5715;text-align:center;border:0;border-top:1px solid rgba(5,5,5,.06)}.bedi-divider-vertical{display:inline-block;height:.9em;margin:0 8px;vertical-align:middle;border-top:0;border-left:1px solid rgba(5,5,5,.06)}.bedi-divider-dashed{border-top:1px dashed rgba(5,5,5,.06)}.bedi-divider-vertical.bedi-divider-dashed{border-left:1px dashed rgba(5,5,5,.06)}.bedi-divider-with-text{display:flex;align-items:center;margin:16px 0;color:#000000d9;font-weight:500;font-size:14px;white-space:nowrap;text-align:center;border-top:0;border-top-color:#0505050f}.bedi-divider-with-text:before,.bedi-divider-with-text:after{position:relative;width:50%;border-top:1px solid transparent;border-top-color:inherit;border-bottom:0;transform:translateY(50%);content:""}.bedi-divider-plain .bedi-divider-inner-text{padding:0;font-weight:400;font-size:14px;color:#000000a6}.bedi-divider-inner-text{display:inline-block;padding:0 1em}.bedi-divider-with-text-left .bedi-divider-inner-text{margin-left:0}.bedi-divider-with-text-right .bedi-divider-inner-text{margin-right:0}.bedi-row{display:flex;flex-flow:row wrap}.bedi-row-align-top{align-items:flex-start}.bedi-row-align-middle{align-items:center}.bedi-row-align-bottom{align-items:flex-end}.bedi-row-justify-start{justify-content:flex-start}.bedi-row-justify-end{justify-content:flex-end}.bedi-row-justify-center{justify-content:center}.bedi-row-justify-space-around{justify-content:space-around}.bedi-row-justify-space-between{justify-content:space-between}.bedi-row-no-wrap{flex-wrap:nowrap}.bedi-col{position:relative;max-width:100%;min-height:1px}.bedi-col-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-6{flex:0 0 25%;max-width:25%}.bedi-col-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-12{flex:0 0 50%;max-width:50%}.bedi-col-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-18{flex:0 0 75%;max-width:75%}.bedi-col-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-24{flex:0 0 100%;max-width:100%}.bedi-col-offset-1{margin-left:4.16666667%}.bedi-col-offset-2{margin-left:8.33333333%}.bedi-col-offset-3{margin-left:12.5%}.bedi-col-offset-4{margin-left:16.66666667%}.bedi-col-offset-5{margin-left:20.83333333%}.bedi-col-offset-6{margin-left:25%}.bedi-col-offset-7{margin-left:29.16666667%}.bedi-col-offset-8{margin-left:33.33333333%}.bedi-col-offset-9{margin-left:37.5%}.bedi-col-offset-10{margin-left:41.66666667%}.bedi-col-offset-11{margin-left:45.83333333%}.bedi-col-offset-12{margin-left:50%}.bedi-col-offset-13{margin-left:54.16666667%}.bedi-col-offset-14{margin-left:58.33333333%}.bedi-col-offset-15{margin-left:62.5%}.bedi-col-offset-16{margin-left:66.66666667%}.bedi-col-offset-17{margin-left:70.83333333%}.bedi-col-offset-18{margin-left:75%}.bedi-col-offset-19{margin-left:79.16666667%}.bedi-col-offset-20{margin-left:83.33333333%}.bedi-col-offset-21{margin-left:87.5%}.bedi-col-offset-22{margin-left:91.66666667%}.bedi-col-offset-23{margin-left:95.83333333%}@media (max-width: 575px){.bedi-col-xs-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-xs-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-xs-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-xs-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-xs-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-xs-6{flex:0 0 25%;max-width:25%}.bedi-col-xs-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-xs-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-xs-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-xs-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-xs-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-xs-12{flex:0 0 50%;max-width:50%}.bedi-col-xs-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-xs-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-xs-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-xs-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-xs-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-xs-18{flex:0 0 75%;max-width:75%}.bedi-col-xs-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-xs-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-xs-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-xs-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-xs-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-xs-24{flex:0 0 100%;max-width:100%}}@media (min-width: 576px) and (max-width: 767px){.bedi-col-sm-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-sm-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-sm-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-sm-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-sm-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-sm-6{flex:0 0 25%;max-width:25%}.bedi-col-sm-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-sm-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-sm-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-sm-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-sm-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-sm-12{flex:0 0 50%;max-width:50%}.bedi-col-sm-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-sm-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-sm-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-sm-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-sm-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-sm-18{flex:0 0 75%;max-width:75%}.bedi-col-sm-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-sm-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-sm-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-sm-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-sm-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-sm-24{flex:0 0 100%;max-width:100%}}@media (min-width: 768px) and (max-width: 991px){.bedi-col-md-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-md-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-md-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-md-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-md-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-md-6{flex:0 0 25%;max-width:25%}.bedi-col-md-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-md-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-md-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-md-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-md-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-md-12{flex:0 0 50%;max-width:50%}.bedi-col-md-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-md-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-md-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-md-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-md-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-md-18{flex:0 0 75%;max-width:75%}.bedi-col-md-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-md-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-md-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-md-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-md-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-md-24{flex:0 0 100%;max-width:100%}}@media (min-width: 992px) and (max-width: 1199px){.bedi-col-lg-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-lg-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-lg-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-lg-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-lg-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-lg-6{flex:0 0 25%;max-width:25%}.bedi-col-lg-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-lg-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-lg-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-lg-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-lg-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-lg-12{flex:0 0 50%;max-width:50%}.bedi-col-lg-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-lg-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-lg-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-lg-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-lg-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-lg-18{flex:0 0 75%;max-width:75%}.bedi-col-lg-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-lg-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-lg-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-lg-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-lg-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-lg-24{flex:0 0 100%;max-width:100%}}@media (min-width: 1200px) and (max-width: 1599px){.bedi-col-xl-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-xl-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-xl-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-xl-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-xl-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-xl-6{flex:0 0 25%;max-width:25%}.bedi-col-xl-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-xl-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-xl-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-xl-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-xl-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-xl-12{flex:0 0 50%;max-width:50%}.bedi-col-xl-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-xl-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-xl-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-xl-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-xl-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-xl-18{flex:0 0 75%;max-width:75%}.bedi-col-xl-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-xl-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-xl-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-xl-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-xl-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-xl-24{flex:0 0 100%;max-width:100%}}@media (min-width: 1600px){.bedi-col-xxl-1{flex:0 0 4.16666667%;max-width:4.16666667%}.bedi-col-xxl-2{flex:0 0 8.33333333%;max-width:8.33333333%}.bedi-col-xxl-3{flex:0 0 12.5%;max-width:12.5%}.bedi-col-xxl-4{flex:0 0 16.66666667%;max-width:16.66666667%}.bedi-col-xxl-5{flex:0 0 20.83333333%;max-width:20.83333333%}.bedi-col-xxl-6{flex:0 0 25%;max-width:25%}.bedi-col-xxl-7{flex:0 0 29.16666667%;max-width:29.16666667%}.bedi-col-xxl-8{flex:0 0 33.33333333%;max-width:33.33333333%}.bedi-col-xxl-9{flex:0 0 37.5%;max-width:37.5%}.bedi-col-xxl-10{flex:0 0 41.66666667%;max-width:41.66666667%}.bedi-col-xxl-11{flex:0 0 45.83333333%;max-width:45.83333333%}.bedi-col-xxl-12{flex:0 0 50%;max-width:50%}.bedi-col-xxl-13{flex:0 0 54.16666667%;max-width:54.16666667%}.bedi-col-xxl-14{flex:0 0 58.33333333%;max-width:58.33333333%}.bedi-col-xxl-15{flex:0 0 62.5%;max-width:62.5%}.bedi-col-xxl-16{flex:0 0 66.66666667%;max-width:66.66666667%}.bedi-col-xxl-17{flex:0 0 70.83333333%;max-width:70.83333333%}.bedi-col-xxl-18{flex:0 0 75%;max-width:75%}.bedi-col-xxl-19{flex:0 0 79.16666667%;max-width:79.16666667%}.bedi-col-xxl-20{flex:0 0 83.33333333%;max-width:83.33333333%}.bedi-col-xxl-21{flex:0 0 87.5%;max-width:87.5%}.bedi-col-xxl-22{flex:0 0 91.66666667%;max-width:91.66666667%}.bedi-col-xxl-23{flex:0 0 95.83333333%;max-width:95.83333333%}.bedi-col-xxl-24{flex:0 0 100%;max-width:100%}}.bedi-layout{display:flex;flex-direction:column;flex:auto;min-height:0;background:var(--color-bg-2)}.bedi-layout-header{flex:0 0 auto;padding:16px 24px;background:var(--color-bg-1);border-bottom:1px solid var(--color-border-1);line-height:64px;height:64px}.bedi-layout-content{flex:auto;min-height:0;padding:24px;background:var(--color-bg-1)}.bedi-layout-footer{flex:0 0 auto;padding:16px 24px;background:var(--color-bg-1);border-top:1px solid var(--color-border-1);text-align:center}.bedi-layout-sider{flex:0 0 auto;background:var(--color-bg-1);transition:all .2s;position:relative}.bedi-layout-sider-collapsible{position:relative}.bedi-layout-sider-collapsed{width:80px!important}.bedi-layout-has-sider{flex-direction:row;min-height:0}.bedi-layout-has-sider .bedi-layout-content{overflow:auto}.bedi-affix{transition:position .2s ease}.bedi-affix-fixed{position:fixed;z-index:1000}.bedi-anchor{position:relative;padding:8px 16px;background:#fff;border:1px solid #f0f0f0;border-radius:4px;max-width:200px}.bedi-anchor-link{margin:4px 0}.bedi-anchor-link-title{display:block;padding:4px 8px;color:#000000a6;text-decoration:none;border-radius:2px;transition:all .2s}.bedi-anchor-link-title:hover{background:#f5f5f5;color:#1890ff}.bedi-anchor-link-active .bedi-anchor-link-title{background:#e6f7ff;color:#1890ff;font-weight:500}.bedi-back-top{position:fixed;right:50px;bottom:50px;width:40px;height:40px;background:#00000073;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:1000}.bedi-back-top:hover{background:#000000a6;transform:scale(1.1)}.bedi-back-top-content{color:#fff;font-size:20px;font-weight:700}.bedi-back-top-icon{line-height:1}.bedi-breadcrumb{display:flex;align-items:center;font-size:14px;line-height:22px;color:var(--color-text-3)}.bedi-breadcrumb-item{display:flex;align-items:center}.bedi-breadcrumb-link{color:var(--color-text-1);text-decoration:none;transition:color .2s}.bedi-breadcrumb-link:hover{color:var(--color-primary)}.bedi-breadcrumb-text{color:var(--color-text-1)}.bedi-breadcrumb-separator{margin:0 8px;color:var(--color-text-3)}.bedi-dropdown-trigger{display:inline-block;position:relative;cursor:pointer}.bedi-dropdown-disabled{cursor:not-allowed;opacity:.6}.bedi-dropdown-menu{position:absolute;z-index:1000;background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;padding:4px 0;min-width:120px;max-width:300px;overflow:auto;max-height:256px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bedi-dropdown-item{padding:8px 12px;color:var(--color-text-1);font-size:14px;line-height:22px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.bedi-dropdown-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-primary);opacity:0;transition:opacity .2s ease;z-index:-1}.bedi-dropdown-item:hover:not(.bedi-dropdown-item-disabled):before{opacity:.1}.bedi-dropdown-item:hover:not(.bedi-dropdown-item-disabled){background:var(--color-fill-2);transform:translate(2px)}.bedi-dropdown-item:active:not(.bedi-dropdown-item-disabled){transform:translate(1px);transition:transform .1s ease}.bedi-dropdown-item-disabled{color:var(--color-text-4);cursor:not-allowed;opacity:.6}.bedi-dropdown-item-disabled:hover{background:transparent;transform:none}.bedi-dropdown-item-danger{color:var(--color-red-6)}.bedi-dropdown-item-danger:before{background:var(--color-red-6)}.bedi-dropdown-item-danger:hover:not(.bedi-dropdown-item-disabled):before{opacity:.1}.bedi-dropdown-item-danger:hover:not(.bedi-dropdown-item-disabled){background:var(--color-red-1);color:var(--color-red-7)}.bedi-dropdown-item-divided{border-top:1px solid var(--color-border-2);margin-top:4px;padding-top:8px}.bedi-dropdown-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bedi-dropdown-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes dropdownItemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.bedi-dropdown-item{animation:dropdownItemSlideIn .2s ease forwards;opacity:0}.bedi-dropdown-menu::-webkit-scrollbar{width:6px}.bedi-dropdown-menu::-webkit-scrollbar-track{background:transparent}.bedi-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-border-3);border-radius:3px}.bedi-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color-border-2)}.bedi-dropdown-empty{padding:12px;text-align:center;color:var(--color-text-3);font-size:12px}.bedi-menu{background:var(--color-bg-1);border:1px solid var(--color-border-1);border-radius:4px;padding:4px 0}.bedi-menu-light{background:var(--color-bg-1);color:var(--color-text-2)}.bedi-menu-dark{background:var(--color-bg-4, #001529);color:var(--color-text-4, rgba(255, 255, 255, .65))}.bedi-menu-horizontal{display:flex;flex-direction:row;border-bottom:1px solid var(--color-border-1);border-right:none;border-left:none;border-top:none}.bedi-menu-vertical,.bedi-menu-inline{display:flex;flex-direction:column}.bedi-menu-item{padding:12px 24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.bedi-menu-item:hover{background:var(--color-fill-1)}.bedi-menu-dark .bedi-menu-item:hover{background:#ffffff1a}.bedi-menu-item-selected{background:var(--color-primary-light);color:var(--color-primary)}.bedi-menu-dark .bedi-menu-item-selected{background:var(--color-primary);color:#fff}.bedi-menu-item-disabled{color:var(--color-text-4);cursor:not-allowed}.bedi-menu-dark .bedi-menu-item-disabled{color:#ffffff40}.bedi-menu-item-icon{font-size:14px}.bedi-submenu{margin:4px 0}.bedi-submenu-title{padding:12px 24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.bedi-submenu-title:hover{background:var(--color-fill-1)}.bedi-menu-dark .bedi-submenu-title:hover{background:#ffffff1a}.bedi-submenu-disabled .bedi-submenu-title{color:var(--color-text-4);cursor:not-allowed}.bedi-menu-dark .bedi-submenu-disabled .bedi-submenu-title{color:#ffffff40}.bedi-submenu-arrow{margin-left:auto;transition:transform .2s}.bedi-submenu-open .bedi-submenu-arrow{transform:rotate(90deg)}.bedi-submenu-children{padding-left:24px;background:var(--color-fill-1)}.bedi-menu-dark .bedi-submenu-children{background:#0003}.bedi-pagination{display:flex;align-items:center;gap:16px;font-size:14px}.bedi-pagination-total{color:var(--color-text-3)}.bedi-pagination-pages{display:flex;align-items:center;gap:4px}.bedi-pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid var(--color-border-2);background:var(--color-bg-2);color:var(--color-text-1);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.bedi-pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.bedi-pagination-btn:disabled{background:var(--color-fill-1);color:var(--color-text-4);cursor:not-allowed}.bedi-pagination-page{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border:1px solid var(--color-border-2);background:var(--color-bg-2);color:var(--color-text-1);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.bedi-pagination-page:hover{border-color:var(--color-primary);color:var(--color-primary)}.bedi-pagination-page.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bedi-pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--color-text-3)}.bedi-pagination-jumper{display:flex;align-items:center;gap:8px;color:var(--color-text-2)}.bedi-pagination-input{width:48px;height:32px;padding:0 8px;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);background:var(--color-bg-2);color:var(--color-text-1);text-align:center}.bedi-pagination-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #366ef433}.bedi-pagination-sizer{display:flex;align-items:center}.bedi-pagination-select{height:32px;padding:0 24px 0 8px;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);background:var(--color-bg-2);color:var(--color-text-1);cursor:pointer}.bedi-pagination-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #366ef433}.bedi-pagination.small .bedi-pagination-btn,.bedi-pagination.small .bedi-pagination-page,.bedi-pagination.small .bedi-pagination-ellipsis{min-width:24px;height:24px;font-size:12px}.bedi-pagination.small .bedi-pagination-input,.bedi-pagination.small .bedi-pagination-select{height:24px;font-size:12px}.bedi-pagination.large .bedi-pagination-btn,.bedi-pagination.large .bedi-pagination-page,.bedi-pagination.large .bedi-pagination-ellipsis{min-width:40px;height:40px;font-size:16px}.bedi-pagination.large .bedi-pagination-input,.bedi-pagination.large .bedi-pagination-select{height:40px;font-size:16px}.bedi-steps{display:flex;font-size:14px}.bedi-steps-horizontal{flex-direction:row;align-items:flex-start}.bedi-steps-vertical{flex-direction:column;align-items:flex-start}.bedi-step-item{position:relative;display:flex;align-items:flex-start}.bedi-steps-horizontal .bedi-step-item{flex:1;padding-bottom:24px}.bedi-steps-vertical .bedi-step-item{padding-right:24px;margin-bottom:16px}.bedi-step-item.clickable{cursor:pointer}.bedi-step-item.clickable:hover .bedi-step-title{color:var(--color-primary)}.bedi-step-tail{position:absolute;top:12px;left:100%;width:100%;padding:0 8px}.bedi-steps-vertical .bedi-step-tail{top:100%;left:12px;width:auto;height:100%;padding:8px 0}.bedi-step-tail-line{width:100%;height:1px;background:var(--color-border-2);transition:background-color .3s ease}.bedi-step-tail-line.finish{background:var(--color-primary)}.bedi-steps-vertical .bedi-step-tail-line{width:1px;height:100%}.bedi-step-head{position:relative;z-index:1}.bedi-step-head-inner{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-bg-1);border:2px solid var(--color-border-2);transition:all .3s ease}.bedi-step-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:12px;font-weight:500;color:var(--color-text-3)}.bedi-step-icon-custom{font-size:14px}.bedi-step-icon.finish,.bedi-step-icon.process{color:var(--color-primary);border-color:var(--color-primary)}.bedi-step-icon.error{color:var(--color-error-6);border-color:var(--color-error-6)}.bedi-step-icon-spinner{width:12px;height:12px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.bedi-step-main{margin-left:8px;flex:1}.bedi-steps-horizontal .bedi-step-main{margin-top:-4px}.bedi-steps-vertical .bedi-step-main{margin-top:4px;margin-left:0}.bedi-step-title{font-weight:500;color:var(--color-text-3);transition:color .3s ease}.bedi-step-item.finish .bedi-step-title{color:var(--color-text-1)}.bedi-step-item.process .bedi-step-title{color:var(--color-primary)}.bedi-step-item.error .bedi-step-title{color:var(--color-error-6)}.bedi-step-description{margin-top:4px;color:var(--color-text-3);font-size:12px;line-height:1.5}.bedi-step-item.process .bedi-step-description{color:var(--color-text-2)}.bedi-steps-small .bedi-step-head-inner{width:20px;height:20px}.bedi-steps-small .bedi-step-icon{font-size:10px}.bedi-steps-small .bedi-step-icon-custom{font-size:12px}.bedi-steps-small .bedi-step-icon-spinner{width:10px;height:10px}.bedi-steps-small .bedi-step-main{margin-left:6px}.bedi-steps-small .bedi-step-title{font-size:12px}.bedi-steps-small .bedi-step-description{font-size:11px}.bedi-steps-small .bedi-step-tail{top:10px}.bedi-steps-vertical.bedi-steps-small .bedi-step-tail{left:10px}.bedi-sticky-tool{position:fixed;background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.bedi-sticky-tool-left{left:0}.bedi-sticky-tool-right{right:0}.bedi-sticky-tool-vertical{display:flex;flex-direction:column}.bedi-sticky-tool-horizontal{display:flex;flex-direction:row}.bedi-sticky-tool-item{padding:12px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f0f0f0;color:#000000a6}.bedi-sticky-tool-horizontal .bedi-sticky-tool-item{border-bottom:none;border-right:1px solid #f0f0f0}.bedi-sticky-tool-item:last-child{border-bottom:none;border-right:none}.bedi-sticky-tool-item:hover{background:#f5f5f5;color:#1890ff}.bedi-sticky-tool-vertical .bedi-sticky-tool-item,.bedi-sticky-tool-horizontal .bedi-sticky-tool-item{width:48px;height:48px}.bedi-tabs{width:100%}.bedi-tabs-nav{position:relative;display:flex;gap:4px;border-bottom:1px solid var(--color-border-1)}.bedi-tab-button{flex:0 0 auto;padding:8px 12px;font-size:14px;font-weight:500;color:var(--color-text-2);background:transparent;border:none;cursor:pointer;transition:color .15s ease,background-color .15s ease;position:relative;white-space:nowrap;border-radius:var(--radius-md) var(--radius-md) 0 0}.bedi-tab-button:hover:not(.disabled){color:var(--color-text-1);background:var(--color-fill-1)}.bedi-tab-button.active{color:var(--color-primary)}.bedi-tab-button.disabled{opacity:.5;cursor:not-allowed}.bedi-tab-indicator{position:absolute;bottom:-1px;height:2px;background:var(--color-primary);transition:all .2s ease}.bedi-tabs-content{padding:16px 0 0}.bedi-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.bedi-checkbox-input{position:absolute;opacity:0;pointer-events:none}.bedi-checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--color-border-2);border-radius:var(--radius-md);background:var(--color-bg-1);transition:background-color .15s ease,border-color .15s ease}.bedi-checkbox:hover .bedi-checkbox-box{border-color:var(--color-primary)}.bedi-checkbox-input:checked+.bedi-checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.bedi-checkbox-icon{width:12px;height:12px;stroke:#fff;stroke-width:2.2;opacity:0;transform:scale(.85);transition:opacity .12s ease,transform .12s ease}.bedi-checkbox-input:checked+.bedi-checkbox-box .bedi-checkbox-icon{opacity:1;transform:scale(1)}.bedi-checkbox-input:disabled+.bedi-checkbox-box{opacity:.5;cursor:not-allowed}.bedi-checkbox-label{font-size:14px;font-weight:400;color:var(--color-text-1)}.bedi-checkbox-input:disabled~.bedi-checkbox-label{opacity:.6;cursor:not-allowed}.bedi-datepicker-container{position:relative;display:flex;flex-direction:column;gap:8px}.bedi-datepicker-label{font-size:14px;font-weight:500;color:var(--color-text-1)}.bedi-datepicker-input-wrapper{position:relative;display:flex;align-items:center}.bedi-datepicker-input{width:100%;height:32px;padding:0 32px 0 12px;border:1px solid var(--color-border-2);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);font-size:14px;cursor:pointer;transition:all .2s ease}.bedi-datepicker-input:hover{border-color:var(--color-primary)}.bedi-datepicker-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #366ef433}.bedi-datepicker-input.error{border-color:var(--color-error-6)}.bedi-datepicker-input:disabled{background:var(--color-fill-1);cursor:not-allowed;opacity:.6}.bedi-datepicker-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.bedi-datepicker-error{font-size:12px;color:var(--color-error-6)}.bedi-datepicker-calendar{position:absolute;top:100%;left:0;z-index:1000;background:var(--color-bg-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;padding:16px;min-width:280px;margin-top:4px}.bedi-datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bedi-datepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-1);transition:background-color .2s ease}.bedi-datepicker-nav-btn:hover{background:var(--color-fill-1)}.bedi-datepicker-month-year{font-weight:500;color:var(--color-text-1)}.bedi-datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.bedi-datepicker-weekday{text-align:center;font-size:12px;font-weight:500;color:var(--color-text-3);padding:4px 0}.bedi-datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.bedi-datepicker-day-cell{aspect-ratio:1}.bedi-datepicker-day{width:100%;height:100%;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-1);font-size:14px;transition:all .2s ease}.bedi-datepicker-day:hover{background:var(--color-fill-1)}.bedi-datepicker-day.selected{background:var(--color-primary);color:#fff}.bedi-datepicker-container.small .bedi-datepicker-input{height:24px;padding:0 28px 0 8px;font-size:12px}.bedi-datepicker-container.large .bedi-datepicker-input{height:40px;padding:0 40px 0 16px;font-size:16px}.bedi-input-wrapper{display:flex;flex-direction:column;gap:6px}.bedi-input-label{font-size:14px;font-weight:500;color:var(--color-text-2)}.bedi-input-container{display:flex;align-items:center;border:1px solid var(--color-border-1);border-radius:var(--radius-md);background:var(--color-bg-1);transition:border-color .15s ease,box-shadow .15s ease}.bedi-input-container:hover{border-color:var(--color-border-2)}.bedi-input-container:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.bedi-input-container.bedi-input-error{border-color:var(--color-error);box-shadow:0 0 0 2px #f53f3f2e}.bedi-input{flex:1;min-width:0;padding:8px 12px;height:32px;font-size:14px;color:var(--color-text-1);background:transparent;border:none;outline:none;font-family:inherit}.bedi-input::placeholder{color:var(--color-text-4)}.bedi-input:disabled{cursor:not-allowed;color:var(--color-text-4)}.bedi-input-prefix,.bedi-input-suffix{display:inline-flex;align-items:center;padding:0 10px;color:var(--color-text-3)}.bedi-input-addon{display:inline-flex;align-items:center;height:32px;padding:0 10px;background:var(--color-fill-1);border-right:1px solid var(--color-border-1);color:var(--color-text-2);font-size:14px;white-space:nowrap}.bedi-input-addon:last-child{border-right:none;border-left:1px solid var(--color-border-1)}.bedi-input-error-text{font-size:12px;color:var(--color-error)}.bedi-radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.bedi-radio-input{position:absolute;opacity:0;pointer-events:none}.bedi-radio-circle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--color-border-2);border-radius:999px;background:var(--color-bg-1);transition:border-color .15s ease}.bedi-radio:hover .bedi-radio-circle{border-color:var(--color-primary)}.bedi-radio-input:checked+.bedi-radio-circle{border-color:var(--color-primary)}.bedi-radio-dot{width:8px;height:8px;border-radius:999px;background:var(--color-primary);opacity:0;transform:scale(.85);transition:opacity .12s ease,transform .12s ease}.bedi-radio-input:checked+.bedi-radio-circle .bedi-radio-dot{opacity:1;transform:scale(1)}.bedi-radio-input:disabled+.bedi-radio-circle{opacity:.5;cursor:not-allowed}.bedi-radio-label{font-size:14px;font-weight:400;color:var(--color-text-1)}.bedi-radio-input:disabled~.bedi-radio-label{opacity:.6;cursor:not-allowed}.bedi-select-wrapper{display:flex;flex-direction:column;gap:6px}.bedi-select-label{font-size:14px;font-weight:500;color:var(--color-text-2)}.bedi-select-container{position:relative;display:flex;align-items:center;border:1px solid var(--color-border-1);border-radius:var(--radius-md);background:var(--color-bg-1);transition:border-color .15s ease,box-shadow .15s ease}.bedi-select-container:hover{border-color:var(--color-border-2)}.bedi-select-container:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.bedi-select-container.bedi-select-error{border-color:var(--color-error);box-shadow:0 0 0 2px #f53f3f2e}.bedi-select{flex:1;min-width:0;height:32px;padding:0 32px 0 12px;font-size:14px;color:var(--color-text-1);background:transparent;border:none;outline:none;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.bedi-select:disabled{cursor:not-allowed;color:var(--color-text-4)}.bedi-select-arrow{position:absolute;right:10px;display:inline-flex;align-items:center;pointer-events:none;color:var(--color-text-3)}.bedi-select-error-text{font-size:12px;color:var(--color-error)}.bedi-slider{position:relative;width:100%;height:12px;cursor:pointer}.bedi-slider.horizontal{height:12px}.bedi-slider.vertical{width:12px;height:100%}.bedi-slider.disabled{cursor:not-allowed;opacity:.6}.bedi-slider-rail{position:relative;width:100%;height:4px;background:var(--color-border-2);border-radius:2px}.bedi-slider.vertical .bedi-slider-rail{width:4px;height:100%}.bedi-slider-track{position:absolute;top:0;height:4px;background:var(--color-primary);border-radius:2px;transition:all .2s ease}.bedi-slider.vertical .bedi-slider-track{top:auto;left:0;width:4px;height:auto}.bedi-slider-handle{position:absolute;top:50%;width:12px;height:12px;background:var(--color-primary);border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.bedi-slider.vertical .bedi-slider-handle{top:auto;left:50%;transform:translate(-50%,50%)}.bedi-slider-handle:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 8px #00000026}.bedi-slider.vertical .bedi-slider-handle:hover{transform:translate(-50%,50%) scale(1.2)}.bedi-slider-handle.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 12px #0003}.bedi-slider.vertical .bedi-slider-handle.dragging{transform:translate(-50%,50%) scale(1.2)}.bedi-slider.disabled .bedi-slider-handle{cursor:not-allowed;background:var(--color-border-3)}.bedi-slider-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:4px 8px;background:#000c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.bedi-slider-tooltip.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}.bedi-slider-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}.bedi-slider.vertical .bedi-slider-tooltip{bottom:auto;left:100%;top:50%;transform:translate(0) translateY(-50%) translateY(-8px)}.bedi-slider.vertical .bedi-slider-tooltip.visible{transform:translate(12px) translateY(-50%)}.bedi-slider.vertical .bedi-slider-tooltip:after{top:50%;left:0;right:auto;bottom:auto;transform:translateY(-50%);border:4px solid transparent;border-left-color:#000c}.bedi-slider-marks{position:absolute;top:100%;left:0;right:0;margin-top:8px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.bedi-slider.vertical .bedi-slider-marks{top:0;left:100%;right:auto;bottom:0;margin-left:8px;margin-top:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.bedi-slider-mark{position:relative;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:0}.bedi-slider.vertical .bedi-slider-mark{transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.bedi-slider-mark-dot{width:8px;height:8px;background:var(--color-border-3);border-radius:50%;margin:0 auto 4px;flex-shrink:0}.bedi-slider.vertical .bedi-slider-mark-dot{margin:0 4px 0 0}.bedi-slider-mark-text{font-size:12px;color:var(--color-text-3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;line-height:1.2}.bedi-slider.vertical .bedi-slider-mark-text{text-align:left;max-width:none;white-space:normal;word-break:break-all;max-height:40px;overflow:hidden}.bedi-slider-marks[data-dense=true] .bedi-slider-mark-text{font-size:10px;max-width:40px}.bedi-slider-marks[data-dense=true] .bedi-slider-mark{transform:translate(-50%) scale(.9)}.bedi-slider-mark[data-overlap=true] .bedi-slider-mark-text{display:none}.bedi-slider-mark[data-overlap=true] .bedi-slider-mark-dot{margin-bottom:0}.bedi-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.bedi-switch-input{position:absolute;opacity:0;pointer-events:none}.bedi-switch-slider{position:relative;display:inline-block;background:var(--color-fill-2);border:1px solid var(--color-border-1);border-radius:999px;transition:background-color .2s ease,border-color .2s ease}.bedi-switch-slider:before{content:"";position:absolute;top:2px;left:2px;background:var(--color-bg-1);border-radius:50%;transition:transform .2s ease;box-shadow:var(--shadow-1)}.bedi-switch-small .bedi-switch-slider{width:32px;height:18px}.bedi-switch-small .bedi-switch-slider:before{width:14px;height:14px}.bedi-switch-small .bedi-switch-input:checked+.bedi-switch-slider:before{transform:translate(14px)}.bedi-switch-medium .bedi-switch-slider{width:40px;height:22px}.bedi-switch-medium .bedi-switch-slider:before{width:18px;height:18px}.bedi-switch-medium .bedi-switch-input:checked+.bedi-switch-slider:before{transform:translate(18px)}.bedi-switch-large .bedi-switch-slider{width:48px;height:26px}.bedi-switch-large .bedi-switch-slider:before{width:22px;height:22px}.bedi-switch-large .bedi-switch-input:checked+.bedi-switch-slider:before{transform:translate(22px)}.bedi-switch-input:checked+.bedi-switch-slider{background:var(--color-primary);border-color:var(--color-primary)}.bedi-switch:hover .bedi-switch-slider{border-color:var(--color-border-2)}.bedi-switch:hover .bedi-switch-input:checked+.bedi-switch-slider{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.bedi-switch-input:disabled+.bedi-switch-slider{opacity:.5;cursor:not-allowed}.bedi-switch-label{font-size:14px;font-weight:400;color:var(--color-text-2)}.bedi-switch-input:disabled~.bedi-switch-label{opacity:.6;cursor:not-allowed}.bedi-upload{width:100%}.bedi-upload-dragger{border:2px dashed var(--color-border-2);border-radius:var(--radius-md);padding:40px 20px;text-align:center;background:var(--color-bg-2);cursor:pointer;transition:all .3s ease}.bedi-upload-dragger:hover,.bedi-upload-dragger.drag-over{border-color:var(--color-primary);background:var(--color-fill-1)}.bedi-upload-dragger.disabled{cursor:not-allowed;opacity:.6;border-color:var(--color-border-3)}.bedi-upload-drag-icon{margin-bottom:16px}.bedi-upload-icon{font-size:48px;color:var(--color-text-3)}.bedi-upload-text{margin:0 0 8px;color:var(--color-text-1);font-size:16px;font-weight:500}.bedi-upload-hint{margin:0;color:var(--color-text-3);font-size:14px}.bedi-upload-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--color-border-2);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-1);cursor:pointer;transition:all .2s ease}.bedi-upload-btn:hover:not(.disabled){border-color:var(--color-primary);color:var(--color-primary)}.bedi-upload-btn.disabled{cursor:not-allowed;opacity:.6}.bedi-upload-list{margin-top:16px}.bedi-upload-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--color-border-2);border-radius:var(--radius-sm);background:var(--color-bg-2);margin-bottom:8px}.bedi-upload-list-item.uploading{border-color:var(--color-primary)}.bedi-upload-list-item.error{border-color:var(--color-error-6)}.bedi-upload-list-item-info{flex:1;min-width:0}.bedi-upload-list-item-name{font-weight:500;color:var(--color-text-1);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bedi-upload-list-item-size{font-size:12px;color:var(--color-text-3);margin-bottom:8px}.bedi-upload-progress{width:100%;height:4px;background:var(--color-border-2);border-radius:2px;overflow:hidden}.bedi-upload-progress-bar{height:100%;background:var(--color-primary);transition:width .3s ease}.bedi-upload-error{font-size:12px;color:var(--color-error-6)}.bedi-upload-list-item-actions{display:flex;gap:8px;margin-left:12px}.bedi-upload-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}.bedi-upload-action-btn:hover{background:var(--color-fill-1)}.bedi-upload-picture-card .bedi-upload-dragger{width:104px;height:104px;padding:8px;margin:0}.bedi-upload-picture-card .bedi-upload-icon{font-size:24px}.bedi-upload-picture-card .bedi-upload-text{font-size:12px;margin:4px 0 0}.bedi-upload-picture-card .bedi-upload-hint{display:none}.bedi-upload-picture-card .bedi-upload-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bedi-upload-picture-card .bedi-upload-list-item{width:104px;height:104px;padding:0;margin:0;position:relative;overflow:hidden}.bedi-upload-picture-card .bedi-upload-list-item-info{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:#fff;padding:8px}.bedi-upload-picture-card .bedi-upload-list-item-name{font-size:12px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bedi-upload-picture-card .bedi-upload-list-item-size{color:#fffc}.bedi-upload-picture-card .bedi-upload-list-item-actions{position:absolute;top:4px;right:4px;margin:0;background:#0009;border-radius:var(--radius-sm);padding:2px}.bedi-upload-picture-card .bedi-upload-action-btn{color:#fff}.bedi-upload-picture-card .bedi-upload-action-btn:hover{background:#fff3}.bedi-avatar{display:inline-flex;align-items:center;justify-content:center;background:var(--color-fill-3);color:var(--color-text-1);font-weight:500;-webkit-user-select:none;user-select:none;border:1px solid var(--color-border-2);overflow:hidden;position:relative}.bedi-avatar-size-small{width:24px;height:24px;font-size:12px}.bedi-avatar-size-default{width:32px;height:32px;font-size:14px}.bedi-avatar-size-medium{width:40px;height:40px;font-size:16px}.bedi-avatar-size-large{width:48px;height:48px;font-size:18px}.bedi-avatar-shape-circle{border-radius:50%}.bedi-avatar-shape-square{border-radius:var(--radius-md)}.bedi-avatar-image{width:100%;height:100%;object-fit:cover}.bedi-avatar-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.bedi-avatar-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-transform:uppercase}.bedi-badge-wrapper{position:relative;display:inline-block}.bedi-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);z-index:1;font-size:12px;line-height:1;padding:0 6px;height:20px;min-width:20px;border-radius:10px;background:var(--color-red-6);color:#fff;font-weight:500;text-align:center;white-space:nowrap;border:2px solid var(--color-bg-2)}.bedi-badge-dot{width:8px;height:8px;min-width:8px;padding:0;border-radius:50%;background:var(--color-red-6);border:2px solid var(--color-bg-2)}.bedi-badge-status{display:inline-flex;align-items:center;font-size:14px;line-height:22px}.bedi-badge-status-dot{width:8px;height:8px;border-radius:50%;margin-right:8px}.bedi-badge-status-text{color:var(--color-text-1)}.bedi-badge-status-success .bedi-badge-status-dot{background:var(--color-green-6)}.bedi-badge-status-error .bedi-badge-status-dot{background:var(--color-red-6)}.bedi-badge-status-warning .bedi-badge-status-dot{background:var(--color-orange-6)}.bedi-badge-status-info .bedi-badge-status-dot{background:var(--color-blue-6)}.bedi-empty{display:flex;justify-content:center;align-items:center;padding:48px 24px;text-align:center}.bedi-empty-content{max-width:400px}.bedi-empty-image{margin-bottom:24px}.bedi-empty-image-default{display:inline-block;width:120px;height:120px;position:relative}.bedi-empty-image-box{position:relative;width:100%;height:100%}.bedi-empty-image-lid{position:absolute;top:20%;left:50%;transform:translate(-50%);width:60%;height:8px;background:var(--color-border-3);border-radius:2px}.bedi-empty-image-body{position:absolute;top:30%;left:50%;transform:translate(-50%);width:80%;height:50%;background:var(--color-border-2);border-radius:4px}.bedi-empty-image-body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:2px;background:var(--color-border-3)}.bedi-empty-image-body:after{content:"";position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:40%;height:2px;background:var(--color-border-3)}.bedi-empty-description{color:var(--color-text-3);font-size:14px;margin-bottom:16px;line-height:1.5}.bedi-empty-footer{margin-top:16px}.bedi-progress{display:flex;align-items:center;gap:10px}.bedi-progress-outer{flex:1}.bedi-progress-inner{width:100%;background:var(--color-fill-2);border-radius:999px;overflow:hidden}.bedi-progress-bg{height:100%;border-radius:999px;transition:width .35s ease,background-color .2s ease}.bedi-progress-text{font-size:12px;font-weight:600;white-space:nowrap;min-width:44px;text-align:right;color:var(--color-text-2)}.bedi-rate{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.bedi-rate-star-wrapper{position:relative;display:inline-block}.bedi-rate-star{display:inline-block;color:var(--color-border-3);font-size:18px;line-height:1;cursor:pointer}.bedi-rate-star.full,.bedi-rate-star.half{color:#fadb14}.bedi-rate-star.empty{color:var(--color-border-3)}.bedi-rate:not(.disabled):hover .bedi-rate-star.empty{color:var(--color-border-2)}.bedi-rate:not(.disabled):hover .bedi-rate-star{color:#fadb14}.bedi-rate-star-wrapper:active .bedi-rate-star{color:#fadb14}.bedi-rate.disabled{cursor:not-allowed;opacity:.6}.bedi-rate.disabled .bedi-rate-star{cursor:not-allowed;color:var(--color-border-3)}.bedi-rate.disabled .bedi-rate-star:hover{color:var(--color-border-3)}.bedi-rate.small .bedi-rate-star{font-size:14px}.bedi-rate.medium .bedi-rate-star{font-size:18px}.bedi-rate.large .bedi-rate-star{font-size:24px}.bedi-rate.small{gap:2px}.bedi-rate.medium{gap:4px}.bedi-rate.large{gap:6px}.bedi-skeleton{display:flex;width:100%}.bedi-skeleton-header{display:flex;align-items:flex-start;gap:16px;width:100%}.bedi-skeleton-content{flex:1;display:flex;flex-direction:column;gap:12px}.bedi-skeleton-item{height:16px;background:var(--color-fill-1);border-radius:var(--radius-sm);position:relative;overflow:hidden}.bedi-skeleton-round .bedi-skeleton-item{border-radius:8px}.bedi-skeleton-avatar{background:var(--color-fill-1);position:relative;overflow:hidden;flex-shrink:0}.bedi-skeleton-avatar-circle{border-radius:50%}.bedi-skeleton-avatar-square{border-radius:var(--radius-sm)}.bedi-skeleton-avatar-small{width:24px;height:24px}.bedi-skeleton-avatar-default{width:40px;height:40px}.bedi-skeleton-avatar-large{width:64px;height:64px}.bedi-skeleton-shimmer,.bedi-skeleton-avatar-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.bedi-skeleton-avatar-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bedi-skeleton:not(.bedi-skeleton-active) .bedi-skeleton-shimmer,.bedi-skeleton:not(.bedi-skeleton-active) .bedi-skeleton-avatar-shimmer{animation:none}.bedi-table-container{width:100%;background:var(--color-bg-2);border-radius:var(--radius-md)}.bedi-table-wrapper{overflow-x:auto}.bedi-table{width:100%;border-collapse:collapse;font-size:14px}.bedi-table th,.bedi-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border-2)}.bedi-table th{background:var(--color-fill-1);font-weight:500;color:var(--color-text-1);position:sticky;top:0;z-index:10}.bedi-table td{color:var(--color-text-2)}.bedi-table tbody tr:hover{background:var(--color-fill-1)}.bedi-table-container.bordered{border:1px solid var(--color-border-2)}.bedi-table-container.bordered .bedi-table th,.bedi-table-container.bordered .bedi-table td{border-right:1px solid var(--color-border-2)}.bedi-table-container.bordered .bedi-table th:last-child,.bedi-table-container.bordered .bedi-table td:last-child{border-right:none}.bedi-table-container.striped .bedi-table tbody tr:nth-child(2n){background:var(--color-fill-1)}.bedi-table-container.hoverable .bedi-table tbody tr{transition:background-color .2s ease}.bedi-table-container.hoverable .bedi-table tbody tr:hover{background:var(--color-fill-2)}.bedi-table-header-cell{display:flex;align-items:center;justify-content:space-between;gap:8px}.bedi-table-sorter{display:flex;flex-direction:column;border:none;background:none;cursor:pointer;padding:0;gap:2px}.bedi-sorter-up,.bedi-sorter-down{font-size:10px;color:var(--color-text-4);transition:color .2s ease}.bedi-table-sorter.sorted-asc .bedi-sorter-up,.bedi-table-sorter.sorted-desc .bedi-sorter-down{color:var(--color-primary)}.bedi-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px;color:var(--color-text-3)}.bedi-table-spinner{width:32px;height:32px;border:3px solid var(--color-border-2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bedi-table-pagination{padding:16px;border-top:1px solid var(--color-border-2);display:flex;justify-content:flex-end}.bedi-pagination-info{color:var(--color-text-3);font-size:14px}.bedi-table th.fixed-left,.bedi-table td.fixed-left{position:sticky;left:0;background:inherit;z-index:5}.bedi-table th.fixed-right,.bedi-table td.fixed-right{position:sticky;right:0;background:inherit;z-index:5}.bedi-table th.fixed-left{background:var(--color-fill-1)}.bedi-table-container.small .bedi-table th,.bedi-table-container.small .bedi-table td{padding:8px 12px;font-size:12px}.bedi-table-container.large .bedi-table th,.bedi-table-container.large .bedi-table td{padding:16px 20px;font-size:16px}.bedi-tag{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:24px;font-size:12px;font-weight:500;border-radius:var(--radius-md);border:1px solid;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.bedi-tag-default{background:var(--color-fill-1);color:var(--color-text-1);border-color:var(--color-border-1)}.bedi-tag-primary{background:var(--color-primary-light);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border-1))}.bedi-tag-success{background:var(--color-success-light);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border-1))}.bedi-tag-warning{background:var(--color-warning-light);color:var(--color-warning-active);border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-border-1))}.bedi-tag-error{background:var(--color-error-light);color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 35%,var(--color-border-1))}.bedi-tag-close{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;width:16px;height:16px;background:transparent;border:none;cursor:pointer;color:currentColor;opacity:.65;transition:opacity .15s ease}.bedi-tag-close:hover{opacity:1}.bedi-tooltip-trigger{display:inline-block}.bedi-tooltip{position:absolute;z-index:1000;pointer-events:none}.bedi-tooltip-content{position:relative}.bedi-tooltip-inner{background:#000000d9;color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;line-height:1.5;max-width:250px;word-wrap:break-word;box-shadow:0 4px 12px #00000026}.bedi-tooltip-arrow{position:absolute;width:0;height:0;border:5px solid transparent}.bedi-tooltip-top .bedi-tooltip-arrow{bottom:-10px;left:50%;transform:translate(-50%);border-top-color:#000000d9}.bedi-tooltip-bottom .bedi-tooltip-arrow{top:-10px;left:50%;transform:translate(-50%);border-bottom-color:#000000d9}.bedi-tooltip-left .bedi-tooltip-arrow{right:-10px;top:50%;transform:translateY(-50%);border-left-color:#000000d9}.bedi-tooltip-right .bedi-tooltip-arrow{left:-10px;top:50%;transform:translateY(-50%);border-right-color:#000000d9}.bedi-alert{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:10px;border:2px solid;position:relative;box-shadow:0 2px 8px #0000000f;font-weight:500}.bedi-alert-info{background:linear-gradient(135deg,var(--color-blue-1) 0%,rgba(36,137,255,.08) 100%);color:var(--color-blue-8);border-color:var(--color-blue-4)}.bedi-alert-success{background:linear-gradient(135deg,var(--color-green-1) 0%,rgba(82,196,26,.08) 100%);color:var(--color-green-8);border-color:var(--color-green-4)}.bedi-alert-warning{background:linear-gradient(135deg,var(--color-orange-1) 0%,rgba(250,173,20,.08) 100%);color:var(--color-orange-8);border-color:var(--color-orange-4)}.bedi-alert-error{background:linear-gradient(135deg,var(--color-red-1) 0%,rgba(245,34,45,.08) 100%);color:var(--color-red-8);border-color:var(--color-red-4)}.bedi-alert-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.bedi-alert-content{flex:1}.bedi-alert-title{font-size:14px;font-weight:600;margin-bottom:4px}.bedi-alert-message{font-size:14px;line-height:1.6}.bedi-alert-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:none;cursor:pointer;color:currentColor;opacity:.6;transition:opacity .2s ease}.bedi-alert-close:hover{opacity:1}.bedi-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;z-index:1000;overflow:auto}.bedi-modal-centered{align-items:center;padding-top:0}.bedi-modal-content{background:var(--color-bg-2);border-radius:var(--radius-lg);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.bedi-modal-header{padding:16px 24px;border-bottom:1px solid var(--color-border-2);display:flex;align-items:center;justify-content:space-between}.bedi-modal-title{font-size:16px;font-weight:600;color:var(--color-text-1);margin:0}.bedi-modal-close{background:none;border:none;font-size:18px;color:var(--color-text-3);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .2s;line-height:1}.bedi-modal-close:hover{background:var(--color-fill-2);color:var(--color-text-1)}.bedi-modal-body{padding:24px;flex:1;overflow:auto}.bedi-modal-footer{padding:12px 24px;border-top:1px solid var(--color-border-2);display:flex;justify-content:flex-end;gap:12px}