bord-design-system 0.0.39 → 0.0.41

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.
@@ -13,7 +13,7 @@ export interface IBordButton extends ComponentProps<'button'> {
13
13
  customFontSize?: string;
14
14
  disabled?: boolean;
15
15
  isLoading?: boolean;
16
- modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
16
+ modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger' | 'warningFilled';
17
17
  standardPaddingSize?: 'rectangular' | 'squared';
18
18
  buttonIconOneProps?: IbordOneToneIconProps;
19
19
  buttonIconTwoProps?: IbordOneToneIconProps;
@@ -1 +1 @@
1
- {"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAC5E,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC"}
1
+ {"version":3,"file":"BordButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordButton/BordButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;AAE7B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,eAAe,CAAC;IAC9F,mBAAmB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAChD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC"}
@@ -1,9 +1,11 @@
1
1
  import { IBordNotificationBellProps } from './BordNotificationBell.types';
2
2
  import './BordNotificationBell.scss';
3
3
  /**
4
- * Botón de campana del centro de notificaciones: badge, animación de shake cuando sube el
5
- * contador de no leídas, y cierre automático al hacer click afuera. El estado de "abierto" del
6
- * panel es controlado desde afuera para poder coordinarlo con acciones como "ver todas".
4
+ * Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
5
+ * ascendente cuando sube el contador de no leídas (por debajo de `badgeMax`, ya que por arriba
6
+ * el badge siempre muestra `+badgeMax`), y cierre automático al hacer click afuera. El estado
7
+ * de "abierto" del panel es controlado desde afuera para poder coordinarlo con acciones como
8
+ * "ver todas".
7
9
  */
8
10
  declare const BordNotificationBell: ({ unreadCount, isPanelOpen, onToggle, onClose, toggleLabel, badgeMax, children, }: IBordNotificationBellProps) => import("react/jsx-runtime").JSX.Element;
9
11
  export default BordNotificationBell;
@@ -1 +1 @@
1
- {"version":3,"file":"BordNotificationBell.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationBell/BordNotificationBell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,6BAA6B,CAAC;AAErC;;;;GAIG;AACH,QAAA,MAAM,oBAAoB,sFAQvB,0BAA0B,4CAkD5B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"BordNotificationBell.d.ts","sourceRoot":"","sources":["../../../src/components/BordNotificationBell/BordNotificationBell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,6BAA6B,CAAC;AAErC;;;;;;GAMG;AACH,QAAA,MAAM,oBAAoB,sFAQvB,0BAA0B,4CA8E5B,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BordVerticalStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,4BAA4B,CAAC;AAoFpC,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,4CAmB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
1
+ {"version":3,"file":"BordVerticalStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,wBAAwB,EAG9B,MAAM,6BAA6B,CAAC;AAKrC,OAAO,4BAA4B,CAAC;AA6FpC,QAAA,MAAM,mBAAmB,UAAW,wBAAwB,4CAmB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
@@ -14,6 +14,7 @@ export declare const BORD_VERTICAL_STEPPER_STATUS: {
14
14
  readonly WAITING: "WAITING";
15
15
  readonly CANCELLED: "CANCELLED";
16
16
  readonly SECONDARY_CANCELLED: "SECONDARY_CANCELLED";
17
+ readonly SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED";
17
18
  };
18
19
  export type BordVerticalStepperStepStatus = (typeof BORD_VERTICAL_STEPPER_STATUS)[keyof typeof BORD_VERTICAL_STEPPER_STATUS];
19
20
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"BordVerticalStepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;CAM/B,CAAC;AAEX,MAAM,MAAM,6BAA6B,GACvC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,CAAC,EAAE,OAAO,6BAA6B,CAAC,OAAO,CAAC;IACvD,KAAK,EAAE,2BAA2B,EAAE,CAAC;CACtC;AACD,MAAM,WAAW,qCAAqC;IACpD,OAAO,EAAE,OAAO,6BAA6B,CAAC,QAAQ,CAAC;IACvD,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,wBAAwB,GAAG,gCAAgC,GAAG,qCAAqC,CAAC"}
1
+ {"version":3,"file":"BordVerticalStepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordVerticalStepper/BordVerticalStepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,eAAO,MAAM,6BAA6B;;;CAGhC,CAAC;AAEX,MAAM,MAAM,0BAA0B,GACpC,CAAC,OAAO,6BAA6B,CAAC,CAAC,MAAM,OAAO,6BAA6B,CAAC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;CAO/B,CAAC;AAEX,MAAM,MAAM,6BAA6B,GACvC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,MAAM,CAAC,EAAE,6BAA6B,CAAC;IACvC,QAAQ,CAAC,EAAE,0BAA0B,EAAE,CAAC;CACzC;AAED,MAAM,WAAW,gCAAgC;IAC/C,OAAO,CAAC,EAAE,OAAO,6BAA6B,CAAC,OAAO,CAAC;IACvD,KAAK,EAAE,2BAA2B,EAAE,CAAC;CACtC;AACD,MAAM,WAAW,qCAAqC;IACpD,OAAO,EAAE,OAAO,6BAA6B,CAAC,QAAQ,CAAC;IACvD,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,MAAM,MAAM,wBAAwB,GAAG,gCAAgC,GAAG,qCAAqC,CAAC"}
package/dist/index.d.ts CHANGED
@@ -343,7 +343,7 @@ interface IBordButton extends ComponentProps<'button'> {
343
343
  customFontSize?: string;
344
344
  disabled?: boolean;
345
345
  isLoading?: boolean;
346
- modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger';
346
+ modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'danger' | 'warningFilled';
347
347
  standardPaddingSize?: 'rectangular' | 'squared';
348
348
  buttonIconOneProps?: IbordOneToneIconProps;
349
349
  buttonIconTwoProps?: IbordOneToneIconProps;
@@ -2195,6 +2195,7 @@ declare const BORD_VERTICAL_STEPPER_STATUS: {
2195
2195
  readonly WAITING: "WAITING";
2196
2196
  readonly CANCELLED: "CANCELLED";
2197
2197
  readonly SECONDARY_CANCELLED: "SECONDARY_CANCELLED";
2198
+ readonly SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED";
2198
2199
  };
2199
2200
  type BordVerticalStepperStepStatus = (typeof BORD_VERTICAL_STEPPER_STATUS)[keyof typeof BORD_VERTICAL_STEPPER_STATUS];
2200
2201
  /**
@@ -2832,9 +2833,11 @@ interface IBordNotificationBellProps {
2832
2833
  }
2833
2834
 
2834
2835
  /**
2835
- * Botón de campana del centro de notificaciones: badge, animación de shake cuando sube el
2836
- * contador de no leídas, y cierre automático al hacer click afuera. El estado de "abierto" del
2837
- * panel es controlado desde afuera para poder coordinarlo con acciones como "ver todas".
2836
+ * Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
2837
+ * ascendente cuando sube el contador de no leídas (por debajo de `badgeMax`, ya que por arriba
2838
+ * el badge siempre muestra `+badgeMax`), y cierre automático al hacer click afuera. El estado
2839
+ * de "abierto" del panel es controlado desde afuera para poder coordinarlo con acciones como
2840
+ * "ver todas".
2838
2841
  */
2839
2842
  declare const BordNotificationBell: ({ unreadCount, isPanelOpen, onToggle, onClose, toggleLabel, badgeMax, children, }: IBordNotificationBellProps) => react_jsx_runtime.JSX.Element;
2840
2843
 
package/dist/index.esm.js CHANGED
@@ -1878,7 +1878,7 @@ function styleInject(css, ref) {
1878
1878
  }
1879
1879
  }
1880
1880
 
1881
- var css_248z$23 = ".bordButtonDS{align-items:center;border-radius:.6rem;border-style:none;color:var(--ds-c-primary-fg-default);display:flex;gap:.8rem;justify-content:center}.bordButtonDS.ht-42{height:4.2rem}.bordButtonDS.rectangular{padding:1.2rem .8rem}.bordButtonDS.squared{padding:.8rem}.bordButtonDS .bordOneToneIcon>svg>path{stroke:currentColor}.bordButtonDS.primary{background-color:var(--ds-c-primary-bg-default)}.bordButtonDS.primary .textContainer{font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.primary:hover{background-color:var(--ds-c-primary-bg-hover);color:var(--ds-c-primary-fg-default)}.bordButtonDS.primary:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.primary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.primary:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.primary.bordButtonOutlined{background-color:transparent;border-color:var(--ds-c-primary-bg-default);border-style:solid;border-width:1px}.bordButtonDS.primary.bordButtonOutlined .textContainer{color:var(--ds-c-primary-bg-default)}.bordButtonDS.primary.bordButtonOutlined .bordOneToneIcon>svg>path{stroke:var(--ds-c-primary-bg-default)}.bordButtonDS.primary.bordButtonOutlined:hover{background-color:var(--ds-c-primary-bg-secondary)}.bordButtonDS.primary.bordButtonOutlined:disabled{border-color:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.primary.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.primary.bordButtonOutlined:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.secondary{background-color:var(--ds-c-secondary-bg-default)}.bordButtonDS.secondary .textContainer{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.secondary:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.secondary:hover .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-default)}.bordButtonDS.secondary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.secondary:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.secondary.bordButtonOutlined{background-color:transparent;border-color:var(--ds-c-stroke-default);border-style:solid;border-width:1px}.bordButtonDS.secondary.bordButtonOutlined .textContainer{color:var(--ds-c-content-secondary)}.bordButtonDS.secondary.bordButtonOutlined:hover{border-color:var(--ds-c-stroke-interactive)}.bordButtonDS.secondary.bordButtonOutlined:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.secondary.bordButtonOutlined:disabled{border-color:var(--ds-c-bool-disabled-bg)}.bordButtonDS.secondary.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.tertiary{background-color:transparent;border-color:var(--ds-c-stroke-default);border-style:solid;border-width:1px}.bordButtonDS.tertiary .textContainer{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:500;line-height:1.562rem}.bordButtonDS.tertiary:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.tertiary:hover .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-default)}.bordButtonDS.tertiary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.tertiary .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-secondary)}.bordButtonDS.danger{background-color:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger .textContainer{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.danger:hover{opacity:.9}.bordButtonDS.danger:hover .textContainer{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bordButtonDS.danger:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.danger:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger.bordButtonOutlined{background-color:var(--ds-c-bool-danger-bg-op);border-color:var(--ds-c-bool-danger-fg);border-style:solid;border-width:1px}.bordButtonDS.danger.bordButtonOutlined .textContainer{color:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger.bordButtonOutlined .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger.bordButtonOutlined:hover{opacity:.9}.bordButtonDS.danger.bordButtonOutlined:disabled{background-color:transparent;border-color:var(--ds-c-bool-disabled-bg)}.bordButtonDS.danger.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger.bordButtonOutlined:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonSkeletonLoader{background-color:var(--ds-c-stroke-default);border-radius:.6rem;height:4.2rem;pointer-events:none}";
1881
+ var css_248z$23 = ".bordButtonDS{align-items:center;border-radius:.6rem;border-style:none;color:var(--ds-c-primary-fg-default);display:flex;gap:.8rem;justify-content:center}.bordButtonDS.ht-42{height:4.2rem}.bordButtonDS.rectangular{padding:1.2rem .8rem}.bordButtonDS.squared{padding:.8rem}.bordButtonDS .bordOneToneIcon>svg>path{stroke:currentColor}.bordButtonDS.primary{background-color:var(--ds-c-primary-bg-default)}.bordButtonDS.primary .textContainer{font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.primary:hover{background-color:var(--ds-c-primary-bg-hover);color:var(--ds-c-primary-fg-default)}.bordButtonDS.primary:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.primary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.primary:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.primary.bordButtonOutlined{background-color:transparent;border-color:var(--ds-c-primary-bg-default);border-style:solid;border-width:1px}.bordButtonDS.primary.bordButtonOutlined .textContainer{color:var(--ds-c-primary-bg-default)}.bordButtonDS.primary.bordButtonOutlined .bordOneToneIcon>svg>path{stroke:var(--ds-c-primary-bg-default)}.bordButtonDS.primary.bordButtonOutlined:hover{background-color:var(--ds-c-primary-bg-secondary)}.bordButtonDS.primary.bordButtonOutlined:disabled{border-color:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.primary.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.primary.bordButtonOutlined:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-sec-fg)}.bordButtonDS.secondary{background-color:var(--ds-c-secondary-bg-default)}.bordButtonDS.secondary .textContainer{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.secondary:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.secondary:hover .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-default)}.bordButtonDS.secondary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.secondary:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.secondary.bordButtonOutlined{background-color:transparent;border-color:var(--ds-c-stroke-default);border-style:solid;border-width:1px}.bordButtonDS.secondary.bordButtonOutlined .textContainer{color:var(--ds-c-content-secondary)}.bordButtonDS.secondary.bordButtonOutlined:hover{border-color:var(--ds-c-stroke-interactive)}.bordButtonDS.secondary.bordButtonOutlined:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.secondary.bordButtonOutlined:disabled{border-color:var(--ds-c-bool-disabled-bg)}.bordButtonDS.secondary.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.tertiary{background-color:transparent;border-color:var(--ds-c-stroke-default);border-style:solid;border-width:1px}.bordButtonDS.tertiary .textContainer{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:500;line-height:1.562rem}.bordButtonDS.tertiary:hover .textContainer{color:var(--ds-c-content-default)}.bordButtonDS.tertiary:hover .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-default)}.bordButtonDS.tertiary:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.tertiary .bordOneToneIcon>svg>path{stroke:var(--ds-c-content-secondary)}.bordButtonDS.danger{background-color:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger .textContainer{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:500;line-height:1.823rem}.bordButtonDS.danger:hover{opacity:.9}.bordButtonDS.danger:hover .textContainer{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bordButtonDS.danger:disabled{background-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.danger:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger.bordButtonOutlined{background-color:var(--ds-c-bool-danger-bg-op);border-color:var(--ds-c-bool-danger-fg);border-style:solid;border-width:1px}.bordButtonDS.danger.bordButtonOutlined .textContainer{color:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger.bordButtonOutlined .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-danger-fg)}.bordButtonDS.danger.bordButtonOutlined:hover{opacity:.9}.bordButtonDS.danger.bordButtonOutlined:disabled{background-color:transparent;border-color:var(--ds-c-bool-disabled-bg)}.bordButtonDS.danger.bordButtonOutlined:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.danger.bordButtonOutlined:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonDS.warningFilled{background-color:var(--ds-c-bool-warning-bg);border-color:var(--ds-c-bool-warning-fg);border-radius:.8rem;border-style:solid;border-width:1px;min-width:3.2rem;padding:.8rem}.bordButtonDS.warningFilled .textContainer{color:var(--ds-c-bool-warning-fg);font-size:1.2rem;font-weight:500;line-height:1.6rem;line-height:normal;text-align:center}.bordButtonDS.warningFilled .bordOneToneIcon{align-items:center;display:flex;height:1.4rem;justify-content:center}.bordButtonDS.warningFilled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-warning-fg)}.bordButtonDS.warningFilled:hover{opacity:.9}.bordButtonDS.warningFilled:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-bool-disabled-bg);cursor:not-allowed}.bordButtonDS.warningFilled:disabled .textContainer{color:var(--ds-c-bool-disabled-fg)}.bordButtonDS.warningFilled:disabled .bordOneToneIcon>svg>path{stroke:var(--ds-c-bool-disabled-fg)}.bordButtonSkeletonLoader{background-color:var(--ds-c-stroke-default);border-radius:.6rem;height:4.2rem;pointer-events:none}";
1882
1882
  styleInject(css_248z$23);
1883
1883
 
1884
1884
  /**
@@ -12605,6 +12605,7 @@ const BORD_VERTICAL_STEPPER_STATUS = {
12605
12605
  WAITING: "WAITING",
12606
12606
  CANCELLED: "CANCELLED",
12607
12607
  SECONDARY_CANCELLED: "SECONDARY_CANCELLED",
12608
+ SECONDARY_CANCELLED_MUTED: "SECONDARY_CANCELLED_MUTED",
12608
12609
  };
12609
12610
 
12610
12611
  const ICON_CONFIG = {
@@ -12654,7 +12655,7 @@ const InProgressIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['inPr
12654
12655
  const WaitingIcon = () => jsx(VerticalStepperStepIcon, { ...ICON_CONFIG['waiting'] });
12655
12656
  const CancelledIcon = ({ isSecondaryCancelled = false }) => (jsx(VerticalStepperStepIcon, { ...(isSecondaryCancelled ? ICON_CONFIG['cancelledSecondary'] : ICON_CONFIG['cancelled']) }));
12656
12657
 
12657
- var css_248z$G = ".bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer{--substepBetweenBlockGap:0.4rem;--substepBulletDiameter:2.4rem;align-items:flex-start;border-radius:.6rem;display:flex;flex-direction:column;gap:1.6rem;margin-left:3.6rem;padding-bottom:.8rem;padding-left:1.2rem;padding-top:.8rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer.subStepsContainerEmpty{background-color:transparent;padding-bottom:0;padding-top:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .emptySubStepSpacer{height:1.6rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent{position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-stroke-interactive);bottom:calc(var(--substepBetweenBlockGap)*-1 - var(--substepBulletDiameter)/2);left:.5rem;position:absolute;top:calc(var(--substepBulletDiameter)/2);width:1px}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent:last-child .subStepLine{display:none}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader{padding-left:2rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-width:1px;height:1.2rem;left:0;position:absolute;top:0;width:1.2rem}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;max-width:100%;padding-bottom:.6rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitleRow{align-items:baseline;display:flex;gap:.8rem;justify-content:space-between;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitle{color:var(--ds-c-content-default);flex:1 1 0%;font-weight:700;margin:0;min-width:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDate{color:var(--ds-c-content-secondary);flex-shrink:0;white-space:nowrap}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-content-default);margin:.4rem 0 0}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-danger-fg)}";
12658
+ var css_248z$G = ".bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer{--substepBetweenBlockGap:0.4rem;--substepBulletDiameter:2.4rem;align-items:flex-start;border-radius:.6rem;display:flex;flex-direction:column;gap:1.6rem;margin-left:3.6rem;padding-bottom:.8rem;padding-left:1.2rem;padding-top:.8rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer.subStepsContainerEmpty{background-color:transparent;padding-bottom:0;padding-top:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .emptySubStepSpacer{height:1.6rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent{position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-stroke-interactive);bottom:calc(var(--substepBetweenBlockGap)*-1 - var(--substepBulletDiameter)/2);left:.5rem;position:absolute;top:calc(var(--substepBulletDiameter)/2);width:1px}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent:last-child .subStepLine{display:none}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader{padding-left:2rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:15998.4rem;border-width:1px;height:1.2rem;left:0;position:absolute;top:0;width:1.2rem}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent{color:var(--ds-c-content-default);font-size:1.2rem;line-height:1.6rem;max-width:100%;padding-bottom:.6rem;position:relative}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitleRow{align-items:baseline;display:flex;gap:.8rem;width:100%}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepTitle{color:var(--ds-c-content-default);font-weight:700;margin:0;min-width:0}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDate{color:var(--ds-c-content-secondary);flex-shrink:0;white-space:nowrap}.bordVerticalStepper .stepContainer .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-content-default);margin:.4rem 0 0}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepOpaque .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-danger-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepLine{background-color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepDate,.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepTitle{color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepCircle{border-color:var(--ds-c-bool-disabled-sec-fg)}.bordVerticalStepper .stepContainer.subStepMuted .verticalStepperSubSteps.subStepsContainer .subStepContent .subStepHeader .subStepHeaderContent .subStepDescription{color:var(--ds-c-bool-disabled-sec-fg)}";
12658
12659
  styleInject(css_248z$G);
12659
12660
 
12660
12661
  const SubSteps = ({ subSteps, stepIndex, subStepKeySuffix, }) => {
@@ -12705,9 +12706,10 @@ const STEP_TITLE_CLASS = {
12705
12706
  [BORD_VERTICAL_STEPPER_STATUS.WAITING]: 'stepMainTitleMuted',
12706
12707
  [BORD_VERTICAL_STEPPER_STATUS.CANCELLED]: 'stepMainTitleDanger',
12707
12708
  [BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED]: 'stepMainTitleMuted',
12709
+ [BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED_MUTED]: 'stepMainTitleMuted',
12708
12710
  };
12709
12711
  /**
12710
- * Resuelve icono, clase de título y opacidad de subpasos según el estado del paso.
12712
+ * Resuelve icono, clase de título y clase modificadora de subpasos según el estado del paso.
12711
12713
  */
12712
12714
  function getStepPresentation(status) {
12713
12715
  switch (status) {
@@ -12715,45 +12717,51 @@ function getStepPresentation(status) {
12715
12717
  return {
12716
12718
  icon: jsx(SuccessIcon, {}),
12717
12719
  titleClassName: STEP_TITLE_CLASS[status],
12718
- isOpaque: false,
12720
+ subStepModifierClass: '',
12719
12721
  };
12720
12722
  case BORD_VERTICAL_STEPPER_STATUS.IN_PROGRESS:
12721
12723
  return {
12722
12724
  icon: jsx(InProgressIcon, {}),
12723
12725
  titleClassName: STEP_TITLE_CLASS[status],
12724
- isOpaque: false,
12726
+ subStepModifierClass: '',
12725
12727
  };
12726
12728
  case BORD_VERTICAL_STEPPER_STATUS.WAITING:
12727
12729
  return {
12728
12730
  icon: jsx(WaitingIcon, {}),
12729
12731
  titleClassName: STEP_TITLE_CLASS[status],
12730
- isOpaque: false,
12732
+ subStepModifierClass: '',
12731
12733
  };
12732
12734
  case BORD_VERTICAL_STEPPER_STATUS.CANCELLED:
12733
12735
  return {
12734
12736
  icon: jsx(CancelledIcon, {}),
12735
12737
  titleClassName: STEP_TITLE_CLASS[status],
12736
- isOpaque: false,
12738
+ subStepModifierClass: '',
12737
12739
  };
12738
12740
  case BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED:
12739
12741
  return {
12740
12742
  icon: jsx(CancelledIcon, { isSecondaryCancelled: true }),
12741
12743
  titleClassName: STEP_TITLE_CLASS[status],
12742
- isOpaque: true,
12744
+ subStepModifierClass: 'subStepOpaque',
12745
+ };
12746
+ case BORD_VERTICAL_STEPPER_STATUS.SECONDARY_CANCELLED_MUTED:
12747
+ return {
12748
+ icon: jsx(CancelledIcon, { isSecondaryCancelled: true }),
12749
+ titleClassName: STEP_TITLE_CLASS[status],
12750
+ subStepModifierClass: 'subStepMuted',
12743
12751
  };
12744
12752
  default:
12745
12753
  return {
12746
12754
  icon: jsx(WaitingIcon, {}),
12747
12755
  titleClassName: STEP_TITLE_CLASS[BORD_VERTICAL_STEPPER_STATUS.WAITING],
12748
- isOpaque: false,
12756
+ subStepModifierClass: '',
12749
12757
  };
12750
12758
  }
12751
12759
  }
12752
12760
  function DefaultVerticalStepperContent({ steps }) {
12753
12761
  return (jsx(Fragment, { children: steps.map((step, stepIdx) => {
12754
- const { icon, titleClassName, isOpaque } = getStepPresentation(step.status ?? BORD_VERTICAL_STEPPER_STATUS.WAITING);
12755
- const secondaryCancelledModifier = isOpaque ? 'subStepOpaque' : '';
12756
- return (jsxs("div", { className: `stepContainer ${secondaryCancelledModifier}`, children: [jsx("div", { className: "stepLine", "aria-hidden": true }), jsxs("div", { className: "stepHeader", children: [jsx("div", { className: "stepIconContainer", children: icon }), jsx("p", { className: `stepTitle ${titleClassName}`, children: step.title })] }), jsx(SubSteps, { subSteps: step.subSteps ?? [], stepIndex: stepIdx })] }, `verticalStep-${stepIdx}`));
12762
+ const { icon, titleClassName, subStepModifierClass } = getStepPresentation(step.status ?? BORD_VERTICAL_STEPPER_STATUS.WAITING);
12763
+ const isLastStep = stepIdx === steps.length - 1;
12764
+ return (jsxs("div", { className: `stepContainer ${subStepModifierClass}`, children: [!isLastStep && jsx("div", { className: "stepLine", "aria-hidden": true }), jsxs("div", { className: "stepHeader", children: [jsx("div", { className: "stepIconContainer", children: icon }), jsx("p", { className: `stepTitle ${titleClassName}`, children: step.title })] }), jsx(SubSteps, { subSteps: step.subSteps ?? [], stepIndex: stepIdx })] }, `verticalStep-${stepIdx}`));
12757
12765
  }) }));
12758
12766
  }
12759
12767
  const BordVerticalStepper = (props) => {
@@ -44348,29 +44356,57 @@ const BordTimelineStandaloneEvent = ({ markerVariant, isLast = false, children,
44348
44356
  return (jsxs("div", { className: rootClass, ...restProps, children: [jsx(BordTimelineMarker, { variant: markerVariant, className: "bordTimelineStandaloneEventMarker" }), !isLast && (jsx("div", { className: "bordTimelineStandaloneEventStubLine", children: jsx(BordTimelineSpine, { variant: markerVariant }) })), jsx("div", { className: "bordTimelineStandaloneEventContent", children: children })] }));
44349
44357
  };
44350
44358
 
44351
- var css_248z$5 = "@keyframes bordNotificationBellShakeDS{0%,to{transform:rotate(0deg)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.bordNotificationBellContainerDS{align-items:center;display:flex;height:100%;position:relative}.bordNotificationBellContainerDS .bordNotificationBellTrigger{flex-shrink:0;height:3.2rem;position:relative;width:3.2rem}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton{--tw-text-opacity:1;align-items:center;border-radius:.4rem;color:rgb(198 199 203/var(--tw-text-opacity));cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton.isOpen,.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton.isShaking .bordNotificationBellIcon svg{animation:bordNotificationBellShakeDS .7s ease-in-out;transform-origin:50% 0}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton .bordNotificationBellBadge{--tw-text-opacity:1;align-items:center;background-color:#fc543d;border-radius:15998.4rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:.75rem;font-weight:700;height:1.6rem;justify-content:center;line-height:1;min-width:1.6rem;padding-left:.2rem;padding-right:.2rem;position:absolute;right:.4rem;top:0}";
44359
+ var css_248z$5 = "@keyframes bordNotificationBellShakeDS{0%,to{transform:rotate(0deg)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(6deg)}}.bordNotificationBellContainerDS{align-items:center;display:flex;height:100%;position:relative}.bordNotificationBellContainerDS .bordNotificationBellTrigger{flex-shrink:0;height:3.2rem;position:relative;width:3.2rem}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton{--tw-text-opacity:1;align-items:center;border-radius:.4rem;color:rgb(198 199 203/var(--tw-text-opacity));cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;width:100%}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton.isOpen,.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(27 32 47/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton.isShaking .bordNotificationBellIcon svg{animation:bordNotificationBellShakeDS .7s ease-in-out;transform-origin:50% 0}.bordNotificationBellContainerDS .bordNotificationBellTrigger .bordNotificationBellButton .bordNotificationBellBadge{--tw-text-opacity:1;align-items:center;background-color:#fc543d;border-radius:15998.4rem;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1rem;font-weight:700;height:1.6rem;justify-content:center;line-height:1;min-width:1.6rem;padding-left:.2rem;padding-right:.2rem;position:absolute;right:.2rem;top:0}";
44352
44360
  styleInject(css_248z$5);
44353
44361
 
44354
44362
  /**
44355
- * Botón de campana del centro de notificaciones: badge, animación de shake cuando sube el
44356
- * contador de no leídas, y cierre automático al hacer click afuera. El estado de "abierto" del
44357
- * panel es controlado desde afuera para poder coordinarlo con acciones como "ver todas".
44363
+ * Botón de campana del centro de notificaciones: badge, animación de shake y de conteo
44364
+ * ascendente cuando sube el contador de no leídas (por debajo de `badgeMax`, ya que por arriba
44365
+ * el badge siempre muestra `+badgeMax`), y cierre automático al hacer click afuera. El estado
44366
+ * de "abierto" del panel es controlado desde afuera para poder coordinarlo con acciones como
44367
+ * "ver todas".
44358
44368
  */
44359
44369
  const BordNotificationBell = ({ unreadCount, isPanelOpen, onToggle, onClose, toggleLabel, badgeMax = 9, children, }) => {
44360
44370
  const [isShaking, setIsShaking] = useState(false);
44371
+ const [displayedUnreadCount, setDisplayedUnreadCount] = useState(0);
44361
44372
  const bellRef = useRef(null);
44362
44373
  const previousUnreadCount = useRef(null);
44363
- useEffect(() => {
44374
+ /**
44375
+ * Si el contador sube y el valor anterior todavía se mostraba como número real (≤ `badgeMax`),
44376
+ * dispara el shake y cuenta de a uno — incluso si el nuevo valor supera `badgeMax`, en cuyo
44377
+ * caso el tope de la animación es `badgeMax + 1` (ya se muestra como `+badgeMax`), para no
44378
+ * saltarse los números intermedios que todavía son mostrables (ej. de 7 a 11: 7, 8, 9, +9, no
44379
+ * un salto directo de 7 a +9). En cualquier otro caso (primera carga, baja, o ya se mostraba
44380
+ * `+badgeMax`) actualiza directo, sin animar. Va en `useLayoutEffect` (no `useEffect`) para que
44381
+ * ese "salto directo" se corrija antes del pintado del browser — con `useEffect` se llega a
44382
+ * ver un frame con el valor viejo antes de corregirse.
44383
+ */
44384
+ useLayoutEffect(() => {
44364
44385
  if (unreadCount === undefined)
44365
44386
  return;
44366
44387
  const previous = previousUnreadCount.current;
44367
44388
  previousUnreadCount.current = unreadCount;
44368
- if (previous !== null && unreadCount > previous) {
44369
- setIsShaking(true);
44370
- const timeout = setTimeout(() => setIsShaking(false), 700);
44371
- return () => clearTimeout(timeout);
44389
+ const isIncrease = previous !== null && unreadCount > previous;
44390
+ const shouldAnimateCount = isIncrease && previous !== null && previous <= badgeMax;
44391
+ const animationTarget = Math.min(unreadCount, badgeMax + 1);
44392
+ if (!shouldAnimateCount)
44393
+ setDisplayedUnreadCount(unreadCount);
44394
+ if (!isIncrease)
44395
+ return;
44396
+ setIsShaking(true);
44397
+ const shakeTimeout = setTimeout(() => setIsShaking(false), 700);
44398
+ let countInterval;
44399
+ if (shouldAnimateCount) {
44400
+ countInterval = setInterval(() => {
44401
+ setDisplayedUnreadCount(current => Math.min(current + 1, animationTarget));
44402
+ }, 350);
44372
44403
  }
44373
- }, [unreadCount]);
44404
+ return () => {
44405
+ clearTimeout(shakeTimeout);
44406
+ if (countInterval)
44407
+ clearInterval(countInterval);
44408
+ };
44409
+ }, [unreadCount, badgeMax]);
44374
44410
  useEffect(() => {
44375
44411
  if (!isPanelOpen)
44376
44412
  return;
@@ -44382,7 +44418,7 @@ const BordNotificationBell = ({ unreadCount, isPanelOpen, onToggle, onClose, tog
44382
44418
  return () => document.removeEventListener('mousedown', handleClickOutside);
44383
44419
  }, [isPanelOpen, onClose]);
44384
44420
  const resolvedUnreadCount = unreadCount ?? 0;
44385
- const badgeLabel = resolvedUnreadCount > badgeMax ? `+${badgeMax}` : String(resolvedUnreadCount);
44421
+ const badgeLabel = displayedUnreadCount > badgeMax ? `+${badgeMax}` : String(displayedUnreadCount);
44386
44422
  return (jsx("div", { className: "bordNotificationBellContainerDS", ref: bellRef, children: jsxs("div", { className: "bordNotificationBellTrigger", children: [jsxs("button", { type: "button", className: `bordNotificationBellButton ${isPanelOpen ? 'isOpen' : ''} ${isShaking ? 'isShaking' : ''}`, onClick: onToggle, "aria-label": toggleLabel, "aria-expanded": isPanelOpen, children: [jsx("span", { className: "bordNotificationBellIcon", children: jsx(BordOneToneIcon, { variant: "notification", standardSize: 24, stroke: "currentColor" }) }), resolvedUnreadCount > 0 && jsx("span", { className: "bordNotificationBellBadge", children: badgeLabel })] }), isPanelOpen && children] }) }));
44387
44423
  };
44388
44424
 
@@ -44436,7 +44472,7 @@ styleInject(css_248z$3);
44436
44472
  /** Placeholder de carga de una fila de notificación, con el mismo padding/gap/tamaño de ícono que BordNotificationRow para evitar saltos de layout cuando llegan los datos. */
44437
44473
  const BordNotificationRowSkeleton = () => (jsxs("div", { className: "bordNotificationRowSkeletonDS", "aria-hidden": "true", children: [jsx("div", { className: "bordNotificationRowSkeletonIcon animationLoader" }), jsxs("div", { className: "bordNotificationRowSkeletonContent", children: [jsxs("div", { className: "bordNotificationRowSkeletonMeta", children: [jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonReference animationLoader" }), jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonTime animationLoader" })] }), jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonTitle animationLoader" }), jsx("span", { className: "bordNotificationRowSkeletonBar bordNotificationRowSkeletonSubtitle animationLoader" })] })] }));
44438
44474
 
44439
- var css_248z$2 = ".bordNotificationPanelDS{--tw-border-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-radius:1.4rem;border-style:solid;border-width:1px;box-shadow:0 1.6rem 4.8rem rgba(0,0,0,.6);cursor:default;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:calc(100% + 1.1rem);width:36.2rem;z-index:10}.bordNotificationPanelDS .bordNotificationPanelHeader{--tw-border-opacity:1;align-items:center;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;display:flex;justify-content:space-between;padding:1.2rem 1.4rem 1.3rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelTitleGroup{align-items:center;display:flex;gap:.4rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:600;line-height:2rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelCount{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.2rem;font-weight:600;line-height:1.6rem}.bordNotificationPanelDS .bordNotificationPanelBody{display:flex;flex-direction:column;max-height:36rem;overflow-y:auto}.bordNotificationPanelDS .bordNotificationPanelGroupLabel{--tw-text-opacity:1;background-color:#131828;border-bottom-width:1px;border-color:#1a1f2e;border-style:solid;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1rem;font-weight:700;letter-spacing:.06rem;line-height:1.302rem;padding:.5rem 1.4rem .6rem;text-transform:uppercase}.bordNotificationPanelDS .bordNotificationPanelEmpty{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1.3rem;height:9.6rem;line-height:1.95rem;text-align:center}.bordNotificationPanelDS .bordNotificationPanelEmpty,.bordNotificationPanelDS .bordNotificationPanelViewAll{align-items:center;display:flex;justify-content:center}.bordNotificationPanelDS .bordNotificationPanelViewAll{--tw-border-opacity:1;--tw-text-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;border-top-width:1px;color:rgb(34 207 171/var(--tw-text-opacity));cursor:pointer;font-size:1.2rem;font-weight:500;gap:.6rem;height:4.3rem;line-height:1.6rem;padding-top:.1rem;transition:background-color .15s ease}.bordNotificationPanelDS .bordNotificationPanelViewAll:hover{background-color:hsla(0,0%,100%,.05)}";
44475
+ var css_248z$2 = ".bordNotificationPanelDS{--tw-border-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-radius:1.4rem;border-style:solid;border-width:1px;box-shadow:0 1.6rem 4.8rem rgba(0,0,0,.6);cursor:default;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:calc(100% + .7rem);width:36.2rem;z-index:10}.bordNotificationPanelDS .bordNotificationPanelHeader{--tw-border-opacity:1;align-items:center;border-bottom-width:1px;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;display:flex;justify-content:space-between;padding:1.2rem 1.4rem 1.3rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelTitleGroup{align-items:center;display:flex;gap:.4rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.4rem;font-weight:600;line-height:2rem}.bordNotificationPanelDS .bordNotificationPanelHeader .bordNotificationPanelCount{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity));font-size:1.2rem;font-weight:600;line-height:1.6rem}.bordNotificationPanelDS .bordNotificationPanelBody{display:flex;flex-direction:column;max-height:36rem;overflow-y:auto}.bordNotificationPanelDS .bordNotificationPanelGroupLabel{--tw-text-opacity:1;background-color:#131828;border-bottom-width:1px;border-color:#1a1f2e;border-style:solid;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1rem;font-weight:700;letter-spacing:.06rem;line-height:1.302rem;padding:.5rem 1.4rem .6rem;text-transform:uppercase}.bordNotificationPanelDS .bordNotificationPanelEmpty{--tw-text-opacity:1;color:rgb(98 108 130/var(--tw-text-opacity));font-size:1.3rem;height:9.6rem;line-height:1.95rem;text-align:center}.bordNotificationPanelDS .bordNotificationPanelEmpty,.bordNotificationPanelDS .bordNotificationPanelViewAll{align-items:center;display:flex;justify-content:center}.bordNotificationPanelDS .bordNotificationPanelViewAll{--tw-border-opacity:1;--tw-text-opacity:1;background-color:#131c2e;border-color:rgb(38 43 57/var(--tw-border-opacity));border-style:solid;border-top-width:1px;color:rgb(34 207 171/var(--tw-text-opacity));cursor:pointer;font-size:1.2rem;font-weight:500;gap:.6rem;height:4.3rem;line-height:1.6rem;padding-top:.1rem;transition:background-color .15s ease}.bordNotificationPanelDS .bordNotificationPanelViewAll:hover{background-color:hsla(0,0%,100%,.05)}";
44440
44476
  styleInject(css_248z$2);
44441
44477
 
44442
44478
  /**
@@ -44510,7 +44546,7 @@ const BordNotificationModal = ({ isOpen, onClose, state, unreadCount, onLoadMore
44510
44546
  Array.from({ length: loadMoreSkeletonRowsCount }, (_, index) => (jsx(BordNotificationRowSkeleton, {}, `load-more-${index}`)))] })] }) }));
44511
44547
  };
44512
44548
 
44513
- var css_248z = "/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--ds-c-layout-bg:#fafaf9;--ds-c-layout-l1:#fff;--ds-c-layout-l2:#fafaf9;--ds-c-layout-l3:#f1f1f1;--ds-c-primary-fg-default:#fff;--ds-c-primary-bg-default:#00b188;--ds-c-primary-bg-hover:#1b9f88;--ds-c-primary-bg-secondary:#00b1881a;--ds-c-primary-bg-gradient:#0a3931;--ds-c-secondary-bg-default:#ebebeb;--ds-c-content-default:#070f21;--ds-c-content-secondary:#6f737d;--ds-c-stroke-default:#e6e6e6;--ds-c-stroke-interactive:#b4b4b4;--ds-c-bool-info-fg:#4096f0;--ds-c-bool-info-bg:#dff2ff;--ds-c-bool-info-bg-op:#23a5ff1a;--ds-c-bool-success-fg:#00994f;--ds-c-bool-success-bg:#eaf9f4;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#de072e;--ds-c-bool-danger-bg:#ffd7dc;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#e29e28;--ds-c-bool-warning-bg:#fefbe8;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-disabled-fg:#b4b4b4;--ds-c-bool-disabled-bg:#e6e6e6;--ds-c-bool-disabled-sec-fg:#b4b4b4;--ds-c-bool-disabled-sec-bg:#e6e6e6;--ds-c-tags-blue-fg:#23a5ff;--ds-c-tags-blue-bg:#4096f0;--ds-c-comp-default:#070f21;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c14;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-tags-blue-fg) 10%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 10%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 10%,transparent);--ds-c-tags-brown-surface:color-mix(in srgb,var(--ds-c-comp-brown) 10%,transparent);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 10%,transparent);--ds-c-tags-yellow-surface:var(--ds-c-bool-warning-bg-op);--ds-c-tags-green-surface:var(--ds-c-bool-success-bg-op);--ds-c-metric-icon-muted:#c2c5cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#070f211f;--ds-c-modal-overlay-secondary:#0000004d}[data-theme=dark]{--ds-c-layout-bg:#070f21;--ds-c-layout-l1:#1b202f;--ds-c-layout-l2:#262b39;--ds-c-layout-l3:#070f21;--ds-c-primary-fg-default:#070f21;--ds-c-primary-bg-default:#22cfab;--ds-c-primary-bg-hover:#60ddc3;--ds-c-primary-bg-secondary:#1c323b;--ds-c-secondary-bg-default:#1b202f;--ds-c-content-default:#fff;--ds-c-content-secondary:#c6c7cb;--ds-c-stroke-default:#262b39;--ds-c-stroke-interactive:#626c82;--ds-c-bool-info-fg:#23a5ff;--ds-c-bool-info-bg:#052143;--ds-c-bool-info-bg-op:#0a1e37;--ds-c-bool-success-fg:#09a432;--ds-c-bool-success-bg:#00230a;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#fc543d;--ds-c-bool-danger-bg:#210602;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#dcc410;--ds-c-bool-warning-bg:#272300;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-disabled-fg:#262b39;--ds-c-bool-disabled-bg:#626c82;--ds-c-bool-disabled-sec-fg:#626c82;--ds-c-bool-disabled-sec-bg:#262b39;--ds-c-tags-blue-fg:#0057a7;--ds-c-tags-blue-bg:#0057a7;--ds-c-comp-default:#fff;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c144d;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-comp-blue) 30%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 30%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 30%,transparent);--ds-c-tags-brown-surface:var(--ds-c-comp-brown);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 30%,transparent);--ds-c-tags-yellow-surface:color-mix(in srgb,var(--ds-c-comp-yellow) 30%,transparent);--ds-c-tags-green-surface:color-mix(in srgb,var(--ds-c-bool-success-fg) 30%,transparent);--ds-c-metric-icon-muted:#c6c7cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#885ef74d;--ds-c-modal-overlay-secondary:#0000004d}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width:400px){.\\!container{max-width:400px!important}.container{max-width:400px}}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1440px){.\\!container{max-width:1440px!important}.container{max-width:1440px}}@media (min-width:1920px){.\\!container{max-width:1920px!important}.container{max-width:1920px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.order-1{order:1}.order-2{order:2}.order-3{order:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.3rem}.mb-auto{margin-bottom:auto}.mt-16{margin-top:1.6rem}.mt-50{margin-top:5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-100{height:10rem}.h-200{height:20rem}.h-300{height:30rem}.h-32{height:3.2rem}.h-50{height:5rem}.h-500{height:50rem}.h-56{height:5.6rem}.h-64{height:6.4rem}.h-80{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.w-1000{width:100rem}.w-180{width:18rem}.w-24{width:2.4rem}.w-280{width:28rem}.w-300{width:30rem}.w-320{width:32rem}.w-362{width:36.2rem}.w-380{width:38rem}.w-464{width:46.4rem}.w-500{width:50rem}.w-80{width:8rem}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-190{min-width:19rem}.max-w-780{max-width:78rem}.max-w-\\[110rem\\]{max-width:110rem}.max-w-\\[148px\\]{max-width:148px}.max-w-\\[40rem\\]{max-width:40rem}.max-w-\\[44rem\\]{max-width:44rem}.max-w-\\[72rem\\]{max-width:72rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-12{gap:1.2rem}.gap-16{gap:1.6rem}.gap-3{gap:.3rem}.gap-32{gap:3.2rem}.gap-4{gap:.4rem}.gap-8{gap:.8rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.2rem*var(--tw-space-y-reverse));margin-top:calc(1.2rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.4rem}.rounded-3xl{border-radius:2.4rem}.rounded-full{border-radius:15998.4rem}.rounded-lg{border-radius:.8rem}.rounded-md{border-radius:.6rem}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-dashed{border-style:dashed}.border-boolean-disabled-secondary-fg{--tw-border-opacity:1;border-color:rgb(180 180 180/var(--tw-border-opacity))}.border-boolean-warning-fg-primary{--tw-border-opacity:1;border-color:rgb(226 158 40/var(--tw-border-opacity))}.border-danger{--tw-border-opacity:1;border-color:rgb(252 84 61/var(--tw-border-opacity))}.border-disabled-fg-primary{--tw-border-opacity:1;border-color:rgb(38 43 57/var(--tw-border-opacity))}.border-informative-bg-primary{--tw-border-opacity:1;border-color:rgb(35 165 255/var(--tw-border-opacity))}.border-stroke-interactive{--tw-border-opacity:1;border-color:rgb(98 108 130/var(--tw-border-opacity))}.border-success{--tw-border-opacity:1;border-color:rgb(0 153 79/var(--tw-border-opacity))}.border-theme-stroke-interactive{border-color:var(--ds-c-stroke-interactive)}.border-transparent{border-color:transparent}.\\!bg-\\[\\#EBEBEB\\]{--tw-bg-opacity:1!important;background-color:rgb(235 235 235/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-boolean-disabled-secondary-fg{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.bg-boolean-warning-fg-primary{--tw-bg-opacity:1;background-color:rgb(226 158 40/var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bg-disabled-fg-primary{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}.bg-informative-bg-primary{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity))}.bg-layout-backgroud{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-layout-level1-opacity{background-color:#1b202fcc}.bg-navy-blue-900{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgb(0 153 79/var(--tw-bg-opacity))}.bg-theme-layout-background{background-color:var(--ds-c-layout-bg)}.bg-theme-layout-l3{background-color:var(--ds-c-layout-l3)}.bg-white-400{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.\\!p-0{padding:0!important}.p-16{padding:1.6rem}.p-24{padding:2.4rem}.p-32{padding:3.2rem}.p-6{padding:.6rem}.p-8{padding:.8rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-24{padding-left:2.4rem;padding-right:2.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-bottom:1.2rem;padding-top:1.2rem}.py-4{padding-bottom:.4rem;padding-top:.4rem}.py-8{padding-bottom:.8rem;padding-top:.8rem}.pb-24{padding-bottom:2.4rem}.pb-3{padding-bottom:.3rem}.pe-20{padding-inline-end:2rem}.pt-64{padding-top:6.4rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\\!text-base{font-size:1.6rem!important;line-height:2.4rem!important}.\\!text-lg{font-size:1.8rem!important;line-height:2.8rem!important}.\\!text-xs{font-size:1.2rem!important;line-height:1.6rem!important}.text-bord-sm{font-size:1.2rem;line-height:1.5rem}.text-xs{font-size:1.2rem;line-height:1.6rem}.italic{font-style:italic}.\\!text-cyan-300{--tw-text-opacity:1!important;color:rgb(34 207 171/var(--tw-text-opacity))!important}.\\!text-red-300{--tw-text-opacity:1!important;color:rgb(255 97 117/var(--tw-text-opacity))!important}.\\!text-yellow-500{--tw-text-opacity:1!important;color:rgb(245 221 40/var(--tw-text-opacity))!important}.text-boolean-warning-fg-primary{--tw-text-opacity:1;color:rgb(226 158 40/var(--tw-text-opacity))}.text-bord-gradient-cyan{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.text-content-secondary{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:rgb(0 153 79/var(--tw-text-opacity))}.text-theme-bool-info-fg{color:var(--ds-c-bool-info-fg)}.text-theme-content-default{color:var(--ds-c-content-default)}.text-theme-content-secondary{color:var(--ds-c-content-secondary)}.text-theme-primary-bg{color:var(--ds-c-primary-bg-default)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\\[key\\:string\\]{key:string}html{font-size:62.5%}body{overflow-x:hidden;width:100vw}@keyframes shine-lines{0%{background-position:-2rem}30%,to{background-position:20rem}}.animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#f6f7f9 0,#edeef1 20%,#f6f7f9 40%,#f6f7f9)}[data-theme=dark] .animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#262b39 0,#3b4256 50%,#262b39)}";
44549
+ var css_248z = "/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root{--ds-c-layout-bg:#fafaf9;--ds-c-layout-l1:#fff;--ds-c-layout-l2:#fafaf9;--ds-c-layout-l3:#f1f1f1;--ds-c-primary-fg-default:#fff;--ds-c-primary-bg-default:#00b188;--ds-c-primary-bg-hover:#1b9f88;--ds-c-primary-bg-secondary:#00b1881a;--ds-c-primary-bg-gradient:#0a3931;--ds-c-secondary-bg-default:#ebebeb;--ds-c-content-default:#070f21;--ds-c-content-secondary:#6f737d;--ds-c-stroke-default:#e6e6e6;--ds-c-stroke-interactive:#b4b4b4;--ds-c-bool-info-fg:#4096f0;--ds-c-bool-info-bg:#dff2ff;--ds-c-bool-info-bg-op:#23a5ff1a;--ds-c-bool-success-fg:#00994f;--ds-c-bool-success-bg:#eaf9f4;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#de072e;--ds-c-bool-danger-bg:#ffd7dc;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#e29e28;--ds-c-bool-warning-bg:#fefbe8;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-disabled-fg:#b4b4b4;--ds-c-bool-disabled-bg:#e6e6e6;--ds-c-bool-disabled-sec-fg:#b4b4b4;--ds-c-bool-disabled-sec-bg:#e6e6e6;--ds-c-tags-blue-fg:#23a5ff;--ds-c-tags-blue-bg:#4096f0;--ds-c-comp-default:#070f21;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c14;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-tags-blue-fg) 10%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 10%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 10%,transparent);--ds-c-tags-brown-surface:color-mix(in srgb,var(--ds-c-comp-brown) 10%,transparent);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 10%,transparent);--ds-c-tags-yellow-surface:var(--ds-c-bool-warning-bg-op);--ds-c-tags-green-surface:var(--ds-c-bool-success-bg-op);--ds-c-metric-icon-muted:#c2c5cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#070f211f;--ds-c-modal-overlay-secondary:#0000004d}[data-theme=dark]{--ds-c-layout-bg:#070f21;--ds-c-layout-l1:#1b202f;--ds-c-layout-l2:#262b39;--ds-c-layout-l3:#070f21;--ds-c-primary-fg-default:#070f21;--ds-c-primary-bg-default:#22cfab;--ds-c-primary-bg-hover:#60ddc3;--ds-c-primary-bg-secondary:#1c323b;--ds-c-secondary-bg-default:#1b202f;--ds-c-content-default:#fff;--ds-c-content-secondary:#c6c7cb;--ds-c-stroke-default:#262b39;--ds-c-stroke-interactive:#626c82;--ds-c-bool-info-fg:#23a5ff;--ds-c-bool-info-bg:#052143;--ds-c-bool-info-bg-op:#0a1e37;--ds-c-bool-success-fg:#09a432;--ds-c-bool-success-bg:#00230a;--ds-c-bool-success-bg-op:#09a4321a;--ds-c-bool-danger-fg:#fc543d;--ds-c-bool-danger-bg:#210602;--ds-c-bool-danger-bg-op:#fc543d1a;--ds-c-bool-danger-sec-fg:#fc543d;--ds-c-bool-danger-sec-bg:#210602;--ds-c-bool-danger-sec-bg-op:#fc543d1a;--ds-c-bool-warning-fg:#dcc410;--ds-c-bool-warning-bg:#272300;--ds-c-bool-warning-bg-op:#dcc4101a;--ds-c-bool-disabled-fg:#262b39;--ds-c-bool-disabled-bg:#626c82;--ds-c-bool-disabled-sec-fg:#626c82;--ds-c-bool-disabled-sec-bg:#262b39;--ds-c-tags-blue-fg:#0057a7;--ds-c-tags-blue-bg:#0057a7;--ds-c-comp-default:#fff;--ds-c-comp-red:#ff6175;--ds-c-comp-blue:#0057a7;--ds-c-comp-yellow:#f5dd28;--ds-c-comp-brown:#a95c144d;--ds-c-comp-pink:#e897ff;--ds-c-comp-purple:#885ef7;--ds-c-tags-blue-surface:color-mix(in srgb,var(--ds-c-comp-blue) 30%,transparent);--ds-c-tags-pink-surface:color-mix(in srgb,var(--ds-c-comp-pink) 30%,transparent);--ds-c-tags-purple-surface:color-mix(in srgb,var(--ds-c-comp-purple) 30%,transparent);--ds-c-tags-brown-surface:var(--ds-c-comp-brown);--ds-c-tags-red-surface:color-mix(in srgb,var(--ds-c-comp-red) 30%,transparent);--ds-c-tags-yellow-surface:color-mix(in srgb,var(--ds-c-comp-yellow) 30%,transparent);--ds-c-tags-green-surface:color-mix(in srgb,var(--ds-c-bool-success-fg) 30%,transparent);--ds-c-metric-icon-muted:#c6c7cb;--ds-c-metric-positive-surface:var(--ds-c-primary-bg-secondary);--ds-c-metric-icon-surface:color-mix(in srgb,var(--ds-c-metric-icon-muted) 15%,transparent);--ds-c-metric-icon-surface-positive:color-mix(in srgb,var(--ds-c-primary-bg-default) 15%,transparent);--ds-c-modal-overlay:#885ef74d;--ds-c-modal-overlay-secondary:#0000004d}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(64,150,240,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\\!container{width:100%!important}.container{width:100%}@media (min-width:400px){.\\!container{max-width:400px!important}.container{max-width:400px}}@media (min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1440px){.\\!container{max-width:1440px!important}.container{max-width:1440px}}@media (min-width:1920px){.\\!container{max-width:1920px!important}.container{max-width:1920px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.order-1{order:1}.order-2{order:2}.order-3{order:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.3rem}.mb-auto{margin-bottom:auto}.mt-16{margin-top:1.6rem}.mt-50{margin-top:5rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-100{height:10rem}.h-200{height:20rem}.h-300{height:30rem}.h-32{height:3.2rem}.h-50{height:5rem}.h-500{height:50rem}.h-56{height:5.6rem}.h-64{height:6.4rem}.h-80{height:8rem}.h-full{height:100%}.h-screen{height:100vh}.w-1000{width:100rem}.w-110{width:11rem}.w-180{width:18rem}.w-24{width:2.4rem}.w-280{width:28rem}.w-300{width:30rem}.w-320{width:32rem}.w-362{width:36.2rem}.w-380{width:38rem}.w-464{width:46.4rem}.w-500{width:50rem}.w-80{width:8rem}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-190{min-width:19rem}.max-w-780{max-width:78rem}.max-w-\\[110rem\\]{max-width:110rem}.max-w-\\[148px\\]{max-width:148px}.max-w-\\[40rem\\]{max-width:40rem}.max-w-\\[44rem\\]{max-width:44rem}.max-w-\\[72rem\\]{max-width:72rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-crosshair{cursor:crosshair}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-12{gap:1.2rem}.gap-16{gap:1.6rem}.gap-3{gap:.3rem}.gap-32{gap:3.2rem}.gap-4{gap:.4rem}.gap-8{gap:.8rem}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.2rem*var(--tw-space-y-reverse));margin-top:calc(1.2rem*(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.4rem}.rounded-3xl{border-radius:2.4rem}.rounded-full{border-radius:15998.4rem}.rounded-lg{border-radius:.8rem}.rounded-md{border-radius:.6rem}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-dashed{border-style:dashed}.border-boolean-disabled-secondary-fg{--tw-border-opacity:1;border-color:rgb(180 180 180/var(--tw-border-opacity))}.border-boolean-warning-fg-primary{--tw-border-opacity:1;border-color:rgb(226 158 40/var(--tw-border-opacity))}.border-danger{--tw-border-opacity:1;border-color:rgb(252 84 61/var(--tw-border-opacity))}.border-disabled-fg-primary{--tw-border-opacity:1;border-color:rgb(38 43 57/var(--tw-border-opacity))}.border-informative-bg-primary{--tw-border-opacity:1;border-color:rgb(35 165 255/var(--tw-border-opacity))}.border-stroke-interactive{--tw-border-opacity:1;border-color:rgb(98 108 130/var(--tw-border-opacity))}.border-success{--tw-border-opacity:1;border-color:rgb(0 153 79/var(--tw-border-opacity))}.border-theme-stroke-interactive{border-color:var(--ds-c-stroke-interactive)}.border-transparent{border-color:transparent}.\\!bg-\\[\\#EBEBEB\\]{--tw-bg-opacity:1!important;background-color:rgb(235 235 235/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-boolean-disabled-secondary-fg{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.bg-boolean-warning-fg-primary{--tw-bg-opacity:1;background-color:rgb(226 158 40/var(--tw-bg-opacity))}.bg-danger{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bg-disabled-fg-primary{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}.bg-informative-bg-primary{--tw-bg-opacity:1;background-color:rgb(35 165 255/var(--tw-bg-opacity))}.bg-layout-backgroud{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-layout-level1-opacity{background-color:#1b202fcc}.bg-navy-blue-900{--tw-bg-opacity:1;background-color:rgb(7 15 33/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgb(0 153 79/var(--tw-bg-opacity))}.bg-theme-layout-background{background-color:var(--ds-c-layout-bg)}.bg-theme-layout-l3{background-color:var(--ds-c-layout-l3)}.bg-white-400{--tw-bg-opacity:1;background-color:rgb(180 180 180/var(--tw-bg-opacity))}.\\!p-0{padding:0!important}.p-16{padding:1.6rem}.p-24{padding:2.4rem}.p-32{padding:3.2rem}.p-6{padding:.6rem}.p-8{padding:.8rem}.px-12{padding-left:1.2rem;padding-right:1.2rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-24{padding-left:2.4rem;padding-right:2.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-bottom:1.2rem;padding-top:1.2rem}.py-4{padding-bottom:.4rem;padding-top:.4rem}.py-8{padding-bottom:.8rem;padding-top:.8rem}.pb-24{padding-bottom:2.4rem}.pb-3{padding-bottom:.3rem}.pe-20{padding-inline-end:2rem}.pt-64{padding-top:6.4rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.\\!text-base{font-size:1.6rem!important;line-height:2.4rem!important}.\\!text-lg{font-size:1.8rem!important;line-height:2.8rem!important}.\\!text-xs{font-size:1.2rem!important;line-height:1.6rem!important}.text-bord-sm{font-size:1.2rem;line-height:1.5rem}.text-xs{font-size:1.2rem;line-height:1.6rem}.italic{font-style:italic}.\\!text-cyan-300{--tw-text-opacity:1!important;color:rgb(34 207 171/var(--tw-text-opacity))!important}.\\!text-red-300{--tw-text-opacity:1!important;color:rgb(255 97 117/var(--tw-text-opacity))!important}.\\!text-yellow-500{--tw-text-opacity:1!important;color:rgb(245 221 40/var(--tw-text-opacity))!important}.text-boolean-warning-fg-primary{--tw-text-opacity:1;color:rgb(226 158 40/var(--tw-text-opacity))}.text-bord-gradient-cyan{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.text-content-secondary{--tw-text-opacity:1;color:rgb(198 199 203/var(--tw-text-opacity))}.text-success{--tw-text-opacity:1;color:rgb(0 153 79/var(--tw-text-opacity))}.text-theme-bool-info-fg{color:var(--ds-c-bool-info-fg)}.text-theme-content-default{color:var(--ds-c-content-default)}.text-theme-content-secondary{color:var(--ds-c-content-secondary)}.text-theme-primary-bg{color:var(--ds-c-primary-bg-default)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\\[key\\:string\\]{key:string}html{font-size:62.5%}body{overflow-x:hidden;width:100vw}@keyframes shine-lines{0%{background-position:-2rem}30%,to{background-position:20rem}}.animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#f6f7f9 0,#edeef1 20%,#f6f7f9 40%,#f6f7f9)}[data-theme=dark] .animationLoader{animation:shine-lines 1s infinite forwards;background-image:linear-gradient(90deg,#262b39 0,#3b4256 50%,#262b39)}";
44514
44550
  styleInject(css_248z);
44515
44551
 
44516
44552
  var BORD_AVATARS;