@synerise/ds-pagination 1.0.68 → 1.0.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.0.70](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.69...@synerise/ds-pagination@1.0.70) (2026-07-16)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-pagination
9
+
10
+ ## [1.0.69](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.68...@synerise/ds-pagination@1.0.69) (2026-06-27)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-pagination
13
+
6
14
  ## [1.0.68](https://github.com/synerise/synerise-design/compare/@synerise/ds-pagination@1.0.67...@synerise/ds-pagination@1.0.68) (2026-06-17)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-pagination
@@ -1,4 +1,4 @@
1
- import { PaginationProps } from 'antd';
2
1
  import { default as React } from 'react';
3
- declare const Pagination: ({ locale, ...props }: PaginationProps) => React.JSX.Element;
2
+ import { PaginationProps } from './Pagination.types';
3
+ declare const Pagination: ({ current, defaultCurrent, total, pageSize, defaultPageSize, onChange, showSizeChanger, pageSizeOptions, onShowSizeChange, showQuickJumper, showTotal, showLessItems, disabled, hideOnSinglePage, locale, className, style, itemRender: _itemRender, ...rest }: PaginationProps) => React.JSX.Element | null;
4
4
  export default Pagination;
@@ -1,48 +1,115 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { Pagination as Pagination$1 } from "antd";
3
- import { useCallback } from "react";
2
+ import { useState, useCallback, useMemo } from "react";
4
3
  import Button from "@synerise/ds-button";
5
- import Icon, { OptionHorizontalM, DoubleAngleRightS, DoubleAngleLeftS, AngleRightS, AngleLeftS } from "@synerise/ds-icon";
6
- import "./style/index.css";
7
- const ITEM_RENDER_TYPE = {
8
- prev: "prev",
9
- next: "next",
10
- jumpPrev: "jump-prev",
11
- jumpNext: "jump-next"
12
- };
4
+ import Icon, { AngleLeftS, AngleRightS, OptionHorizontalM, DoubleAngleRightS, DoubleAngleLeftS } from "@synerise/ds-icon";
5
+ import Select from "@synerise/ds-select";
6
+ import { Root, TotalText, Nav, Jump, Item, Options, SizeChanger, QuickJumper, JumperInput } from "./Pagination.styles.js";
7
+ import { getPages, getJumpSize } from "./getPages.js";
8
+ const DEFAULT_PAGE_SIZE_OPTIONS = ["10", "20", "50", "100"];
9
+ const NavIcon = ({
10
+ component
11
+ }) => /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component }) });
12
+ const JumpButton = ({
13
+ next
14
+ }) => /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
15
+ /* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
16
+ /* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: next ? /* @__PURE__ */ jsx(DoubleAngleRightS, {}) : /* @__PURE__ */ jsx(DoubleAngleLeftS, {}) })
17
+ ] });
13
18
  const Pagination = ({
19
+ current,
20
+ defaultCurrent = 1,
21
+ total = 0,
22
+ pageSize,
23
+ defaultPageSize = 10,
24
+ onChange,
25
+ showSizeChanger,
26
+ pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
27
+ onShowSizeChange,
28
+ showQuickJumper = false,
29
+ showTotal,
30
+ showLessItems = false,
31
+ disabled = false,
32
+ hideOnSinglePage = false,
14
33
  locale,
15
- ...props
34
+ className,
35
+ style,
36
+ // accepted for back-compat but intentionally not applied (DS renders its own controls)
37
+ itemRender: _itemRender,
38
+ ...rest
16
39
  }) => {
17
- const renderItem = useCallback((_current, type, originalElement) => {
18
- switch (type) {
19
- case ITEM_RENDER_TYPE.prev: {
20
- return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleLeftS, {}) }) });
21
- }
22
- case ITEM_RENDER_TYPE.next: {
23
- return /* @__PURE__ */ jsx(Button, { mode: "single-icon", type: "ghost", children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) }) });
24
- }
25
- case ITEM_RENDER_TYPE.jumpPrev: {
26
- return /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
27
- /* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
28
- /* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: /* @__PURE__ */ jsx(DoubleAngleLeftS, {}) })
29
- ] });
30
- }
31
- case ITEM_RENDER_TYPE.jumpNext: {
32
- return /* @__PURE__ */ jsxs(Button, { mode: "single-icon", type: "ghost", children: [
33
- /* @__PURE__ */ jsx(Icon, { className: "default-icon", component: /* @__PURE__ */ jsx(OptionHorizontalM, {}) }),
34
- /* @__PURE__ */ jsx(Icon, { className: "hover-icon", component: /* @__PURE__ */ jsx(DoubleAngleRightS, {}) })
35
- ] });
36
- }
37
- default: {
38
- return originalElement;
39
- }
40
+ const isCurrentControlled = current !== void 0;
41
+ const isPageSizeControlled = pageSize !== void 0;
42
+ const [internalCurrent, setInternalCurrent] = useState(defaultCurrent);
43
+ const [internalPageSize, setInternalPageSize] = useState(defaultPageSize);
44
+ const activePage = isCurrentControlled ? current : internalCurrent;
45
+ const activePageSize = isPageSizeControlled ? pageSize : internalPageSize;
46
+ const totalPages = Math.max(1, Math.ceil(total / activePageSize));
47
+ const sizeChangerVisible = showSizeChanger ?? total > 50;
48
+ const [jumperValue, setJumperValue] = useState("");
49
+ const goToPage = useCallback((page) => {
50
+ const next = Math.min(Math.max(page, 1), totalPages);
51
+ if (next === activePage) {
52
+ return;
40
53
  }
41
- }, []);
42
- return /* @__PURE__ */ jsx(Pagination$1, { ...props, locale: {
43
- page: "",
44
- ...locale
45
- }, itemRender: renderItem });
54
+ if (!isCurrentControlled) {
55
+ setInternalCurrent(next);
56
+ }
57
+ onChange?.(next, activePageSize);
58
+ }, [activePage, activePageSize, isCurrentControlled, onChange, totalPages]);
59
+ const handleSizeChange = useCallback((size) => {
60
+ const newTotalPages = Math.max(1, Math.ceil(total / size));
61
+ const nextPage = Math.min(activePage, newTotalPages);
62
+ if (!isPageSizeControlled) {
63
+ setInternalPageSize(size);
64
+ }
65
+ if (!isCurrentControlled) {
66
+ setInternalCurrent(nextPage);
67
+ }
68
+ onShowSizeChange?.(nextPage, size);
69
+ onChange?.(nextPage, size);
70
+ }, [activePage, isCurrentControlled, isPageSizeControlled, onChange, onShowSizeChange, total]);
71
+ const handleJump = (event) => {
72
+ if (event.key !== "Enter") {
73
+ return;
74
+ }
75
+ const parsed = Number(jumperValue);
76
+ if (!Number.isNaN(parsed) && parsed > 0) {
77
+ goToPage(parsed);
78
+ }
79
+ setJumperValue("");
80
+ };
81
+ const pages = useMemo(() => getPages(activePage, totalPages, showLessItems), [activePage, totalPages, showLessItems]);
82
+ if (hideOnSinglePage && totalPages <= 1) {
83
+ return null;
84
+ }
85
+ const jumpSize = getJumpSize(showLessItems);
86
+ const prevDisabled = disabled || activePage <= 1;
87
+ const nextDisabled = disabled || activePage >= totalPages;
88
+ const rangeFrom = total === 0 ? 0 : (activePage - 1) * activePageSize + 1;
89
+ const rangeTo = Math.min(activePage * activePageSize, total);
90
+ return /* @__PURE__ */ jsxs(Root, { className: "ds-pagination", style, ...rest, children: [
91
+ showTotal && /* @__PURE__ */ jsx(TotalText, { className: "ds-pagination-total-text", children: showTotal(total, [rangeFrom, rangeTo]) }),
92
+ /* @__PURE__ */ jsx(Nav, { className: "ds-pagination-prev", $side: "prev", $disabled: prevDisabled, onClick: () => !prevDisabled && goToPage(activePage - 1), children: /* @__PURE__ */ jsx(NavIcon, { component: /* @__PURE__ */ jsx(AngleLeftS, {}) }) }),
93
+ pages.map((item, index) => {
94
+ if (item === "jump-prev" || item === "jump-next") {
95
+ const isNext = item === "jump-next";
96
+ return /* @__PURE__ */ jsx(Jump, { className: `ds-pagination-${item}`, onClick: () => goToPage(isNext ? activePage + jumpSize : activePage - jumpSize), children: /* @__PURE__ */ jsx(JumpButton, { next: isNext }) }, `${item}-${index}`);
97
+ }
98
+ return /* @__PURE__ */ jsx(Item, { className: `ds-pagination-item ds-pagination-item-${item}${item === activePage ? " ds-pagination-item-active" : ""}`, $active: item === activePage, onClick: () => goToPage(item), children: /* @__PURE__ */ jsx("a", { role: "button", children: item }) }, item);
99
+ }),
100
+ /* @__PURE__ */ jsx(Nav, { className: "ds-pagination-next", $side: "next", $disabled: nextDisabled, onClick: () => !nextDisabled && goToPage(activePage + 1), children: /* @__PURE__ */ jsx(NavIcon, { component: /* @__PURE__ */ jsx(AngleRightS, {}) }) }),
101
+ (sizeChangerVisible || showQuickJumper) && /* @__PURE__ */ jsxs(Options, { className: "ds-pagination-options", children: [
102
+ sizeChangerVisible && /* @__PURE__ */ jsx(SizeChanger, { className: "ds-pagination-options-size-changer", children: /* @__PURE__ */ jsx(Select, { value: activePageSize, disabled, onChange: (value) => handleSizeChange(Number(value)), children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxs(Select.Option, { value: Number(option), children: [
103
+ option,
104
+ locale?.items_per_page ?? " / page"
105
+ ] }, option)) }) }),
106
+ showQuickJumper && /* @__PURE__ */ jsxs(QuickJumper, { className: "ds-pagination-options-quick-jumper", children: [
107
+ locale?.jump_to ?? "Go to",
108
+ /* @__PURE__ */ jsx(JumperInput, { type: "text", disabled, value: jumperValue, onChange: (event) => setJumperValue(event.target.value), onKeyDown: handleJump }),
109
+ locale?.page
110
+ ] })
111
+ ] })
112
+ ] });
46
113
  };
47
114
  export {
48
115
  Pagination as default
@@ -0,0 +1,14 @@
1
+ export declare const Root: import('styled-components').StyledComponent<"ul", any, {}, never>;
2
+ export declare const TotalText: import('styled-components').StyledComponent<"li", any, {}, never>;
3
+ export declare const Item: import('styled-components').StyledComponent<"li", any, {
4
+ $active?: boolean;
5
+ }, never>;
6
+ export declare const Nav: import('styled-components').StyledComponent<"li", any, {
7
+ $disabled?: boolean;
8
+ $side?: "prev" | "next";
9
+ }, never>;
10
+ export declare const Jump: import('styled-components').StyledComponent<"li", any, {}, never>;
11
+ export declare const Options: import('styled-components').StyledComponent<"li", any, {}, never>;
12
+ export declare const SizeChanger: import('styled-components').StyledComponent<"div", any, {}, never>;
13
+ export declare const QuickJumper: import('styled-components').StyledComponent<"div", any, {}, never>;
14
+ export declare const JumperInput: import('styled-components').StyledComponent<"input", any, {}, never>;
@@ -0,0 +1,49 @@
1
+ import styled, { css } from "styled-components";
2
+ const FONT = "'Graphik LCG Web', sans-serif";
3
+ const Root = /* @__PURE__ */ styled.ul.withConfig({
4
+ displayName: "Paginationstyles__Root",
5
+ componentId: "sc-10qb5kd-0"
6
+ })(["display:flex;align-items:center;margin:0;padding:0;list-style:none;font-family:", ";*{font-family:", ";}"], FONT, FONT);
7
+ const TotalText = /* @__PURE__ */ styled.li.withConfig({
8
+ displayName: "Paginationstyles__TotalText",
9
+ componentId: "sc-10qb5kd-1"
10
+ })(["display:inline-flex;align-items:center;height:32px;margin-right:8px;color:", ";strong{font-weight:500;}"], (props) => props.theme.palette["grey-600"]);
11
+ const Item = /* @__PURE__ */ styled.li.withConfig({
12
+ displayName: "Paginationstyles__Item",
13
+ componentId: "sc-10qb5kd-2"
14
+ })(["display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;margin:0 2px;border:1px solid transparent;border-radius:16px;background-color:transparent;cursor:pointer;transition:background-color 0.2s ease;a{padding:0 6px;color:", ";text-decoration:none;}&:hover{background-color:", ";}", ""], (props) => props.theme.palette["grey-700"], (props) => `${props.theme.palette["grey-400"]}66`, (props) => props.$active && css(["&&{border-color:", ";background-color:", ";a{color:", ";}&:hover a{color:", ";}}"], props.theme.palette["grey-700"], props.theme.palette["grey-700"], props.theme.palette.white, props.theme.palette.white));
15
+ const Nav = /* @__PURE__ */ styled.li.withConfig({
16
+ displayName: "Paginationstyles__Nav",
17
+ componentId: "sc-10qb5kd-3"
18
+ })(["display:inline-flex;align-items:center;color:", ";", " ", " ", ""], (props) => props.theme.palette["grey-600"], (props) => props.$side === "prev" && "margin-right: 8px;", (props) => props.$side === "next" && "margin-left: 8px;", (props) => props.$disabled && css(["opacity:0.4;cursor:not-allowed;> *{pointer-events:none;}"]));
19
+ const Jump = /* @__PURE__ */ styled.li.withConfig({
20
+ displayName: "Paginationstyles__Jump",
21
+ componentId: "sc-10qb5kd-4"
22
+ })(["display:inline-flex;align-items:center;margin:0 8px;&&&{.hover-icon{display:none;}&:hover{.default-icon{display:none;}.hover-icon{display:flex;}}}"]);
23
+ const Options = /* @__PURE__ */ styled.li.withConfig({
24
+ displayName: "Paginationstyles__Options",
25
+ componentId: "sc-10qb5kd-5"
26
+ })(["display:inline-flex;align-items:center;white-space:nowrap;margin-left:16px;"]);
27
+ const SizeChanger = /* @__PURE__ */ styled.div.withConfig({
28
+ displayName: "Paginationstyles__SizeChanger",
29
+ componentId: "sc-10qb5kd-6"
30
+ })(["min-width:140px;margin-right:16px;"]);
31
+ const QuickJumper = /* @__PURE__ */ styled.div.withConfig({
32
+ displayName: "Paginationstyles__QuickJumper",
33
+ componentId: "sc-10qb5kd-7"
34
+ })(["display:inline-flex;align-items:center;white-space:nowrap;color:", ";"], (props) => props.theme.palette["grey-600"]);
35
+ const JumperInput = /* @__PURE__ */ styled.input.withConfig({
36
+ displayName: "Paginationstyles__JumperInput",
37
+ componentId: "sc-10qb5kd-8"
38
+ })(["width:50px;height:32px;margin:0 8px;padding:7px 12px;border:1px solid ", ";border-radius:3px;outline:none;box-sizing:border-box;&:focus{border-color:", ";box-shadow:inset 0 0 0 1px ", ";}"], (props) => props.theme.palette["grey-300"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"]);
39
+ export {
40
+ Item,
41
+ Jump,
42
+ JumperInput,
43
+ Nav,
44
+ Options,
45
+ QuickJumper,
46
+ Root,
47
+ SizeChanger,
48
+ TotalText
49
+ };
@@ -0,0 +1,52 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ import { DataAttributes } from '@synerise/ds-utils';
3
+ export type PaginationItemType = 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
4
+ export type PaginationLocale = {
5
+ /** Trailing label after a page number (kept empty by default). */
6
+ page?: string;
7
+ /** "Go to" jumper prefix. */
8
+ jump_to?: string;
9
+ /** Per-page label in the size changer, e.g. `/ page`. */
10
+ items_per_page?: string;
11
+ };
12
+ export type PaginationProps = {
13
+ /** Controlled current page. */
14
+ current?: number;
15
+ /** Uncontrolled initial page. */
16
+ defaultCurrent?: number;
17
+ /** Total number of items. */
18
+ total?: number;
19
+ /** Controlled page size. */
20
+ pageSize?: number;
21
+ /** Uncontrolled initial page size. */
22
+ defaultPageSize?: number;
23
+ /** Fired when the page or page size changes. */
24
+ onChange?: (page: number, pageSize: number) => void;
25
+ /**
26
+ * Show the page-size `<Select>`. When omitted, follows antd's behaviour and auto-shows once
27
+ * `total > 50`. An explicit `true`/`false` always wins.
28
+ */
29
+ showSizeChanger?: boolean;
30
+ /** Page-size options for the size changer. */
31
+ pageSizeOptions?: (string | number)[];
32
+ /** Fired when the page size changes via the size changer. */
33
+ onShowSizeChange?: (current: number, size: number) => void;
34
+ /** Show the quick-jumper input. */
35
+ showQuickJumper?: boolean;
36
+ /** Render a total/range summary. */
37
+ showTotal?: (total: number, range: [number, number]) => ReactNode;
38
+ /** Use a smaller window of page items. */
39
+ showLessItems?: boolean;
40
+ /** Disable all controls. */
41
+ disabled?: boolean;
42
+ /** Hide the pager when there is only a single page. */
43
+ hideOnSinglePage?: boolean;
44
+ locale?: PaginationLocale;
45
+ /**
46
+ * Accepted for back-compat; the component always renders its own DS nav controls, so a custom
47
+ * `itemRender` has no effect (matching the previous behaviour).
48
+ */
49
+ itemRender?: (page: number, type: PaginationItemType, element: ReactNode) => ReactNode;
50
+ className?: string;
51
+ style?: CSSProperties;
52
+ } & DataAttributes;
@@ -0,0 +1 @@
1
+
@@ -0,0 +1,9 @@
1
+ export type PageItem = number | 'jump-prev' | 'jump-next';
2
+ /**
3
+ * The page-item list, mirroring antd/rc-pagination: when there are few pages they are all shown;
4
+ * otherwise a window of `buffer` pages around `current` is shown, with the first/last page pinned
5
+ * and `jump-prev` / `jump-next` ellipsis controls filling the gaps.
6
+ */
7
+ export declare const getPages: (current: number, totalPages: number, showLessItems?: boolean) => PageItem[];
8
+ /** How many pages a jump-prev / jump-next control skips. */
9
+ export declare const getJumpSize: (showLessItems?: boolean) => number;
@@ -0,0 +1,38 @@
1
+ const getPages = (current, totalPages, showLessItems = false) => {
2
+ const buffer = showLessItems ? 1 : 2;
3
+ if (totalPages <= 5 + buffer * 2) {
4
+ return Array.from({
5
+ length: totalPages
6
+ }, (_, i) => i + 1);
7
+ }
8
+ let left = Math.max(1, current - buffer);
9
+ let right = Math.min(current + buffer, totalPages);
10
+ if (current - 1 <= buffer) {
11
+ right = 1 + buffer * 2;
12
+ }
13
+ if (totalPages - current <= buffer) {
14
+ left = totalPages - buffer * 2;
15
+ }
16
+ const items = [];
17
+ if (left > 1) {
18
+ items.push(1);
19
+ if (left > 2) {
20
+ items.push("jump-prev");
21
+ }
22
+ }
23
+ for (let page = left; page <= right; page += 1) {
24
+ items.push(page);
25
+ }
26
+ if (right < totalPages) {
27
+ if (right < totalPages - 1) {
28
+ items.push("jump-next");
29
+ }
30
+ items.push(totalPages);
31
+ }
32
+ return items;
33
+ };
34
+ const getJumpSize = (showLessItems = false) => (showLessItems ? 1 : 2) * 2 + 1;
35
+ export {
36
+ getJumpSize,
37
+ getPages
38
+ };
package/dist/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default } from './Pagination';
2
+ export type { PaginationProps, PaginationLocale } from './Pagination.types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-pagination",
3
- "version": "1.0.68",
3
+ "version": "1.0.70",
4
4
  "description": "Pagination UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -41,15 +41,16 @@
41
41
  ],
42
42
  "types": "dist/index.d.ts",
43
43
  "dependencies": {
44
- "@synerise/ds-button": "^1.5.33",
44
+ "@synerise/ds-button": "^1.5.34",
45
45
  "@synerise/ds-icon": "^1.18.4",
46
- "@synerise/ds-select": "^1.3.33"
46
+ "@synerise/ds-select": "^1.3.33",
47
+ "@synerise/ds-utils": "^1.10.1"
47
48
  },
48
49
  "peerDependencies": {
49
50
  "@synerise/ds-core": "*",
50
- "antd": "4.24.16",
51
51
  "react": ">=16.9.0 <= 18.3.1",
52
+ "styled-components": "^5.3.3",
52
53
  "vitest": "4"
53
54
  },
54
- "gitHead": "d8c64070f58f14e3fb1bfbcbf00d1e3b8fd51eb8"
55
+ "gitHead": "a81ab6519d49a3dea9c0cfebcdc9104cbb4f4226"
55
56
  }
File without changes
@@ -1 +0,0 @@
1
- .ant-pagination{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum'}.ant-pagination ol,.ant-pagination ul{margin:0;padding:0;list-style:none}.ant-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:' '}.ant-pagination-total-text{display:inline-block;height:32px;margin-right:8px;line-height:30px;vertical-align:middle}.ant-pagination-item{display:inline-block;min-width:32px;height:32px;margin-right:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:30px;text-align:center;vertical-align:middle;list-style:none;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;outline:0;cursor:pointer;user-select:none}.ant-pagination-item a{display:block;padding:0 6px;color:#6a7580;transition:none}.ant-pagination-item a:hover{text-decoration:none}.ant-pagination-item:hover{border-color:#0b68ff;transition:all .3s}.ant-pagination-item:hover a{color:#0b68ff}.ant-pagination-item:focus-visible{border-color:#0b68ff;transition:all .3s}.ant-pagination-item:focus-visible a{color:#0b68ff}.ant-pagination-item-active{font-weight:500;background:#fff;border-color:#0b68ff}.ant-pagination-item-active a{color:#0b68ff}.ant-pagination-item-active:hover{border-color:#38f}.ant-pagination-item-active:focus-visible{border-color:#38f}.ant-pagination-item-active:hover a{color:#38f}.ant-pagination-item-active:focus-visible a{color:#38f}.ant-pagination-jump-next,.ant-pagination-jump-prev{outline:0}.ant-pagination-jump-next .ant-pagination-item-container,.ant-pagination-jump-prev .ant-pagination-item-container{position:relative}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{color:#0b68ff;font-size:11px;letter-spacing:-1px;opacity:0;transition:all .2s}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:#b5bdc3;font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .2s}.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis{opacity:0}.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis{opacity:0}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{display:inline-block;min-width:32px;height:32px;color:#6a7580;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:32px;text-align:center;vertical-align:middle;list-style:none;border-radius:3px;cursor:pointer;transition:all .3s}.ant-pagination-next,.ant-pagination-prev{font-family:Arial,Helvetica,sans-serif;outline:0}.ant-pagination-next button,.ant-pagination-prev button{color:#6a7580;cursor:pointer;user-select:none}.ant-pagination-next:hover button,.ant-pagination-prev:hover button{border-color:#38f}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:block;width:100%;height:100%;padding:0;font-size:12px;text-align:center;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;outline:0;transition:all .3s}.ant-pagination-next:focus-visible .ant-pagination-item-link,.ant-pagination-prev:focus-visible .ant-pagination-item-link{color:#0b68ff;border-color:#0b68ff}.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#0b68ff;border-color:#0b68ff}.ant-pagination-disabled,.ant-pagination-disabled:hover{cursor:not-allowed}.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:hover .ant-pagination-item-link{color:#b5bdc3;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination-disabled:focus-visible{cursor:not-allowed}.ant-pagination-disabled:focus-visible .ant-pagination-item-link{color:#b5bdc3;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast:none){.ant-pagination-options,.ant-pagination-options ::-ms-backdrop{vertical-align:top}}.ant-pagination-options-size-changer.ant-select{display:inline-block;width:auto}.ant-pagination-options-quick-jumper{display:inline-block;height:32px;margin-left:8px;line-height:32px;vertical-align:top}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;width:100%;min-width:0;padding:4px 15px;color:#6a7580;font-size:13px;line-height:1.38;background-color:#fff;background-image:none;border:1px solid #dbe0e3;border-radius:3px;transition:all .3s;width:50px;height:32px;margin:0 8px}.ant-pagination-options-quick-jumper input::placeholder{color:#b5bdc3;user-select:none}.ant-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:hover{border-color:#b5bdc3;border-right-width:1px}.ant-pagination-options-quick-jumper input-focused,.ant-pagination-options-quick-jumper input:focus{border-color:#38f;box-shadow:0 0 0 0 rgba(11,104,255,.2);border-right-width:1px;outline:0}.ant-pagination-options-quick-jumper input-disabled{color:#b5bdc3;background-color:#f9fafb;border-color:#dbe0e3;box-shadow:none;cursor:not-allowed;opacity:1}.ant-pagination-options-quick-jumper input-disabled:hover{border-color:#dbe0e3;border-right-width:1px}.ant-pagination-options-quick-jumper input[disabled]{color:#b5bdc3;background-color:#f9fafb;border-color:#dbe0e3;box-shadow:none;cursor:not-allowed;opacity:1}.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#dbe0e3;border-right-width:1px}.ant-pagination-options-quick-jumper input-borderless,.ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:32px;line-height:1.38;vertical-align:bottom;transition:all .3s,height 0s}.ant-pagination-options-quick-jumper input-lg{padding:6px 15px;font-size:13px}.ant-pagination-options-quick-jumper input-sm{padding:1px 7px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{height:32px;line-height:32px;vertical-align:top}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link{height:32px;background-color:transparent;border:0}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after{height:32px;line-height:32px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;height:32px;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-right:8px;padding:0 6px;text-align:center;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;outline:0;transition:border-color .3s}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#0b68ff}.ant-pagination-simple .ant-pagination-simple-pager input:focus{border-color:#38f;box-shadow:0 0 0 0 rgba(11,104,255,.2)}.ant-pagination-simple .ant-pagination-simple-pager input[disabled]{color:#b5bdc3;background:#f3f5f6;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager,.ant-pagination.ant-pagination-mini .ant-pagination-total-text{height:32px;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-item{min-width:32px;height:32px;margin:0;line-height:30px}.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active){background:0 0;border-color:transparent}.ant-pagination.ant-pagination-mini .ant-pagination-next,.ant-pagination.ant-pagination-mini .ant-pagination-prev{min-width:32px;height:32px;margin:0;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link,.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link{background:0 0;border-color:transparent}.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after{height:32px;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-jump-next,.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev{height:32px;margin-right:0;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-options{margin-left:2px}.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer{top:0}.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper{height:32px;line-height:32px}.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input{padding:1px 7px;width:44px;height:24px}.ant-pagination.ant-pagination-disabled{cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item{background:#f3f5f6;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item a{color:#b5bdc3;background:0 0;border:none;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active{background:#e6e6e6}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a{color:#b5bdc3}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{color:#b5bdc3;background:#f3f5f6;border-color:#dbe0e3;cursor:not-allowed}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{background:0 0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon{opacity:0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis{opacity:1}.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager{color:#b5bdc3}@media only screen and (max-width:992px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@media only screen and (max-width:576px){.ant-pagination-options{display:none}}.ant-pagination-rtl .ant-pagination-total-text{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-item,.ant-pagination-rtl .ant-pagination-jump-next,.ant-pagination-rtl .ant-pagination-jump-prev,.ant-pagination-rtl .ant-pagination-prev{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-slash{margin:0 5px 0 10px}.ant-pagination-rtl .ant-pagination-options{margin-right:16px;margin-left:0}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper{margin-left:0}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options{margin-right:2px;margin-left:0}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;top:0;right:15px;bottom:0;left:15px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:30px;transition:all .3s,visibility 0s}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-placeholder{transition:none;pointer-events:none}.ant-select-single .ant-select-selector .ant-select-selection-item::after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single .ant-select-selector::after{display:inline-block;width:0;visibility:hidden;content:'\a0'}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:28px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:17px}.ant-select-single.ant-select-open .ant-select-selection-item{color:#b5bdc3}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0 15px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:30px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after{line-height:30px}.ant-select-single.ant-select-customize-input .ant-select-selector::after{display:none}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;right:0;left:0;padding:0 15px}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after{display:none}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:40px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after{line-height:38px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:38px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:24px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after{line-height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:22px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:26.5px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:19.5px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{padding:0 15px}.ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%}.ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%}.ant-select-multiple .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:1px 4px}.ant-select-show-search.ant-select-multiple .ant-select-selector{cursor:text}.ant-select-disabled.ant-select-multiple .ant-select-selector{background:#f9fafb;cursor:not-allowed}.ant-select-multiple .ant-select-selector::after{display:inline-block;width:0;margin:2px 0;line-height:24px;visibility:hidden;content:'\a0'}.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:27px}.ant-select-multiple .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:24px;margin-top:2px;margin-bottom:2px;line-height:22px;background:#f3f5f6;border:1px solid #e9edee;border-radius:3px;cursor:default;transition:font-size .3s,line-height .3s,height .3s;user-select:none;margin-inline-end:4px;padding-inline-start:8px;padding-inline-end:4px}.ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:#bfbfbf;border-color:#dbe0e3;cursor:not-allowed}.ant-select-multiple .ant-select-selection-item-content{display:inline-block;margin-right:4px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.ant-select-multiple .ant-select-selection-item-remove{color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-flex;align-items:center;color:#232936;font-weight:700;font-size:10px;line-height:inherit;cursor:pointer}.ant-select-multiple .ant-select-selection-item-remove>*{line-height:1}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block}.ant-select-multiple .ant-select-selection-item-remove::before{display:none}.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon{display:block}.ant-select-multiple .ant-select-selection-item-remove>.anticon{vertical-align:middle}.ant-select-multiple .ant-select-selection-item-remove:hover{color:rgba(0,0,0,.75)}.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0}.ant-select-multiple .ant-select-selection-search{position:relative;max-width:100%;margin-inline-start:11px}.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror{height:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:24px;transition:all .3s}.ant-select-multiple .ant-select-selection-search-input{width:100%;min-width:4.1px}.ant-select-multiple .ant-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:pre;visibility:hidden}.ant-select-multiple .ant-select-selection-placeholder{position:absolute;top:50%;right:15px;left:15px;transform:translateY(-50%);transition:all .3s}.ant-select-multiple.ant-select-lg .ant-select-selector::after{line-height:40px}.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:40px;line-height:38px}.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:40px;line-height:40px}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{height:40px;line-height:38px}.ant-select-multiple.ant-select-sm .ant-select-selector::after{line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:16px;line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{left:7px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{margin-inline-start:3px}.ant-select-disabled .ant-select-selection-item-remove{display:none}.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{background-color:#fff;border-color:#f52922!important}.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector,.ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector{border-color:#ff584d;box-shadow:0 0 0 0 rgba(245,41,34,.2);border-right-width:1px;outline:0}.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector{background-color:#fff;border-color:#fab700!important}.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-focused .ant-select-selector,.ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer).ant-select-open .ant-select-selector{border-color:#ffcd29;box-shadow:0 0 0 0 rgba(250,183,0,.2);border-right-width:1px;outline:0}.ant-select-status-error.ant-select-has-feedback .ant-select-clear,.ant-select-status-success.ant-select-has-feedback .ant-select-clear,.ant-select-status-validating.ant-select-has-feedback .ant-select-clear,.ant-select-status-warning.ant-select-has-feedback .ant-select-clear{right:32px}.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value,.ant-select-status-success.ant-select-has-feedback .ant-select-selection-selected-value,.ant-select-status-validating.ant-select-has-feedback .ant-select-selection-selected-value,.ant-select-status-warning.ant-select-has-feedback .ant-select-selection-selected-value{padding-right:42px}.ant-select{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;transition:all .3s cubic-bezier(.645, .045, .355, 1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{cursor:text}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:auto}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#38f;box-shadow:0 0 0 0 rgba(11,104,255,.2);border-right-width:1px;outline:0}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:#b5bdc3;background:#f9fafb;cursor:not-allowed}.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:#f9fafb}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:not-allowed}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#b5bdc3;border-right-width:1px}.ant-select-selection-item{flex:1;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item,.ant-select-selection-item ::-ms-backdrop{flex:auto}}.ant-select-selection-placeholder{flex:1;overflow:hidden;color:#b5bdc3;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media all and (-ms-high-contrast:none){.ant-select-selection-placeholder,.ant-select-selection-placeholder ::-ms-backdrop{flex:auto}}.ant-select-arrow{display:inline-flex;color:inherit;font-style:normal;line-height:0;text-transform:none;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;right:15px;display:flex;align-items:center;height:11px;margin-top:-5.5px;color:#b5bdc3;font-size:11px;line-height:1;text-align:center;pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow svg{display:inline-block}.ant-select-arrow::before{display:none}.ant-select-arrow .ant-select-arrow-icon{display:block}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-disabled .ant-select-arrow{cursor:not-allowed}.ant-select-arrow>:not(:last-child){margin-inline-end:8px}.ant-select-clear{position:absolute;top:50%;right:15px;z-index:1;display:inline-block;width:11px;height:11px;margin-top:-5.5px;color:#b5bdc3;font-size:11px;font-style:normal;line-height:1;text-align:center;text-transform:none;background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease;text-rendering:auto}.ant-select-clear::before{display:block}.ant-select-clear:hover{color:#232936}.ant-select:hover .ant-select-clear{opacity:1}.ant-select-dropdown{margin:0;padding:0;color:#6a7580;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:absolute;top:-9999px;left:-9999px;z-index:991050;box-sizing:border-box;padding:4px 0;overflow:hidden;font-size:13px;font-variant:initial;background-color:#fff;border-radius:3px;outline:0;box-shadow:0 2px 6px rgba(171,178,183,.12)}.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpIn}.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownIn}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpOut}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownOut}.ant-select-dropdown-hidden{display:none}.ant-select-dropdown-empty{color:#b5bdc3}.ant-select-item-empty{position:relative;display:block;min-height:32px;padding:5px 16px;color:#6a7580;font-weight:400;font-size:13px;line-height:22px;color:#b5bdc3}.ant-select-item{position:relative;display:block;min-height:32px;padding:5px 16px;color:#6a7580;font-weight:400;font-size:13px;line-height:22px;cursor:pointer;transition:background .3s ease}.ant-select-item-group{color:#232936;font-size:11px;cursor:default}.ant-select-item-option{display:flex}.ant-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-select-item-option-state{flex:none}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#f4faff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:#6a7580;font-weight:500;background-color:#fff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{color:#0b68ff}.ant-select-item-option-disabled{color:#b5bdc3;cursor:not-allowed}.ant-select-item-option-disabled.ant-select-item-option-selected{background-color:#f9fafb}.ant-select-item-option-grouped{padding-left:32px}.ant-select-lg{font-size:13px}.ant-select-borderless .ant-select-selector{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-select.ant-select-in-form-item{width:100%}.ant-select-compact-item:not(.ant-select-compact-last-item){margin-right:-1px}.ant-select-compact-item:not(.ant-select-compact-last-item).ant-select-compact-item-rtl{margin-right:0;margin-left:-1px}.ant-select-compact-item:active>*,.ant-select-compact-item:focus>*,.ant-select-compact-item:hover>*{z-index:2}.ant-select-compact-item.ant-select-focused>*{z-index:2}.ant-select-compact-item[disabled]>*{z-index:0}.ant-select-compact-item:not(.ant-select-compact-first-item):not(.ant-select-compact-last-item).ant-select>.ant-select-selector{border-radius:0}.ant-select-compact-item.ant-select-compact-first-item.ant-select:not(.ant-select-compact-last-item):not(.ant-select-compact-item-rtl)>.ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-select-compact-item.ant-select-compact-last-item.ant-select:not(.ant-select-compact-first-item):not(.ant-select-compact-item-rtl)>.ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-select-compact-item.ant-select.ant-select-compact-first-item.ant-select-compact-item-rtl:not(.ant-select-compact-last-item)>.ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-select-compact-item.ant-select.ant-select-compact-last-item.ant-select-compact-item-rtl:not(.ant-select-compact-first-item)>.ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-select-rtl{direction:rtl}.ant-select-rtl .ant-select-arrow{right:initial;left:15px}.ant-select-rtl .ant-select-clear{right:initial;left:15px}.ant-select-dropdown-rtl{direction:rtl}.ant-select-dropdown-rtl .ant-select-item-option-grouped{padding-right:32px;padding-left:16px}.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:4px;padding-left:27px}.ant-select-rtl.ant-select-multiple .ant-select-selection-item{text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content{margin-right:0;margin-left:4px;text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror{right:0;left:auto}.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder{right:15px;left:auto}.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{right:7px}.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder{right:0;left:9px;text-align:right}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:15px;left:28px}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:17px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:6px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:19.5px}.ant-select-selection-selected-value{color:#57616d}.ant-select-selection-placeholder{color:#949ea6;padding-left:2px}.ant-select-dropdown{margin-top:4px}.ant-select-dropdown-menu-item{font-weight:500;color:#57616d}.ant-select-dropdown-menu-item:hover{background-color:#f9fafb;color:#0b68ff}.ant-select-item-group{padding:8px 12px;text-transform:uppercase;color:#949ea6;font-size:10px;line-height:16px;font-weight:500}.ant-select-multiple .ant-select-selection-item{background-color:#f3f5f6}.ant-select-multiple .ant-select-selection-item:hover{background-color:#e9edee}.ant-select-multiple .ant-select-selection-item:hover .ant-select-selection-item-remove svg{color:#f52922;fill:#f52922}.ant-select-dropdown-menu-item:hover:not( .ant-select-dropdown-menu-item-disabled){background-color:#f9fafb}.ant-select-dropdown-menu-item-active{background-color:#f9fafb;color:#57616d}.ant-select-dropdown-menu-item-active:not( .ant-select-dropdown-menu-item-disabled){background:#f9fafb;color:#0b68ff}.ant-select-item-option-disabled{opacity:.4}.ant-select-item-option-disabled:hover .ant-select-item-option-content{background-color:#f9fafb;color:#57616d}.ant-select-dropdown-menu-item-selected.ant-select-dropdown-menu-item-selected{background:0 0;color:#57616d}.ant-select-item-option-selected:after{position:absolute;width:24px;height:24px;right:8px;content:url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzc2ZGMyNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxLTAyLWNoZWNrLXM8L3RpdGxlPjxyZWN0IGlkPSJjYW52YXMiIGNsYXNzPSJjbHMtMSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PHBhdGggZD0iTTEwLjYxLDE1Ljc0YS43NS43NSwwLDAsMS0uNTMtLjIyTDcsMTIuMzZhLjc1Ljc1LDAsMSwxLDEuMDYtMWwyLjU4LDIuNjFMMTYsOC40OGEuNzcuNzcsMCwwLDEsMS4wNywwLC43NS43NSwwLDAsMSwwLDEuMDZsLTUuODksNkEuNzkuNzksMCwwLDEsMTAuNjEsMTUuNzRaIi8+PC9zdmc+');color:#54cb0b;font-size:20px;z-index:11}.ant-select-item-option-selected>.ant-select-item-option-content{padding-right:32px}.ant-select-dropdown{box-shadow:0 8px 16px rgba(171,178,183,.32)}.ant-select-dropdown .ant-empty{display:flex;flex-direction:column;justify-content:center;align-items:center}.ant-select-dropdown .ant-empty p{margin:0}.ant-select-arrow{background-image:url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbnMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjAxLTAzLWFuZ2xlLWRvd24tczwvdGl0bGU+PHJlY3QgaWQ9ImNhbnZhcyIgY2xhc3M9ImNscy0xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48cGF0aCBmaWxsPSIjNmE3NTgwIiBkPSJNMTIsMTQuMzhhLjc5Ljc5LDAsMCwxLS41My0uMjJMOC4yMiwxMC45MWEuNzcuNzcsMCwwLDEsMC0xLjA3Ljc1Ljc1LDAsMCwxLDEuMDYsMEwxMiwxMi41NmwyLjcyLTIuNzJhLjc1Ljc1LDAsMCwxLDEuMDYsMCwuNzcuNzcsMCwwLDEsMCwxLjA3bC0zLjI1LDMuMjVBLjc5Ljc5LDAsMCwxLDEyLDE0LjM4WiIvPjwvc3ZnPg==');width:24px;height:24px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0}.ant-select-arrow .anticon-down{display:none}.ant-select-arrow i{display:none!important}.ant-select-open:not(.ant-select-show-search) .ant-select-arrow{transform:rotateZ(-180deg)}.ant-select-open.ant-select-show-search .ant-select-arrow{background:0 0}.ant-select-dropdown{box-shadow:0 16px 32px 0 rgba(35,41,54,.1);padding:8px}.ant-select-dropdown .ant-select-item-option-content{font-size:13px;line-height:18px;color:#57616d;font-weight:500}.ant-select-dropdown .ant-select-item-option-active{background-color:transparent}.ant-select-dropdown .ant-select-item-option{border-radius:3px;height:32px;display:flex;align-items:center;justify-content:flex-start;padding:0 8px 0 12px}.ant-select-dropdown .ant-select-item-option:hover{background-color:#f9fafb}.ant-select-dropdown .ant-select-item-option:hover .ant-select-item-option-content{color:#0b68ff}.ant-select-dropdown .ant-select-item-option-disabled{opacity:.4}.ant-select-dropdown .ant-select-item-option-disabled:hover{background-color:transparent}.ant-select-dropdown .ant-select-item-option-disabled:hover .ant-select-item-option-content{background-color:transparent;color:#57616d}.ant-select-item-option-state{display:none}.ant-select{color:#57616d;font-size:13px;line-height:18px;font-weight:400}.ant-select.ant-select-single .ant-select-selector{padding:0 12px}.ant-select:hover.error .ant-select-selector{border-color:#f52922}.ant-select-focused .ant-select-selector,.ant-select-selector:active,.ant-select-selector:focus{border-color:#0b68ff!important;box-shadow:inset 0 0 0 1px #0b68ff!important;background:#f4faff!important}.ant-select-disabled .ant-select-selector{border-color:#dbe0e3!important;box-shadow:none!important;background:#f9fafb!important}.ant-select-focused .ant-select-clear{background-color:#f4faff!important}.ant-select .ant-select-clear{width:24px;height:24px;top:9px;right:8px}.ant-select .ant-select-clear svg{fill:#f52922;color:#f52922}.ant-select .ant-select-selector .ant-select-selection-search .ant-select-selection-search-input{left:12px;right:12px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-search{left:12px;margin:0;min-width:10px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-placeholder{left:12px;right:12px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-search-input{margin:0;margin-left:0!important;padding:0}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-item{padding:0 0 0 8px;border:0}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-item{margin-left:2px;margin-right:2px}.ant-select-multiple.ant-select-multiple.ant-select-multiple .ant-select-selection-item+.ant-select-selection-search{left:4px}.ant-select-multiple .ant-select-selector{padding:1px 10px 1px 1px}.ant-select-multiple .ant-select-selection-item-remove svg{fill:#f52922;color:#f52922}.ant-select-dropdown-menu-item-group-title{color:#57616d}.ant-select-single .ant-select-selector .ant-select-selection-search{left:10px}.ant-pagination *{font-family:'Graphik LCG Web',sans-serif}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next{margin-left:8px}.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button .hover-icon{display:none}.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .default-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .default-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .default-icon{display:none}.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-next.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-next.ant-pagination-jump-prev .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-next .ds-button:hover .hover-icon,.ant-pagination-jump-prev.ant-pagination-jump-prev.ant-pagination-jump-prev .ds-button:hover .hover-icon{display:flex}.ant-pagination-next,.ant-pagination-prev{background-size:24px;background-position:center;color:#6a7580}.ant-pagination-next:hover a,.ant-pagination-prev:hover a{border-color:transparent}.ant-pagination-next.ant-pagination-disabled,.ant-pagination-prev.ant-pagination-disabled{opacity:.4}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{text-decoration:none}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{border:1px solid transparent;background-color:transparent;border-radius:50%}.ant-pagination-next:focus .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:focus .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{text-decoration:none;border-color:transparent}.ant-pagination-next:focus .ant-pagination-item-link,.ant-pagination-prev:focus .ant-pagination-item-link{color:inherit}.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#0b68ff}.ant-pagination-next.ant-pagination-disabled,.ant-pagination-prev.ant-pagination-disabled{color:#b5bdc3}.ant-pagination-item{border:1px solid transparent;background-color:transparent;border-radius:16px;margin:0 2px}.ant-pagination-item a{color:#57616d}.ant-pagination-item:focus,.ant-pagination-item:hover{border-color:transparent;background-color:rgba(181,189,195,.4)}.ant-pagination-item-active.ant-pagination-item-active{border-color:#57616d;background-color:#57616d}.ant-pagination-item-active.ant-pagination-item-active a{color:#fff}.ant-pagination-item-active.ant-pagination-item-active:focus a,.ant-pagination-item-active.ant-pagination-item-active:hover a{color:#fff}.ant-pagination-item-link i{display:none}.ant-pagination-options-size-changer.ant-select{margin-right:16px;min-width:140px}.ant-pagination-options,.ant-pagination-options-quick-jumper{display:inline-flex;align-items:center;white-space:nowrap}.ant-pagination-options input,.ant-pagination-options-quick-jumper input{margin:0 8px;padding:7px 12px;height:32px}.ant-pagination-options input:focus,.ant-pagination-options-quick-jumper input:focus{box-shadow:inset 0 0 0 1px #0b68ff;border-color:#0b68ff}