From ac31711875d365119a53ef4e5932d13eaf956b10 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=9C=9D=E4=BF=8A?= Date: Thu, 19 Oct 2023 17:56:38 +0800 Subject: [PATCH 01/82] PullRequest: 200 Fixes oceanbase/odc#429 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-github-odc-429 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/200 Signed-off-by: 晓康 * Fixes oceanbase/odc#429 --- src/page/Project/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/page/Project/index.tsx b/src/page/Project/index.tsx index d7aac2032..67703e53c 100644 --- a/src/page/Project/index.tsx +++ b/src/page/Project/index.tsx @@ -96,7 +96,7 @@ const tabs = [ key: IPageType.Project_User, }, { - tab: formatMessage({ id: 'odc.page.Project.SensitiveData' }), //敏感数据 + tab: '敏感列', key: IPageType.Sensitive, }, { From 5f492c127cc87cb7d923c3913b4e3100aabbbfa5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=9C=9D=E4=BF=8A?= Date: Thu, 19 Oct 2023 17:57:24 +0800 Subject: [PATCH 02/82] PullRequest: 199 Fixes oceanbase/odc#432 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-github-odc-432 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/199 Signed-off-by: 晓康 * Fixes oceanbase/odc#432 --- .../components/SensitiveColumn/components/SacnRule.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/SacnRule.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/SacnRule.tsx index cd258d844..0578fcde5 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/SacnRule.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/SacnRule.tsx @@ -23,6 +23,9 @@ import { formatMessage } from '@/util/intl'; import { Button, Divider, Form, Select } from 'antd'; import { useContext, useEffect, useState } from 'react'; import SensitiveContext from '../../../SensitiveContext'; +import HelpDoc from '@/component/helpDoc'; +import { ProjectRole } from '@/d.ts/project'; +import { projectRoleTextMap } from '@/page/Project/User'; const ScanRule = ({ formRef, reset, setManageSensitiveRuleDrawerOpen }) => { const context = useContext(ProjectContext); const sensitiveContext = useContext(SensitiveContext); @@ -219,6 +222,7 @@ const ScanRule = ({ formRef, reset, setManageSensitiveRuleDrawerOpen }) => { id: 'odc.SensitiveColumn.components.SacnRule.IdentificationRules', }) //识别规则 } + tooltip={'可通过路径、正则或Groovy任意一种识别方式，进行脚本批量选择列'} name="sensitiveRuleIds" rules={[ { From 6b50ba3d56f3745d7eab7051d101e6f78e1b2e04 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=9C=9D=E4=BF=8A?= Date: Thu, 19 Oct 2023 17:58:22 +0800 Subject: [PATCH 03/82] PullRequest: 198 Fixes oceanbase/odc#438 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/198 Signed-off-by: 晓康 * Fixes oceanbase/odc#438 --- .../SensitiveColumn/components/ManualForm.tsx | 16 ++++++++++------ .../components/SensitiveColumn/index.tsx | 4 ++-- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx index c08dbb1ef..fa67ecc2e 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx @@ -34,7 +34,7 @@ import { message, } from 'antd'; import styles from './index.less'; -import { useCallback, useContext, useEffect, useState } from 'react'; +import React, { useCallback, useContext, useEffect, useState } from 'react'; import SensitiveContext from '../../../SensitiveContext'; import { EColumnType, SelectItemProps } from '../../../interface'; import { useForm } from 'antd/lib/form/Form'; @@ -52,7 +52,11 @@ import timeSvg from '@/svgr/Field-time.svg'; // 同步 OCP 等保三密码强度 import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn'; import ProjectContext from '@/page/Project/ProjectContext'; import { MaskRyleTypeMap } from '@/d.ts'; -const ManualForm = ({ modalOpen, setModalOpen, callback }) => { +const ManualForm: React.FC<{ + modalOpen: boolean; + setModalOpen: React.Dispatch>; + callback: () => void; +}> = ({ modalOpen, setModalOpen, callback }) => { const [formRef] = useForm(); const [_formRef] = useForm(); const sensitiveContext = useContext(SensitiveContext); @@ -372,7 +376,7 @@ const ManualForm = ({ modalOpen, setModalOpen, callback }) => { ...result[d.databaseId]?.[d.type], [d.tableTitle]: { ...result[d.databaseId]?.[d.type]?.[d.tableTitle], - [child.title]: 1, + [child.title]: maskingAlgorithmOptions?.[0]?.value || null, }, }; } else { @@ -382,7 +386,7 @@ const ManualForm = ({ modalOpen, setModalOpen, callback }) => { [d.type]: { ...result?.[d.databaseId]?.[d.type], [d.tableTitle]: { - [child.title]: 1, + [child.title]: maskingAlgorithmOptions?.[0]?.value || null, }, }, }; @@ -432,7 +436,7 @@ const ManualForm = ({ modalOpen, setModalOpen, callback }) => { ); } }; - const handleCheckedKeysChange = () => { + const handleCheckedKeysChange = async () => { const treeData = []; let checkedColumns = 0; databaseColumns?.forEach((databaseColumn, index) => { @@ -491,7 +495,7 @@ const ManualForm = ({ modalOpen, setModalOpen, callback }) => { setCheckedColumns(checkedColumns); const data = parseTreeData(treeData); setData(data); - _formRef.setFieldsValue(parseData(data)); + await _formRef.setFieldsValue(parseData(data)); }; const collapseSearch = async function (searchValue: string) { if (!searchValue) { diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx index c06f041ee..8402a54fd 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx @@ -41,7 +41,7 @@ import SensitiveContext from '../../SensitiveContext'; import EditModal from './components/EditSensitiveColumnModal'; import FormSensitiveColumnDrawer from './components/FormSensitiveColumnDrawer'; import tracert from '@/util/tracert'; -import NewManualForm from './components/ManualForm'; +import ManualForm from './components/ManualForm'; import TableOutlined from '@/svgr/menuTable.svg'; import ViewSvg from '@/svgr/menuView.svg'; import styles from './index.less'; @@ -605,7 +605,7 @@ const SensitiveColumn = ({ /> {modalOpen && ( - { From 80ec85e98864e0a0b2b12da022170ee2433d0e0a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Fri, 20 Oct 2023 17:13:08 +0800 Subject: [PATCH 04/82] fixes oceanbase/odc#154, fixes oceanbase/odc#493 --- src/page/Project/Database/AddDataBaseButton/index.tsx | 2 +- src/store/sessionManager/index.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/page/Project/Database/AddDataBaseButton/index.tsx b/src/page/Project/Database/AddDataBaseButton/index.tsx index 61f6c4d0a..89b2b15cf 100644 --- a/src/page/Project/Database/AddDataBaseButton/index.tsx +++ b/src/page/Project/Database/AddDataBaseButton/index.tsx @@ -90,7 +90,7 @@ export default function AddDataBaseButton({ projectId, onSuccess }: IProps) { onValuesChange={(changedValues) => { if (changedValues.hasOwnProperty('dataSourceId')) { fetchDataSource(changedValues?.dataSourceId); - fetchDatabases(null, changedValues?.dataSourceId, 1, 999999, null, null, true); + fetchDatabases(null, changedValues?.dataSourceId, 1, 999999, null, null, true, true); } }} > diff --git a/src/store/sessionManager/index.ts b/src/store/sessionManager/index.ts index 95e319351..1b9a54e8d 100644 --- a/src/store/sessionManager/index.ts +++ b/src/store/sessionManager/index.ts @@ -80,7 +80,7 @@ export class SessionManagerStore { if (!datasource) { return false; } - this.connection.set(connectionId, datasource); + this.connection.set(toInteger(connectionId), datasource); return true; } } From b6e77bc332addf55e1834c984ec2c6ad427e6037 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Tue, 24 Oct 2023 15:36:42 +0800 Subject: [PATCH 05/82] support more datasource --- src/common/network/connection.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/common/network/connection.ts b/src/common/network/connection.ts index 0c5f4e6f5..5c4092f28 100644 --- a/src/common/network/connection.ts +++ b/src/common/network/connection.ts @@ -215,8 +215,8 @@ export async function batchTest( } > > { - const res = await request.get('/api/v2/datasource/datasources/status', { - params: { + const res = await request.post('/api/v2/datasource/datasources/status', { + data: { id: cids, }, }); From b58985f27ccc9aceae9088e90aa3c32295d4b7ba Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Tue, 24 Oct 2023 16:06:41 +0800 Subject: [PATCH 06/82] =?UTF-8?q?fixes=20oceanbase/odc#520,=20fixes=20ocea?= =?UTF-8?q?nbase/odc#524=EF=BC=8C=20fixes=20oceanbase/odc#528?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/component/ProcedureParam/ExtraOptions.tsx | 5 +++- src/component/SelectDatabase/component.tsx | 25 ++++++++++++------- src/component/SelectDatabase/index.tsx | 6 ++++- .../TreeNodeMenu/config/function.tsx | 4 +++ .../TreeNodeMenu/config/package.tsx | 4 +++ .../TreeNodeMenu/config/procedure.tsx | 4 +++ .../TreeNodeMenu/config/sequence.tsx | 4 +++ .../TreeNodeMenu/config/synonym.tsx | 4 +++ .../TreeNodeMenu/config/table.tsx | 8 ++---- .../TreeNodeMenu/config/trigger.tsx | 4 +++ .../ResourceTree/TreeNodeMenu/config/type.tsx | 4 +++ .../ResourceTree/TreeNodeMenu/config/view.tsx | 8 +++++- src/store/helper/page/openPage.ts | 2 +- 13 files changed, 63 insertions(+), 19 deletions(-) diff --git a/src/component/ProcedureParam/ExtraOptions.tsx b/src/component/ProcedureParam/ExtraOptions.tsx index 12cca63b7..132cfd3c7 100644 --- a/src/component/ProcedureParam/ExtraOptions.tsx +++ b/src/component/ProcedureParam/ExtraOptions.tsx @@ -18,6 +18,7 @@ import { formatMessage } from '@/util/intl'; import { getDataSourceModeConfig } from '@/common/datasource'; import { ConnectType, DbObjectType } from '@/d.ts'; import { Col, Form, Row, Select } from 'antd'; +import HelpDoc from '../helpDoc'; export default function ExtraOptions({ dbType, connectType, @@ -36,7 +37,9 @@ export default function ExtraOptions({ + {formatMessage({ id: 'odc.src.component.ProcedureParam.Decisive' })} + /* 决定性 */ } name={['characteristic', 'deterministic']} > diff --git a/src/component/SelectDatabase/component.tsx b/src/component/SelectDatabase/component.tsx index 0acb57272..2bf87276f 100644 --- a/src/component/SelectDatabase/component.tsx +++ b/src/component/SelectDatabase/component.tsx @@ -15,18 +15,19 @@ */ import { getConnectionList } from '@/common/network/connection'; +import { ConnectType } from '@/d.ts'; import { formatMessage } from '@/util/intl'; -import { useParams } from '@umijs/max'; import { useRequest } from 'ahooks'; import { Form, Modal, Select } from 'antd'; interface IProps { open: boolean; + isSupport?: (type: ConnectType) => boolean; onOk: (v: number) => void; onClose: () => void; } -export default function SelectModal({ open, onOk, onClose }: IProps) { +export default function SelectModal({ open, onOk, onClose, isSupport }: IProps) { const { data, loading } = useRequest(getConnectionList, { defaultParams: [ { @@ -70,13 +71,19 @@ export default function SelectModal({ open, onOk, onClose }: IProps) { })} /*请选择*/ style={{ width: 320 }} > - {data?.contents?.map((item) => { - return ( - - {item.name} - - ); - })} + {data?.contents + ?.map((item) => { + const support = isSupport ? isSupport?.(item?.type) : true; + if (!support) { + return null; + } + return ( + + {item.name} + + ); + }) + .filter(Boolean)} diff --git a/src/component/SelectDatabase/index.tsx b/src/component/SelectDatabase/index.tsx index 6b9ac0a08..d28ac7c30 100644 --- a/src/component/SelectDatabase/index.tsx +++ b/src/component/SelectDatabase/index.tsx @@ -16,8 +16,11 @@ import ReactDom from 'react-dom'; import SelectModal from './component'; +import { ConnectType } from '@/d.ts'; -export default async function SelectDatabase(): Promise<[number]> { +export default async function SelectDatabase( + isSupport?: (v: ConnectType) => boolean, +): Promise<[number]> { return new Promise((resolve) => { const mountDom = document.createElement('div'); document.body.appendChild(mountDom); @@ -26,6 +29,7 @@ export default async function SelectDatabase(): Promise<[number]> { } ReactDom.render( { resolve([null]); diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx index 151b41fae..b68132229 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx @@ -36,6 +36,7 @@ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; import { getDataSourceModeConfig } from '@/common/datasource'; +import { isSupportExport } from './helper'; export const functionMenusConfig: Partial> = { [ResourceNodeType.FunctionRoot]: [ @@ -209,6 +210,9 @@ export const functionMenusConfig: Partial { + return !isSupportExport(session); + }, run(session, node) { const func: IFunction = node.data; modal.changeExportModal(true, { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/package.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/package.tsx index 79c1fa512..b1e0f1536 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/package.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/package.tsx @@ -36,6 +36,7 @@ import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; +import { isSupportExport } from './helper'; export const packageMenusConfig: Partial> = { [ResourceNodeType.PackageRoot]: [ @@ -138,6 +139,9 @@ export const packageMenusConfig: Partial { + return !isSupportExport(session); + }, async run(session, node) { const pkgInfo: IPackage = node.data; const pkgBodyList = await getExportObjects( diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx index 362f11b4d..e08cbab58 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx @@ -36,6 +36,7 @@ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; import { getDataSourceModeConfig } from '@/common/datasource'; +import { isSupportExport } from './helper'; export const procedureMenusConfig: Partial> = { [ResourceNodeType.ProcedureRoot]: [ @@ -211,6 +212,9 @@ export const procedureMenusConfig: Partial { + return !isSupportExport(session); + }, run(session, node) { const proc: IProcedure = node.data; modal.changeExportModal(true, { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/sequence.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/sequence.tsx index 210c2cd2c..ca1cb268f 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/sequence.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/sequence.tsx @@ -27,6 +27,7 @@ import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; +import { isSupportExport } from './helper'; export const sequenceMenusConfig: Partial> = { [ResourceNodeType.SequenceRoot]: [ @@ -146,6 +147,9 @@ export const sequenceMenusConfig: Partial { + return !isSupportExport(session); + }, run(session, node) { const sequenceInfo: ISequence = node.data; modal.changeExportModal(true, { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/synonym.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/synonym.tsx index 04cea04ed..e453d06c7 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/synonym.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/synonym.tsx @@ -28,6 +28,7 @@ import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; +import { isSupportExport } from './helper'; function getMenu(synonymType: SynonymType): IMenuItemConfig[] { return [ { @@ -115,6 +116,9 @@ function getMenu(synonymType: SynonymType): IMenuItemConfig[] { key: ResourceTreeNodeMenuKeys.EXPORT_TABLE, text: formatMessage({ id: 'odc.TreeNodeMenu.config.synonym.Export' }), //导出 ellipsis: true, + isHide: (session) => { + return !isSupportExport(session); + }, run(session, node) { const synonym: Partial = node.data; modal.changeExportModal(true, { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/table.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/table.tsx index d2ed05909..f33c62a54 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/table.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/table.tsx @@ -33,6 +33,7 @@ import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; import { getDataSourceModeConfig } from '@/common/datasource'; import tracert from '@/util/tracert'; +import { isSupportExport } from './helper'; export const tableMenusConfig: Partial> = { [ResourceNodeType.TableRoot]: [ { @@ -143,12 +144,7 @@ export const tableMenusConfig: Partial { - return ( - !setting.enableDBExport || - !getDataSourceModeConfig(session?.connection?.type)?.features?.task?.includes( - TaskType.EXPORT, - ) - ); + return !isSupportExport(session); }, run(session, node) { const table = node.data as ITableModel; diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx index 3b2d25772..708822d07 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx @@ -35,6 +35,7 @@ import BatchCompileSvg from '@/svgr/batch-compile-all.svg'; import { downloadPLDDL } from '@/util/sqlExport'; import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/icons'; import { message, Modal } from 'antd'; +import { isSupportExport } from './helper'; export const triggerMenusConfig: Partial> = { [ResourceNodeType.TriggerRoot]: [ @@ -188,6 +189,9 @@ export const triggerMenusConfig: Partial { + return !isSupportExport(session); + }, run(session, node) { const trigger: ITrigger = node.data || {}; modal.changeExportModal(true, { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/type.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/type.tsx index 8f2ed7a20..3f24e32f6 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/type.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/type.tsx @@ -29,6 +29,7 @@ import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; +import { isSupportExport } from './helper'; export const typeMenusConfig: Partial> = { [ResourceNodeType.TypeRoot]: [ { @@ -88,6 +89,9 @@ export const typeMenusConfig: Partial { + return !isSupportExport(session); + }, run(session, node) { const type: IType = node.data; modal.changeExportModal(true, { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/view.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/view.tsx index 5d1d20081..6963e837b 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/view.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/view.tsx @@ -18,7 +18,7 @@ import { dropObject } from '@/common/network/database'; import { getView } from '@/common/network/view'; import { actionTypes } from '@/component/Acess'; import { copyObj } from '@/component/TemplateInsertModal'; -import { DbObjectType, DragInsertType, IView, ResourceTreeNodeMenuKeys } from '@/d.ts'; +import { DbObjectType, DragInsertType, IView, ResourceTreeNodeMenuKeys, TaskType } from '@/d.ts'; import { PropsTab, TopTab } from '@/page/Workspace/components/ViewPage'; import { openCreateViewPage, openViewViewPage } from '@/store/helper/page'; import modal from '@/store/modal'; @@ -29,6 +29,9 @@ import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; +import setting from '@/store/setting'; +import { getDataSourceModeConfig } from '@/common/datasource'; +import { isSupportExport } from './helper'; export const viewMenusConfig: Partial> = { [ResourceNodeType.ViewRoot]: [ @@ -91,6 +94,9 @@ export const viewMenusConfig: Partial { + return !isSupportExport(session); + }, run(session, node) { const view = node.data as IView; modal.changeExportModal(true, { diff --git a/src/store/helper/page/openPage.ts b/src/store/helper/page/openPage.ts index d64ba24af..bc0823695 100644 --- a/src/store/helper/page/openPage.ts +++ b/src/store/helper/page/openPage.ts @@ -198,7 +198,7 @@ export async function openSessionParamsPage(datasourceId?: number) { export async function openRecycleBin(cid?: number) { if (!cid) { - [cid] = await SelectDatabase(); + [cid] = await SelectDatabase((type) => getDataSourceModeConfig(type)?.features?.recycleBin); } if (!cid) { return; From 2cfd86e0f0d03daffe89cdaca7cdd9cfb3cb3c33 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Tue, 24 Oct 2023 16:13:52 +0800 Subject: [PATCH 07/82] add missing file --- .../ResourceTree/TreeNodeMenu/config/helper.tsx | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx new file mode 100644 index 000000000..7a594221a --- /dev/null +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx @@ -0,0 +1,11 @@ +import { getDataSourceModeConfig } from '@/common/datasource'; +import { TaskType } from '@/d.ts'; +import SessionStore from '@/store/sessionManager/session'; +import setting from '@/store/setting'; + +export function isSupportExport(session: SessionStore) { + return ( + setting.enableDBExport && + getDataSourceModeConfig(session?.connection?.type)?.features?.task?.includes(TaskType.EXPORT) + ); +} From aa4729b314ebf994d9737c887e171d858d6a5791 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Tue, 24 Oct 2023 16:48:26 +0800 Subject: [PATCH 08/82] chaneg betch test body struct --- src/common/network/connection.ts | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/common/network/connection.ts b/src/common/network/connection.ts index 5c4092f28..742328911 100644 --- a/src/common/network/connection.ts +++ b/src/common/network/connection.ts @@ -216,9 +216,7 @@ export async function batchTest( > > { const res = await request.post('/api/v2/datasource/datasources/status', { - data: { - id: cids, - }, + data: cids, }); return res?.data; } From 196819809babdc14a4c9c7cb914edb611449b6c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 10:00:35 +0800 Subject: [PATCH 09/82] Improve datasource tree loading performance --- pnpm-lock.yaml | 131 ++++++++---------- .../SelectPanel/Datasource/index.tsx | 20 ++- 2 files changed, 78 insertions(+), 73 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 8ec41fb26..c3d413774 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -703,7 +703,7 @@ packages: peerDependencies: react: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 json2mq: 0.2.0 react: 17.0.2 @@ -3846,7 +3846,7 @@ packages: peerDependencies: react: '>=16.3.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 hoist-non-react-statics: 3.3.2 react: 17.0.2 react-is: 16.13.1 @@ -3858,7 +3858,7 @@ packages: peerDependencies: react: '>=16.3.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 hoist-non-react-statics: 3.3.2 react: 18.1.0 react-is: 16.13.1 @@ -4040,20 +4040,6 @@ packages: webpack: 4.46.0(webpack-cli@3.3.12) dev: true - /@rc-component/portal@1.1.0(react-dom@17.0.2)(react@17.0.2): - resolution: {integrity: sha512-tbXM9SB1r5FOuZjRCljERFByFiEUcMmCWMXLog/NmgCzlAzreXyf23Vei3ZpSMxSMavzPnhCovfZjZdmxS3d1w==} - engines: {node: '>=8.x'} - peerDependencies: - react: '>=16.9.0' - react-dom: '>=16.9.0' - dependencies: - '@babel/runtime': 7.21.0 - classnames: 2.3.2 - rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) - react: 17.0.2 - react-dom: 17.0.2(react@17.0.2) - dev: true - /@rc-component/portal@1.1.2(react-dom@17.0.2)(react@17.0.2): resolution: {integrity: sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==} engines: {node: '>=8.x'} @@ -4061,7 +4047,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -4180,7 +4166,7 @@ packages: dependencies: '@babel/core': 7.21.3 postcss: 7.0.39 - postcss-syntax: 0.36.2(postcss@8.4.31) + postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) transitivePeerDependencies: - supports-color dev: true @@ -4194,7 +4180,7 @@ packages: dependencies: '@babel/core': 7.21.3 postcss: 8.4.27 - postcss-syntax: 0.36.2(postcss@8.4.27) + postcss-syntax: 0.36.2(postcss@8.4.31) transitivePeerDependencies: - supports-color dev: true @@ -4207,7 +4193,7 @@ packages: postcss-syntax: '>=0.36.2' dependencies: postcss: 7.0.39 - postcss-syntax: 0.36.2(postcss@8.4.31) + postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) remark: 13.0.0 unist-util-find-all-after: 3.0.2 transitivePeerDependencies: @@ -4423,7 +4409,7 @@ packages: engines: {node: '>=10'} dependencies: '@babel/code-frame': 7.22.10 - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 '@types/aria-query': 4.2.2 aria-query: 4.2.2 chalk: 4.1.2 @@ -4563,7 +4549,7 @@ packages: resolution: {integrity: sha512-hy8b7Y1J8OGe6LbAjj3xniQrj3v6lsivCcrmf4TzSgPzLkhIeKgc5IZnT7ReIqmEuodjfO8EYAuoFvIrHi/+jQ==} deprecated: This is a stub types definition. history provides its own type definitions, so you do not need this installed. dependencies: - history: 4.10.1 + history: 5.3.0 dev: true /@types/hoist-non-react-statics@3.3.1: @@ -4721,7 +4707,7 @@ packages: '@types/history': 4.7.11 '@types/react': 16.14.50 '@types/react-router': 5.1.20 - redux: 3.7.2 + redux: 4.2.1 dev: true /@types/react-router@5.1.20: @@ -5465,7 +5451,7 @@ packages: /@umijs/history@5.3.1: resolution: {integrity: sha512-/e0cEGrR2bIWQD7pRl3dl9dcyRGeC9hoW0OCvUTT/hjY0EfUrkd6G8ZanVghPMpDuY5usxq9GVcvrT8KNXLWvA==} dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 query-string: 6.14.1 dev: true @@ -5482,7 +5468,7 @@ packages: eslint-plugin-react: 7.32.2(eslint@8.35.0) eslint-plugin-react-hooks: 4.6.0(eslint@8.35.0) postcss: 8.4.27 - postcss-syntax: 0.36.2(postcss@8.4.27) + postcss-syntax: 0.36.2(postcss@8.4.31) stylelint-config-standard: 25.0.0(stylelint@14.8.2) transitivePeerDependencies: - eslint @@ -6171,7 +6157,7 @@ packages: '@ant-design/colors': 6.0.0 '@ant-design/icons': 4.8.0(react-dom@17.0.2)(react@17.0.2) '@ant-design/react-slick': 1.0.2(react@17.0.2) - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 '@ctrl/tinycolor': 3.6.0 classnames: 2.3.2 copy-to-clipboard: 3.3.3 @@ -6343,7 +6329,7 @@ packages: resolution: {integrity: sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==} engines: {node: '>=6.0'} dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 '@babel/runtime-corejs3': 7.21.0 dev: true @@ -8385,7 +8371,7 @@ packages: /dom-helpers@5.2.1: resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==} dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 csstype: 3.1.1 dev: true @@ -10613,7 +10599,7 @@ packages: /history@5.3.0: resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==} dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 dev: true /hmac-drbg@1.0.1: @@ -13980,7 +13966,7 @@ packages: dependencies: htmlparser2: 3.10.1 postcss: 7.0.39 - postcss-syntax: 0.36.2(postcss@8.4.31) + postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) dev: true /postcss-image-set-function@4.0.7(postcss@8.4.27): @@ -14453,7 +14439,7 @@ packages: postcss: 8.4.27 dev: true - /postcss-syntax@0.36.2(postcss@8.4.27): + /postcss-syntax@0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39): resolution: {integrity: sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==} peerDependencies: postcss: '>=5.0.0' @@ -14474,7 +14460,10 @@ packages: postcss-scss: optional: true dependencies: - postcss: 8.4.27 + postcss: 7.0.39 + postcss-html: 0.36.0(postcss-syntax@0.36.2)(postcss@7.0.39) + postcss-less: 3.1.4 + postcss-scss: 2.1.1 dev: true /postcss-syntax@0.36.2(postcss@8.4.31): @@ -14896,7 +14885,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 dom-align: 1.12.4 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -14911,7 +14900,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 array-tree-filter: 2.1.0 classnames: 2.3.2 rc-select: 14.1.17(react-dom@17.0.2)(react@17.0.2) @@ -14927,7 +14916,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -14940,7 +14929,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -14955,8 +14944,8 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 - '@rc-component/portal': 1.1.0(react-dom@17.0.2)(react@17.0.2) + '@babel/runtime': 7.23.2 + '@rc-component/portal': 1.1.2(react-dom@17.0.2)(react@17.0.2) classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -14970,7 +14959,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 '@rc-component/portal': 1.1.2(react-dom@17.0.2)(react@17.0.2) classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) @@ -14985,7 +14974,7 @@ packages: react: '>=16.11.0' react-dom: '>=16.11.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-trigger: 5.3.4(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -15000,7 +14989,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 async-validator: 4.2.5 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15027,8 +15016,8 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 - '@rc-component/portal': 1.1.0(react-dom@17.0.2)(react@17.0.2) + '@babel/runtime': 7.23.2 + '@rc-component/portal': 1.1.2(react-dom@17.0.2)(react@17.0.2) classnames: 2.3.2 rc-dialog: 9.0.2(react-dom@17.0.2)(react@17.0.2) rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) @@ -15043,7 +15032,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15056,7 +15045,7 @@ packages: react: '>=16.0.0' react-dom: '>=16.0.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15069,7 +15058,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-menu: 9.8.2(react-dom@17.0.2)(react@17.0.2) rc-textarea: 0.4.7(react-dom@17.0.2)(react@17.0.2) @@ -15102,7 +15091,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) rc-overflow: 1.2.8(react-dom@17.0.2)(react@17.0.2) @@ -15118,7 +15107,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15132,7 +15121,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -15146,10 +15135,10 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-resize-observer: 1.3.1(react-dom@17.0.2)(react@17.0.2) - rc-util: 5.33.0(react-dom@17.0.2)(react@17.0.2) + rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 react-dom: 17.0.2(react@17.0.2) dev: true @@ -15160,7 +15149,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 react: 17.0.2 react-dom: 17.0.2(react@17.0.2) @@ -15191,7 +15180,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15205,7 +15194,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15232,7 +15221,7 @@ packages: react: '>=16.0.0' react-dom: '>=16.0.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -15265,7 +15254,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15280,7 +15269,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15293,7 +15282,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15323,7 +15312,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-dropdown: 4.0.1(react-dom@17.0.2)(react@17.0.2) rc-menu: 9.8.2(react-dom@17.0.2)(react@17.0.2) @@ -15340,7 +15329,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-resize-observer: 1.3.1(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -15355,7 +15344,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-trigger: 5.3.4(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15368,7 +15357,7 @@ packages: react: '*' react-dom: '*' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-select: 14.1.17(react-dom@17.0.2)(react@17.0.2) rc-tree: 5.7.2(react-dom@17.0.2)(react@17.0.2) @@ -15384,7 +15373,7 @@ packages: react: '*' react-dom: '*' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) @@ -15400,7 +15389,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-align: 4.0.15(react-dom@17.0.2)(react@17.0.2) rc-motion: 2.6.3(react-dom@17.0.2)(react@17.0.2) @@ -15415,7 +15404,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 classnames: 2.3.2 rc-util: 5.38.0(react-dom@17.0.2)(react@17.0.2) react: 17.0.2 @@ -15438,7 +15427,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 react: 17.0.2 react-dom: 17.0.2(react@17.0.2) react-is: 16.13.1 @@ -15450,7 +15439,7 @@ packages: react: '>=16.9.0' react-dom: '>=16.9.0' dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 react: 17.0.2 react-dom: 17.0.2(react@17.0.2) react-is: 18.2.0 @@ -15556,7 +15545,7 @@ packages: react: ^16.6.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.6.0 || ^17.0.0 || ^18.0.0 dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 invariant: 2.2.4 prop-types: 15.8.1 react: 17.0.2 @@ -15571,7 +15560,7 @@ packages: react: ^16.6.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.6.0 || ^17.0.0 || ^18.0.0 dependencies: - '@babel/runtime': 7.21.0 + '@babel/runtime': 7.23.2 invariant: 2.2.4 prop-types: 15.8.1 react: 18.1.0 @@ -17326,7 +17315,7 @@ packages: postcss-sass: 0.4.4 postcss-scss: 2.1.1 postcss-selector-parser: 6.0.11 - postcss-syntax: 0.36.2(postcss@8.4.31) + postcss-syntax: 0.36.2(postcss-html@0.36.0)(postcss-less@3.1.4)(postcss-scss@2.1.1)(postcss@7.0.39) postcss-value-parser: 4.2.0 resolve-from: 5.0.0 slash: 3.0.0 diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx index 87a4c47e5..5ebc35edb 100644 --- a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx @@ -50,7 +50,7 @@ import { IDatasource } from '@/d.ts/datasource'; import NewDatasourceDrawer from '@/page/Datasource/Datasource/NewDatasourceDrawer'; import ResourceTreeContext from '@/page/Workspace/context/ResourceTreeContext'; import login from '@/store/login'; -import { toInteger, toNumber } from 'lodash'; +import { toInteger, toNumber, throttle } from 'lodash'; import { ConnectType, IConnectionStatus } from '@/d.ts'; import { PlusOutlined } from '@ant-design/icons'; import StatusIcon from './StatusIcon'; @@ -69,9 +69,12 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { const [addDSVisiable, setAddDSVisiable] = useState(false); const [loopCount, setLoopCount] = useState(0); const [searchKey, setSearchKey] = useState(''); + const [wrapperHeight, setWrapperHeight] = useState(0); + console.log('wrapperHeight', wrapperHeight); const loopStatusRef = useRef(null); const update = useUpdate(); const unmountRef = useUnmountedRef(); + const treeWrapperRef = useRef(); const context = useContext(ResourceTreeContext); let { datasourceList } = context; @@ -117,6 +120,17 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { }, 2000); } + useEffect(() => { + const resizeHeight = throttle(() => { + setWrapperHeight(treeWrapperRef?.current?.offsetHeight); + }, 500); + setWrapperHeight(treeWrapperRef.current?.clientHeight); + window.addEventListener('resize', resizeHeight); + return () => { + window.removeEventListener('resize', resizeHeight); + }; + }, []); + useEffect(() => { /** * 获取数据源状态 @@ -231,10 +245,12 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { ) : null} -
+
{datasource?.length ? ( { const dataSource = datasourceList?.find((d) => d.id == node.key); return ( From e99010ecf4d138754ba63ee84ac97a52515ac98e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 11:19:07 +0800 Subject: [PATCH 10/82] fixes oceanabse/odc#597 --- .../NewDatasourceDrawer/Form/SSLItem/SingleUploadFile.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/SSLItem/SingleUploadFile.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/SSLItem/SingleUploadFile.tsx index 60884add3..b5d9eae76 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/SSLItem/SingleUploadFile.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/SSLItem/SingleUploadFile.tsx @@ -38,11 +38,11 @@ const SingleUpload: React.FC = function ({ }) { const [innerFile, _setInnerFile] = useState(null); function setInnerFile(file: UploadFile) { - if (file?.uid !== value) { + _setInnerFile(file); + if (file?.uid !== value && !['error', 'uploading'].includes(file?.status)) { const objectId = file?.response?.data?.contents?.[0]?.objectId; onChange(objectId); } - _setInnerFile(file); } useEffect(() => { if (value) { From 898d84a9929e561f1d27b5ae0fc90694504280a8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 11:46:34 +0800 Subject: [PATCH 11/82] update antd dark theme, fixes oceanbase/odc#556 --- src/style/theme/antd.dark.less | 4418 +- src/style/theme/antd.darkTemplate.css | 60329 +++++++++++------------- 2 files changed, 29326 insertions(+), 35421 deletions(-) diff --git a/src/style/theme/antd.dark.less b/src/style/theme/antd.dark.less index 17e0e2b84..0cede4346 100644 --- a/src/style/theme/antd.dark.less +++ b/src/style/theme/antd.dark.less @@ -1,5 +1,9 @@ /*自动生成的文件，不要改动！*/ .odc-dark { + html { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + } + h1, h2, h3, @@ -240,13 +244,6 @@ color: rgba(255, 255, 255, 0.85); } - @supports (-moz-appearance: meterbar) { - .ant-select-single .ant-select-selector .ant-select-selection-item, - .ant-select-single .ant-select-selector .ant-select-selection-placeholder { - line-height: 30px; - } - } - .ant-select-single.ant-select-open .ant-select-selection-item { color: rgba(255, 255, 255, 0.3); } @@ -274,58 +271,34 @@ color: rgba(255, 255, 255, 0.75); } - .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) + .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: transparent; border-color: #a61d24 !important; } - .ant-select-status-error.ant-select:not(.ant-select-disabled):not( - .ant-select-customize-input - ).ant-select-open + .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, - .ant-select-status-error.ant-select:not(.ant-select-disabled):not( - .ant-select-customize-input - ).ant-select-focused + .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 { border-color: #a61d24; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; } - .ant-select-status-error .ant-select-feedback-icon { - color: #a61d24; - } - - .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) + .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: transparent; border-color: #d89614 !important; } - .ant-select-status-warning.ant-select:not(.ant-select-disabled):not( - .ant-select-customize-input - ).ant-select-open + .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, - .ant-select-status-warning.ant-select:not(.ant-select-disabled):not( - .ant-select-customize-input - ).ant-select-focused + .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 { border-color: #d89614; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-select-status-warning .ant-select-feedback-icon { - color: #d89614; - } - - .ant-select-status-success .ant-select-feedback-icon { - color: #49aa19; - } - - .ant-select-status-validating .ant-select-feedback-icon { - color: #177ddc; + border-right-width: 1px; } .ant-select { @@ -341,8 +314,8 @@ .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { @@ -530,7 +503,6 @@ background-color: var(--background-secondry-color); box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 8px rgba(0, 0, 0, 0.45) \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { @@ -557,7 +529,7 @@ color: rgba(255, 255, 255, 0.85); } - .ant-popover-message > .anticon { + .ant-popover-message-icon { color: #d89614; } @@ -566,11 +538,7 @@ } .ant-popover-arrow-content { - background-color: var(--background-secondry-color); - } - - .ant-popover-arrow-content::before { - background: linear-gradient(to left, #1f1f1f 50%, #1f1f1f 50%) no-repeat -10px -10px; + --antd-arrow-background-color: var(--background-secondry-color); } .ant-popover-placement-top .ant-popover-arrow-content, @@ -950,14 +918,14 @@ } .ant-breadcrumb a:hover { - color: #165996; + color: rgba(255, 255, 255, 0.85); } - .ant-breadcrumb > span:last-child { + .ant-breadcrumb li:last-child { color: rgba(255, 255, 255, 0.85); } - .ant-breadcrumb > span:last-child a { + .ant-breadcrumb li:last-child a { color: rgba(255, 255, 255, 0.85); } @@ -965,1751 +933,1780 @@ color: rgba(255, 255, 255, 0.45); } - .ant-menu-item-danger.ant-menu-item { - color: #a61d24; - } - - .ant-menu-item-danger.ant-menu-item:hover, - .ant-menu-item-danger.ant-menu-item-active { + .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { color: #a61d24; } - .ant-menu-item-danger.ant-menu-item:active { - background: #2a1215; - } - - .ant-menu-item-danger.ant-menu-item-selected { - color: #a61d24; + .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { + color: #fff; + background-color: #a61d24; } - .ant-menu-item-danger.ant-menu-item-selected > a, - .ant-menu-item-danger.ant-menu-item-selected > a:hover { - color: #a61d24; + .ant-dropdown { + color: rgba(255, 255, 255, 0.85); } - .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { - background-color: #2a1215; + .ant-dropdown::before { + opacity: 0.0001; } - .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { - border-right-color: #a61d24; + .ant-dropdown-arrow::before { + background: var(--background-secondry-color); } - .ant-menu-dark .ant-menu-item-danger.ant-menu-item, - .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, - .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { - color: #a61d24; + .ant-dropdown-placement-top > .ant-dropdown-arrow, + .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, + .ant-dropdown-placement-topRight > .ant-dropdown-arrow { + box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); } - .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) - .ant-menu-item-danger.ant-menu-item-selected { - color: #fff; - background-color: #a61d24; + .ant-dropdown-placement-bottom > .ant-dropdown-arrow, + .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, + .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { + box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); } - .ant-menu { - color: rgba(255, 255, 255, 0.85); - background: var(--background-primary-color); + .ant-dropdown-menu { + background-color: var(--background-secondry-color); box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); } - .ant-menu.ant-menu-root:focus-visible { - box-shadow: 0 0 0 2px #11263c; - } - - .ant-menu-item-group-title { + .ant-dropdown-menu-item-group-title { color: rgba(255, 255, 255, 0.45); } - .ant-menu-submenu-selected { - color: #177ddc; - } - - .ant-menu-item:active, - .ant-menu-submenu-title:active { - background: #111b26; + .ant-dropdown-menu-submenu-popup { + background: transparent; } - .ant-menu-item a { + .ant-dropdown-menu-item, + .ant-dropdown-menu-submenu-title { color: rgba(255, 255, 255, 0.85); } - .ant-menu-item a:hover { + .ant-dropdown-menu-item-selected, + .ant-dropdown-menu-submenu-title-selected { color: #177ddc; + background-color: #111b26; } - .ant-menu-item a::before { - background-color: transparent; + .ant-dropdown-menu-item:hover, + .ant-dropdown-menu-submenu-title:hover, + .ant-dropdown-menu-item.ant-dropdown-menu-item-active, + .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active { + background-color: rgba(255, 255, 255, 0.08); } - .ant-menu-item > .ant-badge a { - color: rgba(255, 255, 255, 0.85); + .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled, + .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled, + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled, + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled { + color: rgba(255, 255, 255, 0.3); } - .ant-menu-item > .ant-badge a:hover { - color: #177ddc; + .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover, + .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover, + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover, + .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; } - .ant-menu-item-divider { - border-color: #303030; - border-style: solid; - border-width: 1px 0 0; + .ant-dropdown-menu-item-divider, + .ant-dropdown-menu-submenu-title-divider { + background-color: #303030; } - .ant-menu-horizontal > .ant-menu-item:hover, - .ant-menu-horizontal > .ant-menu-item-active, - .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { - background-color: transparent; + .ant-dropdown-menu-item + .ant-dropdown-menu-submenu-expand-icon + .ant-dropdown-menu-submenu-arrow-icon, + .ant-dropdown-menu-submenu-title + .ant-dropdown-menu-submenu-expand-icon + .ant-dropdown-menu-submenu-arrow-icon { + color: rgba(255, 255, 255, 0.45); } - .ant-menu-item-selected { - color: #177ddc; + .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, + .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled + .ant-dropdown-menu-submenu-title + .ant-dropdown-menu-submenu-arrow-icon { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; } - .ant-menu-item-selected a, - .ant-menu-item-selected a:hover { + .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { color: #177ddc; } - .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { - background-color: #111b26; + .ant-dropdown-menu-dark, + .ant-dropdown-menu-dark .ant-dropdown-menu { + background: var(--background-secondry-color); } - .ant-menu-inline, - .ant-menu-vertical, - .ant-menu-vertical-left { - border-right: 1px solid #303030; + .ant-dropdown-menu-dark .ant-dropdown-menu-item, + .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, + .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, + .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { + color: rgba(255, 255, 255, 0.65); } - .ant-menu-vertical-right { - border-left: 1px solid #303030; + .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, + .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, + .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, + .ant-dropdown-menu-dark + .ant-dropdown-menu-item + > .anticon + + span + > a + .ant-dropdown-menu-submenu-arrow::after { + color: rgba(255, 255, 255, 0.65); } - .ant-menu-item .ant-menu-item-icon + span, - .ant-menu-submenu-title .ant-menu-item-icon + span, - .ant-menu-item .anticon + span, - .ant-menu-submenu-title .anticon + span { - opacity: 1; + .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, + .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, + .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, + .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { + color: #fff; + background: transparent; } - .ant-menu-item:focus-visible, - .ant-menu-submenu-title:focus-visible { - box-shadow: 0 0 0 2px #11263c; + .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, + .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, + .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { + color: #fff; + background: #177ddc; } - .ant-menu-submenu-popup { + .ant-btn { + border: 1px solid transparent; + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); + border-radius: 2px; + color: rgba(255, 255, 255, 0.85); + border-color: #434343; background: transparent; } - .ant-menu-submenu-popup::before { - opacity: 0.0001; + .ant-btn > a:only-child::after { + background: transparent; } - .ant-menu-submenu > .ant-menu { - background-color: var(--background-primary-color); + .ant-btn:hover, + .ant-btn:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-menu-submenu-popup > .ant-menu { - background-color: var(--background-secondry-color); + .ant-btn:hover > a:only-child::after, + .ant-btn:focus > a:only-child::after { + background: transparent; } - .ant-menu-submenu-expand-icon, - .ant-menu-submenu-arrow { - color: rgba(255, 255, 255, 0.85); + .ant-btn:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; } - .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, - .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { - color: #177ddc; + .ant-btn:active > a:only-child::after { + background: transparent; } - .ant-menu-vertical .ant-menu-submenu-selected, - .ant-menu-vertical-left .ant-menu-submenu-selected, - .ant-menu-vertical-right .ant-menu-submenu-selected { - color: #177ddc; + .ant-btn[disabled], + .ant-btn[disabled]:hover, + .ant-btn[disabled]:focus, + .ant-btn[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-menu-horizontal { - border: 0; - border-bottom: 1px solid #303030; + .ant-btn[disabled] > a:only-child::after, + .ant-btn[disabled]:hover > a:only-child::after, + .ant-btn[disabled]:focus > a:only-child::after, + .ant-btn[disabled]:active > a:only-child::after { + background: transparent; } - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { - color: #177ddc; + .ant-btn:hover, + .ant-btn:focus, + .ant-btn:active { + background: transparent; } - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, - .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { - border-bottom: 2px solid #177ddc; - } - - .ant-menu-horizontal > .ant-menu-item::after, - .ant-menu-horizontal > .ant-menu-submenu::after { - border-bottom: 2px solid transparent; + .ant-btn-primary { + color: #fff; + border-color: #177ddc; + background: #177ddc; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } - .ant-menu-horizontal > .ant-menu-item a { - color: rgba(255, 255, 255, 0.85); + .ant-btn-primary > a:only-child::after { + background: transparent; } - .ant-menu-horizontal > .ant-menu-item a:hover { - color: #177ddc; + .ant-btn-primary:hover, + .ant-btn-primary:focus { + color: #fff; + border-color: #095cb5; + background: #095cb5; } - .ant-menu-horizontal > .ant-menu-item-selected a { - color: #177ddc; + .ant-btn-primary:hover > a:only-child::after, + .ant-btn-primary:focus > a:only-child::after { + background: transparent; } - .ant-menu-vertical .ant-menu-item::after, - .ant-menu-vertical-left .ant-menu-item::after, - .ant-menu-vertical-right .ant-menu-item::after, - .ant-menu-inline .ant-menu-item::after { - border-right: 3px solid #177ddc; - opacity: 0; + .ant-btn-primary:active { + color: #fff; + border-color: #3c9be8; + background: #3c9be8; } - .ant-menu-inline .ant-menu-selected::after, - .ant-menu-inline .ant-menu-item-selected::after { - opacity: 1; + .ant-btn-primary:active > a:only-child::after { + background: transparent; } - .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-item-group - > .ant-menu-item-group-list - > .ant-menu-item - .ant-menu-submenu-arrow, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-item-group - > .ant-menu-item-group-list - > .ant-menu-submenu - > .ant-menu-submenu-title - .ant-menu-submenu-arrow, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-submenu - > .ant-menu-submenu-title - .ant-menu-submenu-arrow { - opacity: 0; + .ant-btn-primary[disabled], + .ant-btn-primary[disabled]:hover, + .ant-btn-primary[disabled]:focus, + .ant-btn-primary[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-item-group - > .ant-menu-item-group-list - > .ant-menu-item - .ant-menu-item-icon - + span, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-item-group - > .ant-menu-item-group-list - > .ant-menu-submenu - > .ant-menu-submenu-title - .ant-menu-item-icon - + span, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-submenu - > .ant-menu-submenu-title - .ant-menu-item-icon - + span, - .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-item-group - > .ant-menu-item-group-list - > .ant-menu-item - .anticon - + span, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-item-group - > .ant-menu-item-group-list - > .ant-menu-submenu - > .ant-menu-submenu-title - .anticon - + span, - .ant-menu.ant-menu-inline-collapsed - > .ant-menu-submenu - > .ant-menu-submenu-title - .anticon - + span { - opacity: 0; + .ant-btn-primary[disabled] > a:only-child::after, + .ant-btn-primary[disabled]:hover > a:only-child::after, + .ant-btn-primary[disabled]:focus > a:only-child::after, + .ant-btn-primary[disabled]:active > a:only-child::after { + background: transparent; } - .ant-menu.ant-menu-inline-collapsed-tooltip a { - color: rgba(255, 255, 255, 0.85); + .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { + border-right-color: #165996; + border-left-color: #165996; } - .ant-menu-sub.ant-menu-inline { - background: rgba(255, 255, 255, 0.04); + .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { + border-color: #434343; } - .ant-menu-item-disabled, - .ant-menu-submenu-disabled { - color: rgba(255, 255, 255, 0.3) !important; + .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { + border-right-color: #165996; } - .ant-menu-item-disabled::after, - .ant-menu-submenu-disabled::after { - border-color: transparent !important; + .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { + border-right-color: #434343; } - .ant-menu-item-disabled a, - .ant-menu-submenu-disabled a { - color: rgba(255, 255, 255, 0.3) !important; + .ant-btn-group .ant-btn-primary:last-child:not(:first-child), + .ant-btn-group .ant-btn-primary + .ant-btn-primary { + border-left-color: #165996; } - .ant-menu-item-disabled > .ant-menu-submenu-title, - .ant-menu-submenu-disabled > .ant-menu-submenu-title { - color: rgba(255, 255, 255, 0.3) !important; + .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], + .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { + border-left-color: #434343; } - .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, - .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, - .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, - .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { - background: rgba(255, 255, 255, 0.3) !important; + .ant-btn-ghost { + color: rgba(255, 255, 255, 0.85); + border-color: #434343; + background: transparent; } - .ant-menu-inline-collapsed-tooltip a, - .ant-menu-inline-collapsed-tooltip a:hover { - color: #fff; + .ant-btn-ghost > a:only-child::after { + background: transparent; } - .ant-menu-light .ant-menu-item:hover, - .ant-menu-light .ant-menu-item-active, - .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, - .ant-menu-light .ant-menu-submenu-active, - .ant-menu-light .ant-menu-submenu-title:hover { - color: #177ddc; + .ant-btn-ghost:hover, + .ant-btn-ghost:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-menu.ant-menu-root:focus-visible { - box-shadow: 0 0 0 2px #388ed3; + .ant-btn-ghost:hover > a:only-child::after, + .ant-btn-ghost:focus > a:only-child::after { + background: transparent; } - .ant-menu-dark .ant-menu-item:focus-visible, - .ant-menu-dark .ant-menu-submenu-title:focus-visible { - box-shadow: 0 0 0 2px #388ed3; + .ant-btn-ghost:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; } - .ant-menu.ant-menu-dark, - .ant-menu-dark .ant-menu-sub, - .ant-menu.ant-menu-dark .ant-menu-sub { - color: rgba(255, 255, 255, 0.65); - background: var(--background-secondry-color); + .ant-btn-ghost:active > a:only-child::after { + background: transparent; } - .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { - opacity: 0.45; + .ant-btn-ghost[disabled], + .ant-btn-ghost[disabled]:hover, + .ant-btn-ghost[disabled]:focus, + .ant-btn-ghost[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, - .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { - background: #fff; + .ant-btn-ghost[disabled] > a:only-child::after, + .ant-btn-ghost[disabled]:hover > a:only-child::after, + .ant-btn-ghost[disabled]:focus > a:only-child::after, + .ant-btn-ghost[disabled]:active > a:only-child::after { + background: transparent; } - .ant-menu-dark.ant-menu-submenu-popup { + .ant-btn-dashed { + color: rgba(255, 255, 255, 0.85); + border-color: #434343; background: transparent; + border-style: dashed; } - .ant-menu-dark .ant-menu-inline.ant-menu-sub { - background: var(--background-primary-color); + .ant-btn-dashed > a:only-child::after { + background: transparent; } - .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, - .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { - border-color: var(--background-secondry-color); - border-bottom: 0; + .ant-btn-dashed:hover, + .ant-btn-dashed:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { - background-color: #177ddc; + .ant-btn-dashed:hover > a:only-child::after, + .ant-btn-dashed:focus > a:only-child::after { + background: transparent; } - .ant-menu-dark .ant-menu-item, - .ant-menu-dark .ant-menu-item-group-title, - .ant-menu-dark .ant-menu-item > a, - .ant-menu-dark .ant-menu-item > span > a { - color: rgba(255, 255, 255, 0.65); + .ant-btn-dashed:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; } - .ant-menu-dark .ant-menu-item:hover, - .ant-menu-dark .ant-menu-item-active, - .ant-menu-dark .ant-menu-submenu-active, - .ant-menu-dark .ant-menu-submenu-open, - .ant-menu-dark .ant-menu-submenu-selected, - .ant-menu-dark .ant-menu-submenu-title:hover { - color: #fff; - background-color: transparent; + .ant-btn-dashed:active > a:only-child::after { + background: transparent; } - .ant-menu-dark .ant-menu-item:hover > a, - .ant-menu-dark .ant-menu-item-active > a, - .ant-menu-dark .ant-menu-submenu-active > a, - .ant-menu-dark .ant-menu-submenu-open > a, - .ant-menu-dark .ant-menu-submenu-selected > a, - .ant-menu-dark .ant-menu-submenu-title:hover > a, - .ant-menu-dark .ant-menu-item:hover > span > a, - .ant-menu-dark .ant-menu-item-active > span > a, - .ant-menu-dark .ant-menu-submenu-active > span > a, - .ant-menu-dark .ant-menu-submenu-open > span > a, - .ant-menu-dark .ant-menu-submenu-selected > span > a, - .ant-menu-dark .ant-menu-submenu-title:hover > span > a { - color: #fff; - } - - .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { - opacity: 1; - } - - .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, - .ant-menu-dark - .ant-menu-submenu-active - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, - .ant-menu-dark - .ant-menu-submenu-selected - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::after, - .ant-menu-dark - .ant-menu-submenu-title:hover - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, - .ant-menu-dark - .ant-menu-submenu-active - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, - .ant-menu-dark - .ant-menu-submenu-selected - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::before, - .ant-menu-dark - .ant-menu-submenu-title:hover - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::before { - background: #fff; + .ant-btn-dashed[disabled], + .ant-btn-dashed[disabled]:hover, + .ant-btn-dashed[disabled]:focus, + .ant-btn-dashed[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-menu-dark .ant-menu-item:hover { - background-color: transparent; + .ant-btn-dashed[disabled] > a:only-child::after, + .ant-btn-dashed[disabled]:hover > a:only-child::after, + .ant-btn-dashed[disabled]:focus > a:only-child::after, + .ant-btn-dashed[disabled]:active > a:only-child::after { + background: transparent; } - .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { - background-color: #177ddc; + .ant-btn-danger { + color: #fff; + border-color: #a61d24; + background: #a61d24; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } - .ant-menu-dark .ant-menu-item-selected { - color: #fff; + .ant-btn-danger > a:only-child::after { + background: transparent; } - .ant-menu-dark .ant-menu-item-selected > a, - .ant-menu-dark .ant-menu-item-selected > span > a, - .ant-menu-dark .ant-menu-item-selected > a:hover, - .ant-menu-dark .ant-menu-item-selected > span > a:hover { + .ant-btn-danger:hover, + .ant-btn-danger:focus { color: #fff; + border-color: #800f19; + background: #800f19; } - .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, - .ant-menu-dark .ant-menu-item-selected .anticon { - color: #fff; + .ant-btn-danger:hover > a:only-child::after, + .ant-btn-danger:focus > a:only-child::after { + background: transparent; } - .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, - .ant-menu-dark .ant-menu-item-selected .anticon + span { + .ant-btn-danger:active { color: #fff; + border-color: #b33b3d; + background: #b33b3d; } - .ant-menu.ant-menu-dark .ant-menu-item-selected, - .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { - background-color: #177ddc; + .ant-btn-danger:active > a:only-child::after { + background: transparent; } - .ant-menu-dark .ant-menu-item-disabled, - .ant-menu-dark .ant-menu-submenu-disabled, - .ant-menu-dark .ant-menu-item-disabled > a, - .ant-menu-dark .ant-menu-submenu-disabled > a, - .ant-menu-dark .ant-menu-item-disabled > span > a, - .ant-menu-dark .ant-menu-submenu-disabled > span > a { - color: rgba(255, 255, 255, 0.3) !important; - opacity: 0.8; + .ant-btn-danger[disabled], + .ant-btn-danger[disabled]:hover, + .ant-btn-danger[disabled]:focus, + .ant-btn-danger[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, - .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { - color: rgba(255, 255, 255, 0.3) !important; + .ant-btn-danger[disabled] > a:only-child::after, + .ant-btn-danger[disabled]:hover > a:only-child::after, + .ant-btn-danger[disabled]:focus > a:only-child::after, + .ant-btn-danger[disabled]:active > a:only-child::after { + background: transparent; } - .ant-menu-dark - .ant-menu-item-disabled - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::before, - .ant-menu-dark - .ant-menu-submenu-disabled - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, - .ant-menu-dark - .ant-menu-submenu-disabled - > .ant-menu-submenu-title - > .ant-menu-submenu-arrow::after { - background: rgba(255, 255, 255, 0.3) !important; + .ant-btn-link { + color: #177ddc; + border-color: transparent; + background: transparent; } - .ant-menu-rtl.ant-menu-inline, - .ant-menu-rtl.ant-menu-vertical { - border-right: none; - border-left: 1px solid #303030; + .ant-btn-link > a:only-child::after { + background: transparent; } - .ant-tooltip { - color: rgba(255, 255, 255, 0.85); + .ant-btn-link:hover, + .ant-btn-link:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-tooltip-inner { - color: #fff; - background-color: #434343; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), - 0 9px 28px 8px rgba(0, 0, 0, 0.2); + .ant-btn-link:hover > a:only-child::after, + .ant-btn-link:focus > a:only-child::after { + background: transparent; } - .ant-tooltip-arrow { + .ant-btn-link:active { + color: #388ed3; + border-color: #388ed3; background: transparent; } - .ant-tooltip-arrow-content { - --antd-arrow-background-color: #434343; - background-color: transparent; + .ant-btn-link:active > a:only-child::after { + background: transparent; } - .ant-tooltip-placement-top .ant-tooltip-arrow-content, - .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, - .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { - box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + .ant-btn-link[disabled], + .ant-btn-link[disabled]:hover, + .ant-btn-link[disabled]:focus, + .ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-tooltip-placement-right .ant-tooltip-arrow-content, - .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, - .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { - box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); + .ant-btn-link[disabled] > a:only-child::after, + .ant-btn-link[disabled]:hover > a:only-child::after, + .ant-btn-link[disabled]:focus > a:only-child::after, + .ant-btn-link[disabled]:active > a:only-child::after { + background: transparent; } - .ant-tooltip-placement-left .ant-tooltip-arrow-content, - .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, - .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { - box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); + .ant-btn-link:hover { + background: transparent; } - .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, - .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, - .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { - box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); + .ant-btn-link:hover, + .ant-btn-link:focus, + .ant-btn-link:active { + border-color: transparent; } - .ant-tooltip-pink .ant-tooltip-inner { - background-color: #cb2b83; + .ant-btn-link[disabled], + .ant-btn-link[disabled]:hover, + .ant-btn-link[disabled]:focus, + .ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; } - .ant-tooltip-pink .ant-tooltip-arrow-content::before { - background: #cb2b83; + .ant-btn-link[disabled] > a:only-child::after, + .ant-btn-link[disabled]:hover > a:only-child::after, + .ant-btn-link[disabled]:focus > a:only-child::after, + .ant-btn-link[disabled]:active > a:only-child::after { + background: transparent; } - .ant-tooltip-magenta .ant-tooltip-inner { - background-color: #cb2b83; + .ant-btn-text { + color: rgba(255, 255, 255, 0.85); + border-color: transparent; + background: transparent; } - .ant-tooltip-magenta .ant-tooltip-arrow-content::before { - background: #cb2b83; + .ant-btn-text > a:only-child::after { + background: transparent; } - .ant-tooltip-red .ant-tooltip-inner { - background-color: #d32029; + .ant-btn-text:hover, + .ant-btn-text:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-tooltip-red .ant-tooltip-arrow-content::before { - background: #d32029; + .ant-btn-text:hover > a:only-child::after, + .ant-btn-text:focus > a:only-child::after { + background: transparent; } - .ant-tooltip-volcano .ant-tooltip-inner { - background-color: #d84a1b; + .ant-btn-text:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; } - .ant-tooltip-volcano .ant-tooltip-arrow-content::before { - background: #d84a1b; + .ant-btn-text:active > a:only-child::after { + background: transparent; } - .ant-tooltip-orange .ant-tooltip-inner { - background-color: #d87a16; - } - - .ant-tooltip-orange .ant-tooltip-arrow-content::before { - background: #d87a16; + .ant-btn-text[disabled], + .ant-btn-text[disabled]:hover, + .ant-btn-text[disabled]:focus, + .ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-tooltip-yellow .ant-tooltip-inner { - background-color: #d8bd14; + .ant-btn-text[disabled] > a:only-child::after, + .ant-btn-text[disabled]:hover > a:only-child::after, + .ant-btn-text[disabled]:focus > a:only-child::after, + .ant-btn-text[disabled]:active > a:only-child::after { + background: transparent; } - .ant-tooltip-yellow .ant-tooltip-arrow-content::before { - background: #d8bd14; + .ant-btn-text:hover, + .ant-btn-text:focus { + color: rgba(255, 255, 255, 0.85); + background: rgba(255, 255, 255, 0.03); + border-color: transparent; } - .ant-tooltip-gold .ant-tooltip-inner { - background-color: #d89614; + .ant-btn-text:active { + color: rgba(255, 255, 255, 0.85); + background: rgba(255, 255, 255, 0.04); + border-color: transparent; } - .ant-tooltip-gold .ant-tooltip-arrow-content::before { - background: #d89614; + .ant-btn-text[disabled], + .ant-btn-text[disabled]:hover, + .ant-btn-text[disabled]:focus, + .ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; } - .ant-tooltip-cyan .ant-tooltip-inner { - background-color: #13a8a8; + .ant-btn-text[disabled] > a:only-child::after, + .ant-btn-text[disabled]:hover > a:only-child::after, + .ant-btn-text[disabled]:focus > a:only-child::after, + .ant-btn-text[disabled]:active > a:only-child::after { + background: transparent; } - .ant-tooltip-cyan .ant-tooltip-arrow-content::before { - background: #13a8a8; + .ant-btn-dangerous { + color: #a61d24; + border-color: #a61d24; + background: transparent; } - .ant-tooltip-lime .ant-tooltip-inner { - background-color: #8bbb11; + .ant-btn-dangerous > a:only-child::after { + background: transparent; } - .ant-tooltip-lime .ant-tooltip-arrow-content::before { - background: #8bbb11; + .ant-btn-dangerous:hover, + .ant-btn-dangerous:focus { + color: #800f19; + border-color: #800f19; + background: transparent; } - .ant-tooltip-green .ant-tooltip-inner { - background-color: #49aa19; + .ant-btn-dangerous:hover > a:only-child::after, + .ant-btn-dangerous:focus > a:only-child::after { + background: transparent; } - .ant-tooltip-green .ant-tooltip-arrow-content::before { - background: #49aa19; + .ant-btn-dangerous:active { + color: #b33b3d; + border-color: #b33b3d; + background: transparent; } - .ant-tooltip-blue .ant-tooltip-inner { - background-color: #177ddc; + .ant-btn-dangerous:active > a:only-child::after { + background: transparent; } - .ant-tooltip-blue .ant-tooltip-arrow-content::before { - background: #177ddc; + .ant-btn-dangerous[disabled], + .ant-btn-dangerous[disabled]:hover, + .ant-btn-dangerous[disabled]:focus, + .ant-btn-dangerous[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-tooltip-geekblue .ant-tooltip-inner { - background-color: #2b4acb; + .ant-btn-dangerous[disabled] > a:only-child::after, + .ant-btn-dangerous[disabled]:hover > a:only-child::after, + .ant-btn-dangerous[disabled]:focus > a:only-child::after, + .ant-btn-dangerous[disabled]:active > a:only-child::after { + background: transparent; } - .ant-tooltip-geekblue .ant-tooltip-arrow-content::before { - background: #2b4acb; + .ant-btn-dangerous.ant-btn-primary { + color: #fff; + border-color: #a61d24; + background: #a61d24; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } - .ant-tooltip-purple .ant-tooltip-inner { - background-color: #642ab5; + .ant-btn-dangerous.ant-btn-primary > a:only-child::after { + background: transparent; } - .ant-tooltip-purple .ant-tooltip-arrow-content::before { - background: #642ab5; + .ant-btn-dangerous.ant-btn-primary:hover, + .ant-btn-dangerous.ant-btn-primary:focus { + color: #fff; + border-color: #800f19; + background: #800f19; } - .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { - color: #a61d24; + .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { + .ant-btn-dangerous.ant-btn-primary:active { color: #fff; - background-color: #a61d24; + border-color: #b33b3d; + background: #b33b3d; } - .ant-dropdown { - color: rgba(255, 255, 255, 0.85); + .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { + background: transparent; } - .ant-dropdown::before { - opacity: 0.0001; + .ant-btn-dangerous.ant-btn-primary[disabled], + .ant-btn-dangerous.ant-btn-primary[disabled]:hover, + .ant-btn-dangerous.ant-btn-primary[disabled]:focus, + .ant-btn-dangerous.ant-btn-primary[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-dropdown-arrow { - background: linear-gradient(135deg, transparent 40%, #1f1f1f 40%); + .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, + .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, + .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { + background: transparent; } - .ant-dropdown-arrow::before { - background: linear-gradient(to left, #1f1f1f 50%, #1f1f1f 50%) no-repeat -10px -10px; + .ant-btn-dangerous.ant-btn-link { + color: #a61d24; + border-color: transparent; + background: transparent; } - .ant-dropdown-placement-top > .ant-dropdown-arrow, - .ant-dropdown-placement-topLeft > .ant-dropdown-arrow, - .ant-dropdown-placement-topRight > .ant-dropdown-arrow { - box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); + .ant-btn-dangerous.ant-btn-link > a:only-child::after { + background: transparent; } - .ant-dropdown-placement-bottom > .ant-dropdown-arrow, - .ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, - .ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { - box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); + .ant-btn-dangerous.ant-btn-link:hover, + .ant-btn-dangerous.ant-btn-link:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-dropdown-menu { - background-color: var(--background-secondry-color); - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), - 0 9px 28px 8px rgba(0, 0, 0, 0.2); + .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-item-group-title { - color: rgba(255, 255, 255, 0.45); + .ant-btn-dangerous.ant-btn-link:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; } - .ant-dropdown-menu-submenu-popup { + .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { background: transparent; } - .ant-dropdown-menu-item, - .ant-dropdown-menu-submenu-title { - color: rgba(255, 255, 255, 0.85); + .ant-btn-dangerous.ant-btn-link[disabled], + .ant-btn-dangerous.ant-btn-link[disabled]:hover, + .ant-btn-dangerous.ant-btn-link[disabled]:focus, + .ant-btn-dangerous.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-dropdown-menu-item-selected, - .ant-dropdown-menu-submenu-title-selected { - color: #177ddc; - background-color: #111b26; + .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, + .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, + .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-item:hover, - .ant-dropdown-menu-submenu-title:hover { - background-color: rgba(255, 255, 255, 0.08); + .ant-btn-dangerous.ant-btn-link:hover, + .ant-btn-dangerous.ant-btn-link:focus { + color: #800f19; + border-color: transparent; + background: transparent; } - .ant-dropdown-menu-item-disabled, - .ant-dropdown-menu-submenu-title-disabled { - color: rgba(255, 255, 255, 0.3); + .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-item-disabled:hover, - .ant-dropdown-menu-submenu-title-disabled:hover { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; + .ant-btn-dangerous.ant-btn-link:active { + color: #b33b3d; + border-color: transparent; + background: transparent; } - .ant-dropdown-menu-item-divider, - .ant-dropdown-menu-submenu-title-divider { - background-color: #303030; + .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-item - .ant-dropdown-menu-submenu-expand-icon - .ant-dropdown-menu-submenu-arrow-icon, - .ant-dropdown-menu-submenu-title - .ant-dropdown-menu-submenu-expand-icon - .ant-dropdown-menu-submenu-arrow-icon { - color: rgba(255, 255, 255, 0.45); + .ant-btn-dangerous.ant-btn-link[disabled], + .ant-btn-dangerous.ant-btn-link[disabled]:hover, + .ant-btn-dangerous.ant-btn-link[disabled]:focus, + .ant-btn-dangerous.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; } - .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, - .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled - .ant-dropdown-menu-submenu-title - .ant-dropdown-menu-submenu-arrow-icon { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; + .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, + .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, + .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { - color: #177ddc; + .ant-btn-dangerous.ant-btn-text { + color: #a61d24; + border-color: transparent; + background: transparent; } - .ant-dropdown-menu-dark, - .ant-dropdown-menu-dark .ant-dropdown-menu { - background: var(--background-secondry-color); + .ant-btn-dangerous.ant-btn-text > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-dark .ant-dropdown-menu-item, - .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, - .ant-dropdown-menu-dark .ant-dropdown-menu-item > a, - .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { - color: rgba(255, 255, 255, 0.65); + .ant-btn-dangerous.ant-btn-text:hover, + .ant-btn-dangerous.ant-btn-text:focus { + color: #165996; + border-color: #165996; + background: transparent; } - .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, - .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, - .ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, - .ant-dropdown-menu-dark - .ant-dropdown-menu-item - > .anticon - + span - > a - .ant-dropdown-menu-submenu-arrow::after { - color: rgba(255, 255, 255, 0.65); + .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { + background: transparent; } - .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { - color: #fff; + .ant-btn-dangerous.ant-btn-text:active { + color: #388ed3; + border-color: #388ed3; background: transparent; } - .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, - .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { - color: #fff; - background: #177ddc; + .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { + background: transparent; } - .ant-btn { - color: rgba(255, 255, 255, 0.85); - background: transparent; - border: 1px solid transparent; + .ant-btn-dangerous.ant-btn-text[disabled], + .ant-btn-dangerous.ant-btn-text[disabled]:hover, + .ant-btn-dangerous.ant-btn-text[disabled]:focus, + .ant-btn-dangerous.ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); border-color: #434343; - border-radius: 2px; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); + background: rgba(255, 255, 255, 0.08); } - .ant-btn > a:only-child::after { + .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, + .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, + .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { background: transparent; } - .ant-btn:hover, - .ant-btn:focus { - color: #165996; - background: transparent; - border-color: #165996; + .ant-btn-dangerous.ant-btn-text:hover, + .ant-btn-dangerous.ant-btn-text:focus { + color: #800f19; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); } - .ant-btn:hover > a:only-child::after, - .ant-btn:focus > a:only-child::after { + .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { background: transparent; } - .ant-btn:active { - color: #388ed3; - background: transparent; - border-color: #388ed3; + .ant-btn-dangerous.ant-btn-text:active { + color: #b33b3d; + border-color: transparent; + background: rgba(255, 255, 255, 0.04); } - .ant-btn:active > a:only-child::after { + .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { background: transparent; } - .ant-btn[disabled], - .ant-btn[disabled]:hover, - .ant-btn[disabled]:focus, - .ant-btn[disabled]:active { + .ant-btn-dangerous.ant-btn-text[disabled], + .ant-btn-dangerous.ant-btn-text[disabled]:hover, + .ant-btn-dangerous.ant-btn-text[disabled]:focus, + .ant-btn-dangerous.ant-btn-text[disabled]:active { color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; - } - - .ant-btn[disabled] > a:only-child::after, - .ant-btn[disabled]:hover > a:only-child::after, - .ant-btn[disabled]:focus > a:only-child::after, - .ant-btn[disabled]:active > a:only-child::after { + border-color: transparent; background: transparent; } - .ant-btn:hover, - .ant-btn:focus, - .ant-btn:active { + .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, + .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, + .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, + .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { background: transparent; } - .ant-btn-primary { - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); - background: #177ddc; - border-color: #177ddc; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); + .ant-btn::before { + background: var(--background-primary-color); + opacity: 0.35; } - .ant-btn-primary > a:only-child::after { - background: transparent; + .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { + border-left-color: transparent; } - .ant-btn-primary:hover, - .ant-btn-primary:focus { - color: #fff; - background: #095cb5; - border-color: #095cb5; + .ant-btn.ant-btn-background-ghost { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(255, 255, 255, 0.25); } - .ant-btn-primary:hover > a:only-child::after, - .ant-btn-primary:focus > a:only-child::after { + .ant-btn.ant-btn-background-ghost, + .ant-btn.ant-btn-background-ghost:hover, + .ant-btn.ant-btn-background-ghost:active, + .ant-btn.ant-btn-background-ghost:focus { background: transparent; } - .ant-btn-primary:active { - color: #fff; - background: #3c9be8; + .ant-btn.ant-btn-background-ghost:hover, + .ant-btn.ant-btn-background-ghost:focus { + color: #3c9be8; border-color: #3c9be8; } - .ant-btn-primary:active > a:only-child::after { - background: transparent; + .ant-btn.ant-btn-background-ghost:active { + color: #095cb5; + border-color: #095cb5; } - .ant-btn-primary[disabled], - .ant-btn-primary[disabled]:hover, - .ant-btn-primary[disabled]:focus, - .ant-btn-primary[disabled]:active { + .ant-btn.ant-btn-background-ghost[disabled] { color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); + background: transparent; border-color: #434343; } - .ant-btn-primary[disabled] > a:only-child::after, - .ant-btn-primary[disabled]:hover > a:only-child::after, - .ant-btn-primary[disabled]:focus > a:only-child::after, - .ant-btn-primary[disabled]:active > a:only-child::after { - background: transparent; + .ant-btn-background-ghost.ant-btn-primary { + color: #177ddc; + border-color: #177ddc; } - .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { - border-right-color: #165996; - border-left-color: #165996; + .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { + background: transparent; } - .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { - border-color: #434343; + .ant-btn-background-ghost.ant-btn-primary:hover, + .ant-btn-background-ghost.ant-btn-primary:focus { + color: #095cb5; + border-color: #095cb5; } - .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { - border-right-color: #165996; + .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { + background: transparent; } - .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { - border-right-color: #434343; + .ant-btn-background-ghost.ant-btn-primary:active { + color: #3c9be8; + border-color: #3c9be8; } - .ant-btn-group .ant-btn-primary:last-child:not(:first-child), - .ant-btn-group .ant-btn-primary + .ant-btn-primary { - border-left-color: #165996; + .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { + background: transparent; } - .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], - .ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { - border-left-color: #434343; + .ant-btn-background-ghost.ant-btn-primary[disabled], + .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, + .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, + .ant-btn-background-ghost.ant-btn-primary[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-btn-ghost { - color: rgba(255, 255, 255, 0.85); + .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, + .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, + .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { background: transparent; - border-color: #434343; } - .ant-btn-ghost > a:only-child::after { - background: transparent; + .ant-btn-background-ghost.ant-btn-danger { + color: #a61d24; + border-color: #a61d24; } - .ant-btn-ghost:hover, - .ant-btn-ghost:focus { - color: #165996; + .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { background: transparent; - border-color: #165996; } - .ant-btn-ghost:hover > a:only-child::after, - .ant-btn-ghost:focus > a:only-child::after { - background: transparent; + .ant-btn-background-ghost.ant-btn-danger:hover, + .ant-btn-background-ghost.ant-btn-danger:focus { + color: #800f19; + border-color: #800f19; } - .ant-btn-ghost:active { - color: #388ed3; + .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { background: transparent; - border-color: #388ed3; } - .ant-btn-ghost:active > a:only-child::after { + .ant-btn-background-ghost.ant-btn-danger:active { + color: #b33b3d; + border-color: #b33b3d; + } + + .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { background: transparent; } - .ant-btn-ghost[disabled], - .ant-btn-ghost[disabled]:hover, - .ant-btn-ghost[disabled]:focus, - .ant-btn-ghost[disabled]:active { + .ant-btn-background-ghost.ant-btn-danger[disabled], + .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, + .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, + .ant-btn-background-ghost.ant-btn-danger[disabled]:active { color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-btn-ghost[disabled] > a:only-child::after, - .ant-btn-ghost[disabled]:hover > a:only-child::after, - .ant-btn-ghost[disabled]:focus > a:only-child::after, - .ant-btn-ghost[disabled]:active > a:only-child::after { + .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, + .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, + .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { background: transparent; } - .ant-btn-dashed { - color: rgba(255, 255, 255, 0.85); - background: transparent; - border-color: #434343; - border-style: dashed; + .ant-btn-background-ghost.ant-btn-dangerous { + color: #a61d24; + border-color: #a61d24; } - .ant-btn-dashed > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { background: transparent; } - .ant-btn-dashed:hover, - .ant-btn-dashed:focus { - color: #165996; - background: transparent; - border-color: #165996; + .ant-btn-background-ghost.ant-btn-dangerous:hover, + .ant-btn-background-ghost.ant-btn-dangerous:focus { + color: #800f19; + border-color: #800f19; } - .ant-btn-dashed:hover > a:only-child::after, - .ant-btn-dashed:focus > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { background: transparent; } - .ant-btn-dashed:active { - color: #388ed3; - background: transparent; - border-color: #388ed3; + .ant-btn-background-ghost.ant-btn-dangerous:active { + color: #b33b3d; + border-color: #b33b3d; } - .ant-btn-dashed:active > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { background: transparent; } - .ant-btn-dashed[disabled], - .ant-btn-dashed[disabled]:hover, - .ant-btn-dashed[disabled]:focus, - .ant-btn-dashed[disabled]:active { + .ant-btn-background-ghost.ant-btn-dangerous[disabled], + .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, + .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, + .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-btn-dashed[disabled] > a:only-child::after, - .ant-btn-dashed[disabled]:hover > a:only-child::after, - .ant-btn-dashed[disabled]:focus > a:only-child::after, - .ant-btn-dashed[disabled]:active > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { background: transparent; } - .ant-btn-danger { - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); - background: #a61d24; - border-color: #a61d24; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { + color: #a61d24; + border-color: transparent; } - .ant-btn-danger > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { background: transparent; } - .ant-btn-danger:hover, - .ant-btn-danger:focus { - color: #fff; - background: #800f19; - border-color: #800f19; + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { + color: #800f19; + border-color: transparent; } - .ant-btn-danger:hover > a:only-child::after, - .ant-btn-danger:focus > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { background: transparent; } - .ant-btn-danger:active { - color: #fff; - background: #b33b3d; - border-color: #b33b3d; + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { + color: #b33b3d; + border-color: transparent; } - .ant-btn-danger:active > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { background: transparent; } - .ant-btn-danger[disabled], - .ant-btn-danger[disabled]:hover, - .ant-btn-danger[disabled]:focus, - .ant-btn-danger[disabled]:active { + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); border-color: #434343; + background: rgba(255, 255, 255, 0.08); } - .ant-btn-danger[disabled] > a:only-child::after, - .ant-btn-danger[disabled]:hover > a:only-child::after, - .ant-btn-danger[disabled]:focus > a:only-child::after, - .ant-btn-danger[disabled]:active > a:only-child::after { + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, + .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { background: transparent; } - .ant-btn-link { - color: #177ddc; - background: transparent; + a.ant-btn-disabled, + a.ant-btn-disabled:hover, + a.ant-btn-disabled:focus, + a.ant-btn-disabled:active { + color: rgba(255, 255, 255, 0.3); border-color: transparent; - } - - .ant-btn-link > a:only-child::after { background: transparent; } - .ant-btn-link:hover, - .ant-btn-link:focus { - color: #165996; + a.ant-btn-disabled > a:only-child::after, + a.ant-btn-disabled:hover > a:only-child::after, + a.ant-btn-disabled:focus > a:only-child::after, + a.ant-btn-disabled:active > a:only-child::after { background: transparent; - border-color: #165996; } - .ant-btn-link:hover > a:only-child::after, - .ant-btn-link:focus > a:only-child::after { - background: transparent; + .ant-btn-compact-item.ant-btn-primary:not([disabled]) + + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after { + background-color: #165996; } - .ant-btn-link:active { - color: #388ed3; - background: transparent; - border-color: #388ed3; + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after { + background-color: #165996; } - .ant-btn-link:active > a:only-child::after { - background: transparent; + .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), + .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { + border-right-color: #165996; + border-left-color: #434343; } - .ant-btn-link[disabled], - .ant-btn-link[disabled]:hover, - .ant-btn-link[disabled]:focus, - .ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], + .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { + border-right-color: #434343; + border-left-color: #165996; } - .ant-btn-link[disabled] > a:only-child::after, - .ant-btn-link[disabled]:hover > a:only-child::after, - .ant-btn-link[disabled]:focus > a:only-child::after, - .ant-btn-link[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-item-danger.ant-menu-item { + color: #a61d24; } - .ant-btn-link:hover { - background: transparent; + .ant-menu-item-danger.ant-menu-item:hover, + .ant-menu-item-danger.ant-menu-item-active { + color: #a61d24; } - .ant-btn-link:hover, - .ant-btn-link:focus, - .ant-btn-link:active { - border-color: transparent; + .ant-menu-item-danger.ant-menu-item:active { + background: #2a1215; } - .ant-btn-link[disabled], - .ant-btn-link[disabled]:hover, - .ant-btn-link[disabled]:focus, - .ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border-color: transparent; + .ant-menu-item-danger.ant-menu-item-selected { + color: #a61d24; } - .ant-btn-link[disabled] > a:only-child::after, - .ant-btn-link[disabled]:hover > a:only-child::after, - .ant-btn-link[disabled]:focus > a:only-child::after, - .ant-btn-link[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-item-danger.ant-menu-item-selected > a, + .ant-menu-item-danger.ant-menu-item-selected > a:hover { + color: #a61d24; } - .ant-btn-text { - color: rgba(255, 255, 255, 0.85); - background: transparent; - border-color: transparent; + .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { + background-color: #2a1215; } - .ant-btn-text > a:only-child::after { - background: transparent; + .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { + border-right-color: #a61d24; } - .ant-btn-text:hover, - .ant-btn-text:focus { - color: #165996; - background: transparent; - border-color: #165996; + .ant-menu-dark .ant-menu-item-danger.ant-menu-item, + .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, + .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { + color: #a61d24; } - .ant-btn-text:hover > a:only-child::after, - .ant-btn-text:focus > a:only-child::after { - background: transparent; + .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) + .ant-menu-item-danger.ant-menu-item-selected { + color: #fff; + background-color: #a61d24; } - .ant-btn-text:active { - color: #388ed3; - background: transparent; - border-color: #388ed3; + .ant-menu { + color: rgba(255, 255, 255, 0.85); + background: var(--background-primary-color); + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), + 0 9px 28px 8px rgba(0, 0, 0, 0.2); } - .ant-btn-text:active > a:only-child::after { - background: transparent; + .ant-menu.ant-menu-root:focus-visible { + box-shadow: 0 0 0 2px #11263c; } - .ant-btn-text[disabled], - .ant-btn-text[disabled]:hover, - .ant-btn-text[disabled]:focus, - .ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-menu-item-group-title { + color: rgba(255, 255, 255, 0.45); } - .ant-btn-text[disabled] > a:only-child::after, - .ant-btn-text[disabled]:hover > a:only-child::after, - .ant-btn-text[disabled]:focus > a:only-child::after, - .ant-btn-text[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-submenu-selected { + color: #177ddc; } - .ant-btn-text:hover, - .ant-btn-text:focus { - color: rgba(255, 255, 255, 0.85); - background: rgba(255, 255, 255, 0.03); - border-color: transparent; + .ant-menu-item:active, + .ant-menu-submenu-title:active { + background: #111b26; } - .ant-btn-text:active { + .ant-menu-item a { color: rgba(255, 255, 255, 0.85); - background: rgba(255, 255, 255, 0.04); - border-color: transparent; } - .ant-btn-text[disabled], - .ant-btn-text[disabled]:hover, - .ant-btn-text[disabled]:focus, - .ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border-color: transparent; + .ant-menu-item a:hover { + color: #177ddc; } - .ant-btn-text[disabled] > a:only-child::after, - .ant-btn-text[disabled]:hover > a:only-child::after, - .ant-btn-text[disabled]:focus > a:only-child::after, - .ant-btn-text[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-item a::before { + background-color: transparent; } - .ant-btn-dangerous { - color: #a61d24; - background: transparent; - border-color: #a61d24; + .ant-menu-item > .ant-badge a { + color: rgba(255, 255, 255, 0.85); } - .ant-btn-dangerous > a:only-child::after { - background: transparent; + .ant-menu-item > .ant-badge a:hover { + color: #177ddc; } - .ant-btn-dangerous:hover, - .ant-btn-dangerous:focus { - color: #800f19; - background: transparent; - border-color: #800f19; + .ant-menu-item-divider { + border-color: #303030; + border-style: solid; + border-width: 1px 0 0; } - .ant-btn-dangerous:hover > a:only-child::after, - .ant-btn-dangerous:focus > a:only-child::after { - background: transparent; + .ant-menu-horizontal > .ant-menu-item:hover, + .ant-menu-horizontal > .ant-menu-item-active, + .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { + background-color: transparent; } - .ant-btn-dangerous:active { - color: #b33b3d; - background: transparent; - border-color: #b33b3d; + .ant-menu-item-selected { + color: #177ddc; } - .ant-btn-dangerous:active > a:only-child::after { - background: transparent; + .ant-menu-item-selected a, + .ant-menu-item-selected a:hover { + color: #177ddc; } - .ant-btn-dangerous[disabled], - .ant-btn-dangerous[disabled]:hover, - .ant-btn-dangerous[disabled]:focus, - .ant-btn-dangerous[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { + background-color: #111b26; } - .ant-btn-dangerous[disabled] > a:only-child::after, - .ant-btn-dangerous[disabled]:hover > a:only-child::after, - .ant-btn-dangerous[disabled]:focus > a:only-child::after, - .ant-btn-dangerous[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-inline, + .ant-menu-vertical, + .ant-menu-vertical-left { + border-right: 1px solid #303030; } - .ant-btn-dangerous.ant-btn-primary { - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); - background: #a61d24; - border-color: #a61d24; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); + .ant-menu-vertical-right { + border-left: 1px solid #303030; } - .ant-btn-dangerous.ant-btn-primary > a:only-child::after { - background: transparent; + .ant-menu-item .ant-menu-item-icon + span, + .ant-menu-submenu-title .ant-menu-item-icon + span, + .ant-menu-item .anticon + span, + .ant-menu-submenu-title .anticon + span { + opacity: 1; } - .ant-btn-dangerous.ant-btn-primary:hover, - .ant-btn-dangerous.ant-btn-primary:focus { - color: #fff; - background: #800f19; - border-color: #800f19; + .ant-menu-item:not(.ant-menu-item-disabled):focus-visible, + .ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible { + box-shadow: 0 0 0 2px #11263c; } - .ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { + .ant-menu-submenu-popup { background: transparent; } - .ant-btn-dangerous.ant-btn-primary:active { - color: #fff; - background: #b33b3d; - border-color: #b33b3d; + .ant-menu-submenu-popup::before { + opacity: 0.0001; } - .ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { - background: transparent; + .ant-menu-submenu > .ant-menu { + background-color: var(--background-primary-color); } - .ant-btn-dangerous.ant-btn-primary[disabled], - .ant-btn-dangerous.ant-btn-primary[disabled]:hover, - .ant-btn-dangerous.ant-btn-primary[disabled]:focus, - .ant-btn-dangerous.ant-btn-primary[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-menu-submenu-popup > .ant-menu { + background-color: var(--background-secondry-color); } - .ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, - .ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, - .ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-submenu-expand-icon, + .ant-menu-submenu-arrow { + color: rgba(255, 255, 255, 0.85); } - .ant-btn-dangerous.ant-btn-link { - color: #a61d24; - background: transparent; - border-color: transparent; + .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, + .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { + color: #177ddc; } - .ant-btn-dangerous.ant-btn-link > a:only-child::after { - background: transparent; + .ant-menu-vertical .ant-menu-submenu-selected, + .ant-menu-vertical-left .ant-menu-submenu-selected, + .ant-menu-vertical-right .ant-menu-submenu-selected { + color: #177ddc; } - .ant-btn-dangerous.ant-btn-link:hover, - .ant-btn-dangerous.ant-btn-link:focus { - color: #165996; - background: transparent; - border-color: #165996; + .ant-menu-horizontal { + border: 0; + border-bottom: 1px solid #303030; } - .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { - background: transparent; + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { + color: #177ddc; } - .ant-btn-dangerous.ant-btn-link:active { - color: #388ed3; - background: transparent; - border-color: #388ed3; + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, + .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { + border-bottom: 2px solid #177ddc; } - .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { - background: transparent; + .ant-menu-horizontal > .ant-menu-item::after, + .ant-menu-horizontal > .ant-menu-submenu::after { + border-bottom: 2px solid transparent; } - .ant-btn-dangerous.ant-btn-link[disabled], - .ant-btn-dangerous.ant-btn-link[disabled]:hover, - .ant-btn-dangerous.ant-btn-link[disabled]:focus, - .ant-btn-dangerous.ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-menu-horizontal > .ant-menu-item a { + color: rgba(255, 255, 255, 0.85); } - .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-horizontal > .ant-menu-item a:hover { + color: #177ddc; } - .ant-btn-dangerous.ant-btn-link:hover, - .ant-btn-dangerous.ant-btn-link:focus { - color: #800f19; - background: transparent; - border-color: transparent; + .ant-menu-horizontal > .ant-menu-item-selected a { + color: #177ddc; } - .ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { - background: transparent; + .ant-menu-vertical .ant-menu-item::after, + .ant-menu-vertical-left .ant-menu-item::after, + .ant-menu-vertical-right .ant-menu-item::after, + .ant-menu-inline .ant-menu-item::after { + border-right: 3px solid #177ddc; + opacity: 0; } - .ant-btn-dangerous.ant-btn-link:active { - color: #b33b3d; - background: transparent; - border-color: transparent; + .ant-menu-inline .ant-menu-selected::after, + .ant-menu-inline .ant-menu-item-selected::after { + opacity: 1; } - .ant-btn-dangerous.ant-btn-link:active > a:only-child::after { - background: transparent; + .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-item-group + > .ant-menu-item-group-list + > .ant-menu-item + .ant-menu-submenu-arrow, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-item-group + > .ant-menu-item-group-list + > .ant-menu-submenu + > .ant-menu-submenu-title + .ant-menu-submenu-arrow, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-submenu + > .ant-menu-submenu-title + .ant-menu-submenu-arrow { + opacity: 0; } - .ant-btn-dangerous.ant-btn-link[disabled], - .ant-btn-dangerous.ant-btn-link[disabled]:hover, - .ant-btn-dangerous.ant-btn-link[disabled]:focus, - .ant-btn-dangerous.ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border-color: transparent; + .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-item-group + > .ant-menu-item-group-list + > .ant-menu-item + .ant-menu-item-icon + + span, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-item-group + > .ant-menu-item-group-list + > .ant-menu-submenu + > .ant-menu-submenu-title + .ant-menu-item-icon + + span, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-submenu + > .ant-menu-submenu-title + .ant-menu-item-icon + + span, + .ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-item-group + > .ant-menu-item-group-list + > .ant-menu-item + .anticon + + span, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-item-group + > .ant-menu-item-group-list + > .ant-menu-submenu + > .ant-menu-submenu-title + .anticon + + span, + .ant-menu.ant-menu-inline-collapsed + > .ant-menu-submenu + > .ant-menu-submenu-title + .anticon + + span { + opacity: 0; } - .ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { - background: transparent; - } + .ant-menu.ant-menu-inline-collapsed-tooltip a { + color: rgba(255, 255, 255, 0.85); + } - .ant-btn-dangerous.ant-btn-text { - color: #a61d24; - background: transparent; - border-color: transparent; + .ant-menu-sub.ant-menu-inline { + background: rgba(255, 255, 255, 0.04); } - .ant-btn-dangerous.ant-btn-text > a:only-child::after { - background: transparent; + .ant-menu-item-disabled, + .ant-menu-submenu-disabled { + color: rgba(255, 255, 255, 0.3) !important; } - .ant-btn-dangerous.ant-btn-text:hover, - .ant-btn-dangerous.ant-btn-text:focus { - color: #165996; - background: transparent; - border-color: #165996; + .ant-menu-item-disabled::after, + .ant-menu-submenu-disabled::after { + border-color: transparent !important; } - .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { - background: transparent; + .ant-menu-item-disabled a, + .ant-menu-submenu-disabled a { + color: rgba(255, 255, 255, 0.3) !important; } - .ant-btn-dangerous.ant-btn-text:active { - color: #388ed3; - background: transparent; - border-color: #388ed3; + .ant-menu-item-disabled > .ant-menu-submenu-title, + .ant-menu-submenu-disabled > .ant-menu-submenu-title { + color: rgba(255, 255, 255, 0.3) !important; } - .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { - background: transparent; + .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, + .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, + .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, + .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { + background: rgba(255, 255, 255, 0.3) !important; } - .ant-btn-dangerous.ant-btn-text[disabled], - .ant-btn-dangerous.ant-btn-text[disabled]:hover, - .ant-btn-dangerous.ant-btn-text[disabled]:focus, - .ant-btn-dangerous.ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-menu-inline-collapsed-tooltip a, + .ant-menu-inline-collapsed-tooltip a:hover { + color: #fff; } - .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu-light .ant-menu-item:hover, + .ant-menu-light .ant-menu-item-active, + .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, + .ant-menu-light .ant-menu-submenu-active, + .ant-menu-light .ant-menu-submenu-title:hover { + color: #177ddc; } - .ant-btn-dangerous.ant-btn-text:hover, - .ant-btn-dangerous.ant-btn-text:focus { - color: #800f19; - background: rgba(255, 255, 255, 0.03); - border-color: transparent; + .ant-menu.ant-menu-root:focus-visible { + box-shadow: 0 0 0 2px #388ed3; } - .ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { - background: transparent; + .ant-menu-dark .ant-menu-item:focus-visible, + .ant-menu-dark .ant-menu-submenu-title:focus-visible { + box-shadow: 0 0 0 2px #388ed3; } - .ant-btn-dangerous.ant-btn-text:active { - color: #b33b3d; - background: rgba(255, 255, 255, 0.04); - border-color: transparent; + .ant-menu.ant-menu-dark, + .ant-menu-dark .ant-menu-sub, + .ant-menu.ant-menu-dark .ant-menu-sub { + color: rgba(255, 255, 255, 0.65); + background: var(--background-secondry-color); } - .ant-btn-dangerous.ant-btn-text:active > a:only-child::after { - background: transparent; + .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, + .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, + .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { + opacity: 0.45; } - .ant-btn-dangerous.ant-btn-text[disabled], - .ant-btn-dangerous.ant-btn-text[disabled]:hover, - .ant-btn-dangerous.ant-btn-text[disabled]:focus, - .ant-btn-dangerous.ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border-color: transparent; + .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, + .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, + .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, + .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, + .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, + .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { + background: #fff; } - .ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { + .ant-menu-dark.ant-menu-submenu-popup { background: transparent; } - .ant-btn::before { + .ant-menu-dark .ant-menu-inline.ant-menu-sub { background: var(--background-primary-color); - opacity: 0.35; } - .ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { - border-left-color: transparent; + .ant-menu-dark.ant-menu-horizontal > .ant-menu-item, + .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { + border-color: var(--background-secondry-color); + border-bottom: 0; } - .ant-btn.ant-btn-background-ghost { - color: rgba(255, 255, 255, 0.85); - border-color: rgba(255, 255, 255, 0.25); + .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { + background-color: #177ddc; } - .ant-btn.ant-btn-background-ghost, - .ant-btn.ant-btn-background-ghost:hover, - .ant-btn.ant-btn-background-ghost:active, - .ant-btn.ant-btn-background-ghost:focus { - background: transparent; + .ant-menu-dark .ant-menu-item, + .ant-menu-dark .ant-menu-item-group-title, + .ant-menu-dark .ant-menu-item > a, + .ant-menu-dark .ant-menu-item > span > a { + color: rgba(255, 255, 255, 0.65); } - .ant-btn.ant-btn-background-ghost:hover, - .ant-btn.ant-btn-background-ghost:focus { - color: #3c9be8; - border-color: #3c9be8; + .ant-menu-dark .ant-menu-item:hover, + .ant-menu-dark .ant-menu-item-active, + .ant-menu-dark .ant-menu-submenu-active, + .ant-menu-dark .ant-menu-submenu-open, + .ant-menu-dark .ant-menu-submenu-selected, + .ant-menu-dark .ant-menu-submenu-title:hover { + color: #fff; + background-color: transparent; } - .ant-btn.ant-btn-background-ghost:active { - color: #095cb5; - border-color: #095cb5; + .ant-menu-dark .ant-menu-item:hover > a, + .ant-menu-dark .ant-menu-item-active > a, + .ant-menu-dark .ant-menu-submenu-active > a, + .ant-menu-dark .ant-menu-submenu-open > a, + .ant-menu-dark .ant-menu-submenu-selected > a, + .ant-menu-dark .ant-menu-submenu-title:hover > a, + .ant-menu-dark .ant-menu-item:hover > span > a, + .ant-menu-dark .ant-menu-item-active > span > a, + .ant-menu-dark .ant-menu-submenu-active > span > a, + .ant-menu-dark .ant-menu-submenu-open > span > a, + .ant-menu-dark .ant-menu-submenu-selected > span > a, + .ant-menu-dark .ant-menu-submenu-title:hover > span > a { + color: #fff; } - .ant-btn.ant-btn-background-ghost[disabled] { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border-color: #434343; + .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, + .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, + .ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, + .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, + .ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, + .ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { + opacity: 1; } - .ant-btn-background-ghost.ant-btn-primary { - color: #177ddc; - border-color: #177ddc; + .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, + .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, + .ant-menu-dark + .ant-menu-submenu-active + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::after, + .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, + .ant-menu-dark + .ant-menu-submenu-selected + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::after, + .ant-menu-dark + .ant-menu-submenu-title:hover + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::after, + .ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, + .ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, + .ant-menu-dark + .ant-menu-submenu-active + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::before, + .ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, + .ant-menu-dark + .ant-menu-submenu-selected + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::before, + .ant-menu-dark + .ant-menu-submenu-title:hover + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::before { + background: #fff; } - .ant-btn-background-ghost.ant-btn-primary > a:only-child::after { - background: transparent; + .ant-menu-dark .ant-menu-item:hover { + background-color: transparent; } - .ant-btn-background-ghost.ant-btn-primary:hover, - .ant-btn-background-ghost.ant-btn-primary:focus { - color: #095cb5; - border-color: #095cb5; + .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { + background-color: #177ddc; } - .ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { - background: transparent; + .ant-menu-dark .ant-menu-item-selected { + color: #fff; } - .ant-btn-background-ghost.ant-btn-primary:active { - color: #3c9be8; - border-color: #3c9be8; + .ant-menu-dark .ant-menu-item-selected > a, + .ant-menu-dark .ant-menu-item-selected > span > a, + .ant-menu-dark .ant-menu-item-selected > a:hover, + .ant-menu-dark .ant-menu-item-selected > span > a:hover { + color: #fff; } - .ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { - background: transparent; + .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, + .ant-menu-dark .ant-menu-item-selected .anticon { + color: #fff; } - .ant-btn-background-ghost.ant-btn-primary[disabled], - .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, - .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, - .ant-btn-background-ghost.ant-btn-primary[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, + .ant-menu-dark .ant-menu-item-selected .anticon + span { + color: #fff; } - .ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { - background: transparent; + .ant-menu.ant-menu-dark .ant-menu-item-selected, + .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { + background-color: #177ddc; } - .ant-btn-background-ghost.ant-btn-danger { - color: #a61d24; - border-color: #a61d24; + .ant-menu-dark .ant-menu-item-disabled, + .ant-menu-dark .ant-menu-submenu-disabled, + .ant-menu-dark .ant-menu-item-disabled > a, + .ant-menu-dark .ant-menu-submenu-disabled > a, + .ant-menu-dark .ant-menu-item-disabled > span > a, + .ant-menu-dark .ant-menu-submenu-disabled > span > a { + color: rgba(255, 255, 255, 0.3) !important; + opacity: 0.8; } - .ant-btn-background-ghost.ant-btn-danger > a:only-child::after { - background: transparent; + .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, + .ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { + color: rgba(255, 255, 255, 0.3) !important; } - .ant-btn-background-ghost.ant-btn-danger:hover, - .ant-btn-background-ghost.ant-btn-danger:focus { - color: #800f19; - border-color: #800f19; + .ant-menu-dark + .ant-menu-item-disabled + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::before, + .ant-menu-dark + .ant-menu-submenu-disabled + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::before, + .ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, + .ant-menu-dark + .ant-menu-submenu-disabled + > .ant-menu-submenu-title + > .ant-menu-submenu-arrow::after { + background: rgba(255, 255, 255, 0.3) !important; } - .ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { - background: transparent; + .ant-menu-rtl.ant-menu-inline, + .ant-menu-rtl.ant-menu-vertical { + border-right: none; + border-left: 1px solid #303030; } - .ant-btn-background-ghost.ant-btn-danger:active { - color: #b33b3d; - border-color: #b33b3d; + .ant-tooltip { + color: rgba(255, 255, 255, 0.85); } - .ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { + .ant-tooltip-inner { + color: #fff; + background-color: #434343; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), + 0 9px 28px 8px rgba(0, 0, 0, 0.2); + } + + .ant-tooltip-arrow { background: transparent; } - .ant-btn-background-ghost.ant-btn-danger[disabled], - .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, - .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, - .ant-btn-background-ghost.ant-btn-danger[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-tooltip-arrow-content { + --antd-arrow-background-color: linear-gradient(to right bottom, rgba(67, 67, 67, 0.9), #434343); } - .ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { - background: transparent; + .ant-tooltip-placement-top .ant-tooltip-arrow-content, + .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, + .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } - .ant-btn-background-ghost.ant-btn-dangerous { - color: #a61d24; - border-color: #a61d24; + .ant-tooltip-placement-right .ant-tooltip-arrow-content, + .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, + .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { + box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); } - .ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { - background: transparent; + .ant-tooltip-placement-left .ant-tooltip-arrow-content, + .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, + .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { + box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); } - .ant-btn-background-ghost.ant-btn-dangerous:hover, - .ant-btn-background-ghost.ant-btn-dangerous:focus { - color: #800f19; - border-color: #800f19; + .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, + .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, + .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { + box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); } - .ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { - background: transparent; + .ant-tooltip-pink .ant-tooltip-inner { + background-color: #cb2b83; } - .ant-btn-background-ghost.ant-btn-dangerous:active { - color: #b33b3d; - border-color: #b33b3d; + .ant-tooltip-pink .ant-tooltip-arrow-content::before { + background: #cb2b83; } - .ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { - background: transparent; + .ant-tooltip-magenta .ant-tooltip-inner { + background-color: #cb2b83; } - .ant-btn-background-ghost.ant-btn-dangerous[disabled], - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-tooltip-magenta .ant-tooltip-arrow-content::before { + background: #cb2b83; } - .ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { - background: transparent; + .ant-tooltip-red .ant-tooltip-inner { + background-color: #d32029; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { - color: #a61d24; - border-color: transparent; + .ant-tooltip-red .ant-tooltip-arrow-content::before { + background: #d32029; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { - background: transparent; + .ant-tooltip-volcano .ant-tooltip-inner { + background-color: #d84a1b; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { - color: #800f19; - border-color: transparent; + .ant-tooltip-volcano .ant-tooltip-arrow-content::before { + background: #d84a1b; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { - background: transparent; + .ant-tooltip-orange .ant-tooltip-inner { + background-color: #d87a16; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { - color: #b33b3d; - border-color: transparent; + .ant-tooltip-orange .ant-tooltip-arrow-content::before { + background: #d87a16; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { - background: transparent; + .ant-tooltip-yellow .ant-tooltip-inner { + background-color: #d8bd14; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; + .ant-tooltip-yellow .ant-tooltip-arrow-content::before { + background: #d8bd14; } - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { - background: transparent; + .ant-tooltip-gold .ant-tooltip-inner { + background-color: #d89614; } - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { - border-right-color: #165996; - border-left-color: #434343; + .ant-tooltip-gold .ant-tooltip-arrow-content::before { + background: #d89614; } - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { - border-right-color: #434343; - border-left-color: #165996; + .ant-tooltip-cyan .ant-tooltip-inner { + background-color: #13a8a8; + } + + .ant-tooltip-cyan .ant-tooltip-arrow-content::before { + background: #13a8a8; + } + + .ant-tooltip-lime .ant-tooltip-inner { + background-color: #8bbb11; + } + + .ant-tooltip-lime .ant-tooltip-arrow-content::before { + background: #8bbb11; + } + + .ant-tooltip-green .ant-tooltip-inner { + background-color: #49aa19; + } + + .ant-tooltip-green .ant-tooltip-arrow-content::before { + background: #49aa19; + } + + .ant-tooltip-blue .ant-tooltip-inner { + background-color: #177ddc; + } + + .ant-tooltip-blue .ant-tooltip-arrow-content::before { + background: #177ddc; + } + + .ant-tooltip-geekblue .ant-tooltip-inner { + background-color: #2b4acb; + } + + .ant-tooltip-geekblue .ant-tooltip-arrow-content::before { + background: #2b4acb; + } + + .ant-tooltip-purple .ant-tooltip-inner { + background-color: #642ab5; + } + + .ant-tooltip-purple .ant-tooltip-arrow-content::before { + background: #642ab5; } .ant-picker-calendar { @@ -2817,245 +2814,38 @@ } } - .ant-radio-group { - color: rgba(255, 255, 255, 0.85); + .ant-picker-status-error.ant-picker, + .ant-picker-status-error.ant-picker:not([disabled]):hover { + background-color: transparent; + border-color: #a61d24; } - .ant-radio-wrapper { - color: rgba(255, 255, 255, 0.85); + .ant-picker-status-error.ant-picker-focused, + .ant-picker-status-error.ant-picker:focus { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; } - .ant-radio { - color: rgba(255, 255, 255, 0.85); + .ant-picker-status-error.ant-picker .ant-picker-active-bar { + background: #b33b3d; } - .ant-radio-wrapper:hover .ant-radio, - .ant-radio:hover .ant-radio-inner, - .ant-radio-input:focus + .ant-radio-inner { - border-color: #177ddc; + .ant-picker-status-warning.ant-picker, + .ant-picker-status-warning.ant-picker:not([disabled]):hover { + background-color: transparent; + border-color: #d89614; } - .ant-radio-input:focus + .ant-radio-inner { - box-shadow: 0 0 0 3px #111b26; + .ant-picker-status-warning.ant-picker-focused, + .ant-picker-status-warning.ant-picker:focus { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; } - .ant-radio-checked::after { - border: 1px solid #177ddc; - border-radius: 50%; - } - - .ant-radio-inner { - background-color: transparent; - border-color: #434343; - border-style: solid; - border-width: 1px; - border-radius: 50%; - } - - .ant-radio-inner::after { - background-color: #177ddc; - opacity: 0; - } - - .ant-radio-input { - opacity: 0; - } - - .ant-radio-checked .ant-radio-inner { - border-color: #177ddc; - } - - .ant-radio-checked .ant-radio-inner::after { - opacity: 1; - } - - .ant-radio-disabled .ant-radio-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } - - .ant-radio-disabled .ant-radio-inner::after { - background-color: rgba(255, 255, 255, 0.2); - } - - .ant-radio-disabled + span { - color: rgba(255, 255, 255, 0.3); - } - - .ant-radio-button-wrapper { - color: rgba(255, 255, 255, 0.85); - background: transparent; - border: 1px solid #434343; - border-top-width: 1.02px; - border-left-width: 0; - } - - .ant-radio-button-wrapper a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-radio-button-wrapper:not(:first-child)::before { - background-color: #434343; - } - - .ant-radio-button-wrapper:first-child { - border-left: 1px solid #434343; - border-radius: 2px 0 0 2px; - } - - .ant-radio-button-wrapper:hover { - color: #177ddc; - } - - .ant-radio-button-wrapper:focus-within { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-button-wrapper .ant-radio-inner, - .ant-radio-button-wrapper input[type='checkbox'], - .ant-radio-button-wrapper input[type='radio'] { - opacity: 0; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { - color: #177ddc; - background: transparent; - border-color: #177ddc; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { - background-color: #177ddc; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { - border-color: #177ddc; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { - color: #165996; - border-color: #165996; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { - background-color: #165996; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { - color: #388ed3; - border-color: #388ed3; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { - background-color: #388ed3; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { - color: #fff; - background: #177ddc; - border-color: #177ddc; - } - - .ant-radio-group-solid - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { - color: #fff; - background: #165996; - border-color: #165996; - } - - .ant-radio-group-solid - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { - color: #fff; - background: #388ed3; - border-color: #388ed3; - } - - .ant-radio-group-solid - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-button-wrapper-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - } - - .ant-radio-button-wrapper-disabled:first-child, - .ant-radio-button-wrapper-disabled:hover { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - } - - .ant-radio-button-wrapper-disabled:first-child { - border-left-color: #434343; - } - - .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.2); - border-color: #434343; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { - border-right: 1px solid #434343; - border-radius: 0 2px 2px 0; - } - - .ant-radio-button-wrapper-checked:not( - [class*=' ant-radio-button-wrapper-disabled'] - ).ant-radio-button-wrapper:first-child { - border-right-color: #165996; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { - border-right-color: #434343; - } - - .ant-picker-status-error.ant-picker, - .ant-picker-status-error.ant-picker:not([disabled]):hover { - background-color: transparent; - border-color: #a61d24; - } - - .ant-picker-status-error.ant-picker-focused, - .ant-picker-status-error.ant-picker:focus { - border-color: #a61d24; - border-right-width: 1px; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - - .ant-picker-status-error .ant-picker-feedback-icon { - color: #a61d24; - } - - .ant-picker-status-warning.ant-picker, - .ant-picker-status-warning.ant-picker:not([disabled]):hover { - background-color: transparent; - border-color: #d89614; - } - - .ant-picker-status-warning.ant-picker-focused, - .ant-picker-status-warning.ant-picker:focus { - border-color: #d89614; - border-right-width: 1px; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-picker-status-warning .ant-picker-feedback-icon { - color: #d89614; - } - - .ant-picker-status-validating .ant-picker-feedback-icon { - color: #177ddc; - } - - .ant-picker-status-success .ant-picker-feedback-icon { - color: #49aa19; + .ant-picker-status-warning.ant-picker .ant-picker-active-bar { + background: #e6b239; } .ant-picker { @@ -3073,8 +2863,8 @@ .ant-picker-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-picker.ant-picker-disabled { @@ -3093,15 +2883,15 @@ .ant-picker-input > input { color: rgba(255, 255, 255, 0.85); - background: transparent; background-color: transparent; border: 1px solid #434343; - border: 0; border-radius: 2px; + background: transparent; + border: 0; } .ant-picker-input > input::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-picker-input > input:-ms-input-placeholder { @@ -3120,8 +2910,8 @@ .ant-picker-input > input:focus, .ant-picker-input > input-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-picker-input > input-disabled { @@ -3215,12 +3005,11 @@ } .ant-picker-range-arrow { - background: linear-gradient(135deg, transparent 40%, #1f1f1f 40%); box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1); } .ant-picker-range-arrow::before { - background: linear-gradient(to left, #1f1f1f 50%, #1f1f1f 50%) no-repeat -10px -10px; + background: var(--background-secondry-color); } .ant-picker-panel-container { @@ -3278,9 +3067,7 @@ } .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, - .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not( - .ant-picker-cell-range-end - ):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) + .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { background: rgba(255, 255, 255, 0.08); } @@ -3301,21 +3088,13 @@ background: #177ddc; } - .ant-picker-cell-in-view.ant-picker-cell-range-start:not( - .ant-picker-cell-range-start-single - )::before, - .ant-picker-cell-in-view.ant-picker-cell-range-end:not( - .ant-picker-cell-range-end-single - )::before { + .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, + .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { background: #111b26; } - .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not( - .ant-picker-cell-range-start - ):not(.ant-picker-cell-range-end)::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not( - .ant-picker-cell-range-start - ):not(.ant-picker-cell-range-end)::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, @@ -3328,12 +3107,8 @@ .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, - .ant-picker-cell-in-view.ant-picker-cell-range-start:not( - .ant-picker-cell-range-start-single - ).ant-picker-cell-range-hover-start::before, - .ant-picker-cell-in-view.ant-picker-cell-range-end:not( - .ant-picker-cell-range-end-single - ).ant-picker-cell-range-hover-end::before, + .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, + .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, @@ -3355,9 +3130,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not( - .ant-picker-cell-range-hover-edge-start-near-range - )::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { border-left: 1px dashed #0e4980; border-top-left-radius: 2px; @@ -3367,9 +3140,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not( - .ant-picker-cell-range-hover-edge-end-near-range - )::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { border-right: 1px dashed #0e4980; border-top-right-radius: 2px; @@ -3527,15 +3298,11 @@ .ant-picker-panel-rtl tr - > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not( - .ant-picker-cell-selected - ):first-child::after, + > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not( - .ant-picker-cell-range-hover-edge-start-near-range - )::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { border-right: 1px dashed #0e4980; border-left: none; @@ -3544,15 +3311,11 @@ .ant-picker-panel-rtl tr - > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not( - .ant-picker-cell-selected - ):last-child::after, + > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not( - .ant-picker-cell-range-hover-edge-end-near-range - )::after, + .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { border-right: none; border-left: 1px dashed #0e4980; @@ -3566,17 +3329,11 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not( - .ant-picker-cell-range-hover - )::after, + .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not( - .ant-picker-cell-range-hover - )::after, + .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl - .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not( - .ant-picker-cell-range-hover - )::after, + .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, .ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, @@ -3824,47 +3581,247 @@ border-color: #593815; } - .ant-card { + .ant-radio-group { color: rgba(255, 255, 255, 0.85); - background: var(--background-primary-color); } - .ant-card-hoverable:hover { - border-color: transparent; - box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), - 0 5px 12px 4px rgba(0, 0, 0, 0.36); - } - - .ant-card-bordered { - border: 1px solid #303030; + .ant-radio-wrapper { + color: rgba(255, 255, 255, 0.85); } - .ant-card-head { + .ant-radio { color: rgba(255, 255, 255, 0.85); - background: transparent; - border-bottom: 1px solid #303030; - border-radius: 2px 2px 0 0; } - .ant-card-head .ant-tabs-top { - color: rgba(255, 255, 255, 0.85); + .ant-radio-wrapper:hover .ant-radio, + .ant-radio:hover .ant-radio-inner, + .ant-radio-input:focus + .ant-radio-inner { + border-color: #177ddc; } - .ant-card-head .ant-tabs-top-bar { - border-bottom: 1px solid #303030; + .ant-radio-input:focus + .ant-radio-inner { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); } - .ant-card-extra { - color: rgba(255, 255, 255, 0.85); + .ant-radio-checked::after { + border: 1px solid #177ddc; + border-radius: 50%; } - .ant-card-grid { - box-shadow: 1px 0 0 0 #303030, 0 1px 0 0 #303030, 1px 1px 0 0 #303030, 1px 0 0 0 #303030 inset, - 0 1px 0 0 #303030 inset; + .ant-radio-inner { + background-color: transparent; + border-color: #434343; + border-style: solid; + border-width: 1px; + border-radius: 50%; } - .ant-card-grid-hoverable:hover { - box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), + .ant-radio-inner::after { + background-color: #177ddc; + opacity: 0; + } + + .ant-radio-input { + opacity: 0; + } + + .ant-radio.ant-radio-disabled .ant-radio-inner { + border-color: #434343; + } + + .ant-radio-checked .ant-radio-inner { + border-color: #177ddc; + } + + .ant-radio-checked .ant-radio-inner::after { + opacity: 1; + } + + .ant-radio-disabled .ant-radio-inner { + background-color: rgba(255, 255, 255, 0.08); + } + + .ant-radio-disabled .ant-radio-inner::after { + background-color: rgba(255, 255, 255, 0.2); + } + + .ant-radio-disabled + span { + color: rgba(255, 255, 255, 0.3); + } + + .ant-radio-button-wrapper { + color: rgba(255, 255, 255, 0.85); + background: transparent; + border: 1px solid #434343; + border-top-width: 1.02px; + border-left-width: 0; + } + + .ant-radio-button-wrapper a { + color: rgba(255, 255, 255, 0.85); + } + + .ant-radio-button-wrapper:not(:first-child)::before { + background-color: #434343; + } + + .ant-radio-button-wrapper:first-child { + border-left: 1px solid #434343; + border-radius: 2px 0 0 2px; + } + + .ant-radio-button-wrapper:hover { + color: #177ddc; + } + + .ant-radio-button-wrapper:focus-within { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); + } + + .ant-radio-button-wrapper .ant-radio-inner, + .ant-radio-button-wrapper input[type='checkbox'], + .ant-radio-button-wrapper input[type='radio'] { + opacity: 0; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { + color: #177ddc; + background: transparent; + border-color: #177ddc; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { + background-color: #177ddc; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { + border-color: #177ddc; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { + color: #165996; + border-color: #165996; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { + background-color: #165996; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { + color: #388ed3; + border-color: #388ed3; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { + background-color: #388ed3; + } + + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); + } + + .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { + color: #fff; + background: #177ddc; + border-color: #177ddc; + } + + .ant-radio-group-solid + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { + color: #fff; + background: #165996; + border-color: #165996; + } + + .ant-radio-group-solid + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { + color: #fff; + background: #388ed3; + border-color: #388ed3; + } + + .ant-radio-group-solid + .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); + } + + .ant-radio-button-wrapper-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + } + + .ant-radio-button-wrapper-disabled:first-child, + .ant-radio-button-wrapper-disabled:hover { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + } + + .ant-radio-button-wrapper-disabled:first-child { + border-left-color: #434343; + } + + .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: #434343; + } + + .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { + border-right: 1px solid #434343; + border-radius: 0 2px 2px 0; + } + + .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { + border-right-color: #165996; + } + + .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { + border-right-color: #434343; + } + + .ant-card { + color: rgba(255, 255, 255, 0.85); + background: var(--background-primary-color); + } + + .ant-card-hoverable:hover { + border-color: transparent; + box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), + 0 5px 12px 4px rgba(0, 0, 0, 0.36); + } + + .ant-card-bordered { + border: 1px solid #303030; + } + + .ant-card-head { + color: rgba(255, 255, 255, 0.85); + background: transparent; + border-bottom: 1px solid #303030; + border-radius: 2px 2px 0 0; + } + + .ant-card-head .ant-tabs-top { + color: rgba(255, 255, 255, 0.85); + } + + .ant-card-head .ant-tabs-top-bar { + border-bottom: 1px solid #303030; + } + + .ant-card-extra { + color: rgba(255, 255, 255, 0.85); + } + + .ant-card-grid { + box-shadow: 1px 0 0 0 #303030, 0 1px 0 0 #303030, 1px 1px 0 0 #303030, 1px 0 0 0 #303030 inset, + 0 1px 0 0 #303030 inset; + } + + .ant-card-grid-hoverable:hover { + box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36); } @@ -3912,15 +3869,61 @@ color: rgba(255, 255, 255, 0.45); } - .ant-card-loading-block { + .ant-skeleton-header .ant-skeleton-avatar { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-content .ant-skeleton-title { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-content .ant-skeleton-paragraph > li { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-active .ant-skeleton-title, + .ant-skeleton-active .ant-skeleton-paragraph > li, + .ant-skeleton-active .ant-skeleton-avatar, + .ant-skeleton-active .ant-skeleton-button, + .ant-skeleton-active .ant-skeleton-input, + .ant-skeleton-active .ant-skeleton-image { + background: transparent; + } + + .ant-skeleton-active .ant-skeleton-title::after, + .ant-skeleton-active .ant-skeleton-paragraph > li::after, + .ant-skeleton-active .ant-skeleton-avatar::after, + .ant-skeleton-active .ant-skeleton-button::after, + .ant-skeleton-active .ant-skeleton-input::after, + .ant-skeleton-active .ant-skeleton-image::after { background: linear-gradient( 90deg, - rgba(48, 48, 48, 0.2), - rgba(48, 48, 48, 0.4), - rgba(48, 48, 48, 0.2) + rgba(190, 190, 190, 0.2) 25%, + rgba(255, 255, 255, 0.16) 37%, + rgba(190, 190, 190, 0.2) 63% ); } + .ant-skeleton-element .ant-skeleton-button { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-element .ant-skeleton-avatar { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-element .ant-skeleton-input { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-element .ant-skeleton-image { + background: rgba(190, 190, 190, 0.2); + } + + .ant-skeleton-element .ant-skeleton-image-path { + fill: #bfbfbf; + } + .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, @@ -4137,20 +4140,307 @@ color: rgba(255, 255, 255, 0.3); } - @media (min-width: 576px) { - .ant-col-sm-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-sm-push-24 { - left: 100%; - } + .ant-tabs-switch-appear-start, + .ant-tabs-switch-enter-start { + opacity: 0; + } - .ant-col-sm-pull-24 { - right: 100%; - } + .ant-tabs-switch-appear-active, + .ant-tabs-switch-enter-active { + opacity: 1; + } + + .ant-tabs-switch-leave-start { + opacity: 1; + } + + .ant-tabs-switch-leave-active { + opacity: 0; + } + + .ant-carousel { + color: rgba(255, 255, 255, 0.85); + } + + .ant-carousel .slick-slider { + -webkit-tap-highlight-color: transparent; + } + + .ant-carousel .slick-prev, + .ant-carousel .slick-next { + color: transparent; + background: transparent; + } + + .ant-carousel .slick-prev:hover, + .ant-carousel .slick-next:hover, + .ant-carousel .slick-prev:focus, + .ant-carousel .slick-next:focus { + color: transparent; + background: transparent; + } + + .ant-carousel .slick-prev:hover::before, + .ant-carousel .slick-next:hover::before, + .ant-carousel .slick-prev:focus::before, + .ant-carousel .slick-next:focus::before { + opacity: 1; + } + + .ant-carousel .slick-prev.slick-disabled::before, + .ant-carousel .slick-next.slick-disabled::before { + opacity: 0.25; + } + + .ant-carousel .slick-dots li button { + color: transparent; + background: var(--background-primary-color); + opacity: 0.3; + } + + .ant-carousel .slick-dots li button:hover, + .ant-carousel .slick-dots li button:focus { + opacity: 0.75; + } + + .ant-carousel .slick-dots li.slick-active button { + background: var(--background-primary-color); + opacity: 1; + } + + .ant-carousel .slick-dots li.slick-active:hover, + .ant-carousel .slick-dots li.slick-active:focus { + opacity: 1; + } + + .ant-cascader-checkbox { + color: rgba(255, 255, 255, 0.85); + } + + .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, + .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, + .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { + border-color: #177ddc; + } + + .ant-cascader-checkbox-checked::after { + border: 1px solid #177ddc; + border-radius: 2px; + } + + .ant-cascader-checkbox-inner { + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + border-collapse: separate; + } + + .ant-cascader-checkbox-inner::after { + border: 2px solid #fff; + border-top: 0; + border-left: 0; + opacity: 0; + } + + .ant-cascader-checkbox-input { + opacity: 0; + } + + .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { + border: 2px solid #fff; + border-top: 0; + border-left: 0; + opacity: 1; + } + + .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { + background-color: #177ddc; + border-color: #177ddc; + } + + .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked + .ant-cascader-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.3); + } + + .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343 !important; + } + + .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.08); + border-collapse: separate; + } + + .ant-cascader-checkbox-disabled + span { + color: rgba(255, 255, 255, 0.3); + } + + .ant-cascader-checkbox-wrapper { + color: rgba(255, 255, 255, 0.85); + } + + .ant-cascader-checkbox-group { + color: rgba(255, 255, 255, 0.85); + } + + .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { + background-color: transparent; + border-color: #434343; + } + + .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { + background-color: #177ddc; + opacity: 1; + } + + .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled + .ant-cascader-checkbox-inner::after { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); + } + + .ant-cascader-menu { + border-right: 1px solid #303030; + } + + .ant-cascader-menu-item:hover { + background: rgba(255, 255, 255, 0.08); + } + + .ant-cascader-menu-item-disabled { + color: rgba(255, 255, 255, 0.3); + } + + .ant-cascader-menu-item-disabled:hover { + background: transparent; + } + + .ant-cascader-menu-empty .ant-cascader-menu-item { + color: rgba(255, 255, 255, 0.3); + } + + .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), + .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { + background-color: #111b26; + } + + .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, + .ant-cascader-menu-item-loading-icon { + color: rgba(255, 255, 255, 0.45); + } + + .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand + .ant-cascader-menu-item-expand-icon, + .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { + color: rgba(255, 255, 255, 0.3); + } + + .ant-cascader-menu-item-keyword { + color: #a61d24; + } + + .ant-checkbox { + color: rgba(255, 255, 255, 0.85); + } + + .ant-checkbox-wrapper:hover .ant-checkbox-inner, + .ant-checkbox:hover .ant-checkbox-inner, + .ant-checkbox-input:focus + .ant-checkbox-inner { + border-color: #177ddc; + } + + .ant-checkbox-checked::after { + border: 1px solid #177ddc; + border-radius: 2px; + } + + .ant-checkbox-inner { + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + border-collapse: separate; + } + + .ant-checkbox-inner::after { + border: 2px solid #fff; + border-top: 0; + border-left: 0; + opacity: 0; + } + + .ant-checkbox-input { + opacity: 0; + } + + .ant-checkbox-checked .ant-checkbox-inner::after { + border: 2px solid #fff; + border-top: 0; + border-left: 0; + opacity: 1; + } + + .ant-checkbox-checked .ant-checkbox-inner { + background-color: #177ddc; + border-color: #177ddc; + } + + .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.3); + } + + .ant-checkbox-disabled .ant-checkbox-inner { + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343 !important; + } + + .ant-checkbox-disabled .ant-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.08); + border-collapse: separate; + } + + .ant-checkbox-disabled + span { + color: rgba(255, 255, 255, 0.3); + } + + .ant-checkbox-wrapper { + color: rgba(255, 255, 255, 0.85); + } + + .ant-checkbox-group { + color: rgba(255, 255, 255, 0.85); + } + + .ant-checkbox-indeterminate .ant-checkbox-inner { + background-color: transparent; + border-color: #434343; + } + + .ant-checkbox-indeterminate .ant-checkbox-inner::after { + background-color: #177ddc; + opacity: 1; + } + + .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); + } + + @media (min-width: 576px) { + .ant-col-sm-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + + .ant-col-sm-push-24 { + left: 100%; + } + + .ant-col-sm-pull-24 { + right: 100%; + } .ant-col-sm-offset-24 { margin-left: 100%; @@ -8677,423 +8967,154 @@ } .ant-col-xxl-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-xxl-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-xxl-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-xxl-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-xxl-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-xxl-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-xxl-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-xxl-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-xxl-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-xxl-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-xxl-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-xxl-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-xxl-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-xxl-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-xxl-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-xxl-push-20.ant-col-rtl { - right: 83.33333333%; + right: 62.5%; left: auto; } - .ant-col-xxl-pull-20.ant-col-rtl { + .ant-col-xxl-pull-15.ant-col-rtl { right: auto; - left: 83.33333333%; + left: 62.5%; } - .ant-col-xxl-offset-20.ant-col-rtl { - margin-right: 83.33333333%; + .ant-col-xxl-offset-15.ant-col-rtl { + margin-right: 62.5%; margin-left: 0; } - .ant-col-xxl-push-21.ant-col-rtl { - right: 87.5%; + .ant-col-xxl-push-16.ant-col-rtl { + right: 66.66666667%; left: auto; } - .ant-col-xxl-pull-21.ant-col-rtl { + .ant-col-xxl-pull-16.ant-col-rtl { right: auto; - left: 87.5%; + left: 66.66666667%; } - .ant-col-xxl-offset-21.ant-col-rtl { - margin-right: 87.5%; + .ant-col-xxl-offset-16.ant-col-rtl { + margin-right: 66.66666667%; margin-left: 0; } - .ant-col-xxl-push-22.ant-col-rtl { - right: 91.66666667%; + .ant-col-xxl-push-17.ant-col-rtl { + right: 70.83333333%; left: auto; } - .ant-col-xxl-pull-22.ant-col-rtl { + .ant-col-xxl-pull-17.ant-col-rtl { right: auto; - left: 91.66666667%; + left: 70.83333333%; } - .ant-col-xxl-offset-22.ant-col-rtl { - margin-right: 91.66666667%; + .ant-col-xxl-offset-17.ant-col-rtl { + margin-right: 70.83333333%; margin-left: 0; } - .ant-col-xxl-push-23.ant-col-rtl { - right: 95.83333333%; + .ant-col-xxl-push-18.ant-col-rtl { + right: 75%; left: auto; } - .ant-col-xxl-pull-23.ant-col-rtl { + .ant-col-xxl-pull-18.ant-col-rtl { right: auto; - left: 95.83333333%; + left: 75%; } - .ant-col-xxl-offset-23.ant-col-rtl { - margin-right: 95.83333333%; + .ant-col-xxl-offset-18.ant-col-rtl { + margin-right: 75%; margin-left: 0; } - .ant-col-xxl-push-24.ant-col-rtl { - right: 100%; + .ant-col-xxl-push-19.ant-col-rtl { + right: 79.16666667%; left: auto; } - .ant-col-xxl-pull-24.ant-col-rtl { + .ant-col-xxl-pull-19.ant-col-rtl { right: auto; - left: 100%; + left: 79.16666667%; } - .ant-col-xxl-offset-24.ant-col-rtl { - margin-right: 100%; + .ant-col-xxl-offset-19.ant-col-rtl { + margin-right: 79.16666667%; margin-left: 0; } - } - - .ant-carousel { - color: rgba(255, 255, 255, 0.85); - } - - .ant-carousel .slick-slider { - -webkit-tap-highlight-color: transparent; - } - - .ant-carousel .slick-prev, - .ant-carousel .slick-next { - color: transparent; - background: transparent; - } - - .ant-carousel .slick-prev:hover, - .ant-carousel .slick-next:hover, - .ant-carousel .slick-prev:focus, - .ant-carousel .slick-next:focus { - color: transparent; - background: transparent; - } - - .ant-carousel .slick-prev:hover::before, - .ant-carousel .slick-next:hover::before, - .ant-carousel .slick-prev:focus::before, - .ant-carousel .slick-next:focus::before { - opacity: 1; - } - - .ant-carousel .slick-prev.slick-disabled::before, - .ant-carousel .slick-next.slick-disabled::before { - opacity: 0.25; - } - - .ant-carousel .slick-dots li button { - color: transparent; - background: var(--background-primary-color); - opacity: 0.3; - } - - .ant-carousel .slick-dots li button:hover, - .ant-carousel .slick-dots li button:focus { - opacity: 0.75; - } - - .ant-carousel .slick-dots li.slick-active button { - background: var(--background-primary-color); - opacity: 1; - } - - .ant-carousel .slick-dots li.slick-active:hover, - .ant-carousel .slick-dots li.slick-active:focus { - opacity: 1; - } - - .ant-cascader-checkbox { - color: rgba(255, 255, 255, 0.85); - } - - .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, - .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, - .ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { - border-color: #177ddc; - } - - .ant-cascader-checkbox-checked::after { - border: 1px solid #177ddc; - border-radius: 2px; - } - - .ant-cascader-checkbox-inner { - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - border-collapse: separate; - } - - .ant-cascader-checkbox-inner::after { - border: 2px solid #fff; - border-top: 0; - border-left: 0; - opacity: 0; - } - - .ant-cascader-checkbox-input { - opacity: 0; - } - - .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { - border: 2px solid #fff; - border-top: 0; - border-left: 0; - opacity: 1; - } - - .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { - background-color: #177ddc; - border-color: #177ddc; - } - - .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked - .ant-cascader-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } - - .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.08); - border-collapse: separate; - } - - .ant-cascader-checkbox-disabled + span { - color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-checkbox-wrapper { - color: rgba(255, 255, 255, 0.85); - } - - .ant-cascader-checkbox-group { - color: rgba(255, 255, 255, 0.85); - } - - .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { - background-color: transparent; - border-color: #434343; - } - - .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { - background-color: #177ddc; - opacity: 1; - } - - .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled - .ant-cascader-checkbox-inner::after { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-menu { - border-right: 1px solid #303030; - } - - .ant-cascader-menu-item:hover { - background: rgba(255, 255, 255, 0.08); - } - - .ant-cascader-menu-item-disabled { - color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-menu-item-disabled:hover { - background: transparent; - } - - .ant-cascader-menu-empty .ant-cascader-menu-item { - color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), - .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { - background-color: #111b26; - } - - .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, - .ant-cascader-menu-item-loading-icon { - color: rgba(255, 255, 255, 0.45); - } - - .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand - .ant-cascader-menu-item-expand-icon, - .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { - color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-menu-item-keyword { - color: #a61d24; - } - - .ant-checkbox { - color: rgba(255, 255, 255, 0.85); - } - - .ant-checkbox-wrapper:hover .ant-checkbox-inner, - .ant-checkbox:hover .ant-checkbox-inner, - .ant-checkbox-input:focus + .ant-checkbox-inner { - border-color: #177ddc; - } - - .ant-checkbox-checked::after { - border: 1px solid #177ddc; - border-radius: 2px; - } - .ant-checkbox-inner { - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - border-collapse: separate; - } + .ant-col-xxl-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; + } - .ant-checkbox-inner::after { - border: 2px solid #fff; - border-top: 0; - border-left: 0; - opacity: 0; - } + .ant-col-xxl-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; + } - .ant-checkbox-input { - opacity: 0; - } + .ant-col-xxl-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } - .ant-checkbox-checked .ant-checkbox-inner::after { - border: 2px solid #fff; - border-top: 0; - border-left: 0; - opacity: 1; - } + .ant-col-xxl-push-21.ant-col-rtl { + right: 87.5%; + left: auto; + } - .ant-checkbox-checked .ant-checkbox-inner { - background-color: #177ddc; - border-color: #177ddc; - } + .ant-col-xxl-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; + } - .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.3); - } + .ant-col-xxl-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } - .ant-checkbox-disabled .ant-checkbox-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } + .ant-col-xxl-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; + } - .ant-checkbox-disabled .ant-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.08); - border-collapse: separate; - } + .ant-col-xxl-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; + } - .ant-checkbox-disabled + span { - color: rgba(255, 255, 255, 0.3); - } + .ant-col-xxl-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } - .ant-checkbox-wrapper { - color: rgba(255, 255, 255, 0.85); - } + .ant-col-xxl-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; + } - .ant-checkbox-group { - color: rgba(255, 255, 255, 0.85); - } + .ant-col-xxl-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; + } - .ant-checkbox-indeterminate .ant-checkbox-inner { - background-color: transparent; - border-color: #434343; - } + .ant-col-xxl-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } - .ant-checkbox-indeterminate .ant-checkbox-inner::after { - background-color: #177ddc; - opacity: 1; - } + .ant-col-xxl-push-24.ant-col-rtl { + right: 100%; + left: auto; + } - .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); + .ant-col-xxl-pull-24.ant-col-rtl { + right: auto; + left: 100%; + } + + .ant-col-xxl-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; + } } .ant-collapse { @@ -9247,36 +9268,36 @@ color: rgba(255, 255, 255, 0.85); } - .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { + .ant-drawer-mask { + background: rgba(0, 0, 0, 0.45); + } + + .ant-drawer-left > .ant-drawer-content-wrapper { box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2), 12px 0 48px 16px rgba(0, 0, 0, 0.12); } - .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { + .ant-drawer-right > .ant-drawer-content-wrapper { box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); } - .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { + .ant-drawer-top > .ant-drawer-content-wrapper { box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12); } - .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { + .ant-drawer-bottom > .ant-drawer-content-wrapper { box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2), 0 -12px 48px 16px rgba(0, 0, 0, 0.12); } - .ant-drawer.ant-drawer-open .ant-drawer-mask { - opacity: 1; - } - - .ant-drawer-title { - color: rgba(255, 255, 255, 0.85); + .ant-drawer-content { + background: var(--background-secondry-color); } - .ant-drawer-content { - background-color: var(--background-secondry-color); + .ant-drawer-header { + border-bottom: 1px solid #303030; } .ant-drawer-close { @@ -9289,24 +9310,30 @@ color: rgba(255, 255, 255, 0.75); } - .ant-drawer-header { + .ant-drawer-title { color: rgba(255, 255, 255, 0.85); - background: var(--background-secondry-color); - border-bottom: 1px solid #303030; - border-radius: 2px 2px 0 0; } .ant-drawer-footer { border-top: 1px solid #303030; } - .ant-drawer-mask { - background-color: rgba(0, 0, 0, 0.45); + .ant-drawer-mask-motion-enter, + .ant-drawer-mask-motion-appear { opacity: 0; } - .ant-drawer .ant-picker-clear { - background: var(--background-secondry-color); + .ant-drawer-mask-motion-enter-active, + .ant-drawer-mask-motion-appear-active { + opacity: 1; + } + + .ant-drawer-mask-motion-leave { + opacity: 1; + } + + .ant-drawer-mask-motion-leave-active { + opacity: 0; } .ant-drawer .ant-picker-clear, @@ -9428,14 +9455,6 @@ background: var(--background-secondry-color); } - .ant-form-item .ant-upload { - background: transparent; - } - - .ant-form-item .ant-upload.ant-upload-drag { - background: rgba(255, 255, 255, 0.04); - } - @media (max-width: 575px) { .ant-form-item .ant-form-item-label { padding: 0 0 8px; @@ -9582,22 +9601,10 @@ color: #d89614; } - .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input { - border-color: #d89614; - border-right-width: 1px; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - .ant-form-item-has-error .ant-form-item-split { color: #a61d24; } - .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input { - border-color: #a61d24; - border-right-width: 1px; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - .ant-form { color: rgba(255, 255, 255, 0.85); } @@ -9638,14 +9645,44 @@ color: rgba(255, 255, 255, 0.45); } - .ant-form-item-explain-connected { + .ant-form-item-with-help .ant-form-item-explain { + opacity: 1; + } + + .ant-form-item-feedback-icon-success { + color: #49aa19; + } + + .ant-form-item-feedback-icon-error { + color: #a61d24; + } + + .ant-form-item-feedback-icon-warning { + color: #d89614; + } + + .ant-form-item-feedback-icon-validating { + color: #177ddc; + } + + .ant-show-help-appear, + .ant-show-help-enter { opacity: 0; } - .ant-form-item-with-help .ant-form-item-explain { + .ant-show-help-appear-active, + .ant-show-help-enter-active { + opacity: 1; + } + + .ant-show-help-leave { opacity: 1; } + .ant-show-help-leave-active { + opacity: 0; + } + .ant-show-help-item-appear, .ant-show-help-item-enter { opacity: 0; @@ -9684,6 +9721,10 @@ background: rgba(0, 0, 0, 0.1); } + .ant-image-preview-operations-operation:hover { + background: rgba(0, 0, 0, 0.2); + } + .ant-image-preview-operations-operation-disabled { color: rgba(255, 255, 255, 0.25); } @@ -9694,9 +9735,17 @@ background: rgba(0, 0, 0, 0.1); } + .ant-image-preview-switch-left:hover, + .ant-image-preview-switch-right:hover { + background: rgba(0, 0, 0, 0.2); + } + .ant-image-preview-switch-left-disabled, - .ant-image-preview-switch-right-disabled { + .ant-image-preview-switch-right-disabled, + .ant-image-preview-switch-left-disabled:hover, + .ant-image-preview-switch-right-disabled:hover { color: rgba(255, 255, 255, 0.25); + background: rgba(0, 0, 0, 0.1); } .ant-input-number-affix-wrapper { @@ -9707,7 +9756,7 @@ } .ant-input-number-affix-wrapper::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-input-number-affix-wrapper:-ms-input-placeholder { @@ -9726,8 +9775,8 @@ .ant-input-number-affix-wrapper:focus, .ant-input-number-affix-wrapper-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-input-number-affix-wrapper-disabled { @@ -9772,130 +9821,74 @@ background: transparent; } - .ant-input-number-status-error:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number, - .ant-input-number-status-error:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number:hover { + .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, + .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { background: transparent; border-color: #a61d24; } - .ant-input-number-status-error:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number:focus, - .ant-input-number-status-error:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number-focused { + .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, + .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { border-color: #a61d24; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - - .ant-input-number-status-error .ant-input-number-feedback-icon { - color: #a61d24; + border-right-width: 1px; } .ant-input-number-status-error .ant-input-number-prefix { color: #a61d24; } - .ant-input-number-status-warning:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number, - .ant-input-number-status-warning:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number:hover { + .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, + .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { background: transparent; border-color: #d89614; } - .ant-input-number-status-warning:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number:focus, - .ant-input-number-status-warning:not(.ant-input-number-disabled):not( - .ant-input-number-borderless - ).ant-input-number-focused { + .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, + .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { border-color: #d89614; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-input-number-status-warning .ant-input-number-feedback-icon { - color: #d89614; + border-right-width: 1px; } .ant-input-number-status-warning .ant-input-number-prefix { color: #d89614; } - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper, - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper:hover { + .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, + .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background: transparent; border-color: #a61d24; } - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper:focus, - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper-focused { + .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, + .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #a61d24; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - - .ant-input-number-affix-wrapper-status-error .ant-input-number-feedback-icon { - color: #a61d24; + border-right-width: 1px; } .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix { color: #a61d24; } - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper, - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper:hover { + .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, + .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { background: transparent; border-color: #d89614; } - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper:focus, - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not( - .ant-input-number-affix-wrapper-borderless - ).ant-input-number-affix-wrapper-focused { + .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, + .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { border-color: #d89614; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-input-number-affix-wrapper-status-warning .ant-input-number-feedback-icon { - color: #d89614; + border-right-width: 1px; } .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix { color: #d89614; } - .ant-input-number-affix-wrapper-status-validating .ant-input-number-feedback-icon { - color: #177ddc; - } - - .ant-input-number-affix-wrapper-status-success .ant-input-number-feedback-icon { - color: #49aa19; - } - .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon { color: #a61d24; border-color: #a61d24; @@ -9914,7 +9907,7 @@ } .ant-input-number::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-input-number:-ms-input-placeholder { @@ -9933,8 +9926,8 @@ .ant-input-number:focus, .ant-input-number-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-input-number-disabled { @@ -9996,6 +9989,18 @@ background-color: transparent; } + .ant-input-number-group-rtl .ant-input-number-group-addon:first-child { + border-right: 1px solid #434343; + border-left: 0; + border-radius: 0 2px 2px 0; + } + + .ant-input-number-group-rtl .ant-input-number-group-addon:last-child { + border-right: 0; + border-left: 1px solid #434343; + border-radius: 2px 0 0 2px; + } + .ant-input-number-handler { color: rgba(255, 255, 255, 0.45); border-left: 1px solid #434343; @@ -10026,8 +10031,8 @@ .ant-input-number-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-input-number-disabled { @@ -10047,7 +10052,7 @@ } .ant-input-number-input::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-input-number-input:-ms-input-placeholder { @@ -10073,6 +10078,11 @@ border-bottom-right-radius: 2px; } + .ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down, + .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down { + border-top: 1px solid #434343; + } + .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(255, 255, 255, 0.3); @@ -10095,7 +10105,7 @@ } .ant-input-affix-wrapper::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-input-affix-wrapper:-ms-input-placeholder { @@ -10114,8 +10124,8 @@ .ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-input-affix-wrapper-disabled { @@ -10157,7 +10167,7 @@ } .ant-input-affix-wrapper-disabled .ant-input[disabled] { - background: transparent; + background: rgba(255, 255, 255, 0); } .ant-input-show-count-suffix { @@ -10188,12 +10198,8 @@ .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #a61d24; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - - .ant-input-status-error .ant-input-feedback-icon { - color: #a61d24; + border-right-width: 1px; } .ant-input-status-error .ant-input-prefix { @@ -10209,94 +10215,48 @@ .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { border-color: #d89614; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-input-status-warning .ant-input-feedback-icon { - color: #d89614; + border-right-width: 1px; } .ant-input-status-warning .ant-input-prefix { color: #d89614; } - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper, - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper:hover { + .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, + .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: transparent; border-color: #a61d24; } - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper:focus, - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper-focused { + .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, + .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #a61d24; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - - .ant-input-affix-wrapper-status-error .ant-input-feedback-icon { - color: #a61d24; + border-right-width: 1px; } .ant-input-affix-wrapper-status-error .ant-input-prefix { color: #a61d24; } - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper, - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper:hover { + .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, + .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { background: transparent; border-color: #d89614; } - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper:focus, - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not( - .ant-input-affix-wrapper-borderless - ).ant-input-affix-wrapper-focused { + .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, + .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { border-color: #d89614; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-input-affix-wrapper-status-warning .ant-input-feedback-icon { - color: #d89614; + border-right-width: 1px; } .ant-input-affix-wrapper-status-warning .ant-input-prefix { color: #d89614; } - .ant-input-textarea-status-validating .ant-input-feedback-icon, - .ant-input-affix-wrapper-status-validating .ant-input-feedback-icon { - color: #177ddc; - } - - .ant-input-textarea-status-success .ant-input-feedback-icon, - .ant-input-affix-wrapper-status-success .ant-input-feedback-icon { - color: #49aa19; - } - - .ant-input-textarea-status-error .ant-input-feedback-icon { - color: #a61d24; - } - - .ant-input-textarea-status-warning .ant-input-feedback-icon { - color: #d89614; - } - .ant-input-group-wrapper-status-error .ant-input-group-addon { color: #a61d24; border-color: #a61d24; @@ -10315,7 +10275,7 @@ } .ant-input::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-input:-ms-input-placeholder { @@ -10334,8 +10294,8 @@ .ant-input:focus, .ant-input-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-input-disabled { @@ -10405,6 +10365,7 @@ .ant-input-group-rtl .ant-input-group-addon:last-child { border-right: 0; border-left: 1px solid #434343; + border-radius: 2px 0 0 2px; } .ant-input-password-icon.anticon { @@ -10450,10 +10411,20 @@ .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { - border-right-color: #165996; border-left-color: #434343; } + .ant-input-search-rtl + .ant-input:hover + + .ant-input-group-addon + .ant-input-search-button:not(.ant-btn-primary):hover, + .ant-input-search-rtl + .ant-input:focus + + .ant-input-group-addon + .ant-input-search-button:not(.ant-btn-primary):hover { + border-left-color: #165996; + } + .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, .ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { border-right-color: #165996; @@ -10666,51 +10637,6 @@ } } - .ant-spin { - color: rgba(255, 255, 255, 0.85); - color: #177ddc; - opacity: 0; - } - - .ant-spin-spinning { - opacity: 1; - } - - .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { - text-shadow: 0 1px 2px #141414; - } - - .ant-spin-container::after { - background: var(--background-primary-color); - opacity: 0; - } - - .ant-spin-blur { - opacity: 0.5; - } - - .ant-spin-blur::after { - opacity: 0.4; - } - - .ant-spin-tip { - color: rgba(255, 255, 255, 0.45); - } - - .ant-spin-dot-item { - background-color: #177ddc; - opacity: 0.3; - } - - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - /* IE10+ */ - - .ant-spin-blur { - background: #141414; - opacity: 0.5; - } - } - .ant-pagination { color: rgba(255, 255, 255, 0.85); } @@ -10860,7 +10786,7 @@ } .ant-pagination-options-quick-jumper input::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { @@ -10879,8 +10805,8 @@ .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-pagination-options-quick-jumper input-disabled { @@ -10942,13 +10868,13 @@ border-color: #434343; } - .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { + .ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } - .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, - .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { + .ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link, + .ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } @@ -11006,70 +10932,85 @@ } } + .ant-spin { + color: rgba(255, 255, 255, 0.85); + color: #177ddc; + opacity: 0; + } + + .ant-spin-spinning { + opacity: 1; + } + + .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { + text-shadow: 0 1px 2px #141414; + } + + .ant-spin-container::after { + background: var(--background-primary-color); + opacity: 0; + } + + .ant-spin-blur { + opacity: 0.5; + } + + .ant-spin-blur::after { + opacity: 0.4; + } + + .ant-spin-tip { + color: rgba(255, 255, 255, 0.45); + } + + .ant-spin-dot-item { + background-color: #177ddc; + opacity: 0.3; + } + + @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ */ + + .ant-spin-blur { + background: #141414; + opacity: 0.5; + } + } + .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, - .ant-mentions-status-error:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions:hover { + .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { background: transparent; border-color: #a61d24; } - .ant-mentions-status-error:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions:focus, - .ant-mentions-status-error:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions-focused { + .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, + .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { border-color: #a61d24; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - } - - .ant-mentions-status-error .ant-input-feedback-icon { - color: #a61d24; + border-right-width: 1px; } .ant-mentions-status-error .ant-input-prefix { color: #a61d24; } - .ant-mentions-status-warning:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions, - .ant-mentions-status-warning:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions:hover { + .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, + .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { background: transparent; border-color: #d89614; } - .ant-mentions-status-warning:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions:focus, - .ant-mentions-status-warning:not(.ant-mentions-disabled):not( - .ant-mentions-borderless - ).ant-mentions-focused { + .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, + .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { border-color: #d89614; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - } - - .ant-mentions-status-warning .ant-input-feedback-icon { - color: #d89614; + border-right-width: 1px; } .ant-mentions-status-warning .ant-input-prefix { color: #d89614; } - .ant-mentions-affix-wrapper-status-error .ant-mentions-feedback-icon { - color: #a61d24; - } - - .ant-mentions-affix-wrapper-has-warning .ant-mentions-feedback-icon { - color: #d89614; - } - .ant-mentions { color: rgba(255, 255, 255, 0.85); background-color: transparent; @@ -11078,7 +11019,7 @@ } .ant-mentions::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-mentions:-ms-input-placeholder { @@ -11097,8 +11038,8 @@ .ant-mentions:focus, .ant-mentions-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-mentions-disabled { @@ -11148,8 +11089,8 @@ .ant-mentions-focused { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-mentions > textarea { @@ -11157,7 +11098,7 @@ } .ant-mentions > textarea::-moz-placeholder { - opacity: 1; + color: rgba(255, 255, 255, 0.3); } .ant-mentions > textarea:-ms-input-placeholder { @@ -11613,7 +11554,7 @@ color: #177ddc; } - .ant-page-header-back-button:focus, + .ant-page-header-back-button:focus-visible, .ant-page-header-back-button:hover { color: #165996; } @@ -11767,82 +11708,55 @@ background-color: rgba(255, 255, 255, 0.04); } - .ant-skeleton-header .ant-skeleton-avatar { - background: rgba(190, 190, 190, 0.2); - } - - .ant-skeleton-content .ant-skeleton-title { - background: rgba(190, 190, 190, 0.2); - } - - .ant-skeleton-content .ant-skeleton-paragraph > li { - background: rgba(190, 190, 190, 0.2); - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, - .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { - background: linear-gradient( - 90deg, - rgba(190, 190, 190, 0.2) 25%, - rgba(255, 255, 255, 0.16) 37%, - rgba(190, 190, 190, 0.2) 63% - ); - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { - background: linear-gradient( - 90deg, - rgba(190, 190, 190, 0.2) 25%, - rgba(255, 255, 255, 0.16) 37%, - rgba(190, 190, 190, 0.2) 63% - ); + .segmented-disabled-item, + .segmented-disabled-item:hover, + .segmented-disabled-item:focus { + color: rgba(255, 255, 255, 0.3); } - .ant-skeleton.ant-skeleton-active .ant-skeleton-button { - background: linear-gradient( - 90deg, - rgba(190, 190, 190, 0.2) 25%, - rgba(255, 255, 255, 0.16) 37%, - rgba(190, 190, 190, 0.2) 63% - ); + .segmented-item-selected { + background-color: #333333; + box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), + 0 0 1px 0 rgba(0, 0, 0, 0.08); } - .ant-skeleton.ant-skeleton-active .ant-skeleton-input { - background: linear-gradient( - 90deg, - rgba(190, 190, 190, 0.2) 25%, - rgba(255, 255, 255, 0.16) 37%, - rgba(190, 190, 190, 0.2) 63% - ); + .ant-segmented { + color: rgba(255, 255, 255, 0.85); + color: rgba(255, 255, 255, 0.65); + background-color: rgba(0, 0, 0, 0.25); } - .ant-skeleton.ant-skeleton-active .ant-skeleton-image { - background: linear-gradient( - 90deg, - rgba(190, 190, 190, 0.2) 25%, - rgba(255, 255, 255, 0.16) 37%, - rgba(190, 190, 190, 0.2) 63% - ); + .ant-segmented:not(.ant-segmented-disabled):hover, + .ant-segmented:not(.ant-segmented-disabled):focus { + background-color: rgba(0, 0, 0, 0.45); } - .ant-skeleton-element .ant-skeleton-button { - background: rgba(190, 190, 190, 0.2); + .ant-segmented-item-selected { + background-color: #333333; + box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), + 0 0 1px 0 rgba(0, 0, 0, 0.08); + color: rgba(255, 255, 255, 0.85); } - .ant-skeleton-element .ant-skeleton-avatar { - background: rgba(190, 190, 190, 0.2); + .ant-segmented-item:hover, + .ant-segmented-item:focus { + color: rgba(255, 255, 255, 0.85); } - .ant-skeleton-element .ant-skeleton-input { - background: rgba(190, 190, 190, 0.2); + .ant-segmented-item-input { + opacity: 0; } - .ant-skeleton-element .ant-skeleton-image { - background: rgba(190, 190, 190, 0.2); + .ant-segmented-item-disabled, + .ant-segmented-item-disabled:hover, + .ant-segmented-item-disabled:focus { + color: rgba(255, 255, 255, 0.3); } - .ant-skeleton-element .ant-skeleton-image-path { - fill: #bfbfbf; + .ant-segmented-thumb { + background-color: #333333; + box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), + 0 0 1px 0 rgba(0, 0, 0, 0.08); } .ant-slider { @@ -12232,10 +12146,6 @@ color: #177ddc; } - .ant-table-small .ant-table-thead > tr > th { - background-color: var(--table-header-background-color); - } - .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #303030; border-bottom: 0; @@ -12530,7 +12440,7 @@ border-top: 0; } - .ant-table-cell-scrollbar { + .ant-table-cell-scrollbar:not([rowspan]) { box-shadow: 0 1px 0 1px #1d1d1d; } @@ -12552,9 +12462,7 @@ .ant-table-thead > tr - > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not( - [colspan] - )::before { + > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { background-color: rgba(255, 255, 255, 0.08); } @@ -12597,6 +12505,10 @@ background-color: transparent !important; } + .ant-table-thead th.ant-table-column-has-sorters:focus-visible { + color: #177ddc; + } + .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { background: #222; @@ -12696,7 +12608,7 @@ border-radius: 2px; } - .ant-table-row-expand-icon:focus, + .ant-table-row-expand-icon:focus-visible, .ant-table-row-expand-icon:hover { color: #165996; } @@ -12727,7 +12639,7 @@ background: var(--background-primary-color); } - .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { + .ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45); } @@ -12740,7 +12652,7 @@ background-color: transparent !important; } - .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { + .ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45); } @@ -12922,11 +12834,11 @@ background: rgba(255, 255, 255, 0.08); } - .ant-tree-draggable-icon { + .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { opacity: 0.2; } - .ant-tree-treenode:hover .ant-tree-draggable-icon { + .ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { opacity: 0.45; } @@ -13090,8 +13002,8 @@ .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-transfer-status-warning .ant-transfer-list { @@ -13109,8 +13021,8 @@ .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus { border-color: #177ddc; - border-right-width: 1px; box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; } .ant-transfer { @@ -13138,19 +13050,9 @@ } .ant-transfer-list-content-item-remove { - color: #177ddc; color: #434343; } - .ant-transfer-list-content-item-remove:focus, - .ant-transfer-list-content-item-remove:hover { - color: #165996; - } - - .ant-transfer-list-content-item-remove:active { - color: #388ed3; - } - .ant-transfer-list-content-item-remove:hover { color: #165996; } @@ -13159,9 +13061,7 @@ background-color: #262626; } - .ant-transfer-list-content-item:not( - .ant-transfer-list-content-item-disabled - ).ant-transfer-list-content-item-checked:hover { + .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { background-color: #0e161f; } @@ -13306,11 +13206,14 @@ background: rgba(255, 255, 255, 0.08); } - .ant-select-tree-draggable-icon { + .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { opacity: 0.2; } - .ant-select-tree-treenode:hover .ant-select-tree-draggable-icon { + .ant-select-tree-treenode:hover + .ant-select-tree + .ant-select-tree-treenode-draggable + .ant-select-tree-draggable-icon { opacity: 0.45; } @@ -13385,7 +13288,10 @@ } a.ant-typography.ant-typography-danger:active, - a.ant-typography.ant-typography-danger:focus, + a.ant-typography.ant-typography-danger:focus { + color: #800f19; + } + a.ant-typography.ant-typography-danger:hover { color: #b33b3d; } @@ -13434,8 +13340,8 @@ color: #177ddc; } - a.ant-typography:focus, - .ant-typography a:focus, + a.ant-typography:focus-visible, + .ant-typography a:focus-visible, a.ant-typography:hover, .ant-typography a:hover { color: #165996; @@ -13487,9 +13393,9 @@ color: #177ddc; } - .ant-typography-expand:focus, - .ant-typography-edit:focus, - .ant-typography-copy:focus, + .ant-typography-expand:focus-visible, + .ant-typography-edit:focus-visible, + .ant-typography-copy:focus-visible, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { @@ -13531,6 +13437,10 @@ color: rgba(255, 255, 255, 0.85); } + .ant-upload.ant-upload-disabled { + color: rgba(255, 255, 255, 0.3); + } + .ant-upload.ant-upload-select-picture-card { background-color: rgba(255, 255, 255, 0.04); border: 1px dashed #434343; @@ -13600,28 +13510,19 @@ color: rgba(255, 255, 255, 0.45); } - .ant-upload-list-item-info .anticon-loading .anticon, - .ant-upload-list-item-info .ant-upload-text-icon .anticon { - color: rgba(255, 255, 255, 0.45); + .ant-upload-list-item-card-actions:hover .anticon { + color: rgba(255, 255, 255, 0.85); } - .ant-upload-list-item .anticon-close { + .ant-upload-list-item-info .anticon-loading .anticon, + .ant-upload-list-item-info .ant-upload-text-icon .anticon { color: rgba(255, 255, 255, 0.45); - opacity: 0; - } - - .ant-upload-list-item .anticon-close:hover { - color: rgba(255, 255, 255, 0.85); } .ant-upload-list-item:hover .ant-upload-list-item-info { background-color: rgba(255, 255, 255, 0.08); } - .ant-upload-list-item:hover .anticon-close { - opacity: 1; - } - .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { opacity: 1; } @@ -13696,11 +13597,6 @@ fill: #a61d24; } - .ant-upload-list-picture .anticon-close, - .ant-upload-list-picture-card .anticon-close { - opacity: 1; - } - .ant-upload-list-picture-card .ant-upload-list-item-info::before { background-color: rgba(0, 0, 0, 0.5); opacity: 0; diff --git a/src/style/theme/antd.darkTemplate.css b/src/style/theme/antd.darkTemplate.css index beb941159..2c90f3b60 100644 --- a/src/style/theme/antd.darkTemplate.css +++ b/src/style/theme/antd.darkTemplate.css @@ -1,33161 +1,27170 @@ -/* - * Copyright 2023 OceanBase - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. +/*! + * + * antd v4.24.14 + * + * Copyright 2015-present, Alipay, Inc. + * All rights reserved. + * */ - - hr { - box-sizing: content-box; - height: 0; - overflow: visible; - } - - h1, - h2, - h3, - h4, - h5, - h6 { - margin-top: 0; - margin-bottom: 0.5em; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - } - - p { - margin-top: 0; - margin-bottom: 1em; - } - - abbr[title], - abbr[data-original-title] { - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - border-bottom: 0; - cursor: help; - } - - address { - margin-bottom: 1em; - font-style: normal; - line-height: inherit; - } - - input[type='text'], - input[type='password'], - input[type='number'], - textarea { - -webkit-appearance: none; - } - - ol, - ul, - dl { - margin-top: 0; - margin-bottom: 1em; - } - - ol ol, - ul ul, - ol ul, - ul ol { - margin-bottom: 0; - } - - dt { - font-weight: 500; - } - - dd { - margin-bottom: 0.5em; - margin-left: 0; - } - - blockquote { - margin: 0 0 1em; - } - - dfn { - font-style: italic; - } - - b, - strong { - font-weight: bolder; - } - - small { - font-size: 80%; - } - - sub, - sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; - } - - sub { - bottom: -0.25em; - } - - sup { - top: -0.5em; - } - - a { - color: #177ddc; - text-decoration: none; - background-color: transparent; - outline: none; - cursor: pointer; - transition: color 0.3s; - -webkit-text-decoration-skip: objects; - } - - a:hover { - color: #165996; - } - - a:active { - color: #388ed3; - } - - a:active, - a:hover { - text-decoration: none; - outline: 0; - } - - a:focus { - text-decoration: none; - outline: 0; - } - - a[disabled] { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - pre, - code, - kbd, - samp { - font-size: 1em; - font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; - } - - pre { - margin-top: 0; - margin-bottom: 1em; - overflow: auto; - } - - figure { - margin: 0 0 1em; - } - - img { - vertical-align: middle; - border-style: none; - } - - a, - area, - button, - [role='button'], - input:not([type='range']), - label, - select, - summary, - textarea { - touch-action: manipulation; - } - - table { - border-collapse: collapse; - } - - caption { - padding-top: 0.75em; - padding-bottom: 0.3em; - color: rgba(255, 255, 255, 0.45); - text-align: left; - caption-side: bottom; - } - - input, - button, - select, - optgroup, - textarea { - margin: 0; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; - } - - button, - input { - overflow: visible; - } - - button, - select { - text-transform: none; - } - - button, - html [type="button"], - [type="reset"], - [type="submit"] { - -webkit-appearance: button; - } - - button::-moz-focus-inner, - [type='button']::-moz-focus-inner, - [type='reset']::-moz-focus-inner, - [type='submit']::-moz-focus-inner { - padding: 0; - border-style: none; - } - - input[type='radio'], - input[type='checkbox'] { - box-sizing: border-box; - padding: 0; - } - - input[type='date'], - input[type='time'], - input[type='datetime-local'], - input[type='month'] { - -webkit-appearance: listbox; - } - - textarea { - overflow: auto; - resize: vertical; - } - - fieldset { - min-width: 0; - margin: 0; - padding: 0; - border: 0; - } - - legend { - display: block; - width: 100%; - max-width: 100%; - margin-bottom: 0.5em; - padding: 0; - color: inherit; - font-size: 1.5em; - line-height: inherit; - white-space: normal; - } - - progress { - vertical-align: baseline; - } - - [type='number']::-webkit-inner-spin-button, - [type='number']::-webkit-outer-spin-button { - height: auto; - } - - [type='search'] { - outline-offset: -2px; - -webkit-appearance: none; - } - - [type='search']::-webkit-search-cancel-button, - [type='search']::-webkit-search-decoration { - -webkit-appearance: none; - } - - ::-webkit-file-upload-button { - font: inherit; - -webkit-appearance: button; - } - - output { - display: inline-block; - } - - summary { - display: list-item; - } - - template { - display: none; - } - - [hidden] { - display: none !important; - } - - mark { - padding: 0.2em; - background-color: #2b2611; - } - - ::-moz-selection { - color: #fff; - background: #177ddc; - } - - ::selection { - color: #fff; - background: #177ddc; - } - - .clearfix::before { - display: table; - content: ''; - } - - .clearfix::after { - display: table; - clear: both; - content: ''; - } - - .anticon { - display: inline-block; - color: inherit; - font-style: normal; - line-height: 0; - text-align: center; - text-transform: none; - vertical-align: -0.125em; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .anticon>* { - line-height: 1; - } - - .anticon svg { - display: inline-block; - } - - .anticon::before { - display: none; - } - - .anticon .anticon-icon { - display: block; - } - - .anticon>.anticon { - line-height: 0; - vertical-align: 0; - } - - .anticon[tabindex] { - cursor: pointer; - } - - .anticon-spin::before { - display: inline-block; - -webkit-animation: loadingCircle 1s infinite linear; - animation: loadingCircle 1s infinite linear; - } - - .anticon-spin { - display: inline-block; - -webkit-animation: loadingCircle 1s infinite linear; - animation: loadingCircle 1s infinite linear; - } - - .ant-fade-enter, - .ant-fade-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-fade-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-fade-enter.ant-fade-enter-active, - .ant-fade-appear.ant-fade-appear-active { - -webkit-animation-name: antFadeIn; - animation-name: antFadeIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-fade-leave.ant-fade-leave-active { - -webkit-animation-name: antFadeOut; - animation-name: antFadeOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-fade-enter, - .ant-fade-appear { - opacity: 0; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - } - - .ant-fade-leave { - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - } - - @-webkit-keyframes antFadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - @keyframes antFadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - @-webkit-keyframes antFadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } - } - - @keyframes antFadeOut { - 0% { - opacity: 1; - } - - 100% { - opacity: 0; - } - } - - .ant-move-up-enter, - .ant-move-up-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-up-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-up-enter.ant-move-up-enter-active, - .ant-move-up-appear.ant-move-up-appear-active { - -webkit-animation-name: antMoveUpIn; - animation-name: antMoveUpIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-move-up-leave.ant-move-up-leave-active { - -webkit-animation-name: antMoveUpOut; - animation-name: antMoveUpOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-move-up-enter, - .ant-move-up-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-move-up-leave { - -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - } - - .ant-move-down-enter, - .ant-move-down-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-down-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-down-enter.ant-move-down-enter-active, - .ant-move-down-appear.ant-move-down-appear-active { - -webkit-animation-name: antMoveDownIn; - animation-name: antMoveDownIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-move-down-leave.ant-move-down-leave-active { - -webkit-animation-name: antMoveDownOut; - animation-name: antMoveDownOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-move-down-enter, - .ant-move-down-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-move-down-leave { - -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - } - - .ant-move-left-enter, - .ant-move-left-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-left-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-left-enter.ant-move-left-enter-active, - .ant-move-left-appear.ant-move-left-appear-active { - -webkit-animation-name: antMoveLeftIn; - animation-name: antMoveLeftIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-move-left-leave.ant-move-left-leave-active { - -webkit-animation-name: antMoveLeftOut; - animation-name: antMoveLeftOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-move-left-enter, - .ant-move-left-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-move-left-leave { - -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - } - - .ant-move-right-enter, - .ant-move-right-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-right-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-move-right-enter.ant-move-right-enter-active, - .ant-move-right-appear.ant-move-right-appear-active { - -webkit-animation-name: antMoveRightIn; - animation-name: antMoveRightIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-move-right-leave.ant-move-right-leave-active { - -webkit-animation-name: antMoveRightOut; - animation-name: antMoveRightOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-move-right-enter, - .ant-move-right-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-move-right-leave { - -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); - } - - @-webkit-keyframes antMoveDownIn { - 0% { - transform: translateY(100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @keyframes antMoveDownIn { - 0% { - transform: translateY(100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @-webkit-keyframes antMoveDownOut { - 0% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateY(100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @keyframes antMoveDownOut { - 0% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateY(100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @-webkit-keyframes antMoveLeftIn { - 0% { - transform: translateX(-100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @keyframes antMoveLeftIn { - 0% { - transform: translateX(-100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @-webkit-keyframes antMoveLeftOut { - 0% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateX(-100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @keyframes antMoveLeftOut { - 0% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateX(-100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @-webkit-keyframes antMoveRightIn { - 0% { - transform: translateX(100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @keyframes antMoveRightIn { - 0% { - transform: translateX(100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @-webkit-keyframes antMoveRightOut { - 0% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateX(100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @keyframes antMoveRightOut { - 0% { - transform: translateX(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateX(100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @-webkit-keyframes antMoveUpIn { - 0% { - transform: translateY(-100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @keyframes antMoveUpIn { - 0% { - transform: translateY(-100%); - transform-origin: 0 0; - opacity: 0; - } - - 100% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - } - - @-webkit-keyframes antMoveUpOut { - 0% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateY(-100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @keyframes antMoveUpOut { - 0% { - transform: translateY(0%); - transform-origin: 0 0; - opacity: 1; - } - - 100% { - transform: translateY(-100%); - transform-origin: 0 0; - opacity: 0; - } - } - - @-webkit-keyframes loadingCircle { - 100% { - transform: rotate(360deg); - } - } - - @keyframes loadingCircle { - 100% { - transform: rotate(360deg); - } - } - - [ant-click-animating='true'], - [ant-click-animating-without-extra-node='true'] { - position: relative; - } - - html { - --antd-wave-shadow-color: #177ddc; - --scroll-bar: 0; - } - - [ant-click-animating-without-extra-node='true']::after, - .ant-click-animating-node { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; - border-radius: inherit; - box-shadow: 0 0 0 0 #177ddc; - box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); - opacity: 0.2; - -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); - animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - content: ''; - pointer-events: none; - } - - @-webkit-keyframes waveEffect { - 100% { - box-shadow: 0 0 0 #177ddc; - box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); - } - } - - @keyframes waveEffect { - 100% { - box-shadow: 0 0 0 #177ddc; - box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); - } - } - - @-webkit-keyframes fadeEffect { - 100% { - opacity: 0; - } - } - - @keyframes fadeEffect { - 100% { - opacity: 0; - } - } - - .ant-slide-up-enter, - .ant-slide-up-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-up-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-up-enter.ant-slide-up-enter-active, - .ant-slide-up-appear.ant-slide-up-appear-active { - -webkit-animation-name: antSlideUpIn; - animation-name: antSlideUpIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-slide-up-leave.ant-slide-up-leave-active { - -webkit-animation-name: antSlideUpOut; - animation-name: antSlideUpOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-slide-up-enter, - .ant-slide-up-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-slide-up-leave { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - } - - .ant-slide-down-enter, - .ant-slide-down-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-down-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-down-enter.ant-slide-down-enter-active, - .ant-slide-down-appear.ant-slide-down-appear-active { - -webkit-animation-name: antSlideDownIn; - animation-name: antSlideDownIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-slide-down-leave.ant-slide-down-leave-active { - -webkit-animation-name: antSlideDownOut; - animation-name: antSlideDownOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-slide-down-enter, - .ant-slide-down-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-slide-down-leave { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - } - - .ant-slide-left-enter, - .ant-slide-left-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-left-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-left-enter.ant-slide-left-enter-active, - .ant-slide-left-appear.ant-slide-left-appear-active { - -webkit-animation-name: antSlideLeftIn; - animation-name: antSlideLeftIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-slide-left-leave.ant-slide-left-leave-active { - -webkit-animation-name: antSlideLeftOut; - animation-name: antSlideLeftOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-slide-left-enter, - .ant-slide-left-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-slide-left-leave { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - } - - .ant-slide-right-enter, - .ant-slide-right-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-right-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-slide-right-enter.ant-slide-right-enter-active, - .ant-slide-right-appear.ant-slide-right-appear-active { - -webkit-animation-name: antSlideRightIn; - animation-name: antSlideRightIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-slide-right-leave.ant-slide-right-leave-active { - -webkit-animation-name: antSlideRightOut; - animation-name: antSlideRightOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-slide-right-enter, - .ant-slide-right-appear { - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-slide-right-leave { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - } - - @-webkit-keyframes antSlideUpIn { - 0% { - transform: scaleY(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - - 100% { - transform: scaleY(1); - transform-origin: 0% 0%; - opacity: 1; - } - } - - @keyframes antSlideUpIn { - 0% { - transform: scaleY(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - - 100% { - transform: scaleY(1); - transform-origin: 0% 0%; - opacity: 1; - } - } - - @-webkit-keyframes antSlideUpOut { - 0% { - transform: scaleY(1); - transform-origin: 0% 0%; - opacity: 1; - } - - 100% { - transform: scaleY(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - } - - @keyframes antSlideUpOut { - 0% { - transform: scaleY(1); - transform-origin: 0% 0%; - opacity: 1; - } - - 100% { - transform: scaleY(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - } - - @-webkit-keyframes antSlideDownIn { - 0% { - transform: scaleY(0.8); - transform-origin: 100% 100%; - opacity: 0; - } - - 100% { - transform: scaleY(1); - transform-origin: 100% 100%; - opacity: 1; - } - } - - @keyframes antSlideDownIn { - 0% { - transform: scaleY(0.8); - transform-origin: 100% 100%; - opacity: 0; - } - - 100% { - transform: scaleY(1); - transform-origin: 100% 100%; - opacity: 1; - } - } - - @-webkit-keyframes antSlideDownOut { - 0% { - transform: scaleY(1); - transform-origin: 100% 100%; - opacity: 1; - } - - 100% { - transform: scaleY(0.8); - transform-origin: 100% 100%; - opacity: 0; - } - } - - @keyframes antSlideDownOut { - 0% { - transform: scaleY(1); - transform-origin: 100% 100%; - opacity: 1; - } - - 100% { - transform: scaleY(0.8); - transform-origin: 100% 100%; - opacity: 0; - } - } - - @-webkit-keyframes antSlideLeftIn { - 0% { - transform: scaleX(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - - 100% { - transform: scaleX(1); - transform-origin: 0% 0%; - opacity: 1; - } - } - - @keyframes antSlideLeftIn { - 0% { - transform: scaleX(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - - 100% { - transform: scaleX(1); - transform-origin: 0% 0%; - opacity: 1; - } - } - - @-webkit-keyframes antSlideLeftOut { - 0% { - transform: scaleX(1); - transform-origin: 0% 0%; - opacity: 1; - } - - 100% { - transform: scaleX(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - } - - @keyframes antSlideLeftOut { - 0% { - transform: scaleX(1); - transform-origin: 0% 0%; - opacity: 1; - } - - 100% { - transform: scaleX(0.8); - transform-origin: 0% 0%; - opacity: 0; - } - } - - @-webkit-keyframes antSlideRightIn { - 0% { - transform: scaleX(0.8); - transform-origin: 100% 0%; - opacity: 0; - } - - 100% { - transform: scaleX(1); - transform-origin: 100% 0%; - opacity: 1; - } - } - - @keyframes antSlideRightIn { - 0% { - transform: scaleX(0.8); - transform-origin: 100% 0%; - opacity: 0; - } - - 100% { - transform: scaleX(1); - transform-origin: 100% 0%; - opacity: 1; - } - } - - @-webkit-keyframes antSlideRightOut { - 0% { - transform: scaleX(1); - transform-origin: 100% 0%; - opacity: 1; - } - - 100% { - transform: scaleX(0.8); - transform-origin: 100% 0%; - opacity: 0; - } - } - - @keyframes antSlideRightOut { - 0% { - transform: scaleX(1); - transform-origin: 100% 0%; - opacity: 1; - } - - 100% { - transform: scaleX(0.8); - transform-origin: 100% 0%; - opacity: 0; - } - } - - .ant-zoom-enter, - .ant-zoom-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-enter.ant-zoom-enter-active, - .ant-zoom-appear.ant-zoom-appear-active { - -webkit-animation-name: antZoomIn; - animation-name: antZoomIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-leave.ant-zoom-leave-active { - -webkit-animation-name: antZoomOut; - animation-name: antZoomOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-enter, - .ant-zoom-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-enter-prepare, - .ant-zoom-appear-prepare { - transform: none; - } - - .ant-zoom-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-zoom-big-enter, - .ant-zoom-big-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-big-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-big-enter.ant-zoom-big-enter-active, - .ant-zoom-big-appear.ant-zoom-big-appear-active { - -webkit-animation-name: antZoomBigIn; - animation-name: antZoomBigIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-big-leave.ant-zoom-big-leave-active { - -webkit-animation-name: antZoomBigOut; - animation-name: antZoomBigOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-big-enter, - .ant-zoom-big-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-big-enter-prepare, - .ant-zoom-big-appear-prepare { - transform: none; - } - - .ant-zoom-big-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-zoom-big-fast-enter, - .ant-zoom-big-fast-appear { - -webkit-animation-duration: 0.1s; - animation-duration: 0.1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-big-fast-leave { - -webkit-animation-duration: 0.1s; - animation-duration: 0.1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, - .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { - -webkit-animation-name: antZoomBigIn; - animation-name: antZoomBigIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { - -webkit-animation-name: antZoomBigOut; - animation-name: antZoomBigOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-big-fast-enter, - .ant-zoom-big-fast-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-big-fast-enter-prepare, - .ant-zoom-big-fast-appear-prepare { - transform: none; - } - - .ant-zoom-big-fast-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-zoom-up-enter, - .ant-zoom-up-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-up-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-up-enter.ant-zoom-up-enter-active, - .ant-zoom-up-appear.ant-zoom-up-appear-active { - -webkit-animation-name: antZoomUpIn; - animation-name: antZoomUpIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-up-leave.ant-zoom-up-leave-active { - -webkit-animation-name: antZoomUpOut; - animation-name: antZoomUpOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-up-enter, - .ant-zoom-up-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-up-enter-prepare, - .ant-zoom-up-appear-prepare { - transform: none; - } - - .ant-zoom-up-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-zoom-down-enter, - .ant-zoom-down-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-down-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-down-enter.ant-zoom-down-enter-active, - .ant-zoom-down-appear.ant-zoom-down-appear-active { - -webkit-animation-name: antZoomDownIn; - animation-name: antZoomDownIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-down-leave.ant-zoom-down-leave-active { - -webkit-animation-name: antZoomDownOut; - animation-name: antZoomDownOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-down-enter, - .ant-zoom-down-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-down-enter-prepare, - .ant-zoom-down-appear-prepare { - transform: none; - } - - .ant-zoom-down-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-zoom-left-enter, - .ant-zoom-left-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-left-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-left-enter.ant-zoom-left-enter-active, - .ant-zoom-left-appear.ant-zoom-left-appear-active { - -webkit-animation-name: antZoomLeftIn; - animation-name: antZoomLeftIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-left-leave.ant-zoom-left-leave-active { - -webkit-animation-name: antZoomLeftOut; - animation-name: antZoomLeftOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-left-enter, - .ant-zoom-left-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-left-enter-prepare, - .ant-zoom-left-appear-prepare { - transform: none; - } - - .ant-zoom-left-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-zoom-right-enter, - .ant-zoom-right-appear { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-right-leave { - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-zoom-right-enter.ant-zoom-right-enter-active, - .ant-zoom-right-appear.ant-zoom-right-appear-active { - -webkit-animation-name: antZoomRightIn; - animation-name: antZoomRightIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-zoom-right-leave.ant-zoom-right-leave-active { - -webkit-animation-name: antZoomRightOut; - animation-name: antZoomRightOut; - -webkit-animation-play-state: running; - animation-play-state: running; - pointer-events: none; - } - - .ant-zoom-right-enter, - .ant-zoom-right-appear { - transform: scale(0); - opacity: 0; - -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); - } - - .ant-zoom-right-enter-prepare, - .ant-zoom-right-appear-prepare { - transform: none; - } - - .ant-zoom-right-leave { - -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - @-webkit-keyframes antZoomIn { - 0% { - transform: scale(0.2); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @keyframes antZoomIn { - 0% { - transform: scale(0.2); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @-webkit-keyframes antZoomOut { - 0% { - transform: scale(1); - } - - 100% { - transform: scale(0.2); - opacity: 0; - } - } - - @keyframes antZoomOut { - 0% { - transform: scale(1); - } - - 100% { - transform: scale(0.2); - opacity: 0; - } - } - - @-webkit-keyframes antZoomBigIn { - 0% { - transform: scale(0.8); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @keyframes antZoomBigIn { - 0% { - transform: scale(0.8); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @-webkit-keyframes antZoomBigOut { - 0% { - transform: scale(1); - } - - 100% { - transform: scale(0.8); - opacity: 0; - } - } - - @keyframes antZoomBigOut { - 0% { - transform: scale(1); - } - - 100% { - transform: scale(0.8); - opacity: 0; - } - } - - @-webkit-keyframes antZoomUpIn { - 0% { - transform: scale(0.8); - transform-origin: 50% 0%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 50% 0%; - } - } - - @keyframes antZoomUpIn { - 0% { - transform: scale(0.8); - transform-origin: 50% 0%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 50% 0%; - } - } - - @-webkit-keyframes antZoomUpOut { - 0% { - transform: scale(1); - transform-origin: 50% 0%; - } - - 100% { - transform: scale(0.8); - transform-origin: 50% 0%; - opacity: 0; - } - } - - @keyframes antZoomUpOut { - 0% { - transform: scale(1); - transform-origin: 50% 0%; - } - - 100% { - transform: scale(0.8); - transform-origin: 50% 0%; - opacity: 0; - } - } - - @-webkit-keyframes antZoomLeftIn { - 0% { - transform: scale(0.8); - transform-origin: 0% 50%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 0% 50%; - } - } - - @keyframes antZoomLeftIn { - 0% { - transform: scale(0.8); - transform-origin: 0% 50%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 0% 50%; - } - } - - @-webkit-keyframes antZoomLeftOut { - 0% { - transform: scale(1); - transform-origin: 0% 50%; - } - - 100% { - transform: scale(0.8); - transform-origin: 0% 50%; - opacity: 0; - } - } - - @keyframes antZoomLeftOut { - 0% { - transform: scale(1); - transform-origin: 0% 50%; - } - - 100% { - transform: scale(0.8); - transform-origin: 0% 50%; - opacity: 0; - } - } - - @-webkit-keyframes antZoomRightIn { - 0% { - transform: scale(0.8); - transform-origin: 100% 50%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 100% 50%; - } - } - - @keyframes antZoomRightIn { - 0% { - transform: scale(0.8); - transform-origin: 100% 50%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 100% 50%; - } - } - - @-webkit-keyframes antZoomRightOut { - 0% { - transform: scale(1); - transform-origin: 100% 50%; - } - - 100% { - transform: scale(0.8); - transform-origin: 100% 50%; - opacity: 0; - } - } - - @keyframes antZoomRightOut { - 0% { - transform: scale(1); - transform-origin: 100% 50%; - } - - 100% { - transform: scale(0.8); - transform-origin: 100% 50%; - opacity: 0; - } - } - - @-webkit-keyframes antZoomDownIn { - 0% { - transform: scale(0.8); - transform-origin: 50% 100%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 50% 100%; - } - } - - @keyframes antZoomDownIn { - 0% { - transform: scale(0.8); - transform-origin: 50% 100%; - opacity: 0; - } - - 100% { - transform: scale(1); - transform-origin: 50% 100%; - } - } - - @-webkit-keyframes antZoomDownOut { - 0% { - transform: scale(1); - transform-origin: 50% 100%; - } - - 100% { - transform: scale(0.8); - transform-origin: 50% 100%; - opacity: 0; - } - } - - @keyframes antZoomDownOut { - 0% { - transform: scale(1); - transform-origin: 50% 100%; - } - - 100% { - transform: scale(0.8); - transform-origin: 50% 100%; - opacity: 0; - } - } - - .ant-motion-collapse-legacy { - overflow: hidden; - } - - .ant-motion-collapse-legacy-active { - transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; - } - - .ant-motion-collapse { - overflow: hidden; - transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-affix { - position: fixed; - z-index: 10; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-alert { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: flex; - align-items: center; - padding: 8px 15px; - word-wrap: break-word; - border-radius: 2px; - } - - .ant-alert-content { - flex: 1; - min-width: 0; - } - - .ant-alert-icon { - margin-right: 8px; - } - - .ant-alert-description { - display: none; - font-size: 14px; - line-height: 22px; - } - - .ant-alert-success { - background-color: #162312; - border: 1px solid #274916; - } - - .ant-alert-success .ant-alert-icon { - color: #49aa19; - } - - .ant-alert-info { - background-color: #111b26; - border: 1px solid #153450; - } - - .ant-alert-info .ant-alert-icon { - color: #177ddc; - } - - .ant-alert-warning { - background-color: #2b2111; - border: 1px solid #594214; - } - - .ant-alert-warning .ant-alert-icon { - color: #d89614; - } - - .ant-alert-error { - background-color: #2a1215; - border: 1px solid #58181c; - } - - .ant-alert-error .ant-alert-icon { - color: #a61d24; - } - - .ant-alert-error .ant-alert-description>pre { - margin: 0; - padding: 0; - } - - .ant-alert-action { - margin-left: 8px; - } - - .ant-alert-close-icon { - margin-left: 8px; - padding: 0; - overflow: hidden; - font-size: 12px; - line-height: 12px; - background-color: transparent; - border: none; - outline: none; - cursor: pointer; - } - - .ant-alert-close-icon .anticon-close { - color: rgba(255, 255, 255, 0.45); - transition: color 0.3s; - } - - .ant-alert-close-icon .anticon-close:hover { - color: rgba(255, 255, 255, 0.75); - } - - .ant-alert-close-text { - color: rgba(255, 255, 255, 0.45); - transition: color 0.3s; - } - - .ant-alert-close-text:hover { - color: rgba(255, 255, 255, 0.75); - } - - .ant-alert-with-description { - align-items: flex-start; - padding: 15px 15px 15px 24px; - } - - .ant-alert-with-description.ant-alert-no-icon { - padding: 15px 15px; - } - - .ant-alert-with-description .ant-alert-icon { - margin-right: 15px; - font-size: 24px; - } - - .ant-alert-with-description .ant-alert-message { - display: block; - margin-bottom: 4px; - color: rgba(255, 255, 255, 0.85); - font-size: 16px; - } - - .ant-alert-message { - color: rgba(255, 255, 255, 0.85); - } - - .ant-alert-with-description .ant-alert-description { - display: block; - } - - .ant-alert.ant-alert-motion-leave { - overflow: hidden; - opacity: 1; - transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-alert.ant-alert-motion-leave-active { - max-height: 0; - margin-bottom: 0 !important; - padding-top: 0; - padding-bottom: 0; - opacity: 0; - } - - .ant-alert-banner { - margin-bottom: 0; - border: 0; - border-radius: 0; - } - - .ant-alert.ant-alert-rtl { - direction: rtl; - } - - .ant-alert-rtl .ant-alert-icon { - margin-right: auto; - margin-left: 8px; - } - - .ant-alert-rtl .ant-alert-action { - margin-right: 8px; - margin-left: auto; - } - - .ant-alert-rtl .ant-alert-close-icon { - margin-right: 8px; - margin-left: auto; - } - - .ant-alert-rtl.ant-alert-with-description { - padding-right: 24px; - padding-left: 15px; - } - - .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { - margin-right: auto; - margin-left: 15px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-anchor { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - padding-left: 2px; - } - - .ant-anchor-wrapper { - margin-left: -4px; - padding-left: 4px; - overflow: auto; - background-color: transparent; - } - - .ant-anchor-ink { - position: absolute; - top: 0; - left: 0; - height: 100%; - } - - .ant-anchor-ink::before { - position: relative; - display: block; - width: 2px; - height: 100%; - margin: 0 auto; - background-color: #303030; - content: ' '; - } - - .ant-anchor-ink-ball { - position: absolute; - left: 50%; - display: none; - width: 8px; - height: 8px; - background-color: #141414; - border: 2px solid #177ddc; - border-radius: 8px; - transform: translateX(-50%); - transition: top 0.3s ease-in-out; - } - - .ant-anchor-ink-ball.visible { - display: inline-block; - } - - .ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball { - display: none; - } - - .ant-anchor-link { - padding: 7px 0 7px 16px; - line-height: 1.143; - } - - .ant-anchor-link-title { - position: relative; - display: block; - margin-bottom: 6px; - overflow: hidden; - color: rgba(255, 255, 255, 0.85); - white-space: nowrap; - text-overflow: ellipsis; - transition: all 0.3s; - } - - .ant-anchor-link-title:only-child { - margin-bottom: 0; - } - - .ant-anchor-link-active>.ant-anchor-link-title { - color: #177ddc; - } - - .ant-anchor-link .ant-anchor-link { - padding-top: 5px; - padding-bottom: 5px; - } - - .ant-anchor-rtl { - direction: rtl; - } - - .ant-anchor-rtl.ant-anchor-wrapper { - margin-right: -4px; - margin-left: 0; - padding-right: 4px; - padding-left: 0; - } - - .ant-anchor-rtl .ant-anchor-ink { - right: 0; - left: auto; - } - - .ant-anchor-rtl .ant-anchor-ink-ball { - right: 50%; - left: 0; - transform: translateX(50%); - } - - .ant-anchor-rtl .ant-anchor-link { - padding: 7px 16px 7px 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-select-auto-complete { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - } - - .ant-select-auto-complete .ant-select-clear { - right: 13px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-select-single .ant-select-selector { - display: flex; - } - - .ant-select-single .ant-select-selector .ant-select-selection-search { - position: absolute; - top: 0; - right: 11px; - bottom: 0; - left: 11px; - } - - .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 0.3s; - } - - @supports (-moz-appearance: meterbar) { - - .ant-select-single .ant-select-selector .ant-select-selection-item, - .ant-select-single .ant-select-selector .ant-select-selection-placeholder { - line-height: 30px; - } - } - - .ant-select-single .ant-select-selector .ant-select-selection-item { - position: relative; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-select-single .ant-select-selector .ant-select-selection-placeholder { - transition: none; - pointer-events: none; - } - - .ant-select-single .ant-select-selector::after, - .ant-select-single .ant-select-selector .ant-select-selection-item::after, - .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { - display: inline-block; - width: 0; - visibility: hidden; - content: '\a0'; - } - - .ant-select-single.ant-select-show-arrow .ant-select-selection-search { - right: 25px; - } - - .ant-select-single.ant-select-show-arrow .ant-select-selection-item, - .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { - padding-right: 18px; - } - - .ant-select-single.ant-select-open .ant-select-selection-item { - color: rgba(255, 255, 255, 0.3); - } - - .ant-select-single:not(.ant-select-customize-input) .ant-select-selector { - width: 100%; - height: 32px; - padding: 0 11px; - } - - .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 11px; - } - - .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::after, - .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 { - 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::after, - .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 { - 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: 28px; - } - - .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: 21px; - } - - .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { - padding: 0 11px; - } - - /** - * Do not merge `height` & `line-height` under style with `selection` & `search`, - * since chrome may update to redesign with its align logic. - */ - .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: #141414; - cursor: not-allowed; - } - - .ant-select-multiple .ant-select-selector::after { - display: inline-block; - width: 0; - margin: 2px 0; - line-height: 24px; - content: '\a0'; - } - - .ant-select-multiple.ant-select-show-arrow .ant-select-selector, - .ant-select-multiple.ant-select-allow-clear .ant-select-selector { - padding-right: 24px; - } - - .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: rgba(255, 255, 255, 0.08); - border: 1px solid #303030; - border-radius: 2px; - cursor: default; - transition: font-size 0.3s, line-height 0.3s, height 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-margin-end: 4px; - margin-inline-end: 4px; - -webkit-padding-start: 8px; - padding-inline-start: 8px; - -webkit-padding-end: 4px; - padding-inline-end: 4px; - } - - .ant-select-disabled.ant-select-multiple .ant-select-selection-item { - color: #595959; - border-color: #1f1f1f; - 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: -0.125em; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: inline-block; - color: rgba(255, 255, 255, 0.45); - font-weight: bold; - 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: -0.2em; - } - - .ant-select-multiple .ant-select-selection-item-remove:hover { - color: rgba(255, 255, 255, 0.75); - } - - .ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search { - -webkit-margin-start: 0; - margin-inline-start: 0; - } - - .ant-select-multiple .ant-select-selection-search { - position: relative; - max-width: 100%; - -webkit-margin-start: 7px; - margin-inline-start: 7px; - } - - .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 0.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: 11px; - left: 11px; - transform: translateY(-50%); - transition: all 0.3s; - } - - .ant-select-multiple.ant-select-lg .ant-select-selector::after { - line-height: 32px; - } - - .ant-select-multiple.ant-select-lg .ant-select-selection-item { - height: 32px; - line-height: 30px; - } - - .ant-select-multiple.ant-select-lg .ant-select-selection-search { - height: 32px; - line-height: 32px; - } - - .ant-select-multiple.ant-select-lg .ant-select-selection-search-input, - .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { - height: 32px; - line-height: 30px; - } - - .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 { - -webkit-margin-start: 3px; - margin-inline-start: 3px; - } - - .ant-select-multiple.ant-select-lg .ant-select-selection-item { - height: 32px; - line-height: 32px; - } - - .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) .ant-select-selector { - background-color: transparent; - border-color: #a61d24 !important; - } - - .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, - .ant-select-status-error.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-select-status-error .ant-select-feedback-icon { - color: #a61d24; - } - - .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { - background-color: transparent; - border-color: #d89614 !important; - } - - .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, - .ant-select-status-warning.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-select-status-warning .ant-select-feedback-icon { - color: #d89614; - } - - .ant-select-status-success .ant-select-feedback-icon { - color: #49aa19; - } - - .ant-select-status-validating .ant-select-feedback-icon { - color: #177ddc; - } - - .ant-select-status-error.ant-select-has-feedback .ant-select-clear, - .ant-select-status-warning.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 { - right: 32px; - } - - .ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value, - .ant-select-status-warning.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 { - padding-right: 42px; - } - - .ant-select-feedback-icon { - font-size: 14px; - text-align: center; - visibility: visible; - -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); - animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); - pointer-events: none; - } - - .ant-select-feedback-icon:not(:first-child) { - margin-left: 8px; - } - - /* Reset search input style */ - .ant-select { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - 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: transparent; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - cursor: not-allowed; - } - - .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { - background: #141414; - } - - .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: transparent; - border: none; - outline: none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - } - - .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { - display: none; - /* stylelint-disable-next-line property-no-vendor-prefix */ - -webkit-appearance: none; - } - - .ant-select:not(.ant-select-disabled):hover .ant-select-selector { - border-color: #165996; - border-right-width: 1px; - } - - .ant-select-selection-item { - flex: 1; - overflow: hidden; - font-weight: normal; - white-space: nowrap; - text-overflow: ellipsis; - } - - @media all and (-ms-high-contrast: none) { - - .ant-select-selection-item *::-ms-backdrop, - .ant-select-selection-item { - flex: auto; - } - } - - .ant-select-selection-placeholder { - flex: 1; - overflow: hidden; - color: rgba(255, 255, 255, 0.3); - white-space: nowrap; - text-overflow: ellipsis; - pointer-events: none; - } - - @media all and (-ms-high-contrast: none) { - - .ant-select-selection-placeholder *::-ms-backdrop, - .ant-select-selection-placeholder { - flex: auto; - } - } - - .ant-select-arrow { - display: inline-block; - color: inherit; - font-style: normal; - line-height: 0; - text-transform: none; - vertical-align: -0.125em; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - top: 50%; - right: 11px; - display: flex; - align-items: center; - height: 12px; - margin-top: -6px; - color: rgba(255, 255, 255, 0.3); - font-size: 12px; - 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 0.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-clear { - position: absolute; - top: 50%; - right: 11px; - z-index: 1; - display: inline-block; - width: 12px; - height: 12px; - margin-top: -6px; - color: rgba(255, 255, 255, 0.3); - font-size: 12px; - font-style: normal; - line-height: 1; - text-align: center; - text-transform: none; - background: #141414; - cursor: pointer; - opacity: 0; - transition: color 0.3s ease, opacity 0.15s ease; - text-rendering: auto; - } - - .ant-select-clear::before { - display: block; - } - - .ant-select-clear:hover { - color: rgba(255, 255, 255, 0.45); - } - - .ant-select:hover .ant-select-clear { - opacity: 1; - } - - .ant-select-dropdown { - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - top: -9999px; - left: -9999px; - z-index: 1050; - box-sizing: border-box; - padding: 4px 0; - overflow: hidden; - font-size: 14px; - font-variant: initial; - background-color: #1f1f1f; - border-radius: 2px; - outline: none; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, - .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { - -webkit-animation-name: antSlideUpIn; - animation-name: antSlideUpIn; - } - - .ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, - .ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft { - -webkit-animation-name: antSlideDownIn; - animation-name: antSlideDownIn; - } - - .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft { - -webkit-animation-name: antSlideUpOut; - animation-name: antSlideUpOut; - } - - .ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft { - -webkit-animation-name: antSlideDownOut; - animation-name: antSlideDownOut; - } - - .ant-select-dropdown-hidden { - display: none; - } - - .ant-select-dropdown-empty { - color: rgba(255, 255, 255, 0.3); - } - - .ant-select-item-empty { - position: relative; - display: block; - min-height: 32px; - padding: 5px 12px; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - line-height: 22px; - color: rgba(255, 255, 255, 0.3); - } - - .ant-select-item { - position: relative; - display: block; - min-height: 32px; - padding: 5px 12px; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - line-height: 22px; - cursor: pointer; - transition: background 0.3s ease; - } - - .ant-select-item-group { - color: rgba(255, 255, 255, 0.45); - font-size: 12px; - 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: rgba(255, 255, 255, 0.08); - } - - .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - background-color: #111b26; - } - - .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { - color: #177ddc; - } - - .ant-select-item-option-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-select-item-option-disabled.ant-select-item-option-selected { - background-color: #141414; - } - - .ant-select-item-option-grouped { - padding-left: 24px; - } - - .ant-select-lg { - font-size: 16px; - } - - .ant-select-borderless .ant-select-selector { - background-color: transparent !important; - border-color: transparent !important; - box-shadow: none !important; - } - - .ant-select-rtl { - direction: rtl; - } - - .ant-select-rtl .ant-select-arrow { - right: initial; - left: 11px; - } - - .ant-select-rtl .ant-select-clear { - right: initial; - left: 11px; - } - - .ant-select-dropdown-rtl { - direction: rtl; - } - - .ant-select-dropdown-rtl .ant-select-item-option-grouped { - padding-right: 24px; - padding-left: 12px; - } - - .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, - .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { - padding-right: 4px; - padding-left: 24px; - } - - .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: 11px; - 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: 11px; - left: 25px; - } - - .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: 18px; - } - - .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: 21px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-empty { - margin: 0 8px; - font-size: 14px; - line-height: 1.5715; - text-align: center; - } - - .ant-empty-image { - height: 100px; - margin-bottom: 8px; - } - - .ant-empty-image img { - height: 100%; - } - - .ant-empty-image svg { - height: 100%; - margin: auto; - } - - .ant-empty-footer { - margin-top: 16px; - } - - .ant-empty-normal { - margin: 32px 0; - color: rgba(255, 255, 255, 0.3); - } - - .ant-empty-normal .ant-empty-image { - height: 40px; - } - - .ant-empty-small { - margin: 8px 0; - color: rgba(255, 255, 255, 0.3); - } - - .ant-empty-small .ant-empty-image { - height: 35px; - } - - .ant-empty-img-default-ellipse { - fill: #fff; - fill-opacity: 0.08; - } - - .ant-empty-img-default-path-1 { - fill: #262626; - } - - .ant-empty-img-default-path-2 { - fill: url('#linearGradient-1'); - } - - .ant-empty-img-default-path-3 { - fill: #595959; - } - - .ant-empty-img-default-path-4 { - fill: #434343; - } - - .ant-empty-img-default-path-5 { - fill: #595959; - } - - .ant-empty-img-default-g { - fill: #434343; - } - - .ant-empty-img-simple-ellipse { - fill: #fff; - fill-opacity: 0.08; - } - - .ant-empty-img-simple-g { - stroke: #434343; - } - - .ant-empty-img-simple-path { - fill: #262626; - stroke: #434343; - } - - .ant-empty-rtl { - direction: rtl; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-avatar { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: inline-block; - overflow: hidden; - color: #fff; - white-space: nowrap; - text-align: center; - vertical-align: middle; - background: rgba(255, 255, 255, 0.3); - width: 32px; - height: 32px; - line-height: 32px; - border-radius: 50%; - } - - .ant-avatar-image { - background: transparent; - } - - .ant-avatar .ant-image-img { - display: block; - } - - .ant-avatar-string { - position: absolute; - left: 50%; - transform-origin: 0 center; - } - - .ant-avatar.ant-avatar-icon { - font-size: 18px; - } - - .ant-avatar.ant-avatar-icon>.anticon { - margin: 0; - } - - .ant-avatar-lg { - width: 40px; - height: 40px; - line-height: 40px; - border-radius: 50%; - } - - .ant-avatar-lg-string { - position: absolute; - left: 50%; - transform-origin: 0 center; - } - - .ant-avatar-lg.ant-avatar-icon { - font-size: 24px; - } - - .ant-avatar-lg.ant-avatar-icon>.anticon { - margin: 0; - } - - .ant-avatar-sm { - width: 24px; - height: 24px; - line-height: 24px; - border-radius: 50%; - } - - .ant-avatar-sm-string { - position: absolute; - left: 50%; - transform-origin: 0 center; - } - - .ant-avatar-sm.ant-avatar-icon { - font-size: 14px; - } - - .ant-avatar-sm.ant-avatar-icon>.anticon { - margin: 0; - } - - .ant-avatar-square { - border-radius: 2px; - } - - .ant-avatar>img { - display: block; - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - } - - .ant-avatar-group { - display: inline-flex; - } - - .ant-avatar-group .ant-avatar { - border: 1px solid #fff; - } - - .ant-avatar-group .ant-avatar:not(:first-child) { - margin-left: -8px; - } - - .ant-avatar-group-popover .ant-avatar+.ant-avatar { - margin-left: 3px; - } - - .ant-avatar-group-rtl .ant-avatar:not(:first-child) { - margin-right: -8px; - margin-left: 0; - } - - .ant-avatar-group-popover.ant-popover-rtl .ant-avatar+.ant-avatar { - margin-right: 3px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-popover { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - top: 0; - left: 0; - z-index: 1030; - font-weight: normal; - white-space: normal; - text-align: left; - cursor: auto; - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; - } - - .ant-popover::after { - position: absolute; - background: rgba(255, 255, 255, 0.01); - content: ''; - } - - .ant-popover-hidden { - display: none; - } - - .ant-popover-placement-top, - .ant-popover-placement-topLeft, - .ant-popover-placement-topRight { - padding-bottom: 15.3137085px; - } - - .ant-popover-placement-right, - .ant-popover-placement-rightTop, - .ant-popover-placement-rightBottom { - padding-left: 15.3137085px; - } - - .ant-popover-placement-bottom, - .ant-popover-placement-bottomLeft, - .ant-popover-placement-bottomRight { - padding-top: 15.3137085px; - } - - .ant-popover-placement-left, - .ant-popover-placement-leftTop, - .ant-popover-placement-leftBottom { - padding-right: 15.3137085px; - } - - .ant-popover-inner { - background-color: #1f1f1f; - background-clip: padding-box; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 8px rgba(0, 0, 0, 0.45) \9; - } - - @media screen and (-ms-high-contrast: active), - (-ms-high-contrast: none) { - .ant-popover { - /* IE10+ */ - } - - .ant-popover-inner { - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - } - - .ant-popover-title { - min-width: 177px; - min-height: 32px; - margin: 0; - padding: 5px 16px 4px; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - border-bottom: 1px solid #303030; - } - - .ant-popover-inner-content { - padding: 12px 16px; - color: rgba(255, 255, 255, 0.85); - } - - .ant-popover-message { - position: relative; - padding: 4px 0 12px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - } - - .ant-popover-message>.anticon { - position: absolute; - top: 8.0005px; - color: #d89614; - font-size: 14px; - } - - .ant-popover-message-title { - padding-left: 22px; - } - - .ant-popover-buttons { - margin-bottom: 4px; - text-align: right; - } - - .ant-popover-buttons button { - margin-left: 8px; - } - - .ant-popover-arrow { - position: absolute; - display: block; - width: 16px; - height: 16px; - overflow: hidden; - background: transparent; - pointer-events: none; - } - - .ant-popover-arrow-content { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; - width: 11.3137085px; - height: 11.3137085px; - margin: auto; - background-color: #1f1f1f; - content: ''; - pointer-events: auto; - border-radius: 0 0 2px 0; - pointer-events: none; - } - - .ant-popover-arrow-content::before { - position: absolute; - top: -11.3137085px; - left: -11.3137085px; - width: 33.9411255px; - height: 33.9411255px; - background: linear-gradient(to left, #1f1f1f 50%, #1f1f1f 50%) no-repeat -10px -10px; - content: ''; - -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - } - - .ant-popover-placement-top .ant-popover-arrow, - .ant-popover-placement-topLeft .ant-popover-arrow, - .ant-popover-placement-topRight .ant-popover-arrow { - bottom: -0.6862915px; - } - - .ant-popover-placement-top .ant-popover-arrow-content, - .ant-popover-placement-topLeft .ant-popover-arrow-content, - .ant-popover-placement-topRight .ant-popover-arrow-content { - box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); - transform: translateY(-8px) rotate(45deg); - } - - .ant-popover-placement-top .ant-popover-arrow { - left: 50%; - transform: translateX(-50%); - } - - .ant-popover-placement-topLeft .ant-popover-arrow { - left: 16px; - } - - .ant-popover-placement-topRight .ant-popover-arrow { - right: 16px; - } - - .ant-popover-placement-right .ant-popover-arrow, - .ant-popover-placement-rightTop .ant-popover-arrow, - .ant-popover-placement-rightBottom .ant-popover-arrow { - left: -0.6862915px; - } - - .ant-popover-placement-right .ant-popover-arrow-content, - .ant-popover-placement-rightTop .ant-popover-arrow-content, - .ant-popover-placement-rightBottom .ant-popover-arrow-content { - box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); - transform: translateX(8px) rotate(135deg); - } - - .ant-popover-placement-right .ant-popover-arrow { - top: 50%; - transform: translateY(-50%); - } - - .ant-popover-placement-rightTop .ant-popover-arrow { - top: 12px; - } - - .ant-popover-placement-rightBottom .ant-popover-arrow { - bottom: 12px; - } - - .ant-popover-placement-bottom .ant-popover-arrow, - .ant-popover-placement-bottomLeft .ant-popover-arrow, - .ant-popover-placement-bottomRight .ant-popover-arrow { - top: -0.6862915px; - } - - .ant-popover-placement-bottom .ant-popover-arrow-content, - .ant-popover-placement-bottomLeft .ant-popover-arrow-content, - .ant-popover-placement-bottomRight .ant-popover-arrow-content { - box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06); - transform: translateY(8px) rotate(-135deg); - } - - .ant-popover-placement-bottom .ant-popover-arrow { - left: 50%; - transform: translateX(-50%); - } - - .ant-popover-placement-bottomLeft .ant-popover-arrow { - left: 16px; - } - - .ant-popover-placement-bottomRight .ant-popover-arrow { - right: 16px; - } - - .ant-popover-placement-left .ant-popover-arrow, - .ant-popover-placement-leftTop .ant-popover-arrow, - .ant-popover-placement-leftBottom .ant-popover-arrow { - right: -0.6862915px; - } - - .ant-popover-placement-left .ant-popover-arrow-content, - .ant-popover-placement-leftTop .ant-popover-arrow-content, - .ant-popover-placement-leftBottom .ant-popover-arrow-content { - box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); - transform: translateX(-8px) rotate(-45deg); - } - - .ant-popover-placement-left .ant-popover-arrow { - top: 50%; - transform: translateY(-50%); - } - - .ant-popover-placement-leftTop .ant-popover-arrow { - top: 12px; - } - - .ant-popover-placement-leftBottom .ant-popover-arrow { - bottom: 12px; - } - - .ant-popover-pink .ant-popover-inner { - background-color: #cb2b83; - } - - .ant-popover-pink .ant-popover-arrow-content { - background-color: #cb2b83; - } - - .ant-popover-magenta .ant-popover-inner { - background-color: #cb2b83; - } - - .ant-popover-magenta .ant-popover-arrow-content { - background-color: #cb2b83; - } - - .ant-popover-red .ant-popover-inner { - background-color: #d32029; - } - - .ant-popover-red .ant-popover-arrow-content { - background-color: #d32029; - } - - .ant-popover-volcano .ant-popover-inner { - background-color: #d84a1b; - } - - .ant-popover-volcano .ant-popover-arrow-content { - background-color: #d84a1b; - } - - .ant-popover-orange .ant-popover-inner { - background-color: #d87a16; - } - - .ant-popover-orange .ant-popover-arrow-content { - background-color: #d87a16; - } - - .ant-popover-yellow .ant-popover-inner { - background-color: #d8bd14; - } - - .ant-popover-yellow .ant-popover-arrow-content { - background-color: #d8bd14; - } - - .ant-popover-gold .ant-popover-inner { - background-color: #d89614; - } - - .ant-popover-gold .ant-popover-arrow-content { - background-color: #d89614; - } - - .ant-popover-cyan .ant-popover-inner { - background-color: #13a8a8; - } - - .ant-popover-cyan .ant-popover-arrow-content { - background-color: #13a8a8; - } - - .ant-popover-lime .ant-popover-inner { - background-color: #8bbb11; - } - - .ant-popover-lime .ant-popover-arrow-content { - background-color: #8bbb11; - } - - .ant-popover-green .ant-popover-inner { - background-color: #49aa19; - } - - .ant-popover-green .ant-popover-arrow-content { - background-color: #49aa19; - } - - .ant-popover-blue .ant-popover-inner { - background-color: #177ddc; - } - - .ant-popover-blue .ant-popover-arrow-content { - background-color: #177ddc; - } - - .ant-popover-geekblue .ant-popover-inner { - background-color: #2b4acb; - } - - .ant-popover-geekblue .ant-popover-arrow-content { - background-color: #2b4acb; - } - - .ant-popover-purple .ant-popover-inner { - background-color: #642ab5; - } - - .ant-popover-purple .ant-popover-arrow-content { - background-color: #642ab5; - } - - .ant-popover-rtl { - direction: rtl; - text-align: right; - } - - .ant-popover-rtl .ant-popover-message-title { - padding-right: 22px; - padding-left: 16px; - } - - .ant-popover-rtl .ant-popover-buttons { - text-align: left; - } - - .ant-popover-rtl .ant-popover-buttons button { - margin-right: 8px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-back-top { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: fixed; - right: 100px; - bottom: 50px; - z-index: 10; - width: 40px; - height: 40px; - cursor: pointer; - } - - .ant-back-top:empty { - display: none; - } - - .ant-back-top-rtl { - right: auto; - left: 100px; - direction: rtl; - } - - .ant-back-top-content { - width: 40px; - height: 40px; - overflow: hidden; - color: #fff; - text-align: center; - background-color: rgba(255, 255, 255, 0.45); - border-radius: 20px; - transition: all 0.3s; - } - - .ant-back-top-content:hover { - background-color: rgba(255, 255, 255, 0.85); - transition: all 0.3s; - } - - .ant-back-top-icon { - font-size: 24px; - line-height: 40px; - } - - @media screen and (max-width: 768px) { - .ant-back-top { - right: 60px; - } - - .ant-back-top-rtl { - right: auto; - left: 60px; - } - } - - @media screen and (max-width: 480px) { - .ant-back-top { - right: 20px; - } - - .ant-back-top-rtl { - right: auto; - left: 20px; - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-badge { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: inline-block; - line-height: 1; - } - - .ant-badge-count { - z-index: auto; - min-width: 20px; - height: 20px; - padding: 0 6px; - color: #fff; - font-weight: normal; - font-size: 12px; - line-height: 20px; - white-space: nowrap; - text-align: center; - background: #a61d24; - border-radius: 10px; - box-shadow: 0 0 0 1px #141414; - } - - .ant-badge-count a, - .ant-badge-count a:hover { - color: #fff; - } - - .ant-badge-count-sm { - min-width: 14px; - height: 14px; - padding: 0; - font-size: 12px; - line-height: 14px; - border-radius: 7px; - } - - .ant-badge-multiple-words { - padding: 0 8px; - } - - .ant-badge-dot { - z-index: auto; - width: 6px; - min-width: 6px; - height: 6px; - background: #a61d24; - border-radius: 100%; - box-shadow: 0 0 0 1px #141414; - } - - .ant-badge-dot.ant-scroll-number { - transition: background 1.5s; - } - - .ant-badge-count, - .ant-badge-dot, - .ant-badge .ant-scroll-number-custom-component { - position: absolute; - top: 0; - right: 0; - transform: translate(50%, -50%); - transform-origin: 100% 0%; - } - - .ant-badge-count.anticon-spin, - .ant-badge-dot.anticon-spin, - .ant-badge .ant-scroll-number-custom-component.anticon-spin { - -webkit-animation: antBadgeLoadingCircle 1s infinite linear; - animation: antBadgeLoadingCircle 1s infinite linear; - } - - .ant-badge-status { - line-height: inherit; - vertical-align: baseline; - } - - .ant-badge-status-dot { - position: relative; - top: -1px; - display: inline-block; - width: 6px; - height: 6px; - vertical-align: middle; - border-radius: 50%; - } - - .ant-badge-status-success { - background-color: #49aa19; - } - - .ant-badge-status-processing { - position: relative; - background-color: #177ddc; - } - - .ant-badge-status-processing::after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid #177ddc; - border-radius: 50%; - -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out; - animation: antStatusProcessing 1.2s infinite ease-in-out; - content: ''; - } - - .ant-badge-status-default { - background-color: #d9d9d9; - } - - .ant-badge-status-error { - background-color: #a61d24; - } - - .ant-badge-status-warning { - background-color: #d89614; - } - - .ant-badge-status-pink { - background: #cb2b83; - } - - .ant-badge-status-magenta { - background: #cb2b83; - } - - .ant-badge-status-red { - background: #d32029; - } - - .ant-badge-status-volcano { - background: #d84a1b; - } - - .ant-badge-status-orange { - background: #d87a16; - } - - .ant-badge-status-yellow { - background: #d8bd14; - } - - .ant-badge-status-gold { - background: #d89614; - } - - .ant-badge-status-cyan { - background: #13a8a8; - } - - .ant-badge-status-lime { - background: #8bbb11; - } - - .ant-badge-status-green { - background: #49aa19; - } - - .ant-badge-status-blue { - background: #177ddc; - } - - .ant-badge-status-geekblue { - background: #2b4acb; - } - - .ant-badge-status-purple { - background: #642ab5; - } - - .ant-badge-status-text { - margin-left: 8px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - } - - .ant-badge-zoom-appear, - .ant-badge-zoom-enter { - -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); - animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - } - - .ant-badge-zoom-leave { - -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); - animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - } - - .ant-badge-not-a-wrapper .ant-badge-zoom-appear, - .ant-badge-not-a-wrapper .ant-badge-zoom-enter { - -webkit-animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); - animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); - } - - .ant-badge-not-a-wrapper .ant-badge-zoom-leave { - -webkit-animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); - animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); - } - - .ant-badge-not-a-wrapper:not(.ant-badge-status) { - vertical-align: middle; - } - - .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, - .ant-badge-not-a-wrapper .ant-badge-count { - transform: none; - } - - .ant-badge-not-a-wrapper .ant-scroll-number-custom-component, - .ant-badge-not-a-wrapper .ant-scroll-number { - position: relative; - top: auto; - display: block; - transform-origin: 50% 50%; - } - - @-webkit-keyframes antStatusProcessing { - 0% { - transform: scale(0.8); - opacity: 0.5; - } - - 100% { - transform: scale(2.4); - opacity: 0; - } - } - - @keyframes antStatusProcessing { - 0% { - transform: scale(0.8); - opacity: 0.5; - } - - 100% { - transform: scale(2.4); - opacity: 0; - } - } - - .ant-scroll-number { - overflow: hidden; - direction: ltr; - } - - .ant-scroll-number-only { - position: relative; - display: inline-block; - height: 20px; - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - /* stylelint-disable property-no-vendor-prefix */ - -webkit-transform-style: preserve-3d; - -webkit-backface-visibility: hidden; - /* stylelint-enable property-no-vendor-prefix */ - } - - .ant-scroll-number-only>p.ant-scroll-number-only-unit { - height: 20px; - margin: 0; - /* stylelint-disable property-no-vendor-prefix */ - -webkit-transform-style: preserve-3d; - -webkit-backface-visibility: hidden; - /* stylelint-enable property-no-vendor-prefix */ - } - - .ant-scroll-number-symbol { - vertical-align: top; - } - - @-webkit-keyframes antZoomBadgeIn { - 0% { - transform: scale(0) translate(50%, -50%); - opacity: 0; - } - - 100% { - transform: scale(1) translate(50%, -50%); - } - } - - @keyframes antZoomBadgeIn { - 0% { - transform: scale(0) translate(50%, -50%); - opacity: 0; - } - - 100% { - transform: scale(1) translate(50%, -50%); - } - } - - @-webkit-keyframes antZoomBadgeOut { - 0% { - transform: scale(1) translate(50%, -50%); - } - - 100% { - transform: scale(0) translate(50%, -50%); - opacity: 0; - } - } - - @keyframes antZoomBadgeOut { - 0% { - transform: scale(1) translate(50%, -50%); - } - - 100% { - transform: scale(0) translate(50%, -50%); - opacity: 0; - } - } - - @-webkit-keyframes antNoWrapperZoomBadgeIn { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - } - } - - @keyframes antNoWrapperZoomBadgeIn { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - } - } - - @-webkit-keyframes antNoWrapperZoomBadgeOut { - 0% { - transform: scale(1); - } - - 100% { - transform: scale(0); - opacity: 0; - } - } - - @keyframes antNoWrapperZoomBadgeOut { - 0% { - transform: scale(1); - } - - 100% { - transform: scale(0); - opacity: 0; - } - } - - @-webkit-keyframes antBadgeLoadingCircle { - 0% { - transform-origin: 50%; - } - - 100% { - transform: translate(50%, -50%) rotate(360deg); - transform-origin: 50%; - } - } - - @keyframes antBadgeLoadingCircle { - 0% { - transform-origin: 50%; - } - - 100% { - transform: translate(50%, -50%) rotate(360deg); - transform-origin: 50%; - } - } - - .ant-ribbon-wrapper { - position: relative; - } - - .ant-ribbon { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - top: 8px; - height: 22px; - padding: 0 8px; - color: #fff; - line-height: 22px; - white-space: nowrap; - background-color: #177ddc; - border-radius: 2px; - } - - .ant-ribbon-text { - color: #fff; - } - - .ant-ribbon-corner { - position: absolute; - top: 100%; - width: 8px; - height: 8px; - color: currentcolor; - border: 4px solid; - transform: scaleY(0.75); - transform-origin: top; - } - - .ant-ribbon-corner::after { - position: absolute; - top: -4px; - left: -4px; - width: inherit; - height: inherit; - color: rgba(0, 0, 0, 0.25); - border: inherit; - content: ''; - } - - .ant-ribbon-color-pink { - color: #cb2b83; - background: #cb2b83; - } - - .ant-ribbon-color-magenta { - color: #cb2b83; - background: #cb2b83; - } - - .ant-ribbon-color-red { - color: #d32029; - background: #d32029; - } - - .ant-ribbon-color-volcano { - color: #d84a1b; - background: #d84a1b; - } - - .ant-ribbon-color-orange { - color: #d87a16; - background: #d87a16; - } - - .ant-ribbon-color-yellow { - color: #d8bd14; - background: #d8bd14; - } - - .ant-ribbon-color-gold { - color: #d89614; - background: #d89614; - } - - .ant-ribbon-color-cyan { - color: #13a8a8; - background: #13a8a8; - } - - .ant-ribbon-color-lime { - color: #8bbb11; - background: #8bbb11; - } - - .ant-ribbon-color-green { - color: #49aa19; - background: #49aa19; - } - - .ant-ribbon-color-blue { - color: #177ddc; - background: #177ddc; - } - - .ant-ribbon-color-geekblue { - color: #2b4acb; - background: #2b4acb; - } - - .ant-ribbon-color-purple { - color: #642ab5; - background: #642ab5; - } - - .ant-ribbon.ant-ribbon-placement-end { - right: -8px; - border-bottom-right-radius: 0; - } - - .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { - right: 0; - border-color: currentcolor transparent transparent currentcolor; - } - - .ant-ribbon.ant-ribbon-placement-start { - left: -8px; - border-bottom-left-radius: 0; - } - - .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { - left: 0; - border-color: currentcolor currentcolor transparent transparent; - } - - .ant-badge-rtl { - direction: rtl; - } - - .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, - .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, - .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { - right: auto; - left: 0; - direction: ltr; - transform: translate(-50%, -50%); - transform-origin: 0% 0%; - } - - .ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { - right: auto; - left: 0; - transform: translate(-50%, -50%); - transform-origin: 0% 0%; - } - - .ant-badge-rtl .ant-badge-status-text { - margin-right: 8px; - margin-left: 0; - } - - .ant-badge-rtl .ant-badge-zoom-appear, - .ant-badge-rtl .ant-badge-zoom-enter { - -webkit-animation-name: antZoomBadgeInRtl; - animation-name: antZoomBadgeInRtl; - } - - .ant-badge-rtl .ant-badge-zoom-leave { - -webkit-animation-name: antZoomBadgeOutRtl; - animation-name: antZoomBadgeOutRtl; - } - - .ant-ribbon-rtl { - direction: rtl; - } - - .ant-ribbon-rtl.ant-ribbon-placement-end { - right: unset; - left: -8px; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 0; - } - - .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { - right: unset; - left: 0; - border-color: currentcolor currentcolor transparent transparent; - } - - .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { - border-color: currentcolor currentcolor transparent transparent; - } - - .ant-ribbon-rtl.ant-ribbon-placement-start { - right: -8px; - left: unset; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; - } - - .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { - right: 0; - left: unset; - border-color: currentcolor transparent transparent currentcolor; - } - - .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { - border-color: currentcolor transparent transparent currentcolor; - } - - @-webkit-keyframes antZoomBadgeInRtl { - 0% { - transform: scale(0) translate(-50%, -50%); - opacity: 0; - } - - 100% { - transform: scale(1) translate(-50%, -50%); - } - } - - @keyframes antZoomBadgeInRtl { - 0% { - transform: scale(0) translate(-50%, -50%); - opacity: 0; - } - - 100% { - transform: scale(1) translate(-50%, -50%); - } - } - - @-webkit-keyframes antZoomBadgeOutRtl { - 0% { - transform: scale(1) translate(-50%, -50%); - } - - 100% { - transform: scale(0) translate(-50%, -50%); - opacity: 0; - } - } - - @keyframes antZoomBadgeOutRtl { - 0% { - transform: scale(1) translate(-50%, -50%); - } - - 100% { - transform: scale(0) translate(-50%, -50%); - opacity: 0; - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-breadcrumb { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - } - - .ant-breadcrumb .anticon { - font-size: 14px; - } - - .ant-breadcrumb a { - color: rgba(255, 255, 255, 0.45); - transition: color 0.3s; - } - - .ant-breadcrumb a:hover { - color: #165996; - } - - .ant-breadcrumb>span:last-child { - color: rgba(255, 255, 255, 0.85); - } - - .ant-breadcrumb>span:last-child a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-breadcrumb>span:last-child .ant-breadcrumb-separator { - display: none; - } - - .ant-breadcrumb-separator { - margin: 0 8px; - color: rgba(255, 255, 255, 0.45); - } - - .ant-breadcrumb-link>.anticon+span, - .ant-breadcrumb-link>.anticon+a { - margin-left: 4px; - } - - .ant-breadcrumb-overlay-link>.anticon { - margin-left: 4px; - } - - .ant-breadcrumb-rtl { - direction: rtl; - } - - .ant-breadcrumb-rtl::before { - display: table; - content: ''; - } - - .ant-breadcrumb-rtl::after { - display: table; - clear: both; - content: ''; - } - - .ant-breadcrumb-rtl>span { - float: right; - } - - .ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span, - .ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a { - margin-right: 4px; - margin-left: 0; - } - - .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon { - margin-right: 4px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-menu-item-danger.ant-menu-item { - color: #a61d24; - } - - .ant-menu-item-danger.ant-menu-item:hover, - .ant-menu-item-danger.ant-menu-item-active { - color: #a61d24; - } - - .ant-menu-item-danger.ant-menu-item:active { - background: #2a1215; - } - - .ant-menu-item-danger.ant-menu-item-selected { - color: #a61d24; - } - - .ant-menu-item-danger.ant-menu-item-selected>a, - .ant-menu-item-danger.ant-menu-item-selected>a:hover { - color: #a61d24; - } - - .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { - background-color: #2a1215; - } - - .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { - border-right-color: #a61d24; - } - - .ant-menu-dark .ant-menu-item-danger.ant-menu-item, - .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, - .ant-menu-dark .ant-menu-item-danger.ant-menu-item>a { - color: #a61d24; - } - - .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { - color: #fff; - background-color: #a61d24; - } - - .ant-menu { - box-sizing: border-box; - margin: 0; - padding: 0; - font-variant: tabular-nums; - line-height: 1.5715; - font-feature-settings: 'tnum'; - margin-bottom: 0; - padding-left: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 0; - text-align: left; - list-style: none; - background: #141414; - outline: none; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; - } - - .ant-menu::before { - display: table; - content: ''; - } - - .ant-menu::after { - display: table; - clear: both; - content: ''; - } - - .ant-menu.ant-menu-root:focus-visible { - box-shadow: 0 0 0 2px #11263c; - } - - .ant-menu ul, - .ant-menu ol { - margin: 0; - padding: 0; - list-style: none; - } - - .ant-menu-overflow { - display: flex; - } - - .ant-menu-overflow-item { - flex: none; - } - - .ant-menu-hidden, - .ant-menu-submenu-hidden { - display: none; - } - - .ant-menu-item-group-title { - height: 1.5715; - padding: 8px 16px; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - line-height: 1.5715; - transition: all 0.3s; - } - - .ant-menu-horizontal .ant-menu-submenu { - transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-submenu, - .ant-menu-submenu-inline { - transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-submenu-selected { - color: #177ddc; - } - - .ant-menu-item:active, - .ant-menu-submenu-title:active { - background: #111b26; - } - - .ant-menu-submenu .ant-menu-sub { - cursor: initial; - transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-title-content { - transition: color 0.3s; - } - - .ant-menu-item a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-menu-item a:hover { - color: #177ddc; - } - - .ant-menu-item a::before { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: transparent; - content: ''; - } - - .ant-menu-item>.ant-badge a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-menu-item>.ant-badge a:hover { - color: #177ddc; - } - - .ant-menu-item-divider { - overflow: hidden; - line-height: 0; - border-color: #303030; - border-style: solid; - border-width: 1px 0 0; - } - - .ant-menu-item-divider-dashed { - border-style: dashed; - } - - .ant-menu-horizontal .ant-menu-item, - .ant-menu-horizontal .ant-menu-submenu { - margin-top: -1px; - } - - .ant-menu-horizontal>.ant-menu-item:hover, - .ant-menu-horizontal>.ant-menu-item-active, - .ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover { - background-color: transparent; - } - - .ant-menu-item-selected { - color: #177ddc; - } - - .ant-menu-item-selected a, - .ant-menu-item-selected a:hover { - color: #177ddc; - } - - .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { - background-color: #111b26; - } - - .ant-menu-inline, - .ant-menu-vertical, - .ant-menu-vertical-left { - border-right: 1px solid #303030; - } - - .ant-menu-vertical-right { - border-left: 1px solid #303030; - } - - .ant-menu-vertical.ant-menu-sub, - .ant-menu-vertical-left.ant-menu-sub, - .ant-menu-vertical-right.ant-menu-sub { - min-width: 160px; - max-height: calc(100vh - 100px); - padding: 0; - overflow: hidden; - border-right: 0; - } - - .ant-menu-vertical.ant-menu-sub:not([class*='-active']), - .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']), - .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) { - overflow-x: hidden; - overflow-y: auto; - } - - .ant-menu-vertical.ant-menu-sub .ant-menu-item, - .ant-menu-vertical-left.ant-menu-sub .ant-menu-item, - .ant-menu-vertical-right.ant-menu-sub .ant-menu-item { - left: 0; - margin-left: 0; - border-right: 0; - } - - .ant-menu-vertical.ant-menu-sub .ant-menu-item::after, - .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, - .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { - border-right: 0; - } - - .ant-menu-vertical.ant-menu-sub>.ant-menu-item, - .ant-menu-vertical-left.ant-menu-sub>.ant-menu-item, - .ant-menu-vertical-right.ant-menu-sub>.ant-menu-item, - .ant-menu-vertical.ant-menu-sub>.ant-menu-submenu, - .ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu, - .ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu { - transform-origin: 0 0; - } - - .ant-menu-horizontal.ant-menu-sub { - min-width: 114px; - } - - .ant-menu-horizontal .ant-menu-item, - .ant-menu-horizontal .ant-menu-submenu-title { - transition: border-color 0.3s, background 0.3s; - } - - .ant-menu-item, - .ant-menu-submenu-title { - position: relative; - display: block; - margin: 0; - padding: 0 20px; - white-space: nowrap; - cursor: pointer; - transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-item .ant-menu-item-icon, - .ant-menu-submenu-title .ant-menu-item-icon, - .ant-menu-item .anticon, - .ant-menu-submenu-title .anticon { - min-width: 14px; - font-size: 14px; - transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; - } - - .ant-menu-item .ant-menu-item-icon+span, - .ant-menu-submenu-title .ant-menu-item-icon+span, - .ant-menu-item .anticon+span, - .ant-menu-submenu-title .anticon+span { - margin-left: 10px; - opacity: 1; - transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; - } - - .ant-menu-item .ant-menu-item-icon.svg, - .ant-menu-submenu-title .ant-menu-item-icon.svg { - vertical-align: -0.125em; - } - - .ant-menu-item.ant-menu-item-only-child>.anticon, - .ant-menu-submenu-title.ant-menu-item-only-child>.anticon, - .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon, - .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon { - margin-right: 0; - } - - .ant-menu-item:focus-visible, - .ant-menu-submenu-title:focus-visible { - box-shadow: 0 0 0 2px #11263c; - } - - .ant-menu>.ant-menu-item-divider { - margin: 1px 0; - padding: 0; - } - - .ant-menu-submenu-popup { - position: absolute; - z-index: 1050; - background: transparent; - border-radius: 2px; - box-shadow: none; - transform-origin: 0 0; - } - - .ant-menu-submenu-popup::before { - position: absolute; - top: -7px; - right: 0; - bottom: 0; - left: 0; - z-index: -1; - width: 100%; - height: 100%; - opacity: 0.0001; - content: ' '; - } - - .ant-menu-submenu-placement-rightTop::before { - top: 0; - left: -7px; - } - - .ant-menu-submenu>.ant-menu { - background-color: #141414; - border-radius: 2px; - } - - .ant-menu-submenu>.ant-menu-submenu-title::after { - transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-submenu-popup>.ant-menu { - background-color: #1f1f1f; - } - - .ant-menu-submenu-expand-icon, - .ant-menu-submenu-arrow { - position: absolute; - top: 50%; - right: 16px; - width: 10px; - color: rgba(255, 255, 255, 0.85); - transform: translateY(-50%); - transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-submenu-arrow::before, - .ant-menu-submenu-arrow::after { - position: absolute; - width: 6px; - height: 1.5px; - background-color: currentcolor; - border-radius: 2px; - transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - content: ''; - } - - .ant-menu-submenu-arrow::before { - transform: rotate(45deg) translateY(-2.5px); - } - - .ant-menu-submenu-arrow::after { - transform: rotate(-45deg) translateY(2.5px); - } - - .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon, - .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow { - color: #177ddc; - } - - .ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, - .ant-menu-submenu-inline .ant-menu-submenu-arrow::before { - transform: rotate(-45deg) translateX(2.5px); - } - - .ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, - .ant-menu-submenu-inline .ant-menu-submenu-arrow::after { - transform: rotate(45deg) translateX(-2.5px); - } - - .ant-menu-submenu-horizontal .ant-menu-submenu-arrow { - display: none; - } - - .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow { - transform: translateY(-2px); - } - - .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after { - transform: rotate(-45deg) translateX(-2.5px); - } - - .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before { - transform: rotate(45deg) translateX(2.5px); - } - - .ant-menu-vertical .ant-menu-submenu-selected, - .ant-menu-vertical-left .ant-menu-submenu-selected, - .ant-menu-vertical-right .ant-menu-submenu-selected { - color: #177ddc; - } - - .ant-menu-horizontal { - line-height: 46px; - border: 0; - border-bottom: 1px solid #303030; - box-shadow: none; - } - - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu { - margin-top: -1px; - margin-bottom: 0; - padding: 0 20px; - } - - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected { - color: #177ddc; - } - - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected::after, - .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected::after { - border-bottom: 2px solid #177ddc; - } - - .ant-menu-horizontal>.ant-menu-item, - .ant-menu-horizontal>.ant-menu-submenu { - position: relative; - top: 1px; - display: inline-block; - vertical-align: bottom; - } - - .ant-menu-horizontal>.ant-menu-item::after, - .ant-menu-horizontal>.ant-menu-submenu::after { - position: absolute; - right: 20px; - bottom: 0; - left: 20px; - border-bottom: 2px solid transparent; - transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - content: ''; - } - - .ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title { - padding: 0; - } - - .ant-menu-horizontal>.ant-menu-item a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-menu-horizontal>.ant-menu-item a:hover { - color: #177ddc; - } - - .ant-menu-horizontal>.ant-menu-item a::before { - bottom: -2px; - } - - .ant-menu-horizontal>.ant-menu-item-selected a { - color: #177ddc; - } - - .ant-menu-horizontal::after { - display: block; - clear: both; - height: 0; - content: '\20'; - } - - .ant-menu-vertical .ant-menu-item, - .ant-menu-vertical-left .ant-menu-item, - .ant-menu-vertical-right .ant-menu-item, - .ant-menu-inline .ant-menu-item { - position: relative; - } - - .ant-menu-vertical .ant-menu-item::after, - .ant-menu-vertical-left .ant-menu-item::after, - .ant-menu-vertical-right .ant-menu-item::after, - .ant-menu-inline .ant-menu-item::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - border-right: 3px solid #177ddc; - transform: scaleY(0.0001); - opacity: 0; - transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); - content: ''; - } - - .ant-menu-vertical .ant-menu-item, - .ant-menu-vertical-left .ant-menu-item, - .ant-menu-vertical-right .ant-menu-item, - .ant-menu-inline .ant-menu-item, - .ant-menu-vertical .ant-menu-submenu-title, - .ant-menu-vertical-left .ant-menu-submenu-title, - .ant-menu-vertical-right .ant-menu-submenu-title, - .ant-menu-inline .ant-menu-submenu-title { - height: 40px; - margin-top: 4px; - margin-bottom: 4px; - padding: 0 16px; - overflow: hidden; - line-height: 40px; - text-overflow: ellipsis; - } - - .ant-menu-vertical .ant-menu-submenu, - .ant-menu-vertical-left .ant-menu-submenu, - .ant-menu-vertical-right .ant-menu-submenu, - .ant-menu-inline .ant-menu-submenu { - padding-bottom: 0.02px; - } - - .ant-menu-vertical .ant-menu-item:not(:last-child), - .ant-menu-vertical-left .ant-menu-item:not(:last-child), - .ant-menu-vertical-right .ant-menu-item:not(:last-child), - .ant-menu-inline .ant-menu-item:not(:last-child) { - margin-bottom: 8px; - } - - .ant-menu-vertical>.ant-menu-item, - .ant-menu-vertical-left>.ant-menu-item, - .ant-menu-vertical-right>.ant-menu-item, - .ant-menu-inline>.ant-menu-item, - .ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title, - .ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title, - .ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title, - .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title { - height: 40px; - line-height: 40px; - } - - .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, - .ant-menu-vertical .ant-menu-submenu-title { - padding-right: 34px; - } - - .ant-menu-inline { - width: 100%; - } - - .ant-menu-inline .ant-menu-selected::after, - .ant-menu-inline .ant-menu-item-selected::after { - transform: scaleY(1); - opacity: 1; - transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-menu-inline .ant-menu-item, - .ant-menu-inline .ant-menu-submenu-title { - width: calc(100% + 1px); - } - - .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, - .ant-menu-inline .ant-menu-submenu-title { - padding-right: 34px; - } - - .ant-menu-inline.ant-menu-root .ant-menu-item, - .ant-menu-inline.ant-menu-root .ant-menu-submenu-title { - display: flex; - align-items: center; - transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); - } - - .ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content, - .ant-menu-inline.ant-menu-root .ant-menu-submenu-title>.ant-menu-title-content { - flex: auto; - min-width: 0; - overflow: hidden; - text-overflow: ellipsis; - } - - .ant-menu-inline.ant-menu-root .ant-menu-item>*, - .ant-menu-inline.ant-menu-root .ant-menu-submenu-title>* { - flex: none; - } - - .ant-menu.ant-menu-inline-collapsed { - width: 80px; - } - - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title { - left: 0; - padding: 0 calc(50% - 16px / 2); - text-overflow: clip; - } - - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow { - opacity: 0; - } - - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon { - margin: 0; - font-size: 16px; - line-height: 40px; - } - - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span, - .ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span { - display: inline-block; - opacity: 0; - } - - .ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, - .ant-menu.ant-menu-inline-collapsed .anticon { - display: inline-block; - } - - .ant-menu.ant-menu-inline-collapsed-tooltip { - pointer-events: none; - } - - .ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, - .ant-menu.ant-menu-inline-collapsed-tooltip .anticon { - display: none; - } - - .ant-menu.ant-menu-inline-collapsed-tooltip a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { - padding-right: 4px; - padding-left: 4px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-menu-item-group-list { - margin: 0; - padding: 0; - } - - .ant-menu-item-group-list .ant-menu-item, - .ant-menu-item-group-list .ant-menu-submenu-title { - padding: 0 16px 0 28px; - } - - .ant-menu-root.ant-menu-vertical, - .ant-menu-root.ant-menu-vertical-left, - .ant-menu-root.ant-menu-vertical-right, - .ant-menu-root.ant-menu-inline { - box-shadow: none; - } - - .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item>.ant-menu-inline-collapsed-noicon, - .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title>.ant-menu-inline-collapsed-noicon { - font-size: 16px; - text-align: center; - } - - .ant-menu-sub.ant-menu-inline { - padding: 0; - background: rgba(255, 255, 255, 0.04); - border: 0; - border-radius: 0; - box-shadow: none; - } - - .ant-menu-sub.ant-menu-inline>.ant-menu-item, - .ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title { - height: 40px; - line-height: 40px; - list-style-position: inside; - list-style-type: disc; - } - - .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { - padding-left: 32px; - } - - .ant-menu-item-disabled, - .ant-menu-submenu-disabled { - color: rgba(255, 255, 255, 0.3) !important; - background: none; - cursor: not-allowed; - } - - .ant-menu-item-disabled::after, - .ant-menu-submenu-disabled::after { - border-color: transparent !important; - } - - .ant-menu-item-disabled a, - .ant-menu-submenu-disabled a { - color: rgba(255, 255, 255, 0.3) !important; - pointer-events: none; - } - - .ant-menu-item-disabled>.ant-menu-submenu-title, - .ant-menu-submenu-disabled>.ant-menu-submenu-title { - color: rgba(255, 255, 255, 0.3) !important; - cursor: not-allowed; - } - - .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after { - background: rgba(255, 255, 255, 0.3) !important; - } - - .ant-layout-header .ant-menu { - line-height: inherit; - } - - .ant-menu-inline-collapsed-tooltip a, - .ant-menu-inline-collapsed-tooltip a:hover { - color: #fff; - } - - .ant-menu-light .ant-menu-item:hover, - .ant-menu-light .ant-menu-item-active, - .ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, - .ant-menu-light .ant-menu-submenu-active, - .ant-menu-light .ant-menu-submenu-title:hover { - color: #177ddc; - } - - .ant-menu.ant-menu-root:focus-visible { - box-shadow: 0 0 0 2px #388ed3; - } - - .ant-menu-dark .ant-menu-item:focus-visible, - .ant-menu-dark .ant-menu-submenu-title:focus-visible { - box-shadow: 0 0 0 2px #388ed3; - } - - .ant-menu.ant-menu-dark, - .ant-menu-dark .ant-menu-sub, - .ant-menu.ant-menu-dark .ant-menu-sub { - color: rgba(255, 255, 255, 0.65); - background: #1f1f1f; - } - - .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { - opacity: 0.45; - transition: all 0.3s; - } - - .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, - .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { - background: #fff; - } - - .ant-menu-dark.ant-menu-submenu-popup { - background: transparent; - } - - .ant-menu-dark .ant-menu-inline.ant-menu-sub { - background: #141414; - } - - .ant-menu-dark.ant-menu-horizontal { - border-bottom: 0; - } - - .ant-menu-dark.ant-menu-horizontal>.ant-menu-item, - .ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu { - top: 0; - margin-top: 0; - padding: 0 20px; - border-color: #1f1f1f; - border-bottom: 0; - } - - .ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover { - background-color: #177ddc; - } - - .ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a::before { - bottom: 0; - } - - .ant-menu-dark .ant-menu-item, - .ant-menu-dark .ant-menu-item-group-title, - .ant-menu-dark .ant-menu-item>a, - .ant-menu-dark .ant-menu-item>span>a { - color: rgba(255, 255, 255, 0.65); - } - - .ant-menu-dark.ant-menu-inline, - .ant-menu-dark.ant-menu-vertical, - .ant-menu-dark.ant-menu-vertical-left, - .ant-menu-dark.ant-menu-vertical-right { - border-right: 0; - } - - .ant-menu-dark.ant-menu-inline .ant-menu-item, - .ant-menu-dark.ant-menu-vertical .ant-menu-item, - .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, - .ant-menu-dark.ant-menu-vertical-right .ant-menu-item { - left: 0; - margin-left: 0; - border-right: 0; - } - - .ant-menu-dark.ant-menu-inline .ant-menu-item::after, - .ant-menu-dark.ant-menu-vertical .ant-menu-item::after, - .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, - .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { - border-right: 0; - } - - .ant-menu-dark.ant-menu-inline .ant-menu-item, - .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { - width: 100%; - } - - .ant-menu-dark .ant-menu-item:hover, - .ant-menu-dark .ant-menu-item-active, - .ant-menu-dark .ant-menu-submenu-active, - .ant-menu-dark .ant-menu-submenu-open, - .ant-menu-dark .ant-menu-submenu-selected, - .ant-menu-dark .ant-menu-submenu-title:hover { - color: #fff; - background-color: transparent; - } - - .ant-menu-dark .ant-menu-item:hover>a, - .ant-menu-dark .ant-menu-item-active>a, - .ant-menu-dark .ant-menu-submenu-active>a, - .ant-menu-dark .ant-menu-submenu-open>a, - .ant-menu-dark .ant-menu-submenu-selected>a, - .ant-menu-dark .ant-menu-submenu-title:hover>a, - .ant-menu-dark .ant-menu-item:hover>span>a, - .ant-menu-dark .ant-menu-item-active>span>a, - .ant-menu-dark .ant-menu-submenu-active>span>a, - .ant-menu-dark .ant-menu-submenu-open>span>a, - .ant-menu-dark .ant-menu-submenu-selected>span>a, - .ant-menu-dark .ant-menu-submenu-title:hover>span>a { - color: #fff; - } - - .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow, - .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow { - opacity: 1; - } - - .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before { - background: #fff; - } - - .ant-menu-dark .ant-menu-item:hover { - background-color: transparent; - } - - .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { - background-color: #177ddc; - } - - .ant-menu-dark .ant-menu-item-selected { - color: #fff; - border-right: 0; - } - - .ant-menu-dark .ant-menu-item-selected::after { - border-right: 0; - } - - .ant-menu-dark .ant-menu-item-selected>a, - .ant-menu-dark .ant-menu-item-selected>span>a, - .ant-menu-dark .ant-menu-item-selected>a:hover, - .ant-menu-dark .ant-menu-item-selected>span>a:hover { - color: #fff; - } - - .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, - .ant-menu-dark .ant-menu-item-selected .anticon { - color: #fff; - } - - .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon+span, - .ant-menu-dark .ant-menu-item-selected .anticon+span { - color: #fff; - } - - .ant-menu.ant-menu-dark .ant-menu-item-selected, - .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { - background-color: #177ddc; - } - - .ant-menu-dark .ant-menu-item-disabled, - .ant-menu-dark .ant-menu-submenu-disabled, - .ant-menu-dark .ant-menu-item-disabled>a, - .ant-menu-dark .ant-menu-submenu-disabled>a, - .ant-menu-dark .ant-menu-item-disabled>span>a, - .ant-menu-dark .ant-menu-submenu-disabled>span>a { - color: rgba(255, 255, 255, 0.3) !important; - opacity: 0.8; - } - - .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title, - .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title { - color: rgba(255, 255, 255, 0.3) !important; - } - - .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before, - .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after, - .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after { - background: rgba(255, 255, 255, 0.3) !important; - } - - .ant-menu.ant-menu-rtl { - direction: rtl; - text-align: right; - } - - .ant-menu-rtl .ant-menu-item-group-title { - text-align: right; - } - - .ant-menu-rtl.ant-menu-inline, - .ant-menu-rtl.ant-menu-vertical { - border-right: none; - border-left: 1px solid #303030; - } - - .ant-menu-rtl.ant-menu-dark.ant-menu-inline, - .ant-menu-rtl.ant-menu-dark.ant-menu-vertical { - border-left: none; - } - - .ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-item, - .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item, - .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item, - .ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu, - .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu, - .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu { - transform-origin: top right; - } - - .ant-menu-rtl .ant-menu-item .ant-menu-item-icon, - .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, - .ant-menu-rtl .ant-menu-item .anticon, - .ant-menu-rtl .ant-menu-submenu-title .anticon { - margin-right: auto; - margin-left: 10px; - } - - .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon, - .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon, - .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.anticon, - .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.anticon { - margin-left: 0; - } - - .ant-menu-submenu-rtl.ant-menu-submenu-popup { - transform-origin: 100% 0; - } - - .ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow, - .ant-menu-rtl .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow { - right: auto; - left: 16px; - } - - .ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, - .ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before, - .ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before { - transform: rotate(-45deg) translateY(-2px); - } - - .ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after, - .ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after { - transform: rotate(45deg) translateY(2px); - } - - .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, - .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, - .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, - .ant-menu-rtl.ant-menu-inline .ant-menu-item::after { - right: auto; - left: 0; - } - - .ant-menu-rtl.ant-menu-vertical .ant-menu-item, - .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, - .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, - .ant-menu-rtl.ant-menu-inline .ant-menu-item, - .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, - .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, - .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, - .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { - text-align: right; - } - - .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { - padding-right: 0; - padding-left: 34px; - } - - .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { - padding-right: 16px; - padding-left: 34px; - } - - .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { - padding: 0 calc(50% - 16px / 2); - } - - .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, - .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { - padding: 0 28px 0 16px; - } - - .ant-menu-sub.ant-menu-inline { - border: 0; - } - - .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { - padding-right: 32px; - padding-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-tooltip { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - z-index: 1070; - display: block; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - width: intrinsic; - max-width: 250px; - visibility: visible; - } - - .ant-tooltip-hidden { - display: none; - } - - .ant-tooltip-placement-top, - .ant-tooltip-placement-topLeft, - .ant-tooltip-placement-topRight { - padding-bottom: 14.3137085px; - } - - .ant-tooltip-placement-right, - .ant-tooltip-placement-rightTop, - .ant-tooltip-placement-rightBottom { - padding-left: 14.3137085px; - } - - .ant-tooltip-placement-bottom, - .ant-tooltip-placement-bottomLeft, - .ant-tooltip-placement-bottomRight { - padding-top: 14.3137085px; - } - - .ant-tooltip-placement-left, - .ant-tooltip-placement-leftTop, - .ant-tooltip-placement-leftBottom { - padding-right: 14.3137085px; - } - - .ant-tooltip-inner { - min-width: 30px; - min-height: 32px; - padding: 6px 8px; - color: #fff; - text-align: left; - text-decoration: none; - word-wrap: break-word; - background-color: #434343; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-tooltip-arrow { - position: absolute; - display: block; - width: 22px; - height: 22px; - overflow: hidden; - background: transparent; - pointer-events: none; - } - - .ant-tooltip-arrow-content { - --antd-arrow-background-color: #434343; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; - width: 11.3137085px; - height: 11.3137085px; - margin: auto; - background-color: transparent; - content: ''; - pointer-events: auto; - border-radius: 0 0 2px 0; - pointer-events: none; - } - - .ant-tooltip-arrow-content::before { - position: absolute; - top: -11.3137085px; - left: -11.3137085px; - width: 33.9411255px; - height: 33.9411255px; - background: linear-gradient(to left, var(--antd-arrow-background-color) 50%, var(--antd-arrow-background-color) 50%) no-repeat -10px -10px; - content: ''; - -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - } - - .ant-tooltip-placement-top .ant-tooltip-arrow, - .ant-tooltip-placement-topLeft .ant-tooltip-arrow, - .ant-tooltip-placement-topRight .ant-tooltip-arrow { - bottom: -7.4462915px; - } - - .ant-tooltip-placement-top .ant-tooltip-arrow-content, - .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, - .ant-tooltip-placement-topRight .ant-tooltip-arrow-content { - box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); - transform: translateY(-11px) rotate(45deg); - } - - .ant-tooltip-placement-top .ant-tooltip-arrow { - left: 50%; - transform: translateX(-50%); - } - - .ant-tooltip-placement-topLeft .ant-tooltip-arrow { - left: 13px; - } - - .ant-tooltip-placement-topRight .ant-tooltip-arrow { - right: 13px; - } - - .ant-tooltip-placement-right .ant-tooltip-arrow, - .ant-tooltip-placement-rightTop .ant-tooltip-arrow, - .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { - left: -7.5862915px; - } - - .ant-tooltip-placement-right .ant-tooltip-arrow-content, - .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, - .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { - box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); - transform: translateX(11px) rotate(135deg); - } - - .ant-tooltip-placement-right .ant-tooltip-arrow { - top: 50%; - transform: translateY(-50%); - } - - .ant-tooltip-placement-rightTop .ant-tooltip-arrow { - top: 5px; - } - - .ant-tooltip-placement-rightBottom .ant-tooltip-arrow { - bottom: 5px; - } - - .ant-tooltip-placement-left .ant-tooltip-arrow, - .ant-tooltip-placement-leftTop .ant-tooltip-arrow, - .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { - right: -7.6062915px; - } - - .ant-tooltip-placement-left .ant-tooltip-arrow-content, - .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, - .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { - box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); - transform: translateX(-11px) rotate(315deg); - } - - .ant-tooltip-placement-left .ant-tooltip-arrow { - top: 50%; - transform: translateY(-50%); - } - - .ant-tooltip-placement-leftTop .ant-tooltip-arrow { - top: 5px; - } - - .ant-tooltip-placement-leftBottom .ant-tooltip-arrow { - bottom: 5px; - } - - .ant-tooltip-placement-bottom .ant-tooltip-arrow, - .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, - .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { - top: -7.5862915px; - } - - .ant-tooltip-placement-bottom .ant-tooltip-arrow-content, - .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, - .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { - box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); - transform: translateY(11px) rotate(225deg); - } - - .ant-tooltip-placement-bottom .ant-tooltip-arrow { - left: 50%; - transform: translateX(-50%); - } - - .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { - left: 13px; - } - - .ant-tooltip-placement-bottomRight .ant-tooltip-arrow { - right: 13px; - } - - .ant-tooltip-pink .ant-tooltip-inner { - background-color: #cb2b83; - } - - .ant-tooltip-pink .ant-tooltip-arrow-content::before { - background: #cb2b83; - } - - .ant-tooltip-magenta .ant-tooltip-inner { - background-color: #cb2b83; - } - - .ant-tooltip-magenta .ant-tooltip-arrow-content::before { - background: #cb2b83; - } - - .ant-tooltip-red .ant-tooltip-inner { - background-color: #d32029; - } - - .ant-tooltip-red .ant-tooltip-arrow-content::before { - background: #d32029; - } - - .ant-tooltip-volcano .ant-tooltip-inner { - background-color: #d84a1b; - } - - .ant-tooltip-volcano .ant-tooltip-arrow-content::before { - background: #d84a1b; - } - - .ant-tooltip-orange .ant-tooltip-inner { - background-color: #d87a16; - } - - .ant-tooltip-orange .ant-tooltip-arrow-content::before { - background: #d87a16; - } - - .ant-tooltip-yellow .ant-tooltip-inner { - background-color: #d8bd14; - } - - .ant-tooltip-yellow .ant-tooltip-arrow-content::before { - background: #d8bd14; - } - - .ant-tooltip-gold .ant-tooltip-inner { - background-color: #d89614; - } - - .ant-tooltip-gold .ant-tooltip-arrow-content::before { - background: #d89614; - } - - .ant-tooltip-cyan .ant-tooltip-inner { - background-color: #13a8a8; - } - - .ant-tooltip-cyan .ant-tooltip-arrow-content::before { - background: #13a8a8; - } - - .ant-tooltip-lime .ant-tooltip-inner { - background-color: #8bbb11; - } - - .ant-tooltip-lime .ant-tooltip-arrow-content::before { - background: #8bbb11; - } - - .ant-tooltip-green .ant-tooltip-inner { - background-color: #49aa19; - } - - .ant-tooltip-green .ant-tooltip-arrow-content::before { - background: #49aa19; - } - - .ant-tooltip-blue .ant-tooltip-inner { - background-color: #177ddc; - } - - .ant-tooltip-blue .ant-tooltip-arrow-content::before { - background: #177ddc; - } - - .ant-tooltip-geekblue .ant-tooltip-inner { - background-color: #2b4acb; - } - - .ant-tooltip-geekblue .ant-tooltip-arrow-content::before { - background: #2b4acb; - } - - .ant-tooltip-purple .ant-tooltip-inner { - background-color: #642ab5; - } - - .ant-tooltip-purple .ant-tooltip-arrow-content::before { - background: #642ab5; - } - - .ant-tooltip-rtl { - direction: rtl; - } - - .ant-tooltip-rtl .ant-tooltip-inner { - text-align: right; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-dropdown-menu-item.ant-dropdown-menu-item-danger { - color: #a61d24; - } - - .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { - color: #fff; - background-color: #a61d24; - } - - .ant-dropdown { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - top: -9999px; - left: -9999px; - z-index: 1050; - display: block; - } - - .ant-dropdown::before { - position: absolute; - top: -4px; - right: 0; - bottom: -4px; - left: -7px; - z-index: -9999; - opacity: 0.0001; - content: ' '; - } - - .ant-dropdown-wrap { - position: relative; - } - - .ant-dropdown-wrap .ant-btn>.anticon-down { - font-size: 10px; - } - - .ant-dropdown-wrap .anticon-down::before { - transition: transform 0.2s; - } - - .ant-dropdown-wrap-open .anticon-down::before { - transform: rotate(180deg); - } - - .ant-dropdown-hidden, - .ant-dropdown-menu-hidden, - .ant-dropdown-menu-submenu-hidden { - display: none; - } - - .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, - .ant-dropdown-show-arrow.ant-dropdown-placement-top, - .ant-dropdown-show-arrow.ant-dropdown-placement-topRight { - padding-bottom: 15.3137085px; - } - - .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, - .ant-dropdown-show-arrow.ant-dropdown-placement-bottom, - .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { - padding-top: 15.3137085px; - } - - .ant-dropdown-arrow { - position: absolute; - z-index: 1; - display: block; - width: 11.3137085px; - height: 11.3137085px; - background: linear-gradient(135deg, transparent 40%, #1f1f1f 40%); - border-radius: 0 0 2px 0; - pointer-events: none; - } - - .ant-dropdown-arrow::before { - position: absolute; - top: -11.3137085px; - left: -11.3137085px; - width: 33.9411255px; - height: 33.9411255px; - background: linear-gradient(to left, #1f1f1f 50%, #1f1f1f 50%) no-repeat -10px -10px; - content: ''; - -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - } - - .ant-dropdown-placement-top>.ant-dropdown-arrow, - .ant-dropdown-placement-topLeft>.ant-dropdown-arrow, - .ant-dropdown-placement-topRight>.ant-dropdown-arrow { - bottom: 10px; - box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); - transform: rotate(45deg); - } - - .ant-dropdown-placement-top>.ant-dropdown-arrow { - left: 50%; - transform: translateX(-50%) rotate(45deg); - } - - .ant-dropdown-placement-topLeft>.ant-dropdown-arrow { - left: 16px; - } - - .ant-dropdown-placement-topRight>.ant-dropdown-arrow { - right: 16px; - } - - .ant-dropdown-placement-bottom>.ant-dropdown-arrow, - .ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow, - .ant-dropdown-placement-bottomRight>.ant-dropdown-arrow { - top: 9.41421356px; - box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); - transform: rotate(-135deg) translateY(-0.5px); - } - - .ant-dropdown-placement-bottom>.ant-dropdown-arrow { - left: 50%; - transform: translateX(-50%) rotate(-135deg) translateY(-0.5px); - } - - .ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow { - left: 16px; - } - - .ant-dropdown-placement-bottomRight>.ant-dropdown-arrow { - right: 16px; - } - - .ant-dropdown-menu { - position: relative; - margin: 0; - padding: 4px 0; - text-align: left; - list-style-type: none; - background-color: #1f1f1f; - background-clip: padding-box; - border-radius: 2px; - outline: none; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-dropdown-menu-item-group-title { - padding: 5px 12px; - color: rgba(255, 255, 255, 0.45); - transition: all 0.3s; - } - - .ant-dropdown-menu-submenu-popup { - position: absolute; - z-index: 1050; - background: transparent; - box-shadow: none; - transform-origin: 0 0; - } - - .ant-dropdown-menu-submenu-popup ul, - .ant-dropdown-menu-submenu-popup li { - list-style: none; - } - - .ant-dropdown-menu-submenu-popup ul { - margin-right: 0.3em; - margin-left: 0.3em; - } - - .ant-dropdown-menu-item { - position: relative; - display: flex; - align-items: center; - } - - .ant-dropdown-menu-item-icon { - min-width: 12px; - margin-right: 8px; - font-size: 12px; - } - - .ant-dropdown-menu-title-content { - flex: auto; - } - - .ant-dropdown-menu-title-content>a { - color: inherit; - transition: all 0.3s; - } - - .ant-dropdown-menu-title-content>a:hover { - color: inherit; - } - - .ant-dropdown-menu-title-content>a::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - content: ''; - } - - .ant-dropdown-menu-item, - .ant-dropdown-menu-submenu-title { - clear: both; - margin: 0; - padding: 5px 12px; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - line-height: 22px; - cursor: pointer; - transition: all 0.3s; - } - - .ant-dropdown-menu-item-selected, - .ant-dropdown-menu-submenu-title-selected { - color: #177ddc; - background-color: #111b26; - } - - .ant-dropdown-menu-item:hover, - .ant-dropdown-menu-submenu-title:hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-dropdown-menu-item-disabled, - .ant-dropdown-menu-submenu-title-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-dropdown-menu-item-disabled:hover, - .ant-dropdown-menu-submenu-title-disabled:hover { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - cursor: not-allowed; - } - - .ant-dropdown-menu-item-disabled a, - .ant-dropdown-menu-submenu-title-disabled a { - pointer-events: none; - } - - .ant-dropdown-menu-item-divider, - .ant-dropdown-menu-submenu-title-divider { - height: 1px; - margin: 4px 0; - overflow: hidden; - line-height: 0; - background-color: #303030; - } - - .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, - .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { - position: absolute; - right: 8px; - } - - .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, - .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { - margin-right: 0 !important; - color: rgba(255, 255, 255, 0.45); - font-size: 10px; - font-style: normal; - } - - .ant-dropdown-menu-item-group-list { - margin: 0 8px; - padding: 0; - list-style: none; - } - - .ant-dropdown-menu-submenu-title { - padding-right: 24px; - } - - .ant-dropdown-menu-submenu-vertical { - position: relative; - } - - .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu { - position: absolute; - top: 0; - left: 100%; - min-width: 100%; - margin-left: 4px; - transform-origin: 0 0; - } - - .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, - .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { - color: rgba(255, 255, 255, 0.3); - background-color: transparent; - cursor: not-allowed; - } - - .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { - color: #177ddc; - } - - .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, - .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, - .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, - .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, - .ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, - .ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { - -webkit-animation-name: antSlideUpIn; - animation-name: antSlideUpIn; - } - - .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, - .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, - .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top, - .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top, - .ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, - .ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { - -webkit-animation-name: antSlideDownIn; - animation-name: antSlideDownIn; - } - - .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, - .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom, - .ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { - -webkit-animation-name: antSlideUpOut; - animation-name: antSlideUpOut; - } - - .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, - .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top, - .ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { - -webkit-animation-name: antSlideDownOut; - animation-name: antSlideDownOut; - } - - .ant-dropdown-trigger>.anticon.anticon-down, - .ant-dropdown-link>.anticon.anticon-down, - .ant-dropdown-button>.anticon.anticon-down { - font-size: 10px; - vertical-align: baseline; - } - - .ant-dropdown-button { - white-space: nowrap; - } - - .ant-dropdown-button.ant-btn-group>.ant-btn-loading, - .ant-dropdown-button.ant-btn-group>.ant-btn-loading+.ant-btn { - cursor: default; - pointer-events: none; - } - - .ant-dropdown-button.ant-btn-group>.ant-btn-loading+.ant-btn::before { - display: block; - } - - .ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { - padding-right: 8px; - padding-left: 8px; - } - - .ant-dropdown-menu-dark, - .ant-dropdown-menu-dark .ant-dropdown-menu { - background: #1f1f1f; - } - - .ant-dropdown-menu-dark .ant-dropdown-menu-item, - .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, - .ant-dropdown-menu-dark .ant-dropdown-menu-item>a, - .ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a { - color: rgba(255, 255, 255, 0.65); - } - - .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, - .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, - .ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow::after, - .ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a .ant-dropdown-menu-submenu-arrow::after { - color: rgba(255, 255, 255, 0.65); - } - - .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a:hover { - color: #fff; - background: transparent; - } - - .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, - .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, - .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a { - color: #fff; - background: #177ddc; - } - - .ant-dropdown-rtl { - direction: rtl; - } - - .ant-dropdown-rtl.ant-dropdown::before { - right: -7px; - left: 0; - } - - .ant-dropdown-menu.ant-dropdown-menu-rtl { - direction: rtl; - text-align: right; - } - - .ant-dropdown-rtl .ant-dropdown-menu-item-group-title, - .ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { - direction: rtl; - text-align: right; - } - - .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { - transform-origin: 100% 0; - } - - .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, - .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { - text-align: right; - } - - .ant-dropdown-rtl .ant-dropdown-menu-item, - .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { - text-align: right; - } - - .ant-dropdown-rtl .ant-dropdown-menu-item>.anticon:first-child, - .ant-dropdown-rtl .ant-dropdown-menu-submenu-title>.anticon:first-child, - .ant-dropdown-rtl .ant-dropdown-menu-item>span>.anticon:first-child, - .ant-dropdown-rtl .ant-dropdown-menu-submenu-title>span>.anticon:first-child { - margin-right: 0; - margin-left: 8px; - } - - .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, - .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { - right: auto; - left: 8px; - } - - .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, - .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { - margin-left: 0 !important; - transform: scaleX(-1); - } - - .ant-dropdown-rtl .ant-dropdown-menu-submenu-title { - padding-right: 12px; - padding-left: 24px; - } - - .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu { - right: 100%; - left: 0; - margin-right: 4px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-btn { - line-height: 1.5715; - position: relative; - display: inline-block; - font-weight: 400; - white-space: nowrap; - text-align: center; - background-image: none; - border: 1px solid transparent; - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); - cursor: pointer; - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - touch-action: manipulation; - height: 32px; - padding: 4px 15px; - font-size: 14px; - border-radius: 2px; - color: rgba(255, 255, 255, 0.85); - border-color: #434343; - background: transparent; - } - - .ant-btn>.anticon { - line-height: 1; - } - - .ant-btn, - .ant-btn:active, - .ant-btn:focus { - outline: 0; - } - - .ant-btn:not([disabled]):hover { - text-decoration: none; - } - - .ant-btn:not([disabled]):active { - outline: 0; - box-shadow: none; - } - - .ant-btn[disabled] { - cursor: not-allowed; - } - - .ant-btn[disabled]>* { - pointer-events: none; - } - - .ant-btn-lg { - height: 40px; - padding: 6.4px 15px; - font-size: 16px; - border-radius: 2px; - } - - .ant-btn-sm { - height: 24px; - padding: 0px 7px; - font-size: 14px; - border-radius: 2px; - } - - .ant-btn>a:only-child { - color: currentcolor; - } - - .ant-btn>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn:hover, - .ant-btn:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn:hover>a:only-child, - .ant-btn:focus>a:only-child { - color: currentcolor; - } - - .ant-btn:hover>a:only-child::after, - .ant-btn:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn:active>a:only-child { - color: currentcolor; - } - - .ant-btn:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn[disabled], - .ant-btn[disabled]:hover, - .ant-btn[disabled]:focus, - .ant-btn[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn[disabled]>a:only-child, - .ant-btn[disabled]:hover>a:only-child, - .ant-btn[disabled]:focus>a:only-child, - .ant-btn[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn[disabled]>a:only-child::after, - .ant-btn[disabled]:hover>a:only-child::after, - .ant-btn[disabled]:focus>a:only-child::after, - .ant-btn[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn:hover, - .ant-btn:focus, - .ant-btn:active { - text-decoration: none; - background: transparent; - } - - .ant-btn>span { - display: inline-block; - } - - .ant-btn-primary { - color: #fff; - border-color: #177ddc; - background: #177ddc; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); - } - - .ant-btn-primary>a:only-child { - color: currentcolor; - } - - .ant-btn-primary>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-primary:hover, - .ant-btn-primary:focus { - color: #fff; - border-color: #095cb5; - background: #095cb5; - } - - .ant-btn-primary:hover>a:only-child, - .ant-btn-primary:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-primary:hover>a:only-child::after, - .ant-btn-primary:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-primary:active { - color: #fff; - border-color: #3c9be8; - background: #3c9be8; - } - - .ant-btn-primary:active>a:only-child { - color: currentcolor; - } - - .ant-btn-primary:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-primary[disabled], - .ant-btn-primary[disabled]:hover, - .ant-btn-primary[disabled]:focus, - .ant-btn-primary[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-primary[disabled]>a:only-child, - .ant-btn-primary[disabled]:hover>a:only-child, - .ant-btn-primary[disabled]:focus>a:only-child, - .ant-btn-primary[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-primary[disabled]>a:only-child::after, - .ant-btn-primary[disabled]:hover>a:only-child::after, - .ant-btn-primary[disabled]:focus>a:only-child::after, - .ant-btn-primary[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { - border-right-color: #165996; - border-left-color: #165996; - } - - .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { - border-color: #434343; - } - - .ant-btn-group .ant-btn-primary:first-child:not(:last-child) { - border-right-color: #165996; - } - - .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { - border-right-color: #434343; - } - - .ant-btn-group .ant-btn-primary:last-child:not(:first-child), - .ant-btn-group .ant-btn-primary+.ant-btn-primary { - border-left-color: #165996; - } - - .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], - .ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] { - border-left-color: #434343; - } - - .ant-btn-ghost { - color: rgba(255, 255, 255, 0.85); - border-color: #434343; - background: transparent; - } - - .ant-btn-ghost>a:only-child { - color: currentcolor; - } - - .ant-btn-ghost>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-ghost:hover, - .ant-btn-ghost:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn-ghost:hover>a:only-child, - .ant-btn-ghost:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-ghost:hover>a:only-child::after, - .ant-btn-ghost:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-ghost:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn-ghost:active>a:only-child { - color: currentcolor; - } - - .ant-btn-ghost:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-ghost[disabled], - .ant-btn-ghost[disabled]:hover, - .ant-btn-ghost[disabled]:focus, - .ant-btn-ghost[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-ghost[disabled]>a:only-child, - .ant-btn-ghost[disabled]:hover>a:only-child, - .ant-btn-ghost[disabled]:focus>a:only-child, - .ant-btn-ghost[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-ghost[disabled]>a:only-child::after, - .ant-btn-ghost[disabled]:hover>a:only-child::after, - .ant-btn-ghost[disabled]:focus>a:only-child::after, - .ant-btn-ghost[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dashed { - color: rgba(255, 255, 255, 0.85); - border-color: #434343; - background: transparent; - border-style: dashed; - } - - .ant-btn-dashed>a:only-child { - color: currentcolor; - } - - .ant-btn-dashed>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dashed:hover, - .ant-btn-dashed:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn-dashed:hover>a:only-child, - .ant-btn-dashed:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dashed:hover>a:only-child::after, - .ant-btn-dashed:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dashed:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn-dashed:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dashed:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dashed[disabled], - .ant-btn-dashed[disabled]:hover, - .ant-btn-dashed[disabled]:focus, - .ant-btn-dashed[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dashed[disabled]>a:only-child, - .ant-btn-dashed[disabled]:hover>a:only-child, - .ant-btn-dashed[disabled]:focus>a:only-child, - .ant-btn-dashed[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dashed[disabled]>a:only-child::after, - .ant-btn-dashed[disabled]:hover>a:only-child::after, - .ant-btn-dashed[disabled]:focus>a:only-child::after, - .ant-btn-dashed[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-danger { - color: #fff; - border-color: #a61d24; - background: #a61d24; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); - } - - .ant-btn-danger>a:only-child { - color: currentcolor; - } - - .ant-btn-danger>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-danger:hover, - .ant-btn-danger:focus { - color: #fff; - border-color: #800f19; - background: #800f19; - } - - .ant-btn-danger:hover>a:only-child, - .ant-btn-danger:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-danger:hover>a:only-child::after, - .ant-btn-danger:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-danger:active { - color: #fff; - border-color: #b33b3d; - background: #b33b3d; - } - - .ant-btn-danger:active>a:only-child { - color: currentcolor; - } - - .ant-btn-danger:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-danger[disabled], - .ant-btn-danger[disabled]:hover, - .ant-btn-danger[disabled]:focus, - .ant-btn-danger[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-danger[disabled]>a:only-child, - .ant-btn-danger[disabled]:hover>a:only-child, - .ant-btn-danger[disabled]:focus>a:only-child, - .ant-btn-danger[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-danger[disabled]>a:only-child::after, - .ant-btn-danger[disabled]:hover>a:only-child::after, - .ant-btn-danger[disabled]:focus>a:only-child::after, - .ant-btn-danger[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-link { - color: #177ddc; - border-color: transparent; - background: transparent; - box-shadow: none; - } - - .ant-btn-link>a:only-child { - color: currentcolor; - } - - .ant-btn-link>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-link:hover, - .ant-btn-link:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn-link:hover>a:only-child, - .ant-btn-link:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-link:hover>a:only-child::after, - .ant-btn-link:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-link:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn-link:active>a:only-child { - color: currentcolor; - } - - .ant-btn-link:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-link[disabled], - .ant-btn-link[disabled]:hover, - .ant-btn-link[disabled]:focus, - .ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-link[disabled]>a:only-child, - .ant-btn-link[disabled]:hover>a:only-child, - .ant-btn-link[disabled]:focus>a:only-child, - .ant-btn-link[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-link[disabled]>a:only-child::after, - .ant-btn-link[disabled]:hover>a:only-child::after, - .ant-btn-link[disabled]:focus>a:only-child::after, - .ant-btn-link[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-link:hover { - background: transparent; - } - - .ant-btn-link:hover, - .ant-btn-link:focus, - .ant-btn-link:active { - border-color: transparent; - } - - .ant-btn-link[disabled], - .ant-btn-link[disabled]:hover, - .ant-btn-link[disabled]:focus, - .ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background: transparent; - text-shadow: none; - box-shadow: none; - } - - .ant-btn-link[disabled]>a:only-child, - .ant-btn-link[disabled]:hover>a:only-child, - .ant-btn-link[disabled]:focus>a:only-child, - .ant-btn-link[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-link[disabled]>a:only-child::after, - .ant-btn-link[disabled]:hover>a:only-child::after, - .ant-btn-link[disabled]:focus>a:only-child::after, - .ant-btn-link[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-text { - color: rgba(255, 255, 255, 0.85); - border-color: transparent; - background: transparent; - box-shadow: none; - } - - .ant-btn-text>a:only-child { - color: currentcolor; - } - - .ant-btn-text>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-text:hover, - .ant-btn-text:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn-text:hover>a:only-child, - .ant-btn-text:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-text:hover>a:only-child::after, - .ant-btn-text:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-text:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn-text:active>a:only-child { - color: currentcolor; - } - - .ant-btn-text:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-text[disabled], - .ant-btn-text[disabled]:hover, - .ant-btn-text[disabled]:focus, - .ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-text[disabled]>a:only-child, - .ant-btn-text[disabled]:hover>a:only-child, - .ant-btn-text[disabled]:focus>a:only-child, - .ant-btn-text[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-text[disabled]>a:only-child::after, - .ant-btn-text[disabled]:hover>a:only-child::after, - .ant-btn-text[disabled]:focus>a:only-child::after, - .ant-btn-text[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-text:hover, - .ant-btn-text:focus { - color: rgba(255, 255, 255, 0.85); - background: rgba(255, 255, 255, 0.03); - border-color: transparent; - } - - .ant-btn-text:active { - color: rgba(255, 255, 255, 0.85); - background: rgba(255, 255, 255, 0.04); - border-color: transparent; - } - - .ant-btn-text[disabled], - .ant-btn-text[disabled]:hover, - .ant-btn-text[disabled]:focus, - .ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background: transparent; - text-shadow: none; - box-shadow: none; - } - - .ant-btn-text[disabled]>a:only-child, - .ant-btn-text[disabled]:hover>a:only-child, - .ant-btn-text[disabled]:focus>a:only-child, - .ant-btn-text[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-text[disabled]>a:only-child::after, - .ant-btn-text[disabled]:hover>a:only-child::after, - .ant-btn-text[disabled]:focus>a:only-child::after, - .ant-btn-text[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous { - color: #a61d24; - border-color: #a61d24; - background: transparent; - } - - .ant-btn-dangerous>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous:hover, - .ant-btn-dangerous:focus { - color: #800f19; - border-color: #800f19; - background: transparent; - } - - .ant-btn-dangerous:hover>a:only-child, - .ant-btn-dangerous:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous:hover>a:only-child::after, - .ant-btn-dangerous:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous:active { - color: #b33b3d; - border-color: #b33b3d; - background: transparent; - } - - .ant-btn-dangerous:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous[disabled], - .ant-btn-dangerous[disabled]:hover, - .ant-btn-dangerous[disabled]:focus, - .ant-btn-dangerous[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dangerous[disabled]>a:only-child, - .ant-btn-dangerous[disabled]:hover>a:only-child, - .ant-btn-dangerous[disabled]:focus>a:only-child, - .ant-btn-dangerous[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous[disabled]>a:only-child::after, - .ant-btn-dangerous[disabled]:hover>a:only-child::after, - .ant-btn-dangerous[disabled]:focus>a:only-child::after, - .ant-btn-dangerous[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-primary { - color: #fff; - border-color: #a61d24; - background: #a61d24; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); - box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); - } - - .ant-btn-dangerous.ant-btn-primary>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-primary>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-primary:hover, - .ant-btn-dangerous.ant-btn-primary:focus { - color: #fff; - border-color: #800f19; - background: #800f19; - } - - .ant-btn-dangerous.ant-btn-primary:hover>a:only-child, - .ant-btn-dangerous.ant-btn-primary:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-primary:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-primary:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-primary:active { - color: #fff; - border-color: #b33b3d; - background: #b33b3d; - } - - .ant-btn-dangerous.ant-btn-primary:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-primary:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-primary[disabled], - .ant-btn-dangerous.ant-btn-primary[disabled]:hover, - .ant-btn-dangerous.ant-btn-primary[disabled]:focus, - .ant-btn-dangerous.ant-btn-primary[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child, - .ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child, - .ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child, - .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child::after, - .ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child::after, - .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link { - color: #a61d24; - border-color: transparent; - background: transparent; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-link>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link:hover, - .ant-btn-dangerous.ant-btn-link:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn-dangerous.ant-btn-link:hover>a:only-child, - .ant-btn-dangerous.ant-btn-link:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-link:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn-dangerous.ant-btn-link:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link[disabled], - .ant-btn-dangerous.ant-btn-link[disabled]:hover, - .ant-btn-dangerous.ant-btn-link[disabled]:focus, - .ant-btn-dangerous.ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child, - .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child, - .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child, - .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link:hover, - .ant-btn-dangerous.ant-btn-link:focus { - color: #800f19; - border-color: transparent; - background: transparent; - } - - .ant-btn-dangerous.ant-btn-link:hover>a:only-child, - .ant-btn-dangerous.ant-btn-link:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-link:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link:active { - color: #b33b3d; - border-color: transparent; - background: transparent; - } - - .ant-btn-dangerous.ant-btn-link:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-link[disabled], - .ant-btn-dangerous.ant-btn-link[disabled]:hover, - .ant-btn-dangerous.ant-btn-link[disabled]:focus, - .ant-btn-dangerous.ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background: transparent; - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child, - .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child, - .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child, - .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after, - .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text { - color: #a61d24; - border-color: transparent; - background: transparent; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-text>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text:hover, - .ant-btn-dangerous.ant-btn-text:focus { - color: #165996; - border-color: #165996; - background: transparent; - } - - .ant-btn-dangerous.ant-btn-text:hover>a:only-child, - .ant-btn-dangerous.ant-btn-text:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-text:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text:active { - color: #388ed3; - border-color: #388ed3; - background: transparent; - } - - .ant-btn-dangerous.ant-btn-text:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text[disabled], - .ant-btn-dangerous.ant-btn-text[disabled]:hover, - .ant-btn-dangerous.ant-btn-text[disabled]:focus, - .ant-btn-dangerous.ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child, - .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child, - .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child, - .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text:hover, - .ant-btn-dangerous.ant-btn-text:focus { - color: #800f19; - border-color: transparent; - background: rgba(255, 255, 255, 0.03); - } - - .ant-btn-dangerous.ant-btn-text:hover>a:only-child, - .ant-btn-dangerous.ant-btn-text:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-text:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text:active { - color: #b33b3d; - border-color: transparent; - background: rgba(255, 255, 255, 0.04); - } - - .ant-btn-dangerous.ant-btn-text:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-dangerous.ant-btn-text[disabled], - .ant-btn-dangerous.ant-btn-text[disabled]:hover, - .ant-btn-dangerous.ant-btn-text[disabled]:focus, - .ant-btn-dangerous.ant-btn-text[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: transparent; - background: transparent; - text-shadow: none; - box-shadow: none; - } - - .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child, - .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child, - .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child, - .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after, - .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-icon-only { - width: 32px; - height: 32px; - padding: 2.4px 0; - font-size: 16px; - border-radius: 2px; - vertical-align: -3px; - } - - .ant-btn-icon-only>* { - font-size: 16px; - } - - .ant-btn-icon-only.ant-btn-lg { - width: 40px; - height: 40px; - padding: 4.9px 0; - font-size: 18px; - border-radius: 2px; - } - - .ant-btn-icon-only.ant-btn-lg>* { - font-size: 18px; - } - - .ant-btn-icon-only.ant-btn-sm { - width: 24px; - height: 24px; - padding: 0px 0; - font-size: 14px; - border-radius: 2px; - } - - .ant-btn-icon-only.ant-btn-sm>* { - font-size: 14px; - } - - .ant-btn-icon-only>.anticon { - display: flex; - justify-content: center; - } - - a.ant-btn-icon-only { - vertical-align: -1px; - } - - a.ant-btn-icon-only>.anticon { - display: inline; - } - - .ant-btn-round { - height: 32px; - padding: 4px 16px; - font-size: 14px; - border-radius: 32px; - } - - .ant-btn-round.ant-btn-lg { - height: 40px; - padding: 6.4px 20px; - font-size: 16px; - border-radius: 40px; - } - - .ant-btn-round.ant-btn-sm { - height: 24px; - padding: 0px 12px; - font-size: 14px; - border-radius: 24px; - } - - .ant-btn-round.ant-btn-icon-only { - width: auto; - } - - .ant-btn-circle { - min-width: 32px; - padding-right: 0; - padding-left: 0; - text-align: center; - border-radius: 50%; - } - - .ant-btn-circle.ant-btn-lg { - min-width: 40px; - border-radius: 50%; - } - - .ant-btn-circle.ant-btn-sm { - min-width: 24px; - border-radius: 50%; - } - - .ant-btn::before { - position: absolute; - top: -1px; - right: -1px; - bottom: -1px; - left: -1px; - z-index: 1; - display: none; - background: #141414; - border-radius: inherit; - opacity: 0.35; - transition: opacity 0.2s; - content: ''; - pointer-events: none; - } - - .ant-btn .anticon { - transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-btn .anticon.anticon-plus>svg, - .ant-btn .anticon.anticon-minus>svg { - shape-rendering: optimizespeed; - } - - .ant-btn.ant-btn-loading { - position: relative; - cursor: default; - } - - .ant-btn.ant-btn-loading::before { - display: block; - } - - .ant-btn>.ant-btn-loading-icon { - transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-btn>.ant-btn-loading-icon .anticon { - padding-right: 8px; - -webkit-animation: none; - animation: none; - } - - .ant-btn>.ant-btn-loading-icon .anticon svg { - -webkit-animation: loadingCircle 1s infinite linear; - animation: loadingCircle 1s infinite linear; - } - - .ant-btn>.ant-btn-loading-icon:only-child .anticon { - padding-right: 0; - } - - .ant-btn-group { - position: relative; - display: inline-flex; - } - - .ant-btn-group>.ant-btn, - .ant-btn-group>span>.ant-btn { - position: relative; - } - - .ant-btn-group>.ant-btn:hover, - .ant-btn-group>span>.ant-btn:hover, - .ant-btn-group>.ant-btn:focus, - .ant-btn-group>span>.ant-btn:focus, - .ant-btn-group>.ant-btn:active, - .ant-btn-group>span>.ant-btn:active { - z-index: 2; - } - - .ant-btn-group>.ant-btn[disabled], - .ant-btn-group>span>.ant-btn[disabled] { - z-index: 0; - } - - .ant-btn-group .ant-btn-icon-only { - font-size: 14px; - } - - .ant-btn-group-lg>.ant-btn, - .ant-btn-group-lg>span>.ant-btn { - height: 40px; - padding: 6.4px 15px; - font-size: 16px; - border-radius: 0; - } - - .ant-btn-group-lg .ant-btn.ant-btn-icon-only { - width: 40px; - height: 40px; - padding-right: 0; - padding-left: 0; - } - - .ant-btn-group-sm>.ant-btn, - .ant-btn-group-sm>span>.ant-btn { - height: 24px; - padding: 0px 7px; - font-size: 14px; - border-radius: 0; - } - - .ant-btn-group-sm>.ant-btn>.anticon, - .ant-btn-group-sm>span>.ant-btn>.anticon { - font-size: 14px; - } - - .ant-btn-group-sm .ant-btn.ant-btn-icon-only { - width: 24px; - height: 24px; - padding-right: 0; - padding-left: 0; - } - - .ant-btn-group .ant-btn+.ant-btn, - .ant-btn+.ant-btn-group, - .ant-btn-group span+.ant-btn, - .ant-btn-group .ant-btn+span, - .ant-btn-group>span+span, - .ant-btn-group+.ant-btn, - .ant-btn-group+.ant-btn-group { - margin-left: -1px; - } - - .ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) { - border-left-color: transparent; - } - - .ant-btn-group .ant-btn { - border-radius: 0; - } - - .ant-btn-group>.ant-btn:first-child, - .ant-btn-group>span:first-child>.ant-btn { - margin-left: 0; - } - - .ant-btn-group>.ant-btn:only-child { - border-radius: 2px; - } - - .ant-btn-group>span:only-child>.ant-btn { - border-radius: 2px; - } - - .ant-btn-group>.ant-btn:first-child:not(:last-child), - .ant-btn-group>span:first-child:not(:last-child)>.ant-btn { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .ant-btn-group>.ant-btn:last-child:not(:first-child), - .ant-btn-group>span:last-child:not(:first-child)>.ant-btn { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .ant-btn-group-sm>.ant-btn:only-child { - border-radius: 2px; - } - - .ant-btn-group-sm>span:only-child>.ant-btn { - border-radius: 2px; - } - - .ant-btn-group-sm>.ant-btn:first-child:not(:last-child), - .ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .ant-btn-group-sm>.ant-btn:last-child:not(:first-child), - .ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .ant-btn-group>.ant-btn-group { - float: left; - } - - .ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn { - border-radius: 0; - } - - .ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child { - padding-right: 8px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child { - padding-left: 8px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn, - .ant-btn-rtl.ant-btn+.ant-btn-group, - .ant-btn-rtl.ant-btn-group span+.ant-btn, - .ant-btn-rtl.ant-btn-group .ant-btn+span, - .ant-btn-rtl.ant-btn-group>span+span, - .ant-btn-rtl.ant-btn-group+.ant-btn, - .ant-btn-rtl.ant-btn-group+.ant-btn-group, - .ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn, - .ant-btn-group-rtl.ant-btn+.ant-btn-group, - .ant-btn-group-rtl.ant-btn-group span+.ant-btn, - .ant-btn-group-rtl.ant-btn-group .ant-btn+span, - .ant-btn-group-rtl.ant-btn-group>span+span, - .ant-btn-group-rtl.ant-btn-group+.ant-btn, - .ant-btn-group-rtl.ant-btn-group+.ant-btn-group { - margin-right: -1px; - margin-left: auto; - } - - .ant-btn-group.ant-btn-group-rtl { - direction: rtl; - } - - .ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child), - .ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn { - border-radius: 0 2px 2px 0; - } - - .ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child), - .ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn { - border-radius: 2px 0 0 2px; - } - - .ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child), - .ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn { - border-radius: 0 2px 2px 0; - } - - .ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child), - .ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn { - border-radius: 2px 0 0 2px; - } - - .ant-btn:focus>span, - .ant-btn:active>span { - position: relative; - } - - .ant-btn>.anticon+span, - .ant-btn>span+.anticon { - margin-left: 8px; - } - - .ant-btn.ant-btn-background-ghost { - color: rgba(255, 255, 255, 0.85); - border-color: rgba(255, 255, 255, 0.25); - } - - .ant-btn.ant-btn-background-ghost, - .ant-btn.ant-btn-background-ghost:hover, - .ant-btn.ant-btn-background-ghost:active, - .ant-btn.ant-btn-background-ghost:focus { - background: transparent; - } - - .ant-btn.ant-btn-background-ghost:hover, - .ant-btn.ant-btn-background-ghost:focus { - color: #3c9be8; - border-color: #3c9be8; - } - - .ant-btn.ant-btn-background-ghost:active { - color: #095cb5; - border-color: #095cb5; - } - - .ant-btn.ant-btn-background-ghost[disabled] { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border-color: #434343; - } - - .ant-btn-background-ghost.ant-btn-primary { - color: #177ddc; - border-color: #177ddc; - text-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-primary>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-primary>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-primary:hover, - .ant-btn-background-ghost.ant-btn-primary:focus { - color: #095cb5; - border-color: #095cb5; - } - - .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-primary:active { - color: #3c9be8; - border-color: #3c9be8; - } - - .ant-btn-background-ghost.ant-btn-primary:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-primary[disabled], - .ant-btn-background-ghost.ant-btn-primary[disabled]:hover, - .ant-btn-background-ghost.ant-btn-primary[disabled]:focus, - .ant-btn-background-ghost.ant-btn-primary[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child, - .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child, - .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after, - .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-danger { - color: #a61d24; - border-color: #a61d24; - text-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-danger>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-danger>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-danger:hover, - .ant-btn-background-ghost.ant-btn-danger:focus { - color: #800f19; - border-color: #800f19; - } - - .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-danger:active { - color: #b33b3d; - border-color: #b33b3d; - } - - .ant-btn-background-ghost.ant-btn-danger:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-danger[disabled], - .ant-btn-background-ghost.ant-btn-danger[disabled]:hover, - .ant-btn-background-ghost.ant-btn-danger[disabled]:focus, - .ant-btn-background-ghost.ant-btn-danger[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child, - .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child, - .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after, - .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous { - color: #a61d24; - border-color: #a61d24; - text-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-dangerous>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous:hover, - .ant-btn-background-ghost.ant-btn-dangerous:focus { - color: #800f19; - border-color: #800f19; - } - - .ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous:active { - color: #b33b3d; - border-color: #b33b3d; - } - - .ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous[disabled], - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { - color: #a61d24; - border-color: transparent; - text-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { - color: #800f19; - border-color: transparent; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { - color: #b33b3d; - border-color: transparent; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - background: rgba(255, 255, 255, 0.08); - text-shadow: none; - box-shadow: none; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child { - color: currentcolor; - } - - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after, - .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - content: ''; - } - - .ant-btn-two-chinese-chars::first-letter { - letter-spacing: 0.34em; - } - - .ant-btn-two-chinese-chars>*:not(.anticon) { - margin-right: -0.34em; - letter-spacing: 0.34em; - } - - .ant-btn.ant-btn-block { - width: 100%; - } - - .ant-btn:empty { - display: inline-block; - width: 0; - visibility: hidden; - content: '\a0'; - } - - a.ant-btn { - padding-top: 0.01px !important; - line-height: 30px; - } - - a.ant-btn-lg { - line-height: 38px; - } - - a.ant-btn-sm { - line-height: 22px; - } - - .ant-btn-rtl { - direction: rtl; - } - - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary { - border-right-color: #165996; - border-left-color: #434343; - } - - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], - .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] { - border-right-color: #434343; - border-left-color: #165996; - } - - .ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon { - padding-right: 0; - padding-left: 8px; - } - - .ant-btn>.ant-btn-loading-icon:only-child .anticon { - padding-right: 0; - padding-left: 0; - } - - .ant-btn-rtl.ant-btn>.anticon+span, - .ant-btn-rtl.ant-btn>span+.anticon { - margin-right: 8px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-picker-calendar { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - background: #141414; - } - - .ant-picker-calendar-header { - display: flex; - justify-content: flex-end; - padding: 12px 0; - } - - .ant-picker-calendar-header .ant-picker-calendar-year-select { - min-width: 80px; - } - - .ant-picker-calendar-header .ant-picker-calendar-month-select { - min-width: 70px; - margin-left: 8px; - } - - .ant-picker-calendar-header .ant-picker-calendar-mode-switch { - margin-left: 8px; - } - - .ant-picker-calendar .ant-picker-panel { - background: #141414; - border: 0; - border-top: 1px solid #303030; - border-radius: 0; - } - - .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel, - .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel { - width: auto; - } - - .ant-picker-calendar .ant-picker-panel .ant-picker-body { - padding: 8px 0; - } - - .ant-picker-calendar .ant-picker-panel .ant-picker-content { - width: 100%; - } - - .ant-picker-calendar-mini { - border-radius: 2px; - } - - .ant-picker-calendar-mini .ant-picker-calendar-header { - padding-right: 8px; - padding-left: 8px; - } - - .ant-picker-calendar-mini .ant-picker-panel { - border-radius: 0 0 2px 2px; - } - - .ant-picker-calendar-mini .ant-picker-content { - height: 256px; - } - - .ant-picker-calendar-mini .ant-picker-content th { - height: auto; - padding: 0; - line-height: 18px; - } - - .ant-picker-calendar-mini .ant-picker-cell::before { - pointer-events: none; - } - - .ant-picker-calendar-full .ant-picker-panel { - display: block; - width: 100%; - text-align: right; - background: #141414; - border: 0; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td { - padding: 0; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { - height: auto; - padding: 0 12px 5px 0; - line-height: 18px; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before { - display: none; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date { - background: rgba(255, 255, 255, 0.08); - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before { - display: none; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today { - background: #111b26; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value, - .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value { - color: #177ddc; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { - display: block; - width: auto; - height: auto; - margin: 0 4px; - padding: 4px 8px 0; - border: 0; - border-top: 2px solid #303030; - border-radius: 0; - transition: background 0.3s; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { - line-height: 24px; - transition: color 0.3s; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { - position: static; - width: auto; - height: 86px; - overflow-y: auto; - color: rgba(255, 255, 255, 0.85); - line-height: 1.5715; - text-align: left; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today { - border-color: #177ddc; - } - - .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value { - color: rgba(255, 255, 255, 0.85); - } - - @media only screen and (max-width: 480px) { - .ant-picker-calendar-header { - display: block; - } - - .ant-picker-calendar-header .ant-picker-calendar-year-select { - width: 50%; - } - - .ant-picker-calendar-header .ant-picker-calendar-month-select { - width: calc(50% - 8px); - } - - .ant-picker-calendar-header .ant-picker-calendar-mode-switch { - width: 100%; - margin-top: 8px; - margin-left: 0; - } - - .ant-picker-calendar-header .ant-picker-calendar-mode-switch>label { - width: 50%; - text-align: center; - } - } - - .ant-picker-calendar-rtl { - direction: rtl; - } - - .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select { - margin-right: 8px; - margin-left: 0; - } - - .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch { - margin-right: 8px; - margin-left: 0; - } - - .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel { - text-align: left; - } - - .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { - padding: 0 0 5px 12px; - } - - .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { - text-align: right; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-radio-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - font-size: 0; - } - - .ant-radio-group .ant-badge-count { - z-index: 1; - } - - .ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper { - border-left: none; - } - - .ant-radio-wrapper { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: inline-flex; - align-items: baseline; - margin-right: 8px; - cursor: pointer; - } - - .ant-radio-wrapper-disabled { - cursor: not-allowed; - } - - .ant-radio-wrapper::after { - display: inline-block; - width: 0; - overflow: hidden; - content: '\a0'; - } - - .ant-radio { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - top: 0.2em; - display: inline-block; - outline: none; - cursor: pointer; - } - - .ant-radio-wrapper:hover .ant-radio, - .ant-radio:hover .ant-radio-inner, - .ant-radio-input:focus+.ant-radio-inner { - border-color: #177ddc; - } - - .ant-radio-input:focus+.ant-radio-inner { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-checked::after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid #177ddc; - border-radius: 50%; - visibility: hidden; - -webkit-animation: antRadioEffect 0.36s ease-in-out; - animation: antRadioEffect 0.36s ease-in-out; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - content: ''; - } - - .ant-radio:hover::after, - .ant-radio-wrapper:hover .ant-radio::after { - visibility: visible; - } - - .ant-radio-inner { - position: relative; - top: 0; - left: 0; - display: block; - width: 16px; - height: 16px; - background-color: transparent; - border-color: #434343; - border-style: solid; - border-width: 1px; - border-radius: 50%; - transition: all 0.3s; - } - - .ant-radio-inner::after { - position: absolute; - top: 50%; - left: 50%; - display: block; - width: 16px; - height: 16px; - margin-top: -8px; - margin-left: -8px; - background-color: #177ddc; - border-top: 0; - border-left: 0; - border-radius: 16px; - transform: scale(0); - opacity: 0; - transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); - content: ' '; - } - - .ant-radio-input { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - cursor: pointer; - opacity: 0; - } - - .ant-radio-checked .ant-radio-inner { - border-color: #177ddc; - } - - .ant-radio-checked .ant-radio-inner::after { - transform: scale(0.5); - opacity: 1; - transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-radio-disabled { - cursor: not-allowed; - } - - .ant-radio-disabled .ant-radio-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - cursor: not-allowed; - } - - .ant-radio-disabled .ant-radio-inner::after { - background-color: rgba(255, 255, 255, 0.2); - } - - .ant-radio-disabled .ant-radio-input { - cursor: not-allowed; - } - - .ant-radio-disabled+span { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - span.ant-radio+* { - padding-right: 8px; - padding-left: 8px; - } - - .ant-radio-button-wrapper { - position: relative; - display: inline-block; - height: 32px; - margin: 0; - padding: 0 15px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 30px; - background: transparent; - border: 1px solid #434343; - border-top-width: 1.02px; - border-left-width: 0; - cursor: pointer; - transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; - } - - .ant-radio-button-wrapper a { - color: rgba(255, 255, 255, 0.85); - } - - .ant-radio-button-wrapper>.ant-radio-button { - position: absolute; - top: 0; - left: 0; - z-index: -1; - width: 100%; - height: 100%; - } - - .ant-radio-group-large .ant-radio-button-wrapper { - height: 40px; - font-size: 16px; - line-height: 38px; - } - - .ant-radio-group-small .ant-radio-button-wrapper { - height: 24px; - padding: 0 7px; - line-height: 22px; - } - - .ant-radio-button-wrapper:not(:first-child)::before { - position: absolute; - top: -1px; - left: -1px; - display: block; - box-sizing: content-box; - width: 1px; - height: 100%; - padding: 1px 0; - background-color: #434343; - transition: background-color 0.3s; - content: ''; - } - - .ant-radio-button-wrapper:first-child { - border-left: 1px solid #434343; - border-radius: 2px 0 0 2px; - } - - .ant-radio-button-wrapper:last-child { - border-radius: 0 2px 2px 0; - } - - .ant-radio-button-wrapper:first-child:last-child { - border-radius: 2px; - } - - .ant-radio-button-wrapper:hover { - position: relative; - color: #177ddc; - } - - .ant-radio-button-wrapper:focus-within { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-button-wrapper .ant-radio-inner, - .ant-radio-button-wrapper input[type='checkbox'], - .ant-radio-button-wrapper input[type='radio'] { - width: 0; - height: 0; - opacity: 0; - pointer-events: none; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { - z-index: 1; - color: #177ddc; - background: transparent; - border-color: #177ddc; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { - background-color: #177ddc; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { - border-color: #177ddc; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { - color: #165996; - border-color: #165996; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { - background-color: #165996; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { - color: #388ed3; - border-color: #388ed3; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { - background-color: #388ed3; - } - - .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { - color: #fff; - background: #177ddc; - border-color: #177ddc; - } - - .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { - color: #fff; - background: #165996; - border-color: #165996; - } - - .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { - color: #fff; - background: #388ed3; - border-color: #388ed3; - } - - .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { - box-shadow: 0 0 0 3px #111b26; - } - - .ant-radio-button-wrapper-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - cursor: not-allowed; - } - - .ant-radio-button-wrapper-disabled:first-child, - .ant-radio-button-wrapper-disabled:hover { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - } - - .ant-radio-button-wrapper-disabled:first-child { - border-left-color: #434343; - } - - .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.2); - border-color: #434343; - box-shadow: none; - } - - @-webkit-keyframes antRadioEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @keyframes antRadioEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - .ant-radio-group.ant-radio-group-rtl { - direction: rtl; - } - - .ant-radio-wrapper.ant-radio-wrapper-rtl { - margin-right: 0; - margin-left: 8px; - direction: rtl; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { - border-right-width: 0; - border-left-width: 1px; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { - right: -1px; - left: 0; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { - border-right: 1px solid #434343; - border-radius: 0 2px 2px 0; - } - - .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { - border-right-color: #165996; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { - border-radius: 2px 0 0 2px; - } - - .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { - border-right-color: #434343; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-picker-status-error.ant-picker, - .ant-picker-status-error.ant-picker:not([disabled]):hover { - background-color: transparent; - border-color: #a61d24; - } - - .ant-picker-status-error.ant-picker-focused, - .ant-picker-status-error.ant-picker:focus { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-picker-status-error .ant-picker-feedback-icon { - color: #a61d24; - } - - .ant-picker-status-warning.ant-picker, - .ant-picker-status-warning.ant-picker:not([disabled]):hover { - background-color: transparent; - border-color: #d89614; - } - - .ant-picker-status-warning.ant-picker-focused, - .ant-picker-status-warning.ant-picker:focus { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-picker-status-warning .ant-picker-feedback-icon { - color: #d89614; - } - - .ant-picker-status-validating .ant-picker-feedback-icon { - display: inline-block; - color: #177ddc; - } - - .ant-picker-status-success .ant-picker-feedback-icon { - color: #49aa19; - -webkit-animation-name: diffZoomIn1 !important; - animation-name: diffZoomIn1 !important; - } - - .ant-picker { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - padding: 4px 11px 4px; - position: relative; - display: inline-flex; - align-items: center; - background: transparent; - border: 1px solid #434343; - border-radius: 2px; - transition: border 0.3s, box-shadow 0.3s; - } - - .ant-picker:hover, - .ant-picker-focused { - border-color: #165996; - border-right-width: 1px; - } - - .ant-picker-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-picker.ant-picker-disabled { - background: rgba(255, 255, 255, 0.08); - border-color: #434343; - cursor: not-allowed; - } - - .ant-picker.ant-picker-disabled .ant-picker-suffix { - color: rgba(255, 255, 255, 0.3); - } - - .ant-picker.ant-picker-borderless { - background-color: transparent !important; - border-color: transparent !important; - box-shadow: none !important; - } - - .ant-picker-input { - position: relative; - display: inline-flex; - align-items: center; - width: 100%; - } - - .ant-picker-input>input { - position: relative; - display: inline-block; - width: 100%; - min-width: 0; - padding: 4px 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - background-color: transparent; - background-image: none; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - flex: auto; - min-width: 1px; - height: auto; - padding: 0; - background: transparent; - border: 0; - } - - .ant-picker-input>input::-moz-placeholder { - opacity: 1; - } - - .ant-picker-input>input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-picker-input>input::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-picker-input>input:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-picker-input>input:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-picker-input>input:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-picker-input>input:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-picker-input>input:focus, - .ant-picker-input>input-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-picker-input>input-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-picker-input>input-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-picker-input>input[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-picker-input>input[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-picker-input>input-borderless, - .ant-picker-input>input-borderless:hover, - .ant-picker-input>input-borderless:focus, - .ant-picker-input>input-borderless-focused, - .ant-picker-input>input-borderless-disabled, - .ant-picker-input>input-borderless[disabled] { - background-color: transparent; - border: none; - box-shadow: none; - } - - textarea.ant-picker-input>input { - max-width: 100%; - height: auto; - min-height: 32px; - line-height: 1.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-picker-input>input-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-picker-input>input-sm { - padding: 0px 7px; - } - - .ant-picker-input>input:focus { - box-shadow: none; - } - - .ant-picker-input>input[disabled] { - background: transparent; - } - - .ant-picker-input:hover .ant-picker-clear { - opacity: 1; - } - - .ant-picker-input-placeholder>input { - color: rgba(255, 255, 255, 0.3); - } - - .ant-picker-large { - padding: 6.5px 11px 6.5px; - } - - .ant-picker-large .ant-picker-input>input { - font-size: 16px; - } - - .ant-picker-small { - padding: 0px 7px 0px; - } - - .ant-picker-suffix { - display: flex; - flex: none; - align-self: center; - margin-left: 4px; - color: rgba(255, 255, 255, 0.3); - line-height: 1; - pointer-events: none; - } - - .ant-picker-suffix>* { - vertical-align: top; - } - - .ant-picker-suffix>*:not(:last-child) { - margin-right: 8px; - } - - .ant-picker-clear { - position: absolute; - top: 50%; - right: 0; - color: rgba(255, 255, 255, 0.3); - line-height: 1; - background: #141414; - transform: translateY(-50%); - cursor: pointer; - opacity: 0; - transition: opacity 0.3s, color 0.3s; - } - - .ant-picker-clear>* { - vertical-align: top; - } - - .ant-picker-clear:hover { - color: rgba(255, 255, 255, 0.45); - } - - .ant-picker-separator { - position: relative; - display: inline-block; - width: 1em; - height: 16px; - color: rgba(255, 255, 255, 0.3); - font-size: 16px; - vertical-align: top; - cursor: default; - } - - .ant-picker-focused .ant-picker-separator { - color: rgba(255, 255, 255, 0.45); - } - - .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { - cursor: not-allowed; - } - - .ant-picker-range { - position: relative; - display: inline-flex; - } - - .ant-picker-range .ant-picker-clear { - right: 11px; - } - - .ant-picker-range:hover .ant-picker-clear { - opacity: 1; - } - - .ant-picker-range .ant-picker-active-bar { - bottom: -1px; - height: 2px; - margin-left: 11px; - background: #177ddc; - opacity: 0; - transition: all 0.3s ease-out; - pointer-events: none; - } - - .ant-picker-range.ant-picker-focused .ant-picker-active-bar { - opacity: 1; - } - - .ant-picker-range-separator { - align-items: center; - padding: 0 8px; - line-height: 1; - } - - .ant-picker-range.ant-picker-small .ant-picker-clear { - right: 7px; - } - - .ant-picker-range.ant-picker-small .ant-picker-active-bar { - margin-left: 7px; - } - - .ant-picker-dropdown { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - z-index: 1050; - } - - .ant-picker-dropdown-hidden { - display: none; - } - - .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { - top: 2.58561808px; - display: block; - transform: rotate(-135deg) translateY(1px); - } - - .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { - bottom: 2.58561808px; - display: block; - transform: rotate(45deg); - } - - .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, - .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, - .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, - .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { - -webkit-animation-name: antSlideDownIn; - animation-name: antSlideDownIn; - } - - .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, - .ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, - .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, - .ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { - -webkit-animation-name: antSlideUpIn; - animation-name: antSlideUpIn; - } - - .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, - .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { - -webkit-animation-name: antSlideDownOut; - animation-name: antSlideDownOut; - } - - .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, - .ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { - -webkit-animation-name: antSlideUpOut; - animation-name: antSlideUpOut; - } - - .ant-picker-dropdown-range { - padding: 7.54247233px 0; - } - - .ant-picker-dropdown-range-hidden { - display: none; - } - - .ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel { - padding-top: 4px; - } - - .ant-picker-ranges { - margin-bottom: 0; - padding: 4px 12px; - overflow: hidden; - line-height: 34px; - text-align: left; - list-style: none; - } - - .ant-picker-ranges>li { - display: inline-block; - } - - .ant-picker-ranges .ant-picker-preset>.ant-tag-blue { - color: #177ddc; - background: #111b26; - border-color: #153450; - cursor: pointer; - } - - .ant-picker-ranges .ant-picker-ok { - float: right; - margin-left: 8px; - } - - .ant-picker-range-wrapper { - display: flex; - } - - .ant-picker-range-arrow { - position: absolute; - z-index: 1; - display: none; - width: 11.3137085px; - height: 11.3137085px; - margin-left: 16.5px; - background: linear-gradient(135deg, transparent 40%, #1f1f1f 40%); - box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1); - transition: left 0.3s ease-out; - border-radius: 0 0 2px 0; - pointer-events: none; - } - - .ant-picker-range-arrow::before { - position: absolute; - top: -11.3137085px; - left: -11.3137085px; - width: 33.9411255px; - height: 33.9411255px; - background: linear-gradient(to left, #1f1f1f 50%, #1f1f1f 50%) no-repeat -10px -10px; - content: ''; - -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 Z'); - } - - .ant-picker-panel-container { - overflow: hidden; - vertical-align: top; - background: #1f1f1f; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - transition: margin 0.3s; - } - - .ant-picker-panel-container .ant-picker-panels { - display: inline-flex; - flex-wrap: nowrap; - direction: ltr; - } - - .ant-picker-panel-container .ant-picker-panel { - vertical-align: top; - background: transparent; - border-width: 0 0 1px 0; - border-radius: 0; - } - - .ant-picker-panel-container .ant-picker-panel .ant-picker-content, - .ant-picker-panel-container .ant-picker-panel table { - text-align: center; - } - - .ant-picker-panel-container .ant-picker-panel-focused { - border-color: #303030; - } - - .ant-picker-panel { - display: inline-flex; - flex-direction: column; - text-align: center; - background: #1f1f1f; - border: 1px solid #303030; - border-radius: 2px; - outline: none; - } - - .ant-picker-panel-focused { - border-color: #177ddc; - } - - .ant-picker-decade-panel, - .ant-picker-year-panel, - .ant-picker-quarter-panel, - .ant-picker-month-panel, - .ant-picker-week-panel, - .ant-picker-date-panel, - .ant-picker-time-panel { - display: flex; - flex-direction: column; - width: 280px; - } - - .ant-picker-header { - display: flex; - padding: 0 8px; - color: rgba(255, 255, 255, 0.85); - border-bottom: 1px solid #303030; - } - - .ant-picker-header>* { - flex: none; - } - - .ant-picker-header button { - padding: 0; - color: rgba(255, 255, 255, 0.3); - line-height: 40px; - background: transparent; - border: 0; - cursor: pointer; - transition: color 0.3s; - } - - .ant-picker-header>button { - min-width: 1.6em; - font-size: 14px; - } - - .ant-picker-header>button:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-picker-header-view { - flex: auto; - font-weight: 500; - line-height: 40px; - } - - .ant-picker-header-view button { - color: inherit; - font-weight: inherit; - } - - .ant-picker-header-view button:not(:first-child) { - margin-left: 8px; - } - - .ant-picker-header-view button:hover { - color: #177ddc; - } - - .ant-picker-prev-icon, - .ant-picker-next-icon, - .ant-picker-super-prev-icon, - .ant-picker-super-next-icon { - position: relative; - display: inline-block; - width: 7px; - height: 7px; - } - - .ant-picker-prev-icon::before, - .ant-picker-next-icon::before, - .ant-picker-super-prev-icon::before, - .ant-picker-super-next-icon::before { - position: absolute; - top: 0; - left: 0; - display: inline-block; - width: 7px; - height: 7px; - border: 0 solid currentcolor; - border-width: 1.5px 0 0 1.5px; - content: ''; - } - - .ant-picker-super-prev-icon::after, - .ant-picker-super-next-icon::after { - position: absolute; - top: 4px; - left: 4px; - display: inline-block; - width: 7px; - height: 7px; - border: 0 solid currentcolor; - border-width: 1.5px 0 0 1.5px; - content: ''; - } - - .ant-picker-prev-icon, - .ant-picker-super-prev-icon { - transform: rotate(-45deg); - } - - .ant-picker-next-icon, - .ant-picker-super-next-icon { - transform: rotate(135deg); - } - - .ant-picker-content { - width: 100%; - table-layout: fixed; - border-collapse: collapse; - } - - .ant-picker-content th, - .ant-picker-content td { - position: relative; - min-width: 24px; - font-weight: 400; - } - - .ant-picker-content th { - height: 30px; - color: rgba(255, 255, 255, 0.85); - line-height: 30px; - } - - .ant-picker-cell { - padding: 3px 0; - color: rgba(255, 255, 255, 0.3); - cursor: pointer; - } - - .ant-picker-cell-in-view { - color: rgba(255, 255, 255, 0.85); - } - - .ant-picker-cell::before { - position: absolute; - top: 50%; - right: 0; - left: 0; - z-index: 1; - height: 24px; - transform: translateY(-50%); - transition: all 0.3s; - content: ''; - } - - .ant-picker-cell .ant-picker-cell-inner { - position: relative; - z-index: 2; - display: inline-block; - min-width: 24px; - height: 24px; - line-height: 24px; - border-radius: 2px; - transition: background 0.3s, border 0.3s; - } - - .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, - .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { - background: rgba(255, 255, 255, 0.08); - } - - .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - border: 1px solid #177ddc; - border-radius: 2px; - content: ''; - } - - .ant-picker-cell-in-view.ant-picker-cell-in-range { - position: relative; - } - - .ant-picker-cell-in-view.ant-picker-cell-in-range::before { - background: #111b26; - } - - .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, - .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, - .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { - color: #fff; - background: #177ddc; - } - - .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, - .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { - background: #111b26; - } - - .ant-picker-cell-in-view.ant-picker-cell-range-start::before { - left: 50%; - } - - .ant-picker-cell-in-view.ant-picker-cell-range-end::before { - right: 50%; - } - - .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { - position: absolute; - top: 50%; - z-index: 0; - height: 24px; - border-top: 1px dashed #0e4980; - border-bottom: 1px dashed #0e4980; - transform: translateY(-50%); - transition: all 0.3s; - content: ''; - } - - .ant-picker-cell-range-hover-start::after, - .ant-picker-cell-range-hover-end::after, - .ant-picker-cell-range-hover::after { - right: 0; - left: 2px; - } - - .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, - .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, - .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, - .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, - .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, - .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, - .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { - background: #06213a; - } - - .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { - border-radius: 2px 0 0 2px; - } - - .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { - border-radius: 0 2px 2px 0; - } - - .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, - .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { - position: absolute; - top: 0; - bottom: 0; - z-index: -1; - background: #06213a; - transition: all 0.3s; - content: ''; - } - - .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { - right: -6px; - left: 0; - } - - .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { - right: 0; - left: -6px; - } - - .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { - right: 50%; - } - - .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { - left: 50%; - } - - tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, - tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, - .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { - left: 6px; - border-left: 1px dashed #0e4980; - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, - tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, - .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, - .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { - right: 6px; - border-right: 1px dashed #0e4980; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .ant-picker-cell-disabled { - color: rgba(255, 255, 255, 0.3); - pointer-events: none; - } - - .ant-picker-cell-disabled .ant-picker-cell-inner { - background: transparent; - } - - .ant-picker-cell-disabled::before { - background: #303030; - } - - .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-picker-decade-panel .ant-picker-content, - .ant-picker-year-panel .ant-picker-content, - .ant-picker-quarter-panel .ant-picker-content, - .ant-picker-month-panel .ant-picker-content { - height: 264px; - } - - .ant-picker-decade-panel .ant-picker-cell-inner, - .ant-picker-year-panel .ant-picker-cell-inner, - .ant-picker-quarter-panel .ant-picker-cell-inner, - .ant-picker-month-panel .ant-picker-cell-inner { - padding: 0 8px; - } - - .ant-picker-quarter-panel .ant-picker-content { - height: 56px; - } - - .ant-picker-footer { - width: -webkit-min-content; - width: -moz-min-content; - width: min-content; - min-width: 100%; - line-height: 38px; - text-align: center; - border-bottom: 1px solid transparent; - } - - .ant-picker-panel .ant-picker-footer { - border-top: 1px solid #303030; - } - - .ant-picker-footer-extra { - padding: 0 12px; - line-height: 38px; - text-align: left; - } - - .ant-picker-footer-extra:not(:last-child) { - border-bottom: 1px solid #303030; - } - - .ant-picker-now { - text-align: left; - } - - .ant-picker-today-btn { - color: #177ddc; - } - - .ant-picker-today-btn:hover { - color: #165996; - } - - .ant-picker-today-btn:active { - color: #388ed3; - } - - .ant-picker-today-btn.ant-picker-today-btn-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-picker-decade-panel .ant-picker-cell-inner { - padding: 0 4px; - } - - .ant-picker-decade-panel .ant-picker-cell::before { - display: none; - } - - .ant-picker-year-panel .ant-picker-body, - .ant-picker-quarter-panel .ant-picker-body, - .ant-picker-month-panel .ant-picker-body { - padding: 0 8px; - } - - .ant-picker-year-panel .ant-picker-cell-inner, - .ant-picker-quarter-panel .ant-picker-cell-inner, - .ant-picker-month-panel .ant-picker-cell-inner { - width: 60px; - } - - .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, - .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, - .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { - left: 14px; - border-left: 1px dashed #0e4980; - border-radius: 2px 0 0 2px; - } - - .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, - .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, - .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { - right: 14px; - border-right: 1px dashed #0e4980; - border-radius: 0 2px 2px 0; - } - - .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, - .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, - .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { - right: 14px; - border-right: 1px dashed #0e4980; - border-radius: 0 2px 2px 0; - } - - .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, - .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, - .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { - left: 14px; - border-left: 1px dashed #0e4980; - border-radius: 2px 0 0 2px; - } - - .ant-picker-week-panel .ant-picker-body { - padding: 8px 12px; - } - - .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, - .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, - .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { - background: transparent !important; - } - - .ant-picker-week-panel-row td { - transition: background 0.3s; - } - - .ant-picker-week-panel-row:hover td { - background: rgba(255, 255, 255, 0.08); - } - - .ant-picker-week-panel-row-selected td, - .ant-picker-week-panel-row-selected:hover td { - background: #177ddc; - } - - .ant-picker-week-panel-row-selected td.ant-picker-cell-week, - .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { - color: rgba(255, 255, 255, 0.5); - } - - .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, - .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { - border-color: #fff; - } - - .ant-picker-week-panel-row-selected td .ant-picker-cell-inner, - .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { - color: #fff; - } - - .ant-picker-date-panel .ant-picker-body { - padding: 8px 12px; - } - - .ant-picker-date-panel .ant-picker-content { - width: 252px; - } - - .ant-picker-date-panel .ant-picker-content th { - width: 36px; - } - - .ant-picker-datetime-panel { - display: flex; - } - - .ant-picker-datetime-panel .ant-picker-time-panel { - border-left: 1px solid #303030; - } - - .ant-picker-datetime-panel .ant-picker-date-panel, - .ant-picker-datetime-panel .ant-picker-time-panel { - transition: opacity 0.3s; - } - - .ant-picker-datetime-panel-active .ant-picker-date-panel, - .ant-picker-datetime-panel-active .ant-picker-time-panel { - opacity: 0.3; - } - - .ant-picker-datetime-panel-active .ant-picker-date-panel-active, - .ant-picker-datetime-panel-active .ant-picker-time-panel-active { - opacity: 1; - } - - .ant-picker-time-panel { - width: auto; - min-width: auto; - } - - .ant-picker-time-panel .ant-picker-content { - display: flex; - flex: auto; - height: 224px; - } - - .ant-picker-time-panel-column { - flex: 1 0 auto; - width: 56px; - margin: 0; - padding: 0; - overflow-y: hidden; - text-align: left; - list-style: none; - transition: background 0.3s; - } - - .ant-picker-time-panel-column::after { - display: block; - height: 196px; - content: ''; - } - - .ant-picker-datetime-panel .ant-picker-time-panel-column::after { - height: 198px; - } - - .ant-picker-time-panel-column:not(:first-child) { - border-left: 1px solid #303030; - } - - .ant-picker-time-panel-column-active { - background: rgba(17, 27, 38, 0.2); - } - - .ant-picker-time-panel-column:hover { - overflow-y: auto; - } - - .ant-picker-time-panel-column>li { - margin: 0; - padding: 0; - } - - .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { - display: block; - width: 100%; - height: 28px; - margin: 0; - padding: 0 0 0 14px; - color: rgba(255, 255, 255, 0.85); - line-height: 28px; - border-radius: 0; - cursor: pointer; - transition: background 0.3s; - } - - .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { - background: rgba(255, 255, 255, 0.08); - } - - .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { - background: #111b26; - } - - .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { - color: rgba(255, 255, 255, 0.3); - background: transparent; - cursor: not-allowed; - } - - /* stylelint-disable-next-line selector-type-no-unknown,selector-no-vendor-prefix */ - _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, - :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, - _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, - :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { - padding: 21px 0; - } - - .ant-picker-rtl { - direction: rtl; - } - - .ant-picker-rtl .ant-picker-suffix { - margin-right: 4px; - margin-left: 0; - } - - .ant-picker-rtl .ant-picker-clear { - right: auto; - left: 0; - } - - .ant-picker-rtl .ant-picker-separator { - transform: rotate(180deg); - } - - .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { - margin-right: 8px; - margin-left: 0; - } - - .ant-picker-rtl.ant-picker-range .ant-picker-clear { - right: auto; - left: 11px; - } - - .ant-picker-rtl.ant-picker-range .ant-picker-active-bar { - margin-right: 11px; - margin-left: 0; - } - - .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { - margin-right: 7px; - } - - .ant-picker-dropdown-rtl .ant-picker-ranges { - text-align: right; - } - - .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { - float: left; - margin-right: 8px; - margin-left: 0; - } - - .ant-picker-panel-rtl { - direction: rtl; - } - - .ant-picker-panel-rtl .ant-picker-prev-icon, - .ant-picker-panel-rtl .ant-picker-super-prev-icon { - transform: rotate(135deg); - } - - .ant-picker-panel-rtl .ant-picker-next-icon, - .ant-picker-panel-rtl .ant-picker-super-next-icon { - transform: rotate(-45deg); - } - - .ant-picker-cell .ant-picker-cell-inner { - position: relative; - z-index: 2; - display: inline-block; - min-width: 24px; - height: 24px; - line-height: 24px; - border-radius: 2px; - transition: background 0.3s, border 0.3s; - } - - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { - right: 50%; - left: 0; - } - - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { - right: 0; - left: 50%; - } - - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { - right: 50%; - left: 50%; - } - - .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { - right: 0; - left: -6px; - } - - .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { - right: -6px; - left: 0; - } - - .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { - right: 0; - left: 50%; - } - - .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { - right: 50%; - left: 0; - } - - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { - border-radius: 0 2px 2px 0; - } - - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { - border-radius: 2px 0 0 2px; - } - - .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { - right: 6px; - left: 0; - border-right: 1px dashed #0e4980; - border-left: none; - border-radius: 0 2px 2px 0; - } - - .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { - right: 0; - left: 6px; - border-right: none; - border-left: 1px dashed #0e4980; - border-radius: 2px 0 0 2px; - } - - .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, - .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, - .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, - .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, - .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { - right: 6px; - left: 6px; - border-right: 1px dashed #0e4980; - border-left: 1px dashed #0e4980; - border-radius: 2px; - } - - .ant-picker-dropdown-rtl .ant-picker-footer-extra { - direction: rtl; - text-align: right; - } - - .ant-picker-panel-rtl .ant-picker-time-panel { - direction: ltr; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-tag { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - height: auto; - margin-right: 8px; - padding: 0 7px; - font-size: 12px; - line-height: 20px; - white-space: nowrap; - background: rgba(255, 255, 255, 0.04); - border: 1px solid #434343; - border-radius: 2px; - opacity: 1; - transition: all 0.3s; - } - - .ant-tag, - .ant-tag a, - .ant-tag a:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-tag>a:first-child:last-child { - display: inline-block; - margin: 0 -8px; - padding: 0 8px; - } - - .ant-tag-close-icon { - margin-left: 3px; - color: rgba(255, 255, 255, 0.45); - font-size: 10px; - cursor: pointer; - transition: all 0.3s; - } - - .ant-tag-close-icon:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-tag-has-color { - border-color: transparent; - } - - .ant-tag-has-color, - .ant-tag-has-color a, - .ant-tag-has-color a:hover, - .ant-tag-has-color .anticon-close, - .ant-tag-has-color .anticon-close:hover { - color: #fff; - } - - .ant-tag-checkable { - background-color: transparent; - border-color: transparent; - cursor: pointer; - } - - .ant-tag-checkable:not(.ant-tag-checkable-checked):hover { - color: #177ddc; - } - - .ant-tag-checkable:active, - .ant-tag-checkable-checked { - color: #fff; - } - - .ant-tag-checkable-checked { - background-color: #177ddc; - } - - .ant-tag-checkable:active { - background-color: #388ed3; - } - - .ant-tag-hidden { - display: none; - } - - .ant-tag-pink { - color: #e0529c; - background: #291321; - border-color: #551c3b; - } - - .ant-tag-pink-inverse { - color: #fff; - background: #cb2b83; - border-color: #cb2b83; - } - - .ant-tag-magenta { - color: #e0529c; - background: #291321; - border-color: #551c3b; - } - - .ant-tag-magenta-inverse { - color: #fff; - background: #cb2b83; - border-color: #cb2b83; - } - - .ant-tag-red { - color: #e84749; - background: #2a1215; - border-color: #58181c; - } - - .ant-tag-red-inverse { - color: #fff; - background: #d32029; - border-color: #d32029; - } - - .ant-tag-volcano { - color: #e87040; - background: #2b1611; - border-color: #592716; - } - - .ant-tag-volcano-inverse { - color: #fff; - background: #d84a1b; - border-color: #d84a1b; - } - - .ant-tag-orange { - color: #e89a3c; - background: #2b1d11; - border-color: #593815; - } - - .ant-tag-orange-inverse { - color: #fff; - background: #d87a16; - border-color: #d87a16; - } - - .ant-tag-yellow { - color: #e8d639; - background: #2b2611; - border-color: #595014; - } - - .ant-tag-yellow-inverse { - color: #fff; - background: #d8bd14; - border-color: #d8bd14; - } - - .ant-tag-gold { - color: #e8b339; - background: #2b2111; - border-color: #594214; - } - - .ant-tag-gold-inverse { - color: #fff; - background: #d89614; - border-color: #d89614; - } - - .ant-tag-cyan { - color: #33bcb7; - background: #112123; - border-color: #144848; - } - - .ant-tag-cyan-inverse { - color: #fff; - background: #13a8a8; - border-color: #13a8a8; - } - - .ant-tag-lime { - color: #a9d134; - background: #1f2611; - border-color: #3e4f13; - } - - .ant-tag-lime-inverse { - color: #fff; - background: #8bbb11; - border-color: #8bbb11; - } - - .ant-tag-green { - color: #6abe39; - background: #162312; - border-color: #274916; - } - - .ant-tag-green-inverse { - color: #fff; - background: #49aa19; - border-color: #49aa19; - } - - .ant-tag-blue { - color: #3c9ae8; - background: #111d2c; - border-color: #15395b; - } - - .ant-tag-blue-inverse { - color: #fff; - background: #177ddc; - border-color: #177ddc; - } - - .ant-tag-geekblue { - color: #5273e0; - background: #131629; - border-color: #1c2755; - } - - .ant-tag-geekblue-inverse { - color: #fff; - background: #2b4acb; - border-color: #2b4acb; - } - - .ant-tag-purple { - color: #854eca; - background: #1a1325; - border-color: #301c4d; - } - - .ant-tag-purple-inverse { - color: #fff; - background: #642ab5; - border-color: #642ab5; - } - - .ant-tag-success { - color: #49aa19; - background: #162312; - border-color: #274916; - } - - .ant-tag-processing { - color: #177ddc; - background: #111b26; - border-color: #153450; - } - - .ant-tag-error { - color: #a61d24; - background: #2a1215; - border-color: #58181c; - } - - .ant-tag-warning { - color: #d89614; - background: #2b1d11; - border-color: #593815; - } - - .ant-tag>.anticon+span, - .ant-tag>span+.anticon { - margin-left: 7px; - } - - .ant-tag.ant-tag-rtl { - margin-right: 0; - margin-left: 8px; - direction: rtl; - text-align: right; - } - - .ant-tag-rtl .ant-tag-close-icon { - margin-right: 3px; - margin-left: 0; - } - - .ant-tag-rtl.ant-tag>.anticon+span, - .ant-tag-rtl.ant-tag>span+.anticon { - margin-right: 7px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-card { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - background: #141414; - border-radius: 2px; - } - - .ant-card-rtl { - direction: rtl; - } - - .ant-card-hoverable { - cursor: pointer; - transition: box-shadow 0.3s, border-color 0.3s; - } - - .ant-card-hoverable:hover { - border-color: transparent; - box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36); - } - - .ant-card-bordered { - border: 1px solid #303030; - } - - .ant-card-head { - min-height: 48px; - margin-bottom: -1px; - padding: 0 24px; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - font-size: 16px; - background: transparent; - border-bottom: 1px solid #303030; - border-radius: 2px 2px 0 0; - } - - .ant-card-head::before { - display: table; - content: ''; - } - - .ant-card-head::after { - display: table; - clear: both; - content: ''; - } - - .ant-card-head-wrapper { - display: flex; - align-items: center; - } - - .ant-card-head-title { - display: inline-block; - flex: 1; - padding: 16px 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-card-head-title>.ant-typography, - .ant-card-head-title>.ant-typography-edit-content { - left: 0; - margin-top: 0; - margin-bottom: 0; - } - - .ant-card-head .ant-tabs-top { - clear: both; - margin-bottom: -17px; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - } - - .ant-card-head .ant-tabs-top-bar { - border-bottom: 1px solid #303030; - } - - .ant-card-extra { - float: right; - margin-left: auto; - padding: 16px 0; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - } - - .ant-card-rtl .ant-card-extra { - margin-right: auto; - margin-left: 0; - } - - .ant-card-body { - padding: 24px; - } - - .ant-card-body::before { - display: table; - content: ''; - } - - .ant-card-body::after { - display: table; - clear: both; - content: ''; - } - - .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { - margin: -1px 0 0 -1px; - padding: 0; - } - - .ant-card-grid { - float: left; - width: 33.33%; - padding: 24px; - border: 0; - border-radius: 0; - box-shadow: 1px 0 0 0 #303030, 0 1px 0 0 #303030, 1px 1px 0 0 #303030, 1px 0 0 0 #303030 inset, 0 1px 0 0 #303030 inset; - transition: all 0.3s; - } - - .ant-card-rtl .ant-card-grid { - float: right; - } - - .ant-card-grid-hoverable:hover { - position: relative; - z-index: 1; - box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36); - } - - .ant-card-contain-tabs>.ant-card-head .ant-card-head-title { - min-height: 32px; - padding-bottom: 0; - } - - .ant-card-contain-tabs>.ant-card-head .ant-card-extra { - padding-bottom: 0; - } - - .ant-card-bordered .ant-card-cover { - margin-top: -1px; - margin-right: -1px; - margin-left: -1px; - } - - .ant-card-cover>* { - display: block; - width: 100%; - } - - .ant-card-cover img { - border-radius: 2px 2px 0 0; - } - - .ant-card-actions { - margin: 0; - padding: 0; - list-style: none; - background: #141414; - border-top: 1px solid #303030; - } - - .ant-card-actions::before { - display: table; - content: ''; - } - - .ant-card-actions::after { - display: table; - clear: both; - content: ''; - } - - .ant-card-actions>li { - float: left; - margin: 12px 0; - color: rgba(255, 255, 255, 0.45); - text-align: center; - } - - .ant-card-rtl .ant-card-actions>li { - float: right; - } - - .ant-card-actions>li>span { - position: relative; - display: block; - min-width: 32px; - font-size: 14px; - line-height: 1.5715; - cursor: pointer; - } - - .ant-card-actions>li>span:hover { - color: #177ddc; - transition: color 0.3s; - } - - .ant-card-actions>li>span a:not(.ant-btn), - .ant-card-actions>li>span>.anticon { - display: inline-block; - width: 100%; - color: rgba(255, 255, 255, 0.45); - line-height: 22px; - transition: color 0.3s; - } - - .ant-card-actions>li>span a:not(.ant-btn):hover, - .ant-card-actions>li>span>.anticon:hover { - color: #177ddc; - } - - .ant-card-actions>li>span>.anticon { - font-size: 16px; - line-height: 22px; - } - - .ant-card-actions>li:not(:last-child) { - border-right: 1px solid #303030; - } - - .ant-card-rtl .ant-card-actions>li:not(:last-child) { - border-right: none; - border-left: 1px solid #303030; - } - - .ant-card-type-inner .ant-card-head { - padding: 0 24px; - background: rgba(255, 255, 255, 0.04); - } - - .ant-card-type-inner .ant-card-head-title { - padding: 12px 0; - font-size: 14px; - } - - .ant-card-type-inner .ant-card-body { - padding: 16px 24px; - } - - .ant-card-type-inner .ant-card-extra { - padding: 13.5px 0; - } - - .ant-card-meta { - margin: -4px 0; - } - - .ant-card-meta::before { - display: table; - content: ''; - } - - .ant-card-meta::after { - display: table; - clear: both; - content: ''; - } - - .ant-card-meta-avatar { - float: left; - padding-right: 16px; - } - - .ant-card-rtl .ant-card-meta-avatar { - float: right; - padding-right: 0; - padding-left: 16px; - } - - .ant-card-meta-detail { - overflow: hidden; - } - - .ant-card-meta-detail>div:not(:last-child) { - margin-bottom: 8px; - } - - .ant-card-meta-title { - overflow: hidden; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - font-size: 16px; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-card-meta-description { - color: rgba(255, 255, 255, 0.45); - } - - .ant-card-loading { - overflow: hidden; - } - - .ant-card-loading .ant-card-body { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-card-loading-content p { - margin: 0; - } - - .ant-card-loading-block { - height: 14px; - margin: 4px 0; - background: linear-gradient(90deg, rgba(48, 48, 48, 0.2), rgba(48, 48, 48, 0.4), rgba(48, 48, 48, 0.2)); - background-size: 600% 600%; - border-radius: 2px; - -webkit-animation: card-loading 1.4s ease infinite; - animation: card-loading 1.4s ease infinite; - } - - @-webkit-keyframes card-loading { - - 0%, - 100% { - background-position: 0 50%; - } - - 50% { - background-position: 100% 50%; - } - } - - @keyframes card-loading { - - 0%, - 100% { - background-position: 0 50%; - } - - 50% { - background-position: 100% 50%; - } - } - - .ant-card-small>.ant-card-head { - min-height: 36px; - padding: 0 12px; - font-size: 14px; - } - - .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title { - padding: 8px 0; - } - - .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra { - padding: 8px 0; - font-size: 14px; - } - - .ant-card-small>.ant-card-body { - padding: 12px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-tabs-small>.ant-tabs-nav .ant-tabs-tab { - padding: 8px 0; - font-size: 14px; - } - - .ant-tabs-large>.ant-tabs-nav .ant-tabs-tab { - padding: 16px 0; - font-size: 16px; - } - - .ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab { - padding: 6px 16px; - } - - .ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab { - padding: 7px 16px 6px; - } - - .ant-tabs-rtl { - direction: rtl; - } - - .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { - margin: 0 0 0 32px; - } - - .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { - margin-left: 0; - } - - .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { - margin-right: 0; - margin-left: 12px; - } - - .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { - margin-right: 8px; - margin-left: -4px; - } - - .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { - margin: 0; - } - - .ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav { - order: 1; - } - - .ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder { - order: 0; - } - - .ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav { - order: 0; - } - - .ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder { - order: 1; - } - - .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab { - margin-right: 2px; - margin-left: 0; - } - - .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add, - .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add, - .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add, - .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add { - margin-right: 2px; - margin-left: 0; - } - - .ant-tabs-dropdown-rtl { - direction: rtl; - } - - .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { - text-align: right; - } - - .ant-tabs-top, - .ant-tabs-bottom { - flex-direction: column; - } - - .ant-tabs-top>.ant-tabs-nav, - .ant-tabs-bottom>.ant-tabs-nav, - .ant-tabs-top>div>.ant-tabs-nav, - .ant-tabs-bottom>div>.ant-tabs-nav { - margin: 0 0 16px 0; - } - - .ant-tabs-top>.ant-tabs-nav::before, - .ant-tabs-bottom>.ant-tabs-nav::before, - .ant-tabs-top>div>.ant-tabs-nav::before, - .ant-tabs-bottom>div>.ant-tabs-nav::before { - position: absolute; - right: 0; - left: 0; - border-bottom: 1px solid #303030; - content: ''; - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar { - height: 2px; - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated { - transition: width 0.3s, left 0.3s, right 0.3s; - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after { - top: 0; - bottom: 0; - width: 30px; - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before { - left: 0; - box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after { - right: 0; - box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { - opacity: 1; - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { - opacity: 1; - } - - .ant-tabs-top>.ant-tabs-nav::before, - .ant-tabs-top>div>.ant-tabs-nav::before { - bottom: 0; - } - - .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar { - bottom: 0; - } - - .ant-tabs-bottom>.ant-tabs-nav, - .ant-tabs-bottom>div>.ant-tabs-nav { - order: 1; - margin-top: 16px; - margin-bottom: 0; - } - - .ant-tabs-bottom>.ant-tabs-nav::before, - .ant-tabs-bottom>div>.ant-tabs-nav::before { - top: 0; - } - - .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar { - top: 0; - } - - .ant-tabs-bottom>.ant-tabs-content-holder, - .ant-tabs-bottom>div>.ant-tabs-content-holder { - order: 0; - } - - .ant-tabs-left>.ant-tabs-nav, - .ant-tabs-right>.ant-tabs-nav, - .ant-tabs-left>div>.ant-tabs-nav, - .ant-tabs-right>div>.ant-tabs-nav { - flex-direction: column; - min-width: 50px; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab { - padding: 8px 24px; - text-align: center; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab { - margin: 16px 0 0 0; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap { - flex-direction: column; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after { - right: 0; - left: 0; - height: 30px; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before { - top: 0; - box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after { - bottom: 0; - box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { - opacity: 1; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { - opacity: 1; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar { - width: 2px; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated { - transition: height 0.3s, top 0.3s; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list, - .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations, - .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations { - flex: 1 0 auto; - flex-direction: column; - } - - .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar { - right: 0; - } - - .ant-tabs-left>.ant-tabs-content-holder, - .ant-tabs-left>div>.ant-tabs-content-holder { - margin-left: -1px; - border-left: 1px solid #303030; - } - - .ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane, - .ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane { - padding-left: 24px; - } - - .ant-tabs-right>.ant-tabs-nav, - .ant-tabs-right>div>.ant-tabs-nav { - order: 1; - } - - .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar { - left: 0; - } - - .ant-tabs-right>.ant-tabs-content-holder, - .ant-tabs-right>div>.ant-tabs-content-holder { - order: 0; - margin-right: -1px; - border-right: 1px solid #303030; - } - - .ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane, - .ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane { - padding-right: 24px; - } - - .ant-tabs-dropdown { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - top: -9999px; - left: -9999px; - z-index: 1050; - display: block; - } - - .ant-tabs-dropdown-hidden { - display: none; - } - - .ant-tabs-dropdown-menu { - max-height: 200px; - margin: 0; - padding: 4px 0; - overflow-x: hidden; - overflow-y: auto; - text-align: left; - list-style-type: none; - background-color: #1f1f1f; - background-clip: padding-box; - border-radius: 2px; - outline: none; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-tabs-dropdown-menu-item { - display: flex; - align-items: center; - min-width: 120px; - margin: 0; - padding: 5px 12px; - overflow: hidden; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - line-height: 22px; - white-space: nowrap; - text-overflow: ellipsis; - cursor: pointer; - transition: all 0.3s; - } - - .ant-tabs-dropdown-menu-item>span { - flex: 1; - white-space: nowrap; - } - - .ant-tabs-dropdown-menu-item-remove { - flex: none; - margin-left: 12px; - color: rgba(255, 255, 255, 0.45); - font-size: 12px; - background: transparent; - border: 0; - cursor: pointer; - } - - .ant-tabs-dropdown-menu-item-remove:hover { - color: #165996; - } - - .ant-tabs-dropdown-menu-item:hover { - background: rgba(255, 255, 255, 0.08); - } - - .ant-tabs-dropdown-menu-item-disabled, - .ant-tabs-dropdown-menu-item-disabled:hover { - color: rgba(255, 255, 255, 0.3); - background: transparent; - cursor: not-allowed; - } - - .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab { - margin: 0; - padding: 8px 16px; - background: rgba(255, 255, 255, 0.04); - border: 1px solid #303030; - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active, - .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active { - color: #177ddc; - background: #141414; - } - - .ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar, - .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar { - visibility: hidden; - } - - .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab { - margin-left: 2px; - } - - .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab { - border-radius: 2px 2px 0 0; - } - - .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active, - .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active { - border-bottom-color: #141414; - } - - .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab { - border-radius: 0 0 2px 2px; - } - - .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active, - .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active { - border-top-color: #141414; - } - - .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab, - .ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab { - margin-top: 2px; - } - - .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab { - border-radius: 2px 0 0 2px; - } - - .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active, - .ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active { - border-right-color: #141414; - } - - .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab, - .ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab { - border-radius: 0 2px 2px 0; - } - - .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active, - .ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active { - border-left-color: #141414; - } - - .ant-tabs { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: flex; - overflow: hidden; - } - - .ant-tabs>.ant-tabs-nav, - .ant-tabs>div>.ant-tabs-nav { - position: relative; - display: flex; - flex: none; - align-items: center; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap { - position: relative; - display: inline-block; - display: flex; - flex: auto; - align-self: stretch; - overflow: hidden; - white-space: nowrap; - transform: translate(0); - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::before, - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::after, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::after { - position: absolute; - z-index: 1; - opacity: 0; - transition: opacity 0.3s; - content: ''; - pointer-events: none; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list { - position: relative; - display: flex; - transition: transform 0.3s; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations { - display: flex; - align-self: stretch; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden { - position: absolute; - visibility: hidden; - pointer-events: none; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-more, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more { - position: relative; - padding: 8px 16px; - background: transparent; - border: 0; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-more::after, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more::after { - position: absolute; - right: 0; - bottom: 0; - left: 0; - height: 5px; - transform: translateY(100%); - content: ''; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add { - min-width: 40px; - margin-left: 2px; - padding: 0 8px; - background: rgba(255, 255, 255, 0.04); - border: 1px solid #303030; - border-radius: 2px 2px 0 0; - outline: none; - cursor: pointer; - transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover { - color: #165996; - } - - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active, - .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus, - .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus { - color: #388ed3; - } - - .ant-tabs-extra-content { - flex: none; - } - - .ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), - .ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { - justify-content: center; - } - - .ant-tabs-ink-bar { - position: absolute; - background: #177ddc; - pointer-events: none; - } - - .ant-tabs-tab { - position: relative; - display: inline-flex; - align-items: center; - padding: 12px 0; - font-size: 14px; - background: transparent; - border: 0; - outline: none; - cursor: pointer; - } - - .ant-tabs-tab-btn:focus, - .ant-tabs-tab-remove:focus, - .ant-tabs-tab-btn:active, - .ant-tabs-tab-remove:active { - color: #388ed3; - } - - .ant-tabs-tab-btn { - outline: none; - transition: all 0.3s; - } - - .ant-tabs-tab-remove { - flex: none; - margin-right: -4px; - margin-left: 8px; - color: rgba(255, 255, 255, 0.45); - font-size: 12px; - background: transparent; - border: none; - outline: none; - cursor: pointer; - transition: all 0.3s; - } - - .ant-tabs-tab-remove:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-tabs-tab:hover { - color: #165996; - } - - .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { - color: #177ddc; - text-shadow: 0 0 0.25px currentcolor; - } - - .ant-tabs-tab.ant-tabs-tab-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, - .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, - .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, - .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { - color: rgba(255, 255, 255, 0.3); - } - - .ant-tabs-tab .ant-tabs-tab-remove .anticon { - margin: 0; - } - - .ant-tabs-tab .anticon { - margin-right: 12px; - } - - .ant-tabs-tab+.ant-tabs-tab { - margin: 0 0 0 32px; - } - - .ant-tabs-content { - display: flex; - width: 100%; - } - - .ant-tabs-content-holder { - flex: auto; - min-width: 0; - min-height: 0; - } - - .ant-tabs-content-animated { - transition: margin 0.3s; - } - - .ant-tabs-tabpane { - flex: none; - width: 100%; - outline: none; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-row { - display: flex; - flex-flow: row wrap; - } - - .ant-row::before, - .ant-row::after { - display: flex; - } - - .ant-row-no-wrap { - flex-wrap: nowrap; - } - - .ant-row-start { - justify-content: flex-start; - } - - .ant-row-center { - justify-content: center; - } - - .ant-row-end { - justify-content: flex-end; - } - - .ant-row-space-between { - justify-content: space-between; - } - - .ant-row-space-around { - justify-content: space-around; - } - - .ant-row-top { - align-items: flex-start; - } - - .ant-row-middle { - align-items: center; - } - - .ant-row-bottom { - align-items: flex-end; - } - - .ant-col { - position: relative; - max-width: 100%; - min-height: 1px; - } - - .ant-col-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-push-24 { - left: 100%; - } - - .ant-col-pull-24 { - right: 100%; - } - - .ant-col-offset-24 { - margin-left: 100%; - } - - .ant-col-order-24 { - order: 24; - } - - .ant-col-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-push-23 { - left: 95.83333333%; - } - - .ant-col-pull-23 { - right: 95.83333333%; - } - - .ant-col-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-order-23 { - order: 23; - } - - .ant-col-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-push-22 { - left: 91.66666667%; - } - - .ant-col-pull-22 { - right: 91.66666667%; - } - - .ant-col-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-order-22 { - order: 22; - } - - .ant-col-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-push-21 { - left: 87.5%; - } - - .ant-col-pull-21 { - right: 87.5%; - } - - .ant-col-offset-21 { - margin-left: 87.5%; - } - - .ant-col-order-21 { - order: 21; - } - - .ant-col-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-push-20 { - left: 83.33333333%; - } - - .ant-col-pull-20 { - right: 83.33333333%; - } - - .ant-col-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-order-20 { - order: 20; - } - - .ant-col-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-push-19 { - left: 79.16666667%; - } - - .ant-col-pull-19 { - right: 79.16666667%; - } - - .ant-col-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-order-19 { - order: 19; - } - - .ant-col-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-push-18 { - left: 75%; - } - - .ant-col-pull-18 { - right: 75%; - } - - .ant-col-offset-18 { - margin-left: 75%; - } - - .ant-col-order-18 { - order: 18; - } - - .ant-col-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-push-17 { - left: 70.83333333%; - } - - .ant-col-pull-17 { - right: 70.83333333%; - } - - .ant-col-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-order-17 { - order: 17; - } - - .ant-col-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-push-16 { - left: 66.66666667%; - } - - .ant-col-pull-16 { - right: 66.66666667%; - } - - .ant-col-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-order-16 { - order: 16; - } - - .ant-col-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-push-15 { - left: 62.5%; - } - - .ant-col-pull-15 { - right: 62.5%; - } - - .ant-col-offset-15 { - margin-left: 62.5%; - } - - .ant-col-order-15 { - order: 15; - } - - .ant-col-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-push-14 { - left: 58.33333333%; - } - - .ant-col-pull-14 { - right: 58.33333333%; - } - - .ant-col-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-order-14 { - order: 14; - } - - .ant-col-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-push-13 { - left: 54.16666667%; - } - - .ant-col-pull-13 { - right: 54.16666667%; - } - - .ant-col-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-order-13 { - order: 13; - } - - .ant-col-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-push-12 { - left: 50%; - } - - .ant-col-pull-12 { - right: 50%; - } - - .ant-col-offset-12 { - margin-left: 50%; - } - - .ant-col-order-12 { - order: 12; - } - - .ant-col-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-push-11 { - left: 45.83333333%; - } - - .ant-col-pull-11 { - right: 45.83333333%; - } - - .ant-col-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-order-11 { - order: 11; - } - - .ant-col-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-push-10 { - left: 41.66666667%; - } - - .ant-col-pull-10 { - right: 41.66666667%; - } - - .ant-col-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-order-10 { - order: 10; - } - - .ant-col-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-push-9 { - left: 37.5%; - } - - .ant-col-pull-9 { - right: 37.5%; - } - - .ant-col-offset-9 { - margin-left: 37.5%; - } - - .ant-col-order-9 { - order: 9; - } - - .ant-col-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-push-8 { - left: 33.33333333%; - } - - .ant-col-pull-8 { - right: 33.33333333%; - } - - .ant-col-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-order-8 { - order: 8; - } - - .ant-col-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-push-7 { - left: 29.16666667%; - } - - .ant-col-pull-7 { - right: 29.16666667%; - } - - .ant-col-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-order-7 { - order: 7; - } - - .ant-col-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-push-6 { - left: 25%; - } - - .ant-col-pull-6 { - right: 25%; - } - - .ant-col-offset-6 { - margin-left: 25%; - } - - .ant-col-order-6 { - order: 6; - } - - .ant-col-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-push-5 { - left: 20.83333333%; - } - - .ant-col-pull-5 { - right: 20.83333333%; - } - - .ant-col-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-order-5 { - order: 5; - } - - .ant-col-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-push-4 { - left: 16.66666667%; - } - - .ant-col-pull-4 { - right: 16.66666667%; - } - - .ant-col-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-order-4 { - order: 4; - } - - .ant-col-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-push-3 { - left: 12.5%; - } - - .ant-col-pull-3 { - right: 12.5%; - } - - .ant-col-offset-3 { - margin-left: 12.5%; - } - - .ant-col-order-3 { - order: 3; - } - - .ant-col-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-push-2 { - left: 8.33333333%; - } - - .ant-col-pull-2 { - right: 8.33333333%; - } - - .ant-col-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-order-2 { - order: 2; - } - - .ant-col-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-push-1 { - left: 4.16666667%; - } - - .ant-col-pull-1 { - right: 4.16666667%; - } - - .ant-col-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-order-1 { - order: 1; - } - - .ant-col-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-offset-0 { - margin-left: 0; - } - - .ant-col-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - - .ant-col-xs-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-xs-push-24 { - left: 100%; - } - - .ant-col-xs-pull-24 { - right: 100%; - } - - .ant-col-xs-offset-24 { - margin-left: 100%; - } - - .ant-col-xs-order-24 { - order: 24; - } - - .ant-col-xs-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-xs-push-23 { - left: 95.83333333%; - } - - .ant-col-xs-pull-23 { - right: 95.83333333%; - } - - .ant-col-xs-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-xs-order-23 { - order: 23; - } - - .ant-col-xs-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-xs-push-22 { - left: 91.66666667%; - } - - .ant-col-xs-pull-22 { - right: 91.66666667%; - } - - .ant-col-xs-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-xs-order-22 { - order: 22; - } - - .ant-col-xs-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-xs-push-21 { - left: 87.5%; - } - - .ant-col-xs-pull-21 { - right: 87.5%; - } - - .ant-col-xs-offset-21 { - margin-left: 87.5%; - } - - .ant-col-xs-order-21 { - order: 21; - } - - .ant-col-xs-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-xs-push-20 { - left: 83.33333333%; - } - - .ant-col-xs-pull-20 { - right: 83.33333333%; - } - - .ant-col-xs-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-xs-order-20 { - order: 20; - } - - .ant-col-xs-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-xs-push-19 { - left: 79.16666667%; - } - - .ant-col-xs-pull-19 { - right: 79.16666667%; - } - - .ant-col-xs-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-xs-order-19 { - order: 19; - } - - .ant-col-xs-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-xs-push-18 { - left: 75%; - } - - .ant-col-xs-pull-18 { - right: 75%; - } - - .ant-col-xs-offset-18 { - margin-left: 75%; - } - - .ant-col-xs-order-18 { - order: 18; - } - - .ant-col-xs-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-xs-push-17 { - left: 70.83333333%; - } - - .ant-col-xs-pull-17 { - right: 70.83333333%; - } - - .ant-col-xs-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-xs-order-17 { - order: 17; - } - - .ant-col-xs-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-xs-push-16 { - left: 66.66666667%; - } - - .ant-col-xs-pull-16 { - right: 66.66666667%; - } - - .ant-col-xs-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-xs-order-16 { - order: 16; - } - - .ant-col-xs-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-xs-push-15 { - left: 62.5%; - } - - .ant-col-xs-pull-15 { - right: 62.5%; - } - - .ant-col-xs-offset-15 { - margin-left: 62.5%; - } - - .ant-col-xs-order-15 { - order: 15; - } - - .ant-col-xs-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-xs-push-14 { - left: 58.33333333%; - } - - .ant-col-xs-pull-14 { - right: 58.33333333%; - } - - .ant-col-xs-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-xs-order-14 { - order: 14; - } - - .ant-col-xs-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-xs-push-13 { - left: 54.16666667%; - } - - .ant-col-xs-pull-13 { - right: 54.16666667%; - } - - .ant-col-xs-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-xs-order-13 { - order: 13; - } - - .ant-col-xs-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-xs-push-12 { - left: 50%; - } - - .ant-col-xs-pull-12 { - right: 50%; - } - - .ant-col-xs-offset-12 { - margin-left: 50%; - } - - .ant-col-xs-order-12 { - order: 12; - } - - .ant-col-xs-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-xs-push-11 { - left: 45.83333333%; - } - - .ant-col-xs-pull-11 { - right: 45.83333333%; - } - - .ant-col-xs-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-xs-order-11 { - order: 11; - } - - .ant-col-xs-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-xs-push-10 { - left: 41.66666667%; - } - - .ant-col-xs-pull-10 { - right: 41.66666667%; - } - - .ant-col-xs-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-xs-order-10 { - order: 10; - } - - .ant-col-xs-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-xs-push-9 { - left: 37.5%; - } - - .ant-col-xs-pull-9 { - right: 37.5%; - } - - .ant-col-xs-offset-9 { - margin-left: 37.5%; - } - - .ant-col-xs-order-9 { - order: 9; - } - - .ant-col-xs-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-xs-push-8 { - left: 33.33333333%; - } - - .ant-col-xs-pull-8 { - right: 33.33333333%; - } - - .ant-col-xs-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-xs-order-8 { - order: 8; - } - - .ant-col-xs-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-xs-push-7 { - left: 29.16666667%; - } - - .ant-col-xs-pull-7 { - right: 29.16666667%; - } - - .ant-col-xs-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-xs-order-7 { - order: 7; - } - - .ant-col-xs-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-xs-push-6 { - left: 25%; - } - - .ant-col-xs-pull-6 { - right: 25%; - } - - .ant-col-xs-offset-6 { - margin-left: 25%; - } - - .ant-col-xs-order-6 { - order: 6; - } - - .ant-col-xs-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-xs-push-5 { - left: 20.83333333%; - } - - .ant-col-xs-pull-5 { - right: 20.83333333%; - } - - .ant-col-xs-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-xs-order-5 { - order: 5; - } - - .ant-col-xs-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-xs-push-4 { - left: 16.66666667%; - } - - .ant-col-xs-pull-4 { - right: 16.66666667%; - } - - .ant-col-xs-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-xs-order-4 { - order: 4; - } - - .ant-col-xs-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-xs-push-3 { - left: 12.5%; - } - - .ant-col-xs-pull-3 { - right: 12.5%; - } - - .ant-col-xs-offset-3 { - margin-left: 12.5%; - } - - .ant-col-xs-order-3 { - order: 3; - } - - .ant-col-xs-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-xs-push-2 { - left: 8.33333333%; - } - - .ant-col-xs-pull-2 { - right: 8.33333333%; - } - - .ant-col-xs-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-xs-order-2 { - order: 2; - } - - .ant-col-xs-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-xs-push-1 { - left: 4.16666667%; - } - - .ant-col-xs-pull-1 { - right: 4.16666667%; - } - - .ant-col-xs-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-xs-order-1 { - order: 1; - } - - .ant-col-xs-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-xs-push-0 { - left: auto; - } - - .ant-col-xs-pull-0 { - right: auto; - } - - .ant-col-xs-offset-0 { - margin-left: 0; - } - - .ant-col-xs-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-xs-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-xs-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-xs-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-xs-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-xs-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-xs-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-xs-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-xs-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-xs-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-xs-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-xs-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-xs-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-xs-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-xs-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-xs-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-xs-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-xs-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-xs-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-xs-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-xs-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-xs-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-xs-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-xs-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-xs-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-xs-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-xs-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-xs-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-xs-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-xs-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-xs-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-xs-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-xs-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-xs-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-xs-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-xs-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-xs-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-xs-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-xs-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-xs-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-xs-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-xs-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-xs-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-xs-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-xs-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-xs-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-xs-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-xs-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-xs-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-xs-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-xs-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-xs-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-xs-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-xs-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-xs-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-xs-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-xs-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-xs-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-xs-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-xs-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-xs-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-xs-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-xs-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-xs-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-xs-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-xs-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-xs-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-xs-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-xs-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-xs-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-xs-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-xs-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-xs-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-xs-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-xs-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-xs-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - - @media (min-width: 576px) { - .ant-col-sm-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-sm-push-24 { - left: 100%; - } - - .ant-col-sm-pull-24 { - right: 100%; - } - - .ant-col-sm-offset-24 { - margin-left: 100%; - } - - .ant-col-sm-order-24 { - order: 24; - } - - .ant-col-sm-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-sm-push-23 { - left: 95.83333333%; - } - - .ant-col-sm-pull-23 { - right: 95.83333333%; - } - - .ant-col-sm-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-sm-order-23 { - order: 23; - } - - .ant-col-sm-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-sm-push-22 { - left: 91.66666667%; - } - - .ant-col-sm-pull-22 { - right: 91.66666667%; - } - - .ant-col-sm-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-sm-order-22 { - order: 22; - } - - .ant-col-sm-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-sm-push-21 { - left: 87.5%; - } - - .ant-col-sm-pull-21 { - right: 87.5%; - } - - .ant-col-sm-offset-21 { - margin-left: 87.5%; - } - - .ant-col-sm-order-21 { - order: 21; - } - - .ant-col-sm-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-sm-push-20 { - left: 83.33333333%; - } - - .ant-col-sm-pull-20 { - right: 83.33333333%; - } - - .ant-col-sm-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-sm-order-20 { - order: 20; - } - - .ant-col-sm-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-sm-push-19 { - left: 79.16666667%; - } - - .ant-col-sm-pull-19 { - right: 79.16666667%; - } - - .ant-col-sm-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-sm-order-19 { - order: 19; - } - - .ant-col-sm-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-sm-push-18 { - left: 75%; - } - - .ant-col-sm-pull-18 { - right: 75%; - } - - .ant-col-sm-offset-18 { - margin-left: 75%; - } - - .ant-col-sm-order-18 { - order: 18; - } - - .ant-col-sm-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-sm-push-17 { - left: 70.83333333%; - } - - .ant-col-sm-pull-17 { - right: 70.83333333%; - } - - .ant-col-sm-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-sm-order-17 { - order: 17; - } - - .ant-col-sm-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-sm-push-16 { - left: 66.66666667%; - } - - .ant-col-sm-pull-16 { - right: 66.66666667%; - } - - .ant-col-sm-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-sm-order-16 { - order: 16; - } - - .ant-col-sm-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-sm-push-15 { - left: 62.5%; - } - - .ant-col-sm-pull-15 { - right: 62.5%; - } - - .ant-col-sm-offset-15 { - margin-left: 62.5%; - } - - .ant-col-sm-order-15 { - order: 15; - } - - .ant-col-sm-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-sm-push-14 { - left: 58.33333333%; - } - - .ant-col-sm-pull-14 { - right: 58.33333333%; - } - - .ant-col-sm-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-sm-order-14 { - order: 14; - } - - .ant-col-sm-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-sm-push-13 { - left: 54.16666667%; - } - - .ant-col-sm-pull-13 { - right: 54.16666667%; - } - - .ant-col-sm-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-sm-order-13 { - order: 13; - } - - .ant-col-sm-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-sm-push-12 { - left: 50%; - } - - .ant-col-sm-pull-12 { - right: 50%; - } - - .ant-col-sm-offset-12 { - margin-left: 50%; - } - - .ant-col-sm-order-12 { - order: 12; - } - - .ant-col-sm-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-sm-push-11 { - left: 45.83333333%; - } - - .ant-col-sm-pull-11 { - right: 45.83333333%; - } - - .ant-col-sm-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-sm-order-11 { - order: 11; - } - - .ant-col-sm-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-sm-push-10 { - left: 41.66666667%; - } - - .ant-col-sm-pull-10 { - right: 41.66666667%; - } - - .ant-col-sm-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-sm-order-10 { - order: 10; - } - - .ant-col-sm-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-sm-push-9 { - left: 37.5%; - } - - .ant-col-sm-pull-9 { - right: 37.5%; - } - - .ant-col-sm-offset-9 { - margin-left: 37.5%; - } - - .ant-col-sm-order-9 { - order: 9; - } - - .ant-col-sm-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-sm-push-8 { - left: 33.33333333%; - } - - .ant-col-sm-pull-8 { - right: 33.33333333%; - } - - .ant-col-sm-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-sm-order-8 { - order: 8; - } - - .ant-col-sm-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-sm-push-7 { - left: 29.16666667%; - } - - .ant-col-sm-pull-7 { - right: 29.16666667%; - } - - .ant-col-sm-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-sm-order-7 { - order: 7; - } - - .ant-col-sm-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-sm-push-6 { - left: 25%; - } - - .ant-col-sm-pull-6 { - right: 25%; - } - - .ant-col-sm-offset-6 { - margin-left: 25%; - } - - .ant-col-sm-order-6 { - order: 6; - } - - .ant-col-sm-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-sm-push-5 { - left: 20.83333333%; - } - - .ant-col-sm-pull-5 { - right: 20.83333333%; - } - - .ant-col-sm-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-sm-order-5 { - order: 5; - } - - .ant-col-sm-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-sm-push-4 { - left: 16.66666667%; - } - - .ant-col-sm-pull-4 { - right: 16.66666667%; - } - - .ant-col-sm-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-sm-order-4 { - order: 4; - } - - .ant-col-sm-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-sm-push-3 { - left: 12.5%; - } - - .ant-col-sm-pull-3 { - right: 12.5%; - } - - .ant-col-sm-offset-3 { - margin-left: 12.5%; - } - - .ant-col-sm-order-3 { - order: 3; - } - - .ant-col-sm-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-sm-push-2 { - left: 8.33333333%; - } - - .ant-col-sm-pull-2 { - right: 8.33333333%; - } - - .ant-col-sm-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-sm-order-2 { - order: 2; - } - - .ant-col-sm-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-sm-push-1 { - left: 4.16666667%; - } - - .ant-col-sm-pull-1 { - right: 4.16666667%; - } - - .ant-col-sm-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-sm-order-1 { - order: 1; - } - - .ant-col-sm-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-sm-push-0 { - left: auto; - } - - .ant-col-sm-pull-0 { - right: auto; - } - - .ant-col-sm-offset-0 { - margin-left: 0; - } - - .ant-col-sm-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-sm-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-sm-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-sm-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-sm-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-sm-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-sm-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-sm-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-sm-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-sm-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-sm-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-sm-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-sm-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-sm-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-sm-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-sm-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-sm-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-sm-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-sm-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-sm-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-sm-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-sm-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-sm-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-sm-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-sm-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-sm-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-sm-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-sm-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-sm-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-sm-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-sm-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-sm-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-sm-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-sm-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-sm-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-sm-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-sm-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-sm-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-sm-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-sm-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-sm-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-sm-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-sm-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-sm-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-sm-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-sm-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-sm-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-sm-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-sm-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-sm-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-sm-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-sm-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-sm-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-sm-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-sm-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-sm-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-sm-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-sm-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-sm-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-sm-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-sm-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-sm-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-sm-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-sm-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-sm-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-sm-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-sm-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-sm-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-sm-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-sm-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-sm-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-sm-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-sm-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-sm-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-sm-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-sm-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - } - - @media (min-width: 768px) { - .ant-col-md-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-md-push-24 { - left: 100%; - } - - .ant-col-md-pull-24 { - right: 100%; - } - - .ant-col-md-offset-24 { - margin-left: 100%; - } - - .ant-col-md-order-24 { - order: 24; - } - - .ant-col-md-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-md-push-23 { - left: 95.83333333%; - } - - .ant-col-md-pull-23 { - right: 95.83333333%; - } - - .ant-col-md-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-md-order-23 { - order: 23; - } - - .ant-col-md-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-md-push-22 { - left: 91.66666667%; - } - - .ant-col-md-pull-22 { - right: 91.66666667%; - } - - .ant-col-md-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-md-order-22 { - order: 22; - } - - .ant-col-md-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-md-push-21 { - left: 87.5%; - } - - .ant-col-md-pull-21 { - right: 87.5%; - } - - .ant-col-md-offset-21 { - margin-left: 87.5%; - } - - .ant-col-md-order-21 { - order: 21; - } - - .ant-col-md-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-md-push-20 { - left: 83.33333333%; - } - - .ant-col-md-pull-20 { - right: 83.33333333%; - } - - .ant-col-md-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-md-order-20 { - order: 20; - } - - .ant-col-md-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-md-push-19 { - left: 79.16666667%; - } - - .ant-col-md-pull-19 { - right: 79.16666667%; - } - - .ant-col-md-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-md-order-19 { - order: 19; - } - - .ant-col-md-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-md-push-18 { - left: 75%; - } - - .ant-col-md-pull-18 { - right: 75%; - } - - .ant-col-md-offset-18 { - margin-left: 75%; - } - - .ant-col-md-order-18 { - order: 18; - } - - .ant-col-md-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-md-push-17 { - left: 70.83333333%; - } - - .ant-col-md-pull-17 { - right: 70.83333333%; - } - - .ant-col-md-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-md-order-17 { - order: 17; - } - - .ant-col-md-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-md-push-16 { - left: 66.66666667%; - } - - .ant-col-md-pull-16 { - right: 66.66666667%; - } - - .ant-col-md-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-md-order-16 { - order: 16; - } - - .ant-col-md-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-md-push-15 { - left: 62.5%; - } - - .ant-col-md-pull-15 { - right: 62.5%; - } - - .ant-col-md-offset-15 { - margin-left: 62.5%; - } - - .ant-col-md-order-15 { - order: 15; - } - - .ant-col-md-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-md-push-14 { - left: 58.33333333%; - } - - .ant-col-md-pull-14 { - right: 58.33333333%; - } - - .ant-col-md-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-md-order-14 { - order: 14; - } - - .ant-col-md-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-md-push-13 { - left: 54.16666667%; - } - - .ant-col-md-pull-13 { - right: 54.16666667%; - } - - .ant-col-md-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-md-order-13 { - order: 13; - } - - .ant-col-md-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-md-push-12 { - left: 50%; - } - - .ant-col-md-pull-12 { - right: 50%; - } - - .ant-col-md-offset-12 { - margin-left: 50%; - } - - .ant-col-md-order-12 { - order: 12; - } - - .ant-col-md-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-md-push-11 { - left: 45.83333333%; - } - - .ant-col-md-pull-11 { - right: 45.83333333%; - } - - .ant-col-md-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-md-order-11 { - order: 11; - } - - .ant-col-md-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-md-push-10 { - left: 41.66666667%; - } - - .ant-col-md-pull-10 { - right: 41.66666667%; - } - - .ant-col-md-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-md-order-10 { - order: 10; - } - - .ant-col-md-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-md-push-9 { - left: 37.5%; - } - - .ant-col-md-pull-9 { - right: 37.5%; - } - - .ant-col-md-offset-9 { - margin-left: 37.5%; - } - - .ant-col-md-order-9 { - order: 9; - } - - .ant-col-md-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-md-push-8 { - left: 33.33333333%; - } - - .ant-col-md-pull-8 { - right: 33.33333333%; - } - - .ant-col-md-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-md-order-8 { - order: 8; - } - - .ant-col-md-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-md-push-7 { - left: 29.16666667%; - } - - .ant-col-md-pull-7 { - right: 29.16666667%; - } - - .ant-col-md-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-md-order-7 { - order: 7; - } - - .ant-col-md-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-md-push-6 { - left: 25%; - } - - .ant-col-md-pull-6 { - right: 25%; - } - - .ant-col-md-offset-6 { - margin-left: 25%; - } - - .ant-col-md-order-6 { - order: 6; - } - - .ant-col-md-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-md-push-5 { - left: 20.83333333%; - } - - .ant-col-md-pull-5 { - right: 20.83333333%; - } - - .ant-col-md-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-md-order-5 { - order: 5; - } - - .ant-col-md-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-md-push-4 { - left: 16.66666667%; - } - - .ant-col-md-pull-4 { - right: 16.66666667%; - } - - .ant-col-md-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-md-order-4 { - order: 4; - } - - .ant-col-md-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-md-push-3 { - left: 12.5%; - } - - .ant-col-md-pull-3 { - right: 12.5%; - } - - .ant-col-md-offset-3 { - margin-left: 12.5%; - } - - .ant-col-md-order-3 { - order: 3; - } - - .ant-col-md-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-md-push-2 { - left: 8.33333333%; - } - - .ant-col-md-pull-2 { - right: 8.33333333%; - } - - .ant-col-md-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-md-order-2 { - order: 2; - } - - .ant-col-md-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-md-push-1 { - left: 4.16666667%; - } - - .ant-col-md-pull-1 { - right: 4.16666667%; - } - - .ant-col-md-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-md-order-1 { - order: 1; - } - - .ant-col-md-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-md-push-0 { - left: auto; - } - - .ant-col-md-pull-0 { - right: auto; - } - - .ant-col-md-offset-0 { - margin-left: 0; - } - - .ant-col-md-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-md-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-md-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-md-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-md-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-md-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-md-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-md-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-md-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-md-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-md-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-md-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-md-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-md-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-md-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-md-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-md-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-md-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-md-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-md-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-md-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-md-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-md-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-md-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-md-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-md-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-md-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-md-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-md-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-md-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-md-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-md-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-md-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-md-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-md-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-md-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-md-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-md-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-md-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-md-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-md-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-md-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-md-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-md-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-md-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-md-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-md-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-md-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-md-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-md-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-md-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-md-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-md-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-md-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-md-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-md-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-md-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-md-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-md-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-md-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-md-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-md-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-md-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-md-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-md-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-md-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-md-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-md-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-md-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-md-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-md-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-md-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-md-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-md-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-md-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-md-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - } - - @media (min-width: 992px) { - .ant-col-lg-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-lg-push-24 { - left: 100%; - } - - .ant-col-lg-pull-24 { - right: 100%; - } - - .ant-col-lg-offset-24 { - margin-left: 100%; - } - - .ant-col-lg-order-24 { - order: 24; - } - - .ant-col-lg-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-lg-push-23 { - left: 95.83333333%; - } - - .ant-col-lg-pull-23 { - right: 95.83333333%; - } - - .ant-col-lg-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-lg-order-23 { - order: 23; - } - - .ant-col-lg-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-lg-push-22 { - left: 91.66666667%; - } - - .ant-col-lg-pull-22 { - right: 91.66666667%; - } - - .ant-col-lg-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-lg-order-22 { - order: 22; - } - - .ant-col-lg-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-lg-push-21 { - left: 87.5%; - } - - .ant-col-lg-pull-21 { - right: 87.5%; - } - - .ant-col-lg-offset-21 { - margin-left: 87.5%; - } - - .ant-col-lg-order-21 { - order: 21; - } - - .ant-col-lg-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-lg-push-20 { - left: 83.33333333%; - } - - .ant-col-lg-pull-20 { - right: 83.33333333%; - } - - .ant-col-lg-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-lg-order-20 { - order: 20; - } - - .ant-col-lg-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-lg-push-19 { - left: 79.16666667%; - } - - .ant-col-lg-pull-19 { - right: 79.16666667%; - } - - .ant-col-lg-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-lg-order-19 { - order: 19; - } - - .ant-col-lg-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-lg-push-18 { - left: 75%; - } - - .ant-col-lg-pull-18 { - right: 75%; - } - - .ant-col-lg-offset-18 { - margin-left: 75%; - } - - .ant-col-lg-order-18 { - order: 18; - } - - .ant-col-lg-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-lg-push-17 { - left: 70.83333333%; - } - - .ant-col-lg-pull-17 { - right: 70.83333333%; - } - - .ant-col-lg-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-lg-order-17 { - order: 17; - } - - .ant-col-lg-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-lg-push-16 { - left: 66.66666667%; - } - - .ant-col-lg-pull-16 { - right: 66.66666667%; - } - - .ant-col-lg-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-lg-order-16 { - order: 16; - } - - .ant-col-lg-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-lg-push-15 { - left: 62.5%; - } - - .ant-col-lg-pull-15 { - right: 62.5%; - } - - .ant-col-lg-offset-15 { - margin-left: 62.5%; - } - - .ant-col-lg-order-15 { - order: 15; - } - - .ant-col-lg-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-lg-push-14 { - left: 58.33333333%; - } - - .ant-col-lg-pull-14 { - right: 58.33333333%; - } - - .ant-col-lg-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-lg-order-14 { - order: 14; - } - - .ant-col-lg-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-lg-push-13 { - left: 54.16666667%; - } - - .ant-col-lg-pull-13 { - right: 54.16666667%; - } - - .ant-col-lg-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-lg-order-13 { - order: 13; - } - - .ant-col-lg-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-lg-push-12 { - left: 50%; - } - - .ant-col-lg-pull-12 { - right: 50%; - } - - .ant-col-lg-offset-12 { - margin-left: 50%; - } - - .ant-col-lg-order-12 { - order: 12; - } - - .ant-col-lg-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-lg-push-11 { - left: 45.83333333%; - } - - .ant-col-lg-pull-11 { - right: 45.83333333%; - } - - .ant-col-lg-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-lg-order-11 { - order: 11; - } - - .ant-col-lg-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-lg-push-10 { - left: 41.66666667%; - } - - .ant-col-lg-pull-10 { - right: 41.66666667%; - } - - .ant-col-lg-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-lg-order-10 { - order: 10; - } - - .ant-col-lg-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-lg-push-9 { - left: 37.5%; - } - - .ant-col-lg-pull-9 { - right: 37.5%; - } - - .ant-col-lg-offset-9 { - margin-left: 37.5%; - } - - .ant-col-lg-order-9 { - order: 9; - } - - .ant-col-lg-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-lg-push-8 { - left: 33.33333333%; - } - - .ant-col-lg-pull-8 { - right: 33.33333333%; - } - - .ant-col-lg-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-lg-order-8 { - order: 8; - } - - .ant-col-lg-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-lg-push-7 { - left: 29.16666667%; - } - - .ant-col-lg-pull-7 { - right: 29.16666667%; - } - - .ant-col-lg-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-lg-order-7 { - order: 7; - } - - .ant-col-lg-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-lg-push-6 { - left: 25%; - } - - .ant-col-lg-pull-6 { - right: 25%; - } - - .ant-col-lg-offset-6 { - margin-left: 25%; - } - - .ant-col-lg-order-6 { - order: 6; - } - - .ant-col-lg-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-lg-push-5 { - left: 20.83333333%; - } - - .ant-col-lg-pull-5 { - right: 20.83333333%; - } - - .ant-col-lg-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-lg-order-5 { - order: 5; - } - - .ant-col-lg-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-lg-push-4 { - left: 16.66666667%; - } - - .ant-col-lg-pull-4 { - right: 16.66666667%; - } - - .ant-col-lg-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-lg-order-4 { - order: 4; - } - - .ant-col-lg-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-lg-push-3 { - left: 12.5%; - } - - .ant-col-lg-pull-3 { - right: 12.5%; - } - - .ant-col-lg-offset-3 { - margin-left: 12.5%; - } - - .ant-col-lg-order-3 { - order: 3; - } - - .ant-col-lg-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-lg-push-2 { - left: 8.33333333%; - } - - .ant-col-lg-pull-2 { - right: 8.33333333%; - } - - .ant-col-lg-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-lg-order-2 { - order: 2; - } - - .ant-col-lg-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-lg-push-1 { - left: 4.16666667%; - } - - .ant-col-lg-pull-1 { - right: 4.16666667%; - } - - .ant-col-lg-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-lg-order-1 { - order: 1; - } - - .ant-col-lg-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-lg-push-0 { - left: auto; - } - - .ant-col-lg-pull-0 { - right: auto; - } - - .ant-col-lg-offset-0 { - margin-left: 0; - } - - .ant-col-lg-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-lg-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-lg-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-lg-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-lg-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-lg-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-lg-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-lg-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-lg-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-lg-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-lg-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-lg-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-lg-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-lg-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-lg-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-lg-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-lg-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-lg-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-lg-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-lg-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-lg-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-lg-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-lg-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-lg-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-lg-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-lg-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-lg-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-lg-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-lg-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-lg-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-lg-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-lg-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-lg-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-lg-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-lg-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-lg-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-lg-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-lg-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-lg-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-lg-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-lg-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-lg-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-lg-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-lg-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-lg-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-lg-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-lg-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-lg-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-lg-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-lg-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-lg-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-lg-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-lg-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-lg-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-lg-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-lg-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-lg-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-lg-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-lg-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-lg-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-lg-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-lg-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-lg-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-lg-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-lg-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-lg-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-lg-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-lg-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-lg-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-lg-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-lg-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-lg-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-lg-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-lg-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-lg-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-lg-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - } - - @media (min-width: 1200px) { - .ant-col-xl-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-xl-push-24 { - left: 100%; - } - - .ant-col-xl-pull-24 { - right: 100%; - } - - .ant-col-xl-offset-24 { - margin-left: 100%; - } - - .ant-col-xl-order-24 { - order: 24; - } - - .ant-col-xl-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-xl-push-23 { - left: 95.83333333%; - } - - .ant-col-xl-pull-23 { - right: 95.83333333%; - } - - .ant-col-xl-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-xl-order-23 { - order: 23; - } - - .ant-col-xl-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-xl-push-22 { - left: 91.66666667%; - } - - .ant-col-xl-pull-22 { - right: 91.66666667%; - } - - .ant-col-xl-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-xl-order-22 { - order: 22; - } - - .ant-col-xl-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-xl-push-21 { - left: 87.5%; - } - - .ant-col-xl-pull-21 { - right: 87.5%; - } - - .ant-col-xl-offset-21 { - margin-left: 87.5%; - } - - .ant-col-xl-order-21 { - order: 21; - } - - .ant-col-xl-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-xl-push-20 { - left: 83.33333333%; - } - - .ant-col-xl-pull-20 { - right: 83.33333333%; - } - - .ant-col-xl-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-xl-order-20 { - order: 20; - } - - .ant-col-xl-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-xl-push-19 { - left: 79.16666667%; - } - - .ant-col-xl-pull-19 { - right: 79.16666667%; - } - - .ant-col-xl-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-xl-order-19 { - order: 19; - } - - .ant-col-xl-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-xl-push-18 { - left: 75%; - } - - .ant-col-xl-pull-18 { - right: 75%; - } - - .ant-col-xl-offset-18 { - margin-left: 75%; - } - - .ant-col-xl-order-18 { - order: 18; - } - - .ant-col-xl-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-xl-push-17 { - left: 70.83333333%; - } - - .ant-col-xl-pull-17 { - right: 70.83333333%; - } - - .ant-col-xl-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-xl-order-17 { - order: 17; - } - - .ant-col-xl-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-xl-push-16 { - left: 66.66666667%; - } - - .ant-col-xl-pull-16 { - right: 66.66666667%; - } - - .ant-col-xl-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-xl-order-16 { - order: 16; - } - - .ant-col-xl-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-xl-push-15 { - left: 62.5%; - } - - .ant-col-xl-pull-15 { - right: 62.5%; - } - - .ant-col-xl-offset-15 { - margin-left: 62.5%; - } - - .ant-col-xl-order-15 { - order: 15; - } - - .ant-col-xl-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-xl-push-14 { - left: 58.33333333%; - } - - .ant-col-xl-pull-14 { - right: 58.33333333%; - } - - .ant-col-xl-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-xl-order-14 { - order: 14; - } - - .ant-col-xl-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-xl-push-13 { - left: 54.16666667%; - } - - .ant-col-xl-pull-13 { - right: 54.16666667%; - } - - .ant-col-xl-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-xl-order-13 { - order: 13; - } - - .ant-col-xl-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-xl-push-12 { - left: 50%; - } - - .ant-col-xl-pull-12 { - right: 50%; - } - - .ant-col-xl-offset-12 { - margin-left: 50%; - } - - .ant-col-xl-order-12 { - order: 12; - } - - .ant-col-xl-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-xl-push-11 { - left: 45.83333333%; - } - - .ant-col-xl-pull-11 { - right: 45.83333333%; - } - - .ant-col-xl-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-xl-order-11 { - order: 11; - } - - .ant-col-xl-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-xl-push-10 { - left: 41.66666667%; - } - - .ant-col-xl-pull-10 { - right: 41.66666667%; - } - - .ant-col-xl-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-xl-order-10 { - order: 10; - } - - .ant-col-xl-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-xl-push-9 { - left: 37.5%; - } - - .ant-col-xl-pull-9 { - right: 37.5%; - } - - .ant-col-xl-offset-9 { - margin-left: 37.5%; - } - - .ant-col-xl-order-9 { - order: 9; - } - - .ant-col-xl-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-xl-push-8 { - left: 33.33333333%; - } - - .ant-col-xl-pull-8 { - right: 33.33333333%; - } - - .ant-col-xl-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-xl-order-8 { - order: 8; - } - - .ant-col-xl-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-xl-push-7 { - left: 29.16666667%; - } - - .ant-col-xl-pull-7 { - right: 29.16666667%; - } - - .ant-col-xl-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-xl-order-7 { - order: 7; - } - - .ant-col-xl-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-xl-push-6 { - left: 25%; - } - - .ant-col-xl-pull-6 { - right: 25%; - } - - .ant-col-xl-offset-6 { - margin-left: 25%; - } - - .ant-col-xl-order-6 { - order: 6; - } - - .ant-col-xl-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-xl-push-5 { - left: 20.83333333%; - } - - .ant-col-xl-pull-5 { - right: 20.83333333%; - } - - .ant-col-xl-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-xl-order-5 { - order: 5; - } - - .ant-col-xl-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-xl-push-4 { - left: 16.66666667%; - } - - .ant-col-xl-pull-4 { - right: 16.66666667%; - } - - .ant-col-xl-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-xl-order-4 { - order: 4; - } - - .ant-col-xl-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-xl-push-3 { - left: 12.5%; - } - - .ant-col-xl-pull-3 { - right: 12.5%; - } - - .ant-col-xl-offset-3 { - margin-left: 12.5%; - } - - .ant-col-xl-order-3 { - order: 3; - } - - .ant-col-xl-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-xl-push-2 { - left: 8.33333333%; - } - - .ant-col-xl-pull-2 { - right: 8.33333333%; - } - - .ant-col-xl-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-xl-order-2 { - order: 2; - } - - .ant-col-xl-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-xl-push-1 { - left: 4.16666667%; - } - - .ant-col-xl-pull-1 { - right: 4.16666667%; - } - - .ant-col-xl-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-xl-order-1 { - order: 1; - } - - .ant-col-xl-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-xl-push-0 { - left: auto; - } - - .ant-col-xl-pull-0 { - right: auto; - } - - .ant-col-xl-offset-0 { - margin-left: 0; - } - - .ant-col-xl-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-xl-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-xl-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-xl-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-xl-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-xl-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-xl-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-xl-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-xl-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-xl-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-xl-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-xl-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-xl-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-xl-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-xl-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-xl-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-xl-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-xl-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-xl-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-xl-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-xl-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-xl-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-xl-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-xl-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-xl-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-xl-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-xl-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-xl-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-xl-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-xl-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-xl-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-xl-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-xl-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-xl-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-xl-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-xl-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-xl-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-xl-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-xl-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-xl-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-xl-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-xl-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-xl-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-xl-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-xl-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-xl-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-xl-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-xl-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-xl-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-xl-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-xl-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-xl-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-xl-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-xl-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-xl-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-xl-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-xl-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-xl-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-xl-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-xl-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-xl-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-xl-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-xl-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-xl-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-xl-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-xl-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-xl-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-xl-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-xl-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-xl-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-xl-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-xl-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-xl-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-xl-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-xl-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-xl-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - } - - @media (min-width: 1600px) { - .ant-col-xxl-24 { - display: block; - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-xxl-push-24 { - left: 100%; - } - - .ant-col-xxl-pull-24 { - right: 100%; - } - - .ant-col-xxl-offset-24 { - margin-left: 100%; - } - - .ant-col-xxl-order-24 { - order: 24; - } - - .ant-col-xxl-23 { - display: block; - flex: 0 0 95.83333333%; - max-width: 95.83333333%; - } - - .ant-col-xxl-push-23 { - left: 95.83333333%; - } - - .ant-col-xxl-pull-23 { - right: 95.83333333%; - } - - .ant-col-xxl-offset-23 { - margin-left: 95.83333333%; - } - - .ant-col-xxl-order-23 { - order: 23; - } - - .ant-col-xxl-22 { - display: block; - flex: 0 0 91.66666667%; - max-width: 91.66666667%; - } - - .ant-col-xxl-push-22 { - left: 91.66666667%; - } - - .ant-col-xxl-pull-22 { - right: 91.66666667%; - } - - .ant-col-xxl-offset-22 { - margin-left: 91.66666667%; - } - - .ant-col-xxl-order-22 { - order: 22; - } - - .ant-col-xxl-21 { - display: block; - flex: 0 0 87.5%; - max-width: 87.5%; - } - - .ant-col-xxl-push-21 { - left: 87.5%; - } - - .ant-col-xxl-pull-21 { - right: 87.5%; - } - - .ant-col-xxl-offset-21 { - margin-left: 87.5%; - } - - .ant-col-xxl-order-21 { - order: 21; - } - - .ant-col-xxl-20 { - display: block; - flex: 0 0 83.33333333%; - max-width: 83.33333333%; - } - - .ant-col-xxl-push-20 { - left: 83.33333333%; - } - - .ant-col-xxl-pull-20 { - right: 83.33333333%; - } - - .ant-col-xxl-offset-20 { - margin-left: 83.33333333%; - } - - .ant-col-xxl-order-20 { - order: 20; - } - - .ant-col-xxl-19 { - display: block; - flex: 0 0 79.16666667%; - max-width: 79.16666667%; - } - - .ant-col-xxl-push-19 { - left: 79.16666667%; - } - - .ant-col-xxl-pull-19 { - right: 79.16666667%; - } - - .ant-col-xxl-offset-19 { - margin-left: 79.16666667%; - } - - .ant-col-xxl-order-19 { - order: 19; - } - - .ant-col-xxl-18 { - display: block; - flex: 0 0 75%; - max-width: 75%; - } - - .ant-col-xxl-push-18 { - left: 75%; - } - - .ant-col-xxl-pull-18 { - right: 75%; - } - - .ant-col-xxl-offset-18 { - margin-left: 75%; - } - - .ant-col-xxl-order-18 { - order: 18; - } - - .ant-col-xxl-17 { - display: block; - flex: 0 0 70.83333333%; - max-width: 70.83333333%; - } - - .ant-col-xxl-push-17 { - left: 70.83333333%; - } - - .ant-col-xxl-pull-17 { - right: 70.83333333%; - } - - .ant-col-xxl-offset-17 { - margin-left: 70.83333333%; - } - - .ant-col-xxl-order-17 { - order: 17; - } - - .ant-col-xxl-16 { - display: block; - flex: 0 0 66.66666667%; - max-width: 66.66666667%; - } - - .ant-col-xxl-push-16 { - left: 66.66666667%; - } - - .ant-col-xxl-pull-16 { - right: 66.66666667%; - } - - .ant-col-xxl-offset-16 { - margin-left: 66.66666667%; - } - - .ant-col-xxl-order-16 { - order: 16; - } - - .ant-col-xxl-15 { - display: block; - flex: 0 0 62.5%; - max-width: 62.5%; - } - - .ant-col-xxl-push-15 { - left: 62.5%; - } - - .ant-col-xxl-pull-15 { - right: 62.5%; - } - - .ant-col-xxl-offset-15 { - margin-left: 62.5%; - } - - .ant-col-xxl-order-15 { - order: 15; - } - - .ant-col-xxl-14 { - display: block; - flex: 0 0 58.33333333%; - max-width: 58.33333333%; - } - - .ant-col-xxl-push-14 { - left: 58.33333333%; - } - - .ant-col-xxl-pull-14 { - right: 58.33333333%; - } - - .ant-col-xxl-offset-14 { - margin-left: 58.33333333%; - } - - .ant-col-xxl-order-14 { - order: 14; - } - - .ant-col-xxl-13 { - display: block; - flex: 0 0 54.16666667%; - max-width: 54.16666667%; - } - - .ant-col-xxl-push-13 { - left: 54.16666667%; - } - - .ant-col-xxl-pull-13 { - right: 54.16666667%; - } - - .ant-col-xxl-offset-13 { - margin-left: 54.16666667%; - } - - .ant-col-xxl-order-13 { - order: 13; - } - - .ant-col-xxl-12 { - display: block; - flex: 0 0 50%; - max-width: 50%; - } - - .ant-col-xxl-push-12 { - left: 50%; - } - - .ant-col-xxl-pull-12 { - right: 50%; - } - - .ant-col-xxl-offset-12 { - margin-left: 50%; - } - - .ant-col-xxl-order-12 { - order: 12; - } - - .ant-col-xxl-11 { - display: block; - flex: 0 0 45.83333333%; - max-width: 45.83333333%; - } - - .ant-col-xxl-push-11 { - left: 45.83333333%; - } - - .ant-col-xxl-pull-11 { - right: 45.83333333%; - } - - .ant-col-xxl-offset-11 { - margin-left: 45.83333333%; - } - - .ant-col-xxl-order-11 { - order: 11; - } - - .ant-col-xxl-10 { - display: block; - flex: 0 0 41.66666667%; - max-width: 41.66666667%; - } - - .ant-col-xxl-push-10 { - left: 41.66666667%; - } - - .ant-col-xxl-pull-10 { - right: 41.66666667%; - } - - .ant-col-xxl-offset-10 { - margin-left: 41.66666667%; - } - - .ant-col-xxl-order-10 { - order: 10; - } - - .ant-col-xxl-9 { - display: block; - flex: 0 0 37.5%; - max-width: 37.5%; - } - - .ant-col-xxl-push-9 { - left: 37.5%; - } - - .ant-col-xxl-pull-9 { - right: 37.5%; - } - - .ant-col-xxl-offset-9 { - margin-left: 37.5%; - } - - .ant-col-xxl-order-9 { - order: 9; - } - - .ant-col-xxl-8 { - display: block; - flex: 0 0 33.33333333%; - max-width: 33.33333333%; - } - - .ant-col-xxl-push-8 { - left: 33.33333333%; - } - - .ant-col-xxl-pull-8 { - right: 33.33333333%; - } - - .ant-col-xxl-offset-8 { - margin-left: 33.33333333%; - } - - .ant-col-xxl-order-8 { - order: 8; - } - - .ant-col-xxl-7 { - display: block; - flex: 0 0 29.16666667%; - max-width: 29.16666667%; - } - - .ant-col-xxl-push-7 { - left: 29.16666667%; - } - - .ant-col-xxl-pull-7 { - right: 29.16666667%; - } - - .ant-col-xxl-offset-7 { - margin-left: 29.16666667%; - } - - .ant-col-xxl-order-7 { - order: 7; - } - - .ant-col-xxl-6 { - display: block; - flex: 0 0 25%; - max-width: 25%; - } - - .ant-col-xxl-push-6 { - left: 25%; - } - - .ant-col-xxl-pull-6 { - right: 25%; - } - - .ant-col-xxl-offset-6 { - margin-left: 25%; - } - - .ant-col-xxl-order-6 { - order: 6; - } - - .ant-col-xxl-5 { - display: block; - flex: 0 0 20.83333333%; - max-width: 20.83333333%; - } - - .ant-col-xxl-push-5 { - left: 20.83333333%; - } - - .ant-col-xxl-pull-5 { - right: 20.83333333%; - } - - .ant-col-xxl-offset-5 { - margin-left: 20.83333333%; - } - - .ant-col-xxl-order-5 { - order: 5; - } - - .ant-col-xxl-4 { - display: block; - flex: 0 0 16.66666667%; - max-width: 16.66666667%; - } - - .ant-col-xxl-push-4 { - left: 16.66666667%; - } - - .ant-col-xxl-pull-4 { - right: 16.66666667%; - } - - .ant-col-xxl-offset-4 { - margin-left: 16.66666667%; - } - - .ant-col-xxl-order-4 { - order: 4; - } - - .ant-col-xxl-3 { - display: block; - flex: 0 0 12.5%; - max-width: 12.5%; - } - - .ant-col-xxl-push-3 { - left: 12.5%; - } - - .ant-col-xxl-pull-3 { - right: 12.5%; - } - - .ant-col-xxl-offset-3 { - margin-left: 12.5%; - } - - .ant-col-xxl-order-3 { - order: 3; - } - - .ant-col-xxl-2 { - display: block; - flex: 0 0 8.33333333%; - max-width: 8.33333333%; - } - - .ant-col-xxl-push-2 { - left: 8.33333333%; - } - - .ant-col-xxl-pull-2 { - right: 8.33333333%; - } - - .ant-col-xxl-offset-2 { - margin-left: 8.33333333%; - } - - .ant-col-xxl-order-2 { - order: 2; - } - - .ant-col-xxl-1 { - display: block; - flex: 0 0 4.16666667%; - max-width: 4.16666667%; - } - - .ant-col-xxl-push-1 { - left: 4.16666667%; - } - - .ant-col-xxl-pull-1 { - right: 4.16666667%; - } - - .ant-col-xxl-offset-1 { - margin-left: 4.16666667%; - } - - .ant-col-xxl-order-1 { - order: 1; - } - - .ant-col-xxl-0 { - display: none; - } - - .ant-col-push-0 { - left: auto; - } - - .ant-col-pull-0 { - right: auto; - } - - .ant-col-xxl-push-0 { - left: auto; - } - - .ant-col-xxl-pull-0 { - right: auto; - } - - .ant-col-xxl-offset-0 { - margin-left: 0; - } - - .ant-col-xxl-order-0 { - order: 0; - } - - .ant-col-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-xxl-push-0.ant-col-rtl { - right: auto; - } - - .ant-col-xxl-pull-0.ant-col-rtl { - left: auto; - } - - .ant-col-xxl-offset-0.ant-col-rtl { - margin-right: 0; - } - - .ant-col-xxl-push-1.ant-col-rtl { - right: 4.16666667%; - left: auto; - } - - .ant-col-xxl-pull-1.ant-col-rtl { - right: auto; - left: 4.16666667%; - } - - .ant-col-xxl-offset-1.ant-col-rtl { - margin-right: 4.16666667%; - margin-left: 0; - } - - .ant-col-xxl-push-2.ant-col-rtl { - right: 8.33333333%; - left: auto; - } - - .ant-col-xxl-pull-2.ant-col-rtl { - right: auto; - left: 8.33333333%; - } - - .ant-col-xxl-offset-2.ant-col-rtl { - margin-right: 8.33333333%; - margin-left: 0; - } - - .ant-col-xxl-push-3.ant-col-rtl { - right: 12.5%; - left: auto; - } - - .ant-col-xxl-pull-3.ant-col-rtl { - right: auto; - left: 12.5%; - } - - .ant-col-xxl-offset-3.ant-col-rtl { - margin-right: 12.5%; - margin-left: 0; - } - - .ant-col-xxl-push-4.ant-col-rtl { - right: 16.66666667%; - left: auto; - } - - .ant-col-xxl-pull-4.ant-col-rtl { - right: auto; - left: 16.66666667%; - } - - .ant-col-xxl-offset-4.ant-col-rtl { - margin-right: 16.66666667%; - margin-left: 0; - } - - .ant-col-xxl-push-5.ant-col-rtl { - right: 20.83333333%; - left: auto; - } - - .ant-col-xxl-pull-5.ant-col-rtl { - right: auto; - left: 20.83333333%; - } - - .ant-col-xxl-offset-5.ant-col-rtl { - margin-right: 20.83333333%; - margin-left: 0; - } - - .ant-col-xxl-push-6.ant-col-rtl { - right: 25%; - left: auto; - } - - .ant-col-xxl-pull-6.ant-col-rtl { - right: auto; - left: 25%; - } - - .ant-col-xxl-offset-6.ant-col-rtl { - margin-right: 25%; - margin-left: 0; - } - - .ant-col-xxl-push-7.ant-col-rtl { - right: 29.16666667%; - left: auto; - } - - .ant-col-xxl-pull-7.ant-col-rtl { - right: auto; - left: 29.16666667%; - } - - .ant-col-xxl-offset-7.ant-col-rtl { - margin-right: 29.16666667%; - margin-left: 0; - } - - .ant-col-xxl-push-8.ant-col-rtl { - right: 33.33333333%; - left: auto; - } - - .ant-col-xxl-pull-8.ant-col-rtl { - right: auto; - left: 33.33333333%; - } - - .ant-col-xxl-offset-8.ant-col-rtl { - margin-right: 33.33333333%; - margin-left: 0; - } - - .ant-col-xxl-push-9.ant-col-rtl { - right: 37.5%; - left: auto; - } - - .ant-col-xxl-pull-9.ant-col-rtl { - right: auto; - left: 37.5%; - } - - .ant-col-xxl-offset-9.ant-col-rtl { - margin-right: 37.5%; - margin-left: 0; - } - - .ant-col-xxl-push-10.ant-col-rtl { - right: 41.66666667%; - left: auto; - } - - .ant-col-xxl-pull-10.ant-col-rtl { - right: auto; - left: 41.66666667%; - } - - .ant-col-xxl-offset-10.ant-col-rtl { - margin-right: 41.66666667%; - margin-left: 0; - } - - .ant-col-xxl-push-11.ant-col-rtl { - right: 45.83333333%; - left: auto; - } - - .ant-col-xxl-pull-11.ant-col-rtl { - right: auto; - left: 45.83333333%; - } - - .ant-col-xxl-offset-11.ant-col-rtl { - margin-right: 45.83333333%; - margin-left: 0; - } - - .ant-col-xxl-push-12.ant-col-rtl { - right: 50%; - left: auto; - } - - .ant-col-xxl-pull-12.ant-col-rtl { - right: auto; - left: 50%; - } - - .ant-col-xxl-offset-12.ant-col-rtl { - margin-right: 50%; - margin-left: 0; - } - - .ant-col-xxl-push-13.ant-col-rtl { - right: 54.16666667%; - left: auto; - } - - .ant-col-xxl-pull-13.ant-col-rtl { - right: auto; - left: 54.16666667%; - } - - .ant-col-xxl-offset-13.ant-col-rtl { - margin-right: 54.16666667%; - margin-left: 0; - } - - .ant-col-xxl-push-14.ant-col-rtl { - right: 58.33333333%; - left: auto; - } - - .ant-col-xxl-pull-14.ant-col-rtl { - right: auto; - left: 58.33333333%; - } - - .ant-col-xxl-offset-14.ant-col-rtl { - margin-right: 58.33333333%; - margin-left: 0; - } - - .ant-col-xxl-push-15.ant-col-rtl { - right: 62.5%; - left: auto; - } - - .ant-col-xxl-pull-15.ant-col-rtl { - right: auto; - left: 62.5%; - } - - .ant-col-xxl-offset-15.ant-col-rtl { - margin-right: 62.5%; - margin-left: 0; - } - - .ant-col-xxl-push-16.ant-col-rtl { - right: 66.66666667%; - left: auto; - } - - .ant-col-xxl-pull-16.ant-col-rtl { - right: auto; - left: 66.66666667%; - } - - .ant-col-xxl-offset-16.ant-col-rtl { - margin-right: 66.66666667%; - margin-left: 0; - } - - .ant-col-xxl-push-17.ant-col-rtl { - right: 70.83333333%; - left: auto; - } - - .ant-col-xxl-pull-17.ant-col-rtl { - right: auto; - left: 70.83333333%; - } - - .ant-col-xxl-offset-17.ant-col-rtl { - margin-right: 70.83333333%; - margin-left: 0; - } - - .ant-col-xxl-push-18.ant-col-rtl { - right: 75%; - left: auto; - } - - .ant-col-xxl-pull-18.ant-col-rtl { - right: auto; - left: 75%; - } - - .ant-col-xxl-offset-18.ant-col-rtl { - margin-right: 75%; - margin-left: 0; - } - - .ant-col-xxl-push-19.ant-col-rtl { - right: 79.16666667%; - left: auto; - } - - .ant-col-xxl-pull-19.ant-col-rtl { - right: auto; - left: 79.16666667%; - } - - .ant-col-xxl-offset-19.ant-col-rtl { - margin-right: 79.16666667%; - margin-left: 0; - } - - .ant-col-xxl-push-20.ant-col-rtl { - right: 83.33333333%; - left: auto; - } - - .ant-col-xxl-pull-20.ant-col-rtl { - right: auto; - left: 83.33333333%; - } - - .ant-col-xxl-offset-20.ant-col-rtl { - margin-right: 83.33333333%; - margin-left: 0; - } - - .ant-col-xxl-push-21.ant-col-rtl { - right: 87.5%; - left: auto; - } - - .ant-col-xxl-pull-21.ant-col-rtl { - right: auto; - left: 87.5%; - } - - .ant-col-xxl-offset-21.ant-col-rtl { - margin-right: 87.5%; - margin-left: 0; - } - - .ant-col-xxl-push-22.ant-col-rtl { - right: 91.66666667%; - left: auto; - } - - .ant-col-xxl-pull-22.ant-col-rtl { - right: auto; - left: 91.66666667%; - } - - .ant-col-xxl-offset-22.ant-col-rtl { - margin-right: 91.66666667%; - margin-left: 0; - } - - .ant-col-xxl-push-23.ant-col-rtl { - right: 95.83333333%; - left: auto; - } - - .ant-col-xxl-pull-23.ant-col-rtl { - right: auto; - left: 95.83333333%; - } - - .ant-col-xxl-offset-23.ant-col-rtl { - margin-right: 95.83333333%; - margin-left: 0; - } - - .ant-col-xxl-push-24.ant-col-rtl { - right: 100%; - left: auto; - } - - .ant-col-xxl-pull-24.ant-col-rtl { - right: auto; - left: 100%; - } - - .ant-col-xxl-offset-24.ant-col-rtl { - margin-right: 100%; - margin-left: 0; - } - } - - .ant-row-rtl { - direction: rtl; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-carousel { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - } - - .ant-carousel .slick-slider { - position: relative; - display: block; - box-sizing: border-box; - touch-action: pan-y; - -webkit-touch-callout: none; - -webkit-tap-highlight-color: transparent; - } - - .ant-carousel .slick-list { - position: relative; - display: block; - margin: 0; - padding: 0; - overflow: hidden; - } - - .ant-carousel .slick-list:focus { - outline: none; - } - - .ant-carousel .slick-list.dragging { - cursor: pointer; - } - - .ant-carousel .slick-list .slick-slide { - pointer-events: none; - } - - .ant-carousel .slick-list .slick-slide input.ant-radio-input, - .ant-carousel .slick-list .slick-slide input.ant-checkbox-input { - visibility: hidden; - } - - .ant-carousel .slick-list .slick-slide.slick-active { - pointer-events: auto; - } - - .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, - .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { - visibility: visible; - } - - .ant-carousel .slick-list .slick-slide>div>div { - vertical-align: bottom; - } - - .ant-carousel .slick-slider .slick-track, - .ant-carousel .slick-slider .slick-list { - transform: translate3d(0, 0, 0); - touch-action: pan-y; - } - - .ant-carousel .slick-track { - position: relative; - top: 0; - left: 0; - display: block; - } - - .ant-carousel .slick-track::before, - .ant-carousel .slick-track::after { - display: table; - content: ''; - } - - .ant-carousel .slick-track::after { - clear: both; - } - - .slick-loading .ant-carousel .slick-track { - visibility: hidden; - } - - .ant-carousel .slick-slide { - display: none; - float: left; - height: 100%; - min-height: 1px; - } - - .ant-carousel .slick-slide img { - display: block; - } - - .ant-carousel .slick-slide.slick-loading img { - display: none; - } - - .ant-carousel .slick-slide.dragging img { - pointer-events: none; - } - - .ant-carousel .slick-initialized .slick-slide { - display: block; - } - - .ant-carousel .slick-loading .slick-slide { - visibility: hidden; - } - - .ant-carousel .slick-vertical .slick-slide { - display: block; - height: auto; - } - - .ant-carousel .slick-arrow.slick-hidden { - display: none; - } - - .ant-carousel .slick-prev, - .ant-carousel .slick-next { - position: absolute; - top: 50%; - display: block; - width: 20px; - height: 20px; - margin-top: -10px; - padding: 0; - color: transparent; - font-size: 0; - line-height: 0; - background: transparent; - border: 0; - outline: none; - cursor: pointer; - } - - .ant-carousel .slick-prev:hover, - .ant-carousel .slick-next:hover, - .ant-carousel .slick-prev:focus, - .ant-carousel .slick-next:focus { - color: transparent; - background: transparent; - outline: none; - } - - .ant-carousel .slick-prev:hover::before, - .ant-carousel .slick-next:hover::before, - .ant-carousel .slick-prev:focus::before, - .ant-carousel .slick-next:focus::before { - opacity: 1; - } - - .ant-carousel .slick-prev.slick-disabled::before, - .ant-carousel .slick-next.slick-disabled::before { - opacity: 0.25; - } - - .ant-carousel .slick-prev { - left: -25px; - } - - .ant-carousel .slick-prev::before { - content: '←'; - } - - .ant-carousel .slick-next { - right: -25px; - } - - .ant-carousel .slick-next::before { - content: '→'; - } - - .ant-carousel .slick-dots { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 15; - display: flex !important; - justify-content: center; - margin-right: 15%; - margin-left: 15%; - padding-left: 0; - list-style: none; - } - - .ant-carousel .slick-dots-bottom { - bottom: 12px; - } - - .ant-carousel .slick-dots-top { - top: 12px; - bottom: auto; - } - - .ant-carousel .slick-dots li { - position: relative; - display: inline-block; - flex: 0 1 auto; - box-sizing: content-box; - width: 16px; - height: 3px; - margin: 0 2px; - margin-right: 3px; - margin-left: 3px; - padding: 0; - text-align: center; - text-indent: -999px; - vertical-align: top; - transition: all 0.5s; - } - - .ant-carousel .slick-dots li button { - display: block; - width: 100%; - height: 3px; - padding: 0; - color: transparent; - font-size: 0; - background: #141414; - border: 0; - border-radius: 1px; - outline: none; - cursor: pointer; - opacity: 0.3; - transition: all 0.5s; - } - - .ant-carousel .slick-dots li button:hover, - .ant-carousel .slick-dots li button:focus { - opacity: 0.75; - } - - .ant-carousel .slick-dots li.slick-active { - width: 24px; - } - - .ant-carousel .slick-dots li.slick-active button { - background: #141414; - opacity: 1; - } - - .ant-carousel .slick-dots li.slick-active:hover, - .ant-carousel .slick-dots li.slick-active:focus { - opacity: 1; - } - - .ant-carousel-vertical .slick-dots { - top: 50%; - bottom: auto; - flex-direction: column; - width: 3px; - height: auto; - margin: 0; - transform: translateY(-50%); - } - - .ant-carousel-vertical .slick-dots-left { - right: auto; - left: 12px; - } - - .ant-carousel-vertical .slick-dots-right { - right: 12px; - left: auto; - } - - .ant-carousel-vertical .slick-dots li { - width: 3px; - height: 16px; - margin: 4px 2px; - vertical-align: baseline; - } - - .ant-carousel-vertical .slick-dots li button { - width: 3px; - height: 16px; - } - - .ant-carousel-vertical .slick-dots li.slick-active { - width: 3px; - height: 24px; - } - - .ant-carousel-vertical .slick-dots li.slick-active button { - width: 3px; - height: 24px; - } - - .ant-carousel-rtl { - direction: rtl; - } - - .ant-carousel-rtl .ant-carousel .slick-track { - right: 0; - left: auto; - } - - .ant-carousel-rtl .ant-carousel .slick-prev { - right: -25px; - left: auto; - } - - .ant-carousel-rtl .ant-carousel .slick-prev::before { - content: '→'; - } - - .ant-carousel-rtl .ant-carousel .slick-next { - right: auto; - left: -25px; - } - - .ant-carousel-rtl .ant-carousel .slick-next::before { - content: '←'; - } - - .ant-carousel-rtl.ant-carousel .slick-dots { - flex-direction: row-reverse; - } - - .ant-carousel-rtl.ant-carousel-vertical .slick-dots { - flex-direction: column; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - @-webkit-keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - .ant-cascader-checkbox { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - top: 0.2em; - line-height: 1; - white-space: nowrap; - outline: none; - cursor: pointer; - } - - .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, - .ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, - .ant-cascader-checkbox-input:focus+.ant-cascader-checkbox-inner { - border-color: #177ddc; - } - - .ant-cascader-checkbox-checked::after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid #177ddc; - border-radius: 2px; - visibility: hidden; - -webkit-animation: antCheckboxEffect 0.36s ease-in-out; - animation: antCheckboxEffect 0.36s ease-in-out; - -webkit-animation-fill-mode: backwards; - animation-fill-mode: backwards; - content: ''; - } - - .ant-cascader-checkbox:hover::after, - .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { - visibility: visible; - } - - .ant-cascader-checkbox-inner { - position: relative; - top: 0; - left: 0; - display: block; - width: 16px; - height: 16px; - direction: ltr; - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - border-collapse: separate; - transition: all 0.3s; - } - - .ant-cascader-checkbox-inner::after { - position: absolute; - top: 50%; - left: 21.5%; - display: table; - width: 5.71428571px; - height: 9.14285714px; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(0) translate(-50%, -50%); - opacity: 0; - transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; - content: ' '; - } - - .ant-cascader-checkbox-input { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - cursor: pointer; - opacity: 0; - } - - .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { - position: absolute; - display: table; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(1) translate(-50%, -50%); - opacity: 1; - transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; - content: ' '; - } - - .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { - background-color: #177ddc; - border-color: #177ddc; - } - - .ant-cascader-checkbox-disabled { - cursor: not-allowed; - } - - .ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.3); - -webkit-animation-name: none; - animation-name: none; - } - - .ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { - cursor: not-allowed; - pointer-events: none; - } - - .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } - - .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.08); - border-collapse: separate; - -webkit-animation-name: none; - animation-name: none; - } - - .ant-cascader-checkbox-disabled+span { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-cascader-checkbox-disabled:hover::after, - .ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { - visibility: hidden; - } - - .ant-cascader-checkbox-wrapper { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-flex; - align-items: baseline; - line-height: unset; - cursor: pointer; - } - - .ant-cascader-checkbox-wrapper::after { - display: inline-block; - width: 0; - overflow: hidden; - content: '\a0'; - } - - .ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { - cursor: not-allowed; - } - - .ant-cascader-checkbox-wrapper+.ant-cascader-checkbox-wrapper { - margin-left: 8px; - } - - .ant-cascader-checkbox+span { - padding-right: 8px; - padding-left: 8px; - } - - .ant-cascader-checkbox-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - } - - .ant-cascader-checkbox-group-item { - margin-right: 8px; - } - - .ant-cascader-checkbox-group-item:last-child { - margin-right: 0; - } - - .ant-cascader-checkbox-group-item+.ant-cascader-checkbox-group-item { - margin-left: 0; - } - - .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { - background-color: transparent; - border-color: #434343; - } - - .ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { - top: 50%; - left: 50%; - width: 8px; - height: 8px; - background-color: #177ddc; - border: 0; - transform: translate(-50%, -50%) scale(1); - opacity: 1; - content: ' '; - } - - .ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader { - width: 184px; - } - - .ant-cascader-checkbox { - top: 0; - margin-right: 8px; - } - - .ant-cascader-menus { - display: flex; - flex-wrap: nowrap; - align-items: flex-start; - } - - .ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { - width: 100%; - height: auto; - } - - .ant-cascader-menu { - min-width: 111px; - height: 180px; - margin: 0; - margin: -4px 0; - padding: 4px 0; - overflow: auto; - vertical-align: top; - list-style: none; - border-right: 1px solid #303030; - -ms-overflow-style: -ms-autohiding-scrollbar; - } - - .ant-cascader-menu-item { - display: flex; - flex-wrap: nowrap; - align-items: center; - padding: 5px 12px; - overflow: hidden; - line-height: 22px; - white-space: nowrap; - text-overflow: ellipsis; - cursor: pointer; - transition: all 0.3s; - } - - .ant-cascader-menu-item:hover { - background: rgba(255, 255, 255, 0.08); - } - - .ant-cascader-menu-item-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-cascader-menu-item-disabled:hover { - background: transparent; - } - - .ant-cascader-menu-empty .ant-cascader-menu-item { - color: rgba(255, 255, 255, 0.3); - cursor: default; - pointer-events: none; - } - - .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), - .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { - font-weight: 600; - background-color: #111b26; - } - - .ant-cascader-menu-item-content { - flex: auto; - } - - .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, - .ant-cascader-menu-item-loading-icon { - margin-left: 4px; - color: rgba(255, 255, 255, 0.45); - font-size: 10px; - } - - .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, - .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { - color: rgba(255, 255, 255, 0.3); - } - - .ant-cascader-menu-item-keyword { - color: #a61d24; - } - - .ant-cascader-rtl .ant-cascader-menu-item-expand-icon, - .ant-cascader-rtl .ant-cascader-menu-item-loading-icon { - margin-right: 4px; - margin-left: 0; - } - - .ant-cascader-rtl .ant-cascader-checkbox { - top: 0; - margin-right: 0; - margin-left: 8px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - @-webkit-keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - .ant-checkbox { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - top: 0.2em; - line-height: 1; - white-space: nowrap; - outline: none; - cursor: pointer; - } - - .ant-checkbox-wrapper:hover .ant-checkbox-inner, - .ant-checkbox:hover .ant-checkbox-inner, - .ant-checkbox-input:focus+.ant-checkbox-inner { - border-color: #177ddc; - } - - .ant-checkbox-checked::after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid #177ddc; - border-radius: 2px; - visibility: hidden; - -webkit-animation: antCheckboxEffect 0.36s ease-in-out; - animation: antCheckboxEffect 0.36s ease-in-out; - -webkit-animation-fill-mode: backwards; - animation-fill-mode: backwards; - content: ''; - } - - .ant-checkbox:hover::after, - .ant-checkbox-wrapper:hover .ant-checkbox::after { - visibility: visible; - } - - .ant-checkbox-inner { - position: relative; - top: 0; - left: 0; - display: block; - width: 16px; - height: 16px; - direction: ltr; - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - border-collapse: separate; - transition: all 0.3s; - } - - .ant-checkbox-inner::after { - position: absolute; - top: 50%; - left: 21.5%; - display: table; - width: 5.71428571px; - height: 9.14285714px; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(0) translate(-50%, -50%); - opacity: 0; - transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; - content: ' '; - } - - .ant-checkbox-input { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - cursor: pointer; - opacity: 0; - } - - .ant-checkbox-checked .ant-checkbox-inner::after { - position: absolute; - display: table; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(1) translate(-50%, -50%); - opacity: 1; - transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; - content: ' '; - } - - .ant-checkbox-checked .ant-checkbox-inner { - background-color: #177ddc; - border-color: #177ddc; - } - - .ant-checkbox-disabled { - cursor: not-allowed; - } - - .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.3); - -webkit-animation-name: none; - animation-name: none; - } - - .ant-checkbox-disabled .ant-checkbox-input { - cursor: not-allowed; - pointer-events: none; - } - - .ant-checkbox-disabled .ant-checkbox-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } - - .ant-checkbox-disabled .ant-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.08); - border-collapse: separate; - -webkit-animation-name: none; - animation-name: none; - } - - .ant-checkbox-disabled+span { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-checkbox-disabled:hover::after, - .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { - visibility: hidden; - } - - .ant-checkbox-wrapper { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-flex; - align-items: baseline; - line-height: unset; - cursor: pointer; - } - - .ant-checkbox-wrapper::after { - display: inline-block; - width: 0; - overflow: hidden; - content: '\a0'; - } - - .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { - cursor: not-allowed; - } - - .ant-checkbox-wrapper+.ant-checkbox-wrapper { - margin-left: 8px; - } - - .ant-checkbox+span { - padding-right: 8px; - padding-left: 8px; - } - - .ant-checkbox-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - } - - .ant-checkbox-group-item { - margin-right: 8px; - } - - .ant-checkbox-group-item:last-child { - margin-right: 0; - } - - .ant-checkbox-group-item+.ant-checkbox-group-item { - margin-left: 0; - } - - .ant-checkbox-indeterminate .ant-checkbox-inner { - background-color: transparent; - border-color: #434343; - } - - .ant-checkbox-indeterminate .ant-checkbox-inner::after { - top: 50%; - left: 50%; - width: 8px; - height: 8px; - background-color: #177ddc; - border: 0; - transform: translate(-50%, -50%) scale(1); - opacity: 1; - content: ' '; - } - - .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-checkbox-rtl { - direction: rtl; - } - - .ant-checkbox-group-rtl .ant-checkbox-group-item { - margin-right: 0; - margin-left: 8px; - } - - .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { - margin-left: 0 !important; - } - - .ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item { - margin-left: 8px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-collapse { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - background-color: rgba(255, 255, 255, 0.04); - border: 1px solid #434343; - border-bottom: 0; - border-radius: 2px; - } - - .ant-collapse>.ant-collapse-item { - border-bottom: 1px solid #434343; - } - - .ant-collapse>.ant-collapse-item:last-child, - .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header { - border-radius: 0 0 2px 2px; - } - - .ant-collapse>.ant-collapse-item>.ant-collapse-header { - position: relative; - display: flex; - flex-wrap: nowrap; - align-items: flex-start; - padding: 12px 16px; - color: rgba(255, 255, 255, 0.85); - line-height: 1.5715; - cursor: pointer; - transition: all 0.3s, visibility 0s; - } - - .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow { - display: inline-block; - margin-right: 12px; - font-size: 12px; - vertical-align: -1px; - } - - .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg { - transition: transform 0.24s; - } - - .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra { - margin-left: auto; - } - - .ant-collapse>.ant-collapse-item>.ant-collapse-header:focus { - outline: none; - } - - .ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only { - cursor: default; - } - - .ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { - cursor: pointer; - } - - .ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header { - padding-left: 12px; - } - - .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header { - position: relative; - padding: 12px 16px; - padding-right: 40px; - } - - .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow { - position: absolute; - top: 50%; - right: 16px; - left: auto; - margin: 0; - transform: translateY(-50%); - } - - .ant-collapse-content { - color: rgba(255, 255, 255, 0.85); - background-color: #141414; - border-top: 1px solid #434343; - } - - .ant-collapse-content>.ant-collapse-content-box { - padding: 16px; - } - - .ant-collapse-content-hidden { - display: none; - } - - .ant-collapse-item:last-child>.ant-collapse-content { - border-radius: 0 0 2px 2px; - } - - .ant-collapse-borderless { - background-color: rgba(255, 255, 255, 0.04); - border: 0; - } - - .ant-collapse-borderless>.ant-collapse-item { - border-bottom: 1px solid #434343; - } - - .ant-collapse-borderless>.ant-collapse-item:last-child, - .ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header { - border-radius: 0; - } - - .ant-collapse-borderless>.ant-collapse-item:last-child { - border-bottom: 0; - } - - .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content { - background-color: transparent; - border-top: 0; - } - - .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box { - padding-top: 4px; - } - - .ant-collapse-ghost { - background-color: transparent; - border: 0; - } - - .ant-collapse-ghost>.ant-collapse-item { - border-bottom: 0; - } - - .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content { - background-color: transparent; - border-top: 0; - } - - .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box { - padding-top: 12px; - padding-bottom: 12px; - } - - .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header, - .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-collapse-rtl { - direction: rtl; - } - - .ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header { - padding: 12px 16px; - padding-right: 40px; - } - - .ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow { - margin-right: 0; - margin-left: 12px; - } - - .ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg { - transform: rotate(180deg); - } - - .ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra { - margin-right: auto; - margin-left: 0; - } - - .ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header { - padding-right: 12px; - padding-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-comment { - position: relative; - background-color: transparent; - } - - .ant-comment-inner { - display: flex; - padding: 16px 0; - } - - .ant-comment-avatar { - position: relative; - flex-shrink: 0; - margin-right: 12px; - cursor: pointer; - } - - .ant-comment-avatar img { - width: 32px; - height: 32px; - border-radius: 50%; - } - - .ant-comment-content { - position: relative; - flex: 1 1 auto; - min-width: 1px; - font-size: 14px; - word-wrap: break-word; - } - - .ant-comment-content-author { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; - margin-bottom: 4px; - font-size: 14px; - } - - .ant-comment-content-author>a, - .ant-comment-content-author>span { - padding-right: 8px; - font-size: 12px; - line-height: 18px; - } - - .ant-comment-content-author-name { - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - transition: color 0.3s; - } - - .ant-comment-content-author-name>* { - color: rgba(255, 255, 255, 0.45); - } - - .ant-comment-content-author-name>*:hover { - color: rgba(255, 255, 255, 0.45); - } - - .ant-comment-content-author-time { - color: rgba(255, 255, 255, 0.3); - white-space: nowrap; - cursor: auto; - } - - .ant-comment-content-detail p { - margin-bottom: inherit; - white-space: pre-wrap; - } - - .ant-comment-actions { - margin-top: 12px; - margin-bottom: inherit; - padding-left: 0; - } - - .ant-comment-actions>li { - display: inline-block; - color: rgba(255, 255, 255, 0.45); - } - - .ant-comment-actions>li>span { - margin-right: 10px; - color: rgba(255, 255, 255, 0.45); - font-size: 12px; - cursor: pointer; - transition: color 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-comment-actions>li>span:hover { - color: rgba(255, 255, 255, 0.65); - } - - .ant-comment-nested { - margin-left: 44px; - } - - .ant-comment-rtl { - direction: rtl; - } - - .ant-comment-rtl .ant-comment-avatar { - margin-right: 0; - margin-left: 12px; - } - - .ant-comment-rtl .ant-comment-content-author>a, - .ant-comment-rtl .ant-comment-content-author>span { - padding-right: 0; - padding-left: 8px; - } - - .ant-comment-rtl .ant-comment-actions { - padding-right: 0; - } - - .ant-comment-rtl .ant-comment-actions>li>span { - margin-right: 0; - margin-left: 10px; - } - - .ant-comment-rtl .ant-comment-nested { - margin-right: 44px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-descriptions-header { - display: flex; - align-items: center; - margin-bottom: 20px; - } - - .ant-descriptions-title { - flex: auto; - overflow: hidden; - color: rgba(255, 255, 255, 0.85); - font-weight: bold; - font-size: 16px; - line-height: 1.5715; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-descriptions-extra { - margin-left: auto; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - } - - .ant-descriptions-view { - width: 100%; - border-radius: 2px; - } - - .ant-descriptions-view table { - width: 100%; - table-layout: fixed; - } - - .ant-descriptions-row>th, - .ant-descriptions-row>td { - padding-bottom: 16px; - } - - .ant-descriptions-row:last-child { - border-bottom: none; - } - - .ant-descriptions-item-label { - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - line-height: 1.5715; - text-align: start; - } - - .ant-descriptions-item-label::after { - content: ':'; - position: relative; - top: -0.5px; - margin: 0 8px 0 2px; - } - - .ant-descriptions-item-label.ant-descriptions-item-no-colon::after { - content: ' '; - } - - .ant-descriptions-item-no-label::after { - margin: 0; - content: ''; - } - - .ant-descriptions-item-content { - display: table-cell; - flex: 1; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - word-break: break-word; - overflow-wrap: break-word; - } - - .ant-descriptions-item { - padding-bottom: 0; - vertical-align: top; - } - - .ant-descriptions-item-container { - display: flex; - } - - .ant-descriptions-item-container .ant-descriptions-item-label, - .ant-descriptions-item-container .ant-descriptions-item-content { - display: inline-flex; - align-items: baseline; - } - - .ant-descriptions-middle .ant-descriptions-row>th, - .ant-descriptions-middle .ant-descriptions-row>td { - padding-bottom: 12px; - } - - .ant-descriptions-small .ant-descriptions-row>th, - .ant-descriptions-small .ant-descriptions-row>td { - padding-bottom: 8px; - } - - .ant-descriptions-bordered .ant-descriptions-view { - border: 1px solid #303030; - } - - .ant-descriptions-bordered .ant-descriptions-view>table { - table-layout: auto; - border-collapse: collapse; - } - - .ant-descriptions-bordered .ant-descriptions-item-label, - .ant-descriptions-bordered .ant-descriptions-item-content { - padding: 16px 24px; - border-right: 1px solid #303030; - } - - .ant-descriptions-bordered .ant-descriptions-item-label:last-child, - .ant-descriptions-bordered .ant-descriptions-item-content:last-child { - border-right: none; - } - - .ant-descriptions-bordered .ant-descriptions-item-label { - background-color: rgba(255, 255, 255, 0.04); - } - - .ant-descriptions-bordered .ant-descriptions-item-label::after { - display: none; - } - - .ant-descriptions-bordered .ant-descriptions-row { - border-bottom: 1px solid #303030; - } - - .ant-descriptions-bordered .ant-descriptions-row:last-child { - border-bottom: none; - } - - .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, - .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { - padding: 12px 24px; - } - - .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, - .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { - padding: 8px 16px; - } - - .ant-descriptions-rtl { - direction: rtl; - } - - .ant-descriptions-rtl .ant-descriptions-item-label::after { - margin: 0 2px 0 8px; - } - - .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label, - .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content { - border-right: none; - border-left: 1px solid #303030; - } - - .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child, - .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child { - border-left: none; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-divider { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - border-top: 1px solid rgba(255, 255, 255, 0.12); - } - - .ant-divider-vertical { - position: relative; - top: -0.06em; - display: inline-block; - height: 0.9em; - margin: 0 8px; - vertical-align: middle; - border-top: 0; - border-left: 1px solid rgba(255, 255, 255, 0.12); - } - - .ant-divider-horizontal { - display: flex; - clear: both; - width: 100%; - min-width: 100%; - margin: 24px 0; - } - - .ant-divider-horizontal.ant-divider-with-text { - display: flex; - margin: 16px 0; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - font-size: 16px; - white-space: nowrap; - text-align: center; - border-top: 0; - border-top-color: rgba(255, 255, 255, 0.12); - } - - .ant-divider-horizontal.ant-divider-with-text::before, - .ant-divider-horizontal.ant-divider-with-text::after { - position: relative; - top: 50%; - width: 50%; - border-top: 1px solid transparent; - border-top-color: inherit; - border-bottom: 0; - transform: translateY(50%); - content: ''; - } - - .ant-divider-horizontal.ant-divider-with-text-left::before { - top: 50%; - width: 5%; - } - - .ant-divider-horizontal.ant-divider-with-text-left::after { - top: 50%; - width: 95%; - } - - .ant-divider-horizontal.ant-divider-with-text-right::before { - top: 50%; - width: 95%; - } - - .ant-divider-horizontal.ant-divider-with-text-right::after { - top: 50%; - width: 5%; - } - - .ant-divider-inner-text { - display: inline-block; - padding: 0 1em; - } - - .ant-divider-dashed { - background: none; - border-color: rgba(255, 255, 255, 0.12); - border-style: dashed; - border-width: 1px 0 0; - } - - .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, - .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { - border-style: dashed none none; - } - - .ant-divider-vertical.ant-divider-dashed { - border-width: 0 0 0 1px; - } - - .ant-divider-plain.ant-divider-with-text { - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - } - - .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { - width: 0; - } - - .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { - width: 100%; - } - - .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { - padding-left: 0; - } - - .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { - width: 100%; - } - - .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { - width: 0; - } - - .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { - padding-right: 0; - } - - .ant-divider-rtl { - direction: rtl; - } - - .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { - width: 95%; - } - - .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { - width: 5%; - } - - .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { - width: 5%; - } - - .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { - width: 95%; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-drawer { - position: fixed; - z-index: 1000; - width: 0%; - height: 100%; - transition: width 0s ease 0.3s, height 0s ease 0.3s; - } - - .ant-drawer-content-wrapper { - position: absolute; - width: 100%; - height: 100%; - transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-drawer .ant-drawer-content { - width: 100%; - height: 100%; - } - - .ant-drawer-left, - .ant-drawer-right { - top: 0; - width: 0%; - height: 100%; - } - - .ant-drawer-left .ant-drawer-content-wrapper, - .ant-drawer-right .ant-drawer-content-wrapper { - height: 100%; - } - - .ant-drawer-left.ant-drawer-open, - .ant-drawer-right.ant-drawer-open { - width: 100%; - transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-drawer-left { - left: 0; - } - - .ant-drawer-left .ant-drawer-content-wrapper { - left: 0; - } - - .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { - box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2), 12px 0 48px 16px rgba(0, 0, 0, 0.12); - } - - .ant-drawer-right { - right: 0; - } - - .ant-drawer-right .ant-drawer-content-wrapper { - right: 0; - } - - .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { - box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); - } - - .ant-drawer-right.ant-drawer-open.no-mask { - right: 1px; - transform: translateX(1px); - } - - .ant-drawer-top, - .ant-drawer-bottom { - left: 0; - width: 100%; - height: 0%; - } - - .ant-drawer-top .ant-drawer-content-wrapper, - .ant-drawer-bottom .ant-drawer-content-wrapper { - width: 100%; - } - - .ant-drawer-top.ant-drawer-open, - .ant-drawer-bottom.ant-drawer-open { - height: 100%; - transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); - } - - .ant-drawer-top { - top: 0; - } - - .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { - box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12); - } - - .ant-drawer-bottom { - bottom: 0; - } - - .ant-drawer-bottom .ant-drawer-content-wrapper { - bottom: 0; - } - - .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { - box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2), 0 -12px 48px 16px rgba(0, 0, 0, 0.12); - } - - .ant-drawer-bottom.ant-drawer-open.no-mask { - bottom: 1px; - transform: translateY(1px); - } - - .ant-drawer.ant-drawer-open .ant-drawer-mask { - height: 100%; - opacity: 1; - transition: none; - -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1); - animation: antdDrawerFadeIn 0.3s cubic-bezier(0.23, 1, 0.32, 1); - pointer-events: auto; - } - - .ant-drawer-title { - flex: 1; - margin: 0; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - font-size: 16px; - line-height: 22px; - } - - .ant-drawer-content { - position: relative; - z-index: 1; - overflow: auto; - background-color: #1f1f1f; - background-clip: padding-box; - border: 0; - } - - .ant-drawer-close { - display: inline-block; - margin-right: 12px; - color: rgba(255, 255, 255, 0.45); - font-weight: 700; - font-size: 16px; - font-style: normal; - line-height: 1; - text-align: center; - text-transform: none; - text-decoration: none; - background: transparent; - border: 0; - outline: 0; - cursor: pointer; - transition: color 0.3s; - text-rendering: auto; - } - - .ant-drawer-close:focus, - .ant-drawer-close:hover { - color: rgba(255, 255, 255, 0.75); - text-decoration: none; - } - - .ant-drawer-header { - position: relative; - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px 24px; - color: rgba(255, 255, 255, 0.85); - background: #1f1f1f; - border-bottom: 1px solid #303030; - border-radius: 2px 2px 0 0; - } - - .ant-drawer-header-title { - display: flex; - flex: 1; - align-items: center; - justify-content: space-between; - } - - .ant-drawer-header-close-only { - padding-bottom: 0; - border: none; - } - - .ant-drawer-wrapper-body { - display: flex; - flex-flow: column nowrap; - width: 100%; - height: 100%; - } - - .ant-drawer-body { - flex-grow: 1; - padding: 24px; - overflow: auto; - font-size: 14px; - line-height: 1.5715; - word-wrap: break-word; - } - - .ant-drawer-footer { - flex-shrink: 0; - padding: 10px 16px; - border-top: 1px solid #303030; - } - - .ant-drawer-mask { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 0; - background-color: rgba(0, 0, 0, 0.45); - opacity: 0; - transition: opacity 0.3s linear, height 0s ease 0.3s; - pointer-events: none; - } - - .ant-drawer .ant-picker-clear { - background: #1f1f1f; - } - - @-webkit-keyframes antdDrawerFadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - @keyframes antdDrawerFadeIn { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - .ant-drawer-rtl { - direction: rtl; - } - - .ant-drawer-rtl .ant-drawer-close { - margin-right: 0; - margin-left: 12px; - } - - .ant-drawer .ant-picker-clear, - .ant-drawer .ant-slider-handle, - .ant-drawer .ant-anchor-wrapper, - .ant-drawer .ant-collapse-content, - .ant-drawer .ant-timeline-item-head, - .ant-drawer .ant-card { - background-color: #1f1f1f; - } - - .ant-drawer .ant-transfer-list-header { - background: #1f1f1f; - border-bottom: 1px solid #3a3a3a; - } - - .ant-drawer .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-drawer tr.ant-table-expanded-row>td, - .ant-drawer tr.ant-table-expanded-row:hover>td { - background: #272727; - } - - .ant-drawer .ant-table.ant-table-small thead>tr>th { - background-color: #1f1f1f; - border-bottom: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table { - background-color: #1f1f1f; - } - - .ant-drawer .ant-table .ant-table-row-expand-icon { - border: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table tfoot>tr>th, - .ant-drawer .ant-table tfoot>tr>td { - border-bottom: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table thead>tr>th { - background-color: #272727; - border-bottom: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table tbody>tr>td { - border-bottom: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table tbody>tr>td.ant-table-cell-fix-left, - .ant-drawer .ant-table tbody>tr>td.ant-table-cell-fix-right { - background-color: #1f1f1f; - } - - .ant-drawer .ant-table tbody>tr.ant-table-row:hover>td { - background: #303030; - } - - .ant-drawer .ant-table.ant-table-bordered .ant-table-title { - border: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table.ant-table-bordered thead>tr>th, - .ant-drawer .ant-table.ant-table-bordered tbody>tr>td, - .ant-drawer .ant-table.ant-table-bordered tfoot>tr>th, - .ant-drawer .ant-table.ant-table-bordered tfoot>tr>td { - border-right: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after { - border-right: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table.ant-table-bordered table thead>tr:not(:last-child)>th { - border-bottom: 1px solid #303030; - } - - .ant-drawer .ant-table.ant-table-bordered .ant-table-container { - border: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after { - border-right: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table.ant-table-bordered .ant-table-footer { - border: 1px solid #3a3a3a; - } - - .ant-drawer .ant-table .ant-table-filter-trigger-container-open { - background-color: #525252; - } - - .ant-drawer .ant-picker-calendar-full { - background-color: #1f1f1f; - } - - .ant-drawer .ant-picker-calendar-full .ant-picker-panel { - background-color: #1f1f1f; - } - - .ant-drawer .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { - border-top: 2px solid #3a3a3a; - } - - .ant-drawer .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { - background-color: #1f1f1f; - border-bottom: 1px solid #1f1f1f; - } - - .ant-drawer .ant-badge-count { - box-shadow: 0 0 0 1px #1f1f1f; - } - - .ant-drawer .ant-tree-show-line .ant-tree-switcher { - background: #1f1f1f; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-form-item .ant-upload { - background: transparent; - } - - .ant-form-item .ant-upload.ant-upload-drag { - background: rgba(255, 255, 255, 0.04); - } - - .ant-form-item input[type='radio'], - .ant-form-item input[type='checkbox'] { - width: 14px; - height: 14px; - } - - .ant-form-item .ant-radio-inline, - .ant-form-item .ant-checkbox-inline { - display: inline-block; - margin-left: 8px; - font-weight: normal; - vertical-align: middle; - cursor: pointer; - } - - .ant-form-item .ant-radio-inline:first-child, - .ant-form-item .ant-checkbox-inline:first-child { - margin-left: 0; - } - - .ant-form-item .ant-checkbox-vertical, - .ant-form-item .ant-radio-vertical { - display: block; - } - - .ant-form-item .ant-checkbox-vertical+.ant-checkbox-vertical, - .ant-form-item .ant-radio-vertical+.ant-radio-vertical { - margin-left: 0; - } - - .ant-form-item .ant-input-number+.ant-form-text { - margin-left: 8px; - } - - .ant-form-item .ant-input-number-handler-wrap { - z-index: 2; - } - - .ant-form-item .ant-select, - .ant-form-item .ant-cascader-picker { - width: 100%; - } - - .ant-form-item .ant-picker-calendar-year-select, - .ant-form-item .ant-picker-calendar-month-select, - .ant-form-item .ant-input-group .ant-select, - .ant-form-item .ant-input-group .ant-cascader-picker, - .ant-form-item .ant-input-number-group .ant-select, - .ant-form-item .ant-input-number-group .ant-cascader-picker { - width: auto; - } - - .ant-form-inline { - display: flex; - flex-wrap: wrap; - } - - .ant-form-inline .ant-form-item { - flex: none; - flex-wrap: nowrap; - margin-right: 16px; - margin-bottom: 0; - } - - .ant-form-inline .ant-form-item-with-help { - margin-bottom: 24px; - } - - .ant-form-inline .ant-form-item>.ant-form-item-label, - .ant-form-inline .ant-form-item>.ant-form-item-control { - display: inline-block; - vertical-align: top; - } - - .ant-form-inline .ant-form-item>.ant-form-item-label { - flex: none; - } - - .ant-form-inline .ant-form-item .ant-form-text { - display: inline-block; - } - - .ant-form-inline .ant-form-item .ant-form-item-has-feedback { - display: inline-block; - } - - .ant-form-horizontal .ant-form-item-label { - flex-grow: 0; - } - - .ant-form-horizontal .ant-form-item-control { - flex: 1 1 0; - min-width: 0; - } - - .ant-form-horizontal .ant-form-item-label.ant-col-24+.ant-form-item-control { - min-width: unset; - } - - .ant-form-vertical .ant-form-item { - flex-direction: column; - } - - .ant-form-vertical .ant-form-item-label>label { - height: auto; - } - - .ant-form-vertical .ant-form-item-label, - .ant-col-24.ant-form-item-label, - .ant-col-xl-24.ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-form-vertical .ant-form-item-label>label, - .ant-col-24.ant-form-item-label>label, - .ant-col-xl-24.ant-form-item-label>label { - margin: 0; - } - - .ant-form-vertical .ant-form-item-label>label::after, - .ant-col-24.ant-form-item-label>label::after, - .ant-col-xl-24.ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-form-vertical .ant-form-item-label, - .ant-form-rtl.ant-col-24.ant-form-item-label, - .ant-form-rtl.ant-col-xl-24.ant-form-item-label { - text-align: right; - } - - @media (max-width: 575px) { - .ant-form-item .ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-form-item .ant-form-item-label>label { - margin: 0; - } - - .ant-form-item .ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-form-item .ant-form-item-label { - text-align: right; - } - - .ant-form .ant-form-item { - flex-wrap: wrap; - } - - .ant-form .ant-form-item .ant-form-item-label, - .ant-form .ant-form-item .ant-form-item-control { - flex: 0 0 100%; - max-width: 100%; - } - - .ant-col-xs-24.ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-col-xs-24.ant-form-item-label>label { - margin: 0; - } - - .ant-col-xs-24.ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-col-xs-24.ant-form-item-label { - text-align: right; - } - } - - @media (max-width: 767px) { - .ant-col-sm-24.ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-col-sm-24.ant-form-item-label>label { - margin: 0; - } - - .ant-col-sm-24.ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-col-sm-24.ant-form-item-label { - text-align: right; - } - } - - @media (max-width: 991px) { - .ant-col-md-24.ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-col-md-24.ant-form-item-label>label { - margin: 0; - } - - .ant-col-md-24.ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-col-md-24.ant-form-item-label { - text-align: right; - } - } - - @media (max-width: 1199px) { - .ant-col-lg-24.ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-col-lg-24.ant-form-item-label>label { - margin: 0; - } - - .ant-col-lg-24.ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-col-lg-24.ant-form-item-label { - text-align: right; - } - } - - @media (max-width: 1599px) { - .ant-col-xl-24.ant-form-item-label { - padding: 0 0 8px; - line-height: 1.5715; - white-space: initial; - text-align: left; - } - - .ant-col-xl-24.ant-form-item-label>label { - margin: 0; - } - - .ant-col-xl-24.ant-form-item-label>label::after { - display: none; - } - - .ant-form-rtl.ant-col-xl-24.ant-form-item-label { - text-align: right; - } - } - - .ant-form-item { - /* Some non-status related component style is in `components.less` */ - /* To support leave along ErrorList. We add additional className to handle explain style */ - } - - .ant-form-item-explain-error { - color: #a61d24; - } - - .ant-form-item-explain-warning { - color: #d89614; - } - - .ant-form-item-has-feedback .ant-switch { - margin: 2px 0 4px; - } - - .ant-form-item-has-warning .ant-form-item-split { - color: #d89614; - } - - .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-form-item-has-error .ant-form-item-split { - color: #a61d24; - } - - .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-form { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - } - - .ant-form legend { - display: block; - width: 100%; - margin-bottom: 20px; - padding: 0; - color: rgba(255, 255, 255, 0.45); - font-size: 16px; - line-height: inherit; - border: 0; - border-bottom: 1px solid #434343; - } - - .ant-form label { - font-size: 14px; - } - - .ant-form input[type='search'] { - box-sizing: border-box; - } - - .ant-form input[type='radio'], - .ant-form input[type='checkbox'] { - line-height: normal; - } - - .ant-form input[type='file'] { - display: block; - } - - .ant-form input[type='range'] { - display: block; - width: 100%; - } - - .ant-form select[multiple], - .ant-form select[size] { - height: auto; - } - - .ant-form input[type='file']:focus, - .ant-form input[type='radio']:focus, - .ant-form input[type='checkbox']:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } - - .ant-form output { - display: block; - padding-top: 15px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - } - - .ant-form .ant-form-text { - display: inline-block; - padding-right: 8px; - } - - .ant-form-small .ant-form-item-label>label { - height: 24px; - } - - .ant-form-small .ant-form-item-control-input { - min-height: 24px; - } - - .ant-form-large .ant-form-item-label>label { - height: 40px; - } - - .ant-form-large .ant-form-item-control-input { - min-height: 40px; - } - - .ant-form-item { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - margin-bottom: 24px; - vertical-align: top; - transition: margin-bottom 0.3s 0.017s linear; - } - - .ant-form-item-with-help { - margin-bottom: 0; - transition: none; - } - - .ant-form-item-hidden, - .ant-form-item-hidden.ant-row { - display: none; - } - - .ant-form-item-label { - display: inline-block; - flex-grow: 0; - overflow: hidden; - white-space: nowrap; - text-align: right; - vertical-align: middle; - } - - .ant-form-item-label-left { - text-align: left; - } - - .ant-form-item-label-wrap { - overflow: unset; - line-height: 1.3215em; - white-space: unset; - } - - .ant-form-item-label>label { - position: relative; - display: inline-flex; - align-items: center; - max-width: 100%; - height: 32px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - } - - .ant-form-item-label>label>.anticon { - font-size: 14px; - vertical-align: top; - } - - .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { - display: inline-block; - margin-right: 4px; - color: #a61d24; - font-size: 14px; - font-family: SimSun, sans-serif; - line-height: 1; - content: '*'; - } - - .ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { - display: none; - } - - .ant-form-item-label>label .ant-form-item-optional { - display: inline-block; - margin-left: 4px; - color: rgba(255, 255, 255, 0.45); - } - - .ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional { - display: none; - } - - .ant-form-item-label>label .ant-form-item-tooltip { - color: rgba(255, 255, 255, 0.45); - cursor: help; - -ms-writing-mode: lr-tb; - writing-mode: horizontal-tb; - -webkit-margin-start: 4px; - margin-inline-start: 4px; - } - - .ant-form-item-label>label::after { - content: ':'; - position: relative; - top: -0.5px; - margin: 0 8px 0 2px; - } - - .ant-form-item-label>label.ant-form-item-no-colon::after { - content: ' '; - } - - .ant-form-item-control { - display: flex; - flex-direction: column; - flex-grow: 1; - } - - .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) { - width: 100%; - } - - .ant-form-item-control-input { - position: relative; - display: flex; - align-items: center; - min-height: 32px; - } - - .ant-form-item-control-input-content { - flex: auto; - max-width: 100%; - } - - .ant-form-item-explain, - .ant-form-item-extra { - clear: both; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - line-height: 1.5715; - transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); - } - - .ant-form-item-explain-connected { - height: 0; - min-height: 0; - opacity: 0; - } - - .ant-form-item-extra { - min-height: 24px; - } - - .ant-form-item .ant-input-textarea-show-count::after { - margin-bottom: -22px; - } - - .ant-form-item-with-help .ant-form-item-explain { - height: auto; - min-height: 24px; - opacity: 1; - } - - .ant-show-help { - transition: height 0.3s linear, min-height 0.3s linear, margin-bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); - } - - .ant-show-help-leave { - min-height: 24px; - } - - .ant-show-help-leave-active { - min-height: 0; - } - - .ant-show-help-item { - overflow: hidden; - transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; - } - - .ant-show-help-item-appear, - .ant-show-help-item-enter { - transform: translateY(-5px); - opacity: 0; - } - - .ant-show-help-item-appear-active, - .ant-show-help-item-enter-active { - transform: translateY(0); - opacity: 1; - } - - .ant-show-help-item-leave-active { - transform: translateY(-5px); - } - - @-webkit-keyframes diffZoomIn1 { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @keyframes diffZoomIn1 { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @-webkit-keyframes diffZoomIn2 { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @keyframes diffZoomIn2 { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @-webkit-keyframes diffZoomIn3 { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - @keyframes diffZoomIn3 { - 0% { - transform: scale(0); - opacity: 0; - } - - 100% { - transform: scale(1); - opacity: 1; - } - } - - .ant-form-rtl { - direction: rtl; - } - - .ant-form-rtl .ant-form-item-label { - text-align: left; - } - - .ant-form-rtl .ant-form-item-label>label.ant-form-item-required::before { - margin-right: 0; - margin-left: 4px; - } - - .ant-form-rtl .ant-form-item-label>label::after { - margin: 0 2px 0 8px; - } - - .ant-form-rtl .ant-form-item-label>label .ant-form-item-optional { - margin-right: 4px; - margin-left: 0; - } - - .ant-col-rtl .ant-form-item-control:first-child { - width: 100%; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-input { - padding-right: 11px; - padding-left: 24px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { - padding-right: 11px; - padding-left: 18px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input { - padding: 0; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number { - padding: 0; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { - right: auto; - left: 28px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-input-number { - padding-left: 18px; - } - - .ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow, - .ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear, - .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow, - .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear, - .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-arrow, - .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-clear { - right: auto; - left: 32px; - } - - .ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value, - .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value, - .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon)>.ant-select .ant-select-selection-selected-value { - padding-right: 0; - padding-left: 42px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { - margin-right: 0; - margin-left: 19px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { - right: auto; - left: 32px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-picker { - padding-right: 11px; - padding-left: 29.2px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { - padding-right: 11px; - padding-left: 29.2px; - } - - .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { - padding-right: 7px; - padding-left: 25.2px; - } - - .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, - .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, - .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, - .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { - right: auto; - left: 0; - } - - .ant-form-rtl.ant-form-inline .ant-form-item { - margin-right: 0; - margin-left: 16px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-image { - position: relative; - display: inline-block; - } - - .ant-image-img { - width: 100%; - height: auto; - vertical-align: middle; - } - - .ant-image-img-placeholder { - background-color: #f5f5f5; - background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4='); - background-repeat: no-repeat; - background-position: center center; - background-size: 30%; - } - - .ant-image-mask { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: flex; - align-items: center; - justify-content: center; - color: #fff; - background: rgba(0, 0, 0, 0.5); - cursor: pointer; - opacity: 0; - transition: opacity 0.3s; - } - - .ant-image-mask-info { - padding: 0 4px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-image-mask-info .anticon { - -webkit-margin-end: 4px; - margin-inline-end: 4px; - } - - .ant-image-mask:hover { - opacity: 1; - } - - .ant-image-placeholder { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - .ant-image-preview { - pointer-events: none; - height: 100%; - text-align: center; - } - - .ant-image-preview.ant-zoom-enter, - .ant-image-preview.ant-zoom-appear { - transform: none; - opacity: 0; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-image-preview-mask { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1000; - height: 100%; - background-color: rgba(0, 0, 0, 0.45); - } - - .ant-image-preview-mask-hidden { - display: none; - } - - .ant-image-preview-wrap { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - outline: 0; - -webkit-overflow-scrolling: touch; - } - - .ant-image-preview-body { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: hidden; - } - - .ant-image-preview-img { - max-width: 100%; - max-height: 100%; - vertical-align: middle; - transform: scale3d(1, 1, 1); - cursor: -webkit-grab; - cursor: grab; - transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: auto; - } - - .ant-image-preview-img-wrapper { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; - } - - .ant-image-preview-img-wrapper::before { - display: inline-block; - width: 1px; - height: 50%; - margin-right: -1px; - content: ''; - } - - .ant-image-preview-moving .ant-image-preview-img { - cursor: -webkit-grabbing; - cursor: grabbing; - } - - .ant-image-preview-moving .ant-image-preview-img-wrapper { - transition-duration: 0s; - } - - .ant-image-preview-wrap { - z-index: 1080; - } - - .ant-image-preview-operations { - box-sizing: border-box; - margin: 0; - padding: 0; - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - font-feature-settings: 'tnum'; - position: absolute; - top: 0; - right: 0; - z-index: 1; - display: flex; - flex-direction: row-reverse; - align-items: center; - width: 100%; - color: rgba(255, 255, 255, 0.85); - list-style: none; - background: rgba(0, 0, 0, 0.1); - pointer-events: auto; - } - - .ant-image-preview-operations-operation { - margin-left: 12px; - padding: 12px; - cursor: pointer; - } - - .ant-image-preview-operations-operation-disabled { - color: rgba(255, 255, 255, 0.25); - pointer-events: none; - } - - .ant-image-preview-operations-operation:last-of-type { - margin-left: 0; - } - - .ant-image-preview-operations-icon { - font-size: 18px; - } - - .ant-image-preview-switch-left, - .ant-image-preview-switch-right { - position: absolute; - top: 50%; - right: 10px; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 44px; - height: 44px; - margin-top: -22px; - color: rgba(255, 255, 255, 0.85); - background: rgba(0, 0, 0, 0.1); - border-radius: 50%; - cursor: pointer; - pointer-events: auto; - } - - .ant-image-preview-switch-left-disabled, - .ant-image-preview-switch-right-disabled { - color: rgba(255, 255, 255, 0.25); - cursor: not-allowed; - } - - .ant-image-preview-switch-left-disabled>.anticon, - .ant-image-preview-switch-right-disabled>.anticon { - cursor: not-allowed; - } - - .ant-image-preview-switch-left>.anticon, - .ant-image-preview-switch-right>.anticon { - font-size: 18px; - } - - .ant-image-preview-switch-left { - left: 10px; - } - - .ant-image-preview-switch-right { - right: 10px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-input-number-affix-wrapper { - display: inline-block; - width: 100%; - min-width: 0; - padding: 4px 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - background-color: transparent; - background-image: none; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - position: relative; - display: inline-flex; - width: 90px; - padding: 0; - -webkit-padding-start: 11px; - padding-inline-start: 11px; - } - - .ant-input-number-affix-wrapper::-moz-placeholder { - opacity: 1; - } - - .ant-input-number-affix-wrapper:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-input-number-affix-wrapper::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-input-number-affix-wrapper:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-number-affix-wrapper:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-input-number-affix-wrapper:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-number-affix-wrapper:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-input-number-affix-wrapper:focus, - .ant-input-number-affix-wrapper-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-affix-wrapper-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-number-affix-wrapper-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-number-affix-wrapper[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-number-affix-wrapper[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-number-affix-wrapper-borderless, - .ant-input-number-affix-wrapper-borderless:hover, - .ant-input-number-affix-wrapper-borderless:focus, - .ant-input-number-affix-wrapper-borderless-focused, - .ant-input-number-affix-wrapper-borderless-disabled, - .ant-input-number-affix-wrapper-borderless[disabled] { - background-color: transparent; - border: none; - box-shadow: none; - } - - textarea.ant-input-number-affix-wrapper { - max-width: 100%; - height: auto; - min-height: 32px; - line-height: 1.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-input-number-affix-wrapper-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-input-number-affix-wrapper-sm { - padding: 0px 7px; - } - - .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { - border-color: #165996; - border-right-width: 1px; - z-index: 1; - } - - .ant-input-number-affix-wrapper-focused, - .ant-input-number-affix-wrapper:focus { - z-index: 1; - } - - .ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] { - background: transparent; - } - - .ant-input-number-affix-wrapper>div.ant-input-number { - width: 100%; - border: none; - outline: none; - } - - .ant-input-number-affix-wrapper>div.ant-input-number.ant-input-number-focused { - box-shadow: none !important; - } - - .ant-input-number-affix-wrapper input.ant-input-number-input { - padding: 0; - } - - .ant-input-number-affix-wrapper::before { - width: 0; - visibility: hidden; - content: '\a0'; - } - - .ant-input-number-affix-wrapper .ant-input-number-handler-wrap { - z-index: 2; - } - - .ant-input-number-prefix, - .ant-input-number-suffix { - display: flex; - flex: none; - align-items: center; - pointer-events: none; - } - - .ant-input-number-prefix { - -webkit-margin-end: 4px; - margin-inline-end: 4px; - } - - .ant-input-number-suffix { - position: absolute; - top: 0; - right: 0; - z-index: 1; - height: 100%; - margin-right: 11px; - margin-left: 4px; - } - - .ant-input-number-group-wrapper .ant-input-number-affix-wrapper { - width: 100%; - } - - .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, - .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { - background: transparent; - border-color: #a61d24; - } - - .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, - .ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-status-error .ant-input-number-feedback-icon { - color: #a61d24; - } - - .ant-input-number-status-error .ant-input-number-prefix { - color: #a61d24; - } - - .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, - .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { - background: transparent; - border-color: #d89614; - } - - .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, - .ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-status-warning .ant-input-number-feedback-icon { - color: #d89614; - } - - .ant-input-number-status-warning .ant-input-number-prefix { - color: #d89614; - } - - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { - background: transparent; - border-color: #a61d24; - } - - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, - .ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-affix-wrapper-status-error .ant-input-number-feedback-icon { - color: #a61d24; - } - - .ant-input-number-affix-wrapper-status-error .ant-input-number-prefix { - color: #a61d24; - } - - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { - background: transparent; - border-color: #d89614; - } - - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, - .ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-affix-wrapper-status-warning .ant-input-number-feedback-icon { - color: #d89614; - } - - .ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix { - color: #d89614; - } - - .ant-input-number-affix-wrapper-status-validating .ant-input-number-feedback-icon { - display: inline-block; - color: #177ddc; - } - - .ant-input-number-affix-wrapper-status-success .ant-input-number-feedback-icon { - color: #49aa19; - -webkit-animation-name: diffZoomIn1 !important; - animation-name: diffZoomIn1 !important; - } - - .ant-input-number-group-wrapper-status-error .ant-input-number-group-addon { - color: #a61d24; - border-color: #a61d24; - } - - .ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon { - color: #d89614; - border-color: #d89614; - } - - .ant-input-number { - box-sizing: border-box; - font-variant: tabular-nums; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - width: 100%; - min-width: 0; - padding: 4px 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - background-color: transparent; - background-image: none; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - display: inline-block; - width: 90px; - margin: 0; - padding: 0; - border: 1px solid #434343; - border-radius: 2px; - } - - .ant-input-number::-moz-placeholder { - opacity: 1; - } - - .ant-input-number:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-input-number::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-input-number:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-number:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-input-number:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-number:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-input-number:focus, - .ant-input-number-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-number-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-number[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-number[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-number-borderless, - .ant-input-number-borderless:hover, - .ant-input-number-borderless:focus, - .ant-input-number-borderless-focused, - .ant-input-number-borderless-disabled, - .ant-input-number-borderless[disabled] { - background-color: transparent; - border: none; - box-shadow: none; - } - - textarea.ant-input-number { - max-width: 100%; - height: auto; - min-height: 32px; - line-height: 1.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-input-number-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-input-number-sm { - padding: 0px 7px; - } - - .ant-input-number-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: table; - width: 100%; - border-collapse: separate; - border-spacing: 0; - } - - .ant-input-number-group[class*='col-'] { - float: none; - padding-right: 0; - padding-left: 0; - } - - .ant-input-number-group>[class*='col-'] { - padding-right: 8px; - } - - .ant-input-number-group>[class*='col-']:last-child { - padding-right: 0; - } - - .ant-input-number-group-addon, - .ant-input-number-group-wrap, - .ant-input-number-group>.ant-input-number { - display: table-cell; - } - - .ant-input-number-group-addon:not(:first-child):not(:last-child), - .ant-input-number-group-wrap:not(:first-child):not(:last-child), - .ant-input-number-group>.ant-input-number:not(:first-child):not(:last-child) { - border-radius: 0; - } - - .ant-input-number-group-addon, - .ant-input-number-group-wrap { - width: 1px; - white-space: nowrap; - vertical-align: middle; - } - - .ant-input-number-group-wrap>* { - display: block !important; - } - - .ant-input-number-group .ant-input-number { - float: left; - width: 100%; - margin-bottom: 0; - text-align: inherit; - } - - .ant-input-number-group .ant-input-number:focus { - z-index: 1; - border-right-width: 1px; - } - - .ant-input-number-group .ant-input-number:hover { - z-index: 1; - border-right-width: 1px; - } - - .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover { - z-index: 0; - } - - .ant-input-number-group-addon { - position: relative; - padding: 0 11px; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - text-align: center; - background-color: rgba(255, 255, 255, 0.04); - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - } - - .ant-input-number-group-addon .ant-select { - margin: -5px -11px; - } - - .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { - background-color: inherit; - border: 1px solid transparent; - box-shadow: none; - } - - .ant-input-number-group-addon .ant-select-open .ant-select-selector, - .ant-input-number-group-addon .ant-select-focused .ant-select-selector { - color: #177ddc; - } - - .ant-input-number-group-addon .ant-cascader-picker { - margin: -9px -12px; - background-color: transparent; - } - - .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input { - text-align: left; - border: 0; - box-shadow: none; - } - - .ant-input-number-group>.ant-input-number:first-child, - .ant-input-number-group-addon:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-number-group>.ant-input-number:first-child .ant-select .ant-select-selector, - .ant-input-number-group-addon:first-child .ant-select .ant-select-selector { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-number-group>.ant-input-number-affix-wrapper:not(:first-child) .ant-input-number { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-number-group>.ant-input-number-affix-wrapper:not(:last-child) .ant-input-number { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-number-group-addon:first-child { - border-right: 0; - } - - .ant-input-number-group-addon:last-child { - border-left: 0; - } - - .ant-input-number-group>.ant-input-number:last-child, - .ant-input-number-group-addon:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-number-group>.ant-input-number:last-child .ant-select .ant-select-selector, - .ant-input-number-group-addon:last-child .ant-select .ant-select-selector { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-number-group-lg .ant-input-number, - .ant-input-number-group-lg>.ant-input-number-group-addon { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-input-number-group-sm .ant-input-number, - .ant-input-number-group-sm>.ant-input-number-group-addon { - padding: 0px 7px; - } - - .ant-input-number-group-lg .ant-select-single .ant-select-selector { - height: 40px; - } - - .ant-input-number-group-sm .ant-select-single .ant-select-selector { - height: 24px; - } - - .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child), - .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-number-group.ant-input-number-group-compact { - display: block; - } - - .ant-input-number-group.ant-input-number-group-compact::before { - display: table; - content: ''; - } - - .ant-input-number-group.ant-input-number-group-compact::after { - display: table; - clear: both; - content: ''; - } - - .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child), - .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child), - .ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child) { - border-right-width: 1px; - } - - .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, - .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, - .ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child):hover { - z-index: 1; - } - - .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, - .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, - .ant-input-number-group.ant-input-number-group-compact>.ant-input-number:not(:first-child):not(:last-child):focus { - z-index: 1; - } - - .ant-input-number-group.ant-input-number-group-compact>* { - display: inline-block; - float: none; - vertical-align: top; - border-radius: 0; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-input-number-affix-wrapper { - display: inline-flex; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-picker-range { - display: inline-flex; - } - - .ant-input-number-group.ant-input-number-group-compact>*:not(:last-child) { - margin-right: -1px; - border-right-width: 1px; - } - - .ant-input-number-group.ant-input-number-group-compact .ant-input-number { - float: none; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector, - .ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input, - .ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input, - .ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input { - border-right-width: 1px; - border-radius: 0; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:hover, - .ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input:hover, - .ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input:hover, - .ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input:hover { - z-index: 1; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-selector:focus, - .ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input:focus, - .ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker .ant-input:focus, - .ant-input-number-group.ant-input-number-group-compact>.ant-input-group-wrapper .ant-input:focus { - z-index: 1; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-select-focused { - z-index: 1; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-select>.ant-select-arrow { - z-index: 1; - } - - .ant-input-number-group.ant-input-number-group-compact>*:first-child, - .ant-input-number-group.ant-input-number-group-compact>.ant-select:first-child>.ant-select-selector, - .ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete:first-child .ant-input, - .ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:first-child .ant-input { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .ant-input-number-group.ant-input-number-group-compact>*:last-child, - .ant-input-number-group.ant-input-number-group-compact>.ant-select:last-child>.ant-select-selector, - .ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker:last-child .ant-input, - .ant-input-number-group.ant-input-number-group-compact>.ant-cascader-picker-focused:last-child .ant-input { - border-right-width: 1px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .ant-input-number-group.ant-input-number-group-compact>.ant-select-auto-complete .ant-input { - vertical-align: top; - } - - .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper { - margin-left: -1px; - } - - .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper { - border-radius: 0; - } - - .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button { - border-radius: 0; - } - - .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input { - border-radius: 2px 0 0 2px; - } - - .ant-input-number-group-wrapper { - display: inline-block; - text-align: start; - vertical-align: top; - } - - .ant-input-number-handler { - position: relative; - display: block; - width: 100%; - height: 50%; - overflow: hidden; - color: rgba(255, 255, 255, 0.45); - font-weight: bold; - line-height: 0; - text-align: center; - border-left: 1px solid #434343; - transition: all 0.1s linear; - } - - .ant-input-number-handler:active { - background: rgba(255, 255, 255, 0.08); - } - - .ant-input-number-handler:hover .ant-input-number-handler-up-inner, - .ant-input-number-handler:hover .ant-input-number-handler-down-inner { - color: #165996; - } - - .ant-input-number-handler-up-inner, - .ant-input-number-handler-down-inner { - display: inline-block; - color: inherit; - font-style: normal; - line-height: 0; - text-align: center; - text-transform: none; - vertical-align: -0.125em; - text-rendering: optimizelegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: absolute; - right: 4px; - width: 12px; - height: 12px; - color: rgba(255, 255, 255, 0.45); - line-height: 12px; - transition: all 0.1s linear; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-input-number-handler-up-inner>*, - .ant-input-number-handler-down-inner>* { - line-height: 1; - } - - .ant-input-number-handler-up-inner svg, - .ant-input-number-handler-down-inner svg { - display: inline-block; - } - - .ant-input-number-handler-up-inner::before, - .ant-input-number-handler-down-inner::before { - display: none; - } - - .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, - .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, - .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, - .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { - display: block; - } - - .ant-input-number:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-input-number:hover+.ant-form-item-children-icon { - opacity: 0; - transition: opacity 0.24s linear 0.24s; - } - - .ant-input-number-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-number-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-number-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-number-disabled .ant-input-number-input { - cursor: not-allowed; - } - - .ant-input-number-disabled .ant-input-number-handler-wrap { - display: none; - } - - .ant-input-number-readonly .ant-input-number-handler-wrap { - display: none; - } - - .ant-input-number-input { - width: 100%; - height: 30px; - padding: 0 11px; - text-align: left; - background-color: transparent; - border: 0; - border-radius: 2px; - outline: 0; - transition: all 0.3s linear; - -webkit-appearance: textfield !important; - -moz-appearance: textfield !important; - appearance: textfield !important; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - } - - .ant-input-number-input::-moz-placeholder { - opacity: 1; - } - - .ant-input-number-input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-input-number-input::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-input-number-input:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-number-input:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-input-number-input:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-number-input[type='number']::-webkit-inner-spin-button, - .ant-input-number-input[type='number']::-webkit-outer-spin-button { - margin: 0; - /* stylelint-disable-next-line property-no-vendor-prefix */ - -webkit-appearance: none; - appearance: none; - } - - .ant-input-number-lg { - padding: 0; - font-size: 16px; - } - - .ant-input-number-lg input { - height: 38px; - } - - .ant-input-number-sm { - padding: 0; - } - - .ant-input-number-sm input { - height: 22px; - padding: 0 7px; - } - - .ant-input-number-handler-wrap { - position: absolute; - top: 0; - right: 0; - width: 22px; - height: 100%; - background: #141414; - border-radius: 0 2px 2px 0; - opacity: 0; - transition: opacity 0.24s linear 0.1s; - } - - .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, - .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { - display: flex; - align-items: center; - justify-content: center; - min-width: auto; - margin-right: 0; - font-size: 7px; - } - - .ant-input-number-borderless .ant-input-number-handler-wrap { - border-left-width: 0; - } - - .ant-input-number-handler-wrap:hover .ant-input-number-handler { - height: 40%; - } - - .ant-input-number:hover .ant-input-number-handler-wrap, - .ant-input-number-focused .ant-input-number-handler-wrap { - opacity: 1; - } - - .ant-input-number-handler-up { - border-top-right-radius: 2px; - cursor: pointer; - } - - .ant-input-number-handler-up-inner { - top: 50%; - margin-top: -5px; - text-align: center; - } - - .ant-input-number-handler-up:hover { - height: 60% !important; - } - - .ant-input-number-handler-down { - top: 0; - border-top: 1px solid #434343; - border-bottom-right-radius: 2px; - cursor: pointer; - } - - .ant-input-number-handler-down-inner { - top: 50%; - text-align: center; - transform: translateY(-50%); - } - - .ant-input-number-handler-down:hover { - height: 60% !important; - } - - .ant-input-number-borderless .ant-input-number-handler-down { - border-top-width: 0; - } - - .ant-input-number-handler-up-disabled, - .ant-input-number-handler-down-disabled { - cursor: not-allowed; - } - - .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, - .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { - color: rgba(255, 255, 255, 0.3); - } - - .ant-input-number-borderless { - box-shadow: none; - } - - .ant-input-number-out-of-range input { - color: #a61d24; - } - - .ant-input-number-rtl { - direction: rtl; - } - - .ant-input-number-rtl .ant-input-number-handler { - border-right: 1px solid #434343; - border-left: 0; - } - - .ant-input-number-rtl .ant-input-number-handler-wrap { - right: auto; - left: 0; - } - - .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap { - border-right-width: 0; - } - - .ant-input-number-rtl .ant-input-number-handler-up { - border-top-right-radius: 0; - } - - .ant-input-number-rtl .ant-input-number-handler-down { - border-bottom-right-radius: 0; - } - - .ant-input-number-rtl .ant-input-number-input { - direction: ltr; - text-align: right; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-input-affix-wrapper { - position: relative; - display: inline-block; - width: 100%; - min-width: 0; - padding: 4px 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - background-color: transparent; - background-image: none; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - display: inline-flex; - } - - .ant-input-affix-wrapper::-moz-placeholder { - opacity: 1; - } - - .ant-input-affix-wrapper:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-input-affix-wrapper::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-input-affix-wrapper:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-affix-wrapper:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-input-affix-wrapper:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input-affix-wrapper:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-input-rtl .ant-input-affix-wrapper:hover { - border-right-width: 0; - border-left-width: 1px !important; - } - - .ant-input-affix-wrapper:focus, - .ant-input-affix-wrapper-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-rtl .ant-input-affix-wrapper:focus, - .ant-input-rtl .ant-input-affix-wrapper-focused { - border-right-width: 0; - border-left-width: 1px !important; - } - - .ant-input-affix-wrapper-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-affix-wrapper-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-affix-wrapper[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-affix-wrapper[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-affix-wrapper-borderless, - .ant-input-affix-wrapper-borderless:hover, - .ant-input-affix-wrapper-borderless:focus, - .ant-input-affix-wrapper-borderless-focused, - .ant-input-affix-wrapper-borderless-disabled, - .ant-input-affix-wrapper-borderless[disabled] { - background-color: transparent; - border: none; - box-shadow: none; - } - - textarea.ant-input-affix-wrapper { - max-width: 100%; - height: auto; - min-height: 32px; - line-height: 1.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-input-affix-wrapper-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-input-affix-wrapper-sm { - padding: 0px 7px; - } - - .ant-input-affix-wrapper-rtl { - direction: rtl; - } - - .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { - border-color: #165996; - border-right-width: 1px; - z-index: 1; - } - - .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { - border-right-width: 0; - border-left-width: 1px !important; - } - - .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { - z-index: 0; - } - - .ant-input-affix-wrapper-focused, - .ant-input-affix-wrapper:focus { - z-index: 1; - } - - .ant-input-affix-wrapper-disabled .ant-input[disabled] { - background: transparent; - } - - .ant-input-affix-wrapper>input.ant-input { - padding: 0; - border: none; - outline: none; - } - - .ant-input-affix-wrapper>input.ant-input:focus { - box-shadow: none !important; - } - - .ant-input-affix-wrapper::before { - width: 0; - visibility: hidden; - content: '\a0'; - } - - .ant-input-prefix, - .ant-input-suffix { - display: flex; - flex: none; - align-items: center; - } - - .ant-input-prefix>*:not(:last-child), - .ant-input-suffix>*:not(:last-child) { - margin-right: 8px; - } - - .ant-input-show-count-suffix { - color: rgba(255, 255, 255, 0.45); - } - - .ant-input-show-count-has-suffix { - margin-right: 2px; - } - - .ant-input-prefix { - margin-right: 4px; - } - - .ant-input-suffix { - margin-left: 4px; - } - - .anticon.ant-input-clear-icon, - .ant-input-clear-icon { - margin: 0; - color: rgba(255, 255, 255, 0.3); - font-size: 12px; - vertical-align: -1px; - cursor: pointer; - transition: color 0.3s; - } - - .anticon.ant-input-clear-icon:hover, - .ant-input-clear-icon:hover { - color: rgba(255, 255, 255, 0.45); - } - - .anticon.ant-input-clear-icon:active, - .ant-input-clear-icon:active { - color: rgba(255, 255, 255, 0.85); - } - - .anticon.ant-input-clear-icon-hidden, - .ant-input-clear-icon-hidden { - visibility: hidden; - } - - .anticon.ant-input-clear-icon-has-suffix, - .ant-input-clear-icon-has-suffix { - margin: 0 4px; - } - - .ant-input-affix-wrapper-textarea-with-clear-btn { - padding: 0 !important; - border: 0 !important; - } - - .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { - position: absolute; - top: 8px; - right: 8px; - z-index: 1; - } - - .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, - .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { - background: transparent; - border-color: #a61d24; - } - - .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, - .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-status-error .ant-input-feedback-icon { - color: #a61d24; - } - - .ant-input-status-error .ant-input-prefix { - color: #a61d24; - } - - .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, - .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { - background: transparent; - border-color: #d89614; - } - - .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, - .ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-status-warning .ant-input-feedback-icon { - color: #d89614; - } - - .ant-input-status-warning .ant-input-prefix { - color: #d89614; - } - - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { - background: transparent; - border-color: #a61d24; - } - - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, - .ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-affix-wrapper-status-error .ant-input-feedback-icon { - color: #a61d24; - } - - .ant-input-affix-wrapper-status-error .ant-input-prefix { - color: #a61d24; - } - - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { - background: transparent; - border-color: #d89614; - } - - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, - .ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-affix-wrapper-status-warning .ant-input-feedback-icon { - color: #d89614; - } - - .ant-input-affix-wrapper-status-warning .ant-input-prefix { - color: #d89614; - } - - .ant-input-textarea-status-validating .ant-input-feedback-icon, - .ant-input-affix-wrapper-status-validating .ant-input-feedback-icon { - display: inline-block; - color: #177ddc; - } - - .ant-input-textarea-status-success .ant-input-feedback-icon, - .ant-input-affix-wrapper-status-success .ant-input-feedback-icon { - color: #49aa19; - -webkit-animation-name: diffZoomIn1 !important; - animation-name: diffZoomIn1 !important; - } - - .ant-input-textarea-status-error .ant-input-feedback-icon { - color: #a61d24; - } - - .ant-input-textarea-status-warning .ant-input-feedback-icon { - color: #d89614; - } - - .ant-input-textarea .ant-input-feedback-icon { - position: absolute; - top: 0; - right: 11px; - bottom: 0; - z-index: 1; - display: inline-flex; - align-items: center; - margin: auto; - } - - .ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input, - .ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input, - .ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input, - .ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input { - padding-right: 24px; - } - - .ant-input-group-wrapper-status-error .ant-input-group-addon { - color: #a61d24; - border-color: #a61d24; - } - - .ant-input-group-wrapper-status-warning .ant-input-group-addon { - color: #d89614; - border-color: #d89614; - } - - .ant-input { - box-sizing: border-box; - margin: 0; - padding: 0; - font-variant: tabular-nums; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: inline-block; - width: 100%; - min-width: 0; - padding: 4px 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - background-color: transparent; - background-image: none; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - } - - .ant-input::-moz-placeholder { - opacity: 1; - } - - .ant-input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-input::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-input:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-input:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-input:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-input-rtl .ant-input:hover { - border-right-width: 0; - border-left-width: 1px !important; - } - - .ant-input:focus, - .ant-input-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-input-rtl .ant-input:focus, - .ant-input-rtl .ant-input-focused { - border-right-width: 0; - border-left-width: 1px !important; - } - - .ant-input-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-input[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-input-borderless, - .ant-input-borderless:hover, - .ant-input-borderless:focus, - .ant-input-borderless-focused, - .ant-input-borderless-disabled, - .ant-input-borderless[disabled] { - background-color: transparent; - border: none; - box-shadow: none; - } - - textarea.ant-input { - max-width: 100%; - height: auto; - min-height: 32px; - line-height: 1.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-input-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-input-sm { - padding: 0px 7px; - } - - .ant-input-rtl { - direction: rtl; - } - - .ant-input-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: table; - width: 100%; - border-collapse: separate; - border-spacing: 0; - } - - .ant-input-group[class*='col-'] { - float: none; - padding-right: 0; - padding-left: 0; - } - - .ant-input-group>[class*='col-'] { - padding-right: 8px; - } - - .ant-input-group>[class*='col-']:last-child { - padding-right: 0; - } - - .ant-input-group-addon, - .ant-input-group-wrap, - .ant-input-group>.ant-input { - display: table-cell; - } - - .ant-input-group-addon:not(:first-child):not(:last-child), - .ant-input-group-wrap:not(:first-child):not(:last-child), - .ant-input-group>.ant-input:not(:first-child):not(:last-child) { - border-radius: 0; - } - - .ant-input-group-addon, - .ant-input-group-wrap { - width: 1px; - white-space: nowrap; - vertical-align: middle; - } - - .ant-input-group-wrap>* { - display: block !important; - } - - .ant-input-group .ant-input { - float: left; - width: 100%; - margin-bottom: 0; - text-align: inherit; - } - - .ant-input-group .ant-input:focus { - z-index: 1; - border-right-width: 1px; - } - - .ant-input-group .ant-input:hover { - z-index: 1; - border-right-width: 1px; - } - - .ant-input-search-with-button .ant-input-group .ant-input:hover { - z-index: 0; - } - - .ant-input-group-addon { - position: relative; - padding: 0 11px; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - font-size: 14px; - text-align: center; - background-color: rgba(255, 255, 255, 0.04); - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - } - - .ant-input-group-addon .ant-select { - margin: -5px -11px; - } - - .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { - background-color: inherit; - border: 1px solid transparent; - box-shadow: none; - } - - .ant-input-group-addon .ant-select-open .ant-select-selector, - .ant-input-group-addon .ant-select-focused .ant-select-selector { - color: #177ddc; - } - - .ant-input-group-addon .ant-cascader-picker { - margin: -9px -12px; - background-color: transparent; - } - - .ant-input-group-addon .ant-cascader-picker .ant-cascader-input { - text-align: left; - border: 0; - box-shadow: none; - } - - .ant-input-group>.ant-input:first-child, - .ant-input-group-addon:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-group>.ant-input:first-child .ant-select .ant-select-selector, - .ant-input-group-addon:first-child .ant-select .ant-select-selector { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-group-addon:first-child { - border-right: 0; - } - - .ant-input-group-addon:last-child { - border-left: 0; - } - - .ant-input-group>.ant-input:last-child, - .ant-input-group-addon:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-group>.ant-input:last-child .ant-select .ant-select-selector, - .ant-input-group-addon:last-child .ant-select .ant-select-selector { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-group-lg .ant-input, - .ant-input-group-lg>.ant-input-group-addon { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-input-group-sm .ant-input, - .ant-input-group-sm>.ant-input-group-addon { - padding: 0px 7px; - } - - .ant-input-group-lg .ant-select-single .ant-select-selector { - height: 40px; - } - - .ant-input-group-sm .ant-select-single .ant-select-selector { - height: 24px; - } - - .ant-input-group .ant-input-affix-wrapper:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - - .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .ant-input-group .ant-input-affix-wrapper:not(:first-child), - .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .ant-input-group.ant-input-group-compact { - display: block; - } - - .ant-input-group.ant-input-group-compact::before { - display: table; - content: ''; - } - - .ant-input-group.ant-input-group-compact::after { - display: table; - clear: both; - content: ''; - } - - .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), - .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), - .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) { - border-right-width: 1px; - } - - .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, - .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, - .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover { - z-index: 1; - } - - .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, - .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, - .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus { - z-index: 1; - } - - .ant-input-group.ant-input-group-compact>* { - display: inline-block; - float: none; - vertical-align: top; - border-radius: 0; - } - - .ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper { - display: inline-flex; - } - - .ant-input-group.ant-input-group-compact>.ant-picker-range { - display: inline-flex; - } - - .ant-input-group.ant-input-group-compact>*:not(:last-child) { - margin-right: -1px; - border-right-width: 1px; - } - - .ant-input-group.ant-input-group-compact .ant-input { - float: none; - } - - .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector, - .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input, - .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input, - .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input { - border-right-width: 1px; - border-radius: 0; - } - - .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover, - .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover, - .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover, - .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover { - z-index: 1; - } - - .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus, - .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus, - .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus, - .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus { - z-index: 1; - } - - .ant-input-group.ant-input-group-compact>.ant-select-focused { - z-index: 1; - } - - .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow { - z-index: 1; - } - - .ant-input-group.ant-input-group-compact>*:first-child, - .ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector, - .ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input, - .ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .ant-input-group.ant-input-group-compact>*:last-child, - .ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector, - .ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input, - .ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input { - border-right-width: 1px; - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input { - vertical-align: top; - } - - .ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper { - margin-left: -1px; - } - - .ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper { - border-radius: 0; - } - - .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button { - border-radius: 0; - } - - .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input { - border-radius: 2px 0 0 2px; - } - - .ant-input-group>.ant-input-rtl:first-child, - .ant-input-group-rtl .ant-input-group-addon:first-child { - border-radius: 0 2px 2px 0; - } - - .ant-input-group-rtl .ant-input-group-addon:first-child { - border-right: 1px solid #434343; - border-left: 0; - } - - .ant-input-group-rtl .ant-input-group-addon:last-child { - border-right: 0; - border-left: 1px solid #434343; - } - - .ant-input-group-rtl.ant-input-group>.ant-input:last-child, - .ant-input-group-rtl.ant-input-group-addon:last-child { - border-radius: 2px 0 0 2px; - } - - .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { - border-radius: 2px 0 0 2px; - } - - .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { - border-radius: 0 2px 2px 0; - } - - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:not(:last-child) { - margin-right: 0; - margin-left: -1px; - border-left-width: 1px; - } - - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:first-child, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input { - border-radius: 0 2px 2px 0; - } - - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:last-child, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input, - .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input { - border-left-width: 1px; - border-radius: 2px 0 0 2px; - } - - .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl { - margin-right: -1px; - margin-left: 0; - } - - .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input { - border-radius: 0 2px 2px 0; - } - - .ant-input-group-wrapper { - display: inline-block; - width: 100%; - text-align: start; - vertical-align: top; - } - - .ant-input-password-icon.anticon { - color: rgba(255, 255, 255, 0.45); - cursor: pointer; - transition: all 0.3s; - } - - .ant-input-password-icon.anticon:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-input[type='color'] { - height: 32px; - } - - .ant-input[type='color'].ant-input-lg { - height: 40px; - } - - .ant-input[type='color'].ant-input-sm { - height: 24px; - padding-top: 3px; - padding-bottom: 3px; - } - - .ant-input-textarea-show-count>.ant-input { - height: 100%; - } - - .ant-input-textarea-show-count::after { - float: right; - color: rgba(255, 255, 255, 0.45); - white-space: nowrap; - content: attr(data-count); - pointer-events: none; - } - - .ant-input-search .ant-input:hover, - .ant-input-search .ant-input:focus { - border-color: #165996; - } - - .ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), - .ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { - border-left-color: #165996; - } - - .ant-input-search .ant-input-affix-wrapper { - border-radius: 0; - } - - .ant-input-search .ant-input-lg { - line-height: 1.5713; - } - - .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child { - left: -1px; - padding: 0; - border: 0; - } - - .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button { - padding-top: 0; - padding-bottom: 0; - border-radius: 0 2px 2px 0; - } - - .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { - color: rgba(255, 255, 255, 0.45); - } - - .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - .ant-input-search-button { - height: 32px; - } - - .ant-input-search-button:hover, - .ant-input-search-button:focus { - z-index: 1; - } - - .ant-input-search-large .ant-input-search-button { - height: 40px; - } - - .ant-input-search-small .ant-input-search-button { - height: 24px; - } - - .ant-input-group-wrapper-rtl { - direction: rtl; - } - - .ant-input-group-rtl { - direction: rtl; - } - - .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input { - border: none; - outline: none; - } - - .ant-input-affix-wrapper-rtl .ant-input-prefix { - margin: 0 0 0 4px; - } - - .ant-input-affix-wrapper-rtl .ant-input-suffix { - margin: 0 4px 0 0; - } - - .ant-input-textarea-rtl { - direction: rtl; - } - - .ant-input-textarea-rtl.ant-input-textarea-show-count::after { - text-align: left; - } - - .ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { - margin-right: 0; - margin-left: 4px; - } - - .ant-input-affix-wrapper-rtl .ant-input-clear-icon { - right: auto; - left: 8px; - } - - .ant-input-search-rtl { - direction: rtl; - } - - .ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), - .ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { - border-right-color: #165996; - border-left-color: #434343; - } - - .ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover, - .ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused { - border-right-color: #165996; - } - - .ant-input-search-rtl>.ant-input-group>.ant-input-group-addon { - right: -1px; - left: auto; - } - - .ant-input-search-rtl>.ant-input-group>.ant-input-group-addon .ant-input-search-button { - border-radius: 2px 0 0 2px; - } - - @media screen and (-ms-high-contrast: active), - (-ms-high-contrast: none) { - .ant-input { - height: 32px; - } - - .ant-input-lg { - height: 40px; - } - - .ant-input-sm { - height: 24px; - } - - .ant-input-affix-wrapper>input.ant-input { - height: auto; - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-layout { - display: flex; - flex: auto; - flex-direction: column; - /* fix firefox can't set height smaller than content on flex item */ - min-height: 0; - background: #000; - } - - .ant-layout, - .ant-layout * { - box-sizing: border-box; - } - - .ant-layout.ant-layout-has-sider { - flex-direction: row; - } - - .ant-layout.ant-layout-has-sider>.ant-layout, - .ant-layout.ant-layout-has-sider>.ant-layout-content { - width: 0; - } - - .ant-layout-header, - .ant-layout-footer { - flex: 0 0 auto; - } - - .ant-layout-header { - height: 64px; - padding: 0 50px; - color: rgba(255, 255, 255, 0.85); - line-height: 64px; - background: #1f1f1f; - } - - .ant-layout-footer { - padding: 24px 50px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - background: #000; - } - - .ant-layout-content { - flex: auto; - /* fix firefox can't set height smaller than content on flex item */ - min-height: 0; - } - - .ant-layout-sider { - position: relative; - /* fix firefox can't set width smaller than content on flex item */ - min-width: 0; - background: #1f1f1f; - transition: all 0.2s; - } - - .ant-layout-sider-children { - height: 100%; - margin-top: -0.1px; - padding-top: 0.1px; - } - - .ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { - width: auto; - } - - .ant-layout-sider-has-trigger { - padding-bottom: 48px; - } - - .ant-layout-sider-right { - order: 1; - } - - .ant-layout-sider-trigger { - position: fixed; - bottom: 0; - z-index: 1; - height: 48px; - color: #fff; - line-height: 48px; - text-align: center; - background: #262626; - cursor: pointer; - transition: all 0.2s; - } - - .ant-layout-sider-zero-width>* { - overflow: hidden; - } - - .ant-layout-sider-zero-width-trigger { - position: absolute; - top: 64px; - right: -36px; - z-index: 1; - width: 36px; - height: 42px; - color: #fff; - font-size: 18px; - line-height: 42px; - text-align: center; - background: #1f1f1f; - border-radius: 0 2px 2px 0; - cursor: pointer; - transition: background 0.3s ease; - } - - .ant-layout-sider-zero-width-trigger::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: transparent; - transition: all 0.3s; - content: ''; - } - - .ant-layout-sider-zero-width-trigger:hover::after { - background: rgba(255, 255, 255, 0.1); - } - - .ant-layout-sider-zero-width-trigger-right { - left: -36px; - border-radius: 2px 0 0 2px; - } - - .ant-layout-sider-light { - background: #fff; - } - - .ant-layout-sider-light .ant-layout-sider-trigger { - color: rgba(255, 255, 255, 0.85); - background: #fff; - } - - .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { - color: rgba(255, 255, 255, 0.85); - background: #fff; - } - - .ant-layout-rtl { - direction: rtl; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-list .ant-card { - background: transparent; - } - - .ant-list { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - } - - .ant-list * { - outline: none; - } - - .ant-list-pagination { - margin-top: 24px; - text-align: right; - } - - .ant-list-pagination .ant-pagination-options { - text-align: left; - } - - .ant-list-more { - margin-top: 12px; - text-align: center; - } - - .ant-list-more button { - padding-right: 32px; - padding-left: 32px; - } - - .ant-list-spin { - min-height: 40px; - text-align: center; - } - - .ant-list-empty-text { - padding: 16px; - color: rgba(255, 255, 255, 0.3); - font-size: 14px; - text-align: center; - } - - .ant-list-items { - margin: 0; - padding: 0; - list-style: none; - } - - .ant-list-item { - display: flex; - align-items: center; - justify-content: space-between; - padding: 12px 0; - color: rgba(255, 255, 255, 0.85); - } - - .ant-list-item-meta { - display: flex; - flex: 1; - align-items: flex-start; - max-width: 100%; - } - - .ant-list-item-meta-avatar { - margin-right: 16px; - } - - .ant-list-item-meta-content { - flex: 1 0; - width: 0; - color: rgba(255, 255, 255, 0.85); - } - - .ant-list-item-meta-title { - margin-bottom: 4px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - } - - .ant-list-item-meta-title>a { - color: rgba(255, 255, 255, 0.85); - transition: all 0.3s; - } - - .ant-list-item-meta-title>a:hover { - color: #177ddc; - } - - .ant-list-item-meta-description { - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - line-height: 1.5715; - } - - .ant-list-item-action { - flex: 0 0 auto; - margin-left: 48px; - padding: 0; - font-size: 0; - list-style: none; - } - - .ant-list-item-action>li { - position: relative; - display: inline-block; - padding: 0 8px; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - line-height: 1.5715; - text-align: center; - } - - .ant-list-item-action>li:first-child { - padding-left: 0; - } - - .ant-list-item-action-split { - position: absolute; - top: 50%; - right: 0; - width: 1px; - height: 14px; - margin-top: -7px; - background-color: #303030; - } - - .ant-list-header { - background: transparent; - } - - .ant-list-footer { - background: transparent; - } - - .ant-list-header, - .ant-list-footer { - padding-top: 12px; - padding-bottom: 12px; - } - - .ant-list-empty { - padding: 16px 0; - color: rgba(255, 255, 255, 0.45); - font-size: 12px; - text-align: center; - } - - .ant-list-split .ant-list-item { - border-bottom: 1px solid #303030; - } - - .ant-list-split .ant-list-item:last-child { - border-bottom: none; - } - - .ant-list-split .ant-list-header { - border-bottom: 1px solid #303030; - } - - .ant-list-split.ant-list-empty .ant-list-footer { - border-top: 1px solid #303030; - } - - .ant-list-loading .ant-list-spin-nested-loading { - min-height: 32px; - } - - .ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child { - border-bottom: 1px solid #303030; - } - - .ant-list-lg .ant-list-item { - padding: 16px 24px; - } - - .ant-list-sm .ant-list-item { - padding: 8px 16px; - } - - .ant-list-vertical .ant-list-item { - align-items: initial; - } - - .ant-list-vertical .ant-list-item-main { - display: block; - flex: 1; - } - - .ant-list-vertical .ant-list-item-extra { - margin-left: 40px; - } - - .ant-list-vertical .ant-list-item-meta { - margin-bottom: 16px; - } - - .ant-list-vertical .ant-list-item-meta-title { - margin-bottom: 12px; - color: rgba(255, 255, 255, 0.85); - font-size: 16px; - line-height: 24px; - } - - .ant-list-vertical .ant-list-item-action { - margin-top: 16px; - margin-left: auto; - } - - .ant-list-vertical .ant-list-item-action>li { - padding: 0 16px; - } - - .ant-list-vertical .ant-list-item-action>li:first-child { - padding-left: 0; - } - - .ant-list-grid .ant-col>.ant-list-item { - display: block; - max-width: 100%; - margin-bottom: 16px; - padding-top: 0; - padding-bottom: 0; - border-bottom: none; - } - - .ant-list-item-no-flex { - display: block; - } - - .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { - float: right; - } - - .ant-list-bordered { - border: 1px solid #434343; - border-radius: 2px; - } - - .ant-list-bordered .ant-list-header { - padding-right: 24px; - padding-left: 24px; - } - - .ant-list-bordered .ant-list-footer { - padding-right: 24px; - padding-left: 24px; - } - - .ant-list-bordered .ant-list-item { - padding-right: 24px; - padding-left: 24px; - } - - .ant-list-bordered .ant-list-pagination { - margin: 16px 24px; - } - - .ant-list-bordered.ant-list-sm .ant-list-item { - padding: 8px 16px; - } - - .ant-list-bordered.ant-list-sm .ant-list-header, - .ant-list-bordered.ant-list-sm .ant-list-footer { - padding: 8px 16px; - } - - .ant-list-bordered.ant-list-lg .ant-list-item { - padding: 16px 24px; - } - - .ant-list-bordered.ant-list-lg .ant-list-header, - .ant-list-bordered.ant-list-lg .ant-list-footer { - padding: 16px 24px; - } - - @media screen and (max-width: 768px) { - .ant-list-item-action { - margin-left: 24px; - } - - .ant-list-vertical .ant-list-item-extra { - margin-left: 24px; - } - } - - @media screen and (max-width: 576px) { - .ant-list-item { - flex-wrap: wrap; - } - - .ant-list-item-action { - margin-left: 12px; - } - - .ant-list-vertical .ant-list-item { - flex-wrap: wrap-reverse; - } - - .ant-list-vertical .ant-list-item-main { - min-width: 220px; - } - - .ant-list-vertical .ant-list-item-extra { - margin: auto auto 16px; - } - } - - .ant-list-rtl { - direction: rtl; - text-align: right; - } - - .ant-list-rtl .ReactVirtualized__List .ant-list-item { - direction: rtl; - } - - .ant-list-rtl .ant-list-pagination { - text-align: left; - } - - .ant-list-rtl .ant-list-item-meta-avatar { - margin-right: 0; - margin-left: 16px; - } - - .ant-list-rtl .ant-list-item-action { - margin-right: 48px; - margin-left: 0; - } - - .ant-list.ant-list-rtl .ant-list-item-action>li:first-child { - padding-right: 0; - padding-left: 16px; - } - - .ant-list-rtl .ant-list-item-action-split { - right: auto; - left: 0; - } - - .ant-list-rtl.ant-list-vertical .ant-list-item-extra { - margin-right: 40px; - margin-left: 0; - } - - .ant-list-rtl.ant-list-vertical .ant-list-item-action { - margin-right: auto; - } - - .ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child { - padding-right: 0; - padding-left: 16px; - } - - .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { - float: left; - } - - @media screen and (max-width: 768px) { - .ant-list-rtl .ant-list-item-action { - margin-right: 24px; - margin-left: 0; - } - - .ant-list-rtl .ant-list-vertical .ant-list-item-extra { - margin-right: 24px; - margin-left: 0; - } - } - - @media screen and (max-width: 576px) { - .ant-list-rtl .ant-list-item-action { - margin-right: 22px; - margin-left: 0; - } - - .ant-list-rtl.ant-list-vertical .ant-list-item-extra { - margin: auto auto 16px; - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-spin { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - display: none; - color: #177ddc; - text-align: center; - vertical-align: middle; - opacity: 0; - transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-spin-spinning { - position: static; - display: inline-block; - opacity: 1; - } - - .ant-spin-nested-loading { - position: relative; - } - - .ant-spin-nested-loading>div>.ant-spin { - position: absolute; - top: 0; - left: 0; - z-index: 4; - display: block; - width: 100%; - height: 100%; - max-height: 400px; - } - - .ant-spin-nested-loading>div>.ant-spin .ant-spin-dot { - position: absolute; - top: 50%; - left: 50%; - margin: -10px; - } - - .ant-spin-nested-loading>div>.ant-spin .ant-spin-text { - position: absolute; - top: 50%; - width: 100%; - padding-top: 5px; - text-shadow: 0 1px 2px #141414; - } - - .ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot { - margin-top: -20px; - } - - .ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot { - margin: -7px; - } - - .ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text { - padding-top: 2px; - } - - .ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot { - margin-top: -17px; - } - - .ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot { - margin: -16px; - } - - .ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text { - padding-top: 11px; - } - - .ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot { - margin-top: -26px; - } - - .ant-spin-container { - position: relative; - transition: opacity 0.3s; - } - - .ant-spin-container::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - display: none \9; - width: 100%; - height: 100%; - background: #141414; - opacity: 0; - transition: all 0.3s; - content: ''; - pointer-events: none; - } - - .ant-spin-blur { - clear: both; - opacity: 0.5; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - } - - .ant-spin-blur::after { - opacity: 0.4; - pointer-events: auto; - } - - .ant-spin-tip { - color: rgba(255, 255, 255, 0.45); - } - - .ant-spin-dot { - position: relative; - display: inline-block; - font-size: 20px; - width: 1em; - height: 1em; - } - - .ant-spin-dot-item { - position: absolute; - display: block; - width: 9px; - height: 9px; - background-color: #177ddc; - border-radius: 100%; - transform: scale(0.75); - transform-origin: 50% 50%; - opacity: 0.3; - -webkit-animation: antSpinMove 1s infinite linear alternate; - animation: antSpinMove 1s infinite linear alternate; - } - - .ant-spin-dot-item:nth-child(1) { - top: 0; - left: 0; - } - - .ant-spin-dot-item:nth-child(2) { - top: 0; - right: 0; - -webkit-animation-delay: 0.4s; - animation-delay: 0.4s; - } - - .ant-spin-dot-item:nth-child(3) { - right: 0; - bottom: 0; - -webkit-animation-delay: 0.8s; - animation-delay: 0.8s; - } - - .ant-spin-dot-item:nth-child(4) { - bottom: 0; - left: 0; - -webkit-animation-delay: 1.2s; - animation-delay: 1.2s; - } - - .ant-spin-dot-spin { - transform: rotate(45deg); - -webkit-animation: antRotate 1.2s infinite linear; - animation: antRotate 1.2s infinite linear; - } - - .ant-spin-sm .ant-spin-dot { - font-size: 14px; - } - - .ant-spin-sm .ant-spin-dot i { - width: 6px; - height: 6px; - } - - .ant-spin-lg .ant-spin-dot { - font-size: 32px; - } - - .ant-spin-lg .ant-spin-dot i { - width: 14px; - height: 14px; - } - - .ant-spin.ant-spin-show-text .ant-spin-text { - display: block; - } - - @media all and (-ms-high-contrast: none), - (-ms-high-contrast: active) { - - /* IE10+ */ - .ant-spin-blur { - background: #141414; - opacity: 0.5; - } - } - - @-webkit-keyframes antSpinMove { - to { - opacity: 1; - } - } - - @keyframes antSpinMove { - to { - opacity: 1; - } - } - - @-webkit-keyframes antRotate { - to { - transform: rotate(405deg); - } - } - - @keyframes antRotate { - to { - transform: rotate(405deg); - } - } - - .ant-spin-rtl { - direction: rtl; - } - - .ant-spin-rtl .ant-spin-dot-spin { - transform: rotate(-45deg); - -webkit-animation-name: antRotateRtl; - animation-name: antRotateRtl; - } - - @-webkit-keyframes antRotateRtl { - to { - transform: rotate(-405deg); - } - } - - @keyframes antRotateRtl { - to { - transform: rotate(-405deg); - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-pagination { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - } - - .ant-pagination ul, - .ant-pagination ol { - 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: transparent; - border: 1px solid #434343; - border-radius: 2px; - outline: 0; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-pagination-item a { - display: block; - padding: 0 6px; - color: rgba(255, 255, 255, 0.85); - transition: none; - } - - .ant-pagination-item a:hover { - text-decoration: none; - } - - .ant-pagination-item:hover { - border-color: #177ddc; - transition: all 0.3s; - } - - .ant-pagination-item:hover a { - color: #177ddc; - } - - .ant-pagination-item:focus-visible { - border-color: #177ddc; - transition: all 0.3s; - } - - .ant-pagination-item:focus-visible a { - color: #177ddc; - } - - .ant-pagination-item-active { - font-weight: 500; - background: transparent; - border-color: #177ddc; - } - - .ant-pagination-item-active a { - color: #177ddc; - } - - .ant-pagination-item-active:hover { - border-color: #165996; - } - - .ant-pagination-item-active:focus-visible { - border-color: #165996; - } - - .ant-pagination-item-active:hover a { - color: #165996; - } - - .ant-pagination-item-active:focus-visible a { - color: #165996; - } - - .ant-pagination-jump-prev, - .ant-pagination-jump-next { - outline: 0; - } - - .ant-pagination-jump-prev .ant-pagination-item-container, - .ant-pagination-jump-next .ant-pagination-item-container { - position: relative; - } - - .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, - .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { - color: #177ddc; - font-size: 12px; - letter-spacing: -1px; - opacity: 0; - transition: all 0.2s; - } - - .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, - .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { - top: 0; - right: 0; - bottom: 0; - left: 0; - margin: auto; - } - - .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, - .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: block; - margin: auto; - color: rgba(255, 255, 255, 0.3); - font-family: Arial, Helvetica, sans-serif; - letter-spacing: 2px; - text-align: center; - text-indent: 0.13em; - opacity: 1; - transition: all 0.2s; - } - - .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, - .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { - opacity: 1; - } - - .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, - .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { - opacity: 0; - } - - .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, - .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { - opacity: 1; - } - - .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, - .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { - opacity: 0; - } - - .ant-pagination-prev, - .ant-pagination-jump-prev, - .ant-pagination-jump-next { - margin-right: 8px; - } - - .ant-pagination-prev, - .ant-pagination-next, - .ant-pagination-jump-prev, - .ant-pagination-jump-next { - display: inline-block; - min-width: 32px; - height: 32px; - color: rgba(255, 255, 255, 0.85); - 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: 2px; - cursor: pointer; - transition: all 0.3s; - } - - .ant-pagination-prev, - .ant-pagination-next { - font-family: Arial, Helvetica, sans-serif; - outline: 0; - } - - .ant-pagination-prev button, - .ant-pagination-next button { - color: rgba(255, 255, 255, 0.85); - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-pagination-prev:hover button, - .ant-pagination-next:hover button { - border-color: #165996; - } - - .ant-pagination-prev .ant-pagination-item-link, - .ant-pagination-next .ant-pagination-item-link { - display: block; - width: 100%; - height: 100%; - padding: 0; - font-size: 12px; - text-align: center; - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - outline: none; - transition: all 0.3s; - } - - .ant-pagination-prev:focus-visible .ant-pagination-item-link, - .ant-pagination-next:focus-visible .ant-pagination-item-link { - color: #177ddc; - border-color: #177ddc; - } - - .ant-pagination-prev:hover .ant-pagination-item-link, - .ant-pagination-next:hover .ant-pagination-item-link { - color: #177ddc; - border-color: #177ddc; - } - - .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: rgba(255, 255, 255, 0.3); - border-color: #434343; - cursor: not-allowed; - } - - .ant-pagination-disabled:focus-visible { - cursor: not-allowed; - } - - .ant-pagination-disabled:focus-visible .ant-pagination-item-link { - color: rgba(255, 255, 255, 0.3); - border-color: #434343; - 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 *::-ms-backdrop, - .ant-pagination-options { - 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 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - line-height: 1.5715; - background-color: transparent; - background-image: none; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - width: 50px; - height: 32px; - margin: 0 8px; - } - - .ant-pagination-options-quick-jumper input::-moz-placeholder { - opacity: 1; - } - - .ant-pagination-options-quick-jumper input:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-pagination-options-quick-jumper input::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-pagination-options-quick-jumper input:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-pagination-options-quick-jumper input:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-pagination-options-quick-jumper input:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-pagination-options-quick-jumper input:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-pagination-options-quick-jumper input:focus, - .ant-pagination-options-quick-jumper input-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-pagination-options-quick-jumper input-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-pagination-options-quick-jumper input-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-pagination-options-quick-jumper input[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-pagination-options-quick-jumper input[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-pagination-options-quick-jumper input-borderless, - .ant-pagination-options-quick-jumper input-borderless:hover, - .ant-pagination-options-quick-jumper input-borderless:focus, - .ant-pagination-options-quick-jumper input-borderless-focused, - .ant-pagination-options-quick-jumper input-borderless-disabled, - .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.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-pagination-options-quick-jumper input-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-pagination-options-quick-jumper input-sm { - padding: 0px 7px; - } - - .ant-pagination-simple .ant-pagination-prev, - .ant-pagination-simple .ant-pagination-next { - height: 24px; - line-height: 24px; - vertical-align: top; - } - - .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, - .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { - height: 24px; - background-color: transparent; - border: 0; - } - - .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, - .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { - height: 24px; - line-height: 24px; - } - - .ant-pagination-simple .ant-pagination-simple-pager { - display: inline-block; - height: 24px; - 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: transparent; - border: 1px solid #434343; - border-radius: 2px; - outline: none; - transition: border-color 0.3s; - } - - .ant-pagination-simple .ant-pagination-simple-pager input:hover { - border-color: #177ddc; - } - - .ant-pagination-simple .ant-pagination-simple-pager input:focus { - border-color: #3c9be8; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - } - - .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; - cursor: not-allowed; - } - - .ant-pagination.mini .ant-pagination-total-text, - .ant-pagination.mini .ant-pagination-simple-pager { - height: 24px; - line-height: 24px; - } - - .ant-pagination.mini .ant-pagination-item { - min-width: 24px; - height: 24px; - margin: 0; - line-height: 22px; - } - - .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { - background: transparent; - border-color: transparent; - } - - .ant-pagination.mini .ant-pagination-prev, - .ant-pagination.mini .ant-pagination-next { - min-width: 24px; - height: 24px; - margin: 0; - line-height: 24px; - } - - .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, - .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { - background: transparent; - border-color: transparent; - } - - .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, - .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { - height: 24px; - line-height: 24px; - } - - .ant-pagination.mini .ant-pagination-jump-prev, - .ant-pagination.mini .ant-pagination-jump-next { - height: 24px; - margin-right: 0; - line-height: 24px; - } - - .ant-pagination.mini .ant-pagination-options { - margin-left: 2px; - } - - .ant-pagination.mini .ant-pagination-options-size-changer { - top: 0px; - } - - .ant-pagination.mini .ant-pagination-options-quick-jumper { - height: 24px; - line-height: 24px; - } - - .ant-pagination.mini .ant-pagination-options-quick-jumper input { - padding: 0px 7px; - width: 44px; - height: 24px; - } - - .ant-pagination.ant-pagination-disabled { - cursor: not-allowed; - } - - .ant-pagination.ant-pagination-disabled .ant-pagination-item { - background: rgba(255, 255, 255, 0.08); - border-color: #434343; - cursor: not-allowed; - } - - .ant-pagination.ant-pagination-disabled .ant-pagination-item a { - color: rgba(255, 255, 255, 0.3); - background: transparent; - border: none; - cursor: not-allowed; - } - - .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { - background: rgba(255, 255, 255, 0.25); - } - - .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { - color: #000; - } - - .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { - color: rgba(255, 255, 255, 0.3); - background: rgba(255, 255, 255, 0.08); - border-color: #434343; - cursor: not-allowed; - } - - .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { - background: transparent; - } - - .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: rgba(255, 255, 255, 0.3); - } - - @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-prev, - .ant-pagination-rtl .ant-pagination-jump-prev, - .ant-pagination-rtl .ant-pagination-jump-next { - 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; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, - .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { - background: transparent; - border-color: #a61d24; - } - - .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, - .ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { - border-color: #a61d24; - box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-mentions-status-error .ant-input-feedback-icon { - color: #a61d24; - } - - .ant-mentions-status-error .ant-input-prefix { - color: #a61d24; - } - - .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, - .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { - background: transparent; - border-color: #d89614; - } - - .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, - .ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { - border-color: #d89614; - box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-mentions-status-warning .ant-input-feedback-icon { - color: #d89614; - } - - .ant-mentions-status-warning .ant-input-prefix { - color: #d89614; - } - - .ant-mentions-affix-wrapper { - position: relative; - } - - .ant-mentions-affix-wrapper .ant-mentions-feedback-icon { - position: absolute; - top: 0; - right: 11px; - bottom: 0; - z-index: 1; - display: inline-flex; - align-items: center; - margin: auto; - } - - .ant-mentions-affix-wrapper-status-error .ant-mentions-feedback-icon { - color: #a61d24; - } - - .ant-mentions-affix-wrapper-has-warning .ant-mentions-feedback-icon { - color: #d89614; - } - - .ant-mentions { - box-sizing: border-box; - margin: 0; - font-variant: tabular-nums; - list-style: none; - font-feature-settings: 'tnum'; - width: 100%; - min-width: 0; - padding: 4px 11px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - background-color: transparent; - background-image: none; - border: 1px solid #434343; - border-radius: 2px; - transition: all 0.3s; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - position: relative; - display: inline-block; - height: auto; - padding: 0; - overflow: hidden; - line-height: 1.5715; - white-space: pre-wrap; - vertical-align: bottom; - } - - .ant-mentions::-moz-placeholder { - opacity: 1; - } - - .ant-mentions:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-mentions::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-mentions:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-mentions:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-mentions:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-mentions:hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-mentions:focus, - .ant-mentions-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-mentions-disabled { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-mentions-disabled:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-mentions[disabled] { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-mentions[disabled]:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-mentions-borderless, - .ant-mentions-borderless:hover, - .ant-mentions-borderless:focus, - .ant-mentions-borderless-focused, - .ant-mentions-borderless-disabled, - .ant-mentions-borderless[disabled] { - background-color: transparent; - border: none; - box-shadow: none; - } - - textarea.ant-mentions { - max-width: 100%; - height: auto; - min-height: 32px; - line-height: 1.5715; - vertical-align: bottom; - transition: all 0.3s, height 0s; - } - - .ant-mentions-lg { - padding: 6.5px 11px; - font-size: 16px; - } - - .ant-mentions-sm { - padding: 0px 7px; - } - - .ant-mentions-disabled>textarea { - color: rgba(255, 255, 255, 0.3); - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343; - box-shadow: none; - cursor: not-allowed; - opacity: 1; - } - - .ant-mentions-disabled>textarea:hover { - border-color: #434343; - border-right-width: 1px; - } - - .ant-mentions-focused { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-mentions>textarea, - .ant-mentions-measure { - min-height: 30px; - margin: 0; - padding: 4px 11px; - overflow: inherit; - overflow-x: hidden; - overflow-y: auto; - /* stylelint-disable declaration-block-no-redundant-longhand-properties */ - font-weight: inherit; - font-size: inherit; - font-family: inherit; - font-style: inherit; - font-variant: inherit; - font-size-adjust: inherit; - font-stretch: inherit; - line-height: inherit; - /* stylelint-enable declaration-block-no-redundant-longhand-properties */ - direction: inherit; - letter-spacing: inherit; - white-space: inherit; - text-align: inherit; - vertical-align: top; - word-wrap: break-word; - word-break: inherit; - -moz-tab-size: inherit; - -o-tab-size: inherit; - tab-size: inherit; - } - - .ant-mentions>textarea { - width: 100%; - border: none; - outline: none; - resize: none; - background-color: transparent; - /* stylelint-disable-next-line selector-no-vendor-prefix */ - } - - .ant-mentions>textarea::-moz-placeholder { - opacity: 1; - } - - .ant-mentions>textarea:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.3); - -ms-user-select: none; - user-select: none; - } - - .ant-mentions>textarea::placeholder { - color: rgba(255, 255, 255, 0.3); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-mentions>textarea:-moz-placeholder-shown { - text-overflow: ellipsis; - } - - .ant-mentions>textarea:-ms-input-placeholder { - text-overflow: ellipsis; - } - - .ant-mentions>textarea:placeholder-shown { - text-overflow: ellipsis; - } - - .ant-mentions-measure { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: -1; - color: transparent; - pointer-events: none; - } - - .ant-mentions-measure>span { - display: inline-block; - min-height: 1em; - } - - .ant-mentions-dropdown { - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: absolute; - top: -9999px; - left: -9999px; - z-index: 1050; - box-sizing: border-box; - font-size: 14px; - font-variant: initial; - background-color: #1f1f1f; - border-radius: 2px; - outline: none; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-mentions-dropdown-hidden { - display: none; - } - - .ant-mentions-dropdown-menu { - max-height: 250px; - margin-bottom: 0; - padding-left: 0; - overflow: auto; - list-style: none; - outline: none; - } - - .ant-mentions-dropdown-menu-item { - position: relative; - display: block; - min-width: 100px; - padding: 5px 12px; - overflow: hidden; - color: rgba(255, 255, 255, 0.85); - font-weight: normal; - line-height: 1.5715; - white-space: nowrap; - text-overflow: ellipsis; - cursor: pointer; - transition: background 0.3s ease; - } - - .ant-mentions-dropdown-menu-item:hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-mentions-dropdown-menu-item:first-child { - border-radius: 2px 2px 0 0; - } - - .ant-mentions-dropdown-menu-item:last-child { - border-radius: 0 0 2px 2px; - } - - .ant-mentions-dropdown-menu-item-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-mentions-dropdown-menu-item-disabled:hover { - color: rgba(255, 255, 255, 0.3); - background-color: #1f1f1f; - cursor: not-allowed; - } - - .ant-mentions-dropdown-menu-item-selected { - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - background-color: rgba(255, 255, 255, 0.04); - } - - .ant-mentions-dropdown-menu-item-active { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-mentions-rtl { - direction: rtl; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-message { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: fixed; - top: 8px; - left: 0; - z-index: 1010; - width: 100%; - pointer-events: none; - } - - .ant-message-notice { - padding: 8px; - text-align: center; - } - - .ant-message-notice-content { - display: inline-block; - padding: 10px 16px; - background: #1f1f1f; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - pointer-events: all; - } - - .ant-message-success .anticon { - color: #49aa19; - } - - .ant-message-error .anticon { - color: #a61d24; - } - - .ant-message-warning .anticon { - color: #d89614; - } - - .ant-message-info .anticon, - .ant-message-loading .anticon { - color: #177ddc; - } - - .ant-message .anticon { - position: relative; - top: 1px; - margin-right: 8px; - font-size: 16px; - } - - .ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { - -webkit-animation-name: MessageMoveOut; - animation-name: MessageMoveOut; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - } - - @-webkit-keyframes MessageMoveOut { - 0% { - max-height: 150px; - padding: 8px; - opacity: 1; - } - - 100% { - max-height: 0; - padding: 0; - opacity: 0; - } - } - - @keyframes MessageMoveOut { - 0% { - max-height: 150px; - padding: 8px; - opacity: 1; - } - - 100% { - max-height: 0; - padding: 0; - opacity: 0; - } - } - - .ant-message-rtl { - direction: rtl; - } - - .ant-message-rtl span { - direction: rtl; - } - - .ant-message-rtl .anticon { - margin-right: 0; - margin-left: 8px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-modal { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - pointer-events: none; - position: relative; - top: 100px; - width: auto; - max-width: calc(100vw - 32px); - margin: 0 auto; - padding-bottom: 24px; - } - - .ant-modal.ant-zoom-enter, - .ant-modal.ant-zoom-appear { - transform: none; - opacity: 0; - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-modal-mask { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1000; - height: 100%; - background-color: rgba(0, 0, 0, 0.45); - } - - .ant-modal-mask-hidden { - display: none; - } - - .ant-modal-wrap { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - overflow: auto; - outline: 0; - -webkit-overflow-scrolling: touch; - } - - .ant-modal-wrap { - z-index: 1000; - } - - .ant-modal-title { - margin: 0; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - font-size: 16px; - line-height: 22px; - word-wrap: break-word; - } - - .ant-modal-content { - position: relative; - background-color: #1f1f1f; - background-clip: padding-box; - border: 0; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - pointer-events: auto; - } - - .ant-modal-close { - position: absolute; - top: 0; - right: 0; - z-index: 10; - padding: 0; - color: rgba(255, 255, 255, 0.45); - font-weight: 700; - line-height: 1; - text-decoration: none; - background: transparent; - border: 0; - outline: 0; - cursor: pointer; - transition: color 0.3s; - } - - .ant-modal-close-x { - display: block; - width: 56px; - height: 56px; - font-size: 16px; - font-style: normal; - line-height: 56px; - text-align: center; - text-transform: none; - text-rendering: auto; - } - - .ant-modal-close:focus, - .ant-modal-close:hover { - color: rgba(255, 255, 255, 0.75); - text-decoration: none; - } - - .ant-modal-header { - padding: 16px 24px; - color: rgba(255, 255, 255, 0.85); - background: #1f1f1f; - border-bottom: 1px solid #303030; - border-radius: 2px 2px 0 0; - } - - .ant-modal-body { - padding: 24px; - font-size: 14px; - line-height: 1.5715; - word-wrap: break-word; - } - - .ant-modal-footer { - padding: 10px 16px; - text-align: right; - background: transparent; - border-top: 1px solid #303030; - border-radius: 0 0 2px 2px; - } - - .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) { - margin-bottom: 0; - margin-left: 8px; - } - - .ant-modal-open { - overflow: hidden; - } - - .ant-modal-centered { - text-align: center; - } - - .ant-modal-centered::before { - display: inline-block; - width: 0; - height: 100%; - vertical-align: middle; - content: ''; - } - - .ant-modal-centered .ant-modal { - top: 0; - display: inline-block; - padding-bottom: 0; - text-align: left; - vertical-align: middle; - } - - @media (max-width: 767px) { - .ant-modal { - max-width: calc(100vw - 16px); - margin: 8px auto; - } - - .ant-modal-centered .ant-modal { - flex: 1; - } - } - - .ant-modal-confirm .ant-modal-header { - display: none; - } - - .ant-modal-confirm .ant-modal-body { - padding: 32px 32px 24px; - } - - .ant-modal-confirm-body-wrapper::before { - display: table; - content: ''; - } - - .ant-modal-confirm-body-wrapper::after { - display: table; - clear: both; - content: ''; - } - - .ant-modal-confirm-body .ant-modal-confirm-title { - display: block; - overflow: hidden; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - font-size: 16px; - line-height: 1.4; - } - - .ant-modal-confirm-body .ant-modal-confirm-content { - margin-top: 8px; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - } - - .ant-modal-confirm-body>.anticon { - float: left; - margin-right: 16px; - font-size: 22px; - } - - .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content { - margin-left: 38px; - } - - .ant-modal-confirm .ant-modal-confirm-btns { - float: right; - margin-top: 24px; - } - - .ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn { - margin-bottom: 0; - margin-left: 8px; - } - - .ant-modal-confirm-error .ant-modal-confirm-body>.anticon { - color: #a61d24; - } - - .ant-modal-confirm-warning .ant-modal-confirm-body>.anticon, - .ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon { - color: #d89614; - } - - .ant-modal-confirm-info .ant-modal-confirm-body>.anticon { - color: #177ddc; - } - - .ant-modal-confirm-success .ant-modal-confirm-body>.anticon { - color: #49aa19; - } - - .ant-modal-wrap-rtl { - direction: rtl; - } - - .ant-modal-wrap-rtl .ant-modal-close { - right: initial; - left: 0; - } - - .ant-modal-wrap-rtl .ant-modal-footer { - text-align: left; - } - - .ant-modal-wrap-rtl .ant-modal-footer .ant-btn+.ant-btn { - margin-right: 8px; - margin-left: 0; - } - - .ant-modal-wrap-rtl .ant-modal-confirm-body { - direction: rtl; - } - - .ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon { - float: right; - margin-right: 0; - margin-left: 16px; - } - - .ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content { - margin-right: 38px; - margin-left: 0; - } - - .ant-modal-wrap-rtl .ant-modal-confirm-btns { - float: left; - } - - .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn+.ant-btn { - margin-right: 8px; - margin-left: 0; - } - - .ant-modal-wrap-rtl.ant-modal-centered .ant-modal { - text-align: right; - } - - .ant-modal .ant-picker-clear, - .ant-modal .ant-slider-handle, - .ant-modal .ant-anchor-wrapper, - .ant-modal .ant-collapse-content, - .ant-modal .ant-timeline-item-head, - .ant-modal .ant-card { - background-color: #1f1f1f; - } - - .ant-modal .ant-transfer-list-header { - background: #1f1f1f; - border-bottom: 1px solid #3a3a3a; - } - - .ant-modal .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-modal tr.ant-table-expanded-row>td, - .ant-modal tr.ant-table-expanded-row:hover>td { - background: #272727; - } - - .ant-modal .ant-table.ant-table-small thead>tr>th { - background-color: #1f1f1f; - border-bottom: 1px solid #3a3a3a; - } - - .ant-modal .ant-table { - background-color: #1f1f1f; - } - - .ant-modal .ant-table .ant-table-row-expand-icon { - border: 1px solid #3a3a3a; - } - - .ant-modal .ant-table tfoot>tr>th, - .ant-modal .ant-table tfoot>tr>td { - border-bottom: 1px solid #3a3a3a; - } - - .ant-modal .ant-table thead>tr>th { - background-color: #272727; - border-bottom: 1px solid #3a3a3a; - } - - .ant-modal .ant-table tbody>tr>td { - border-bottom: 1px solid #3a3a3a; - } - - .ant-modal .ant-table tbody>tr>td.ant-table-cell-fix-left, - .ant-modal .ant-table tbody>tr>td.ant-table-cell-fix-right { - background-color: #1f1f1f; - } - - .ant-modal .ant-table tbody>tr.ant-table-row:hover>td { - background: #303030; - } - - .ant-modal .ant-table.ant-table-bordered .ant-table-title { - border: 1px solid #3a3a3a; - } - - .ant-modal .ant-table.ant-table-bordered thead>tr>th, - .ant-modal .ant-table.ant-table-bordered tbody>tr>td, - .ant-modal .ant-table.ant-table-bordered tfoot>tr>th, - .ant-modal .ant-table.ant-table-bordered tfoot>tr>td { - border-right: 1px solid #3a3a3a; - } - - .ant-modal .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after { - border-right: 1px solid #3a3a3a; - } - - .ant-modal .ant-table.ant-table-bordered table thead>tr:not(:last-child)>th { - border-bottom: 1px solid #303030; - } - - .ant-modal .ant-table.ant-table-bordered .ant-table-container { - border: 1px solid #3a3a3a; - } - - .ant-modal .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after { - border-right: 1px solid #3a3a3a; - } - - .ant-modal .ant-table.ant-table-bordered .ant-table-footer { - border: 1px solid #3a3a3a; - } - - .ant-modal .ant-table .ant-table-filter-trigger-container-open { - background-color: #525252; - } - - .ant-modal .ant-picker-calendar-full { - background-color: #1f1f1f; - } - - .ant-modal .ant-picker-calendar-full .ant-picker-panel { - background-color: #1f1f1f; - } - - .ant-modal .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { - border-top: 2px solid #3a3a3a; - } - - .ant-modal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { - background-color: #1f1f1f; - border-bottom: 1px solid #1f1f1f; - } - - .ant-modal .ant-badge-count { - box-shadow: 0 0 0 1px #1f1f1f; - } - - .ant-modal .ant-tree-show-line .ant-tree-switcher { - background: #1f1f1f; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-notification .ant-picker-clear, - .ant-notification .ant-slider-handle, - .ant-notification .ant-anchor-wrapper, - .ant-notification .ant-collapse-content, - .ant-notification .ant-timeline-item-head, - .ant-notification .ant-card { - background-color: #1f1f1f; - } - - .ant-notification .ant-transfer-list-header { - background: #1f1f1f; - border-bottom: 1px solid #3a3a3a; - } - - .ant-notification .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-notification tr.ant-table-expanded-row>td, - .ant-notification tr.ant-table-expanded-row:hover>td { - background: #272727; - } - - .ant-notification .ant-table.ant-table-small thead>tr>th { - background-color: #1f1f1f; - border-bottom: 1px solid #3a3a3a; - } - - .ant-notification .ant-table { - background-color: #1f1f1f; - } - - .ant-notification .ant-table .ant-table-row-expand-icon { - border: 1px solid #3a3a3a; - } - - .ant-notification .ant-table tfoot>tr>th, - .ant-notification .ant-table tfoot>tr>td { - border-bottom: 1px solid #3a3a3a; - } - - .ant-notification .ant-table thead>tr>th { - background-color: #272727; - border-bottom: 1px solid #3a3a3a; - } - - .ant-notification .ant-table tbody>tr>td { - border-bottom: 1px solid #3a3a3a; - } - - .ant-notification .ant-table tbody>tr>td.ant-table-cell-fix-left, - .ant-notification .ant-table tbody>tr>td.ant-table-cell-fix-right { - background-color: #1f1f1f; - } - - .ant-notification .ant-table tbody>tr.ant-table-row:hover>td { - background: #303030; - } - - .ant-notification .ant-table.ant-table-bordered .ant-table-title { - border: 1px solid #3a3a3a; - } - - .ant-notification .ant-table.ant-table-bordered thead>tr>th, - .ant-notification .ant-table.ant-table-bordered tbody>tr>td, - .ant-notification .ant-table.ant-table-bordered tfoot>tr>th, - .ant-notification .ant-table.ant-table-bordered tfoot>tr>td { - border-right: 1px solid #3a3a3a; - } - - .ant-notification .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after { - border-right: 1px solid #3a3a3a; - } - - .ant-notification .ant-table.ant-table-bordered table thead>tr:not(:last-child)>th { - border-bottom: 1px solid #303030; - } - - .ant-notification .ant-table.ant-table-bordered .ant-table-container { - border: 1px solid #3a3a3a; - } - - .ant-notification .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after { - border-right: 1px solid #3a3a3a; - } - - .ant-notification .ant-table.ant-table-bordered .ant-table-footer { - border: 1px solid #3a3a3a; - } - - .ant-notification .ant-table .ant-table-filter-trigger-container-open { - background-color: #525252; - } - - .ant-notification .ant-picker-calendar-full { - background-color: #1f1f1f; - } - - .ant-notification .ant-picker-calendar-full .ant-picker-panel { - background-color: #1f1f1f; - } - - .ant-notification .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { - border-top: 2px solid #3a3a3a; - } - - .ant-notification .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { - background-color: #1f1f1f; - border-bottom: 1px solid #1f1f1f; - } - - .ant-notification .ant-badge-count { - box-shadow: 0 0 0 1px #1f1f1f; - } - - .ant-notification .ant-tree-show-line .ant-tree-switcher { - background: #1f1f1f; - } - - .ant-notification { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: fixed; - z-index: 1010; - margin-right: 24px; - } - - .ant-notification-close-icon { - font-size: 14px; - cursor: pointer; - } - - .ant-notification-hook-holder { - position: relative; - } - - .ant-notification-notice { - position: relative; - width: 384px; - max-width: calc(100vw - 24px * 2); - margin-bottom: 16px; - margin-left: auto; - padding: 16px 24px; - overflow: hidden; - line-height: 1.5715; - word-wrap: break-word; - background: #1f1f1f; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-notification-top .ant-notification-notice, - .ant-notification-bottom .ant-notification-notice { - margin-right: auto; - margin-left: auto; - } - - .ant-notification-topLeft .ant-notification-notice, - .ant-notification-bottomLeft .ant-notification-notice { - margin-right: auto; - margin-left: 0; - } - - .ant-notification-notice-message { - margin-bottom: 8px; - color: rgba(255, 255, 255, 0.85); - font-size: 16px; - line-height: 24px; - } - - .ant-notification-notice-message-single-line-auto-margin { - display: block; - width: calc(384px - 24px * 2 - 24px - 48px - 100%); - max-width: 4px; - background-color: transparent; - pointer-events: none; - } - - .ant-notification-notice-message-single-line-auto-margin::before { - display: block; - content: ''; - } - - .ant-notification-notice-description { - font-size: 14px; - } - - .ant-notification-notice-closable .ant-notification-notice-message { - padding-right: 24px; - } - - .ant-notification-notice-with-icon .ant-notification-notice-message { - margin-bottom: 4px; - margin-left: 48px; - font-size: 16px; - } - - .ant-notification-notice-with-icon .ant-notification-notice-description { - margin-left: 48px; - font-size: 14px; - } - - .ant-notification-notice-icon { - position: absolute; - margin-left: 4px; - font-size: 24px; - line-height: 24px; - } - - .anticon.ant-notification-notice-icon-success { - color: #49aa19; - } - - .anticon.ant-notification-notice-icon-info { - color: #177ddc; - } - - .anticon.ant-notification-notice-icon-warning { - color: #d89614; - } - - .anticon.ant-notification-notice-icon-error { - color: #a61d24; - } - - .ant-notification-notice-close { - position: absolute; - top: 16px; - right: 22px; - color: rgba(255, 255, 255, 0.45); - outline: none; - } - - .ant-notification-notice-close:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-notification-notice-btn { - float: right; - margin-top: 16px; - } - - .ant-notification .notification-fade-effect { - -webkit-animation-duration: 0.24s; - animation-duration: 0.24s; - -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); - animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - } - - .ant-notification-fade-enter, - .ant-notification-fade-appear { - -webkit-animation-duration: 0.24s; - animation-duration: 0.24s; - -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); - animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - opacity: 0; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-notification-fade-leave { - -webkit-animation-duration: 0.24s; - animation-duration: 0.24s; - -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); - animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; - -webkit-animation-duration: 0.2s; - animation-duration: 0.2s; - -webkit-animation-play-state: paused; - animation-play-state: paused; - } - - .ant-notification-fade-enter.ant-notification-fade-enter-active, - .ant-notification-fade-appear.ant-notification-fade-appear-active { - -webkit-animation-name: NotificationFadeIn; - animation-name: NotificationFadeIn; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - .ant-notification-fade-leave.ant-notification-fade-leave-active { - -webkit-animation-name: NotificationFadeOut; - animation-name: NotificationFadeOut; - -webkit-animation-play-state: running; - animation-play-state: running; - } - - @-webkit-keyframes NotificationFadeIn { - 0% { - left: 384px; - opacity: 0; - } - - 100% { - left: 0; - opacity: 1; - } - } - - @keyframes NotificationFadeIn { - 0% { - left: 384px; - opacity: 0; - } - - 100% { - left: 0; - opacity: 1; - } - } - - @-webkit-keyframes NotificationFadeOut { - 0% { - max-height: 150px; - margin-bottom: 16px; - opacity: 1; - } - - 100% { - max-height: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - opacity: 0; - } - } - - @keyframes NotificationFadeOut { - 0% { - max-height: 150px; - margin-bottom: 16px; - opacity: 1; - } - - 100% { - max-height: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; - opacity: 0; - } - } - - .ant-notification-rtl { - direction: rtl; - } - - .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { - padding-right: 0; - padding-left: 24px; - } - - .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message { - margin-right: 48px; - margin-left: 0; - } - - .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { - margin-right: 48px; - margin-left: 0; - } - - .ant-notification-rtl .ant-notification-notice-icon { - margin-right: 4px; - margin-left: 0; - } - - .ant-notification-rtl .ant-notification-notice-close { - right: auto; - left: 22px; - } - - .ant-notification-rtl .ant-notification-notice-btn { - float: left; - } - - .ant-notification-top, - .ant-notification-bottom { - margin-right: 0; - margin-left: 0; - } - - .ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active, - .ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active { - -webkit-animation-name: NotificationTopFadeIn; - animation-name: NotificationTopFadeIn; - } - - .ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active, - .ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active { - -webkit-animation-name: NotificationBottomFadeIn; - animation-name: NotificationBottomFadeIn; - } - - .ant-notification-topLeft, - .ant-notification-bottomLeft { - margin-right: 0; - margin-left: 24px; - } - - .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, - .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, - .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, - .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { - -webkit-animation-name: NotificationLeftFadeIn; - animation-name: NotificationLeftFadeIn; - } - - @-webkit-keyframes NotificationTopFadeIn { - 0% { - margin-top: -100%; - opacity: 0; - } - - 100% { - margin-top: 0; - opacity: 1; - } - } - - @keyframes NotificationTopFadeIn { - 0% { - margin-top: -100%; - opacity: 0; - } - - 100% { - margin-top: 0; - opacity: 1; - } - } - - @-webkit-keyframes NotificationBottomFadeIn { - 0% { - margin-bottom: -100%; - opacity: 0; - } - - 100% { - margin-bottom: 0; - opacity: 1; - } - } - - @keyframes NotificationBottomFadeIn { - 0% { - margin-bottom: -100%; - opacity: 0; - } - - 100% { - margin-bottom: 0; - opacity: 1; - } - } - - @-webkit-keyframes NotificationLeftFadeIn { - 0% { - right: 384px; - opacity: 0; - } - - 100% { - right: 0; - opacity: 1; - } - } - - @keyframes NotificationLeftFadeIn { - 0% { - right: 384px; - opacity: 0; - } - - 100% { - right: 0; - opacity: 1; - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-page-header { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - padding: 16px 24px; - background-color: #141414; - } - - .ant-page-header-ghost { - background-color: transparent; - } - - .ant-page-header.has-breadcrumb { - padding-top: 12px; - } - - .ant-page-header.has-footer { - padding-bottom: 0; - } - - .ant-page-header-back { - margin-right: 16px; - font-size: 16px; - line-height: 1; - } - - .ant-page-header-back-button { - color: #177ddc; - text-decoration: none; - outline: none; - transition: color 0.3s; - color: inherit; - cursor: pointer; - } - - .ant-page-header-back-button:focus, - .ant-page-header-back-button:hover { - color: #165996; - } - - .ant-page-header-back-button:active { - color: #388ed3; - } - - .ant-page-header .ant-divider-vertical { - height: 14px; - margin: 0 12px; - vertical-align: middle; - } - - .ant-breadcrumb+.ant-page-header-heading { - margin-top: 8px; - } - - .ant-page-header-heading { - display: flex; - justify-content: space-between; - } - - .ant-page-header-heading-left { - display: flex; - align-items: center; - margin: 4px 0; - overflow: hidden; - } - - .ant-page-header-heading-title { - margin-right: 12px; - margin-bottom: 0; - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - font-size: 20px; - line-height: 32px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-page-header-heading .ant-avatar { - margin-right: 12px; - } - - .ant-page-header-heading-sub-title { - margin-right: 12px; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - line-height: 1.5715; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-page-header-heading-extra { - margin: 4px 0; - white-space: nowrap; - } - - .ant-page-header-heading-extra>* { - white-space: unset; - } - - .ant-page-header-content { - padding-top: 12px; - } - - .ant-page-header-footer { - margin-top: 16px; - } - - .ant-page-header-footer .ant-tabs>.ant-tabs-nav { - margin: 0; - } - - .ant-page-header-footer .ant-tabs>.ant-tabs-nav::before { - border: none; - } - - .ant-page-header-footer .ant-tabs .ant-tabs-tab { - padding-top: 8px; - padding-bottom: 8px; - font-size: 16px; - } - - .ant-page-header-compact .ant-page-header-heading { - flex-wrap: wrap; - } - - .ant-page-header-rtl { - direction: rtl; - } - - .ant-page-header-rtl .ant-page-header-back { - float: right; - margin-right: 0; - margin-left: 16px; - } - - .ant-page-header-rtl .ant-page-header-heading-title { - margin-right: 0; - margin-left: 12px; - } - - .ant-page-header-rtl .ant-page-header-heading .ant-avatar { - margin-right: 0; - margin-left: 12px; - } - - .ant-page-header-rtl .ant-page-header-heading-sub-title { - float: right; - margin-right: 0; - margin-left: 12px; - } - - .ant-page-header-rtl .ant-page-header-heading-tags { - float: right; - } - - .ant-page-header-rtl .ant-page-header-heading-extra { - float: left; - } - - .ant-page-header-rtl .ant-page-header-heading-extra>* { - margin-right: 12px; - margin-left: 0; - } - - .ant-page-header-rtl .ant-page-header-heading-extra>*:first-child { - margin-right: 0; - } - - .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav { - float: right; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-space { - display: inline-flex; - } - - .ant-space-vertical { - flex-direction: column; - } - - .ant-space-align-center { - align-items: center; - } - - .ant-space-align-start { - align-items: flex-start; - } - - .ant-space-align-end { - align-items: flex-end; - } - - .ant-space-align-baseline { - align-items: baseline; - } - - .ant-space-item:empty { - display: none; - } - - .ant-space-rtl { - direction: rtl; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-popconfirm { - z-index: 1060; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-progress { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - } - - .ant-progress-line { - position: relative; - width: 100%; - font-size: 14px; - } - - .ant-progress-steps { - display: inline-block; - } - - .ant-progress-steps-outer { - display: flex; - flex-direction: row; - align-items: center; - } - - .ant-progress-steps-item { - flex-shrink: 0; - min-width: 2px; - margin-right: 2px; - background: rgba(255, 255, 255, 0.08); - transition: all 0.3s; - } - - .ant-progress-steps-item-active { - background: #177ddc; - } - - .ant-progress-small.ant-progress-line, - .ant-progress-small.ant-progress-line .ant-progress-text .anticon { - font-size: 12px; - } - - .ant-progress-outer { - display: inline-block; - width: 100%; - margin-right: 0; - padding-right: 0; - } - - .ant-progress-show-info .ant-progress-outer { - margin-right: calc(-2em - 8px); - padding-right: calc(2em + 8px); - } - - .ant-progress-inner { - position: relative; - display: inline-block; - width: 100%; - overflow: hidden; - vertical-align: middle; - background-color: rgba(255, 255, 255, 0.08); - border-radius: 100px; - } - - .ant-progress-circle-trail { - stroke: rgba(255, 255, 255, 0.08); - } - - .ant-progress-circle-path { - -webkit-animation: ant-progress-appear 0.3s; - animation: ant-progress-appear 0.3s; - } - - .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { - stroke: #177ddc; - } - - .ant-progress-success-bg, - .ant-progress-bg { - position: relative; - background-color: #177ddc; - border-radius: 100px; - transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; - } - - .ant-progress-success-bg { - position: absolute; - top: 0; - left: 0; - background-color: #49aa19; - } - - .ant-progress-text { - display: inline-block; - width: 2em; - margin-left: 8px; - color: rgba(255, 255, 255, 0.85); - font-size: 1em; - line-height: 1; - white-space: nowrap; - text-align: left; - vertical-align: middle; - word-break: normal; - } - - .ant-progress-text .anticon { - font-size: 14px; - } - - .ant-progress-status-active .ant-progress-bg::before { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #141414; - border-radius: 10px; - opacity: 0; - -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; - animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; - content: ''; - } - - .ant-progress-status-exception .ant-progress-bg { - background-color: #a61d24; - } - - .ant-progress-status-exception .ant-progress-text { - color: #a61d24; - } - - .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { - stroke: #a61d24; - } - - .ant-progress-status-success .ant-progress-bg { - background-color: #49aa19; - } - - .ant-progress-status-success .ant-progress-text { - color: #49aa19; - } - - .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { - stroke: #49aa19; - } - - .ant-progress-circle .ant-progress-inner { - position: relative; - line-height: 1; - background-color: transparent; - } - - .ant-progress-circle .ant-progress-text { - position: absolute; - top: 50%; - left: 50%; - width: 100%; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 1em; - line-height: 1; - white-space: normal; - text-align: center; - transform: translate(-50%, -50%); - } - - .ant-progress-circle .ant-progress-text .anticon { - font-size: 1.16666667em; - } - - .ant-progress-circle.ant-progress-status-exception .ant-progress-text { - color: #a61d24; - } - - .ant-progress-circle.ant-progress-status-success .ant-progress-text { - color: #49aa19; - } - - @-webkit-keyframes ant-progress-active { - 0% { - transform: translateX(-100%) scaleX(0); - opacity: 0.1; - } - - 20% { - transform: translateX(-100%) scaleX(0); - opacity: 0.5; - } - - 100% { - transform: translateX(0) scaleX(1); - opacity: 0; - } - } - - @keyframes ant-progress-active { - 0% { - transform: translateX(-100%) scaleX(0); - opacity: 0.1; - } - - 20% { - transform: translateX(-100%) scaleX(0); - opacity: 0.5; - } - - 100% { - transform: translateX(0) scaleX(1); - opacity: 0; - } - } - - .ant-progress-rtl { - direction: rtl; - } - - .ant-progress-rtl.ant-progress-show-info .ant-progress-outer { - margin-right: 0; - margin-left: calc(-2em - 8px); - padding-right: 0; - padding-left: calc(2em + 8px); - } - - .ant-progress-rtl .ant-progress-success-bg { - right: 0; - left: auto; - } - - .ant-progress-rtl.ant-progress-line .ant-progress-text, - .ant-progress-rtl.ant-progress-steps .ant-progress-text { - margin-right: 8px; - margin-left: 0; - text-align: right; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-rate { - box-sizing: border-box; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - font-feature-settings: 'tnum'; - display: inline-block; - margin: 0; - padding: 0; - color: #d8bd14; - font-size: 20px; - line-height: unset; - list-style: none; - outline: none; - } - - .ant-rate-disabled .ant-rate-star { - cursor: default; - } - - .ant-rate-disabled .ant-rate-star>div:hover { - transform: scale(1); - } - - .ant-rate-star { - position: relative; - display: inline-block; - color: inherit; - cursor: pointer; - } - - .ant-rate-star:not(:last-child) { - margin-right: 8px; - } - - .ant-rate-star>div { - transition: all 0.3s, outline 0s; - } - - .ant-rate-star>div:hover { - transform: scale(1.1); - } - - .ant-rate-star>div:focus { - outline: 0; - } - - .ant-rate-star>div:focus-visible { - outline: 1px dashed #d8bd14; - transform: scale(1.1); - } - - .ant-rate-star-first, - .ant-rate-star-second { - color: rgba(255, 255, 255, 0.12); - transition: all 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-rate-star-first .anticon, - .ant-rate-star-second .anticon { - vertical-align: middle; - } - - .ant-rate-star-first { - position: absolute; - top: 0; - left: 0; - width: 50%; - height: 100%; - overflow: hidden; - opacity: 0; - } - - .ant-rate-star-half .ant-rate-star-first, - .ant-rate-star-half .ant-rate-star-second { - opacity: 1; - } - - .ant-rate-star-half .ant-rate-star-first, - .ant-rate-star-full .ant-rate-star-second { - color: inherit; - } - - .ant-rate-text { - display: inline-block; - margin: 0 8px; - font-size: 14px; - } - - .ant-rate-rtl { - direction: rtl; - } - - .ant-rate-rtl .ant-rate-star:not(:last-child) { - margin-right: 0; - margin-left: 8px; - } - - .ant-rate-rtl .ant-rate-star-first { - right: 0; - left: auto; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-result { - padding: 48px 32px; - } - - .ant-result-success .ant-result-icon>.anticon { - color: #49aa19; - } - - .ant-result-error .ant-result-icon>.anticon { - color: #a61d24; - } - - .ant-result-info .ant-result-icon>.anticon { - color: #177ddc; - } - - .ant-result-warning .ant-result-icon>.anticon { - color: #d89614; - } - - .ant-result-image { - width: 250px; - height: 295px; - margin: auto; - } - - .ant-result-icon { - margin-bottom: 24px; - text-align: center; - } - - .ant-result-icon>.anticon { - font-size: 72px; - } - - .ant-result-title { - color: rgba(255, 255, 255, 0.85); - font-size: 24px; - line-height: 1.8; - text-align: center; - } - - .ant-result-subtitle { - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - line-height: 1.6; - text-align: center; - } - - .ant-result-extra { - margin: 24px 0 0 0; - text-align: center; - } - - .ant-result-extra>* { - margin-right: 8px; - } - - .ant-result-extra>*:last-child { - margin-right: 0; - } - - .ant-result-content { - margin-top: 24px; - padding: 24px 40px; - background-color: rgba(255, 255, 255, 0.04); - } - - .ant-result-rtl { - direction: rtl; - } - - .ant-result-rtl .ant-result-extra>* { - margin-right: 0; - margin-left: 8px; - } - - .ant-result-rtl .ant-result-extra>*:last-child { - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-skeleton { - display: table; - width: 100%; - } - - .ant-skeleton-header { - display: table-cell; - padding-right: 16px; - vertical-align: top; - } - - .ant-skeleton-header .ant-skeleton-avatar { - display: inline-block; - vertical-align: top; - background: rgba(190, 190, 190, 0.2); - width: 32px; - height: 32px; - line-height: 32px; - } - - .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { - border-radius: 50%; - } - - .ant-skeleton-header .ant-skeleton-avatar-lg { - width: 40px; - height: 40px; - line-height: 40px; - } - - .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { - border-radius: 50%; - } - - .ant-skeleton-header .ant-skeleton-avatar-sm { - width: 24px; - height: 24px; - line-height: 24px; - } - - .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { - border-radius: 50%; - } - - .ant-skeleton-content { - display: table-cell; - width: 100%; - vertical-align: top; - } - - .ant-skeleton-content .ant-skeleton-title { - width: 100%; - height: 16px; - margin-top: 16px; - background: rgba(190, 190, 190, 0.2); - border-radius: 4px; - } - - .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph { - margin-top: 24px; - } - - .ant-skeleton-content .ant-skeleton-paragraph { - padding: 0; - } - - .ant-skeleton-content .ant-skeleton-paragraph>li { - width: 100%; - height: 16px; - list-style: none; - background: rgba(190, 190, 190, 0.2); - border-radius: 4px; - } - - .ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) { - width: 61%; - } - - .ant-skeleton-content .ant-skeleton-paragraph>li+li { - margin-top: 16px; - } - - .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { - margin-top: 12px; - } - - .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph { - margin-top: 28px; - } - - .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, - .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li { - border-radius: 100px; - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, - .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li { - background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(255, 255, 255, 0.16) 37%, rgba(190, 190, 190, 0.2) 63%); - background-size: 400% 100%; - -webkit-animation: ant-skeleton-loading 1.4s ease infinite; - animation: ant-skeleton-loading 1.4s ease infinite; - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { - background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(255, 255, 255, 0.16) 37%, rgba(190, 190, 190, 0.2) 63%); - background-size: 400% 100%; - -webkit-animation: ant-skeleton-loading 1.4s ease infinite; - animation: ant-skeleton-loading 1.4s ease infinite; - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-button { - background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(255, 255, 255, 0.16) 37%, rgba(190, 190, 190, 0.2) 63%); - background-size: 400% 100%; - -webkit-animation: ant-skeleton-loading 1.4s ease infinite; - animation: ant-skeleton-loading 1.4s ease infinite; - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-input { - background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(255, 255, 255, 0.16) 37%, rgba(190, 190, 190, 0.2) 63%); - background-size: 400% 100%; - -webkit-animation: ant-skeleton-loading 1.4s ease infinite; - animation: ant-skeleton-loading 1.4s ease infinite; - } - - .ant-skeleton.ant-skeleton-active .ant-skeleton-image { - background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(255, 255, 255, 0.16) 37%, rgba(190, 190, 190, 0.2) 63%); - background-size: 400% 100%; - -webkit-animation: ant-skeleton-loading 1.4s ease infinite; - animation: ant-skeleton-loading 1.4s ease infinite; - } - - .ant-skeleton.ant-skeleton-block { - width: 100%; - } - - .ant-skeleton.ant-skeleton-block .ant-skeleton-button { - width: 100%; - } - - .ant-skeleton.ant-skeleton-block .ant-skeleton-input { - width: 100%; - } - - .ant-skeleton-element { - display: inline-block; - width: auto; - } - - .ant-skeleton-element .ant-skeleton-button { - display: inline-block; - vertical-align: top; - background: rgba(190, 190, 190, 0.2); - border-radius: 2px; - width: 64px; - min-width: 64px; - height: 32px; - line-height: 32px; - } - - .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { - width: 32px; - min-width: 32px; - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { - border-radius: 32px; - } - - .ant-skeleton-element .ant-skeleton-button-lg { - width: 80px; - min-width: 80px; - height: 40px; - line-height: 40px; - } - - .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { - width: 40px; - min-width: 40px; - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { - border-radius: 40px; - } - - .ant-skeleton-element .ant-skeleton-button-sm { - width: 48px; - min-width: 48px; - height: 24px; - line-height: 24px; - } - - .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { - width: 24px; - min-width: 24px; - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { - border-radius: 24px; - } - - .ant-skeleton-element .ant-skeleton-avatar { - display: inline-block; - vertical-align: top; - background: rgba(190, 190, 190, 0.2); - width: 32px; - height: 32px; - line-height: 32px; - } - - .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-avatar-lg { - width: 40px; - height: 40px; - line-height: 40px; - } - - .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-avatar-sm { - width: 24px; - height: 24px; - line-height: 24px; - } - - .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-input { - display: inline-block; - vertical-align: top; - background: rgba(190, 190, 190, 0.2); - width: 160px; - min-width: 160px; - height: 32px; - line-height: 32px; - } - - .ant-skeleton-element .ant-skeleton-input-lg { - width: 200px; - min-width: 200px; - height: 40px; - line-height: 40px; - } - - .ant-skeleton-element .ant-skeleton-input-sm { - width: 120px; - min-width: 120px; - height: 24px; - line-height: 24px; - } - - .ant-skeleton-element .ant-skeleton-image { - display: flex; - align-items: center; - justify-content: center; - vertical-align: top; - background: rgba(190, 190, 190, 0.2); - width: 96px; - height: 96px; - line-height: 96px; - } - - .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { - border-radius: 50%; - } - - .ant-skeleton-element .ant-skeleton-image-path { - fill: #bfbfbf; - } - - .ant-skeleton-element .ant-skeleton-image-svg { - width: 48px; - height: 48px; - line-height: 48px; - max-width: 192px; - max-height: 192px; - } - - .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { - border-radius: 50%; - } - - @-webkit-keyframes ant-skeleton-loading { - 0% { - background-position: 100% 50%; - } - - 100% { - background-position: 0 50%; - } - } - - @keyframes ant-skeleton-loading { - 0% { - background-position: 100% 50%; - } - - 100% { - background-position: 0 50%; - } - } - - .ant-skeleton-rtl { - direction: rtl; - } - - .ant-skeleton-rtl .ant-skeleton-header { - padding-right: 0; - padding-left: 16px; - } - - .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, - .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li { - -webkit-animation-name: ant-skeleton-loading-rtl; - animation-name: ant-skeleton-loading-rtl; - } - - .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { - -webkit-animation-name: ant-skeleton-loading-rtl; - animation-name: ant-skeleton-loading-rtl; - } - - @-webkit-keyframes ant-skeleton-loading-rtl { - 0% { - background-position: 0% 50%; - } - - 100% { - background-position: 100% 50%; - } - } - - @keyframes ant-skeleton-loading-rtl { - 0% { - background-position: 0% 50%; - } - - 100% { - background-position: 100% 50%; - } - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-slider { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - height: 12px; - margin: 10px 6px 10px; - padding: 4px 0; - cursor: pointer; - touch-action: none; - } - - .ant-slider-vertical { - width: 12px; - height: 100%; - margin: 6px 10px; - padding: 0 4px; - } - - .ant-slider-vertical .ant-slider-rail { - width: 4px; - height: 100%; - } - - .ant-slider-vertical .ant-slider-track { - width: 4px; - } - - .ant-slider-vertical .ant-slider-handle { - margin-top: -6px; - margin-left: -5px; - } - - .ant-slider-vertical .ant-slider-mark { - top: 0; - left: 12px; - width: 18px; - height: 100%; - } - - .ant-slider-vertical .ant-slider-mark-text { - left: 4px; - white-space: nowrap; - } - - .ant-slider-vertical .ant-slider-step { - width: 4px; - height: 100%; - } - - .ant-slider-vertical .ant-slider-dot { - top: auto; - margin-left: -2px; - } - - .ant-slider-tooltip .ant-tooltip-inner { - min-width: unset; - } - - .ant-slider-rtl.ant-slider-vertical .ant-slider-handle { - margin-right: -5px; - margin-left: 0; - } - - .ant-slider-rtl.ant-slider-vertical .ant-slider-mark { - right: 12px; - left: auto; - } - - .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { - right: 4px; - left: auto; - } - - .ant-slider-rtl.ant-slider-vertical .ant-slider-dot { - right: 2px; - left: auto; - } - - .ant-slider-with-marks { - margin-bottom: 28px; - } - - .ant-slider-rail { - position: absolute; - width: 100%; - height: 4px; - background-color: #262626; - border-radius: 2px; - transition: background-color 0.3s; - } - - .ant-slider-track { - position: absolute; - height: 4px; - background-color: #153450; - border-radius: 2px; - transition: background-color 0.3s; - } - - .ant-slider-handle { - position: absolute; - width: 14px; - height: 14px; - margin-top: -5px; - background-color: #141414; - border: solid 2px #153450; - border-radius: 50%; - box-shadow: 0; - cursor: pointer; - transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); - } - - .ant-slider-handle-dragging { - z-index: 1; - } - - .ant-slider-handle:focus { - border-color: #4697e3; - outline: none; - box-shadow: 0 0 0 5px rgba(23, 125, 220, 0.12); - } - - .ant-slider-handle.ant-tooltip-open { - border-color: #177ddc; - } - - .ant-slider:hover .ant-slider-rail { - background-color: #434343; - } - - .ant-slider:hover .ant-slider-track { - background-color: #16436e; - } - - .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { - border-color: #16436e; - } - - .ant-slider-mark { - position: absolute; - top: 14px; - left: 0; - width: 100%; - font-size: 14px; - } - - .ant-slider-mark-text { - position: absolute; - display: inline-block; - color: rgba(255, 255, 255, 0.45); - text-align: center; - word-break: keep-all; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-slider-mark-text-active { - color: rgba(255, 255, 255, 0.85); - } - - .ant-slider-step { - position: absolute; - width: 100%; - height: 4px; - background: transparent; - pointer-events: none; - } - - .ant-slider-dot { - position: absolute; - top: -2px; - width: 8px; - height: 8px; - background-color: #141414; - border: 2px solid #303030; - border-radius: 50%; - cursor: pointer; - } - - .ant-slider-dot-active { - border-color: #16436e; - } - - .ant-slider-disabled { - cursor: not-allowed; - } - - .ant-slider-disabled .ant-slider-rail { - background-color: #262626 !important; - } - - .ant-slider-disabled .ant-slider-track { - background-color: rgba(255, 255, 255, 0.3) !important; - } - - .ant-slider-disabled .ant-slider-handle, - .ant-slider-disabled .ant-slider-dot { - background-color: #141414; - border-color: rgba(255, 255, 255, 0.3) !important; - box-shadow: none; - cursor: not-allowed; - } - - .ant-slider-disabled .ant-slider-mark-text, - .ant-slider-disabled .ant-slider-dot { - cursor: not-allowed !important; - } - - .ant-slider-rtl { - direction: rtl; - } - - .ant-slider-rtl .ant-slider-mark { - right: 0; - left: auto; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-statistic { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - } - - .ant-statistic-title { - margin-bottom: 4px; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - } - - .ant-statistic-content { - color: rgba(255, 255, 255, 0.85); - font-size: 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'; - } - - .ant-statistic-content-value { - display: inline-block; - direction: ltr; - } - - .ant-statistic-content-prefix, - .ant-statistic-content-suffix { - display: inline-block; - } - - .ant-statistic-content-prefix { - margin-right: 4px; - } - - .ant-statistic-content-suffix { - margin-left: 4px; - } - - .ant-statistic-rtl { - direction: rtl; - } - - .ant-statistic-rtl .ant-statistic-content-prefix { - margin-right: 0; - margin-left: 4px; - } - - .ant-statistic-rtl .ant-statistic-content-suffix { - margin-right: 4px; - margin-left: 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-steps { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: flex; - width: 100%; - font-size: 0; - text-align: initial; - } - - .ant-steps-item { - position: relative; - display: inline-block; - flex: 1; - overflow: hidden; - vertical-align: top; - } - - .ant-steps-item-container { - outline: none; - } - - .ant-steps-item:last-child { - flex: none; - } - - .ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail, - .ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after { - display: none; - } - - .ant-steps-item-icon, - .ant-steps-item-content { - display: inline-block; - vertical-align: top; - } - - .ant-steps-item-icon { - width: 32px; - height: 32px; - margin: 0 8px 0 0; - font-size: 16px; - 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; - border: 1px solid rgba(255, 255, 255, 0.3); - border-radius: 32px; - transition: background-color 0.3s, border-color 0.3s; - } - - .ant-steps-item-icon .ant-steps-icon { - position: relative; - top: -0.5px; - color: #177ddc; - line-height: 1; - } - - .ant-steps-item-tail { - position: absolute; - top: 12px; - left: 0; - width: 100%; - padding: 0 10px; - } - - .ant-steps-item-tail::after { - display: inline-block; - width: 100%; - height: 1px; - background: #303030; - border-radius: 1px; - transition: background 0.3s; - content: ''; - } - - .ant-steps-item-title { - position: relative; - display: inline-block; - padding-right: 16px; - color: rgba(255, 255, 255, 0.85); - font-size: 16px; - line-height: 32px; - } - - .ant-steps-item-title::after { - position: absolute; - top: 16px; - left: 100%; - display: block; - width: 9999px; - height: 1px; - background: #303030; - content: ''; - } - - .ant-steps-item-subtitle { - display: inline; - margin-left: 8px; - color: rgba(255, 255, 255, 0.45); - font-weight: normal; - font-size: 14px; - } - - .ant-steps-item-description { - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - } - - .ant-steps-item-wait .ant-steps-item-icon { - background-color: transparent; - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon { - color: rgba(255, 255, 255, 0.3); - } - - .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { - background: rgba(255, 255, 255, 0.3); - } - - .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { - color: rgba(255, 255, 255, 0.45); - } - - .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after { - background-color: #303030; - } - - .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { - color: rgba(255, 255, 255, 0.45); - } - - .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after { - background-color: #303030; - } - - .ant-steps-item-process .ant-steps-item-icon { - background-color: transparent; - border-color: #177ddc; - } - - .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon { - color: #177ddc; - } - - .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { - background: #177ddc; - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { - color: rgba(255, 255, 255, 0.85); - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after { - background-color: #303030; - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { - color: rgba(255, 255, 255, 0.85); - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after { - background-color: #303030; - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon { - background: #177ddc; - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon { - color: #fff; - } - - .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title { - font-weight: 500; - } - - .ant-steps-item-finish .ant-steps-item-icon { - background-color: transparent; - border-color: #177ddc; - } - - .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon { - color: #177ddc; - } - - .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { - background: #177ddc; - } - - .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { - color: rgba(255, 255, 255, 0.85); - } - - .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after { - background-color: #177ddc; - } - - .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { - color: rgba(255, 255, 255, 0.45); - } - - .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after { - background-color: #177ddc; - } - - .ant-steps-item-error .ant-steps-item-icon { - background-color: transparent; - border-color: #a61d24; - } - - .ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon { - color: #a61d24; - } - - .ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot { - background: #a61d24; - } - - .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title { - color: #a61d24; - } - - .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after { - background-color: #303030; - } - - .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description { - color: #a61d24; - } - - .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail::after { - background-color: #303030; - } - - .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { - background: #a61d24; - } - - .ant-steps-item-disabled { - cursor: not-allowed; - } - - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] { - cursor: pointer; - } - - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-title, - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-subtitle, - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-description, - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon { - transition: color 0.3s; - } - - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-title, - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle, - .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-description { - color: #177ddc; - } - - .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role='button']:hover .ant-steps-item-icon { - border-color: #177ddc; - } - - .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon { - color: #177ddc; - } - - .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { - padding-left: 16px; - white-space: nowrap; - } - - .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { - padding-left: 0; - } - - .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { - padding-right: 0; - } - - .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { - display: none; - } - - .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { - max-width: 140px; - white-space: normal; - } - - .ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon { - height: auto; - background: none; - border: 0; - } - - .ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon { - top: 0px; - left: 0.5px; - width: 32px; - height: 32px; - font-size: 24px; - line-height: 32px; - } - - .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon { - color: #177ddc; - } - - .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { - width: auto; - background: none; - } - - .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { - padding-left: 12px; - } - - .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { - padding-left: 0; - } - - .ant-steps-small .ant-steps-item-icon { - width: 24px; - height: 24px; - margin: 0 8px 0 0; - font-size: 12px; - line-height: 24px; - text-align: center; - border-radius: 24px; - } - - .ant-steps-small .ant-steps-item-title { - padding-right: 12px; - font-size: 14px; - line-height: 24px; - } - - .ant-steps-small .ant-steps-item-title::after { - top: 12px; - } - - .ant-steps-small .ant-steps-item-description { - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - } - - .ant-steps-small .ant-steps-item-tail { - top: 8px; - } - - .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { - width: inherit; - height: inherit; - line-height: inherit; - background: none; - border: 0; - border-radius: 0; - } - - .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon { - font-size: 24px; - line-height: 24px; - transform: none; - } - - .ant-steps-vertical { - display: flex; - flex-direction: column; - } - - .ant-steps-vertical>.ant-steps-item { - display: block; - flex: 1 0 auto; - padding-left: 0; - overflow: visible; - } - - .ant-steps-vertical>.ant-steps-item .ant-steps-item-icon { - float: left; - margin-right: 16px; - } - - .ant-steps-vertical>.ant-steps-item .ant-steps-item-content { - display: block; - min-height: 48px; - overflow: hidden; - } - - .ant-steps-vertical>.ant-steps-item .ant-steps-item-title { - line-height: 32px; - } - - .ant-steps-vertical>.ant-steps-item .ant-steps-item-description { - padding-bottom: 12px; - } - - .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - position: absolute; - top: 0; - left: 16px; - width: 1px; - height: 100%; - padding: 38px 0 6px; - } - - .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after { - width: 1px; - height: 100%; - } - - .ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail { - display: block; - } - - .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after { - display: none; - } - - .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { - position: absolute; - top: 0; - left: 12px; - padding: 30px 0 6px; - } - - .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { - line-height: 24px; - } - - .ant-steps-label-vertical .ant-steps-item { - overflow: visible; - } - - .ant-steps-label-vertical .ant-steps-item-tail { - margin-left: 58px; - padding: 3.5px 24px; - } - - .ant-steps-label-vertical .ant-steps-item-content { - display: block; - width: 116px; - margin-top: 8px; - text-align: center; - } - - .ant-steps-label-vertical .ant-steps-item-icon { - display: inline-block; - margin-left: 42px; - } - - .ant-steps-label-vertical .ant-steps-item-title { - padding-right: 0; - padding-left: 0; - } - - .ant-steps-label-vertical .ant-steps-item-title::after { - display: none; - } - - .ant-steps-label-vertical .ant-steps-item-subtitle { - display: block; - margin-bottom: 4px; - margin-left: 0; - line-height: 1.5715; - } - - .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { - margin-left: 46px; - } - - .ant-steps-dot .ant-steps-item-title, - .ant-steps-dot.ant-steps-small .ant-steps-item-title { - line-height: 1.5715; - } - - .ant-steps-dot .ant-steps-item-tail, - .ant-steps-dot.ant-steps-small .ant-steps-item-tail { - top: 2px; - width: 100%; - margin: 0 0 0 70px; - padding: 0; - } - - .ant-steps-dot .ant-steps-item-tail::after, - .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { - width: calc(100% - 20px); - height: 3px; - margin-left: 12px; - } - - .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, - .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { - left: 2px; - } - - .ant-steps-dot .ant-steps-item-icon, - .ant-steps-dot.ant-steps-small .ant-steps-item-icon { - width: 8px; - height: 8px; - margin-left: 67px; - padding-right: 0; - line-height: 8px; - background: transparent; - border: 0; - } - - .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, - .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { - position: relative; - float: left; - width: 100%; - height: 100%; - border-radius: 100px; - transition: all 0.3s; - /* expand hover area */ - } - - .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, - .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { - position: absolute; - top: -12px; - left: -26px; - width: 60px; - height: 32px; - background: rgba(0, 0, 0, 0.001); - content: ''; - } - - .ant-steps-dot .ant-steps-item-content, - .ant-steps-dot.ant-steps-small .ant-steps-item-content { - width: 140px; - } - - .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, - .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { - position: relative; - top: -1px; - width: 10px; - height: 10px; - line-height: 10px; - background: none; - } - - .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot, - .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot { - left: 0; - } - - .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { - margin-top: 13px; - margin-left: 0; - background: none; - } - - .ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - top: 6.5px; - left: -9px; - margin: 0; - padding: 22px 0 4px; - } - - .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon { - margin-top: 10px; - } - - .ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - top: 3.5px; - } - - .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { - left: 0; - } - - .ant-steps-vertical.ant-steps-dot .ant-steps-item-content { - width: inherit; - } - - .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot { - top: -1px; - left: -1px; - } - - .ant-steps-navigation { - padding-top: 12px; - } - - .ant-steps-navigation.ant-steps-small .ant-steps-item-container { - margin-left: -12px; - } - - .ant-steps-navigation .ant-steps-item { - overflow: visible; - text-align: center; - } - - .ant-steps-navigation .ant-steps-item-container { - display: inline-block; - height: 100%; - margin-left: -16px; - padding-bottom: 12px; - text-align: left; - transition: opacity 0.3s; - } - - .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { - max-width: auto; - } - - .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { - max-width: 100%; - padding-right: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { - display: none; - } - - .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] { - cursor: pointer; - } - - .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover { - opacity: 0.85; - } - - .ant-steps-navigation .ant-steps-item:last-child { - flex: 1; - } - - .ant-steps-navigation .ant-steps-item:last-child::after { - display: none; - } - - .ant-steps-navigation .ant-steps-item::after { - position: absolute; - top: 50%; - left: 100%; - display: inline-block; - width: 12px; - height: 12px; - margin-top: -14px; - margin-left: -2px; - border: 1px solid rgba(255, 255, 255, 0.2); - border-bottom: none; - border-left: none; - transform: rotate(45deg); - content: ''; - } - - .ant-steps-navigation .ant-steps-item::before { - position: absolute; - bottom: 0; - left: 50%; - display: inline-block; - width: 0; - height: 2px; - background-color: #177ddc; - transition: width 0.3s, left 0.3s; - transition-timing-function: ease-out; - content: ''; - } - - .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { - left: 0; - width: 100%; - } - - .ant-steps-navigation.ant-steps-vertical>.ant-steps-item { - margin-right: 0 !important; - } - - .ant-steps-navigation.ant-steps-vertical>.ant-steps-item::before { - display: none; - } - - .ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active::before { - top: 0; - right: 0; - left: unset; - display: block; - width: 3px; - height: calc(100% - 24px); - } - - .ant-steps-navigation.ant-steps-vertical>.ant-steps-item::after { - position: relative; - top: -2px; - left: 50%; - display: block; - width: 8px; - height: 8px; - margin-bottom: 8px; - text-align: center; - transform: rotate(135deg); - } - - .ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - visibility: hidden; - } - - .ant-steps-navigation.ant-steps-horizontal>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - visibility: hidden; - } - - .ant-steps-rtl { - direction: rtl; - } - - .ant-steps.ant-steps-rtl .ant-steps-item-icon { - margin-right: 0; - margin-left: 8px; - } - - .ant-steps-rtl .ant-steps-item-tail { - right: 0; - left: auto; - } - - .ant-steps-rtl .ant-steps-item-title { - padding-right: 0; - padding-left: 16px; - } - - .ant-steps-rtl .ant-steps-item-title::after { - right: 100%; - left: auto; - } - - .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { - padding-right: 16px; - padding-left: 0; - } - - .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { - padding-right: 0; - } - - .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { - padding-left: 0; - } - - .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon { - right: 0.5px; - left: auto; - } - - .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container { - margin-right: -12px; - margin-left: 0; - } - - .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container { - margin-right: -16px; - margin-left: 0; - text-align: right; - } - - .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { - padding-left: 0; - } - - .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after { - right: 100%; - left: auto; - margin-right: -2px; - margin-left: 0; - transform: rotate(225deg); - } - - .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { - padding-right: 12px; - padding-left: 0; - } - - .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { - padding-right: 0; - } - - .ant-steps-rtl.ant-steps-small .ant-steps-item-title { - padding-right: 0; - padding-left: 12px; - } - - .ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon { - float: right; - margin-right: 0; - margin-left: 16px; - } - - .ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - right: 16px; - left: auto; - } - - .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { - right: 12px; - left: auto; - } - - .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title { - padding-left: 0; - } - - .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail, - .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail { - margin: 0 70px 0 0; - } - - .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after, - .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { - margin-right: 12px; - margin-left: 0; - } - - .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, - .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { - right: 2px; - left: auto; - } - - .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon, - .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon { - margin-right: 67px; - margin-left: 0; - } - - .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, - .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { - /* expand hover area */ - } - - .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, - .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { - float: right; - } - - .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, - .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { - right: -26px; - left: auto; - } - - .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { - margin-right: 0; - margin-left: 16px; - } - - .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail { - right: -9px; - left: auto; - } - - .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { - right: 0; - left: auto; - } - - .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { - right: -2px; - left: auto; - } - - .ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active { - padding-right: 4px; - } - - .ant-steps-with-progress .ant-steps-item { - padding-top: 4px; - } - - .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail { - top: 4px !important; - } - - .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child { - padding-bottom: 4px; - padding-left: 4px; - } - - .ant-steps-with-progress .ant-steps-item-icon { - position: relative; - } - - .ant-steps-with-progress .ant-steps-item-icon .ant-progress { - position: absolute; - top: -5px; - right: -5px; - bottom: -5px; - left: -5px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-switch { - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: inline-block; - box-sizing: border-box; - min-width: 44px; - height: 22px; - line-height: 22px; - vertical-align: middle; - background-color: rgba(255, 255, 255, 0.3); - border: 0; - border-radius: 100px; - cursor: pointer; - transition: all 0.2s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-switch:focus { - outline: 0; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); - } - - .ant-switch-checked:focus { - box-shadow: 0 0 0 2px #111b26; - } - - .ant-switch:focus:hover { - box-shadow: none; - } - - .ant-switch-checked { - background-color: #177ddc; - } - - .ant-switch-loading, - .ant-switch-disabled { - cursor: not-allowed; - opacity: 0.4; - } - - .ant-switch-loading *, - .ant-switch-disabled * { - box-shadow: none; - cursor: not-allowed; - } - - .ant-switch-inner { - display: block; - margin: 0 7px 0 25px; - color: #fff; - font-size: 12px; - transition: margin 0.2s; - } - - .ant-switch-checked .ant-switch-inner { - margin: 0 25px 0 7px; - } - - .ant-switch-handle { - position: absolute; - top: 2px; - left: 2px; - width: 18px; - height: 18px; - transition: all 0.2s ease-in-out; - } - - .ant-switch-handle::before { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background-color: #fff; - border-radius: 9px; - box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); - transition: all 0.2s ease-in-out; - content: ''; - } - - .ant-switch-checked .ant-switch-handle { - left: calc(100% - 18px - 2px); - } - - .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { - right: -30%; - left: 0; - } - - .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { - right: 0; - left: -30%; - } - - .ant-switch-loading-icon.anticon { - position: relative; - top: 2px; - color: rgba(0, 0, 0, 0.65); - vertical-align: top; - } - - .ant-switch-checked .ant-switch-loading-icon { - color: #177ddc; - } - - .ant-switch-small { - min-width: 28px; - height: 16px; - line-height: 16px; - } - - .ant-switch-small .ant-switch-inner { - margin: 0 5px 0 18px; - font-size: 12px; - } - - .ant-switch-small .ant-switch-handle { - width: 12px; - height: 12px; - } - - .ant-switch-small .ant-switch-loading-icon { - top: 1.5px; - font-size: 9px; - } - - .ant-switch-small.ant-switch-checked .ant-switch-inner { - margin: 0 18px 0 5px; - } - - .ant-switch-small.ant-switch-checked .ant-switch-handle { - left: calc(100% - 12px - 2px); - } - - .ant-switch-rtl { - direction: rtl; - } - - .ant-switch-rtl .ant-switch-inner { - margin: 0 25px 0 7px; - } - - .ant-switch-rtl .ant-switch-handle { - right: 2px; - left: auto; - } - - .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { - right: 0; - left: -30%; - } - - .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { - right: -30%; - left: 0; - } - - .ant-switch-rtl.ant-switch-checked .ant-switch-inner { - margin: 0 7px 0 25px; - } - - .ant-switch-rtl.ant-switch-checked .ant-switch-handle { - right: calc(100% - 18px - 2px); - } - - .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { - right: calc(100% - 12px - 2px); - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-table.ant-table-middle { - font-size: 14px; - } - - .ant-table.ant-table-middle .ant-table-title, - .ant-table.ant-table-middle .ant-table-footer, - .ant-table.ant-table-middle .ant-table-thead>tr>th, - .ant-table.ant-table-middle .ant-table-tbody>tr>td, - .ant-table.ant-table-middle tfoot>tr>th, - .ant-table.ant-table-middle tfoot>tr>td { - padding: 12px 8px; - } - - .ant-table.ant-table-middle .ant-table-filter-trigger { - margin-right: -4px; - } - - .ant-table.ant-table-middle .ant-table-expanded-row-fixed { - margin: -12px -8px; - } - - .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { - margin: -12px -8px -12px 25px; - } - - .ant-table.ant-table-small { - font-size: 14px; - } - - .ant-table.ant-table-small .ant-table-title, - .ant-table.ant-table-small .ant-table-footer, - .ant-table.ant-table-small .ant-table-thead>tr>th, - .ant-table.ant-table-small .ant-table-tbody>tr>td, - .ant-table.ant-table-small tfoot>tr>th, - .ant-table.ant-table-small tfoot>tr>td { - padding: 8px 8px; - } - - .ant-table.ant-table-small .ant-table-filter-trigger { - margin-right: -4px; - } - - .ant-table.ant-table-small .ant-table-expanded-row-fixed { - margin: -8px -8px; - } - - .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { - margin: -8px -8px -8px 25px; - } - - .ant-table-small .ant-table-thead>tr>th { - background-color: #1d1d1d; - } - - .ant-table-small .ant-table-selection-column { - width: 46px; - min-width: 46px; - } - - .ant-table.ant-table-bordered>.ant-table-title { - border: 1px solid #303030; - border-bottom: 0; - } - - .ant-table.ant-table-bordered>.ant-table-container { - border-left: 1px solid #303030; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td { - border-right: 1px solid #303030; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr:not(:last-child)>th { - border-bottom: 1px solid #303030; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th::before, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th::before, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th::before, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th::before { - background-color: transparent !important; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>.ant-table-cell-fix-right-first::after { - border-right: 1px solid #303030; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed { - margin: -16px -17px; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed::after, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed::after { - position: absolute; - top: 0; - right: 1px; - bottom: 0; - border-right: 1px solid #303030; - content: ''; - } - - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table, - .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table { - border-top: 1px solid #303030; - } - - .ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td, - .ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td { - border-right: 0; - } - - .ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed, - .ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed { - margin: -12px -9px; - } - - .ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed, - .ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed { - margin: -8px -9px; - } - - .ant-table.ant-table-bordered>.ant-table-footer { - border: 1px solid #303030; - border-top: 0; - } - - .ant-table-cell .ant-table-container:first-child { - border-top: 0; - } - - .ant-table-cell-scrollbar { - box-shadow: 0 1px 0 1px #1d1d1d; - } - - .ant-table-wrapper { - clear: both; - max-width: 100%; - } - - .ant-table-wrapper::before { - display: table; - content: ''; - } - - .ant-table-wrapper::after { - display: table; - clear: both; - content: ''; - } - - .ant-table { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - font-size: 14px; - background: #141414; - border-radius: 2px; - } - - .ant-table table { - width: 100%; - text-align: left; - border-radius: 2px 2px 0 0; - border-collapse: separate; - border-spacing: 0; - } - - .ant-table-thead>tr>th, - .ant-table-tbody>tr>td, - .ant-table tfoot>tr>th, - .ant-table tfoot>tr>td { - position: relative; - padding: 16px 16px; - overflow-wrap: break-word; - } - - .ant-table-cell-ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - word-break: keep-all; - } - - .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, - .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { - overflow: visible; - } - - .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, - .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { - display: block; - overflow: hidden; - text-overflow: ellipsis; - } - - .ant-table-cell-ellipsis .ant-table-column-title { - overflow: hidden; - text-overflow: ellipsis; - word-break: keep-all; - } - - .ant-table-title { - padding: 16px 16px; - } - - .ant-table-footer { - padding: 16px 16px; - color: rgba(255, 255, 255, 0.85); - background: rgba(255, 255, 255, 0.04); - } - - .ant-table-thead>tr>th { - position: relative; - color: rgba(255, 255, 255, 0.85); - font-weight: 500; - text-align: left; - background: #1d1d1d; - border-bottom: 1px solid #303030; - transition: background 0.3s ease; - } - - .ant-table-thead>tr>th[colspan]:not([colspan='1']) { - text-align: center; - } - - .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { - position: absolute; - top: 50%; - right: 0; - width: 1px; - height: 1.6em; - background-color: rgba(255, 255, 255, 0.08); - transform: translateY(-50%); - transition: background-color 0.3s; - content: ''; - } - - .ant-table-thead>tr:not(:last-child)>th[colspan] { - border-bottom: 0; - } - - .ant-table-tbody>tr>td { - border-bottom: 1px solid #303030; - transition: background 0.3s; - } - - .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table, - .ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table { - margin: -16px -16px -16px 33px; - } - - .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td, - .ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td { - border-bottom: 0; - } - - .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child, - .ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child, - .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child, - .ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child { - border-radius: 0; - } - - .ant-table-tbody>tr.ant-table-row:hover>td, - .ant-table-tbody>tr>td.ant-table-cell-row-hover { - background: #262626; - } - - .ant-table-tbody>tr.ant-table-row-selected>td { - background: #111b26; - border-color: rgba(0, 0, 0, 0.03); - } - - .ant-table-tbody>tr.ant-table-row-selected:hover>td { - background: #0e161f; - } - - .ant-table-summary { - position: relative; - z-index: 2; - background: #141414; - } - - div.ant-table-summary { - box-shadow: 0 -1px 0 #303030; - } - - .ant-table-summary>tr>th, - .ant-table-summary>tr>td { - border-bottom: 1px solid #303030; - } - - .ant-table-pagination.ant-pagination { - margin: 16px 0; - } - - .ant-table-pagination { - display: flex; - flex-wrap: wrap; - row-gap: 8px; - } - - .ant-table-pagination>* { - flex: none; - } - - .ant-table-pagination-left { - justify-content: flex-start; - } - - .ant-table-pagination-center { - justify-content: center; - } - - .ant-table-pagination-right { - justify-content: flex-end; - } - - .ant-table-thead th.ant-table-column-has-sorters { - cursor: pointer; - transition: all 0.3s; - } - - .ant-table-thead th.ant-table-column-has-sorters:hover { - background: #303030; - } - - .ant-table-thead th.ant-table-column-has-sorters:hover::before { - background-color: transparent !important; - } - - .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, - .ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { - background: #222; - } - - .ant-table-thead th.ant-table-column-sort { - background: #262626; - } - - .ant-table-thead th.ant-table-column-sort::before { - background-color: transparent !important; - } - - td.ant-table-column-sort { - background: rgba(255, 255, 255, 0.01); - } - - .ant-table-column-title { - position: relative; - z-index: 1; - flex: 1; - } - - .ant-table-column-sorters { - display: flex; - flex: auto; - align-items: center; - justify-content: space-between; - } - - .ant-table-column-sorters::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - content: ''; - } - - .ant-table-column-sorter { - margin-left: 4px; - color: #bfbfbf; - font-size: 0; - transition: color 0.3s; - } - - .ant-table-column-sorter-inner { - display: inline-flex; - flex-direction: column; - align-items: center; - } - - .ant-table-column-sorter-up, - .ant-table-column-sorter-down { - font-size: 11px; - } - - .ant-table-column-sorter-up.active, - .ant-table-column-sorter-down.active { - color: #177ddc; - } - - .ant-table-column-sorter-up+.ant-table-column-sorter-down { - margin-top: -0.3em; - } - - .ant-table-column-sorters:hover .ant-table-column-sorter { - color: #a6a6a6; - } - - .ant-table-filter-column { - display: flex; - justify-content: space-between; - } - - .ant-table-filter-trigger { - position: relative; - display: flex; - align-items: center; - margin: -4px -8px -4px 4px; - padding: 0 4px; - color: #bfbfbf; - font-size: 12px; - border-radius: 2px; - cursor: pointer; - transition: all 0.3s; - } - - .ant-table-filter-trigger:hover { - color: rgba(255, 255, 255, 0.45); - background: #434343; - } - - .ant-table-filter-trigger.active { - color: #177ddc; - } - - .ant-table-filter-dropdown { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - min-width: 120px; - background-color: #1f1f1f; - border-radius: 2px; - box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); - } - - .ant-table-filter-dropdown .ant-dropdown-menu { - max-height: 264px; - overflow-x: hidden; - border: 0; - box-shadow: none; - } - - .ant-table-filter-dropdown .ant-dropdown-menu:empty::after { - display: block; - padding: 8px 0; - color: rgba(255, 255, 255, 0.3); - font-size: 12px; - text-align: center; - content: 'Not Found'; - } - - .ant-table-filter-dropdown-tree { - padding: 8px 8px 0; - } - - .ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, - .ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { - background-color: #11263c; - } - - .ant-table-filter-dropdown-search { - padding: 8px; - border-bottom: 1px #303030 solid; - } - - .ant-table-filter-dropdown-search-input input { - min-width: 140px; - } - - .ant-table-filter-dropdown-search-input .anticon { - color: rgba(255, 255, 255, 0.3); - } - - .ant-table-filter-dropdown-checkall { - width: 100%; - margin-bottom: 4px; - margin-left: 4px; - } - - .ant-table-filter-dropdown-submenu>ul { - max-height: calc(100vh - 130px); - overflow-x: hidden; - overflow-y: auto; - } - - .ant-table-filter-dropdown .ant-checkbox-wrapper+span, - .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span { - padding-left: 8px; - } - - .ant-table-filter-dropdown-btns { - display: flex; - justify-content: space-between; - padding: 7px 8px; - overflow: hidden; - background-color: #1f1f1f; - border-top: 1px solid #303030; - } - - .ant-table-selection-col { - width: 32px; - } - - .ant-table-bordered .ant-table-selection-col { - width: 50px; - } - - table tr th.ant-table-selection-column, - table tr td.ant-table-selection-column { - padding-right: 8px; - padding-left: 8px; - text-align: center; - } - - table tr th.ant-table-selection-column .ant-radio-wrapper, - table tr td.ant-table-selection-column .ant-radio-wrapper { - margin-right: 0; - } - - table tr th.ant-table-selection-column.ant-table-cell-fix-left { - z-index: 3; - } - - table tr th.ant-table-selection-column::after { - background-color: transparent !important; - } - - .ant-table-selection { - position: relative; - display: inline-flex; - flex-direction: column; - } - - .ant-table-selection-extra { - position: absolute; - top: 0; - z-index: 1; - cursor: pointer; - transition: all 0.3s; - -webkit-margin-start: 100%; - margin-inline-start: 100%; - -webkit-padding-start: 4px; - padding-inline-start: 4px; - } - - .ant-table-selection-extra .anticon { - color: #bfbfbf; - font-size: 10px; - } - - .ant-table-selection-extra .anticon:hover { - color: #a6a6a6; - } - - .ant-table-expand-icon-col { - width: 48px; - } - - .ant-table-row-expand-icon-cell { - text-align: center; - } - - .ant-table-row-indent { - float: left; - height: 1px; - } - - .ant-table-row-expand-icon { - color: #177ddc; - text-decoration: none; - cursor: pointer; - transition: color 0.3s; - position: relative; - display: inline-flex; - float: left; - box-sizing: border-box; - width: 17px; - height: 17px; - padding: 0; - color: inherit; - line-height: 17px; - background: transparent; - border: 1px solid #303030; - border-radius: 2px; - outline: none; - transform: scale(0.94117647); - transition: all 0.3s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-table-row-expand-icon:focus, - .ant-table-row-expand-icon:hover { - color: #165996; - } - - .ant-table-row-expand-icon:active { - color: #388ed3; - } - - .ant-table-row-expand-icon:focus, - .ant-table-row-expand-icon:hover, - .ant-table-row-expand-icon:active { - border-color: currentcolor; - } - - .ant-table-row-expand-icon::before, - .ant-table-row-expand-icon::after { - position: absolute; - background: currentcolor; - transition: transform 0.3s ease-out; - content: ''; - } - - .ant-table-row-expand-icon::before { - top: 7px; - right: 3px; - left: 3px; - height: 1px; - } - - .ant-table-row-expand-icon::after { - top: 3px; - bottom: 3px; - left: 7px; - width: 1px; - transform: rotate(90deg); - } - - .ant-table-row-expand-icon-collapsed::before { - transform: rotate(-180deg); - } - - .ant-table-row-expand-icon-collapsed::after { - transform: rotate(0deg); - } - - .ant-table-row-expand-icon-spaced { - background: transparent; - border: 0; - visibility: hidden; - } - - .ant-table-row-expand-icon-spaced::before, - .ant-table-row-expand-icon-spaced::after { - display: none; - content: none; - } - - .ant-table-row-indent+.ant-table-row-expand-icon { - margin-top: 2.5005px; - margin-right: 8px; - } - - tr.ant-table-expanded-row>td, - tr.ant-table-expanded-row:hover>td { - background: #1d1d1d; - } - - tr.ant-table-expanded-row .ant-descriptions-view { - display: flex; - } - - tr.ant-table-expanded-row .ant-descriptions-view table { - flex: auto; - width: auto; - } - - .ant-table .ant-table-expanded-row-fixed { - position: relative; - margin: -16px -16px; - padding: 16px 16px; - } - - .ant-table-tbody>tr.ant-table-placeholder { - text-align: center; - } - - .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder { - color: rgba(255, 255, 255, 0.3); - } - - .ant-table-tbody>tr.ant-table-placeholder:hover>td { - background: #141414; - } - - .ant-table-cell-fix-left, - .ant-table-cell-fix-right { - position: -webkit-sticky !important; - position: sticky !important; - z-index: 2; - background: #141414; - } - - .ant-table-cell-fix-left-first::after, - .ant-table-cell-fix-left-last::after { - position: absolute; - top: 0; - right: 0; - bottom: -1px; - width: 30px; - transform: translateX(100%); - transition: box-shadow 0.3s; - content: ''; - pointer-events: none; - } - - .ant-table-cell-fix-right-first::after, - .ant-table-cell-fix-right-last::after { - position: absolute; - top: 0; - bottom: -1px; - left: 0; - width: 30px; - transform: translateX(-100%); - transition: box-shadow 0.3s; - content: ''; - pointer-events: none; - } - - .ant-table .ant-table-container::before, - .ant-table .ant-table-container::after { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - width: 30px; - transition: box-shadow 0.3s; - content: ''; - pointer-events: none; - } - - .ant-table .ant-table-container::before { - left: 0; - } - - .ant-table .ant-table-container::after { - right: 0; - } - - .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container { - position: relative; - } - - .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { - box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45); - } - - .ant-table-ping-left .ant-table-cell-fix-left-first::after, - .ant-table-ping-left .ant-table-cell-fix-left-last::after { - box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45); - } - - .ant-table-ping-left .ant-table-cell-fix-left-last::before { - background-color: transparent !important; - } - - .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container { - position: relative; - } - - .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { - box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45); - } - - .ant-table-ping-right .ant-table-cell-fix-right-first::after, - .ant-table-ping-right .ant-table-cell-fix-right-last::after { - box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45); - } - - .ant-table-sticky-holder { - position: -webkit-sticky; - position: sticky; - z-index: calc(2 + 1); - background: #141414; - } - - .ant-table-sticky-scroll { - position: -webkit-sticky; - position: sticky; - bottom: 0; - z-index: calc(2 + 1); - display: flex; - align-items: center; - background: #fcfcfc; - border-top: 1px solid #303030; - opacity: 0.6; - } - - .ant-table-sticky-scroll:hover { - transform-origin: center bottom; - } - - .ant-table-sticky-scroll-bar { - height: 8px; - background-color: rgba(0, 0, 0, 0.35); - border-radius: 4px; - } - - .ant-table-sticky-scroll-bar:hover { - background-color: rgba(0, 0, 0, 0.8); - } - - .ant-table-sticky-scroll-bar-active { - background-color: rgba(0, 0, 0, 0.8); - } - - @media all and (-ms-high-contrast: none) { - .ant-table-ping-left .ant-table-cell-fix-left-last::after { - box-shadow: none !important; - } - - .ant-table-ping-right .ant-table-cell-fix-right-first::after { - box-shadow: none !important; - } - } - - .ant-table { - /* title + table */ - /* table */ - /* table + footer */ - } - - .ant-table-title { - border-radius: 2px 2px 0 0; - } - - .ant-table-title+.ant-table-container { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - .ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child { - border-radius: 0; - } - - .ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child { - border-radius: 0; - } - - .ant-table-container { - border-top-left-radius: 2px; - border-top-right-radius: 2px; - } - - .ant-table-container table>thead>tr:first-child th:first-child { - border-top-left-radius: 2px; - } - - .ant-table-container table>thead>tr:first-child th:last-child { - border-top-right-radius: 2px; - } - - .ant-table-footer { - border-radius: 0 0 2px 2px; - } - - .ant-table-wrapper-rtl { - direction: rtl; - } - - .ant-table-rtl { - direction: rtl; - } - - .ant-table-wrapper-rtl .ant-table table { - text-align: right; - } - - .ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan='1']) { - text-align: center; - } - - .ant-table-wrapper-rtl .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { - right: auto; - left: 0; - } - - .ant-table-wrapper-rtl .ant-table-thead>tr>th { - text-align: right; - } - - .ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { - margin: -16px 33px -16px -16px; - } - - .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { - justify-content: flex-end; - } - - .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { - justify-content: flex-start; - } - - .ant-table-wrapper-rtl .ant-table-column-sorter { - margin-right: 4px; - margin-left: 0; - } - - .ant-table-wrapper-rtl .ant-table-filter-column-title { - padding: 16px 16px 16px 2.3em; - } - - .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { - padding: 0 0 0 2.3em; - } - - .ant-table-wrapper-rtl .ant-table-filter-trigger { - margin: -4px 4px -4px -8px; - } - - .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span, - .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span, - .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span, - .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span { - padding-right: 8px; - padding-left: 0; - } - - .ant-table-wrapper-rtl .ant-table-selection { - text-align: center; - } - - .ant-table-wrapper-rtl .ant-table-row-indent { - float: right; - } - - .ant-table-wrapper-rtl .ant-table-row-expand-icon { - float: right; - } - - .ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon { - margin-right: 0; - margin-left: 8px; - } - - .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { - transform: rotate(-90deg); - } - - .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { - transform: rotate(180deg); - } - - .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { - transform: rotate(0deg); - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - @-webkit-keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @-webkit-keyframes ant-tree-node-fx-do-not-use { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - @keyframes ant-tree-node-fx-do-not-use { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - .ant-tree.ant-tree-directory .ant-tree-treenode { - position: relative; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode::before { - position: absolute; - top: 0; - right: 0; - bottom: 4px; - left: 0; - transition: background-color 0.3s; - content: ''; - pointer-events: none; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { - background: rgba(255, 255, 255, 0.08); - } - - .ant-tree.ant-tree-directory .ant-tree-treenode>* { - z-index: 1; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { - transition: color 0.3s; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { - border-radius: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { - background: transparent; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { - color: #fff; - background: transparent; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, - .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { - background: #177ddc; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { - color: #fff; - } - - .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { - color: #fff; - background: transparent; - } - - .ant-tree-checkbox { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - top: 0.2em; - line-height: 1; - white-space: nowrap; - outline: none; - cursor: pointer; - } - - .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, - .ant-tree-checkbox:hover .ant-tree-checkbox-inner, - .ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner { - border-color: #177ddc; - } - - .ant-tree-checkbox-checked::after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid #177ddc; - border-radius: 2px; - visibility: hidden; - -webkit-animation: antCheckboxEffect 0.36s ease-in-out; - animation: antCheckboxEffect 0.36s ease-in-out; - -webkit-animation-fill-mode: backwards; - animation-fill-mode: backwards; - content: ''; - } - - .ant-tree-checkbox:hover::after, - .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { - visibility: visible; - } - - .ant-tree-checkbox-inner { - position: relative; - top: 0; - left: 0; - display: block; - width: 16px; - height: 16px; - direction: ltr; - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - border-collapse: separate; - transition: all 0.3s; - } - - .ant-tree-checkbox-inner::after { - position: absolute; - top: 50%; - left: 21.5%; - display: table; - width: 5.71428571px; - height: 9.14285714px; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(0) translate(-50%, -50%); - opacity: 0; - transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; - content: ' '; - } - - .ant-tree-checkbox-input { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - cursor: pointer; - opacity: 0; - } - - .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { - position: absolute; - display: table; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(1) translate(-50%, -50%); - opacity: 1; - transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; - content: ' '; - } - - .ant-tree-checkbox-checked .ant-tree-checkbox-inner { - background-color: #177ddc; - border-color: #177ddc; - } - - .ant-tree-checkbox-disabled { - cursor: not-allowed; - } - - .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.3); - -webkit-animation-name: none; - animation-name: none; - } - - .ant-tree-checkbox-disabled .ant-tree-checkbox-input { - cursor: not-allowed; - pointer-events: none; - } - - .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } - - .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.08); - border-collapse: separate; - -webkit-animation-name: none; - animation-name: none; - } - - .ant-tree-checkbox-disabled+span { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-tree-checkbox-disabled:hover::after, - .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { - visibility: hidden; - } - - .ant-tree-checkbox-wrapper { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-flex; - align-items: baseline; - line-height: unset; - cursor: pointer; - } - - .ant-tree-checkbox-wrapper::after { - display: inline-block; - width: 0; - overflow: hidden; - content: '\a0'; - } - - .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { - cursor: not-allowed; - } - - .ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper { - margin-left: 8px; - } - - .ant-tree-checkbox+span { - padding-right: 8px; - padding-left: 8px; - } - - .ant-tree-checkbox-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - } - - .ant-tree-checkbox-group-item { - margin-right: 8px; - } - - .ant-tree-checkbox-group-item:last-child { - margin-right: 0; - } - - .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item { - margin-left: 0; - } - - .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { - background-color: transparent; - border-color: #434343; - } - - .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { - top: 50%; - left: 50%; - width: 8px; - height: 8px; - background-color: #177ddc; - border: 0; - transform: translate(-50%, -50%) scale(1); - opacity: 1; - content: ' '; - } - - .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-tree { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - background: transparent; - border-radius: 2px; - transition: background-color 0.3s; - } - - .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { - background: #111b26; - } - - .ant-tree-list-holder-inner { - align-items: flex-start; - } - - .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { - align-items: stretch; - } - - .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { - flex: auto; - } - - .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { - position: relative; - } - - .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { - position: absolute; - top: 0; - right: 0; - bottom: 4px; - left: 0; - border: 1px solid #177ddc; - opacity: 0; - -webkit-animation: ant-tree-node-fx-do-not-use 0.3s; - animation: ant-tree-node-fx-do-not-use 0.3s; - -webkit-animation-play-state: running; - animation-play-state: running; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - content: ''; - pointer-events: none; - } - - .ant-tree .ant-tree-treenode { - display: flex; - align-items: flex-start; - padding: 0 0 4px 0; - outline: none; - } - - .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { - background: transparent; - } - - .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { - background: rgba(255, 255, 255, 0.08); - } - - .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { - color: inherit; - font-weight: 500; - } - - .ant-tree-indent { - align-self: stretch; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-tree-indent-unit { - display: inline-block; - width: 24px; - } - - .ant-tree-draggable-icon { - width: 24px; - line-height: 24px; - text-align: center; - opacity: 0.2; - transition: opacity 0.3s; - } - - .ant-tree-treenode:hover .ant-tree-draggable-icon { - opacity: 0.45; - } - - .ant-tree-switcher { - position: relative; - flex: none; - align-self: stretch; - width: 24px; - margin: 0; - line-height: 24px; - text-align: center; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-tree-switcher .ant-tree-switcher-icon, - .ant-tree-switcher .ant-select-tree-switcher-icon { - display: inline-block; - font-size: 10px; - vertical-align: baseline; - } - - .ant-tree-switcher .ant-tree-switcher-icon svg, - .ant-tree-switcher .ant-select-tree-switcher-icon svg { - transition: transform 0.3s; - } - - .ant-tree-switcher-noop { - cursor: default; - } - - .ant-tree-switcher_close .ant-tree-switcher-icon svg { - transform: rotate(-90deg); - } - - .ant-tree-switcher-loading-icon { - color: #177ddc; - } - - .ant-tree-switcher-leaf-line { - position: relative; - z-index: 1; - display: inline-block; - width: 100%; - height: 100%; - } - - .ant-tree-switcher-leaf-line::before { - position: absolute; - top: 0; - right: 12px; - bottom: -4px; - margin-left: -1px; - border-right: 1px solid #d9d9d9; - content: ' '; - } - - .ant-tree-switcher-leaf-line::after { - position: absolute; - width: 10px; - height: 14px; - border-bottom: 1px solid #d9d9d9; - content: ' '; - } - - .ant-tree-checkbox { - top: initial; - margin: 4px 8px 0 0; - } - - .ant-tree .ant-tree-node-content-wrapper { - position: relative; - z-index: auto; - min-height: 24px; - margin: 0; - padding: 0 4px; - color: inherit; - line-height: 24px; - background: transparent; - border-radius: 2px; - cursor: pointer; - transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; - } - - .ant-tree .ant-tree-node-content-wrapper:hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { - background-color: #11263c; - } - - .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { - display: inline-block; - width: 24px; - height: 24px; - line-height: 24px; - text-align: center; - vertical-align: top; - } - - .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { - display: none; - } - - .ant-tree-unselectable .ant-tree-node-content-wrapper:hover { - background-color: transparent; - } - - .ant-tree-node-content-wrapper { - line-height: 24px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-tree-node-content-wrapper .ant-tree-drop-indicator { - position: absolute; - z-index: 1; - height: 2px; - background-color: #177ddc; - border-radius: 1px; - pointer-events: none; - } - - .ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { - position: absolute; - top: -3px; - left: -6px; - width: 8px; - height: 8px; - background-color: transparent; - border: 2px solid #177ddc; - border-radius: 50%; - content: ''; - } - - .ant-tree .ant-tree-treenode.drop-container>[draggable] { - box-shadow: 0 0 0 2px #177ddc; - } - - .ant-tree-show-line .ant-tree-indent-unit { - position: relative; - height: 100%; - } - - .ant-tree-show-line .ant-tree-indent-unit::before { - position: absolute; - top: 0; - right: 12px; - bottom: -4px; - border-right: 1px solid #434343; - content: ''; - } - - .ant-tree-show-line .ant-tree-indent-unit-end::before { - display: none; - } - - .ant-tree-show-line .ant-tree-switcher { - background: #141414; - } - - .ant-tree-show-line .ant-tree-switcher-line-icon { - vertical-align: -0.15em; - } - - .ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { - top: auto !important; - bottom: auto !important; - height: 14px !important; - } - - .ant-tree-rtl { - direction: rtl; - } - - .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after { - right: -6px; - left: unset; - } - - .ant-tree .ant-tree-treenode-rtl { - direction: rtl; - } - - .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { - transform: rotate(90deg); - } - - .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { - right: auto; - left: -13px; - border-right: none; - border-left: 1px solid #434343; - } - - .ant-tree-rtl.ant-tree-checkbox { - margin: 4px 0 0 8px; - } - - .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { - margin: 4px 0 0 8px; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-timeline { - box-sizing: border-box; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - font-feature-settings: 'tnum'; - margin: 0; - padding: 0; - list-style: none; - } - - .ant-timeline-item { - position: relative; - margin: 0; - padding-bottom: 20px; - font-size: 14px; - list-style: none; - } - - .ant-timeline-item-tail { - position: absolute; - top: 10px; - left: 4px; - height: calc(100% - 10px); - border-left: 2px solid #303030; - } - - .ant-timeline-item-pending .ant-timeline-item-head { - font-size: 12px; - background-color: transparent; - } - - .ant-timeline-item-pending .ant-timeline-item-tail { - display: none; - } - - .ant-timeline-item-head { - position: absolute; - width: 10px; - height: 10px; - background-color: #141414; - border: 2px solid transparent; - border-radius: 100px; - } - - .ant-timeline-item-head-blue { - color: #177ddc; - border-color: #177ddc; - } - - .ant-timeline-item-head-red { - color: #a61d24; - border-color: #a61d24; - } - - .ant-timeline-item-head-green { - color: #49aa19; - border-color: #49aa19; - } - - .ant-timeline-item-head-gray { - color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-timeline-item-head-custom { - position: absolute; - top: 5.5px; - left: 5px; - width: auto; - height: auto; - margin-top: 0; - padding: 3px 1px; - line-height: 1; - text-align: center; - border: 0; - border-radius: 0; - transform: translate(-50%, -50%); - } - - .ant-timeline-item-content { - position: relative; - top: -7.001px; - margin: 0 0 0 26px; - word-break: break-word; - } - - .ant-timeline-item-last>.ant-timeline-item-tail { - display: none; - } - - .ant-timeline-item-last>.ant-timeline-item-content { - min-height: 48px; - } - - .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, - .ant-timeline.ant-timeline-right .ant-timeline-item-tail, - .ant-timeline.ant-timeline-label .ant-timeline-item-tail, - .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, - .ant-timeline.ant-timeline-right .ant-timeline-item-head, - .ant-timeline.ant-timeline-label .ant-timeline-item-head, - .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, - .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, - .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { - left: 50%; - } - - .ant-timeline.ant-timeline-alternate .ant-timeline-item-head, - .ant-timeline.ant-timeline-right .ant-timeline-item-head, - .ant-timeline.ant-timeline-label .ant-timeline-item-head { - margin-left: -4px; - } - - .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, - .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, - .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { - margin-left: 1px; - } - - .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, - .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, - .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { - left: calc(50% - 4px); - width: calc(50% - 14px); - text-align: left; - } - - .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, - .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, - .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { - width: calc(50% - 12px); - margin: 0; - text-align: right; - } - - .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, - .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, - .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { - left: calc(100% - 4px - 2px); - } - - .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { - width: calc(100% - 18px); - } - - .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { - display: block; - height: calc(100% - 14px); - border-left: 2px dotted #303030; - } - - .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { - display: none; - } - - .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { - top: 15px; - display: block; - height: calc(100% - 15px); - border-left: 2px dotted #303030; - } - - .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { - min-height: 48px; - } - - .ant-timeline.ant-timeline-label .ant-timeline-item-label { - position: absolute; - top: -7.001px; - width: calc(50% - 12px); - text-align: right; - } - - .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { - left: calc(50% + 14px); - width: calc(50% - 14px); - text-align: left; - } - - .ant-timeline-rtl { - direction: rtl; - } - - .ant-timeline-rtl .ant-timeline-item-tail { - right: 4px; - left: auto; - border-right: 2px solid #303030; - border-left: none; - } - - .ant-timeline-rtl .ant-timeline-item-head-custom { - right: 5px; - left: auto; - transform: translate(50%, -50%); - } - - .ant-timeline-rtl .ant-timeline-item-content { - margin: 0 18px 0 0; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { - right: 50%; - left: auto; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { - margin-right: -4px; - margin-left: 0; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { - margin-right: 1px; - margin-left: 0; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { - right: calc(50% - 4px); - left: auto; - text-align: right; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { - text-align: left; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { - right: 0; - left: auto; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { - width: 100%; - margin-right: 18px; - text-align: right; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { - border-right: 2px dotted #303030; - border-left: none; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { - border-right: 2px dotted #303030; - border-left: none; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { - text-align: left; - } - - .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { - right: calc(50% + 14px); - text-align: right; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - @-webkit-keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - .ant-transfer-customize-list .ant-transfer-list { - flex: 1 1 50%; - width: auto; - height: auto; - min-height: 200px; - } - - .ant-transfer-customize-list .ant-table-wrapper .ant-table-small { - border: 0; - border-radius: 0; - } - - .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { - width: 40px; - min-width: 40px; - } - - .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th { - background: #1d1d1d; - } - - .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td { - border-bottom: 1px solid #303030; - } - - .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { - margin: 0; - } - - .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { - margin: 16px 0 4px; - } - - .ant-transfer-customize-list .ant-input[disabled] { - background-color: transparent; - } - - .ant-transfer-status-error .ant-transfer-list { - border-color: #a61d24; - } - - .ant-transfer-status-error .ant-transfer-list-search:not([disabled]) { - border-color: #434343; - } - - .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-transfer-status-warning .ant-transfer-list { - border-color: #d89614; - } - - .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) { - border-color: #434343; - } - - .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover { - border-color: #165996; - border-right-width: 1px; - } - - .ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus { - border-color: #177ddc; - box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); - border-right-width: 1px; - outline: 0; - } - - .ant-transfer { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - display: flex; - align-items: stretch; - } - - .ant-transfer-disabled .ant-transfer-list { - background: rgba(255, 255, 255, 0.08); - } - - .ant-transfer-list { - display: flex; - flex-direction: column; - width: 180px; - height: 200px; - border: 1px solid #434343; - border-radius: 2px; - } - - .ant-transfer-list-with-pagination { - width: 250px; - height: auto; - } - - .ant-transfer-list-search .anticon-search { - color: rgba(255, 255, 255, 0.3); - } - - .ant-transfer-list-header { - display: flex; - flex: none; - align-items: center; - height: 40px; - padding: 8px 12px 9px; - color: rgba(255, 255, 255, 0.85); - background: #141414; - border-bottom: 1px solid #303030; - border-radius: 2px 2px 0 0; - } - - .ant-transfer-list-header>*:not(:last-child) { - margin-right: 4px; - } - - .ant-transfer-list-header>* { - flex: none; - } - - .ant-transfer-list-header-title { - flex: auto; - overflow: hidden; - white-space: nowrap; - text-align: right; - text-overflow: ellipsis; - } - - .ant-transfer-list-header-dropdown { - font-size: 10px; - transform: translateY(10%); - cursor: pointer; - } - - .ant-transfer-list-header-dropdown[disabled] { - cursor: not-allowed; - } - - .ant-transfer-list-body { - display: flex; - flex: auto; - flex-direction: column; - overflow: hidden; - font-size: 14px; - } - - .ant-transfer-list-body-search-wrapper { - position: relative; - flex: none; - padding: 12px; - } - - .ant-transfer-list-content { - flex: auto; - margin: 0; - padding: 0; - overflow: auto; - list-style: none; - } - - .ant-transfer-list-content-item { - display: flex; - align-items: center; - min-height: 32px; - padding: 6px 12px; - line-height: 20px; - transition: all 0.3s; - } - - .ant-transfer-list-content-item>*:not(:last-child) { - margin-right: 8px; - } - - .ant-transfer-list-content-item>* { - flex: none; - } - - .ant-transfer-list-content-item-text { - flex: auto; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-transfer-list-content-item-remove { - color: #177ddc; - text-decoration: none; - outline: none; - cursor: pointer; - transition: color 0.3s; - position: relative; - color: #434343; - } - - .ant-transfer-list-content-item-remove:focus, - .ant-transfer-list-content-item-remove:hover { - color: #165996; - } - - .ant-transfer-list-content-item-remove:active { - color: #388ed3; - } - - .ant-transfer-list-content-item-remove::after { - position: absolute; - top: -6px; - right: -50%; - bottom: -6px; - left: -50%; - content: ''; - } - - .ant-transfer-list-content-item-remove:hover { - color: #165996; - } - - .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { - background-color: #262626; - cursor: pointer; - } - - .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { - background-color: #0e161f; - } - - .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { - background: transparent; - cursor: default; - } - - .ant-transfer-list-content-item-checked { - background-color: #111b26; - } - - .ant-transfer-list-content-item-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-transfer-list-pagination { - padding: 8px 0; - text-align: right; - border-top: 1px solid #303030; - } - - .ant-transfer-list-body-not-found { - flex: none; - width: 100%; - margin: auto 0; - color: rgba(255, 255, 255, 0.3); - text-align: center; - } - - .ant-transfer-list-footer { - border-top: 1px solid #303030; - } - - .ant-transfer-operation { - display: flex; - flex: none; - flex-direction: column; - align-self: center; - margin: 0 8px; - vertical-align: middle; - } - - .ant-transfer-operation .ant-btn { - display: block; - } - - .ant-transfer-operation .ant-btn:first-child { - margin-bottom: 4px; - } - - .ant-transfer-operation .ant-btn .anticon { - font-size: 12px; - } - - .ant-transfer .ant-empty-image { - max-height: -2px; - } - - .ant-transfer-rtl { - direction: rtl; - } - - .ant-transfer-rtl .ant-transfer-list-search { - padding-right: 8px; - padding-left: 24px; - } - - .ant-transfer-rtl .ant-transfer-list-search-action { - right: auto; - left: 12px; - } - - .ant-transfer-rtl .ant-transfer-list-header>*:not(:last-child) { - margin-right: 0; - margin-left: 4px; - } - - .ant-transfer-rtl .ant-transfer-list-header { - right: 0; - left: auto; - } - - .ant-transfer-rtl .ant-transfer-list-header-title { - text-align: left; - } - - .ant-transfer-rtl .ant-transfer-list-content-item>*:not(:last-child) { - margin-right: 0; - margin-left: 8px; - } - - .ant-transfer-rtl .ant-transfer-list-pagination { - text-align: left; - } - - .ant-transfer-rtl .ant-transfer-list-footer { - right: 0; - left: auto; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - @-webkit-keyframes ant-tree-node-fx-do-not-use { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - @keyframes ant-tree-node-fx-do-not-use { - 0% { - opacity: 0; - } - - 100% { - opacity: 1; - } - } - - @-webkit-keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - @keyframes antCheckboxEffect { - 0% { - transform: scale(1); - opacity: 0.5; - } - - 100% { - transform: scale(1.6); - opacity: 0; - } - } - - .ant-select-tree-checkbox { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - position: relative; - top: 0.2em; - line-height: 1; - white-space: nowrap; - outline: none; - cursor: pointer; - } - - .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, - .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, - .ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner { - border-color: #177ddc; - } - - .ant-select-tree-checkbox-checked::after { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - border: 1px solid #177ddc; - border-radius: 2px; - visibility: hidden; - -webkit-animation: antCheckboxEffect 0.36s ease-in-out; - animation: antCheckboxEffect 0.36s ease-in-out; - -webkit-animation-fill-mode: backwards; - animation-fill-mode: backwards; - content: ''; - } - - .ant-select-tree-checkbox:hover::after, - .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { - visibility: visible; - } - - .ant-select-tree-checkbox-inner { - position: relative; - top: 0; - left: 0; - display: block; - width: 16px; - height: 16px; - direction: ltr; - background-color: transparent; - border: 1px solid #434343; - border-radius: 2px; - border-collapse: separate; - transition: all 0.3s; - } - - .ant-select-tree-checkbox-inner::after { - position: absolute; - top: 50%; - left: 21.5%; - display: table; - width: 5.71428571px; - height: 9.14285714px; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(0) translate(-50%, -50%); - opacity: 0; - transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; - content: ' '; - } - - .ant-select-tree-checkbox-input { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - cursor: pointer; - opacity: 0; - } - - .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { - position: absolute; - display: table; - border: 2px solid #fff; - border-top: 0; - border-left: 0; - transform: rotate(45deg) scale(1) translate(-50%, -50%); - opacity: 1; - transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; - content: ' '; - } - - .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { - background-color: #177ddc; - border-color: #177ddc; - } - - .ant-select-tree-checkbox-disabled { - cursor: not-allowed; - } - - .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.3); - -webkit-animation-name: none; - animation-name: none; - } - - .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { - cursor: not-allowed; - pointer-events: none; - } - - .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { - background-color: rgba(255, 255, 255, 0.08); - border-color: #434343 !important; - } - - .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { - border-color: rgba(255, 255, 255, 0.08); - border-collapse: separate; - -webkit-animation-name: none; - animation-name: none; - } - - .ant-select-tree-checkbox-disabled+span { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-select-tree-checkbox-disabled:hover::after, - .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { - visibility: hidden; - } - - .ant-select-tree-checkbox-wrapper { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-flex; - align-items: baseline; - line-height: unset; - cursor: pointer; - } - - .ant-select-tree-checkbox-wrapper::after { - display: inline-block; - width: 0; - overflow: hidden; - content: '\a0'; - } - - .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { - cursor: not-allowed; - } - - .ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper { - margin-left: 8px; - } - - .ant-select-tree-checkbox+span { - padding-right: 8px; - padding-left: 8px; - } - - .ant-select-tree-checkbox-group { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - display: inline-block; - } - - .ant-select-tree-checkbox-group-item { - margin-right: 8px; - } - - .ant-select-tree-checkbox-group-item:last-child { - margin-right: 0; - } - - .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item { - margin-left: 0; - } - - .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { - background-color: transparent; - border-color: #434343; - } - - .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { - top: 50%; - left: 50%; - width: 8px; - height: 8px; - background-color: #177ddc; - border: 0; - transform: translate(-50%, -50%) scale(1); - opacity: 1; - content: ' '; - } - - .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { - background-color: rgba(255, 255, 255, 0.3); - border-color: rgba(255, 255, 255, 0.3); - } - - .ant-tree-select-dropdown { - padding: 8px 4px; - } - - .ant-tree-select-dropdown-rtl { - direction: rtl; - } - - .ant-tree-select-dropdown .ant-select-tree { - border-radius: 0; - } - - .ant-tree-select-dropdown .ant-select-tree-list-holder-inner { - align-items: stretch; - } - - .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { - flex: auto; - } - - .ant-select-tree { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - background: transparent; - border-radius: 2px; - transition: background-color 0.3s; - } - - .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { - background: #111b26; - } - - .ant-select-tree-list-holder-inner { - align-items: flex-start; - } - - .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { - align-items: stretch; - } - - .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { - flex: auto; - } - - .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { - position: relative; - } - - .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { - position: absolute; - top: 0; - right: 0; - bottom: 4px; - left: 0; - border: 1px solid #177ddc; - opacity: 0; - -webkit-animation: ant-tree-node-fx-do-not-use 0.3s; - animation: ant-tree-node-fx-do-not-use 0.3s; - -webkit-animation-play-state: running; - animation-play-state: running; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - content: ''; - pointer-events: none; - } - - .ant-select-tree .ant-select-tree-treenode { - display: flex; - align-items: flex-start; - padding: 0 0 4px 0; - outline: none; - } - - .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { - background: transparent; - } - - .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { - background: rgba(255, 255, 255, 0.08); - } - - .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { - color: inherit; - font-weight: 500; - } - - .ant-select-tree-indent { - align-self: stretch; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-select-tree-indent-unit { - display: inline-block; - width: 24px; - } - - .ant-select-tree-draggable-icon { - width: 24px; - line-height: 24px; - text-align: center; - opacity: 0.2; - transition: opacity 0.3s; - } - - .ant-select-tree-treenode:hover .ant-select-tree-draggable-icon { - opacity: 0.45; - } - - .ant-select-tree-switcher { - position: relative; - flex: none; - align-self: stretch; - width: 24px; - margin: 0; - line-height: 24px; - text-align: center; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-select-tree-switcher .ant-tree-switcher-icon, - .ant-select-tree-switcher .ant-select-tree-switcher-icon { - display: inline-block; - font-size: 10px; - vertical-align: baseline; - } - - .ant-select-tree-switcher .ant-tree-switcher-icon svg, - .ant-select-tree-switcher .ant-select-tree-switcher-icon svg { - transition: transform 0.3s; - } - - .ant-select-tree-switcher-noop { - cursor: default; - } - - .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { - transform: rotate(-90deg); - } - - .ant-select-tree-switcher-loading-icon { - color: #177ddc; - } - - .ant-select-tree-switcher-leaf-line { - position: relative; - z-index: 1; - display: inline-block; - width: 100%; - height: 100%; - } - - .ant-select-tree-switcher-leaf-line::before { - position: absolute; - top: 0; - right: 12px; - bottom: -4px; - margin-left: -1px; - border-right: 1px solid #d9d9d9; - content: ' '; - } - - .ant-select-tree-switcher-leaf-line::after { - position: absolute; - width: 10px; - height: 14px; - border-bottom: 1px solid #d9d9d9; - content: ' '; - } - - .ant-select-tree-checkbox { - top: initial; - margin: 4px 8px 0 0; - } - - .ant-select-tree .ant-select-tree-node-content-wrapper { - position: relative; - z-index: auto; - min-height: 24px; - margin: 0; - padding: 0 4px; - color: inherit; - line-height: 24px; - background: transparent; - border-radius: 2px; - cursor: pointer; - transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; - } - - .ant-select-tree .ant-select-tree-node-content-wrapper:hover { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { - background-color: #11263c; - } - - .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { - display: inline-block; - width: 24px; - height: 24px; - line-height: 24px; - text-align: center; - vertical-align: top; - } - - .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { - display: none; - } - - .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { - background-color: transparent; - } - - .ant-select-tree-node-content-wrapper { - line-height: 24px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { - position: absolute; - z-index: 1; - height: 2px; - background-color: #177ddc; - border-radius: 1px; - pointer-events: none; - } - - .ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { - position: absolute; - top: -3px; - left: -6px; - width: 8px; - height: 8px; - background-color: transparent; - border: 2px solid #177ddc; - border-radius: 50%; - content: ''; - } - - .ant-select-tree .ant-select-tree-treenode.drop-container>[draggable] { - box-shadow: 0 0 0 2px #177ddc; - } - - .ant-select-tree-show-line .ant-select-tree-indent-unit { - position: relative; - height: 100%; - } - - .ant-select-tree-show-line .ant-select-tree-indent-unit::before { - position: absolute; - top: 0; - right: 12px; - bottom: -4px; - border-right: 1px solid #434343; - content: ''; - } - - .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { - display: none; - } - - .ant-select-tree-show-line .ant-select-tree-switcher { - background: #141414; - } - - .ant-select-tree-show-line .ant-select-tree-switcher-line-icon { - vertical-align: -0.15em; - } - - .ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { - top: auto !important; - bottom: auto !important; - height: 14px !important; - } - - .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { - transform: rotate(90deg); - } - - .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { - transform: scaleY(-1); - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-typography { - color: rgba(255, 255, 255, 0.85); - overflow-wrap: break-word; - } - - .ant-typography.ant-typography-secondary { - color: rgba(255, 255, 255, 0.45); - } - - .ant-typography.ant-typography-success { - color: #49aa19; - } - - .ant-typography.ant-typography-warning { - color: #d89614; - } - - .ant-typography.ant-typography-danger { - color: #a61d24; - } - - a.ant-typography.ant-typography-danger:active, - a.ant-typography.ant-typography-danger:focus, - a.ant-typography.ant-typography-danger:hover { - color: #b33b3d; - } - - .ant-typography.ant-typography-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - } - - div.ant-typography, - .ant-typography p { - margin-bottom: 1em; - } - - h1.ant-typography, - div.ant-typography-h1, - div.ant-typography-h1>textarea, - .ant-typography h1 { - margin-bottom: 0.5em; - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - font-size: 38px; - line-height: 1.23; - } - - h2.ant-typography, - div.ant-typography-h2, - div.ant-typography-h2>textarea, - .ant-typography h2 { - margin-bottom: 0.5em; - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - font-size: 30px; - line-height: 1.35; - } - - h3.ant-typography, - div.ant-typography-h3, - div.ant-typography-h3>textarea, - .ant-typography h3 { - margin-bottom: 0.5em; - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - font-size: 24px; - line-height: 1.35; - } - - h4.ant-typography, - div.ant-typography-h4, - div.ant-typography-h4>textarea, - .ant-typography h4 { - margin-bottom: 0.5em; - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - font-size: 20px; - line-height: 1.4; - } - - h5.ant-typography, - div.ant-typography-h5, - div.ant-typography-h5>textarea, - .ant-typography h5 { - margin-bottom: 0.5em; - color: rgba(255, 255, 255, 0.85); - font-weight: 600; - font-size: 16px; - line-height: 1.5; - } - - .ant-typography+h1.ant-typography, - .ant-typography+h2.ant-typography, - .ant-typography+h3.ant-typography, - .ant-typography+h4.ant-typography, - .ant-typography+h5.ant-typography { - margin-top: 1.2em; - } - - .ant-typography div+h1, - .ant-typography ul+h1, - .ant-typography li+h1, - .ant-typography p+h1, - .ant-typography h1+h1, - .ant-typography h2+h1, - .ant-typography h3+h1, - .ant-typography h4+h1, - .ant-typography h5+h1, - .ant-typography div+h2, - .ant-typography ul+h2, - .ant-typography li+h2, - .ant-typography p+h2, - .ant-typography h1+h2, - .ant-typography h2+h2, - .ant-typography h3+h2, - .ant-typography h4+h2, - .ant-typography h5+h2, - .ant-typography div+h3, - .ant-typography ul+h3, - .ant-typography li+h3, - .ant-typography p+h3, - .ant-typography h1+h3, - .ant-typography h2+h3, - .ant-typography h3+h3, - .ant-typography h4+h3, - .ant-typography h5+h3, - .ant-typography div+h4, - .ant-typography ul+h4, - .ant-typography li+h4, - .ant-typography p+h4, - .ant-typography h1+h4, - .ant-typography h2+h4, - .ant-typography h3+h4, - .ant-typography h4+h4, - .ant-typography h5+h4, - .ant-typography div+h5, - .ant-typography ul+h5, - .ant-typography li+h5, - .ant-typography p+h5, - .ant-typography h1+h5, - .ant-typography h2+h5, - .ant-typography h3+h5, - .ant-typography h4+h5, - .ant-typography h5+h5 { - margin-top: 1.2em; - } - - a.ant-typography-ellipsis, - span.ant-typography-ellipsis { - display: inline-block; - max-width: 100%; - } - - a.ant-typography, - .ant-typography a { - color: #177ddc; - outline: none; - cursor: pointer; - transition: color 0.3s; - text-decoration: none; - } - - a.ant-typography:focus, - .ant-typography a:focus, - a.ant-typography:hover, - .ant-typography a:hover { - color: #165996; - } - - a.ant-typography:active, - .ant-typography a:active { - color: #388ed3; - } - - a.ant-typography:active, - .ant-typography a:active, - a.ant-typography:hover, - .ant-typography a:hover { - text-decoration: none; - } - - a.ant-typography[disabled], - .ant-typography a[disabled], - a.ant-typography.ant-typography-disabled, - .ant-typography a.ant-typography-disabled { - color: rgba(255, 255, 255, 0.3); - cursor: not-allowed; - } - - a.ant-typography[disabled]:active, - .ant-typography a[disabled]:active, - a.ant-typography.ant-typography-disabled:active, - .ant-typography a.ant-typography-disabled:active, - a.ant-typography[disabled]:hover, - .ant-typography a[disabled]:hover, - a.ant-typography.ant-typography-disabled:hover, - .ant-typography a.ant-typography-disabled:hover { - color: rgba(255, 255, 255, 0.3); - } - - a.ant-typography[disabled]:active, - .ant-typography a[disabled]:active, - a.ant-typography.ant-typography-disabled:active, - .ant-typography a.ant-typography-disabled:active { - pointer-events: none; - } - - .ant-typography code { - margin: 0 0.2em; - padding: 0.2em 0.4em 0.1em; - font-size: 85%; - background: rgba(150, 150, 150, 0.1); - border: 1px solid rgba(100, 100, 100, 0.2); - border-radius: 3px; - } - - .ant-typography kbd { - margin: 0 0.2em; - padding: 0.15em 0.4em 0.1em; - font-size: 90%; - background: rgba(150, 150, 150, 0.06); - border: 1px solid rgba(100, 100, 100, 0.2); - border-bottom-width: 2px; - border-radius: 3px; - } - - .ant-typography mark { - padding: 0; - background-color: #594214; - } - - .ant-typography u, - .ant-typography ins { - text-decoration: underline; - -webkit-text-decoration-skip: ink; - text-decoration-skip-ink: auto; - } - - .ant-typography s, - .ant-typography del { - text-decoration: line-through; - } - - .ant-typography strong { - font-weight: 600; - } - - .ant-typography-expand, - .ant-typography-edit, - .ant-typography-copy { - color: #177ddc; - text-decoration: none; - outline: none; - cursor: pointer; - transition: color 0.3s; - margin-left: 4px; - } - - .ant-typography-expand:focus, - .ant-typography-edit:focus, - .ant-typography-copy:focus, - .ant-typography-expand:hover, - .ant-typography-edit:hover, - .ant-typography-copy:hover { - color: #165996; - } - - .ant-typography-expand:active, - .ant-typography-edit:active, - .ant-typography-copy:active { - color: #388ed3; - } - - .ant-typography-copy-success, - .ant-typography-copy-success:hover, - .ant-typography-copy-success:focus { - color: #49aa19; - } - - .ant-typography-edit-content { - position: relative; - } - - div.ant-typography-edit-content { - left: -12px; - margin-top: -5px; - margin-bottom: calc(1em - 4px - 1px); - } - - .ant-typography-edit-content-confirm { - position: absolute; - right: 10px; - bottom: 8px; - color: rgba(255, 255, 255, 0.45); - font-weight: normal; - font-size: 14px; - font-style: normal; - pointer-events: none; - } - - .ant-typography-edit-content textarea { - height: 1em; - margin: 0 !important; - /* stylelint-disable-next-line property-no-vendor-prefix */ - -moz-transition: none; - } - - .ant-typography ul, - .ant-typography ol { - margin: 0 0 1em; - padding: 0; - } - - .ant-typography ul li, - .ant-typography ol li { - margin: 0 0 0 20px; - padding: 0 0 0 4px; - } - - .ant-typography ul { - list-style-type: circle; - } - - .ant-typography ul ul { - list-style-type: disc; - } - - .ant-typography ol { - list-style-type: decimal; - } - - .ant-typography pre, - .ant-typography blockquote { - margin: 1em 0; - } - - .ant-typography pre { - padding: 0.4em 0.6em; - white-space: pre-wrap; - word-wrap: break-word; - background: rgba(150, 150, 150, 0.1); - border: 1px solid rgba(100, 100, 100, 0.2); - border-radius: 3px; - } - - .ant-typography pre code { - display: inline; - margin: 0; - padding: 0; - font-size: inherit; - font-family: inherit; - background: transparent; - border: 0; - } - - .ant-typography blockquote { - padding: 0 0 0 0.6em; - border-left: 4px solid rgba(100, 100, 100, 0.2); - opacity: 0.85; - } - - .ant-typography-single-line { - white-space: nowrap; - } - - .ant-typography-ellipsis-single-line { - overflow: hidden; - text-overflow: ellipsis; - } - - a.ant-typography-ellipsis-single-line, - span.ant-typography-ellipsis-single-line { - vertical-align: bottom; - } - - .ant-typography-ellipsis-multiple-line { - /* stylelint-disable-next-line value-no-vendor-prefix */ - display: -webkit-box; - overflow: hidden; - -webkit-line-clamp: 3; - /*! autoprefixer: ignore next */ - -webkit-box-orient: vertical; - } - - .ant-typography-rtl { - direction: rtl; - } - - .ant-typography-rtl .ant-typography-expand, - .ant-typography-rtl .ant-typography-edit, - .ant-typography-rtl .ant-typography-copy { - margin-right: 4px; - margin-left: 0; - } - - .ant-typography-rtl .ant-typography-expand { - float: left; - } - - div.ant-typography-edit-content.ant-typography-rtl { - right: -12px; - left: auto; - } - - .ant-typography-rtl .ant-typography-edit-content-confirm { - right: auto; - left: 10px; - } - - .ant-typography-rtl.ant-typography ul li, - .ant-typography-rtl.ant-typography ol li { - margin: 0 20px 0 0; - padding: 0 4px 0 0; - } - - /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ - /* stylelint-disable no-duplicate-selectors */ - /* stylelint-disable */ - /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ - .ant-upload { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - line-height: 1.5715; - list-style: none; - font-feature-settings: 'tnum'; - outline: 0; - } - - .ant-upload p { - margin: 0; - } - - .ant-upload-btn { - display: block; - width: 100%; - outline: none; - } - - .ant-upload input[type='file'] { - cursor: pointer; - } - - .ant-upload.ant-upload-select { - display: inline-block; - } - - .ant-upload.ant-upload-disabled { - cursor: not-allowed; - } - - .ant-upload.ant-upload-select-picture-card { - width: 104px; - height: 104px; - margin-right: 8px; - margin-bottom: 8px; - text-align: center; - vertical-align: top; - background-color: rgba(255, 255, 255, 0.04); - border: 1px dashed #434343; - border-radius: 2px; - cursor: pointer; - transition: border-color 0.3s; - } - - .ant-upload.ant-upload-select-picture-card>.ant-upload { - display: flex; - align-items: center; - justify-content: center; - height: 100%; - text-align: center; - } - - .ant-upload.ant-upload-select-picture-card:hover { - border-color: #177ddc; - } - - .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { - border-color: #434343; - } - - .ant-upload.ant-upload-drag { - position: relative; - width: 100%; - height: 100%; - text-align: center; - background: rgba(255, 255, 255, 0.04); - border: 1px dashed #434343; - border-radius: 2px; - cursor: pointer; - transition: border-color 0.3s; - } - - .ant-upload.ant-upload-drag .ant-upload { - padding: 16px 0; - } - - .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { - border-color: #388ed3; - } - - .ant-upload.ant-upload-drag.ant-upload-disabled { - cursor: not-allowed; - } - - .ant-upload.ant-upload-drag .ant-upload-btn { - display: table; - height: 100%; - } - - .ant-upload.ant-upload-drag .ant-upload-drag-container { - display: table-cell; - vertical-align: middle; - } - - .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { - border-color: #165996; - } - - .ant-upload.ant-upload-drag p.ant-upload-drag-icon { - margin-bottom: 20px; - } - - .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { - color: #165996; - font-size: 48px; - } - - .ant-upload.ant-upload-drag p.ant-upload-text { - margin: 0 0 4px; - color: rgba(255, 255, 255, 0.85); - font-size: 16px; - } - - .ant-upload.ant-upload-drag p.ant-upload-hint { - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - } - - .ant-upload.ant-upload-drag .anticon-plus { - color: rgba(255, 255, 255, 0.3); - font-size: 30px; - transition: all 0.3s; - } - - .ant-upload.ant-upload-drag .anticon-plus:hover { - color: rgba(255, 255, 255, 0.45); - } - - .ant-upload.ant-upload-drag:hover .anticon-plus { - color: rgba(255, 255, 255, 0.45); - } - - .ant-upload-picture-card-wrapper { - display: inline-block; - width: 100%; - } - - .ant-upload-picture-card-wrapper::before { - display: table; - content: ''; - } - - .ant-upload-picture-card-wrapper::after { - display: table; - clear: both; - content: ''; - } - - .ant-upload-list { - box-sizing: border-box; - margin: 0; - padding: 0; - color: rgba(255, 255, 255, 0.85); - font-size: 14px; - font-variant: tabular-nums; - list-style: none; - font-feature-settings: 'tnum'; - line-height: 1.5715; - } - - .ant-upload-list::before { - display: table; - content: ''; - } - - .ant-upload-list::after { - display: table; - clear: both; - content: ''; - } - - .ant-upload-list-item { - position: relative; - height: 22.001px; - margin-top: 8px; - font-size: 14px; - } - - .ant-upload-list-item-name { - display: inline-block; - width: 100%; - padding-left: 22px; - overflow: hidden; - line-height: 1.5715; - white-space: nowrap; - text-overflow: ellipsis; - } - - .ant-upload-list-item-card-actions { - position: absolute; - right: 0; - } - - .ant-upload-list-item-card-actions-btn { - opacity: 0; - } - - .ant-upload-list-item-card-actions-btn.ant-btn-sm { - height: 20px; - line-height: 1; - } - - .ant-upload-list-item-card-actions.picture { - top: 22px; - line-height: 0; - } - - .ant-upload-list-item-card-actions-btn:focus, - .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { - opacity: 1; - } - - .ant-upload-list-item-card-actions .anticon { - color: rgba(255, 255, 255, 0.45); - } - - .ant-upload-list-item-info { - height: 100%; - padding: 0 4px; - transition: background-color 0.3s; - } - - .ant-upload-list-item-info>span { - display: block; - width: 100%; - height: 100%; - } - - .ant-upload-list-item-info .anticon-loading .anticon, - .ant-upload-list-item-info .ant-upload-text-icon .anticon { - position: absolute; - top: 5px; - color: rgba(255, 255, 255, 0.45); - font-size: 14px; - } - - .ant-upload-list-item .anticon-close { - position: absolute; - top: 6px; - right: 4px; - color: rgba(255, 255, 255, 0.45); - font-size: 10px; - line-height: 0; - cursor: pointer; - opacity: 0; - transition: all 0.3s; - } - - .ant-upload-list-item .anticon-close:hover { - color: rgba(255, 255, 255, 0.85); - } - - .ant-upload-list-item:hover .ant-upload-list-item-info { - background-color: rgba(255, 255, 255, 0.08); - } - - .ant-upload-list-item:hover .anticon-close { - opacity: 1; - } - - .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { - opacity: 1; - } - - .ant-upload-list-item-error, - .ant-upload-list-item-error .ant-upload-text-icon>.anticon, - .ant-upload-list-item-error .ant-upload-list-item-name { - color: #a61d24; - } - - .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { - color: #a61d24; - } - - .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { - opacity: 1; - } - - .ant-upload-list-item-progress { - position: absolute; - bottom: -12px; - width: 100%; - padding-left: 26px; - font-size: 14px; - line-height: 0; - } - - .ant-upload-list-picture .ant-upload-list-item, - .ant-upload-list-picture-card .ant-upload-list-item { - position: relative; - height: 66px; - padding: 8px; - border: 1px solid #434343; - border-radius: 2px; - } - - .ant-upload-list-picture .ant-upload-list-item:hover, - .ant-upload-list-picture-card .ant-upload-list-item:hover { - background: transparent; - } - - .ant-upload-list-picture .ant-upload-list-item-error, - .ant-upload-list-picture-card .ant-upload-list-item-error { - border-color: #a61d24; - } - - .ant-upload-list-picture .ant-upload-list-item-info, - .ant-upload-list-picture-card .ant-upload-list-item-info { - padding: 0; - } - - .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, - .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { - background: transparent; - } - - .ant-upload-list-picture .ant-upload-list-item-uploading, - .ant-upload-list-picture-card .ant-upload-list-item-uploading { - border-style: dashed; - } - - .ant-upload-list-picture .ant-upload-list-item-thumbnail, - .ant-upload-list-picture-card .ant-upload-list-item-thumbnail { - width: 48px; - height: 48px; - line-height: 60px; - text-align: center; - opacity: 0.8; - } - - .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, - .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { - font-size: 26px; - } - - .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'], - .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] { - fill: #2a1215; - } - - .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'], - .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] { - fill: #a61d24; - } - - .ant-upload-list-picture .ant-upload-list-item-icon, - .ant-upload-list-picture-card .ant-upload-list-item-icon { - position: absolute; - top: 50%; - left: 50%; - font-size: 26px; - transform: translate(-50%, -50%); - } - - .ant-upload-list-picture .ant-upload-list-item-icon .anticon, - .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { - font-size: 26px; - } - - .ant-upload-list-picture .ant-upload-list-item-image, - .ant-upload-list-picture-card .ant-upload-list-item-image { - max-width: 100%; - } - - .ant-upload-list-picture .ant-upload-list-item-thumbnail img, - .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { - display: block; - width: 48px; - height: 48px; - overflow: hidden; - } - - .ant-upload-list-picture .ant-upload-list-item-name, - .ant-upload-list-picture-card .ant-upload-list-item-name { - display: inline-block; - box-sizing: border-box; - max-width: 100%; - margin: 0 0 0 8px; - padding-right: 8px; - padding-left: 48px; - overflow: hidden; - line-height: 44px; - white-space: nowrap; - text-overflow: ellipsis; - transition: all 0.3s; - } - - .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, - .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { - margin-bottom: 12px; - } - - .ant-upload-list-picture .ant-upload-list-item-progress, - .ant-upload-list-picture-card .ant-upload-list-item-progress { - bottom: 14px; - width: calc(100% - 24px); - margin-top: 0; - padding-left: 56px; - } - - .ant-upload-list-picture .anticon-close, - .ant-upload-list-picture-card .anticon-close { - position: absolute; - top: 8px; - right: 8px; - line-height: 1; - opacity: 1; - } - - .ant-upload-list-picture-card-container { - display: inline-block; - width: 104px; - height: 104px; - margin: 0 8px 8px 0; - vertical-align: top; - } - - .ant-upload-list-picture-card.ant-upload-list::after { - display: none; - } - - .ant-upload-list-picture-card .ant-upload-list-item { - height: 100%; - margin: 0; - } - - .ant-upload-list-picture-card .ant-upload-list-item-info { - position: relative; - height: 100%; - overflow: hidden; - } - - .ant-upload-list-picture-card .ant-upload-list-item-info::before { - position: absolute; - z-index: 1; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.5); - opacity: 0; - transition: all 0.3s; - content: ' '; - } - - .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { - opacity: 1; - } - - .ant-upload-list-picture-card .ant-upload-list-item-actions { - position: absolute; - top: 50%; - left: 50%; - z-index: 10; - white-space: nowrap; - transform: translate(-50%, -50%); - opacity: 0; - transition: all 0.3s; - } - - .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, - .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, - .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { - z-index: 10; - width: 16px; - margin: 0 4px; - color: rgba(255, 255, 255, 0.85); - font-size: 16px; - cursor: pointer; - transition: all 0.3s; - } - - .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, - .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, - .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { - color: #fff; - } - - .ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions, - .ant-upload-list-picture-card .ant-upload-list-item-actions:hover { - opacity: 1; - } - - .ant-upload-list-picture-card .ant-upload-list-item-thumbnail, - .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { - position: static; - display: block; - width: 100%; - height: 100%; - -o-object-fit: contain; - object-fit: contain; - } - - .ant-upload-list-picture-card .ant-upload-list-item-name { - display: none; - margin: 8px 0 0; - padding: 0; - line-height: 1.5715; - text-align: center; - } - - .ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name { - position: absolute; - bottom: 10px; - display: block; - } - - .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { - background-color: rgba(255, 255, 255, 0.04); - } - - .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { - height: auto; - } - - .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, - .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, - .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { - display: none; - } - - .ant-upload-list-picture-card .ant-upload-list-item-progress { - bottom: 32px; - width: calc(100% - 14px); - padding-left: 0; - } - - .ant-upload-list-text-container, - .ant-upload-list-picture-container { - transition: opacity 0.3s, height 0.3s; - } - - .ant-upload-list-text-container::before, - .ant-upload-list-picture-container::before { - display: table; - width: 0; - height: 0; - content: ''; - } - - .ant-upload-list-text-container .ant-upload-span, - .ant-upload-list-picture-container .ant-upload-span { - display: block; - flex: auto; - } - - .ant-upload-list-text .ant-upload-span, - .ant-upload-list-picture .ant-upload-span { - display: flex; - align-items: center; - } - - .ant-upload-list-text .ant-upload-span>*, - .ant-upload-list-picture .ant-upload-span>* { - flex: none; - } - - .ant-upload-list-text .ant-upload-list-item-name, - .ant-upload-list-picture .ant-upload-list-item-name { - flex: auto; - margin: 0; - padding: 0 8px; - } - - .ant-upload-list-text .ant-upload-list-item-card-actions, - .ant-upload-list-picture .ant-upload-list-item-card-actions { - position: static; - } - - .ant-upload-list-text .ant-upload-text-icon .anticon { - position: static; - } - - .ant-upload-list .ant-upload-animate-inline-appear, - .ant-upload-list .ant-upload-animate-inline-enter, - .ant-upload-list .ant-upload-animate-inline-leave { - -webkit-animation-duration: 0.3s; - animation-duration: 0.3s; - -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86); - animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86); - } - - .ant-upload-list .ant-upload-animate-inline-appear, - .ant-upload-list .ant-upload-animate-inline-enter { - -webkit-animation-name: uploadAnimateInlineIn; - animation-name: uploadAnimateInlineIn; - } - - .ant-upload-list .ant-upload-animate-inline-leave { - -webkit-animation-name: uploadAnimateInlineOut; - animation-name: uploadAnimateInlineOut; - } - - @-webkit-keyframes uploadAnimateInlineIn { - from { - width: 0; - height: 0; - margin: 0; - padding: 0; - opacity: 0; - } - } - - @keyframes uploadAnimateInlineIn { - from { - width: 0; - height: 0; - margin: 0; - padding: 0; - opacity: 0; - } - } - - @-webkit-keyframes uploadAnimateInlineOut { - to { - width: 0; - height: 0; - margin: 0; - padding: 0; - opacity: 0; - } - } - - @keyframes uploadAnimateInlineOut { - to { - width: 0; - height: 0; - margin: 0; - padding: 0; - opacity: 0; - } - } - - .ant-upload-rtl { - direction: rtl; - } - - .ant-upload-rtl.ant-upload.ant-upload-select-picture-card { - margin-right: auto; - margin-left: 8px; - } - - .ant-upload-list-rtl { - direction: rtl; - } - - .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { - padding-right: 22px; - padding-left: 14px; - } - - .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { - padding-right: 22px; - padding-left: 28px; - } - - .ant-upload-list-rtl .ant-upload-list-item-name { - padding-right: 22px; - padding-left: 0; - } - - .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { - padding-left: 14px; - } - - .ant-upload-list-rtl .ant-upload-list-item-card-actions { - right: auto; - left: 0; - } - - .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { - padding-right: 0; - padding-left: 5px; - } - - .ant-upload-list-rtl .ant-upload-list-item-info { - padding: 0 4px 0 12px; - } - - .ant-upload-list-rtl .ant-upload-list-item .anticon-close { - right: auto; - left: 4px; - } - - .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { - padding-right: 0; - padding-left: 5px; - } - - .ant-upload-list-rtl .ant-upload-list-item-progress { - padding-right: 26px; - padding-left: 0; - } - - .ant-upload-list-picture .ant-upload-list-item-info, - .ant-upload-list-picture-card .ant-upload-list-item-info { - padding: 0; - } - - .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { - right: 8px; - left: auto; - } - - .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { - right: 50%; - left: auto; - transform: translate(50%, -50%); - } - - .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { - margin: 0 8px 0 0; - padding-right: 48px; - padding-left: 8px; - } - - .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { - padding-right: 48px; - padding-left: 18px; - } - - .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { - padding-right: 48px; - padding-left: 36px; - } - - .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { - padding-right: 0; - padding-left: 0; - } - - .ant-upload-list-rtl.ant-upload-list-picture .anticon-close, - .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close { - right: auto; - left: 8px; - } - - .ant-upload-list-rtl .ant-upload-list-picture-card-container { - margin: 0 0 8px 8px; - } - - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { - right: 50%; - left: auto; - transform: translate(50%, -50%); - } - - .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name { - margin: 8px 0 0; - padding: 0; - } \ No newline at end of file +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +[class^=ant-]::-ms-clear, +[class*= ant-]::-ms-clear, +[class^=ant-] input::-ms-clear, +[class*= ant-] input::-ms-clear, +[class^=ant-] input::-ms-reveal, +[class*= ant-] input::-ms-reveal { + display: none; +} +/* stylelint-disable property-no-vendor-prefix, at-rule-no-vendor-prefix */ +html, +body { + width: 100%; + height: 100%; +} +input::-ms-clear, +input::-ms-reveal { + display: none; +} +*, +*::before, +*::after { + box-sizing: border-box; +} +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -ms-overflow-style: scrollbar; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +@-ms-viewport { + width: device-width; +} +body { + margin: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + 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'; + font-variant: tabular-nums; + line-height: 1.5715; + background-color: #000; + font-feature-settings: 'tnum'; +} +[tabindex='-1']:focus { + outline: none !important; +} +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: 0.5em; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; +} +p { + margin-top: 0; + margin-bottom: 1em; +} +abbr[title], +abbr[data-original-title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + border-bottom: 0; + cursor: help; +} +address { + margin-bottom: 1em; + font-style: normal; + line-height: inherit; +} +input[type='text'], +input[type='password'], +input[type='number'], +textarea { + -webkit-appearance: none; +} +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1em; +} +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} +dt { + font-weight: 500; +} +dd { + margin-bottom: 0.5em; + margin-left: 0; +} +blockquote { + margin: 0 0 1em; +} +dfn { + font-style: italic; +} +b, +strong { + font-weight: bolder; +} +small { + font-size: 80%; +} +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +a { + color: #177ddc; + text-decoration: none; + background-color: transparent; + outline: none; + cursor: pointer; + transition: color 0.3s; + -webkit-text-decoration-skip: objects; +} +a:hover { + color: #165996; +} +a:active { + color: #388ed3; +} +a:active, +a:hover { + text-decoration: none; + outline: 0; +} +a:focus { + text-decoration: none; + outline: 0; +} +a[disabled] { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +pre, +code, +kbd, +samp { + font-size: 1em; + font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; +} +pre { + margin-top: 0; + margin-bottom: 1em; + overflow: auto; +} +figure { + margin: 0 0 1em; +} +img { + vertical-align: middle; + border-style: none; +} +a, +area, +button, +[role='button'], +input:not([type='range']), +label, +select, +summary, +textarea { + touch-action: manipulation; +} +table { + border-collapse: collapse; +} +caption { + padding-top: 0.75em; + padding-bottom: 0.3em; + color: rgba(255, 255, 255, 0.45); + text-align: left; + caption-side: bottom; +} +input, +button, +select, +optgroup, +textarea { + margin: 0; + color: inherit; + font-size: inherit; + font-family: inherit; + line-height: inherit; +} +button, +input { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + padding: 0; + border-style: none; +} +input[type='radio'], +input[type='checkbox'] { + box-sizing: border-box; + padding: 0; +} +input[type='date'], +input[type='time'], +input[type='datetime-local'], +input[type='month'] { + -webkit-appearance: listbox; +} +textarea { + overflow: auto; + resize: vertical; +} +fieldset { + min-width: 0; + margin: 0; + padding: 0; + border: 0; +} +legend { + display: block; + width: 100%; + max-width: 100%; + margin-bottom: 0.5em; + padding: 0; + color: inherit; + font-size: 1.5em; + line-height: inherit; + white-space: normal; +} +progress { + vertical-align: baseline; +} +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} +[type='search'] { + outline-offset: -2px; + -webkit-appearance: none; +} +[type='search']::-webkit-search-cancel-button, +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} +output { + display: inline-block; +} +summary { + display: list-item; +} +template { + display: none; +} +[hidden] { + display: none !important; +} +mark { + padding: 0.2em; + background-color: #2b2611; +} +::-moz-selection { + color: #fff; + background: #177ddc; +} +::selection { + color: #fff; + background: #177ddc; +} +.clearfix::before { + display: table; + content: ''; +} +.clearfix::after { + display: table; + clear: both; + content: ''; +} +.anticon { + display: inline-flex; + align-items: center; + color: inherit; + font-style: normal; + line-height: 0; + text-align: center; + text-transform: none; + vertical-align: -0.125em; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.anticon > * { + line-height: 1; +} +.anticon svg { + display: inline-block; +} +.anticon::before { + display: none; +} +.anticon .anticon-icon { + display: block; +} +.anticon > .anticon { + line-height: 0; + vertical-align: 0; +} +.anticon[tabindex] { + cursor: pointer; +} +.anticon-spin, +.anticon-spin::before { + display: inline-block; + animation: loadingCircle 1s infinite linear; +} +.ant-fade-enter, +.ant-fade-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-fade-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-fade-enter.ant-fade-enter-active, +.ant-fade-appear.ant-fade-appear-active { + animation-name: antFadeIn; + animation-play-state: running; +} +.ant-fade-leave.ant-fade-leave-active { + animation-name: antFadeOut; + animation-play-state: running; + pointer-events: none; +} +.ant-fade-enter, +.ant-fade-appear { + opacity: 0; + animation-timing-function: linear; +} +.ant-fade-leave { + animation-timing-function: linear; +} +@keyframes antFadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes antFadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} +.ant-move-up-enter, +.ant-move-up-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-up-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-up-enter.ant-move-up-enter-active, +.ant-move-up-appear.ant-move-up-appear-active { + animation-name: antMoveUpIn; + animation-play-state: running; +} +.ant-move-up-leave.ant-move-up-leave-active { + animation-name: antMoveUpOut; + animation-play-state: running; + pointer-events: none; +} +.ant-move-up-enter, +.ant-move-up-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-move-up-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.ant-move-down-enter, +.ant-move-down-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-down-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-down-enter.ant-move-down-enter-active, +.ant-move-down-appear.ant-move-down-appear-active { + animation-name: antMoveDownIn; + animation-play-state: running; +} +.ant-move-down-leave.ant-move-down-leave-active { + animation-name: antMoveDownOut; + animation-play-state: running; + pointer-events: none; +} +.ant-move-down-enter, +.ant-move-down-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-move-down-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.ant-move-left-enter, +.ant-move-left-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-left-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-left-enter.ant-move-left-enter-active, +.ant-move-left-appear.ant-move-left-appear-active { + animation-name: antMoveLeftIn; + animation-play-state: running; +} +.ant-move-left-leave.ant-move-left-leave-active { + animation-name: antMoveLeftOut; + animation-play-state: running; + pointer-events: none; +} +.ant-move-left-enter, +.ant-move-left-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-move-left-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +.ant-move-right-enter, +.ant-move-right-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-right-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-move-right-enter.ant-move-right-enter-active, +.ant-move-right-appear.ant-move-right-appear-active { + animation-name: antMoveRightIn; + animation-play-state: running; +} +.ant-move-right-leave.ant-move-right-leave-active { + animation-name: antMoveRightOut; + animation-play-state: running; + pointer-events: none; +} +.ant-move-right-enter, +.ant-move-right-appear { + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-move-right-leave { + animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); +} +@keyframes antMoveDownIn { + 0% { + transform: translateY(100%); + transform-origin: 0 0; + opacity: 0; + } + 100% { + transform: translateY(0%); + transform-origin: 0 0; + opacity: 1; + } +} +@keyframes antMoveDownOut { + 0% { + transform: translateY(0%); + transform-origin: 0 0; + opacity: 1; + } + 100% { + transform: translateY(100%); + transform-origin: 0 0; + opacity: 0; + } +} +@keyframes antMoveLeftIn { + 0% { + transform: translateX(-100%); + transform-origin: 0 0; + opacity: 0; + } + 100% { + transform: translateX(0%); + transform-origin: 0 0; + opacity: 1; + } +} +@keyframes antMoveLeftOut { + 0% { + transform: translateX(0%); + transform-origin: 0 0; + opacity: 1; + } + 100% { + transform: translateX(-100%); + transform-origin: 0 0; + opacity: 0; + } +} +@keyframes antMoveRightIn { + 0% { + transform: translateX(100%); + transform-origin: 0 0; + opacity: 0; + } + 100% { + transform: translateX(0%); + transform-origin: 0 0; + opacity: 1; + } +} +@keyframes antMoveRightOut { + 0% { + transform: translateX(0%); + transform-origin: 0 0; + opacity: 1; + } + 100% { + transform: translateX(100%); + transform-origin: 0 0; + opacity: 0; + } +} +@keyframes antMoveUpIn { + 0% { + transform: translateY(-100%); + transform-origin: 0 0; + opacity: 0; + } + 100% { + transform: translateY(0%); + transform-origin: 0 0; + opacity: 1; + } +} +@keyframes antMoveUpOut { + 0% { + transform: translateY(0%); + transform-origin: 0 0; + opacity: 1; + } + 100% { + transform: translateY(-100%); + transform-origin: 0 0; + opacity: 0; + } +} +@keyframes loadingCircle { + 100% { + transform: rotate(360deg); + } +} +[ant-click-animating='true'], +[ant-click-animating-without-extra-node='true'] { + position: relative; +} +html { + --antd-wave-shadow-color: #177ddc; + --scroll-bar: 0; +} +[ant-click-animating-without-extra-node='true']::after, +.ant-click-animating-node { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + border-radius: inherit; + box-shadow: 0 0 0 0 #177ddc; + box-shadow: 0 0 0 0 var(--antd-wave-shadow-color); + opacity: 0.2; + animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1); + animation-fill-mode: forwards; + content: ''; + pointer-events: none; +} +@keyframes waveEffect { + 100% { + box-shadow: 0 0 0 #177ddc; + box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); + } +} +@keyframes fadeEffect { + 100% { + opacity: 0; + } +} +.ant-slide-up-enter, +.ant-slide-up-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-up-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-up-enter.ant-slide-up-enter-active, +.ant-slide-up-appear.ant-slide-up-appear-active { + animation-name: antSlideUpIn; + animation-play-state: running; +} +.ant-slide-up-leave.ant-slide-up-leave-active { + animation-name: antSlideUpOut; + animation-play-state: running; + pointer-events: none; +} +.ant-slide-up-enter, +.ant-slide-up-appear { + transform: scale(0); + transform-origin: 0% 0%; + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.ant-slide-up-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +.ant-slide-down-enter, +.ant-slide-down-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-down-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-down-enter.ant-slide-down-enter-active, +.ant-slide-down-appear.ant-slide-down-appear-active { + animation-name: antSlideDownIn; + animation-play-state: running; +} +.ant-slide-down-leave.ant-slide-down-leave-active { + animation-name: antSlideDownOut; + animation-play-state: running; + pointer-events: none; +} +.ant-slide-down-enter, +.ant-slide-down-appear { + transform: scale(0); + transform-origin: 0% 0%; + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.ant-slide-down-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +.ant-slide-left-enter, +.ant-slide-left-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-left-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-left-enter.ant-slide-left-enter-active, +.ant-slide-left-appear.ant-slide-left-appear-active { + animation-name: antSlideLeftIn; + animation-play-state: running; +} +.ant-slide-left-leave.ant-slide-left-leave-active { + animation-name: antSlideLeftOut; + animation-play-state: running; + pointer-events: none; +} +.ant-slide-left-enter, +.ant-slide-left-appear { + transform: scale(0); + transform-origin: 0% 0%; + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.ant-slide-left-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +.ant-slide-right-enter, +.ant-slide-right-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-right-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-slide-right-enter.ant-slide-right-enter-active, +.ant-slide-right-appear.ant-slide-right-appear-active { + animation-name: antSlideRightIn; + animation-play-state: running; +} +.ant-slide-right-leave.ant-slide-right-leave-active { + animation-name: antSlideRightOut; + animation-play-state: running; + pointer-events: none; +} +.ant-slide-right-enter, +.ant-slide-right-appear { + transform: scale(0); + transform-origin: 0% 0%; + opacity: 0; + animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); +} +.ant-slide-right-leave { + animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); +} +@keyframes antSlideUpIn { + 0% { + transform: scaleY(0.8); + transform-origin: 0% 0%; + opacity: 0; + } + 100% { + transform: scaleY(1); + transform-origin: 0% 0%; + opacity: 1; + } +} +@keyframes antSlideUpOut { + 0% { + transform: scaleY(1); + transform-origin: 0% 0%; + opacity: 1; + } + 100% { + transform: scaleY(0.8); + transform-origin: 0% 0%; + opacity: 0; + } +} +@keyframes antSlideDownIn { + 0% { + transform: scaleY(0.8); + transform-origin: 100% 100%; + opacity: 0; + } + 100% { + transform: scaleY(1); + transform-origin: 100% 100%; + opacity: 1; + } +} +@keyframes antSlideDownOut { + 0% { + transform: scaleY(1); + transform-origin: 100% 100%; + opacity: 1; + } + 100% { + transform: scaleY(0.8); + transform-origin: 100% 100%; + opacity: 0; + } +} +@keyframes antSlideLeftIn { + 0% { + transform: scaleX(0.8); + transform-origin: 0% 0%; + opacity: 0; + } + 100% { + transform: scaleX(1); + transform-origin: 0% 0%; + opacity: 1; + } +} +@keyframes antSlideLeftOut { + 0% { + transform: scaleX(1); + transform-origin: 0% 0%; + opacity: 1; + } + 100% { + transform: scaleX(0.8); + transform-origin: 0% 0%; + opacity: 0; + } +} +@keyframes antSlideRightIn { + 0% { + transform: scaleX(0.8); + transform-origin: 100% 0%; + opacity: 0; + } + 100% { + transform: scaleX(1); + transform-origin: 100% 0%; + opacity: 1; + } +} +@keyframes antSlideRightOut { + 0% { + transform: scaleX(1); + transform-origin: 100% 0%; + opacity: 1; + } + 100% { + transform: scaleX(0.8); + transform-origin: 100% 0%; + opacity: 0; + } +} +.ant-zoom-enter, +.ant-zoom-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-enter.ant-zoom-enter-active, +.ant-zoom-appear.ant-zoom-appear-active { + animation-name: antZoomIn; + animation-play-state: running; +} +.ant-zoom-leave.ant-zoom-leave-active { + animation-name: antZoomOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-enter, +.ant-zoom-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-enter-prepare, +.ant-zoom-appear-prepare { + transform: none; +} +.ant-zoom-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-zoom-big-enter, +.ant-zoom-big-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-big-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-big-enter.ant-zoom-big-enter-active, +.ant-zoom-big-appear.ant-zoom-big-appear-active { + animation-name: antZoomBigIn; + animation-play-state: running; +} +.ant-zoom-big-leave.ant-zoom-big-leave-active { + animation-name: antZoomBigOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-big-enter, +.ant-zoom-big-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-big-enter-prepare, +.ant-zoom-big-appear-prepare { + transform: none; +} +.ant-zoom-big-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-zoom-big-fast-enter, +.ant-zoom-big-fast-appear { + animation-duration: 0.1s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-big-fast-leave { + animation-duration: 0.1s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active, +.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active { + animation-name: antZoomBigIn; + animation-play-state: running; +} +.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active { + animation-name: antZoomBigOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-big-fast-enter, +.ant-zoom-big-fast-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-big-fast-enter-prepare, +.ant-zoom-big-fast-appear-prepare { + transform: none; +} +.ant-zoom-big-fast-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-zoom-up-enter, +.ant-zoom-up-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-up-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-up-enter.ant-zoom-up-enter-active, +.ant-zoom-up-appear.ant-zoom-up-appear-active { + animation-name: antZoomUpIn; + animation-play-state: running; +} +.ant-zoom-up-leave.ant-zoom-up-leave-active { + animation-name: antZoomUpOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-up-enter, +.ant-zoom-up-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-up-enter-prepare, +.ant-zoom-up-appear-prepare { + transform: none; +} +.ant-zoom-up-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-zoom-down-enter, +.ant-zoom-down-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-down-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-down-enter.ant-zoom-down-enter-active, +.ant-zoom-down-appear.ant-zoom-down-appear-active { + animation-name: antZoomDownIn; + animation-play-state: running; +} +.ant-zoom-down-leave.ant-zoom-down-leave-active { + animation-name: antZoomDownOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-down-enter, +.ant-zoom-down-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-down-enter-prepare, +.ant-zoom-down-appear-prepare { + transform: none; +} +.ant-zoom-down-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-zoom-left-enter, +.ant-zoom-left-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-left-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-left-enter.ant-zoom-left-enter-active, +.ant-zoom-left-appear.ant-zoom-left-appear-active { + animation-name: antZoomLeftIn; + animation-play-state: running; +} +.ant-zoom-left-leave.ant-zoom-left-leave-active { + animation-name: antZoomLeftOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-left-enter, +.ant-zoom-left-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-left-enter-prepare, +.ant-zoom-left-appear-prepare { + transform: none; +} +.ant-zoom-left-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-zoom-right-enter, +.ant-zoom-right-appear { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-right-leave { + animation-duration: 0.2s; + animation-fill-mode: both; + animation-play-state: paused; +} +.ant-zoom-right-enter.ant-zoom-right-enter-active, +.ant-zoom-right-appear.ant-zoom-right-appear-active { + animation-name: antZoomRightIn; + animation-play-state: running; +} +.ant-zoom-right-leave.ant-zoom-right-leave-active { + animation-name: antZoomRightOut; + animation-play-state: running; + pointer-events: none; +} +.ant-zoom-right-enter, +.ant-zoom-right-appear { + transform: scale(0); + opacity: 0; + animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); +} +.ant-zoom-right-enter-prepare, +.ant-zoom-right-appear-prepare { + transform: none; +} +.ant-zoom-right-leave { + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +@keyframes antZoomIn { + 0% { + transform: scale(0.2); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} +@keyframes antZoomOut { + 0% { + transform: scale(1); + } + 100% { + transform: scale(0.2); + opacity: 0; + } +} +@keyframes antZoomBigIn { + 0% { + transform: scale(0.8); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} +@keyframes antZoomBigOut { + 0% { + transform: scale(1); + } + 100% { + transform: scale(0.8); + opacity: 0; + } +} +@keyframes antZoomUpIn { + 0% { + transform: scale(0.8); + transform-origin: 50% 0%; + opacity: 0; + } + 100% { + transform: scale(1); + transform-origin: 50% 0%; + } +} +@keyframes antZoomUpOut { + 0% { + transform: scale(1); + transform-origin: 50% 0%; + } + 100% { + transform: scale(0.8); + transform-origin: 50% 0%; + opacity: 0; + } +} +@keyframes antZoomLeftIn { + 0% { + transform: scale(0.8); + transform-origin: 0% 50%; + opacity: 0; + } + 100% { + transform: scale(1); + transform-origin: 0% 50%; + } +} +@keyframes antZoomLeftOut { + 0% { + transform: scale(1); + transform-origin: 0% 50%; + } + 100% { + transform: scale(0.8); + transform-origin: 0% 50%; + opacity: 0; + } +} +@keyframes antZoomRightIn { + 0% { + transform: scale(0.8); + transform-origin: 100% 50%; + opacity: 0; + } + 100% { + transform: scale(1); + transform-origin: 100% 50%; + } +} +@keyframes antZoomRightOut { + 0% { + transform: scale(1); + transform-origin: 100% 50%; + } + 100% { + transform: scale(0.8); + transform-origin: 100% 50%; + opacity: 0; + } +} +@keyframes antZoomDownIn { + 0% { + transform: scale(0.8); + transform-origin: 50% 100%; + opacity: 0; + } + 100% { + transform: scale(1); + transform-origin: 50% 100%; + } +} +@keyframes antZoomDownOut { + 0% { + transform: scale(1); + transform-origin: 50% 100%; + } + 100% { + transform: scale(0.8); + transform-origin: 50% 100%; + opacity: 0; + } +} +.ant-motion-collapse-legacy { + overflow: hidden; +} +.ant-motion-collapse-legacy-active { + transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; +} +.ant-motion-collapse { + overflow: hidden; + transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-affix { + position: fixed; + z-index: 10; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-alert { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: flex; + align-items: center; + padding: 8px 15px; + word-wrap: break-word; + border-radius: 2px; +} +.ant-alert-content { + flex: 1; + min-width: 0; +} +.ant-alert-icon { + margin-right: 8px; +} +.ant-alert-description { + display: none; + font-size: 14px; + line-height: 22px; +} +.ant-alert-success { + background-color: #162312; + border: 1px solid #274916; +} +.ant-alert-success .ant-alert-icon { + color: #49aa19; +} +.ant-alert-info { + background-color: #111b26; + border: 1px solid #153450; +} +.ant-alert-info .ant-alert-icon { + color: #177ddc; +} +.ant-alert-warning { + background-color: #2b2111; + border: 1px solid #594214; +} +.ant-alert-warning .ant-alert-icon { + color: #d89614; +} +.ant-alert-error { + background-color: #2a1215; + border: 1px solid #58181c; +} +.ant-alert-error .ant-alert-icon { + color: #a61d24; +} +.ant-alert-error .ant-alert-description > pre { + margin: 0; + padding: 0; +} +.ant-alert-action { + margin-left: 8px; +} +.ant-alert-close-icon { + margin-left: 8px; + padding: 0; + overflow: hidden; + font-size: 12px; + line-height: 12px; + background-color: transparent; + border: none; + outline: none; + cursor: pointer; +} +.ant-alert-close-icon .anticon-close { + color: rgba(255, 255, 255, 0.45); + transition: color 0.3s; +} +.ant-alert-close-icon .anticon-close:hover { + color: rgba(255, 255, 255, 0.75); +} +.ant-alert-close-text { + color: rgba(255, 255, 255, 0.45); + transition: color 0.3s; +} +.ant-alert-close-text:hover { + color: rgba(255, 255, 255, 0.75); +} +.ant-alert-with-description { + align-items: flex-start; + padding: 15px 15px 15px 24px; +} +.ant-alert-with-description.ant-alert-no-icon { + padding: 15px 15px; +} +.ant-alert-with-description .ant-alert-icon { + margin-right: 15px; + font-size: 24px; +} +.ant-alert-with-description .ant-alert-message { + display: block; + margin-bottom: 4px; + color: rgba(255, 255, 255, 0.85); + font-size: 16px; +} +.ant-alert-message { + color: rgba(255, 255, 255, 0.85); +} +.ant-alert-with-description .ant-alert-description { + display: block; +} +.ant-alert.ant-alert-motion-leave { + overflow: hidden; + opacity: 1; + transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-alert.ant-alert-motion-leave-active { + max-height: 0; + margin-bottom: 0 !important; + padding-top: 0; + padding-bottom: 0; + opacity: 0; +} +.ant-alert-banner { + margin-bottom: 0; + border: 0; + border-radius: 0; +} +.ant-alert.ant-alert-rtl { + direction: rtl; +} +.ant-alert-rtl .ant-alert-icon { + margin-right: auto; + margin-left: 8px; +} +.ant-alert-rtl .ant-alert-action { + margin-right: 8px; + margin-left: auto; +} +.ant-alert-rtl .ant-alert-close-icon { + margin-right: 8px; + margin-left: auto; +} +.ant-alert-rtl.ant-alert-with-description { + padding-right: 24px; + padding-left: 15px; +} +.ant-alert-rtl.ant-alert-with-description .ant-alert-icon { + margin-right: auto; + margin-left: 15px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-anchor { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + padding-left: 2px; +} +.ant-anchor-wrapper { + margin-left: -4px; + padding-left: 4px; + overflow: auto; + background-color: transparent; +} +.ant-anchor-ink { + position: absolute; + top: 0; + left: 0; + height: 100%; +} +.ant-anchor-ink::before { + position: relative; + display: block; + width: 2px; + height: 100%; + margin: 0 auto; + background-color: #303030; + content: ' '; +} +.ant-anchor-ink-ball { + position: absolute; + left: 50%; + display: none; + width: 8px; + height: 8px; + background-color: #141414; + border: 2px solid #177ddc; + border-radius: 8px; + transform: translateX(-50%); + transition: top 0.3s ease-in-out; +} +.ant-anchor-ink-ball.ant-anchor-ink-ball-visible { + display: inline-block; +} +.ant-anchor-fixed .ant-anchor-ink .ant-anchor-ink-ball { + display: none; +} +.ant-anchor-link { + padding: 4px 0 4px 16px; +} +.ant-anchor-link-title { + position: relative; + display: block; + margin-bottom: 3px; + overflow: hidden; + color: rgba(255, 255, 255, 0.85); + white-space: nowrap; + text-overflow: ellipsis; + transition: all 0.3s; +} +.ant-anchor-link-title:only-child { + margin-bottom: 0; +} +.ant-anchor-link-active > .ant-anchor-link-title { + color: #177ddc; +} +.ant-anchor-link .ant-anchor-link { + padding-top: 2px; + padding-bottom: 2px; +} +.ant-anchor-rtl { + direction: rtl; +} +.ant-anchor-rtl.ant-anchor-wrapper { + margin-right: -4px; + margin-left: 0; + padding-right: 4px; + padding-left: 0; +} +.ant-anchor-rtl .ant-anchor-ink { + right: 0; + left: auto; +} +.ant-anchor-rtl .ant-anchor-ink-ball { + right: 50%; + left: 0; + transform: translateX(50%); +} +.ant-anchor-rtl .ant-anchor-link { + padding: 4px 16px 4px 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-select-auto-complete { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; +} +.ant-select-auto-complete .ant-select-clear { + right: 13px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-select-single .ant-select-selector { + display: flex; +} +.ant-select-single .ant-select-selector .ant-select-selection-search { + position: absolute; + top: 0; + right: 11px; + bottom: 0; + left: 11px; +} +.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 0.3s, visibility 0s; +} +.ant-select-single .ant-select-selector .ant-select-selection-item { + position: relative; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-select-single .ant-select-selector .ant-select-selection-placeholder { + transition: none; + pointer-events: none; +} +.ant-select-single .ant-select-selector::after, +.ant-select-single .ant-select-selector .ant-select-selection-item::after, +.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after { + display: inline-block; + width: 0; + visibility: hidden; + content: '\a0'; +} +.ant-select-single.ant-select-show-arrow .ant-select-selection-search { + right: 25px; +} +.ant-select-single.ant-select-show-arrow .ant-select-selection-item, +.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder { + padding-right: 18px; +} +.ant-select-single.ant-select-open .ant-select-selection-item { + color: rgba(255, 255, 255, 0.3); +} +.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + width: 100%; + height: 32px; + padding: 0 11px; +} +.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 11px; +} +.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::after, +.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 { + 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::after, +.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 { + 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: 28px; +} +.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: 21px; +} +.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector { + padding: 0 11px; +} +/** + * Do not merge `height` & `line-height` under style with `selection` & `search`, + * since chrome may update to redesign with its align logic. + */ +.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: #141414; + 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-show-arrow .ant-select-selector, +.ant-select-multiple.ant-select-allow-clear .ant-select-selector { + padding-right: 24px; +} +.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: rgba(255, 255, 255, 0.08); + border: 1px solid #303030; + border-radius: 2px; + cursor: default; + transition: font-size 0.3s, line-height 0.3s, height 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + 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: #595959; + border-color: #1f1f1f; + 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: -0.125em; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-flex; + align-items: center; + color: rgba(255, 255, 255, 0.45); + font-weight: bold; + 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(255, 255, 255, 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: 7px; +} +.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 0.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: 11px; + left: 11px; + transform: translateY(-50%); + transition: all 0.3s; +} +.ant-select-multiple.ant-select-lg .ant-select-selector::after { + line-height: 32px; +} +.ant-select-multiple.ant-select-lg .ant-select-selection-item { + height: 32px; + line-height: 30px; +} +.ant-select-multiple.ant-select-lg .ant-select-selection-search { + height: 32px; + line-height: 32px; +} +.ant-select-multiple.ant-select-lg .ant-select-selection-search-input, +.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror { + height: 32px; + line-height: 30px; +} +.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: transparent; + border-color: #a61d24 !important; +} +.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, +.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 { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.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: transparent; + border-color: #d89614 !important; +} +.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, +.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 { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-select-status-error.ant-select-has-feedback .ant-select-clear, +.ant-select-status-warning.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 { + right: 32px; +} +.ant-select-status-error.ant-select-has-feedback .ant-select-selection-selected-value, +.ant-select-status-warning.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 { + padding-right: 42px; +} +/* Reset search input style */ +.ant-select { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + 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: transparent; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { + color: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.08); + cursor: not-allowed; +} +.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector { + background: #141414; +} +.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: transparent; + border: none; + outline: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button { + display: none; + /* stylelint-disable-next-line property-no-vendor-prefix */ + -webkit-appearance: none; +} +.ant-select:not(.ant-select-disabled):hover .ant-select-selector { + border-color: #165996; + border-right-width: 1px; +} +.ant-select-selection-item { + flex: 1; + overflow: hidden; + font-weight: normal; + white-space: nowrap; + text-overflow: ellipsis; +} +@media all and (-ms-high-contrast: none) { + .ant-select-selection-item *::-ms-backdrop, + .ant-select-selection-item { + flex: auto; + } +} +.ant-select-selection-placeholder { + flex: 1; + overflow: hidden; + color: rgba(255, 255, 255, 0.3); + white-space: nowrap; + text-overflow: ellipsis; + pointer-events: none; +} +@media all and (-ms-high-contrast: none) { + .ant-select-selection-placeholder *::-ms-backdrop, + .ant-select-selection-placeholder { + flex: auto; + } +} +.ant-select-arrow { + display: inline-flex; + color: inherit; + font-style: normal; + line-height: 0; + text-transform: none; + vertical-align: -0.125em; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + position: absolute; + top: 50%; + right: 11px; + display: flex; + align-items: center; + height: 12px; + margin-top: -6px; + color: rgba(255, 255, 255, 0.3); + font-size: 12px; + 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 0.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: 11px; + z-index: 1; + display: inline-block; + width: 12px; + height: 12px; + margin-top: -6px; + color: rgba(255, 255, 255, 0.3); + font-size: 12px; + font-style: normal; + line-height: 1; + text-align: center; + text-transform: none; + background: #141414; + cursor: pointer; + opacity: 0; + transition: color 0.3s ease, opacity 0.15s ease; + text-rendering: auto; +} +.ant-select-clear::before { + display: block; +} +.ant-select-clear:hover { + color: rgba(255, 255, 255, 0.45); +} +.ant-select:hover .ant-select-clear { + opacity: 1; +} +.ant-select-dropdown { + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: -9999px; + left: -9999px; + z-index: 1050; + box-sizing: border-box; + padding: 4px 0; + overflow: hidden; + font-size: 14px; + font-variant: initial; + background-color: #1f1f1f; + border-radius: 2px; + outline: none; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft, +.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft { + animation-name: antSlideUpIn; +} +.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft, +.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-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: rgba(255, 255, 255, 0.3); +} +.ant-select-item-empty { + position: relative; + display: block; + min-height: 32px; + padding: 5px 12px; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + line-height: 22px; + color: rgba(255, 255, 255, 0.3); +} +.ant-select-item { + position: relative; + display: block; + min-height: 32px; + padding: 5px 12px; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + line-height: 22px; + cursor: pointer; + transition: background 0.3s ease; +} +.ant-select-item-group { + color: rgba(255, 255, 255, 0.45); + font-size: 12px; + 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: rgba(255, 255, 255, 0.08); +} +.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + background-color: #111b26; +} +.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state { + color: #177ddc; +} +.ant-select-item-option-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-select-item-option-disabled.ant-select-item-option-selected { + background-color: #141414; +} +.ant-select-item-option-grouped { + padding-left: 24px; +} +.ant-select-lg { + font-size: 16px; +} +.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:hover > *, +.ant-select-compact-item:focus > *, +.ant-select-compact-item:active > * { + 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: 11px; +} +.ant-select-rtl .ant-select-clear { + right: initial; + left: 11px; +} +.ant-select-dropdown-rtl { + direction: rtl; +} +.ant-select-dropdown-rtl .ant-select-item-option-grouped { + padding-right: 24px; + padding-left: 12px; +} +.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector, +.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector { + padding-right: 4px; + padding-left: 24px; +} +.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: 11px; + 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: 11px; + left: 25px; +} +.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: 18px; +} +.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: 21px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-empty { + margin: 0 8px; + font-size: 14px; + line-height: 1.5715; + text-align: center; +} +.ant-empty-image { + height: 100px; + margin-bottom: 8px; +} +.ant-empty-image img { + height: 100%; +} +.ant-empty-image svg { + height: 100%; + margin: auto; +} +.ant-empty-footer { + margin-top: 16px; +} +.ant-empty-normal { + margin: 32px 0; + color: rgba(255, 255, 255, 0.3); +} +.ant-empty-normal .ant-empty-image { + height: 40px; +} +.ant-empty-small { + margin: 8px 0; + color: rgba(255, 255, 255, 0.3); +} +.ant-empty-small .ant-empty-image { + height: 35px; +} +.ant-empty-img-default-ellipse { + fill: #fff; + fill-opacity: 0.08; +} +.ant-empty-img-default-path-1 { + fill: #262626; +} +.ant-empty-img-default-path-2 { + fill: url('#linearGradient-1'); +} +.ant-empty-img-default-path-3 { + fill: #595959; +} +.ant-empty-img-default-path-4 { + fill: #434343; +} +.ant-empty-img-default-path-5 { + fill: #595959; +} +.ant-empty-img-default-g { + fill: #434343; +} +.ant-empty-img-simple-ellipse { + fill: #fff; + fill-opacity: 0.08; +} +.ant-empty-img-simple-g { + stroke: #434343; +} +.ant-empty-img-simple-path { + fill: #262626; + stroke: #434343; +} +.ant-empty-rtl { + direction: rtl; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-avatar { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: inline-block; + overflow: hidden; + color: #fff; + white-space: nowrap; + text-align: center; + vertical-align: middle; + background: rgba(255, 255, 255, 0.3); + width: 32px; + height: 32px; + line-height: 32px; + border-radius: 50%; +} +.ant-avatar-image { + background: transparent; +} +.ant-avatar .ant-image-img { + display: block; +} +.ant-avatar-string { + position: absolute; + left: 50%; + transform-origin: 0 center; +} +.ant-avatar.ant-avatar-icon { + font-size: 18px; +} +.ant-avatar.ant-avatar-icon > .anticon { + margin: 0; +} +.ant-avatar-lg { + width: 40px; + height: 40px; + line-height: 40px; + border-radius: 50%; +} +.ant-avatar-lg-string { + position: absolute; + left: 50%; + transform-origin: 0 center; +} +.ant-avatar-lg.ant-avatar-icon { + font-size: 24px; +} +.ant-avatar-lg.ant-avatar-icon > .anticon { + margin: 0; +} +.ant-avatar-sm { + width: 24px; + height: 24px; + line-height: 24px; + border-radius: 50%; +} +.ant-avatar-sm-string { + position: absolute; + left: 50%; + transform-origin: 0 center; +} +.ant-avatar-sm.ant-avatar-icon { + font-size: 14px; +} +.ant-avatar-sm.ant-avatar-icon > .anticon { + margin: 0; +} +.ant-avatar-square { + border-radius: 2px; +} +.ant-avatar > img { + display: block; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; +} +.ant-avatar-group { + display: inline-flex; +} +.ant-avatar-group .ant-avatar { + border: 1px solid #fff; +} +.ant-avatar-group .ant-avatar:not(:first-child) { + margin-left: -8px; +} +.ant-avatar-group-popover .ant-avatar + .ant-avatar { + margin-left: 3px; +} +.ant-avatar-group-rtl .ant-avatar:not(:first-child) { + margin-right: -8px; + margin-left: 0; +} +.ant-avatar-group-popover.ant-popover-rtl .ant-avatar + .ant-avatar { + margin-right: 3px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-popover { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: 0; + left: 0; + z-index: 1030; + max-width: 100vw; + font-weight: normal; + white-space: normal; + text-align: left; + cursor: auto; + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; +} +.ant-popover-content { + position: relative; +} +.ant-popover::after { + position: absolute; + background: rgba(255, 255, 255, 0.01); + content: ''; +} +.ant-popover-hidden { + display: none; +} +.ant-popover-placement-top, +.ant-popover-placement-topLeft, +.ant-popover-placement-topRight { + padding-bottom: 15.3137085px; +} +.ant-popover-placement-right, +.ant-popover-placement-rightTop, +.ant-popover-placement-rightBottom { + padding-left: 15.3137085px; +} +.ant-popover-placement-bottom, +.ant-popover-placement-bottomLeft, +.ant-popover-placement-bottomRight { + padding-top: 15.3137085px; +} +.ant-popover-placement-left, +.ant-popover-placement-leftTop, +.ant-popover-placement-leftBottom { + padding-right: 15.3137085px; +} +.ant-popover-inner { + background-color: #1f1f1f; + background-clip: padding-box; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .ant-popover { + /* IE10+ */ + } + .ant-popover-inner { + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); + } +} +.ant-popover-title { + min-width: 177px; + min-height: 32px; + margin: 0; + padding: 5px 16px 4px; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + border-bottom: 1px solid #303030; +} +.ant-popover-inner-content { + width: -moz-max-content; + width: max-content; + max-width: 100%; + padding: 12px 16px; + color: rgba(255, 255, 255, 0.85); +} +.ant-popover-message { + display: flex; + padding: 4px 0 12px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; +} +.ant-popover-message-icon { + display: inline-block; + margin-right: 8px; + color: #d89614; + font-size: 14px; +} +.ant-popover-buttons { + margin-bottom: 4px; + text-align: right; +} +.ant-popover-buttons button:not(:first-child) { + margin-left: 8px; +} +.ant-popover-arrow { + position: absolute; + display: block; + width: 22px; + height: 22px; + overflow: hidden; + background: transparent; + pointer-events: none; +} +.ant-popover-arrow-content { + --antd-arrow-background-color: #1f1f1f; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + width: 11.3137085px; + height: 11.3137085px; + margin: auto; + content: ''; + pointer-events: auto; + border-radius: 0 0 2px; + pointer-events: none; +} +.ant-popover-arrow-content::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: var(--antd-arrow-background-color); + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + -webkit-clip-path: inset(33% 33%); + clip-path: inset(33% 33%); + -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.ant-popover-placement-top .ant-popover-arrow, +.ant-popover-placement-topLeft .ant-popover-arrow, +.ant-popover-placement-topRight .ant-popover-arrow { + bottom: 0; + transform: translateY(100%); +} +.ant-popover-placement-top .ant-popover-arrow-content, +.ant-popover-placement-topLeft .ant-popover-arrow-content, +.ant-popover-placement-topRight .ant-popover-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateY(-11px) rotate(45deg); +} +.ant-popover-placement-top .ant-popover-arrow { + left: 50%; + transform: translateY(100%) translateX(-50%); +} +.ant-popover-placement-topLeft .ant-popover-arrow { + left: 16px; +} +.ant-popover-placement-topRight .ant-popover-arrow { + right: 16px; +} +.ant-popover-placement-right .ant-popover-arrow, +.ant-popover-placement-rightTop .ant-popover-arrow, +.ant-popover-placement-rightBottom .ant-popover-arrow { + left: 0; + transform: translateX(-100%); +} +.ant-popover-placement-right .ant-popover-arrow-content, +.ant-popover-placement-rightTop .ant-popover-arrow-content, +.ant-popover-placement-rightBottom .ant-popover-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(11px) rotate(135deg); +} +.ant-popover-placement-right .ant-popover-arrow { + top: 50%; + transform: translateX(-100%) translateY(-50%); +} +.ant-popover-placement-rightTop .ant-popover-arrow { + top: 12px; +} +.ant-popover-placement-rightBottom .ant-popover-arrow { + bottom: 12px; +} +.ant-popover-placement-bottom .ant-popover-arrow, +.ant-popover-placement-bottomLeft .ant-popover-arrow, +.ant-popover-placement-bottomRight .ant-popover-arrow { + top: 0; + transform: translateY(-100%); +} +.ant-popover-placement-bottom .ant-popover-arrow-content, +.ant-popover-placement-bottomLeft .ant-popover-arrow-content, +.ant-popover-placement-bottomRight .ant-popover-arrow-content { + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06); + transform: translateY(11px) rotate(-135deg); +} +.ant-popover-placement-bottom .ant-popover-arrow { + left: 50%; + transform: translateY(-100%) translateX(-50%); +} +.ant-popover-placement-bottomLeft .ant-popover-arrow { + left: 16px; +} +.ant-popover-placement-bottomRight .ant-popover-arrow { + right: 16px; +} +.ant-popover-placement-left .ant-popover-arrow, +.ant-popover-placement-leftTop .ant-popover-arrow, +.ant-popover-placement-leftBottom .ant-popover-arrow { + right: 0; + transform: translateX(100%); +} +.ant-popover-placement-left .ant-popover-arrow-content, +.ant-popover-placement-leftTop .ant-popover-arrow-content, +.ant-popover-placement-leftBottom .ant-popover-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(-11px) rotate(-45deg); +} +.ant-popover-placement-left .ant-popover-arrow { + top: 50%; + transform: translateX(100%) translateY(-50%); +} +.ant-popover-placement-leftTop .ant-popover-arrow { + top: 12px; +} +.ant-popover-placement-leftBottom .ant-popover-arrow { + bottom: 12px; +} +.ant-popover-pink .ant-popover-inner { + background-color: #cb2b83; +} +.ant-popover-pink .ant-popover-arrow-content { + background-color: #cb2b83; +} +.ant-popover-magenta .ant-popover-inner { + background-color: #cb2b83; +} +.ant-popover-magenta .ant-popover-arrow-content { + background-color: #cb2b83; +} +.ant-popover-red .ant-popover-inner { + background-color: #d32029; +} +.ant-popover-red .ant-popover-arrow-content { + background-color: #d32029; +} +.ant-popover-volcano .ant-popover-inner { + background-color: #d84a1b; +} +.ant-popover-volcano .ant-popover-arrow-content { + background-color: #d84a1b; +} +.ant-popover-orange .ant-popover-inner { + background-color: #d87a16; +} +.ant-popover-orange .ant-popover-arrow-content { + background-color: #d87a16; +} +.ant-popover-yellow .ant-popover-inner { + background-color: #d8bd14; +} +.ant-popover-yellow .ant-popover-arrow-content { + background-color: #d8bd14; +} +.ant-popover-gold .ant-popover-inner { + background-color: #d89614; +} +.ant-popover-gold .ant-popover-arrow-content { + background-color: #d89614; +} +.ant-popover-cyan .ant-popover-inner { + background-color: #13a8a8; +} +.ant-popover-cyan .ant-popover-arrow-content { + background-color: #13a8a8; +} +.ant-popover-lime .ant-popover-inner { + background-color: #8bbb11; +} +.ant-popover-lime .ant-popover-arrow-content { + background-color: #8bbb11; +} +.ant-popover-green .ant-popover-inner { + background-color: #49aa19; +} +.ant-popover-green .ant-popover-arrow-content { + background-color: #49aa19; +} +.ant-popover-blue .ant-popover-inner { + background-color: #177ddc; +} +.ant-popover-blue .ant-popover-arrow-content { + background-color: #177ddc; +} +.ant-popover-geekblue .ant-popover-inner { + background-color: #2b4acb; +} +.ant-popover-geekblue .ant-popover-arrow-content { + background-color: #2b4acb; +} +.ant-popover-purple .ant-popover-inner { + background-color: #642ab5; +} +.ant-popover-purple .ant-popover-arrow-content { + background-color: #642ab5; +} +.ant-popover-rtl { + direction: rtl; + text-align: right; +} +.ant-popover-rtl .ant-popover-message-icon { + margin-right: 0; + margin-left: 8px; +} +.ant-popover-rtl .ant-popover-message-title { + padding-left: 16px; +} +.ant-popover-rtl .ant-popover-buttons { + text-align: left; +} +.ant-popover-rtl .ant-popover-buttons button { + margin-right: 8px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-back-top { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: fixed; + right: 100px; + bottom: 50px; + z-index: 10; + width: 40px; + height: 40px; + cursor: pointer; +} +.ant-back-top:empty { + display: none; +} +.ant-back-top-rtl { + right: auto; + left: 100px; + direction: rtl; +} +.ant-back-top-content { + width: 40px; + height: 40px; + overflow: hidden; + color: #fff; + text-align: center; + background-color: rgba(255, 255, 255, 0.45); + border-radius: 20px; + transition: all 0.3s; +} +.ant-back-top-content:hover { + background-color: rgba(255, 255, 255, 0.85); + transition: all 0.3s; +} +.ant-back-top-icon { + font-size: 24px; + line-height: 40px; +} +@media screen and (max-width: 768px) { + .ant-back-top { + right: 60px; + } + .ant-back-top-rtl { + right: auto; + left: 60px; + } +} +@media screen and (max-width: 480px) { + .ant-back-top { + right: 20px; + } + .ant-back-top-rtl { + right: auto; + left: 20px; + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-badge { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: inline-block; + line-height: 1; +} +.ant-badge-count { + z-index: auto; + min-width: 20px; + height: 20px; + padding: 0 6px; + color: #fff; + font-weight: normal; + font-size: 12px; + line-height: 20px; + white-space: nowrap; + text-align: center; + background: #a61d24; + border-radius: 10px; + box-shadow: 0 0 0 1px #141414; +} +.ant-badge-count a, +.ant-badge-count a:hover { + color: #fff; +} +.ant-badge-count-sm { + min-width: 14px; + height: 14px; + padding: 0; + font-size: 12px; + line-height: 14px; + border-radius: 7px; +} +.ant-badge-multiple-words { + padding: 0 8px; +} +.ant-badge-dot { + z-index: auto; + width: 6px; + min-width: 6px; + height: 6px; + background: #a61d24; + border-radius: 100%; + box-shadow: 0 0 0 1px #141414; +} +.ant-badge-dot.ant-scroll-number { + transition: background 1.5s; +} +.ant-badge-count, +.ant-badge-dot, +.ant-badge .ant-scroll-number-custom-component { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + transform-origin: 100% 0%; +} +.ant-badge-count.anticon-spin, +.ant-badge-dot.anticon-spin, +.ant-badge .ant-scroll-number-custom-component.anticon-spin { + animation: antBadgeLoadingCircle 1s infinite linear; +} +.ant-badge-status { + line-height: inherit; + vertical-align: baseline; +} +.ant-badge-status-dot { + position: relative; + top: -1px; + display: inline-block; + width: 6px; + height: 6px; + vertical-align: middle; + border-radius: 50%; +} +.ant-badge-status-success { + background-color: #49aa19; +} +.ant-badge-status-processing { + position: relative; + background-color: #177ddc; +} +.ant-badge-status-processing::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid #177ddc; + border-radius: 50%; + animation: antStatusProcessing 1.2s infinite ease-in-out; + content: ''; +} +.ant-badge-status-default { + background-color: #d9d9d9; +} +.ant-badge-status-error { + background-color: #a61d24; +} +.ant-badge-status-warning { + background-color: #d89614; +} +.ant-badge-status-pink { + background: #cb2b83; +} +.ant-badge-status-magenta { + background: #cb2b83; +} +.ant-badge-status-red { + background: #d32029; +} +.ant-badge-status-volcano { + background: #d84a1b; +} +.ant-badge-status-orange { + background: #d87a16; +} +.ant-badge-status-yellow { + background: #d8bd14; +} +.ant-badge-status-gold { + background: #d89614; +} +.ant-badge-status-cyan { + background: #13a8a8; +} +.ant-badge-status-lime { + background: #8bbb11; +} +.ant-badge-status-green { + background: #49aa19; +} +.ant-badge-status-blue { + background: #177ddc; +} +.ant-badge-status-geekblue { + background: #2b4acb; +} +.ant-badge-status-purple { + background: #642ab5; +} +.ant-badge-status-text { + margin-left: 8px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; +} +.ant-badge-zoom-appear, +.ant-badge-zoom-enter { + animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); + animation-fill-mode: both; +} +.ant-badge-zoom-leave { + animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); + animation-fill-mode: both; +} +.ant-badge-not-a-wrapper .ant-badge-zoom-appear, +.ant-badge-not-a-wrapper .ant-badge-zoom-enter { + animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); +} +.ant-badge-not-a-wrapper .ant-badge-zoom-leave { + animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); +} +.ant-badge-not-a-wrapper:not(.ant-badge-status) { + vertical-align: middle; +} +.ant-badge-not-a-wrapper .ant-scroll-number-custom-component, +.ant-badge-not-a-wrapper .ant-badge-count { + transform: none; +} +.ant-badge-not-a-wrapper .ant-scroll-number-custom-component, +.ant-badge-not-a-wrapper .ant-scroll-number { + position: relative; + top: auto; + display: block; + transform-origin: 50% 50%; +} +@keyframes antStatusProcessing { + 0% { + transform: scale(0.8); + opacity: 0.5; + } + 100% { + transform: scale(2.4); + opacity: 0; + } +} +.ant-scroll-number { + overflow: hidden; + direction: ltr; +} +.ant-scroll-number-only { + position: relative; + display: inline-block; + height: 20px; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + /* stylelint-disable property-no-vendor-prefix */ + -webkit-transform-style: preserve-3d; + -webkit-backface-visibility: hidden; + /* stylelint-enable property-no-vendor-prefix */ +} +.ant-scroll-number-only > p.ant-scroll-number-only-unit { + height: 20px; + margin: 0; + /* stylelint-disable property-no-vendor-prefix */ + -webkit-transform-style: preserve-3d; + -webkit-backface-visibility: hidden; + /* stylelint-enable property-no-vendor-prefix */ +} +.ant-scroll-number-symbol { + vertical-align: top; +} +@keyframes antZoomBadgeIn { + 0% { + transform: scale(0) translate(50%, -50%); + opacity: 0; + } + 100% { + transform: scale(1) translate(50%, -50%); + } +} +@keyframes antZoomBadgeOut { + 0% { + transform: scale(1) translate(50%, -50%); + } + 100% { + transform: scale(0) translate(50%, -50%); + opacity: 0; + } +} +@keyframes antNoWrapperZoomBadgeIn { + 0% { + transform: scale(0); + opacity: 0; + } + 100% { + transform: scale(1); + } +} +@keyframes antNoWrapperZoomBadgeOut { + 0% { + transform: scale(1); + } + 100% { + transform: scale(0); + opacity: 0; + } +} +@keyframes antBadgeLoadingCircle { + 0% { + transform-origin: 50%; + } + 100% { + transform: translate(50%, -50%) rotate(360deg); + transform-origin: 50%; + } +} +.ant-ribbon-wrapper { + position: relative; +} +.ant-ribbon { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: 8px; + height: 22px; + padding: 0 8px; + color: #fff; + line-height: 22px; + white-space: nowrap; + background-color: #177ddc; + border-radius: 2px; +} +.ant-ribbon-text { + color: #fff; +} +.ant-ribbon-corner { + position: absolute; + top: 100%; + width: 8px; + height: 8px; + color: currentcolor; + border: 4px solid; + transform: scaleY(0.75); + transform-origin: top; +} +.ant-ribbon-corner::after { + position: absolute; + top: -4px; + left: -4px; + width: inherit; + height: inherit; + color: rgba(0, 0, 0, 0.25); + border: inherit; + content: ''; +} +.ant-ribbon-color-pink { + color: #cb2b83; + background: #cb2b83; +} +.ant-ribbon-color-magenta { + color: #cb2b83; + background: #cb2b83; +} +.ant-ribbon-color-red { + color: #d32029; + background: #d32029; +} +.ant-ribbon-color-volcano { + color: #d84a1b; + background: #d84a1b; +} +.ant-ribbon-color-orange { + color: #d87a16; + background: #d87a16; +} +.ant-ribbon-color-yellow { + color: #d8bd14; + background: #d8bd14; +} +.ant-ribbon-color-gold { + color: #d89614; + background: #d89614; +} +.ant-ribbon-color-cyan { + color: #13a8a8; + background: #13a8a8; +} +.ant-ribbon-color-lime { + color: #8bbb11; + background: #8bbb11; +} +.ant-ribbon-color-green { + color: #49aa19; + background: #49aa19; +} +.ant-ribbon-color-blue { + color: #177ddc; + background: #177ddc; +} +.ant-ribbon-color-geekblue { + color: #2b4acb; + background: #2b4acb; +} +.ant-ribbon-color-purple { + color: #642ab5; + background: #642ab5; +} +.ant-ribbon.ant-ribbon-placement-end { + right: -8px; + border-bottom-right-radius: 0; +} +.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { + right: 0; + border-color: currentcolor transparent transparent currentcolor; +} +.ant-ribbon.ant-ribbon-placement-start { + left: -8px; + border-bottom-left-radius: 0; +} +.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { + left: 0; + border-color: currentcolor currentcolor transparent transparent; +} +.ant-badge-rtl { + direction: rtl; +} +.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-count, +.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-badge-dot, +.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { + right: auto; + left: 0; + direction: ltr; + transform: translate(-50%, -50%); + transform-origin: 0% 0%; +} +.ant-badge-rtl.ant-badge:not(.ant-badge-not-a-wrapper) .ant-scroll-number-custom-component { + right: auto; + left: 0; + transform: translate(-50%, -50%); + transform-origin: 0% 0%; +} +.ant-badge-rtl .ant-badge-status-text { + margin-right: 8px; + margin-left: 0; +} +.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-appear, +.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-enter { + animation-name: antZoomBadgeInRtl; +} +.ant-badge:not(.ant-badge-not-a-wrapper).ant-badge-rtl .ant-badge-zoom-leave { + animation-name: antZoomBadgeOutRtl; +} +.ant-ribbon-rtl { + direction: rtl; +} +.ant-ribbon-rtl.ant-ribbon-placement-end { + right: unset; + left: -8px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; +} +.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { + right: unset; + left: 0; + border-color: currentcolor currentcolor transparent transparent; +} +.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { + border-color: currentcolor currentcolor transparent transparent; +} +.ant-ribbon-rtl.ant-ribbon-placement-start { + right: -8px; + left: unset; + border-bottom-right-radius: 0; + border-bottom-left-radius: 2px; +} +.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { + right: 0; + left: unset; + border-color: currentcolor transparent transparent currentcolor; +} +.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { + border-color: currentcolor transparent transparent currentcolor; +} +@keyframes antZoomBadgeInRtl { + 0% { + transform: scale(0) translate(-50%, -50%); + opacity: 0; + } + 100% { + transform: scale(1) translate(-50%, -50%); + } +} +@keyframes antZoomBadgeOutRtl { + 0% { + transform: scale(1) translate(-50%, -50%); + } + 100% { + transform: scale(0) translate(-50%, -50%); + opacity: 0; + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-breadcrumb { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; +} +.ant-breadcrumb .anticon { + font-size: 14px; +} +.ant-breadcrumb ol { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + list-style: none; +} +.ant-breadcrumb a { + color: rgba(255, 255, 255, 0.45); + transition: color 0.3s; +} +.ant-breadcrumb a:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-breadcrumb li:last-child { + color: rgba(255, 255, 255, 0.85); +} +.ant-breadcrumb li:last-child a { + color: rgba(255, 255, 255, 0.85); +} +li:last-child > .ant-breadcrumb-separator { + display: none; +} +.ant-breadcrumb-separator { + margin: 0 8px; + color: rgba(255, 255, 255, 0.45); +} +.ant-breadcrumb-link > .anticon + span, +.ant-breadcrumb-link > .anticon + a { + margin-left: 4px; +} +.ant-breadcrumb-overlay-link > .anticon { + margin-left: 4px; +} +.ant-breadcrumb-rtl { + direction: rtl; +} +.ant-breadcrumb-rtl::before { + display: table; + content: ''; +} +.ant-breadcrumb-rtl::after { + display: table; + clear: both; + content: ''; +} +.ant-breadcrumb-rtl > span { + float: right; +} +.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, +.ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a { + margin-right: 4px; + margin-left: 0; +} +.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon { + margin-right: 4px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-dropdown-menu-item.ant-dropdown-menu-item-danger { + color: #a61d24; +} +.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover { + color: #fff; + background-color: #a61d24; +} +.ant-dropdown { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: -9999px; + left: -9999px; + z-index: 1050; + display: block; +} +.ant-dropdown::before { + position: absolute; + top: -4px; + right: 0; + bottom: -4px; + left: -7px; + z-index: -9999; + opacity: 0.0001; + content: ' '; +} +.ant-dropdown-wrap { + position: relative; +} +.ant-dropdown-wrap .ant-btn > .anticon-down { + font-size: 10px; +} +.ant-dropdown-wrap .anticon-down::before { + transition: transform 0.2s; +} +.ant-dropdown-wrap-open .anticon-down::before { + transform: rotate(180deg); +} +.ant-dropdown-hidden, +.ant-dropdown-menu-hidden, +.ant-dropdown-menu-submenu-hidden { + display: none; +} +.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft, +.ant-dropdown-show-arrow.ant-dropdown-placement-top, +.ant-dropdown-show-arrow.ant-dropdown-placement-topRight { + padding-bottom: 15.3137085px; +} +.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft, +.ant-dropdown-show-arrow.ant-dropdown-placement-bottom, +.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight { + padding-top: 15.3137085px; +} +.ant-dropdown-arrow { + position: absolute; + z-index: 1; + display: block; + width: 11.3137085px; + height: 11.3137085px; + border-radius: 0 0 2px; + pointer-events: none; +} +.ant-dropdown-arrow::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: #1f1f1f; + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + -webkit-clip-path: inset(33% 33%); + clip-path: inset(33% 33%); + -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.ant-dropdown-placement-top > .ant-dropdown-arrow, +.ant-dropdown-placement-topLeft > .ant-dropdown-arrow, +.ant-dropdown-placement-topRight > .ant-dropdown-arrow { + bottom: 10px; + box-shadow: 3px 3px 7px -3px rgba(0, 0, 0, 0.1); + transform: rotate(45deg); +} +.ant-dropdown-placement-top > .ant-dropdown-arrow { + left: 50%; + transform: translateX(-50%) rotate(45deg); +} +.ant-dropdown-placement-topLeft > .ant-dropdown-arrow { + left: 16px; +} +.ant-dropdown-placement-topRight > .ant-dropdown-arrow { + right: 16px; +} +.ant-dropdown-placement-bottom > .ant-dropdown-arrow, +.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow, +.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { + top: 9.41421356px; + box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.1); + transform: rotate(-135deg) translateY(-0.5px); +} +.ant-dropdown-placement-bottom > .ant-dropdown-arrow { + left: 50%; + transform: translateX(-50%) rotate(-135deg) translateY(-0.5px); +} +.ant-dropdown-placement-bottomLeft > .ant-dropdown-arrow { + left: 16px; +} +.ant-dropdown-placement-bottomRight > .ant-dropdown-arrow { + right: 16px; +} +.ant-dropdown-menu { + position: relative; + margin: 0; + padding: 4px 0; + text-align: left; + list-style-type: none; + background-color: #1f1f1f; + background-clip: padding-box; + border-radius: 2px; + outline: none; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-dropdown-menu-item-group-title { + padding: 5px 12px; + color: rgba(255, 255, 255, 0.45); + transition: all 0.3s; +} +.ant-dropdown-menu-submenu-popup { + position: absolute; + z-index: 1050; + background: transparent; + box-shadow: none; + transform-origin: 0 0; +} +.ant-dropdown-menu-submenu-popup ul, +.ant-dropdown-menu-submenu-popup li { + list-style: none; +} +.ant-dropdown-menu-submenu-popup ul { + margin-right: 0.3em; + margin-left: 0.3em; +} +.ant-dropdown-menu-item { + position: relative; + display: flex; + align-items: center; +} +.ant-dropdown-menu-item-icon { + min-width: 12px; + margin-right: 8px; + font-size: 12px; +} +.ant-dropdown-menu-title-content { + flex: auto; +} +.ant-dropdown-menu-title-content > a { + color: inherit; + transition: all 0.3s; +} +.ant-dropdown-menu-title-content > a:hover { + color: inherit; +} +.ant-dropdown-menu-title-content > a::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ''; +} +.ant-dropdown-menu-item, +.ant-dropdown-menu-submenu-title { + clear: both; + margin: 0; + padding: 5px 12px; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + line-height: 22px; + cursor: pointer; + transition: all 0.3s; +} +.ant-dropdown-menu-item-selected, +.ant-dropdown-menu-submenu-title-selected { + color: #177ddc; + background-color: #111b26; +} +.ant-dropdown-menu-item:hover, +.ant-dropdown-menu-submenu-title:hover, +.ant-dropdown-menu-item.ant-dropdown-menu-item-active, +.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled, +.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover, +.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + cursor: not-allowed; +} +.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a, +.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a, +.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a { + pointer-events: none; +} +.ant-dropdown-menu-item-divider, +.ant-dropdown-menu-submenu-title-divider { + height: 1px; + margin: 4px 0; + overflow: hidden; + line-height: 0; + background-color: #303030; +} +.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, +.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { + position: absolute; + right: 8px; +} +.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, +.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { + margin-right: 0 !important; + color: rgba(255, 255, 255, 0.45); + font-size: 10px; + font-style: normal; +} +.ant-dropdown-menu-item-group-list { + margin: 0 8px; + padding: 0; + list-style: none; +} +.ant-dropdown-menu-submenu-title { + padding-right: 24px; +} +.ant-dropdown-menu-submenu-vertical { + position: relative; +} +.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { + position: absolute; + top: 0; + left: 100%; + min-width: 100%; + margin-left: 4px; + transform-origin: 0 0; +} +.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title, +.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon { + color: rgba(255, 255, 255, 0.3); + background-color: transparent; + cursor: not-allowed; +} +.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title { + color: #177ddc; +} +.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft, +.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft, +.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottom, +.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottom, +.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight, +.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight { + animation-name: antSlideUpIn; +} +.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft, +.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft, +.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-top, +.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-top, +.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight, +.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight { + animation-name: antSlideDownIn; +} +.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft, +.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottom, +.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight { + animation-name: antSlideUpOut; +} +.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft, +.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-top, +.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight { + animation-name: antSlideDownOut; +} +.ant-dropdown-trigger > .anticon.anticon-down, +.ant-dropdown-link > .anticon.anticon-down, +.ant-dropdown-button > .anticon.anticon-down { + font-size: 10px; + vertical-align: baseline; +} +.ant-dropdown-button { + white-space: nowrap; +} +.ant-dropdown-button.ant-btn-group > .ant-btn-loading, +.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn { + cursor: default; + pointer-events: none; +} +.ant-dropdown-button.ant-btn-group > .ant-btn-loading + .ant-btn::before { + display: block; +} +.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) { + padding-right: 8px; + padding-left: 8px; +} +.ant-dropdown-menu-dark, +.ant-dropdown-menu-dark .ant-dropdown-menu { + background: #1f1f1f; +} +.ant-dropdown-menu-dark .ant-dropdown-menu-item, +.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title, +.ant-dropdown-menu-dark .ant-dropdown-menu-item > a, +.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a { + color: rgba(255, 255, 255, 0.65); +} +.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after, +.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after, +.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after, +.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a .ant-dropdown-menu-submenu-arrow::after { + color: rgba(255, 255, 255, 0.65); +} +.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, +.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover, +.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover, +.ant-dropdown-menu-dark .ant-dropdown-menu-item > .anticon + span > a:hover { + color: #fff; + background: transparent; +} +.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected, +.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover, +.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a { + color: #fff; + background: #177ddc; +} +.ant-dropdown-rtl { + direction: rtl; +} +.ant-dropdown-rtl.ant-dropdown::before { + right: -7px; + left: 0; +} +.ant-dropdown-menu.ant-dropdown-menu-rtl { + direction: rtl; + text-align: right; +} +.ant-dropdown-rtl .ant-dropdown-menu-item-group-title, +.ant-dropdown-menu-submenu-rtl .ant-dropdown-menu-item-group-title { + direction: rtl; + text-align: right; +} +.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl { + transform-origin: 100% 0; +} +.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul, +.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li { + text-align: right; +} +.ant-dropdown-rtl .ant-dropdown-menu-item, +.ant-dropdown-rtl .ant-dropdown-menu-submenu-title { + text-align: right; +} +.ant-dropdown-rtl .ant-dropdown-menu-item > .anticon:first-child, +.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > .anticon:first-child, +.ant-dropdown-rtl .ant-dropdown-menu-item > span > .anticon:first-child, +.ant-dropdown-rtl .ant-dropdown-menu-submenu-title > span > .anticon:first-child { + margin-right: 0; + margin-left: 8px; +} +.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon, +.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon { + right: auto; + left: 8px; +} +.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon, +.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon { + margin-left: 0 !important; + transform: scaleX(-1); +} +.ant-dropdown-rtl .ant-dropdown-menu-submenu-title { + padding-right: 12px; + padding-left: 24px; +} +.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu { + right: 100%; + left: 0; + margin-right: 4px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-btn { + line-height: 1.5715; + position: relative; + display: inline-block; + font-weight: 400; + white-space: nowrap; + text-align: center; + background-image: none; + border: 1px solid transparent; + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); + cursor: pointer; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + touch-action: manipulation; + height: 32px; + padding: 4px 15px; + font-size: 14px; + border-radius: 2px; + color: rgba(255, 255, 255, 0.85); + border-color: #434343; + background: transparent; +} +.ant-btn > .anticon { + line-height: 1; +} +.ant-btn, +.ant-btn:active, +.ant-btn:focus { + outline: 0; +} +.ant-btn:not([disabled]):hover { + text-decoration: none; +} +.ant-btn:not([disabled]):active { + outline: 0; + box-shadow: none; +} +.ant-btn[disabled] { + cursor: not-allowed; +} +.ant-btn[disabled] > * { + pointer-events: none; +} +.ant-btn-lg { + height: 40px; + padding: 6.4px 15px; + font-size: 16px; + border-radius: 2px; +} +.ant-btn-sm { + height: 24px; + padding: 0px 7px; + font-size: 14px; + border-radius: 2px; +} +.ant-btn > a:only-child { + color: currentcolor; +} +.ant-btn > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn:hover, +.ant-btn:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn:hover > a:only-child, +.ant-btn:focus > a:only-child { + color: currentcolor; +} +.ant-btn:hover > a:only-child::after, +.ant-btn:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn:active > a:only-child { + color: currentcolor; +} +.ant-btn:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn[disabled], +.ant-btn[disabled]:hover, +.ant-btn[disabled]:focus, +.ant-btn[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn[disabled] > a:only-child, +.ant-btn[disabled]:hover > a:only-child, +.ant-btn[disabled]:focus > a:only-child, +.ant-btn[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn[disabled] > a:only-child::after, +.ant-btn[disabled]:hover > a:only-child::after, +.ant-btn[disabled]:focus > a:only-child::after, +.ant-btn[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn:hover, +.ant-btn:focus, +.ant-btn:active { + text-decoration: none; + background: transparent; +} +.ant-btn > span { + display: inline-block; +} +.ant-btn-primary { + color: #fff; + border-color: #177ddc; + background: #177ddc; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); +} +.ant-btn-primary > a:only-child { + color: currentcolor; +} +.ant-btn-primary > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-primary:hover, +.ant-btn-primary:focus { + color: #fff; + border-color: #095cb5; + background: #095cb5; +} +.ant-btn-primary:hover > a:only-child, +.ant-btn-primary:focus > a:only-child { + color: currentcolor; +} +.ant-btn-primary:hover > a:only-child::after, +.ant-btn-primary:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-primary:active { + color: #fff; + border-color: #3c9be8; + background: #3c9be8; +} +.ant-btn-primary:active > a:only-child { + color: currentcolor; +} +.ant-btn-primary:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-primary[disabled], +.ant-btn-primary[disabled]:hover, +.ant-btn-primary[disabled]:focus, +.ant-btn-primary[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-primary[disabled] > a:only-child, +.ant-btn-primary[disabled]:hover > a:only-child, +.ant-btn-primary[disabled]:focus > a:only-child, +.ant-btn-primary[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-primary[disabled] > a:only-child::after, +.ant-btn-primary[disabled]:hover > a:only-child::after, +.ant-btn-primary[disabled]:focus > a:only-child::after, +.ant-btn-primary[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) { + border-right-color: #165996; + border-left-color: #165996; +} +.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled { + border-color: #434343; +} +.ant-btn-group .ant-btn-primary:first-child:not(:last-child) { + border-right-color: #165996; +} +.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] { + border-right-color: #434343; +} +.ant-btn-group .ant-btn-primary:last-child:not(:first-child), +.ant-btn-group .ant-btn-primary + .ant-btn-primary { + border-left-color: #165996; +} +.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], +.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { + border-left-color: #434343; +} +.ant-btn-ghost { + color: rgba(255, 255, 255, 0.85); + border-color: #434343; + background: transparent; +} +.ant-btn-ghost > a:only-child { + color: currentcolor; +} +.ant-btn-ghost > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-ghost:hover, +.ant-btn-ghost:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn-ghost:hover > a:only-child, +.ant-btn-ghost:focus > a:only-child { + color: currentcolor; +} +.ant-btn-ghost:hover > a:only-child::after, +.ant-btn-ghost:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-ghost:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn-ghost:active > a:only-child { + color: currentcolor; +} +.ant-btn-ghost:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-ghost[disabled], +.ant-btn-ghost[disabled]:hover, +.ant-btn-ghost[disabled]:focus, +.ant-btn-ghost[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-ghost[disabled] > a:only-child, +.ant-btn-ghost[disabled]:hover > a:only-child, +.ant-btn-ghost[disabled]:focus > a:only-child, +.ant-btn-ghost[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-ghost[disabled] > a:only-child::after, +.ant-btn-ghost[disabled]:hover > a:only-child::after, +.ant-btn-ghost[disabled]:focus > a:only-child::after, +.ant-btn-ghost[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dashed { + color: rgba(255, 255, 255, 0.85); + border-color: #434343; + background: transparent; + border-style: dashed; +} +.ant-btn-dashed > a:only-child { + color: currentcolor; +} +.ant-btn-dashed > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dashed:hover, +.ant-btn-dashed:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn-dashed:hover > a:only-child, +.ant-btn-dashed:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dashed:hover > a:only-child::after, +.ant-btn-dashed:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dashed:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn-dashed:active > a:only-child { + color: currentcolor; +} +.ant-btn-dashed:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dashed[disabled], +.ant-btn-dashed[disabled]:hover, +.ant-btn-dashed[disabled]:focus, +.ant-btn-dashed[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-dashed[disabled] > a:only-child, +.ant-btn-dashed[disabled]:hover > a:only-child, +.ant-btn-dashed[disabled]:focus > a:only-child, +.ant-btn-dashed[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dashed[disabled] > a:only-child::after, +.ant-btn-dashed[disabled]:hover > a:only-child::after, +.ant-btn-dashed[disabled]:focus > a:only-child::after, +.ant-btn-dashed[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-danger { + color: #fff; + border-color: #a61d24; + background: #a61d24; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); +} +.ant-btn-danger > a:only-child { + color: currentcolor; +} +.ant-btn-danger > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-danger:hover, +.ant-btn-danger:focus { + color: #fff; + border-color: #800f19; + background: #800f19; +} +.ant-btn-danger:hover > a:only-child, +.ant-btn-danger:focus > a:only-child { + color: currentcolor; +} +.ant-btn-danger:hover > a:only-child::after, +.ant-btn-danger:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-danger:active { + color: #fff; + border-color: #b33b3d; + background: #b33b3d; +} +.ant-btn-danger:active > a:only-child { + color: currentcolor; +} +.ant-btn-danger:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-danger[disabled], +.ant-btn-danger[disabled]:hover, +.ant-btn-danger[disabled]:focus, +.ant-btn-danger[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-danger[disabled] > a:only-child, +.ant-btn-danger[disabled]:hover > a:only-child, +.ant-btn-danger[disabled]:focus > a:only-child, +.ant-btn-danger[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-danger[disabled] > a:only-child::after, +.ant-btn-danger[disabled]:hover > a:only-child::after, +.ant-btn-danger[disabled]:focus > a:only-child::after, +.ant-btn-danger[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-link { + color: #177ddc; + border-color: transparent; + background: transparent; + box-shadow: none; +} +.ant-btn-link > a:only-child { + color: currentcolor; +} +.ant-btn-link > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-link:hover, +.ant-btn-link:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn-link:hover > a:only-child, +.ant-btn-link:focus > a:only-child { + color: currentcolor; +} +.ant-btn-link:hover > a:only-child::after, +.ant-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-link:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn-link:active > a:only-child { + color: currentcolor; +} +.ant-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-link[disabled], +.ant-btn-link[disabled]:hover, +.ant-btn-link[disabled]:focus, +.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-link[disabled] > a:only-child, +.ant-btn-link[disabled]:hover > a:only-child, +.ant-btn-link[disabled]:focus > a:only-child, +.ant-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-link[disabled] > a:only-child::after, +.ant-btn-link[disabled]:hover > a:only-child::after, +.ant-btn-link[disabled]:focus > a:only-child::after, +.ant-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-link:hover { + background: transparent; +} +.ant-btn-link:hover, +.ant-btn-link:focus, +.ant-btn-link:active { + border-color: transparent; +} +.ant-btn-link[disabled], +.ant-btn-link[disabled]:hover, +.ant-btn-link[disabled]:focus, +.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.ant-btn-link[disabled] > a:only-child, +.ant-btn-link[disabled]:hover > a:only-child, +.ant-btn-link[disabled]:focus > a:only-child, +.ant-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-link[disabled] > a:only-child::after, +.ant-btn-link[disabled]:hover > a:only-child::after, +.ant-btn-link[disabled]:focus > a:only-child::after, +.ant-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-text { + color: rgba(255, 255, 255, 0.85); + border-color: transparent; + background: transparent; + box-shadow: none; +} +.ant-btn-text > a:only-child { + color: currentcolor; +} +.ant-btn-text > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-text:hover, +.ant-btn-text:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn-text:hover > a:only-child, +.ant-btn-text:focus > a:only-child { + color: currentcolor; +} +.ant-btn-text:hover > a:only-child::after, +.ant-btn-text:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-text:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn-text:active > a:only-child { + color: currentcolor; +} +.ant-btn-text:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-text[disabled], +.ant-btn-text[disabled]:hover, +.ant-btn-text[disabled]:focus, +.ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-text[disabled] > a:only-child, +.ant-btn-text[disabled]:hover > a:only-child, +.ant-btn-text[disabled]:focus > a:only-child, +.ant-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-text[disabled] > a:only-child::after, +.ant-btn-text[disabled]:hover > a:only-child::after, +.ant-btn-text[disabled]:focus > a:only-child::after, +.ant-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-text:hover, +.ant-btn-text:focus { + color: rgba(255, 255, 255, 0.85); + background: rgba(255, 255, 255, 0.03); + border-color: transparent; +} +.ant-btn-text:active { + color: rgba(255, 255, 255, 0.85); + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +.ant-btn-text[disabled], +.ant-btn-text[disabled]:hover, +.ant-btn-text[disabled]:focus, +.ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.ant-btn-text[disabled] > a:only-child, +.ant-btn-text[disabled]:hover > a:only-child, +.ant-btn-text[disabled]:focus > a:only-child, +.ant-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-text[disabled] > a:only-child::after, +.ant-btn-text[disabled]:hover > a:only-child::after, +.ant-btn-text[disabled]:focus > a:only-child::after, +.ant-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous { + color: #a61d24; + border-color: #a61d24; + background: transparent; +} +.ant-btn-dangerous > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous:hover, +.ant-btn-dangerous:focus { + color: #800f19; + border-color: #800f19; + background: transparent; +} +.ant-btn-dangerous:hover > a:only-child, +.ant-btn-dangerous:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous:hover > a:only-child::after, +.ant-btn-dangerous:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous:active { + color: #b33b3d; + border-color: #b33b3d; + background: transparent; +} +.ant-btn-dangerous:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous[disabled], +.ant-btn-dangerous[disabled]:hover, +.ant-btn-dangerous[disabled]:focus, +.ant-btn-dangerous[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-dangerous[disabled] > a:only-child, +.ant-btn-dangerous[disabled]:hover > a:only-child, +.ant-btn-dangerous[disabled]:focus > a:only-child, +.ant-btn-dangerous[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous[disabled] > a:only-child::after, +.ant-btn-dangerous[disabled]:hover > a:only-child::after, +.ant-btn-dangerous[disabled]:focus > a:only-child::after, +.ant-btn-dangerous[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-primary { + color: #fff; + border-color: #a61d24; + background: #a61d24; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); + box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); +} +.ant-btn-dangerous.ant-btn-primary > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-primary > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-primary:hover, +.ant-btn-dangerous.ant-btn-primary:focus { + color: #fff; + border-color: #800f19; + background: #800f19; +} +.ant-btn-dangerous.ant-btn-primary:hover > a:only-child, +.ant-btn-dangerous.ant-btn-primary:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-primary:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-primary:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-primary:active { + color: #fff; + border-color: #b33b3d; + background: #b33b3d; +} +.ant-btn-dangerous.ant-btn-primary:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-primary:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-primary[disabled], +.ant-btn-dangerous.ant-btn-primary[disabled]:hover, +.ant-btn-dangerous.ant-btn-primary[disabled]:focus, +.ant-btn-dangerous.ant-btn-primary[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child, +.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child, +.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child, +.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-primary[disabled] > a:only-child::after, +.ant-btn-dangerous.ant-btn-primary[disabled]:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-primary[disabled]:focus > a:only-child::after, +.ant-btn-dangerous.ant-btn-primary[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link { + color: #a61d24; + border-color: transparent; + background: transparent; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-link > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link:hover, +.ant-btn-dangerous.ant-btn-link:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn-dangerous.ant-btn-link:hover > a:only-child, +.ant-btn-dangerous.ant-btn-link:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn-dangerous.ant-btn-link:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link[disabled], +.ant-btn-dangerous.ant-btn-link[disabled]:hover, +.ant-btn-dangerous.ant-btn-link[disabled]:focus, +.ant-btn-dangerous.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, +.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, +.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, +.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, +.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, +.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link:hover, +.ant-btn-dangerous.ant-btn-link:focus { + color: #800f19; + border-color: transparent; + background: transparent; +} +.ant-btn-dangerous.ant-btn-link:hover > a:only-child, +.ant-btn-dangerous.ant-btn-link:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link:active { + color: #b33b3d; + border-color: transparent; + background: transparent; +} +.ant-btn-dangerous.ant-btn-link:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-link[disabled], +.ant-btn-dangerous.ant-btn-link[disabled]:hover, +.ant-btn-dangerous.ant-btn-link[disabled]:focus, +.ant-btn-dangerous.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, +.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, +.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, +.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, +.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, +.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text { + color: #a61d24; + border-color: transparent; + background: transparent; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-text > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text:hover, +.ant-btn-dangerous.ant-btn-text:focus { + color: #165996; + border-color: #165996; + background: transparent; +} +.ant-btn-dangerous.ant-btn-text:hover > a:only-child, +.ant-btn-dangerous.ant-btn-text:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text:active { + color: #388ed3; + border-color: #388ed3; + background: transparent; +} +.ant-btn-dangerous.ant-btn-text:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text[disabled], +.ant-btn-dangerous.ant-btn-text[disabled]:hover, +.ant-btn-dangerous.ant-btn-text[disabled]:focus, +.ant-btn-dangerous.ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, +.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, +.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, +.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, +.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, +.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text:hover, +.ant-btn-dangerous.ant-btn-text:focus { + color: #800f19; + border-color: transparent; + background: rgba(255, 255, 255, 0.03); +} +.ant-btn-dangerous.ant-btn-text:hover > a:only-child, +.ant-btn-dangerous.ant-btn-text:focus > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-text:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text:active { + color: #b33b3d; + border-color: transparent; + background: rgba(255, 255, 255, 0.04); +} +.ant-btn-dangerous.ant-btn-text:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-dangerous.ant-btn-text[disabled], +.ant-btn-dangerous.ant-btn-text[disabled]:hover, +.ant-btn-dangerous.ant-btn-text[disabled]:focus, +.ant-btn-dangerous.ant-btn-text[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child, +.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child, +.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child, +.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-dangerous.ant-btn-text[disabled] > a:only-child::after, +.ant-btn-dangerous.ant-btn-text[disabled]:hover > a:only-child::after, +.ant-btn-dangerous.ant-btn-text[disabled]:focus > a:only-child::after, +.ant-btn-dangerous.ant-btn-text[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-icon-only { + width: 32px; + height: 32px; + padding: 2.4px 0; + font-size: 16px; + border-radius: 2px; + vertical-align: -3px; +} +.ant-btn-icon-only > * { + font-size: 16px; +} +.ant-btn-icon-only.ant-btn-lg { + width: 40px; + height: 40px; + padding: 4.9px 0; + font-size: 18px; + border-radius: 2px; +} +.ant-btn-icon-only.ant-btn-lg > * { + font-size: 18px; +} +.ant-btn-icon-only.ant-btn-sm { + width: 24px; + height: 24px; + padding: 0px 0; + font-size: 14px; + border-radius: 2px; +} +.ant-btn-icon-only.ant-btn-sm > * { + font-size: 14px; +} +.ant-btn-icon-only > .anticon { + display: flex; + justify-content: center; +} +.ant-btn-icon-only .anticon-loading { + padding: 0 !important; +} +a.ant-btn-icon-only { + vertical-align: -1px; +} +a.ant-btn-icon-only > .anticon { + display: inline; +} +.ant-btn-round { + height: 32px; + padding: 4px 16px; + font-size: 14px; + border-radius: 32px; +} +.ant-btn-round.ant-btn-lg { + height: 40px; + padding: 6.4px 20px; + font-size: 16px; + border-radius: 40px; +} +.ant-btn-round.ant-btn-sm { + height: 24px; + padding: 0px 12px; + font-size: 14px; + border-radius: 24px; +} +.ant-btn-round.ant-btn-icon-only { + width: auto; +} +.ant-btn-circle { + min-width: 32px; + padding-right: 0; + padding-left: 0; + text-align: center; + border-radius: 50%; +} +.ant-btn-circle.ant-btn-lg { + min-width: 40px; + border-radius: 50%; +} +.ant-btn-circle.ant-btn-sm { + min-width: 24px; + border-radius: 50%; +} +.ant-btn::before { + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + z-index: 1; + display: none; + background: #141414; + border-radius: inherit; + opacity: 0.35; + transition: opacity 0.2s; + content: ''; + pointer-events: none; +} +.ant-btn .anticon { + transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-btn .anticon.anticon-plus > svg, +.ant-btn .anticon.anticon-minus > svg { + shape-rendering: optimizespeed; +} +.ant-btn.ant-btn-loading { + position: relative; + cursor: default; +} +.ant-btn.ant-btn-loading::before { + display: block; +} +.ant-btn > .ant-btn-loading-icon { + transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-btn > .ant-btn-loading-icon .anticon { + padding-right: 8px; + animation: none; +} +.ant-btn > .ant-btn-loading-icon .anticon svg { + animation: loadingCircle 1s infinite linear; +} +.ant-btn-group { + position: relative; + display: inline-flex; +} +.ant-btn-group > .ant-btn, +.ant-btn-group > span > .ant-btn { + position: relative; +} +.ant-btn-group > .ant-btn:hover, +.ant-btn-group > span > .ant-btn:hover, +.ant-btn-group > .ant-btn:focus, +.ant-btn-group > span > .ant-btn:focus, +.ant-btn-group > .ant-btn:active, +.ant-btn-group > span > .ant-btn:active { + z-index: 2; +} +.ant-btn-group > .ant-btn[disabled], +.ant-btn-group > span > .ant-btn[disabled] { + z-index: 0; +} +.ant-btn-group .ant-btn-icon-only { + font-size: 14px; +} +.ant-btn-group .ant-btn + .ant-btn, +.ant-btn + .ant-btn-group, +.ant-btn-group span + .ant-btn, +.ant-btn-group .ant-btn + span, +.ant-btn-group > span + span, +.ant-btn-group + .ant-btn, +.ant-btn-group + .ant-btn-group { + margin-left: -1px; +} +.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) { + border-left-color: transparent; +} +.ant-btn-group .ant-btn { + border-radius: 0; +} +.ant-btn-group > .ant-btn:first-child, +.ant-btn-group > span:first-child > .ant-btn { + margin-left: 0; +} +.ant-btn-group > .ant-btn:only-child { + border-radius: 2px; +} +.ant-btn-group > span:only-child > .ant-btn { + border-radius: 2px; +} +.ant-btn-group > .ant-btn:first-child:not(:last-child), +.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-btn-group > .ant-btn:last-child:not(:first-child), +.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-btn-group-sm > .ant-btn:only-child { + border-radius: 2px; +} +.ant-btn-group-sm > span:only-child > .ant-btn { + border-radius: 2px; +} +.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), +.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), +.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-btn-group > .ant-btn-group { + float: left; +} +.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn { + border-radius: 0; +} +.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child { + padding-right: 8px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child { + padding-left: 8px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-btn-rtl.ant-btn-group .ant-btn + .ant-btn, +.ant-btn-rtl.ant-btn + .ant-btn-group, +.ant-btn-rtl.ant-btn-group span + .ant-btn, +.ant-btn-rtl.ant-btn-group .ant-btn + span, +.ant-btn-rtl.ant-btn-group > span + span, +.ant-btn-rtl.ant-btn-group + .ant-btn, +.ant-btn-rtl.ant-btn-group + .ant-btn-group, +.ant-btn-group-rtl.ant-btn-group .ant-btn + .ant-btn, +.ant-btn-group-rtl.ant-btn + .ant-btn-group, +.ant-btn-group-rtl.ant-btn-group span + .ant-btn, +.ant-btn-group-rtl.ant-btn-group .ant-btn + span, +.ant-btn-group-rtl.ant-btn-group > span + span, +.ant-btn-group-rtl.ant-btn-group + .ant-btn, +.ant-btn-group-rtl.ant-btn-group + .ant-btn-group { + margin-right: -1px; + margin-left: auto; +} +.ant-btn-group.ant-btn-group-rtl { + direction: rtl; +} +.ant-btn-group-rtl.ant-btn-group > .ant-btn:first-child:not(:last-child), +.ant-btn-group-rtl.ant-btn-group > span:first-child:not(:last-child) > .ant-btn { + border-radius: 0 2px 2px 0; +} +.ant-btn-group-rtl.ant-btn-group > .ant-btn:last-child:not(:first-child), +.ant-btn-group-rtl.ant-btn-group > span:last-child:not(:first-child) > .ant-btn { + border-radius: 2px 0 0 2px; +} +.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:first-child:not(:last-child), +.ant-btn-group-rtl.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn { + border-radius: 0 2px 2px 0; +} +.ant-btn-group-rtl.ant-btn-group-sm > .ant-btn:last-child:not(:first-child), +.ant-btn-group-rtl.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn { + border-radius: 2px 0 0 2px; +} +.ant-btn:focus > span, +.ant-btn:active > span { + position: relative; +} +.ant-btn > .anticon + span, +.ant-btn > span + .anticon { + margin-left: 8px; +} +.ant-btn.ant-btn-background-ghost { + color: rgba(255, 255, 255, 0.85); + border-color: rgba(255, 255, 255, 0.25); +} +.ant-btn.ant-btn-background-ghost, +.ant-btn.ant-btn-background-ghost:hover, +.ant-btn.ant-btn-background-ghost:active, +.ant-btn.ant-btn-background-ghost:focus { + background: transparent; +} +.ant-btn.ant-btn-background-ghost:hover, +.ant-btn.ant-btn-background-ghost:focus { + color: #3c9be8; + border-color: #3c9be8; +} +.ant-btn.ant-btn-background-ghost:active { + color: #095cb5; + border-color: #095cb5; +} +.ant-btn.ant-btn-background-ghost[disabled] { + color: rgba(255, 255, 255, 0.3); + background: transparent; + border-color: #434343; +} +.ant-btn-background-ghost.ant-btn-primary { + color: #177ddc; + border-color: #177ddc; + text-shadow: none; +} +.ant-btn-background-ghost.ant-btn-primary > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-primary > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-primary:hover, +.ant-btn-background-ghost.ant-btn-primary:focus { + color: #095cb5; + border-color: #095cb5; +} +.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-primary:active { + color: #3c9be8; + border-color: #3c9be8; +} +.ant-btn-background-ghost.ant-btn-primary:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-primary[disabled], +.ant-btn-background-ghost.ant-btn-primary[disabled]:hover, +.ant-btn-background-ghost.ant-btn-primary[disabled]:focus, +.ant-btn-background-ghost.ant-btn-primary[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child, +.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child, +.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after, +.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after, +.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-danger { + color: #a61d24; + border-color: #a61d24; + text-shadow: none; +} +.ant-btn-background-ghost.ant-btn-danger > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-danger > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-danger:hover, +.ant-btn-background-ghost.ant-btn-danger:focus { + color: #800f19; + border-color: #800f19; +} +.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-danger:active { + color: #b33b3d; + border-color: #b33b3d; +} +.ant-btn-background-ghost.ant-btn-danger:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-danger[disabled], +.ant-btn-background-ghost.ant-btn-danger[disabled]:hover, +.ant-btn-background-ghost.ant-btn-danger[disabled]:focus, +.ant-btn-background-ghost.ant-btn-danger[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child, +.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child, +.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after, +.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after, +.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous { + color: #a61d24; + border-color: #a61d24; + text-shadow: none; +} +.ant-btn-background-ghost.ant-btn-dangerous > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous:hover, +.ant-btn-background-ghost.ant-btn-dangerous:focus { + color: #800f19; + border-color: #800f19; +} +.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous:active { + color: #b33b3d; + border-color: #b33b3d; +} +.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous[disabled], +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous[disabled] > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link { + color: #a61d24; + border-color: transparent; + text-shadow: none; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus { + color: #800f19; + border-color: transparent; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active { + color: #b33b3d; + border-color: transparent; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled], +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + background: rgba(255, 255, 255, 0.08); + text-shadow: none; + box-shadow: none; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child { + color: currentcolor; +} +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled] > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus > a:only-child::after, +.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +.ant-btn-two-chinese-chars::first-letter { + letter-spacing: 0.34em; +} +.ant-btn-two-chinese-chars > *:not(.anticon) { + margin-right: -0.34em; + letter-spacing: 0.34em; +} +.ant-btn.ant-btn-block { + width: 100%; +} +.ant-btn:empty { + display: inline-block; + width: 0; + visibility: hidden; + content: '\a0'; +} +a.ant-btn { + padding-top: 0.01px !important; + line-height: 30px; +} +a.ant-btn-disabled { + cursor: not-allowed; +} +a.ant-btn-disabled > * { + pointer-events: none; +} +a.ant-btn-disabled, +a.ant-btn-disabled:hover, +a.ant-btn-disabled:focus, +a.ant-btn-disabled:active { + color: rgba(255, 255, 255, 0.3); + border-color: transparent; + background: transparent; + text-shadow: none; + box-shadow: none; +} +a.ant-btn-disabled > a:only-child, +a.ant-btn-disabled:hover > a:only-child, +a.ant-btn-disabled:focus > a:only-child, +a.ant-btn-disabled:active > a:only-child { + color: currentcolor; +} +a.ant-btn-disabled > a:only-child::after, +a.ant-btn-disabled:hover > a:only-child::after, +a.ant-btn-disabled:focus > a:only-child::after, +a.ant-btn-disabled:active > a:only-child::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: ''; +} +a.ant-btn-lg { + line-height: 38px; +} +a.ant-btn-sm { + line-height: 22px; +} +.ant-btn-compact-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { + margin-right: -1px; +} +.ant-btn-compact-item:not(.ant-btn-compact-last-item).ant-btn-compact-item-rtl { + margin-left: -1px; +} +.ant-btn-compact-item:hover, +.ant-btn-compact-item:focus, +.ant-btn-compact-item:active { + z-index: 2; +} +.ant-btn-compact-item[disabled] { + z-index: 0; +} +.ant-btn-compact-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-last-item).ant-btn { + border-radius: 0; +} +.ant-btn-compact-item.ant-btn.ant-btn-compact-first-item:not(.ant-btn-compact-last-item):not(.ant-btn-compact-item-rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-btn-compact-item.ant-btn.ant-btn-compact-last-item:not(.ant-btn-compact-first-item):not(.ant-btn-compact-item-rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-first-item:not(.ant-btn-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-btn-compact-item.ant-btn.ant-btn-compact-item-rtl.ant-btn-compact-last-item:not(.ant-btn-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-btn-icon-only.ant-btn-compact-item { + flex: none; +} +.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled]) { + position: relative; +} +.ant-btn-compact-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-item.ant-btn-primary:not([disabled])::after { + position: absolute; + top: -1px; + left: -1px; + display: inline-block; + width: 1px; + height: calc(100% + 1px * 2); + background-color: #165996; + content: ' '; +} +.ant-btn-compact-item-rtl.ant-btn-compact-first-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-btn-compact-item-rtl.ant-btn-compact-last-item.ant-btn-compact-item-rtl:not(.ant-btn-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-first-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-btn-compact-item-rtl.ant-btn-sm.ant-btn-compact-last-item.ant-btn-compact-item-rtl.ant-btn-sm:not(.ant-btn-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-btn-compact-item-rtl.ant-btn-primary:not([disabled]) + .ant-btn-compact-item-rtl.ant-btn-primary:not([disabled])::after { + right: -1px; +} +.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-last-item) { + margin-bottom: -1px; +} +.ant-btn-compact-vertical-item:hover, +.ant-btn-compact-vertical-item:focus, +.ant-btn-compact-vertical-item:active { + z-index: 2; +} +.ant-btn-compact-vertical-item[disabled] { + z-index: 0; +} +.ant-btn-compact-vertical-item:not(.ant-btn-compact-vertical-first-item):not(.ant-btn-compact-vertical-last-item) { + border-radius: 0; +} +.ant-btn-compact-vertical-item.ant-btn-compact-vertical-first-item:not(.ant-btn-compact-vertical-last-item) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) { + position: relative; +} +.ant-btn-compact-vertical-item.ant-btn-primary:not([disabled]) + .ant-btn-compact-vertical-item.ant-btn-primary:not([disabled])::after { + position: absolute; + top: -1px; + left: -1px; + display: inline-block; + width: calc(100% + 1px * 2); + height: 1px; + background-color: #165996; + content: ' '; +} +.ant-btn-rtl { + direction: rtl; +} +.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child), +.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary { + border-right-color: #165996; + border-left-color: #434343; +} +.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled], +.ant-btn-group-rtl.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] { + border-right-color: #434343; + border-left-color: #165996; +} +.ant-btn-rtl.ant-btn > .ant-btn-loading-icon .anticon { + padding-right: 0; + padding-left: 8px; +} +.ant-btn-rtl.ant-btn > .anticon + span, +.ant-btn-rtl.ant-btn > span + .anticon { + margin-right: 8px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-menu-item-danger.ant-menu-item { + color: #a61d24; +} +.ant-menu-item-danger.ant-menu-item:hover, +.ant-menu-item-danger.ant-menu-item-active { + color: #a61d24; +} +.ant-menu-item-danger.ant-menu-item:active { + background: #2a1215; +} +.ant-menu-item-danger.ant-menu-item-selected { + color: #a61d24; +} +.ant-menu-item-danger.ant-menu-item-selected > a, +.ant-menu-item-danger.ant-menu-item-selected > a:hover { + color: #a61d24; +} +.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { + background-color: #2a1215; +} +.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after { + border-right-color: #a61d24; +} +.ant-menu-dark .ant-menu-item-danger.ant-menu-item, +.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover, +.ant-menu-dark .ant-menu-item-danger.ant-menu-item > a { + color: #a61d24; +} +.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected { + color: #fff; + background-color: #a61d24; +} +.ant-menu { + box-sizing: border-box; + margin: 0; + padding: 0; + font-variant: tabular-nums; + line-height: 1.5715; + font-feature-settings: 'tnum'; + margin-bottom: 0; + padding-left: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 0; + text-align: left; + list-style: none; + background: #141414; + outline: none; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); + transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s; +} +.ant-menu::before { + display: table; + content: ''; +} +.ant-menu::after { + display: table; + clear: both; + content: ''; +} +.ant-menu.ant-menu-root:focus-visible { + box-shadow: 0 0 0 2px #11263c; +} +.ant-menu ul, +.ant-menu ol { + margin: 0; + padding: 0; + list-style: none; +} +.ant-menu-overflow { + display: flex; +} +.ant-menu-overflow-item { + flex: none; +} +.ant-menu-hidden, +.ant-menu-submenu-hidden { + display: none; +} +.ant-menu-item-group-title { + height: 1.5715; + padding: 8px 16px; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + line-height: 1.5715; + transition: all 0.3s; +} +.ant-menu-horizontal .ant-menu-submenu { + transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-submenu, +.ant-menu-submenu-inline { + transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-submenu-selected { + color: #177ddc; +} +.ant-menu-item:active, +.ant-menu-submenu-title:active { + background: #111b26; +} +.ant-menu-submenu .ant-menu-sub { + cursor: initial; + transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-title-content { + transition: color 0.3s; +} +.ant-menu-item a { + color: rgba(255, 255, 255, 0.85); +} +.ant-menu-item a:hover { + color: #177ddc; +} +.ant-menu-item a::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: transparent; + content: ''; +} +.ant-menu-item > .ant-badge a { + color: rgba(255, 255, 255, 0.85); +} +.ant-menu-item > .ant-badge a:hover { + color: #177ddc; +} +.ant-menu-item-divider { + overflow: hidden; + line-height: 0; + border-color: #303030; + border-style: solid; + border-width: 1px 0 0; +} +.ant-menu-item-divider-dashed { + border-style: dashed; +} +.ant-menu-horizontal .ant-menu-item, +.ant-menu-horizontal .ant-menu-submenu { + margin-top: -1px; +} +.ant-menu-horizontal > .ant-menu-item:hover, +.ant-menu-horizontal > .ant-menu-item-active, +.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover { + background-color: transparent; +} +.ant-menu-item-selected { + color: #177ddc; +} +.ant-menu-item-selected a, +.ant-menu-item-selected a:hover { + color: #177ddc; +} +.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { + background-color: #111b26; +} +.ant-menu-inline, +.ant-menu-vertical, +.ant-menu-vertical-left { + border-right: 1px solid #303030; +} +.ant-menu-vertical-right { + border-left: 1px solid #303030; +} +.ant-menu-vertical.ant-menu-sub, +.ant-menu-vertical-left.ant-menu-sub, +.ant-menu-vertical-right.ant-menu-sub { + min-width: 160px; + max-height: calc(100vh - 100px); + padding: 0; + overflow: hidden; + border-right: 0; +} +.ant-menu-vertical.ant-menu-sub:not([class*='-active']), +.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']), +.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) { + overflow-x: hidden; + overflow-y: auto; +} +.ant-menu-vertical.ant-menu-sub .ant-menu-item, +.ant-menu-vertical-left.ant-menu-sub .ant-menu-item, +.ant-menu-vertical-right.ant-menu-sub .ant-menu-item { + left: 0; + margin-left: 0; + border-right: 0; +} +.ant-menu-vertical.ant-menu-sub .ant-menu-item::after, +.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after, +.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after { + border-right: 0; +} +.ant-menu-vertical.ant-menu-sub > .ant-menu-item, +.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, +.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, +.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, +.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, +.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { + transform-origin: 0 0; +} +.ant-menu-horizontal.ant-menu-sub { + min-width: 114px; +} +.ant-menu-horizontal .ant-menu-item, +.ant-menu-horizontal .ant-menu-submenu-title { + transition: border-color 0.3s, background 0.3s; +} +.ant-menu-item, +.ant-menu-submenu-title { + position: relative; + display: block; + margin: 0; + padding: 0 20px; + white-space: nowrap; + cursor: pointer; + transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-item .ant-menu-item-icon, +.ant-menu-submenu-title .ant-menu-item-icon, +.ant-menu-item .anticon, +.ant-menu-submenu-title .anticon { + min-width: 14px; + font-size: 14px; + transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s; +} +.ant-menu-item .ant-menu-item-icon + span, +.ant-menu-submenu-title .ant-menu-item-icon + span, +.ant-menu-item .anticon + span, +.ant-menu-submenu-title .anticon + span { + margin-left: 10px; + opacity: 1; + transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s; +} +.ant-menu-item .ant-menu-item-icon.svg, +.ant-menu-submenu-title .ant-menu-item-icon.svg { + vertical-align: -0.125em; +} +.ant-menu-item.ant-menu-item-only-child > .anticon, +.ant-menu-submenu-title.ant-menu-item-only-child > .anticon, +.ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, +.ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon { + margin-right: 0; +} +.ant-menu-item:not(.ant-menu-item-disabled):focus-visible, +.ant-menu-submenu-title:not(.ant-menu-item-disabled):focus-visible { + box-shadow: 0 0 0 2px #11263c; +} +.ant-menu > .ant-menu-item-divider { + margin: 1px 0; + padding: 0; +} +.ant-menu-submenu-popup { + position: absolute; + z-index: 1050; + background: transparent; + border-radius: 2px; + box-shadow: none; + transform-origin: 0 0; +} +.ant-menu-submenu-popup::before { + position: absolute; + top: -7px; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; + opacity: 0.0001; + content: ' '; +} +.ant-menu-submenu-placement-rightTop::before { + top: 0; + left: -7px; +} +.ant-menu-submenu > .ant-menu { + background-color: #141414; + border-radius: 2px; +} +.ant-menu-submenu > .ant-menu-submenu-title::after { + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-submenu-popup > .ant-menu { + background-color: #1f1f1f; +} +.ant-menu-submenu-expand-icon, +.ant-menu-submenu-arrow { + position: absolute; + top: 50%; + right: 16px; + width: 10px; + color: rgba(255, 255, 255, 0.85); + transform: translateY(-50%); + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-submenu-arrow::before, +.ant-menu-submenu-arrow::after { + position: absolute; + width: 6px; + height: 1.5px; + background-color: currentcolor; + border-radius: 2px; + transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + content: ''; +} +.ant-menu-submenu-arrow::before { + transform: rotate(45deg) translateY(-2.5px); +} +.ant-menu-submenu-arrow::after { + transform: rotate(-45deg) translateY(2.5px); +} +.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-expand-icon, +.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { + color: #177ddc; +} +.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before, +.ant-menu-submenu-inline .ant-menu-submenu-arrow::before { + transform: rotate(-45deg) translateX(2.5px); +} +.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after, +.ant-menu-submenu-inline .ant-menu-submenu-arrow::after { + transform: rotate(45deg) translateX(-2.5px); +} +.ant-menu-submenu-horizontal .ant-menu-submenu-arrow { + display: none; +} +.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow { + transform: translateY(-2px); +} +.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { + transform: rotate(-45deg) translateX(-2.5px); +} +.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { + transform: rotate(45deg) translateX(2.5px); +} +.ant-menu-vertical .ant-menu-submenu-selected, +.ant-menu-vertical-left .ant-menu-submenu-selected, +.ant-menu-vertical-right .ant-menu-submenu-selected { + color: #177ddc; +} +.ant-menu-horizontal { + line-height: 46px; + border: 0; + border-bottom: 1px solid #303030; + box-shadow: none; +} +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu { + margin-top: -1px; + margin-bottom: 0; + padding: 0 20px; +} +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected { + color: #177ddc; +} +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected::after, +.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected::after { + border-bottom: 2px solid #177ddc; +} +.ant-menu-horizontal > .ant-menu-item, +.ant-menu-horizontal > .ant-menu-submenu { + position: relative; + top: 1px; + display: inline-block; + vertical-align: bottom; +} +.ant-menu-horizontal > .ant-menu-item::after, +.ant-menu-horizontal > .ant-menu-submenu::after { + position: absolute; + right: 20px; + bottom: 0; + left: 20px; + border-bottom: 2px solid transparent; + transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + content: ''; +} +.ant-menu-horizontal > .ant-menu-submenu > .ant-menu-submenu-title { + padding: 0; +} +.ant-menu-horizontal > .ant-menu-item a { + color: rgba(255, 255, 255, 0.85); +} +.ant-menu-horizontal > .ant-menu-item a:hover { + color: #177ddc; +} +.ant-menu-horizontal > .ant-menu-item a::before { + bottom: -2px; +} +.ant-menu-horizontal > .ant-menu-item-selected a { + color: #177ddc; +} +.ant-menu-horizontal::after { + display: block; + clear: both; + height: 0; + content: '\20'; +} +.ant-menu-vertical .ant-menu-item, +.ant-menu-vertical-left .ant-menu-item, +.ant-menu-vertical-right .ant-menu-item, +.ant-menu-inline .ant-menu-item { + position: relative; +} +.ant-menu-vertical .ant-menu-item::after, +.ant-menu-vertical-left .ant-menu-item::after, +.ant-menu-vertical-right .ant-menu-item::after, +.ant-menu-inline .ant-menu-item::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + border-right: 3px solid #177ddc; + transform: scaleY(0.0001); + opacity: 0; + transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); + content: ''; +} +.ant-menu-vertical .ant-menu-item, +.ant-menu-vertical-left .ant-menu-item, +.ant-menu-vertical-right .ant-menu-item, +.ant-menu-inline .ant-menu-item, +.ant-menu-vertical .ant-menu-submenu-title, +.ant-menu-vertical-left .ant-menu-submenu-title, +.ant-menu-vertical-right .ant-menu-submenu-title, +.ant-menu-inline .ant-menu-submenu-title { + height: 40px; + margin-top: 4px; + margin-bottom: 4px; + padding: 0 16px; + overflow: hidden; + line-height: 40px; + text-overflow: ellipsis; +} +.ant-menu-vertical .ant-menu-submenu, +.ant-menu-vertical-left .ant-menu-submenu, +.ant-menu-vertical-right .ant-menu-submenu, +.ant-menu-inline .ant-menu-submenu { + padding-bottom: 0.02px; +} +.ant-menu-vertical .ant-menu-item:not(:last-child), +.ant-menu-vertical-left .ant-menu-item:not(:last-child), +.ant-menu-vertical-right .ant-menu-item:not(:last-child), +.ant-menu-inline .ant-menu-item:not(:last-child) { + margin-bottom: 8px; +} +.ant-menu-vertical > .ant-menu-item, +.ant-menu-vertical-left > .ant-menu-item, +.ant-menu-vertical-right > .ant-menu-item, +.ant-menu-inline > .ant-menu-item, +.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title, +.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title, +.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title, +.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { + height: 40px; + line-height: 40px; +} +.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title, +.ant-menu-vertical .ant-menu-submenu-title { + padding-right: 34px; +} +.ant-menu-inline { + width: 100%; +} +.ant-menu-inline .ant-menu-selected::after, +.ant-menu-inline .ant-menu-item-selected::after { + transform: scaleY(1); + opacity: 1; + transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-menu-inline .ant-menu-item, +.ant-menu-inline .ant-menu-submenu-title { + width: calc(100% + 1px); +} +.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title, +.ant-menu-inline .ant-menu-submenu-title { + padding-right: 34px; +} +.ant-menu-inline.ant-menu-root .ant-menu-item, +.ant-menu-inline.ant-menu-root .ant-menu-submenu-title { + display: flex; + align-items: center; + transition: border-color 0.3s, background 0.3s, padding 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); +} +.ant-menu-inline.ant-menu-root .ant-menu-item > .ant-menu-title-content, +.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > .ant-menu-title-content { + flex: auto; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; +} +.ant-menu-inline.ant-menu-root .ant-menu-item > *, +.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * { + flex: none; +} +.ant-menu.ant-menu-inline-collapsed { + width: 80px; +} +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title { + left: 0; + padding: 0 calc(50% - 16px / 2); + text-overflow: clip; +} +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow { + opacity: 0; +} +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon { + margin: 0; + font-size: 16px; + line-height: 40px; +} +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-item-icon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-item-icon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item .anticon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span, +.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span { + display: inline-block; + opacity: 0; +} +.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon, +.ant-menu.ant-menu-inline-collapsed .anticon { + display: inline-block; +} +.ant-menu.ant-menu-inline-collapsed-tooltip { + pointer-events: none; +} +.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon, +.ant-menu.ant-menu-inline-collapsed-tooltip .anticon { + display: none; +} +.ant-menu.ant-menu-inline-collapsed-tooltip a { + color: rgba(255, 255, 255, 0.85); +} +.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title { + padding-right: 4px; + padding-left: 4px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-menu-item-group-list { + margin: 0; + padding: 0; +} +.ant-menu-item-group-list .ant-menu-item, +.ant-menu-item-group-list .ant-menu-submenu-title { + padding: 0 16px 0 28px; +} +.ant-menu-root.ant-menu-vertical, +.ant-menu-root.ant-menu-vertical-left, +.ant-menu-root.ant-menu-vertical-right, +.ant-menu-root.ant-menu-inline { + box-shadow: none; +} +.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item > .ant-menu-inline-collapsed-noicon, +.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title > .ant-menu-inline-collapsed-noicon { + font-size: 16px; + text-align: center; +} +.ant-menu-sub.ant-menu-inline { + padding: 0; + background: rgba(255, 255, 255, 0.04); + border: 0; + border-radius: 0; + box-shadow: none; +} +.ant-menu-sub.ant-menu-inline > .ant-menu-item, +.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title { + height: 40px; + line-height: 40px; + list-style-position: inside; + list-style-type: disc; +} +.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { + padding-left: 32px; +} +.ant-menu-item-disabled, +.ant-menu-submenu-disabled { + color: rgba(255, 255, 255, 0.3) !important; + background: none; + cursor: not-allowed; +} +.ant-menu-item-disabled::after, +.ant-menu-submenu-disabled::after { + border-color: transparent !important; +} +.ant-menu-item-disabled a, +.ant-menu-submenu-disabled a { + color: rgba(255, 255, 255, 0.3) !important; + pointer-events: none; +} +.ant-menu-item-disabled > .ant-menu-submenu-title, +.ant-menu-submenu-disabled > .ant-menu-submenu-title { + color: rgba(255, 255, 255, 0.3) !important; + cursor: not-allowed; +} +.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { + background: rgba(255, 255, 255, 0.3) !important; +} +.ant-layout-header .ant-menu { + line-height: inherit; +} +.ant-menu-inline-collapsed-tooltip a, +.ant-menu-inline-collapsed-tooltip a:hover { + color: #fff; +} +.ant-menu-light .ant-menu-item:hover, +.ant-menu-light .ant-menu-item-active, +.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open, +.ant-menu-light .ant-menu-submenu-active, +.ant-menu-light .ant-menu-submenu-title:hover { + color: #177ddc; +} +.ant-menu.ant-menu-root:focus-visible { + box-shadow: 0 0 0 2px #388ed3; +} +.ant-menu-dark .ant-menu-item:focus-visible, +.ant-menu-dark .ant-menu-submenu-title:focus-visible { + box-shadow: 0 0 0 2px #388ed3; +} +.ant-menu.ant-menu-dark, +.ant-menu-dark .ant-menu-sub, +.ant-menu.ant-menu-dark .ant-menu-sub { + color: rgba(255, 255, 255, 0.65); + background: #1f1f1f; +} +.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow, +.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow, +.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow { + opacity: 0.45; + transition: all 0.3s; +} +.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, +.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after, +.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before, +.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before { + background: #fff; +} +.ant-menu-dark.ant-menu-submenu-popup { + background: transparent; +} +.ant-menu-dark .ant-menu-inline.ant-menu-sub { + background: #141414; +} +.ant-menu-dark.ant-menu-horizontal { + border-bottom: 0; +} +.ant-menu-dark.ant-menu-horizontal > .ant-menu-item, +.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { + top: 0; + margin-top: 0; + padding: 0 20px; + border-color: #1f1f1f; + border-bottom: 0; +} +.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { + background-color: #177ddc; +} +.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before { + bottom: 0; +} +.ant-menu-dark .ant-menu-item, +.ant-menu-dark .ant-menu-item-group-title, +.ant-menu-dark .ant-menu-item > a, +.ant-menu-dark .ant-menu-item > span > a { + color: rgba(255, 255, 255, 0.65); +} +.ant-menu-dark.ant-menu-inline, +.ant-menu-dark.ant-menu-vertical, +.ant-menu-dark.ant-menu-vertical-left, +.ant-menu-dark.ant-menu-vertical-right { + border-right: 0; +} +.ant-menu-dark.ant-menu-inline .ant-menu-item, +.ant-menu-dark.ant-menu-vertical .ant-menu-item, +.ant-menu-dark.ant-menu-vertical-left .ant-menu-item, +.ant-menu-dark.ant-menu-vertical-right .ant-menu-item { + left: 0; + margin-left: 0; + border-right: 0; +} +.ant-menu-dark.ant-menu-inline .ant-menu-item::after, +.ant-menu-dark.ant-menu-vertical .ant-menu-item::after, +.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after, +.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after { + border-right: 0; +} +.ant-menu-dark.ant-menu-inline .ant-menu-item, +.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title { + width: 100%; +} +.ant-menu-dark .ant-menu-item:hover, +.ant-menu-dark .ant-menu-item-active, +.ant-menu-dark .ant-menu-submenu-active, +.ant-menu-dark .ant-menu-submenu-open, +.ant-menu-dark .ant-menu-submenu-selected, +.ant-menu-dark .ant-menu-submenu-title:hover { + color: #fff; + background-color: transparent; +} +.ant-menu-dark .ant-menu-item:hover > a, +.ant-menu-dark .ant-menu-item-active > a, +.ant-menu-dark .ant-menu-submenu-active > a, +.ant-menu-dark .ant-menu-submenu-open > a, +.ant-menu-dark .ant-menu-submenu-selected > a, +.ant-menu-dark .ant-menu-submenu-title:hover > a, +.ant-menu-dark .ant-menu-item:hover > span > a, +.ant-menu-dark .ant-menu-item-active > span > a, +.ant-menu-dark .ant-menu-submenu-active > span > a, +.ant-menu-dark .ant-menu-submenu-open > span > a, +.ant-menu-dark .ant-menu-submenu-selected > span > a, +.ant-menu-dark .ant-menu-submenu-title:hover > span > a { + color: #fff; +} +.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow, +.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, +.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow, +.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow, +.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow, +.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow { + opacity: 1; +} +.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before { + background: #fff; +} +.ant-menu-dark .ant-menu-item:hover { + background-color: transparent; +} +.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected { + background-color: #177ddc; +} +.ant-menu-dark .ant-menu-item-selected { + color: #fff; + border-right: 0; +} +.ant-menu-dark .ant-menu-item-selected::after { + border-right: 0; +} +.ant-menu-dark .ant-menu-item-selected > a, +.ant-menu-dark .ant-menu-item-selected > span > a, +.ant-menu-dark .ant-menu-item-selected > a:hover, +.ant-menu-dark .ant-menu-item-selected > span > a:hover { + color: #fff; +} +.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon, +.ant-menu-dark .ant-menu-item-selected .anticon { + color: #fff; +} +.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon + span, +.ant-menu-dark .ant-menu-item-selected .anticon + span { + color: #fff; +} +.ant-menu.ant-menu-dark .ant-menu-item-selected, +.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected { + background-color: #177ddc; +} +.ant-menu-dark .ant-menu-item-disabled, +.ant-menu-dark .ant-menu-submenu-disabled, +.ant-menu-dark .ant-menu-item-disabled > a, +.ant-menu-dark .ant-menu-submenu-disabled > a, +.ant-menu-dark .ant-menu-item-disabled > span > a, +.ant-menu-dark .ant-menu-submenu-disabled > span > a { + color: rgba(255, 255, 255, 0.3) !important; + opacity: 0.8; +} +.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title, +.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title { + color: rgba(255, 255, 255, 0.3) !important; +} +.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before, +.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after, +.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after { + background: rgba(255, 255, 255, 0.3) !important; +} +.ant-menu.ant-menu-rtl { + direction: rtl; + text-align: right; +} +.ant-menu-rtl .ant-menu-item-group-title { + text-align: right; +} +.ant-menu-rtl.ant-menu-inline, +.ant-menu-rtl.ant-menu-vertical { + border-right: none; + border-left: 1px solid #303030; +} +.ant-menu-rtl.ant-menu-dark.ant-menu-inline, +.ant-menu-rtl.ant-menu-dark.ant-menu-vertical { + border-left: none; +} +.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-item, +.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item, +.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item, +.ant-menu-rtl.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu, +.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu, +.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu { + transform-origin: top right; +} +.ant-menu-rtl .ant-menu-item .ant-menu-item-icon, +.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon, +.ant-menu-rtl .ant-menu-item .anticon, +.ant-menu-rtl .ant-menu-submenu-title .anticon { + margin-right: auto; + margin-left: 10px; +} +.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon, +.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon, +.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child > .anticon, +.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child > .anticon { + margin-left: 0; +} +.ant-menu-submenu-rtl.ant-menu-submenu-popup { + transform-origin: 100% 0; +} +.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow, +.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow, +.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow, +.ant-menu-rtl .ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow { + right: auto; + left: 16px; +} +.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, +.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before, +.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before { + transform: rotate(-45deg) translateY(-2px); +} +.ant-menu-rtl .ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, +.ant-menu-rtl .ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after, +.ant-menu-rtl .ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after { + transform: rotate(45deg) translateY(2px); +} +.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after, +.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after, +.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after, +.ant-menu-rtl.ant-menu-inline .ant-menu-item::after { + right: auto; + left: 0; +} +.ant-menu-rtl.ant-menu-vertical .ant-menu-item, +.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item, +.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item, +.ant-menu-rtl.ant-menu-inline .ant-menu-item, +.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title, +.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title, +.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title, +.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { + text-align: right; +} +.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title { + padding-right: 0; + padding-left: 34px; +} +.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title { + padding-right: 16px; + padding-left: 34px; +} +.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title { + padding: 0 calc(50% - 16px / 2); +} +.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item, +.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title { + padding: 0 28px 0 16px; +} +.ant-menu-sub.ant-menu-inline { + border: 0; +} +.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title { + padding-right: 32px; + padding-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-tooltip { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + z-index: 1070; + display: block; + width: -moz-max-content; + width: max-content; + width: intrinsic; + max-width: 250px; + visibility: visible; +} +.ant-tooltip-content { + position: relative; +} +.ant-tooltip-hidden { + display: none; +} +.ant-tooltip-placement-top, +.ant-tooltip-placement-topLeft, +.ant-tooltip-placement-topRight { + padding-bottom: 14.3137085px; +} +.ant-tooltip-placement-right, +.ant-tooltip-placement-rightTop, +.ant-tooltip-placement-rightBottom { + padding-left: 14.3137085px; +} +.ant-tooltip-placement-bottom, +.ant-tooltip-placement-bottomLeft, +.ant-tooltip-placement-bottomRight { + padding-top: 14.3137085px; +} +.ant-tooltip-placement-left, +.ant-tooltip-placement-leftTop, +.ant-tooltip-placement-leftBottom { + padding-right: 14.3137085px; +} +.ant-tooltip-inner { + min-width: 30px; + min-height: 32px; + padding: 6px 8px; + color: #fff; + text-align: left; + text-decoration: none; + word-wrap: break-word; + background-color: #434343; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-tooltip-arrow { + position: absolute; + z-index: 2; + display: block; + width: 22px; + height: 22px; + overflow: hidden; + background: transparent; + pointer-events: none; +} +.ant-tooltip-arrow-content { + --antd-arrow-background-color: linear-gradient(to right bottom, rgba(67, 67, 67, 0.9), #434343); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + width: 11.3137085px; + height: 11.3137085px; + margin: auto; + content: ''; + pointer-events: auto; + border-radius: 0 0 2px; + pointer-events: none; +} +.ant-tooltip-arrow-content::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: var(--antd-arrow-background-color); + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + -webkit-clip-path: inset(33% 33%); + clip-path: inset(33% 33%); + -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.ant-tooltip-placement-top .ant-tooltip-arrow, +.ant-tooltip-placement-topLeft .ant-tooltip-arrow, +.ant-tooltip-placement-topRight .ant-tooltip-arrow { + bottom: 0; + transform: translateY(100%); +} +.ant-tooltip-placement-top .ant-tooltip-arrow-content, +.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content, +.ant-tooltip-placement-topRight .ant-tooltip-arrow-content { + box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateY(-11px) rotate(45deg); +} +.ant-tooltip-placement-top .ant-tooltip-arrow { + left: 50%; + transform: translateY(100%) translateX(-50%); +} +.ant-tooltip-placement-topLeft .ant-tooltip-arrow { + left: 13px; +} +.ant-tooltip-placement-topRight .ant-tooltip-arrow { + right: 13px; +} +.ant-tooltip-placement-right .ant-tooltip-arrow, +.ant-tooltip-placement-rightTop .ant-tooltip-arrow, +.ant-tooltip-placement-rightBottom .ant-tooltip-arrow { + left: 0; + transform: translateX(-100%); +} +.ant-tooltip-placement-right .ant-tooltip-arrow-content, +.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content, +.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content { + box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(11px) rotate(135deg); +} +.ant-tooltip-placement-right .ant-tooltip-arrow { + top: 50%; + transform: translateX(-100%) translateY(-50%); +} +.ant-tooltip-placement-rightTop .ant-tooltip-arrow { + top: 5px; +} +.ant-tooltip-placement-rightBottom .ant-tooltip-arrow { + bottom: 5px; +} +.ant-tooltip-placement-left .ant-tooltip-arrow, +.ant-tooltip-placement-leftTop .ant-tooltip-arrow, +.ant-tooltip-placement-leftBottom .ant-tooltip-arrow { + right: 0; + transform: translateX(100%); +} +.ant-tooltip-placement-left .ant-tooltip-arrow-content, +.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content, +.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content { + box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); + transform: translateX(-11px) rotate(315deg); +} +.ant-tooltip-placement-left .ant-tooltip-arrow { + top: 50%; + transform: translateX(100%) translateY(-50%); +} +.ant-tooltip-placement-leftTop .ant-tooltip-arrow { + top: 5px; +} +.ant-tooltip-placement-leftBottom .ant-tooltip-arrow { + bottom: 5px; +} +.ant-tooltip-placement-bottom .ant-tooltip-arrow, +.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow, +.ant-tooltip-placement-bottomRight .ant-tooltip-arrow { + top: 0; + transform: translateY(-100%); +} +.ant-tooltip-placement-bottom .ant-tooltip-arrow-content, +.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content, +.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content { + box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07); + transform: translateY(11px) rotate(225deg); +} +.ant-tooltip-placement-bottom .ant-tooltip-arrow { + left: 50%; + transform: translateY(-100%) translateX(-50%); +} +.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow { + left: 13px; +} +.ant-tooltip-placement-bottomRight .ant-tooltip-arrow { + right: 13px; +} +.ant-tooltip-pink .ant-tooltip-inner { + background-color: #cb2b83; +} +.ant-tooltip-pink .ant-tooltip-arrow-content::before { + background: #cb2b83; +} +.ant-tooltip-magenta .ant-tooltip-inner { + background-color: #cb2b83; +} +.ant-tooltip-magenta .ant-tooltip-arrow-content::before { + background: #cb2b83; +} +.ant-tooltip-red .ant-tooltip-inner { + background-color: #d32029; +} +.ant-tooltip-red .ant-tooltip-arrow-content::before { + background: #d32029; +} +.ant-tooltip-volcano .ant-tooltip-inner { + background-color: #d84a1b; +} +.ant-tooltip-volcano .ant-tooltip-arrow-content::before { + background: #d84a1b; +} +.ant-tooltip-orange .ant-tooltip-inner { + background-color: #d87a16; +} +.ant-tooltip-orange .ant-tooltip-arrow-content::before { + background: #d87a16; +} +.ant-tooltip-yellow .ant-tooltip-inner { + background-color: #d8bd14; +} +.ant-tooltip-yellow .ant-tooltip-arrow-content::before { + background: #d8bd14; +} +.ant-tooltip-gold .ant-tooltip-inner { + background-color: #d89614; +} +.ant-tooltip-gold .ant-tooltip-arrow-content::before { + background: #d89614; +} +.ant-tooltip-cyan .ant-tooltip-inner { + background-color: #13a8a8; +} +.ant-tooltip-cyan .ant-tooltip-arrow-content::before { + background: #13a8a8; +} +.ant-tooltip-lime .ant-tooltip-inner { + background-color: #8bbb11; +} +.ant-tooltip-lime .ant-tooltip-arrow-content::before { + background: #8bbb11; +} +.ant-tooltip-green .ant-tooltip-inner { + background-color: #49aa19; +} +.ant-tooltip-green .ant-tooltip-arrow-content::before { + background: #49aa19; +} +.ant-tooltip-blue .ant-tooltip-inner { + background-color: #177ddc; +} +.ant-tooltip-blue .ant-tooltip-arrow-content::before { + background: #177ddc; +} +.ant-tooltip-geekblue .ant-tooltip-inner { + background-color: #2b4acb; +} +.ant-tooltip-geekblue .ant-tooltip-arrow-content::before { + background: #2b4acb; +} +.ant-tooltip-purple .ant-tooltip-inner { + background-color: #642ab5; +} +.ant-tooltip-purple .ant-tooltip-arrow-content::before { + background: #642ab5; +} +.ant-tooltip-rtl { + direction: rtl; +} +.ant-tooltip-rtl .ant-tooltip-inner { + text-align: right; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-space { + display: inline-flex; +} +.ant-space-vertical { + flex-direction: column; +} +.ant-space-align-center { + align-items: center; +} +.ant-space-align-start { + align-items: flex-start; +} +.ant-space-align-end { + align-items: flex-end; +} +.ant-space-align-baseline { + align-items: baseline; +} +.ant-space-item:empty { + display: none; +} +.ant-space-compact { + display: inline-flex; +} +.ant-space-compact-block { + display: flex; + width: 100%; +} +.ant-space-compact-vertical { + flex-direction: column; +} +.ant-space-rtl { + direction: rtl; +} +.ant-space-compact-rtl { + direction: rtl; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-picker-calendar { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + background: #141414; +} +.ant-picker-calendar-header { + display: flex; + justify-content: flex-end; + padding: 12px 0; +} +.ant-picker-calendar-header .ant-picker-calendar-year-select { + min-width: 80px; +} +.ant-picker-calendar-header .ant-picker-calendar-month-select { + min-width: 70px; + margin-left: 8px; +} +.ant-picker-calendar-header .ant-picker-calendar-mode-switch { + margin-left: 8px; +} +.ant-picker-calendar .ant-picker-panel { + background: #141414; + border: 0; + border-top: 1px solid #303030; + border-radius: 0; +} +.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel, +.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel { + width: auto; +} +.ant-picker-calendar .ant-picker-panel .ant-picker-body { + padding: 8px 0; +} +.ant-picker-calendar .ant-picker-panel .ant-picker-content { + width: 100%; +} +.ant-picker-calendar-mini { + border-radius: 2px; +} +.ant-picker-calendar-mini .ant-picker-calendar-header { + padding-right: 8px; + padding-left: 8px; +} +.ant-picker-calendar-mini .ant-picker-panel { + border-radius: 0 0 2px 2px; +} +.ant-picker-calendar-mini .ant-picker-content { + height: 256px; +} +.ant-picker-calendar-mini .ant-picker-content th { + height: auto; + padding: 0; + line-height: 18px; +} +.ant-picker-calendar-mini .ant-picker-cell::before { + pointer-events: none; +} +.ant-picker-calendar-full .ant-picker-panel { + display: block; + width: 100%; + text-align: right; + background: #141414; + border: 0; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td { + padding: 0; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { + height: auto; + padding: 0 12px 5px 0; + line-height: 18px; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before { + display: none; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date { + background: rgba(255, 255, 255, 0.08); +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before { + display: none; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today { + background: #111b26; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value, +.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value { + color: #177ddc; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { + display: block; + width: auto; + height: auto; + margin: 0 4px; + padding: 4px 8px 0; + border: 0; + border-top: 2px solid #303030; + border-radius: 0; + transition: background 0.3s; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value { + line-height: 24px; + transition: color 0.3s; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { + position: static; + width: auto; + height: 86px; + overflow-y: auto; + color: rgba(255, 255, 255, 0.85); + line-height: 1.5715; + text-align: left; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today { + border-color: #177ddc; +} +.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value { + color: rgba(255, 255, 255, 0.85); +} +@media only screen and (max-width: 480px) { + .ant-picker-calendar-header { + display: block; + } + .ant-picker-calendar-header .ant-picker-calendar-year-select { + width: 50%; + } + .ant-picker-calendar-header .ant-picker-calendar-month-select { + width: calc(50% - 8px); + } + .ant-picker-calendar-header .ant-picker-calendar-mode-switch { + width: 100%; + margin-top: 8px; + margin-left: 0; + } + .ant-picker-calendar-header .ant-picker-calendar-mode-switch > label { + width: 50%; + text-align: center; + } +} +.ant-picker-calendar-rtl { + direction: rtl; +} +.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select { + margin-right: 8px; + margin-left: 0; +} +.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch { + margin-right: 8px; + margin-left: 0; +} +.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel { + text-align: left; +} +.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th { + padding: 0 0 5px 12px; +} +.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content { + text-align: right; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-picker-status-error.ant-picker, +.ant-picker-status-error.ant-picker:not([disabled]):hover { + background-color: transparent; + border-color: #a61d24; +} +.ant-picker-status-error.ant-picker-focused, +.ant-picker-status-error.ant-picker:focus { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-picker-status-error.ant-picker .ant-picker-active-bar { + background: #b33b3d; +} +.ant-picker-status-warning.ant-picker, +.ant-picker-status-warning.ant-picker:not([disabled]):hover { + background-color: transparent; + border-color: #d89614; +} +.ant-picker-status-warning.ant-picker-focused, +.ant-picker-status-warning.ant-picker:focus { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-picker-status-warning.ant-picker .ant-picker-active-bar { + background: #e6b239; +} +.ant-picker { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + padding: 4px 11px 4px; + position: relative; + display: inline-flex; + align-items: center; + background: transparent; + border: 1px solid #434343; + border-radius: 2px; + transition: border 0.3s, box-shadow 0.3s; +} +.ant-picker:hover, +.ant-picker-focused { + border-color: #165996; + border-right-width: 1px; +} +.ant-picker-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-picker.ant-picker-disabled { + background: rgba(255, 255, 255, 0.08); + border-color: #434343; + cursor: not-allowed; +} +.ant-picker.ant-picker-disabled .ant-picker-suffix { + color: rgba(255, 255, 255, 0.3); +} +.ant-picker.ant-picker-borderless { + background-color: transparent !important; + border-color: transparent !important; + box-shadow: none !important; +} +.ant-picker-input { + position: relative; + display: inline-flex; + align-items: center; + width: 100%; +} +.ant-picker-input > input { + position: relative; + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: transparent; + background-image: none; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; + flex: auto; + min-width: 1px; + height: auto; + padding: 0; + background: transparent; + border: 0; +} +.ant-picker-input > input::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-picker-input > input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-picker-input > input::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-picker-input > input:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-picker-input > input:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-picker-input > input:placeholder-shown { + text-overflow: ellipsis; +} +.ant-picker-input > input:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-picker-input > input:focus, +.ant-picker-input > input-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-picker-input > input-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-picker-input > input-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-picker-input > input[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-picker-input > input[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-picker-input > input-borderless, +.ant-picker-input > input-borderless:hover, +.ant-picker-input > input-borderless:focus, +.ant-picker-input > input-borderless-focused, +.ant-picker-input > input-borderless-disabled, +.ant-picker-input > input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-picker-input > input { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-picker-input > input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-picker-input > input-sm { + padding: 0px 7px; +} +.ant-picker-input > input:focus { + box-shadow: none; +} +.ant-picker-input > input[disabled] { + background: transparent; +} +.ant-picker-input:hover .ant-picker-clear { + opacity: 1; +} +.ant-picker-input-placeholder > input { + color: rgba(255, 255, 255, 0.3); +} +.ant-picker-large { + padding: 6.5px 11px 6.5px; +} +.ant-picker-large .ant-picker-input > input { + font-size: 16px; +} +.ant-picker-small { + padding: 0px 7px 0px; +} +.ant-picker-suffix { + display: flex; + flex: none; + align-self: center; + margin-left: 4px; + color: rgba(255, 255, 255, 0.3); + line-height: 1; + pointer-events: none; +} +.ant-picker-suffix > * { + vertical-align: top; +} +.ant-picker-suffix > *:not(:last-child) { + margin-right: 8px; +} +.ant-picker-clear { + position: absolute; + top: 50%; + right: 0; + color: rgba(255, 255, 255, 0.3); + line-height: 1; + background: #141414; + transform: translateY(-50%); + cursor: pointer; + opacity: 0; + transition: opacity 0.3s, color 0.3s; +} +.ant-picker-clear > * { + vertical-align: top; +} +.ant-picker-clear:hover { + color: rgba(255, 255, 255, 0.45); +} +.ant-picker-separator { + position: relative; + display: inline-block; + width: 1em; + height: 16px; + color: rgba(255, 255, 255, 0.3); + font-size: 16px; + vertical-align: top; + cursor: default; +} +.ant-picker-focused .ant-picker-separator { + color: rgba(255, 255, 255, 0.45); +} +.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { + cursor: not-allowed; +} +.ant-picker-range { + position: relative; + display: inline-flex; +} +.ant-picker-range .ant-picker-clear { + right: 11px; +} +.ant-picker-range:hover .ant-picker-clear { + opacity: 1; +} +.ant-picker-range .ant-picker-active-bar { + bottom: -1px; + height: 2px; + margin-left: 11px; + background: #177ddc; + opacity: 0; + transition: all 0.3s ease-out; + pointer-events: none; +} +.ant-picker-range.ant-picker-focused .ant-picker-active-bar { + opacity: 1; +} +.ant-picker-range-separator { + align-items: center; + padding: 0 8px; + line-height: 1; +} +.ant-picker-range.ant-picker-small .ant-picker-clear { + right: 7px; +} +.ant-picker-range.ant-picker-small .ant-picker-active-bar { + margin-left: 7px; +} +.ant-picker-dropdown { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: -9999px; + left: -9999px; + z-index: 1050; +} +.ant-picker-dropdown-hidden { + display: none; +} +.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { + top: 2.58561808px; + display: block; + transform: rotate(-135deg) translateY(1px); +} +.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { + bottom: 2.58561808px; + display: block; + transform: rotate(45deg); +} +.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft, +.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight, +.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft, +.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight { + animation-name: antSlideDownIn; +} +.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, +.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, +.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, +.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { + animation-name: antSlideUpIn; +} +.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft, +.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight { + animation-name: antSlideDownOut; +} +.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, +.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { + animation-name: antSlideUpOut; +} +.ant-picker-dropdown-range { + padding: 7.54247233px 0; +} +.ant-picker-dropdown-range-hidden { + display: none; +} +.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { + padding-top: 4px; +} +.ant-picker-ranges { + margin-bottom: 0; + padding: 4px 12px; + overflow: hidden; + line-height: 34px; + text-align: left; + list-style: none; +} +.ant-picker-ranges > li { + display: inline-block; +} +.ant-picker-ranges .ant-picker-preset > .ant-tag-blue { + color: #177ddc; + background: #111b26; + border-color: #153450; + cursor: pointer; +} +.ant-picker-ranges .ant-picker-ok { + float: right; + margin-left: 8px; +} +.ant-picker-range-wrapper { + display: flex; +} +.ant-picker-range-arrow { + position: absolute; + z-index: 1; + width: 11.3137085px; + height: 11.3137085px; + margin-left: 16.5px; + box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.1); + transition: left 0.3s ease-out; + border-radius: 0 0 2px; + pointer-events: none; +} +.ant-picker-range-arrow::before { + position: absolute; + top: -11.3137085px; + left: -11.3137085px; + width: 33.9411255px; + height: 33.9411255px; + background: #1f1f1f; + background-repeat: no-repeat; + background-position: -10px -10px; + content: ''; + -webkit-clip-path: inset(33% 33%); + clip-path: inset(33% 33%); + -webkit-clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); + clip-path: path('M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z'); +} +.ant-picker-panel-container { + overflow: hidden; + vertical-align: top; + background: #1f1f1f; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); + transition: margin 0.3s; +} +.ant-picker-panel-container .ant-picker-panels { + display: inline-flex; + flex-wrap: nowrap; + direction: ltr; +} +.ant-picker-panel-container .ant-picker-panel { + vertical-align: top; + background: transparent; + border-width: 0 0 1px 0; + border-radius: 0; +} +.ant-picker-panel-container .ant-picker-panel .ant-picker-content, +.ant-picker-panel-container .ant-picker-panel table { + text-align: center; +} +.ant-picker-panel-container .ant-picker-panel-focused { + border-color: #303030; +} +.ant-picker-compact-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) { + margin-right: -1px; +} +.ant-picker-compact-item:not(.ant-picker-compact-last-item).ant-picker-compact-item-rtl { + margin-left: -1px; +} +.ant-picker-compact-item:hover, +.ant-picker-compact-item:focus, +.ant-picker-compact-item:active { + z-index: 2; +} +.ant-picker-compact-item.ant-picker-focused { + z-index: 2; +} +.ant-picker-compact-item[disabled] { + z-index: 0; +} +.ant-picker-compact-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-last-item).ant-picker { + border-radius: 0; +} +.ant-picker-compact-item.ant-picker.ant-picker-compact-first-item:not(.ant-picker-compact-last-item):not(.ant-picker-compact-item-rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-picker-compact-item.ant-picker.ant-picker-compact-last-item:not(.ant-picker-compact-first-item):not(.ant-picker-compact-item-rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-first-item:not(.ant-picker-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-picker-compact-item.ant-picker.ant-picker-compact-item-rtl.ant-picker-compact-last-item:not(.ant-picker-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-picker-panel { + display: inline-flex; + flex-direction: column; + text-align: center; + background: #1f1f1f; + border: 1px solid #303030; + border-radius: 2px; + outline: none; +} +.ant-picker-panel-focused { + border-color: #177ddc; +} +.ant-picker-decade-panel, +.ant-picker-year-panel, +.ant-picker-quarter-panel, +.ant-picker-month-panel, +.ant-picker-week-panel, +.ant-picker-date-panel, +.ant-picker-time-panel { + display: flex; + flex-direction: column; + width: 280px; +} +.ant-picker-header { + display: flex; + padding: 0 8px; + color: rgba(255, 255, 255, 0.85); + border-bottom: 1px solid #303030; +} +.ant-picker-header > * { + flex: none; +} +.ant-picker-header button { + padding: 0; + color: rgba(255, 255, 255, 0.3); + line-height: 40px; + background: transparent; + border: 0; + cursor: pointer; + transition: color 0.3s; +} +.ant-picker-header > button { + min-width: 1.6em; + font-size: 14px; +} +.ant-picker-header > button:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-picker-header-view { + flex: auto; + font-weight: 500; + line-height: 40px; +} +.ant-picker-header-view button { + color: inherit; + font-weight: inherit; +} +.ant-picker-header-view button:not(:first-child) { + margin-left: 8px; +} +.ant-picker-header-view button:hover { + color: #177ddc; +} +.ant-picker-prev-icon, +.ant-picker-next-icon, +.ant-picker-super-prev-icon, +.ant-picker-super-next-icon { + position: relative; + display: inline-block; + width: 7px; + height: 7px; +} +.ant-picker-prev-icon::before, +.ant-picker-next-icon::before, +.ant-picker-super-prev-icon::before, +.ant-picker-super-next-icon::before { + position: absolute; + top: 0; + left: 0; + display: inline-block; + width: 7px; + height: 7px; + border: 0 solid currentcolor; + border-width: 1.5px 0 0 1.5px; + content: ''; +} +.ant-picker-super-prev-icon::after, +.ant-picker-super-next-icon::after { + position: absolute; + top: 4px; + left: 4px; + display: inline-block; + width: 7px; + height: 7px; + border: 0 solid currentcolor; + border-width: 1.5px 0 0 1.5px; + content: ''; +} +.ant-picker-prev-icon, +.ant-picker-super-prev-icon { + transform: rotate(-45deg); +} +.ant-picker-next-icon, +.ant-picker-super-next-icon { + transform: rotate(135deg); +} +.ant-picker-content { + width: 100%; + table-layout: fixed; + border-collapse: collapse; +} +.ant-picker-content th, +.ant-picker-content td { + position: relative; + min-width: 24px; + font-weight: 400; +} +.ant-picker-content th { + height: 30px; + color: rgba(255, 255, 255, 0.85); + line-height: 30px; +} +.ant-picker-cell { + padding: 3px 0; + color: rgba(255, 255, 255, 0.3); + cursor: pointer; +} +.ant-picker-cell-in-view { + color: rgba(255, 255, 255, 0.85); +} +.ant-picker-cell::before { + position: absolute; + top: 50%; + right: 0; + left: 0; + z-index: 1; + height: 24px; + transform: translateY(-50%); + transition: all 0.3s; + content: ''; +} +.ant-picker-cell .ant-picker-cell-inner { + position: relative; + z-index: 2; + display: inline-block; + min-width: 24px; + height: 24px; + line-height: 24px; + border-radius: 2px; + transition: background 0.3s, border 0.3s; +} +.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, +.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { + background: rgba(255, 255, 255, 0.08); +} +.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + border: 1px solid #177ddc; + border-radius: 2px; + content: ''; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range { + position: relative; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range::before { + background: #111b26; +} +.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, +.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, +.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { + color: #fff; + background: #177ddc; +} +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { + background: #111b26; +} +.ant-picker-cell-in-view.ant-picker-cell-range-start::before { + left: 50%; +} +.ant-picker-cell-in-view.ant-picker-cell-range-end::before { + right: 50%; +} +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { + position: absolute; + top: 50%; + z-index: 0; + height: 24px; + border-top: 1px dashed #0e4980; + border-bottom: 1px dashed #0e4980; + transform: translateY(-50%); + transition: all 0.3s; + content: ''; +} +.ant-picker-cell-range-hover-start::after, +.ant-picker-cell-range-hover-end::after, +.ant-picker-cell-range-hover::after { + right: 0; + left: 2px; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, +.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, +.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { + background: #06213a; +} +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { + border-radius: 2px 0 0 2px; +} +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { + border-radius: 0 2px 2px 0; +} +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { + position: absolute; + top: 0; + bottom: 0; + z-index: -1; + background: #06213a; + transition: all 0.3s; + content: ''; +} +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { + right: -6px; + left: 0; +} +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { + right: 0; + left: -6px; +} +.ant-picker-cell-range-hover.ant-picker-cell-range-start::after { + right: 50%; +} +.ant-picker-cell-range-hover.ant-picker-cell-range-end::after { + left: 50%; +} +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, +.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { + left: 6px; + border-left: 1px dashed #0e4980; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, +.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { + right: 6px; + border-right: 1px dashed #0e4980; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-picker-cell-disabled { + color: rgba(255, 255, 255, 0.3); + pointer-events: none; +} +.ant-picker-cell-disabled .ant-picker-cell-inner { + background: transparent; +} +.ant-picker-cell-disabled::before { + background: #303030; +} +.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { + border-color: rgba(255, 255, 255, 0.3); +} +.ant-picker-decade-panel .ant-picker-content, +.ant-picker-year-panel .ant-picker-content, +.ant-picker-quarter-panel .ant-picker-content, +.ant-picker-month-panel .ant-picker-content { + height: 264px; +} +.ant-picker-decade-panel .ant-picker-cell-inner, +.ant-picker-year-panel .ant-picker-cell-inner, +.ant-picker-quarter-panel .ant-picker-cell-inner, +.ant-picker-month-panel .ant-picker-cell-inner { + padding: 0 8px; +} +.ant-picker-quarter-panel .ant-picker-content { + height: 56px; +} +.ant-picker-footer { + width: -moz-min-content; + width: min-content; + min-width: 100%; + line-height: 38px; + text-align: center; + border-bottom: 1px solid transparent; +} +.ant-picker-panel .ant-picker-footer { + border-top: 1px solid #303030; +} +.ant-picker-footer-extra { + padding: 0 12px; + line-height: 38px; + text-align: left; +} +.ant-picker-footer-extra:not(:last-child) { + border-bottom: 1px solid #303030; +} +.ant-picker-now { + text-align: left; +} +.ant-picker-today-btn { + color: #177ddc; +} +.ant-picker-today-btn:hover { + color: #165996; +} +.ant-picker-today-btn:active { + color: #388ed3; +} +.ant-picker-today-btn.ant-picker-today-btn-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-picker-decade-panel .ant-picker-cell-inner { + padding: 0 4px; +} +.ant-picker-decade-panel .ant-picker-cell::before { + display: none; +} +.ant-picker-year-panel .ant-picker-body, +.ant-picker-quarter-panel .ant-picker-body, +.ant-picker-month-panel .ant-picker-body { + padding: 0 8px; +} +.ant-picker-year-panel .ant-picker-cell-inner, +.ant-picker-quarter-panel .ant-picker-cell-inner, +.ant-picker-month-panel .ant-picker-cell-inner { + width: 60px; +} +.ant-picker-year-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-month-panel .ant-picker-cell-range-hover-start::after { + left: 14px; + border-left: 1px dashed #0e4980; + border-radius: 2px 0 0 2px; +} +.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { + right: 14px; + border-right: 1px dashed #0e4980; + border-radius: 0 2px 2px 0; +} +.ant-picker-year-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-month-panel .ant-picker-cell-range-hover-end::after { + right: 14px; + border-right: 1px dashed #0e4980; + border-radius: 0 2px 2px 0; +} +.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { + left: 14px; + border-left: 1px dashed #0e4980; + border-radius: 2px 0 0 2px; +} +.ant-picker-week-panel .ant-picker-body { + padding: 8px 12px; +} +.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, +.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, +.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { + background: transparent !important; +} +.ant-picker-week-panel-row td { + transition: background 0.3s; +} +.ant-picker-week-panel-row:hover td { + background: rgba(255, 255, 255, 0.08); +} +.ant-picker-week-panel-row-selected td, +.ant-picker-week-panel-row-selected:hover td { + background: #177ddc; +} +.ant-picker-week-panel-row-selected td.ant-picker-cell-week, +.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { + color: rgba(255, 255, 255, 0.5); +} +.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, +.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { + border-color: #fff; +} +.ant-picker-week-panel-row-selected td .ant-picker-cell-inner, +.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { + color: #fff; +} +.ant-picker-date-panel .ant-picker-body { + padding: 8px 12px; +} +.ant-picker-date-panel .ant-picker-content { + width: 252px; +} +.ant-picker-date-panel .ant-picker-content th { + width: 36px; +} +.ant-picker-datetime-panel { + display: flex; +} +.ant-picker-datetime-panel .ant-picker-time-panel { + border-left: 1px solid #303030; +} +.ant-picker-datetime-panel .ant-picker-date-panel, +.ant-picker-datetime-panel .ant-picker-time-panel { + transition: opacity 0.3s; +} +.ant-picker-datetime-panel-active .ant-picker-date-panel, +.ant-picker-datetime-panel-active .ant-picker-time-panel { + opacity: 0.3; +} +.ant-picker-datetime-panel-active .ant-picker-date-panel-active, +.ant-picker-datetime-panel-active .ant-picker-time-panel-active { + opacity: 1; +} +.ant-picker-time-panel { + width: auto; + min-width: auto; +} +.ant-picker-time-panel .ant-picker-content { + display: flex; + flex: auto; + height: 224px; +} +.ant-picker-time-panel-column { + flex: 1 0 auto; + width: 56px; + margin: 0; + padding: 0; + overflow-y: hidden; + text-align: left; + list-style: none; + transition: background 0.3s; +} +.ant-picker-time-panel-column::after { + display: block; + height: 196px; + content: ''; +} +.ant-picker-datetime-panel .ant-picker-time-panel-column::after { + height: 198px; +} +.ant-picker-time-panel-column:not(:first-child) { + border-left: 1px solid #303030; +} +.ant-picker-time-panel-column-active { + background: rgba(17, 27, 38, 0.2); +} +.ant-picker-time-panel-column:hover { + overflow-y: auto; +} +.ant-picker-time-panel-column > li { + margin: 0; + padding: 0; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { + display: block; + width: 100%; + height: 28px; + margin: 0; + padding: 0 0 0 14px; + color: rgba(255, 255, 255, 0.85); + line-height: 28px; + border-radius: 0; + cursor: pointer; + transition: background 0.3s; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { + background: rgba(255, 255, 255, 0.08); +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { + background: #111b26; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { + color: rgba(255, 255, 255, 0.3); + background: transparent; + cursor: not-allowed; +} +/* stylelint-disable selector-type-no-unknown,selector-no-vendor-prefix */ +_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, +:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, +_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, +:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { + padding: 21px 0; +} +.ant-picker-rtl { + direction: rtl; +} +.ant-picker-rtl .ant-picker-suffix { + margin-right: 4px; + margin-left: 0; +} +.ant-picker-rtl .ant-picker-clear { + right: auto; + left: 0; +} +.ant-picker-rtl .ant-picker-separator { + transform: rotate(180deg); +} +.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { + margin-right: 8px; + margin-left: 0; +} +.ant-picker-rtl.ant-picker-range .ant-picker-clear { + right: auto; + left: 11px; +} +.ant-picker-rtl.ant-picker-range .ant-picker-active-bar { + margin-right: 11px; + margin-left: 0; +} +.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { + margin-right: 7px; +} +.ant-picker-dropdown-rtl .ant-picker-ranges { + text-align: right; +} +.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { + float: left; + margin-right: 8px; + margin-left: 0; +} +.ant-picker-panel-rtl { + direction: rtl; +} +.ant-picker-panel-rtl .ant-picker-prev-icon, +.ant-picker-panel-rtl .ant-picker-super-prev-icon { + transform: rotate(135deg); +} +.ant-picker-panel-rtl .ant-picker-next-icon, +.ant-picker-panel-rtl .ant-picker-super-next-icon { + transform: rotate(-45deg); +} +.ant-picker-cell .ant-picker-cell-inner { + position: relative; + z-index: 2; + display: inline-block; + min-width: 24px; + height: 24px; + line-height: 24px; + border-radius: 2px; + transition: background 0.3s, border 0.3s; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { + right: 50%; + left: 0; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { + right: 0; + left: 50%; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { + right: 50%; + left: 50%; +} +.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { + right: 0; + left: -6px; +} +.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { + right: -6px; + left: 0; +} +.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { + right: 0; + left: 50%; +} +.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { + right: 50%; + left: 0; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { + border-radius: 0 2px 2px 0; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { + border-radius: 2px 0 0 2px; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { + right: 6px; + left: 0; + border-right: 1px dashed #0e4980; + border-left: none; + border-radius: 0 2px 2px 0; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { + right: 0; + left: 6px; + border-right: none; + border-left: 1px dashed #0e4980; + border-radius: 2px 0 0 2px; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after, +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after, +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after { + right: 6px; + left: 6px; + border-right: 1px dashed #0e4980; + border-left: 1px dashed #0e4980; + border-radius: 2px; +} +.ant-picker-dropdown-rtl .ant-picker-footer-extra { + direction: rtl; + text-align: right; +} +.ant-picker-panel-rtl .ant-picker-time-panel { + direction: ltr; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-tag { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; + height: auto; + margin-right: 8px; + padding: 0 7px; + font-size: 12px; + line-height: 20px; + white-space: nowrap; + background: rgba(255, 255, 255, 0.04); + border: 1px solid #434343; + border-radius: 2px; + opacity: 1; + transition: all 0.3s; +} +.ant-tag, +.ant-tag a, +.ant-tag a:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-tag > a:first-child:last-child { + display: inline-block; + margin: 0 -8px; + padding: 0 8px; +} +.ant-tag-close-icon { + margin-left: 3px; + color: rgba(255, 255, 255, 0.45); + font-size: 10px; + cursor: pointer; + transition: all 0.3s; +} +.ant-tag-close-icon:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-tag-has-color { + border-color: transparent; +} +.ant-tag-has-color, +.ant-tag-has-color a, +.ant-tag-has-color a:hover, +.ant-tag-has-color .anticon-close, +.ant-tag-has-color .anticon-close:hover { + color: #fff; +} +.ant-tag-checkable { + background-color: transparent; + border-color: transparent; + cursor: pointer; +} +.ant-tag-checkable:not(.ant-tag-checkable-checked):hover { + color: #177ddc; +} +.ant-tag-checkable:active, +.ant-tag-checkable-checked { + color: #fff; +} +.ant-tag-checkable-checked { + background-color: #177ddc; +} +.ant-tag-checkable:active { + background-color: #388ed3; +} +.ant-tag-hidden { + display: none; +} +.ant-tag-pink { + color: #e0529c; + background: #291321; + border-color: #551c3b; +} +.ant-tag-pink-inverse { + color: #fff; + background: #cb2b83; + border-color: #cb2b83; +} +.ant-tag-magenta { + color: #e0529c; + background: #291321; + border-color: #551c3b; +} +.ant-tag-magenta-inverse { + color: #fff; + background: #cb2b83; + border-color: #cb2b83; +} +.ant-tag-red { + color: #e84749; + background: #2a1215; + border-color: #58181c; +} +.ant-tag-red-inverse { + color: #fff; + background: #d32029; + border-color: #d32029; +} +.ant-tag-volcano { + color: #e87040; + background: #2b1611; + border-color: #592716; +} +.ant-tag-volcano-inverse { + color: #fff; + background: #d84a1b; + border-color: #d84a1b; +} +.ant-tag-orange { + color: #e89a3c; + background: #2b1d11; + border-color: #593815; +} +.ant-tag-orange-inverse { + color: #fff; + background: #d87a16; + border-color: #d87a16; +} +.ant-tag-yellow { + color: #e8d639; + background: #2b2611; + border-color: #595014; +} +.ant-tag-yellow-inverse { + color: #fff; + background: #d8bd14; + border-color: #d8bd14; +} +.ant-tag-gold { + color: #e8b339; + background: #2b2111; + border-color: #594214; +} +.ant-tag-gold-inverse { + color: #fff; + background: #d89614; + border-color: #d89614; +} +.ant-tag-cyan { + color: #33bcb7; + background: #112123; + border-color: #144848; +} +.ant-tag-cyan-inverse { + color: #fff; + background: #13a8a8; + border-color: #13a8a8; +} +.ant-tag-lime { + color: #a9d134; + background: #1f2611; + border-color: #3e4f13; +} +.ant-tag-lime-inverse { + color: #fff; + background: #8bbb11; + border-color: #8bbb11; +} +.ant-tag-green { + color: #6abe39; + background: #162312; + border-color: #274916; +} +.ant-tag-green-inverse { + color: #fff; + background: #49aa19; + border-color: #49aa19; +} +.ant-tag-blue { + color: #3c9ae8; + background: #111d2c; + border-color: #15395b; +} +.ant-tag-blue-inverse { + color: #fff; + background: #177ddc; + border-color: #177ddc; +} +.ant-tag-geekblue { + color: #5273e0; + background: #131629; + border-color: #1c2755; +} +.ant-tag-geekblue-inverse { + color: #fff; + background: #2b4acb; + border-color: #2b4acb; +} +.ant-tag-purple { + color: #854eca; + background: #1a1325; + border-color: #301c4d; +} +.ant-tag-purple-inverse { + color: #fff; + background: #642ab5; + border-color: #642ab5; +} +.ant-tag-success { + color: #49aa19; + background: #162312; + border-color: #274916; +} +.ant-tag-processing { + color: #177ddc; + background: #111b26; + border-color: #153450; +} +.ant-tag-error { + color: #a61d24; + background: #2a1215; + border-color: #58181c; +} +.ant-tag-warning { + color: #d89614; + background: #2b1d11; + border-color: #593815; +} +.ant-tag > .anticon + span, +.ant-tag > span + .anticon { + margin-left: 7px; +} +.ant-tag.ant-tag-rtl { + margin-right: 0; + margin-left: 8px; + direction: rtl; + text-align: right; +} +.ant-tag-rtl .ant-tag-close-icon { + margin-right: 3px; + margin-left: 0; +} +.ant-tag-rtl.ant-tag > .anticon + span, +.ant-tag-rtl.ant-tag > span + .anticon { + margin-right: 7px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-radio-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; + font-size: 0; +} +.ant-radio-group .ant-badge-count { + z-index: 1; +} +.ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { + border-left: none; +} +.ant-radio-wrapper { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: inline-flex; + align-items: baseline; + margin-right: 8px; + cursor: pointer; +} +.ant-radio-wrapper-disabled { + cursor: not-allowed; +} +.ant-radio-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.ant-radio-wrapper.ant-radio-wrapper-in-form-item input[type='radio'] { + width: 14px; + height: 14px; +} +.ant-radio { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + top: 0.2em; + display: inline-block; + outline: none; + cursor: pointer; +} +.ant-radio-wrapper:hover .ant-radio, +.ant-radio:hover .ant-radio-inner, +.ant-radio-input:focus + .ant-radio-inner { + border-color: #177ddc; +} +.ant-radio-input:focus + .ant-radio-inner { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); +} +.ant-radio-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid #177ddc; + border-radius: 50%; + visibility: hidden; + animation: antRadioEffect 0.36s ease-in-out; + animation-fill-mode: both; + content: ''; +} +.ant-radio:hover::after, +.ant-radio-wrapper:hover .ant-radio::after { + visibility: visible; +} +.ant-radio-inner { + position: relative; + top: 0; + left: 0; + display: block; + width: 16px; + height: 16px; + background-color: transparent; + border-color: #434343; + border-style: solid; + border-width: 1px; + border-radius: 50%; + transition: all 0.3s; +} +.ant-radio-inner::after { + position: absolute; + top: 50%; + left: 50%; + display: block; + width: 16px; + height: 16px; + margin-top: -8px; + margin-left: -8px; + background-color: #177ddc; + border-top: 0; + border-left: 0; + border-radius: 16px; + transform: scale(0); + opacity: 0; + transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); + content: ' '; +} +.ant-radio-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + cursor: pointer; + opacity: 0; +} +.ant-radio.ant-radio-disabled .ant-radio-inner { + border-color: #434343; +} +.ant-radio-checked .ant-radio-inner { + border-color: #177ddc; +} +.ant-radio-checked .ant-radio-inner::after { + transform: scale(0.5); + opacity: 1; + transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-radio-disabled { + cursor: not-allowed; +} +.ant-radio-disabled .ant-radio-inner { + background-color: rgba(255, 255, 255, 0.08); + cursor: not-allowed; +} +.ant-radio-disabled .ant-radio-inner::after { + background-color: rgba(255, 255, 255, 0.2); +} +.ant-radio-disabled .ant-radio-input { + cursor: not-allowed; +} +.ant-radio-disabled + span { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +span.ant-radio + * { + padding-right: 8px; + padding-left: 8px; +} +.ant-radio-button-wrapper { + position: relative; + display: inline-block; + height: 32px; + margin: 0; + padding: 0 15px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 30px; + background: transparent; + border: 1px solid #434343; + border-top-width: 1.02px; + border-left-width: 0; + cursor: pointer; + transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; +} +.ant-radio-button-wrapper a { + color: rgba(255, 255, 255, 0.85); +} +.ant-radio-button-wrapper > .ant-radio-button { + position: absolute; + top: 0; + left: 0; + z-index: -1; + width: 100%; + height: 100%; +} +.ant-radio-group-large .ant-radio-button-wrapper { + height: 40px; + font-size: 16px; + line-height: 38px; +} +.ant-radio-group-small .ant-radio-button-wrapper { + height: 24px; + padding: 0 7px; + line-height: 22px; +} +.ant-radio-button-wrapper:not(:first-child)::before { + position: absolute; + top: -1px; + left: -1px; + display: block; + box-sizing: content-box; + width: 1px; + height: 100%; + padding: 1px 0; + background-color: #434343; + transition: background-color 0.3s; + content: ''; +} +.ant-radio-button-wrapper:first-child { + border-left: 1px solid #434343; + border-radius: 2px 0 0 2px; +} +.ant-radio-button-wrapper:last-child { + border-radius: 0 2px 2px 0; +} +.ant-radio-button-wrapper:first-child:last-child { + border-radius: 2px; +} +.ant-radio-button-wrapper:hover { + position: relative; + color: #177ddc; +} +.ant-radio-button-wrapper:focus-within { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); +} +.ant-radio-button-wrapper .ant-radio-inner, +.ant-radio-button-wrapper input[type='checkbox'], +.ant-radio-button-wrapper input[type='radio'] { + width: 0; + height: 0; + opacity: 0; + pointer-events: none; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { + z-index: 1; + color: #177ddc; + background: transparent; + border-color: #177ddc; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { + background-color: #177ddc; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { + border-color: #177ddc; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { + color: #165996; + border-color: #165996; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { + background-color: #165996; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { + color: #388ed3; + border-color: #388ed3; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { + background-color: #388ed3; +} +.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); +} +.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { + color: #fff; + background: #177ddc; + border-color: #177ddc; +} +.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { + color: #fff; + background: #165996; + border-color: #165996; +} +.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { + color: #fff; + background: #388ed3; + border-color: #388ed3; +} +.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { + box-shadow: 0 0 0 3px rgba(23, 125, 220, 0.12); +} +.ant-radio-button-wrapper-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + cursor: not-allowed; +} +.ant-radio-button-wrapper-disabled:first-child, +.ant-radio-button-wrapper-disabled:hover { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; +} +.ant-radio-button-wrapper-disabled:first-child { + border-left-color: #434343; +} +.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.2); + border-color: #434343; + box-shadow: none; +} +@keyframes antRadioEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +.ant-radio-group.ant-radio-group-rtl { + direction: rtl; +} +.ant-radio-wrapper.ant-radio-wrapper-rtl { + margin-right: 0; + margin-left: 8px; + direction: rtl; +} +.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { + border-right-width: 0; + border-left-width: 1px; +} +.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { + right: -1px; + left: 0; +} +.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { + border-right: 1px solid #434343; + border-radius: 0 2px 2px 0; +} +.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { + border-right-color: #165996; +} +.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { + border-radius: 2px 0 0 2px; +} +.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { + border-right-color: #434343; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-card { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + background: #141414; + border-radius: 2px; +} +.ant-card-rtl { + direction: rtl; +} +.ant-card-hoverable { + cursor: pointer; + transition: box-shadow 0.3s, border-color 0.3s; +} +.ant-card-hoverable:hover { + border-color: transparent; + box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36); +} +.ant-card-bordered { + border: 1px solid #303030; +} +.ant-card-head { + min-height: 48px; + margin-bottom: -1px; + padding: 0 24px; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + font-size: 16px; + background: transparent; + border-bottom: 1px solid #303030; + border-radius: 2px 2px 0 0; +} +.ant-card-head::before { + display: table; + content: ''; +} +.ant-card-head::after { + display: table; + clear: both; + content: ''; +} +.ant-card-head-wrapper { + display: flex; + align-items: center; +} +.ant-card-head-title { + display: inline-block; + flex: 1; + padding: 16px 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-card-head-title > .ant-typography, +.ant-card-head-title > .ant-typography-edit-content { + left: 0; + margin-top: 0; + margin-bottom: 0; +} +.ant-card-head .ant-tabs-top { + clear: both; + margin-bottom: -17px; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; +} +.ant-card-head .ant-tabs-top-bar { + border-bottom: 1px solid #303030; +} +.ant-card-extra { + margin-left: auto; + padding: 16px 0; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; +} +.ant-card-rtl .ant-card-extra { + margin-right: auto; + margin-left: 0; +} +.ant-card-body { + padding: 24px; +} +.ant-card-body::before { + display: table; + content: ''; +} +.ant-card-body::after { + display: table; + clear: both; + content: ''; +} +.ant-card-contain-grid .ant-card-body { + display: flex; + flex-wrap: wrap; +} +.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { + margin: -1px 0 0 -1px; + padding: 0; +} +.ant-card-grid { + width: 33.33%; + padding: 24px; + border: 0; + border-radius: 0; + box-shadow: 1px 0 0 0 #303030, 0 1px 0 0 #303030, 1px 1px 0 0 #303030, 1px 0 0 0 #303030 inset, 0 1px 0 0 #303030 inset; + transition: all 0.3s; +} +.ant-card-grid-hoverable:hover { + position: relative; + z-index: 1; + box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48), 0 5px 12px 4px rgba(0, 0, 0, 0.36); +} +.ant-card-contain-tabs > .ant-card-head .ant-card-head-title { + min-height: 32px; + padding-bottom: 0; +} +.ant-card-contain-tabs > .ant-card-head .ant-card-extra { + padding-bottom: 0; +} +.ant-card-bordered .ant-card-cover { + margin-top: -1px; + margin-right: -1px; + margin-left: -1px; +} +.ant-card-cover > * { + display: block; + width: 100%; +} +.ant-card-cover img { + border-radius: 2px 2px 0 0; +} +.ant-card-actions { + display: flex; + margin: 0; + padding: 0; + list-style: none; + background: #141414; + border-top: 1px solid #303030; +} +.ant-card-actions::before { + display: table; + content: ''; +} +.ant-card-actions::after { + display: table; + clear: both; + content: ''; +} +.ant-card-actions > li { + margin: 12px 0; + color: rgba(255, 255, 255, 0.45); + text-align: center; +} +.ant-card-actions > li > span { + position: relative; + display: block; + min-width: 32px; + font-size: 14px; + line-height: 1.5715; + cursor: pointer; +} +.ant-card-actions > li > span:hover { + color: #177ddc; + transition: color 0.3s; +} +.ant-card-actions > li > span a:not(.ant-btn), +.ant-card-actions > li > span > .anticon { + display: inline-block; + width: 100%; + color: rgba(255, 255, 255, 0.45); + line-height: 22px; + transition: color 0.3s; +} +.ant-card-actions > li > span a:not(.ant-btn):hover, +.ant-card-actions > li > span > .anticon:hover { + color: #177ddc; +} +.ant-card-actions > li > span > .anticon { + font-size: 16px; + line-height: 22px; +} +.ant-card-actions > li:not(:last-child) { + border-right: 1px solid #303030; +} +.ant-card-rtl .ant-card-actions > li:not(:last-child) { + border-right: none; + border-left: 1px solid #303030; +} +.ant-card-type-inner .ant-card-head { + padding: 0 24px; + background: rgba(255, 255, 255, 0.04); +} +.ant-card-type-inner .ant-card-head-title { + padding: 12px 0; + font-size: 14px; +} +.ant-card-type-inner .ant-card-body { + padding: 16px 24px; +} +.ant-card-type-inner .ant-card-extra { + padding: 13.5px 0; +} +.ant-card-meta { + display: flex; + margin: -4px 0; +} +.ant-card-meta::before { + display: table; + content: ''; +} +.ant-card-meta::after { + display: table; + clear: both; + content: ''; +} +.ant-card-meta-avatar { + padding-right: 16px; +} +.ant-card-rtl .ant-card-meta-avatar { + padding-right: 0; + padding-left: 16px; +} +.ant-card-meta-detail { + flex: 1; + overflow: hidden; +} +.ant-card-meta-detail > div:not(:last-child) { + margin-bottom: 8px; +} +.ant-card-meta-title { + overflow: hidden; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + font-size: 16px; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-card-meta-description { + color: rgba(255, 255, 255, 0.45); +} +.ant-card-loading { + overflow: hidden; +} +.ant-card-loading .ant-card-body { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-card-small > .ant-card-head { + min-height: 36px; + padding: 0 12px; + font-size: 14px; +} +.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { + padding: 8px 0; +} +.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { + padding: 8px 0; + font-size: 14px; +} +.ant-card-small > .ant-card-body { + padding: 12px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-skeleton { + display: table; + width: 100%; +} +.ant-skeleton-header { + display: table-cell; + padding-right: 16px; + vertical-align: top; +} +.ant-skeleton-header .ant-skeleton-avatar { + display: inline-block; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + width: 32px; + height: 32px; + line-height: 32px; +} +.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { + border-radius: 50%; +} +.ant-skeleton-header .ant-skeleton-avatar-lg { + width: 40px; + height: 40px; + line-height: 40px; +} +.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { + border-radius: 50%; +} +.ant-skeleton-header .ant-skeleton-avatar-sm { + width: 24px; + height: 24px; + line-height: 24px; +} +.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { + border-radius: 50%; +} +.ant-skeleton-content { + display: table-cell; + width: 100%; + vertical-align: top; +} +.ant-skeleton-content .ant-skeleton-title { + width: 100%; + height: 16px; + background: rgba(190, 190, 190, 0.2); + border-radius: 2px; +} +.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { + margin-top: 24px; +} +.ant-skeleton-content .ant-skeleton-paragraph { + padding: 0; +} +.ant-skeleton-content .ant-skeleton-paragraph > li { + width: 100%; + height: 16px; + list-style: none; + background: rgba(190, 190, 190, 0.2); + border-radius: 2px; +} +.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { + width: 61%; +} +.ant-skeleton-content .ant-skeleton-paragraph > li + li { + margin-top: 16px; +} +.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { + margin-top: 12px; +} +.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { + margin-top: 28px; +} +.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, +.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li { + border-radius: 100px; +} +.ant-skeleton-active .ant-skeleton-title, +.ant-skeleton-active .ant-skeleton-paragraph > li, +.ant-skeleton-active .ant-skeleton-avatar, +.ant-skeleton-active .ant-skeleton-button, +.ant-skeleton-active .ant-skeleton-input, +.ant-skeleton-active .ant-skeleton-image { + position: relative; + /* stylelint-disable-next-line property-no-vendor-prefix,value-no-vendor-prefix */ + z-index: 0; + overflow: hidden; + background: transparent; +} +.ant-skeleton-active .ant-skeleton-title::after, +.ant-skeleton-active .ant-skeleton-paragraph > li::after, +.ant-skeleton-active .ant-skeleton-avatar::after, +.ant-skeleton-active .ant-skeleton-button::after, +.ant-skeleton-active .ant-skeleton-input::after, +.ant-skeleton-active .ant-skeleton-image::after { + position: absolute; + top: 0; + right: -150%; + bottom: 0; + left: -150%; + background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(255, 255, 255, 0.16) 37%, rgba(190, 190, 190, 0.2) 63%); + animation: ant-skeleton-loading 1.4s ease infinite; + content: ''; +} +.ant-skeleton.ant-skeleton-block { + width: 100%; +} +.ant-skeleton.ant-skeleton-block .ant-skeleton-button { + width: 100%; +} +.ant-skeleton.ant-skeleton-block .ant-skeleton-input { + width: 100%; +} +.ant-skeleton-element { + display: inline-block; + width: auto; +} +.ant-skeleton-element .ant-skeleton-button { + display: inline-block; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + border-radius: 2px; + width: 64px; + min-width: 64px; + height: 32px; + line-height: 32px; +} +.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square { + width: 32px; + min-width: 32px; +} +.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { + width: 32px; + min-width: 32px; + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { + border-radius: 32px; +} +.ant-skeleton-element .ant-skeleton-button-lg { + width: 80px; + min-width: 80px; + height: 40px; + line-height: 40px; +} +.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square { + width: 40px; + min-width: 40px; +} +.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { + width: 40px; + min-width: 40px; + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { + border-radius: 40px; +} +.ant-skeleton-element .ant-skeleton-button-sm { + width: 48px; + min-width: 48px; + height: 24px; + line-height: 24px; +} +.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square { + width: 24px; + min-width: 24px; +} +.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { + width: 24px; + min-width: 24px; + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { + border-radius: 24px; +} +.ant-skeleton-element .ant-skeleton-avatar { + display: inline-block; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + width: 32px; + height: 32px; + line-height: 32px; +} +.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-avatar-lg { + width: 40px; + height: 40px; + line-height: 40px; +} +.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-avatar-sm { + width: 24px; + height: 24px; + line-height: 24px; +} +.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-input { + display: inline-block; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + width: 160px; + min-width: 160px; + height: 32px; + line-height: 32px; +} +.ant-skeleton-element .ant-skeleton-input-lg { + width: 200px; + min-width: 200px; + height: 40px; + line-height: 40px; +} +.ant-skeleton-element .ant-skeleton-input-sm { + width: 120px; + min-width: 120px; + height: 24px; + line-height: 24px; +} +.ant-skeleton-element .ant-skeleton-image { + display: flex; + align-items: center; + justify-content: center; + vertical-align: top; + background: rgba(190, 190, 190, 0.2); + width: 96px; + height: 96px; + line-height: 96px; +} +.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { + border-radius: 50%; +} +.ant-skeleton-element .ant-skeleton-image-path { + fill: #bfbfbf; +} +.ant-skeleton-element .ant-skeleton-image-svg { + width: 48px; + height: 48px; + line-height: 48px; + max-width: 192px; + max-height: 192px; +} +.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { + border-radius: 50%; +} +@keyframes ant-skeleton-loading { + 0% { + transform: translateX(-37.5%); + } + 100% { + transform: translateX(37.5%); + } +} +.ant-skeleton-rtl { + direction: rtl; +} +.ant-skeleton-rtl .ant-skeleton-header { + padding-right: 0; + padding-left: 16px; +} +.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, +.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { + animation-name: ant-skeleton-loading-rtl; +} +.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { + animation-name: ant-skeleton-loading-rtl; +} +@keyframes ant-skeleton-loading-rtl { + 0% { + background-position: 0% 50%; + } + 100% { + background-position: 100% 50%; + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { + padding: 8px 0; + font-size: 14px; +} +.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { + padding: 16px 0; + font-size: 16px; +} +.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { + padding: 6px 16px; +} +.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { + padding: 7px 16px 6px; +} +.ant-tabs-rtl { + direction: rtl; +} +.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { + margin: 0 0 0 32px; +} +.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { + margin-left: 0; +} +.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { + margin-right: 0; + margin-left: 12px; +} +.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { + margin-right: 8px; + margin-left: -4px; +} +.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { + margin: 0; +} +.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { + order: 1; +} +.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { + order: 0; +} +.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { + order: 0; +} +.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { + order: 1; +} +.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { + margin-right: 2px; + margin-left: 0; +} +.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-add, +.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-add, +.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-add, +.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-add { + margin-right: 2px; + margin-left: 0; +} +.ant-tabs-dropdown-rtl { + direction: rtl; +} +.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { + text-align: right; +} +.ant-tabs-top, +.ant-tabs-bottom { + flex-direction: column; +} +.ant-tabs-top > .ant-tabs-nav, +.ant-tabs-bottom > .ant-tabs-nav, +.ant-tabs-top > div > .ant-tabs-nav, +.ant-tabs-bottom > div > .ant-tabs-nav { + margin: 0 0 16px 0; +} +.ant-tabs-top > .ant-tabs-nav::before, +.ant-tabs-bottom > .ant-tabs-nav::before, +.ant-tabs-top > div > .ant-tabs-nav::before, +.ant-tabs-bottom > div > .ant-tabs-nav::before { + position: absolute; + right: 0; + left: 0; + border-bottom: 1px solid #303030; + content: ''; +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { + height: 2px; +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { + transition: width 0.3s, left 0.3s, right 0.3s; +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { + top: 0; + bottom: 0; + width: 30px; +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { + left: 0; + box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { + right: 0; + box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { + opacity: 1; +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { + opacity: 1; +} +.ant-tabs-top > .ant-tabs-nav::before, +.ant-tabs-top > div > .ant-tabs-nav::before { + bottom: 0; +} +.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { + bottom: 0; +} +.ant-tabs-bottom > .ant-tabs-nav, +.ant-tabs-bottom > div > .ant-tabs-nav { + order: 1; + margin-top: 16px; + margin-bottom: 0; +} +.ant-tabs-bottom > .ant-tabs-nav::before, +.ant-tabs-bottom > div > .ant-tabs-nav::before { + top: 0; +} +.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { + top: 0; +} +.ant-tabs-bottom > .ant-tabs-content-holder, +.ant-tabs-bottom > div > .ant-tabs-content-holder { + order: 0; +} +.ant-tabs-left > .ant-tabs-nav, +.ant-tabs-right > .ant-tabs-nav, +.ant-tabs-left > div > .ant-tabs-nav, +.ant-tabs-right > div > .ant-tabs-nav { + flex-direction: column; + min-width: 50px; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { + padding: 8px 24px; + text-align: center; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { + margin: 16px 0 0 0; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { + flex-direction: column; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { + right: 0; + left: 0; + height: 30px; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { + top: 0; + box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { + bottom: 0; + box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { + opacity: 1; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { + opacity: 1; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { + width: 2px; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { + transition: height 0.3s, top 0.3s; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, +.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, +.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { + flex: 1 0 auto; + flex-direction: column; +} +.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { + right: 0; +} +.ant-tabs-left > .ant-tabs-content-holder, +.ant-tabs-left > div > .ant-tabs-content-holder { + margin-left: -1px; + border-left: 1px solid #303030; +} +.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, +.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { + padding-left: 24px; +} +.ant-tabs-right > .ant-tabs-nav, +.ant-tabs-right > div > .ant-tabs-nav { + order: 1; +} +.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { + left: 0; +} +.ant-tabs-right > .ant-tabs-content-holder, +.ant-tabs-right > div > .ant-tabs-content-holder { + order: 0; + margin-right: -1px; + border-right: 1px solid #303030; +} +.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, +.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { + padding-right: 24px; +} +.ant-tabs-dropdown { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: -9999px; + left: -9999px; + z-index: 1050; + display: block; +} +.ant-tabs-dropdown-hidden { + display: none; +} +.ant-tabs-dropdown-menu { + max-height: 200px; + margin: 0; + padding: 4px 0; + overflow-x: hidden; + overflow-y: auto; + text-align: left; + list-style-type: none; + background-color: #1f1f1f; + background-clip: padding-box; + border-radius: 2px; + outline: none; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-tabs-dropdown-menu-item { + display: flex; + align-items: center; + min-width: 120px; + margin: 0; + padding: 5px 12px; + overflow: hidden; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + line-height: 22px; + white-space: nowrap; + text-overflow: ellipsis; + cursor: pointer; + transition: all 0.3s; +} +.ant-tabs-dropdown-menu-item > span { + flex: 1; + white-space: nowrap; +} +.ant-tabs-dropdown-menu-item-remove { + flex: none; + margin-left: 12px; + color: rgba(255, 255, 255, 0.45); + font-size: 12px; + background: transparent; + border: 0; + cursor: pointer; +} +.ant-tabs-dropdown-menu-item-remove:hover { + color: #165996; +} +.ant-tabs-dropdown-menu-item:hover { + background: rgba(255, 255, 255, 0.08); +} +.ant-tabs-dropdown-menu-item-disabled, +.ant-tabs-dropdown-menu-item-disabled:hover { + color: rgba(255, 255, 255, 0.3); + background: transparent; + cursor: not-allowed; +} +.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { + margin: 0; + padding: 8px 16px; + background: rgba(255, 255, 255, 0.04); + border: 1px solid #303030; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, +.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { + color: #177ddc; + background: #141414; +} +.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, +.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { + visibility: hidden; +} +.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { + margin-left: 2px; +} +.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { + border-radius: 2px 2px 0 0; +} +.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, +.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { + border-bottom-color: #141414; +} +.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { + border-radius: 0 0 2px 2px; +} +.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, +.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { + border-top-color: #141414; +} +.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab, +.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab { + margin-top: 2px; +} +.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { + border-radius: 2px 0 0 2px; +} +.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, +.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { + border-right-color: #141414; +} +.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, +.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { + border-radius: 0 2px 2px 0; +} +.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, +.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { + border-left-color: #141414; +} +.ant-tabs { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: flex; +} +.ant-tabs > .ant-tabs-nav, +.ant-tabs > div > .ant-tabs-nav { + position: relative; + display: flex; + flex: none; + align-items: center; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { + position: relative; + display: inline-block; + display: flex; + flex: auto; + align-self: stretch; + overflow: hidden; + white-space: nowrap; + transform: translate(0); +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { + position: absolute; + z-index: 1; + opacity: 0; + transition: opacity 0.3s; + content: ''; + pointer-events: none; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { + position: relative; + display: flex; + transition: transform 0.3s; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { + display: flex; + align-self: stretch; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { + position: absolute; + visibility: hidden; + pointer-events: none; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { + position: relative; + padding: 8px 16px; + background: transparent; + border: 0; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { + position: absolute; + right: 0; + bottom: 0; + left: 0; + height: 5px; + transform: translateY(100%); + content: ''; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { + min-width: 40px; + margin-left: 2px; + padding: 0 8px; + background: rgba(255, 255, 255, 0.04); + border: 1px solid #303030; + border-radius: 2px 2px 0 0; + outline: none; + cursor: pointer; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { + color: #165996; +} +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, +.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, +.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { + color: #388ed3; +} +.ant-tabs-extra-content { + flex: none; +} +.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), +.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { + justify-content: center; +} +.ant-tabs-ink-bar { + position: absolute; + background: #177ddc; + pointer-events: none; +} +.ant-tabs-tab { + position: relative; + display: inline-flex; + align-items: center; + padding: 12px 0; + font-size: 14px; + background: transparent; + border: 0; + outline: none; + cursor: pointer; +} +.ant-tabs-tab-btn:focus, +.ant-tabs-tab-remove:focus, +.ant-tabs-tab-btn:active, +.ant-tabs-tab-remove:active { + color: #388ed3; +} +.ant-tabs-tab-btn { + outline: none; + transition: all 0.3s; +} +.ant-tabs-tab-remove { + flex: none; + margin-right: -4px; + margin-left: 8px; + color: rgba(255, 255, 255, 0.45); + font-size: 12px; + background: transparent; + border: none; + outline: none; + cursor: pointer; + transition: all 0.3s; +} +.ant-tabs-tab-remove:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-tabs-tab:hover { + color: #165996; +} +.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { + color: #177ddc; + text-shadow: 0 0 0.25px currentcolor; +} +.ant-tabs-tab.ant-tabs-tab-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, +.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, +.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, +.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { + color: rgba(255, 255, 255, 0.3); +} +.ant-tabs-tab .ant-tabs-tab-remove .anticon { + margin: 0; +} +.ant-tabs-tab .anticon { + margin-right: 12px; +} +.ant-tabs-tab + .ant-tabs-tab { + margin: 0 0 0 32px; +} +.ant-tabs-content { + position: relative; + width: 100%; +} +.ant-tabs-content-holder { + flex: auto; + min-width: 0; + min-height: 0; +} +.ant-tabs-tabpane { + outline: none; +} +.ant-tabs-tabpane-hidden { + display: none; +} +.ant-tabs-switch-appear, +.ant-tabs-switch-enter { + transition: none; +} +.ant-tabs-switch-appear-start, +.ant-tabs-switch-enter-start { + opacity: 0; +} +.ant-tabs-switch-appear-active, +.ant-tabs-switch-enter-active { + opacity: 1; + transition: opacity 0.3s; +} +.ant-tabs-switch-leave { + position: absolute; + transition: none; + inset: 0; +} +.ant-tabs-switch-leave-start { + opacity: 1; +} +.ant-tabs-switch-leave-active { + opacity: 0; + transition: opacity 0.3s; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-carousel { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; +} +.ant-carousel .slick-slider { + position: relative; + display: block; + box-sizing: border-box; + touch-action: pan-y; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: transparent; +} +.ant-carousel .slick-list { + position: relative; + display: block; + margin: 0; + padding: 0; + overflow: hidden; +} +.ant-carousel .slick-list:focus { + outline: none; +} +.ant-carousel .slick-list.dragging { + cursor: pointer; +} +.ant-carousel .slick-list .slick-slide { + pointer-events: none; +} +.ant-carousel .slick-list .slick-slide input.ant-radio-input, +.ant-carousel .slick-list .slick-slide input.ant-checkbox-input { + visibility: hidden; +} +.ant-carousel .slick-list .slick-slide.slick-active { + pointer-events: auto; +} +.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input, +.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input { + visibility: visible; +} +.ant-carousel .slick-list .slick-slide > div > div { + vertical-align: bottom; +} +.ant-carousel .slick-slider .slick-track, +.ant-carousel .slick-slider .slick-list { + transform: translate3d(0, 0, 0); + touch-action: pan-y; +} +.ant-carousel .slick-track { + position: relative; + top: 0; + left: 0; + display: block; +} +.ant-carousel .slick-track::before, +.ant-carousel .slick-track::after { + display: table; + content: ''; +} +.ant-carousel .slick-track::after { + clear: both; +} +.slick-loading .ant-carousel .slick-track { + visibility: hidden; +} +.ant-carousel .slick-slide { + display: none; + float: left; + height: 100%; + min-height: 1px; +} +.ant-carousel .slick-slide img { + display: block; +} +.ant-carousel .slick-slide.slick-loading img { + display: none; +} +.ant-carousel .slick-slide.dragging img { + pointer-events: none; +} +.ant-carousel .slick-initialized .slick-slide { + display: block; +} +.ant-carousel .slick-loading .slick-slide { + visibility: hidden; +} +.ant-carousel .slick-vertical .slick-slide { + display: block; + height: auto; +} +.ant-carousel .slick-arrow.slick-hidden { + display: none; +} +.ant-carousel .slick-prev, +.ant-carousel .slick-next { + position: absolute; + top: 50%; + display: block; + width: 20px; + height: 20px; + margin-top: -10px; + padding: 0; + color: transparent; + font-size: 0; + line-height: 0; + background: transparent; + border: 0; + outline: none; + cursor: pointer; +} +.ant-carousel .slick-prev:hover, +.ant-carousel .slick-next:hover, +.ant-carousel .slick-prev:focus, +.ant-carousel .slick-next:focus { + color: transparent; + background: transparent; + outline: none; +} +.ant-carousel .slick-prev:hover::before, +.ant-carousel .slick-next:hover::before, +.ant-carousel .slick-prev:focus::before, +.ant-carousel .slick-next:focus::before { + opacity: 1; +} +.ant-carousel .slick-prev.slick-disabled::before, +.ant-carousel .slick-next.slick-disabled::before { + opacity: 0.25; +} +.ant-carousel .slick-prev { + left: -25px; +} +.ant-carousel .slick-prev::before { + content: '←'; +} +.ant-carousel .slick-next { + right: -25px; +} +.ant-carousel .slick-next::before { + content: '→'; +} +.ant-carousel .slick-dots { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 15; + display: flex !important; + justify-content: center; + margin-right: 15%; + margin-bottom: 0; + margin-left: 15%; + padding-left: 0; + list-style: none; +} +.ant-carousel .slick-dots-bottom { + bottom: 12px; +} +.ant-carousel .slick-dots-top { + top: 12px; + bottom: auto; +} +.ant-carousel .slick-dots li { + position: relative; + display: inline-block; + flex: 0 1 auto; + box-sizing: content-box; + width: 16px; + height: 3px; + margin: 0 4px; + padding: 0; + text-align: center; + text-indent: -999px; + vertical-align: top; + transition: all 0.5s; +} +.ant-carousel .slick-dots li button { + position: relative; + display: block; + width: 100%; + height: 3px; + padding: 0; + color: transparent; + font-size: 0; + background: #141414; + border: 0; + border-radius: 1px; + outline: none; + cursor: pointer; + opacity: 0.3; + transition: all 0.5s; +} +.ant-carousel .slick-dots li button:hover, +.ant-carousel .slick-dots li button:focus { + opacity: 0.75; +} +.ant-carousel .slick-dots li button::after { + position: absolute; + top: -4px; + right: -4px; + bottom: -4px; + left: -4px; + content: ''; +} +.ant-carousel .slick-dots li.slick-active { + width: 24px; +} +.ant-carousel .slick-dots li.slick-active button { + background: #141414; + opacity: 1; +} +.ant-carousel .slick-dots li.slick-active:hover, +.ant-carousel .slick-dots li.slick-active:focus { + opacity: 1; +} +.ant-carousel-vertical .slick-dots { + top: 50%; + bottom: auto; + flex-direction: column; + width: 3px; + height: auto; + margin: 0; + transform: translateY(-50%); +} +.ant-carousel-vertical .slick-dots-left { + right: auto; + left: 12px; +} +.ant-carousel-vertical .slick-dots-right { + right: 12px; + left: auto; +} +.ant-carousel-vertical .slick-dots li { + width: 3px; + height: 16px; + margin: 4px 0; + vertical-align: baseline; +} +.ant-carousel-vertical .slick-dots li button { + width: 3px; + height: 16px; +} +.ant-carousel-vertical .slick-dots li.slick-active { + width: 3px; + height: 24px; +} +.ant-carousel-vertical .slick-dots li.slick-active button { + width: 3px; + height: 24px; +} +.ant-carousel-rtl { + direction: rtl; +} +.ant-carousel-rtl .ant-carousel .slick-track { + right: 0; + left: auto; +} +.ant-carousel-rtl .ant-carousel .slick-prev { + right: -25px; + left: auto; +} +.ant-carousel-rtl .ant-carousel .slick-prev::before { + content: '→'; +} +.ant-carousel-rtl .ant-carousel .slick-next { + right: auto; + left: -25px; +} +.ant-carousel-rtl .ant-carousel .slick-next::before { + content: '←'; +} +.ant-carousel-rtl.ant-carousel .slick-dots { + flex-direction: row-reverse; +} +.ant-carousel-rtl.ant-carousel-vertical .slick-dots { + flex-direction: column; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +@keyframes antCheckboxEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +.ant-cascader-checkbox { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + top: 0.2em; + line-height: 1; + white-space: nowrap; + outline: none; + cursor: pointer; +} +.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-inner, +.ant-cascader-checkbox:hover .ant-cascader-checkbox-inner, +.ant-cascader-checkbox-input:focus + .ant-cascader-checkbox-inner { + border-color: #177ddc; +} +.ant-cascader-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid #177ddc; + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.ant-cascader-checkbox:hover::after, +.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox::after { + visibility: visible; +} +.ant-cascader-checkbox-inner { + position: relative; + top: 0; + left: 0; + display: block; + width: 16px; + height: 16px; + direction: ltr; + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + border-collapse: separate; + transition: all 0.3s; +} +.ant-cascader-checkbox-inner::after { + position: absolute; + top: 50%; + left: 21.5%; + display: table; + width: 5.71428571px; + height: 9.14285714px; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(0) translate(-50%, -50%); + opacity: 0; + transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; + content: ' '; +} +.ant-cascader-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { + position: absolute; + display: table; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(1) translate(-50%, -50%); + opacity: 1; + transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; + content: ' '; +} +.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner { + background-color: #177ddc; + border-color: #177ddc; +} +.ant-cascader-checkbox-disabled { + cursor: not-allowed; +} +.ant-cascader-checkbox-disabled.ant-cascader-checkbox-checked .ant-cascader-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.3); + animation-name: none; +} +.ant-cascader-checkbox-disabled .ant-cascader-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner { + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343 !important; +} +.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.08); + border-collapse: separate; + animation-name: none; +} +.ant-cascader-checkbox-disabled + span { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-cascader-checkbox-disabled:hover::after, +.ant-cascader-checkbox-wrapper:hover .ant-cascader-checkbox-disabled::after { + visibility: hidden; +} +.ant-cascader-checkbox-wrapper { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-flex; + align-items: baseline; + line-height: unset; + cursor: pointer; +} +.ant-cascader-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.ant-cascader-checkbox-wrapper + .ant-cascader-checkbox-wrapper { + margin-left: 8px; +} +.ant-cascader-checkbox-wrapper.ant-cascader-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.ant-cascader-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.ant-cascader-checkbox-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; +} +.ant-cascader-checkbox-group-item { + margin-right: 8px; +} +.ant-cascader-checkbox-group-item:last-child { + margin-right: 0; +} +.ant-cascader-checkbox-group-item + .ant-cascader-checkbox-group-item { + margin-left: 0; +} +.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner { + background-color: transparent; + border-color: #434343; +} +.ant-cascader-checkbox-indeterminate .ant-cascader-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: #177ddc; + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.ant-cascader-checkbox-indeterminate.ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner::after { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); +} +.ant-cascader { + width: 184px; +} +.ant-cascader-checkbox { + top: 0; + margin-right: 8px; +} +.ant-cascader-menus { + display: flex; + flex-wrap: nowrap; + align-items: flex-start; +} +.ant-cascader-menus.ant-cascader-menu-empty .ant-cascader-menu { + width: 100%; + height: auto; +} +.ant-cascader-menu { + flex-grow: 1; + min-width: 111px; + height: 180px; + margin: 0; + margin: -4px 0; + padding: 4px 0; + overflow: auto; + vertical-align: top; + list-style: none; + border-right: 1px solid #303030; + -ms-overflow-style: -ms-autohiding-scrollbar; +} +.ant-cascader-menu-item { + display: flex; + flex-wrap: nowrap; + align-items: center; + padding: 5px 12px; + overflow: hidden; + line-height: 22px; + white-space: nowrap; + text-overflow: ellipsis; + cursor: pointer; + transition: all 0.3s; +} +.ant-cascader-menu-item:hover { + background: rgba(255, 255, 255, 0.08); +} +.ant-cascader-menu-item-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-cascader-menu-item-disabled:hover { + background: transparent; +} +.ant-cascader-menu-empty .ant-cascader-menu-item { + color: rgba(255, 255, 255, 0.3); + cursor: default; + pointer-events: none; +} +.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled), +.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover { + font-weight: 600; + background-color: #111b26; +} +.ant-cascader-menu-item-content { + flex: auto; +} +.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, +.ant-cascader-menu-item-loading-icon { + margin-left: 4px; + color: rgba(255, 255, 255, 0.45); + font-size: 10px; +} +.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, +.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon { + color: rgba(255, 255, 255, 0.3); +} +.ant-cascader-menu-item-keyword { + color: #a61d24; +} +.ant-cascader-compact-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) { + margin-right: -1px; +} +.ant-cascader-compact-item:not(.ant-cascader-compact-last-item).ant-cascader-compact-item-rtl { + margin-left: -1px; +} +.ant-cascader-compact-item:hover, +.ant-cascader-compact-item:focus, +.ant-cascader-compact-item:active { + z-index: 2; +} +.ant-cascader-compact-item[disabled] { + z-index: 0; +} +.ant-cascader-compact-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-last-item).ant-cascader { + border-radius: 0; +} +.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item):not(.ant-cascader-compact-item-rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item):not(.ant-cascader-compact-item-rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-first-item:not(.ant-cascader-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-cascader-compact-item.ant-cascader.ant-cascader-compact-item-rtl.ant-cascader-compact-last-item:not(.ant-cascader-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-cascader-rtl .ant-cascader-menu-item-expand-icon, +.ant-cascader-rtl .ant-cascader-menu-item-loading-icon { + margin-right: 4px; + margin-left: 0; +} +.ant-cascader-rtl .ant-cascader-checkbox { + top: 0; + margin-right: 0; + margin-left: 8px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +@keyframes antCheckboxEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +.ant-checkbox { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + top: 0.2em; + line-height: 1; + white-space: nowrap; + outline: none; + cursor: pointer; +} +.ant-checkbox-wrapper:hover .ant-checkbox-inner, +.ant-checkbox:hover .ant-checkbox-inner, +.ant-checkbox-input:focus + .ant-checkbox-inner { + border-color: #177ddc; +} +.ant-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid #177ddc; + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.ant-checkbox:hover::after, +.ant-checkbox-wrapper:hover .ant-checkbox::after { + visibility: visible; +} +.ant-checkbox-inner { + position: relative; + top: 0; + left: 0; + display: block; + width: 16px; + height: 16px; + direction: ltr; + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + border-collapse: separate; + transition: all 0.3s; +} +.ant-checkbox-inner::after { + position: absolute; + top: 50%; + left: 21.5%; + display: table; + width: 5.71428571px; + height: 9.14285714px; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(0) translate(-50%, -50%); + opacity: 0; + transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; + content: ' '; +} +.ant-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.ant-checkbox-checked .ant-checkbox-inner::after { + position: absolute; + display: table; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(1) translate(-50%, -50%); + opacity: 1; + transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; + content: ' '; +} +.ant-checkbox-checked .ant-checkbox-inner { + background-color: #177ddc; + border-color: #177ddc; +} +.ant-checkbox-disabled { + cursor: not-allowed; +} +.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.3); + animation-name: none; +} +.ant-checkbox-disabled .ant-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.ant-checkbox-disabled .ant-checkbox-inner { + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343 !important; +} +.ant-checkbox-disabled .ant-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.08); + border-collapse: separate; + animation-name: none; +} +.ant-checkbox-disabled + span { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-checkbox-disabled:hover::after, +.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { + visibility: hidden; +} +.ant-checkbox-wrapper { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-flex; + align-items: baseline; + line-height: unset; + cursor: pointer; +} +.ant-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.ant-checkbox-wrapper + .ant-checkbox-wrapper { + margin-left: 8px; +} +.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.ant-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.ant-checkbox-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; +} +.ant-checkbox-group-item { + margin-right: 8px; +} +.ant-checkbox-group-item:last-child { + margin-right: 0; +} +.ant-checkbox-group-item + .ant-checkbox-group-item { + margin-left: 0; +} +.ant-checkbox-indeterminate .ant-checkbox-inner { + background-color: transparent; + border-color: #434343; +} +.ant-checkbox-indeterminate .ant-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: #177ddc; + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); +} +.ant-checkbox-rtl { + direction: rtl; +} +.ant-checkbox-group-rtl .ant-checkbox-group-item { + margin-right: 0; + margin-left: 8px; +} +.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { + margin-left: 0 !important; +} +.ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { + margin-left: 8px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-row { + display: flex; + flex-flow: row wrap; + min-width: 0; +} +.ant-row::before, +.ant-row::after { + display: flex; +} +.ant-row-no-wrap { + flex-wrap: nowrap; +} +.ant-row-start { + justify-content: flex-start; +} +.ant-row-center { + justify-content: center; +} +.ant-row-end { + justify-content: flex-end; +} +.ant-row-space-between { + justify-content: space-between; +} +.ant-row-space-around { + justify-content: space-around; +} +.ant-row-space-evenly { + justify-content: space-evenly; +} +.ant-row-top { + align-items: flex-start; +} +.ant-row-middle { + align-items: center; +} +.ant-row-bottom { + align-items: flex-end; +} +.ant-col { + position: relative; + max-width: 100%; + min-height: 1px; +} +.ant-col-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; +} +.ant-col-push-24 { + left: 100%; +} +.ant-col-pull-24 { + right: 100%; +} +.ant-col-offset-24 { + margin-left: 100%; +} +.ant-col-order-24 { + order: 24; +} +.ant-col-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; +} +.ant-col-push-23 { + left: 95.83333333%; +} +.ant-col-pull-23 { + right: 95.83333333%; +} +.ant-col-offset-23 { + margin-left: 95.83333333%; +} +.ant-col-order-23 { + order: 23; +} +.ant-col-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; +} +.ant-col-push-22 { + left: 91.66666667%; +} +.ant-col-pull-22 { + right: 91.66666667%; +} +.ant-col-offset-22 { + margin-left: 91.66666667%; +} +.ant-col-order-22 { + order: 22; +} +.ant-col-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; +} +.ant-col-push-21 { + left: 87.5%; +} +.ant-col-pull-21 { + right: 87.5%; +} +.ant-col-offset-21 { + margin-left: 87.5%; +} +.ant-col-order-21 { + order: 21; +} +.ant-col-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; +} +.ant-col-push-20 { + left: 83.33333333%; +} +.ant-col-pull-20 { + right: 83.33333333%; +} +.ant-col-offset-20 { + margin-left: 83.33333333%; +} +.ant-col-order-20 { + order: 20; +} +.ant-col-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; +} +.ant-col-push-19 { + left: 79.16666667%; +} +.ant-col-pull-19 { + right: 79.16666667%; +} +.ant-col-offset-19 { + margin-left: 79.16666667%; +} +.ant-col-order-19 { + order: 19; +} +.ant-col-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; +} +.ant-col-push-18 { + left: 75%; +} +.ant-col-pull-18 { + right: 75%; +} +.ant-col-offset-18 { + margin-left: 75%; +} +.ant-col-order-18 { + order: 18; +} +.ant-col-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; +} +.ant-col-push-17 { + left: 70.83333333%; +} +.ant-col-pull-17 { + right: 70.83333333%; +} +.ant-col-offset-17 { + margin-left: 70.83333333%; +} +.ant-col-order-17 { + order: 17; +} +.ant-col-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; +} +.ant-col-push-16 { + left: 66.66666667%; +} +.ant-col-pull-16 { + right: 66.66666667%; +} +.ant-col-offset-16 { + margin-left: 66.66666667%; +} +.ant-col-order-16 { + order: 16; +} +.ant-col-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; +} +.ant-col-push-15 { + left: 62.5%; +} +.ant-col-pull-15 { + right: 62.5%; +} +.ant-col-offset-15 { + margin-left: 62.5%; +} +.ant-col-order-15 { + order: 15; +} +.ant-col-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; +} +.ant-col-push-14 { + left: 58.33333333%; +} +.ant-col-pull-14 { + right: 58.33333333%; +} +.ant-col-offset-14 { + margin-left: 58.33333333%; +} +.ant-col-order-14 { + order: 14; +} +.ant-col-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; +} +.ant-col-push-13 { + left: 54.16666667%; +} +.ant-col-pull-13 { + right: 54.16666667%; +} +.ant-col-offset-13 { + margin-left: 54.16666667%; +} +.ant-col-order-13 { + order: 13; +} +.ant-col-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; +} +.ant-col-push-12 { + left: 50%; +} +.ant-col-pull-12 { + right: 50%; +} +.ant-col-offset-12 { + margin-left: 50%; +} +.ant-col-order-12 { + order: 12; +} +.ant-col-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; +} +.ant-col-push-11 { + left: 45.83333333%; +} +.ant-col-pull-11 { + right: 45.83333333%; +} +.ant-col-offset-11 { + margin-left: 45.83333333%; +} +.ant-col-order-11 { + order: 11; +} +.ant-col-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; +} +.ant-col-push-10 { + left: 41.66666667%; +} +.ant-col-pull-10 { + right: 41.66666667%; +} +.ant-col-offset-10 { + margin-left: 41.66666667%; +} +.ant-col-order-10 { + order: 10; +} +.ant-col-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; +} +.ant-col-push-9 { + left: 37.5%; +} +.ant-col-pull-9 { + right: 37.5%; +} +.ant-col-offset-9 { + margin-left: 37.5%; +} +.ant-col-order-9 { + order: 9; +} +.ant-col-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; +} +.ant-col-push-8 { + left: 33.33333333%; +} +.ant-col-pull-8 { + right: 33.33333333%; +} +.ant-col-offset-8 { + margin-left: 33.33333333%; +} +.ant-col-order-8 { + order: 8; +} +.ant-col-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; +} +.ant-col-push-7 { + left: 29.16666667%; +} +.ant-col-pull-7 { + right: 29.16666667%; +} +.ant-col-offset-7 { + margin-left: 29.16666667%; +} +.ant-col-order-7 { + order: 7; +} +.ant-col-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; +} +.ant-col-push-6 { + left: 25%; +} +.ant-col-pull-6 { + right: 25%; +} +.ant-col-offset-6 { + margin-left: 25%; +} +.ant-col-order-6 { + order: 6; +} +.ant-col-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; +} +.ant-col-push-5 { + left: 20.83333333%; +} +.ant-col-pull-5 { + right: 20.83333333%; +} +.ant-col-offset-5 { + margin-left: 20.83333333%; +} +.ant-col-order-5 { + order: 5; +} +.ant-col-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; +} +.ant-col-push-4 { + left: 16.66666667%; +} +.ant-col-pull-4 { + right: 16.66666667%; +} +.ant-col-offset-4 { + margin-left: 16.66666667%; +} +.ant-col-order-4 { + order: 4; +} +.ant-col-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; +} +.ant-col-push-3 { + left: 12.5%; +} +.ant-col-pull-3 { + right: 12.5%; +} +.ant-col-offset-3 { + margin-left: 12.5%; +} +.ant-col-order-3 { + order: 3; +} +.ant-col-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; +} +.ant-col-push-2 { + left: 8.33333333%; +} +.ant-col-pull-2 { + right: 8.33333333%; +} +.ant-col-offset-2 { + margin-left: 8.33333333%; +} +.ant-col-order-2 { + order: 2; +} +.ant-col-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; +} +.ant-col-push-1 { + left: 4.16666667%; +} +.ant-col-pull-1 { + right: 4.16666667%; +} +.ant-col-offset-1 { + margin-left: 4.16666667%; +} +.ant-col-order-1 { + order: 1; +} +.ant-col-0 { + display: none; +} +.ant-col-push-0 { + left: auto; +} +.ant-col-pull-0 { + right: auto; +} +.ant-col-push-0 { + left: auto; +} +.ant-col-pull-0 { + right: auto; +} +.ant-col-offset-0 { + margin-left: 0; +} +.ant-col-order-0 { + order: 0; +} +.ant-col-push-0.ant-col-rtl { + right: auto; +} +.ant-col-pull-0.ant-col-rtl { + left: auto; +} +.ant-col-push-0.ant-col-rtl { + right: auto; +} +.ant-col-pull-0.ant-col-rtl { + left: auto; +} +.ant-col-offset-0.ant-col-rtl { + margin-right: 0; +} +.ant-col-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; +} +.ant-col-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; +} +.ant-col-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; +} +.ant-col-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; +} +.ant-col-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; +} +.ant-col-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; +} +.ant-col-push-3.ant-col-rtl { + right: 12.5%; + left: auto; +} +.ant-col-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; +} +.ant-col-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; +} +.ant-col-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; +} +.ant-col-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; +} +.ant-col-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; +} +.ant-col-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; +} +.ant-col-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; +} +.ant-col-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; +} +.ant-col-push-6.ant-col-rtl { + right: 25%; + left: auto; +} +.ant-col-pull-6.ant-col-rtl { + right: auto; + left: 25%; +} +.ant-col-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; +} +.ant-col-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; +} +.ant-col-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; +} +.ant-col-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; +} +.ant-col-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; +} +.ant-col-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; +} +.ant-col-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; +} +.ant-col-push-9.ant-col-rtl { + right: 37.5%; + left: auto; +} +.ant-col-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; +} +.ant-col-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; +} +.ant-col-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; +} +.ant-col-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; +} +.ant-col-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; +} +.ant-col-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; +} +.ant-col-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; +} +.ant-col-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; +} +.ant-col-push-12.ant-col-rtl { + right: 50%; + left: auto; +} +.ant-col-pull-12.ant-col-rtl { + right: auto; + left: 50%; +} +.ant-col-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; +} +.ant-col-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; +} +.ant-col-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; +} +.ant-col-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; +} +.ant-col-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; +} +.ant-col-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; +} +.ant-col-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; +} +.ant-col-push-15.ant-col-rtl { + right: 62.5%; + left: auto; +} +.ant-col-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; +} +.ant-col-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; +} +.ant-col-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; +} +.ant-col-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; +} +.ant-col-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; +} +.ant-col-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; +} +.ant-col-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; +} +.ant-col-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; +} +.ant-col-push-18.ant-col-rtl { + right: 75%; + left: auto; +} +.ant-col-pull-18.ant-col-rtl { + right: auto; + left: 75%; +} +.ant-col-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; +} +.ant-col-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; +} +.ant-col-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; +} +.ant-col-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; +} +.ant-col-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; +} +.ant-col-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; +} +.ant-col-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; +} +.ant-col-push-21.ant-col-rtl { + right: 87.5%; + left: auto; +} +.ant-col-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; +} +.ant-col-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; +} +.ant-col-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; +} +.ant-col-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; +} +.ant-col-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; +} +.ant-col-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; +} +.ant-col-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; +} +.ant-col-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; +} +.ant-col-push-24.ant-col-rtl { + right: 100%; + left: auto; +} +.ant-col-pull-24.ant-col-rtl { + right: auto; + left: 100%; +} +.ant-col-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; +} +.ant-col-xs-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; +} +.ant-col-xs-push-24 { + left: 100%; +} +.ant-col-xs-pull-24 { + right: 100%; +} +.ant-col-xs-offset-24 { + margin-left: 100%; +} +.ant-col-xs-order-24 { + order: 24; +} +.ant-col-xs-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; +} +.ant-col-xs-push-23 { + left: 95.83333333%; +} +.ant-col-xs-pull-23 { + right: 95.83333333%; +} +.ant-col-xs-offset-23 { + margin-left: 95.83333333%; +} +.ant-col-xs-order-23 { + order: 23; +} +.ant-col-xs-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; +} +.ant-col-xs-push-22 { + left: 91.66666667%; +} +.ant-col-xs-pull-22 { + right: 91.66666667%; +} +.ant-col-xs-offset-22 { + margin-left: 91.66666667%; +} +.ant-col-xs-order-22 { + order: 22; +} +.ant-col-xs-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; +} +.ant-col-xs-push-21 { + left: 87.5%; +} +.ant-col-xs-pull-21 { + right: 87.5%; +} +.ant-col-xs-offset-21 { + margin-left: 87.5%; +} +.ant-col-xs-order-21 { + order: 21; +} +.ant-col-xs-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; +} +.ant-col-xs-push-20 { + left: 83.33333333%; +} +.ant-col-xs-pull-20 { + right: 83.33333333%; +} +.ant-col-xs-offset-20 { + margin-left: 83.33333333%; +} +.ant-col-xs-order-20 { + order: 20; +} +.ant-col-xs-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; +} +.ant-col-xs-push-19 { + left: 79.16666667%; +} +.ant-col-xs-pull-19 { + right: 79.16666667%; +} +.ant-col-xs-offset-19 { + margin-left: 79.16666667%; +} +.ant-col-xs-order-19 { + order: 19; +} +.ant-col-xs-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; +} +.ant-col-xs-push-18 { + left: 75%; +} +.ant-col-xs-pull-18 { + right: 75%; +} +.ant-col-xs-offset-18 { + margin-left: 75%; +} +.ant-col-xs-order-18 { + order: 18; +} +.ant-col-xs-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; +} +.ant-col-xs-push-17 { + left: 70.83333333%; +} +.ant-col-xs-pull-17 { + right: 70.83333333%; +} +.ant-col-xs-offset-17 { + margin-left: 70.83333333%; +} +.ant-col-xs-order-17 { + order: 17; +} +.ant-col-xs-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; +} +.ant-col-xs-push-16 { + left: 66.66666667%; +} +.ant-col-xs-pull-16 { + right: 66.66666667%; +} +.ant-col-xs-offset-16 { + margin-left: 66.66666667%; +} +.ant-col-xs-order-16 { + order: 16; +} +.ant-col-xs-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; +} +.ant-col-xs-push-15 { + left: 62.5%; +} +.ant-col-xs-pull-15 { + right: 62.5%; +} +.ant-col-xs-offset-15 { + margin-left: 62.5%; +} +.ant-col-xs-order-15 { + order: 15; +} +.ant-col-xs-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; +} +.ant-col-xs-push-14 { + left: 58.33333333%; +} +.ant-col-xs-pull-14 { + right: 58.33333333%; +} +.ant-col-xs-offset-14 { + margin-left: 58.33333333%; +} +.ant-col-xs-order-14 { + order: 14; +} +.ant-col-xs-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; +} +.ant-col-xs-push-13 { + left: 54.16666667%; +} +.ant-col-xs-pull-13 { + right: 54.16666667%; +} +.ant-col-xs-offset-13 { + margin-left: 54.16666667%; +} +.ant-col-xs-order-13 { + order: 13; +} +.ant-col-xs-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; +} +.ant-col-xs-push-12 { + left: 50%; +} +.ant-col-xs-pull-12 { + right: 50%; +} +.ant-col-xs-offset-12 { + margin-left: 50%; +} +.ant-col-xs-order-12 { + order: 12; +} +.ant-col-xs-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; +} +.ant-col-xs-push-11 { + left: 45.83333333%; +} +.ant-col-xs-pull-11 { + right: 45.83333333%; +} +.ant-col-xs-offset-11 { + margin-left: 45.83333333%; +} +.ant-col-xs-order-11 { + order: 11; +} +.ant-col-xs-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; +} +.ant-col-xs-push-10 { + left: 41.66666667%; +} +.ant-col-xs-pull-10 { + right: 41.66666667%; +} +.ant-col-xs-offset-10 { + margin-left: 41.66666667%; +} +.ant-col-xs-order-10 { + order: 10; +} +.ant-col-xs-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; +} +.ant-col-xs-push-9 { + left: 37.5%; +} +.ant-col-xs-pull-9 { + right: 37.5%; +} +.ant-col-xs-offset-9 { + margin-left: 37.5%; +} +.ant-col-xs-order-9 { + order: 9; +} +.ant-col-xs-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; +} +.ant-col-xs-push-8 { + left: 33.33333333%; +} +.ant-col-xs-pull-8 { + right: 33.33333333%; +} +.ant-col-xs-offset-8 { + margin-left: 33.33333333%; +} +.ant-col-xs-order-8 { + order: 8; +} +.ant-col-xs-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; +} +.ant-col-xs-push-7 { + left: 29.16666667%; +} +.ant-col-xs-pull-7 { + right: 29.16666667%; +} +.ant-col-xs-offset-7 { + margin-left: 29.16666667%; +} +.ant-col-xs-order-7 { + order: 7; +} +.ant-col-xs-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; +} +.ant-col-xs-push-6 { + left: 25%; +} +.ant-col-xs-pull-6 { + right: 25%; +} +.ant-col-xs-offset-6 { + margin-left: 25%; +} +.ant-col-xs-order-6 { + order: 6; +} +.ant-col-xs-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; +} +.ant-col-xs-push-5 { + left: 20.83333333%; +} +.ant-col-xs-pull-5 { + right: 20.83333333%; +} +.ant-col-xs-offset-5 { + margin-left: 20.83333333%; +} +.ant-col-xs-order-5 { + order: 5; +} +.ant-col-xs-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; +} +.ant-col-xs-push-4 { + left: 16.66666667%; +} +.ant-col-xs-pull-4 { + right: 16.66666667%; +} +.ant-col-xs-offset-4 { + margin-left: 16.66666667%; +} +.ant-col-xs-order-4 { + order: 4; +} +.ant-col-xs-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; +} +.ant-col-xs-push-3 { + left: 12.5%; +} +.ant-col-xs-pull-3 { + right: 12.5%; +} +.ant-col-xs-offset-3 { + margin-left: 12.5%; +} +.ant-col-xs-order-3 { + order: 3; +} +.ant-col-xs-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; +} +.ant-col-xs-push-2 { + left: 8.33333333%; +} +.ant-col-xs-pull-2 { + right: 8.33333333%; +} +.ant-col-xs-offset-2 { + margin-left: 8.33333333%; +} +.ant-col-xs-order-2 { + order: 2; +} +.ant-col-xs-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; +} +.ant-col-xs-push-1 { + left: 4.16666667%; +} +.ant-col-xs-pull-1 { + right: 4.16666667%; +} +.ant-col-xs-offset-1 { + margin-left: 4.16666667%; +} +.ant-col-xs-order-1 { + order: 1; +} +.ant-col-xs-0 { + display: none; +} +.ant-col-push-0 { + left: auto; +} +.ant-col-pull-0 { + right: auto; +} +.ant-col-xs-push-0 { + left: auto; +} +.ant-col-xs-pull-0 { + right: auto; +} +.ant-col-xs-offset-0 { + margin-left: 0; +} +.ant-col-xs-order-0 { + order: 0; +} +.ant-col-push-0.ant-col-rtl { + right: auto; +} +.ant-col-pull-0.ant-col-rtl { + left: auto; +} +.ant-col-xs-push-0.ant-col-rtl { + right: auto; +} +.ant-col-xs-pull-0.ant-col-rtl { + left: auto; +} +.ant-col-xs-offset-0.ant-col-rtl { + margin-right: 0; +} +.ant-col-xs-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; +} +.ant-col-xs-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; +} +.ant-col-xs-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; +} +.ant-col-xs-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; +} +.ant-col-xs-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; +} +.ant-col-xs-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; +} +.ant-col-xs-push-3.ant-col-rtl { + right: 12.5%; + left: auto; +} +.ant-col-xs-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; +} +.ant-col-xs-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; +} +.ant-col-xs-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; +} +.ant-col-xs-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; +} +.ant-col-xs-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; +} +.ant-col-xs-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; +} +.ant-col-xs-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; +} +.ant-col-xs-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; +} +.ant-col-xs-push-6.ant-col-rtl { + right: 25%; + left: auto; +} +.ant-col-xs-pull-6.ant-col-rtl { + right: auto; + left: 25%; +} +.ant-col-xs-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; +} +.ant-col-xs-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; +} +.ant-col-xs-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; +} +.ant-col-xs-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; +} +.ant-col-xs-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; +} +.ant-col-xs-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; +} +.ant-col-xs-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; +} +.ant-col-xs-push-9.ant-col-rtl { + right: 37.5%; + left: auto; +} +.ant-col-xs-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; +} +.ant-col-xs-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; +} +.ant-col-xs-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; +} +.ant-col-xs-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; +} +.ant-col-xs-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; +} +.ant-col-xs-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; +} +.ant-col-xs-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; +} +.ant-col-xs-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; +} +.ant-col-xs-push-12.ant-col-rtl { + right: 50%; + left: auto; +} +.ant-col-xs-pull-12.ant-col-rtl { + right: auto; + left: 50%; +} +.ant-col-xs-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; +} +.ant-col-xs-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; +} +.ant-col-xs-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; +} +.ant-col-xs-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; +} +.ant-col-xs-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; +} +.ant-col-xs-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; +} +.ant-col-xs-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; +} +.ant-col-xs-push-15.ant-col-rtl { + right: 62.5%; + left: auto; +} +.ant-col-xs-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; +} +.ant-col-xs-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; +} +.ant-col-xs-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; +} +.ant-col-xs-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; +} +.ant-col-xs-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; +} +.ant-col-xs-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; +} +.ant-col-xs-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; +} +.ant-col-xs-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; +} +.ant-col-xs-push-18.ant-col-rtl { + right: 75%; + left: auto; +} +.ant-col-xs-pull-18.ant-col-rtl { + right: auto; + left: 75%; +} +.ant-col-xs-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; +} +.ant-col-xs-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; +} +.ant-col-xs-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; +} +.ant-col-xs-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; +} +.ant-col-xs-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; +} +.ant-col-xs-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; +} +.ant-col-xs-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; +} +.ant-col-xs-push-21.ant-col-rtl { + right: 87.5%; + left: auto; +} +.ant-col-xs-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; +} +.ant-col-xs-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; +} +.ant-col-xs-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; +} +.ant-col-xs-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; +} +.ant-col-xs-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; +} +.ant-col-xs-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; +} +.ant-col-xs-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; +} +.ant-col-xs-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; +} +.ant-col-xs-push-24.ant-col-rtl { + right: 100%; + left: auto; +} +.ant-col-xs-pull-24.ant-col-rtl { + right: auto; + left: 100%; +} +.ant-col-xs-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; +} +@media (min-width: 576px) { + .ant-col-sm-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .ant-col-sm-push-24 { + left: 100%; + } + .ant-col-sm-pull-24 { + right: 100%; + } + .ant-col-sm-offset-24 { + margin-left: 100%; + } + .ant-col-sm-order-24 { + order: 24; + } + .ant-col-sm-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .ant-col-sm-push-23 { + left: 95.83333333%; + } + .ant-col-sm-pull-23 { + right: 95.83333333%; + } + .ant-col-sm-offset-23 { + margin-left: 95.83333333%; + } + .ant-col-sm-order-23 { + order: 23; + } + .ant-col-sm-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .ant-col-sm-push-22 { + left: 91.66666667%; + } + .ant-col-sm-pull-22 { + right: 91.66666667%; + } + .ant-col-sm-offset-22 { + margin-left: 91.66666667%; + } + .ant-col-sm-order-22 { + order: 22; + } + .ant-col-sm-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .ant-col-sm-push-21 { + left: 87.5%; + } + .ant-col-sm-pull-21 { + right: 87.5%; + } + .ant-col-sm-offset-21 { + margin-left: 87.5%; + } + .ant-col-sm-order-21 { + order: 21; + } + .ant-col-sm-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .ant-col-sm-push-20 { + left: 83.33333333%; + } + .ant-col-sm-pull-20 { + right: 83.33333333%; + } + .ant-col-sm-offset-20 { + margin-left: 83.33333333%; + } + .ant-col-sm-order-20 { + order: 20; + } + .ant-col-sm-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .ant-col-sm-push-19 { + left: 79.16666667%; + } + .ant-col-sm-pull-19 { + right: 79.16666667%; + } + .ant-col-sm-offset-19 { + margin-left: 79.16666667%; + } + .ant-col-sm-order-19 { + order: 19; + } + .ant-col-sm-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .ant-col-sm-push-18 { + left: 75%; + } + .ant-col-sm-pull-18 { + right: 75%; + } + .ant-col-sm-offset-18 { + margin-left: 75%; + } + .ant-col-sm-order-18 { + order: 18; + } + .ant-col-sm-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .ant-col-sm-push-17 { + left: 70.83333333%; + } + .ant-col-sm-pull-17 { + right: 70.83333333%; + } + .ant-col-sm-offset-17 { + margin-left: 70.83333333%; + } + .ant-col-sm-order-17 { + order: 17; + } + .ant-col-sm-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .ant-col-sm-push-16 { + left: 66.66666667%; + } + .ant-col-sm-pull-16 { + right: 66.66666667%; + } + .ant-col-sm-offset-16 { + margin-left: 66.66666667%; + } + .ant-col-sm-order-16 { + order: 16; + } + .ant-col-sm-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .ant-col-sm-push-15 { + left: 62.5%; + } + .ant-col-sm-pull-15 { + right: 62.5%; + } + .ant-col-sm-offset-15 { + margin-left: 62.5%; + } + .ant-col-sm-order-15 { + order: 15; + } + .ant-col-sm-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .ant-col-sm-push-14 { + left: 58.33333333%; + } + .ant-col-sm-pull-14 { + right: 58.33333333%; + } + .ant-col-sm-offset-14 { + margin-left: 58.33333333%; + } + .ant-col-sm-order-14 { + order: 14; + } + .ant-col-sm-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .ant-col-sm-push-13 { + left: 54.16666667%; + } + .ant-col-sm-pull-13 { + right: 54.16666667%; + } + .ant-col-sm-offset-13 { + margin-left: 54.16666667%; + } + .ant-col-sm-order-13 { + order: 13; + } + .ant-col-sm-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .ant-col-sm-push-12 { + left: 50%; + } + .ant-col-sm-pull-12 { + right: 50%; + } + .ant-col-sm-offset-12 { + margin-left: 50%; + } + .ant-col-sm-order-12 { + order: 12; + } + .ant-col-sm-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .ant-col-sm-push-11 { + left: 45.83333333%; + } + .ant-col-sm-pull-11 { + right: 45.83333333%; + } + .ant-col-sm-offset-11 { + margin-left: 45.83333333%; + } + .ant-col-sm-order-11 { + order: 11; + } + .ant-col-sm-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .ant-col-sm-push-10 { + left: 41.66666667%; + } + .ant-col-sm-pull-10 { + right: 41.66666667%; + } + .ant-col-sm-offset-10 { + margin-left: 41.66666667%; + } + .ant-col-sm-order-10 { + order: 10; + } + .ant-col-sm-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .ant-col-sm-push-9 { + left: 37.5%; + } + .ant-col-sm-pull-9 { + right: 37.5%; + } + .ant-col-sm-offset-9 { + margin-left: 37.5%; + } + .ant-col-sm-order-9 { + order: 9; + } + .ant-col-sm-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .ant-col-sm-push-8 { + left: 33.33333333%; + } + .ant-col-sm-pull-8 { + right: 33.33333333%; + } + .ant-col-sm-offset-8 { + margin-left: 33.33333333%; + } + .ant-col-sm-order-8 { + order: 8; + } + .ant-col-sm-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .ant-col-sm-push-7 { + left: 29.16666667%; + } + .ant-col-sm-pull-7 { + right: 29.16666667%; + } + .ant-col-sm-offset-7 { + margin-left: 29.16666667%; + } + .ant-col-sm-order-7 { + order: 7; + } + .ant-col-sm-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .ant-col-sm-push-6 { + left: 25%; + } + .ant-col-sm-pull-6 { + right: 25%; + } + .ant-col-sm-offset-6 { + margin-left: 25%; + } + .ant-col-sm-order-6 { + order: 6; + } + .ant-col-sm-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .ant-col-sm-push-5 { + left: 20.83333333%; + } + .ant-col-sm-pull-5 { + right: 20.83333333%; + } + .ant-col-sm-offset-5 { + margin-left: 20.83333333%; + } + .ant-col-sm-order-5 { + order: 5; + } + .ant-col-sm-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .ant-col-sm-push-4 { + left: 16.66666667%; + } + .ant-col-sm-pull-4 { + right: 16.66666667%; + } + .ant-col-sm-offset-4 { + margin-left: 16.66666667%; + } + .ant-col-sm-order-4 { + order: 4; + } + .ant-col-sm-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .ant-col-sm-push-3 { + left: 12.5%; + } + .ant-col-sm-pull-3 { + right: 12.5%; + } + .ant-col-sm-offset-3 { + margin-left: 12.5%; + } + .ant-col-sm-order-3 { + order: 3; + } + .ant-col-sm-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .ant-col-sm-push-2 { + left: 8.33333333%; + } + .ant-col-sm-pull-2 { + right: 8.33333333%; + } + .ant-col-sm-offset-2 { + margin-left: 8.33333333%; + } + .ant-col-sm-order-2 { + order: 2; + } + .ant-col-sm-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .ant-col-sm-push-1 { + left: 4.16666667%; + } + .ant-col-sm-pull-1 { + right: 4.16666667%; + } + .ant-col-sm-offset-1 { + margin-left: 4.16666667%; + } + .ant-col-sm-order-1 { + order: 1; + } + .ant-col-sm-0 { + display: none; + } + .ant-col-push-0 { + left: auto; + } + .ant-col-pull-0 { + right: auto; + } + .ant-col-sm-push-0 { + left: auto; + } + .ant-col-sm-pull-0 { + right: auto; + } + .ant-col-sm-offset-0 { + margin-left: 0; + } + .ant-col-sm-order-0 { + order: 0; + } + .ant-col-push-0.ant-col-rtl { + right: auto; + } + .ant-col-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-sm-push-0.ant-col-rtl { + right: auto; + } + .ant-col-sm-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-sm-offset-0.ant-col-rtl { + margin-right: 0; + } + .ant-col-sm-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; + } + .ant-col-sm-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; + } + .ant-col-sm-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .ant-col-sm-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; + } + .ant-col-sm-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; + } + .ant-col-sm-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .ant-col-sm-push-3.ant-col-rtl { + right: 12.5%; + left: auto; + } + .ant-col-sm-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; + } + .ant-col-sm-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .ant-col-sm-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; + } + .ant-col-sm-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; + } + .ant-col-sm-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .ant-col-sm-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; + } + .ant-col-sm-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; + } + .ant-col-sm-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .ant-col-sm-push-6.ant-col-rtl { + right: 25%; + left: auto; + } + .ant-col-sm-pull-6.ant-col-rtl { + right: auto; + left: 25%; + } + .ant-col-sm-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .ant-col-sm-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; + } + .ant-col-sm-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; + } + .ant-col-sm-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .ant-col-sm-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; + } + .ant-col-sm-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; + } + .ant-col-sm-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .ant-col-sm-push-9.ant-col-rtl { + right: 37.5%; + left: auto; + } + .ant-col-sm-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; + } + .ant-col-sm-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .ant-col-sm-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; + } + .ant-col-sm-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; + } + .ant-col-sm-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .ant-col-sm-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; + } + .ant-col-sm-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; + } + .ant-col-sm-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .ant-col-sm-push-12.ant-col-rtl { + right: 50%; + left: auto; + } + .ant-col-sm-pull-12.ant-col-rtl { + right: auto; + left: 50%; + } + .ant-col-sm-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .ant-col-sm-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; + } + .ant-col-sm-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; + } + .ant-col-sm-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .ant-col-sm-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; + } + .ant-col-sm-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; + } + .ant-col-sm-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .ant-col-sm-push-15.ant-col-rtl { + right: 62.5%; + left: auto; + } + .ant-col-sm-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; + } + .ant-col-sm-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .ant-col-sm-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; + } + .ant-col-sm-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; + } + .ant-col-sm-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .ant-col-sm-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; + } + .ant-col-sm-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; + } + .ant-col-sm-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .ant-col-sm-push-18.ant-col-rtl { + right: 75%; + left: auto; + } + .ant-col-sm-pull-18.ant-col-rtl { + right: auto; + left: 75%; + } + .ant-col-sm-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .ant-col-sm-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; + } + .ant-col-sm-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; + } + .ant-col-sm-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .ant-col-sm-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; + } + .ant-col-sm-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; + } + .ant-col-sm-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .ant-col-sm-push-21.ant-col-rtl { + right: 87.5%; + left: auto; + } + .ant-col-sm-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; + } + .ant-col-sm-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .ant-col-sm-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; + } + .ant-col-sm-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; + } + .ant-col-sm-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .ant-col-sm-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; + } + .ant-col-sm-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; + } + .ant-col-sm-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .ant-col-sm-push-24.ant-col-rtl { + right: 100%; + left: auto; + } + .ant-col-sm-pull-24.ant-col-rtl { + right: auto; + left: 100%; + } + .ant-col-sm-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 768px) { + .ant-col-md-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .ant-col-md-push-24 { + left: 100%; + } + .ant-col-md-pull-24 { + right: 100%; + } + .ant-col-md-offset-24 { + margin-left: 100%; + } + .ant-col-md-order-24 { + order: 24; + } + .ant-col-md-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .ant-col-md-push-23 { + left: 95.83333333%; + } + .ant-col-md-pull-23 { + right: 95.83333333%; + } + .ant-col-md-offset-23 { + margin-left: 95.83333333%; + } + .ant-col-md-order-23 { + order: 23; + } + .ant-col-md-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .ant-col-md-push-22 { + left: 91.66666667%; + } + .ant-col-md-pull-22 { + right: 91.66666667%; + } + .ant-col-md-offset-22 { + margin-left: 91.66666667%; + } + .ant-col-md-order-22 { + order: 22; + } + .ant-col-md-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .ant-col-md-push-21 { + left: 87.5%; + } + .ant-col-md-pull-21 { + right: 87.5%; + } + .ant-col-md-offset-21 { + margin-left: 87.5%; + } + .ant-col-md-order-21 { + order: 21; + } + .ant-col-md-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .ant-col-md-push-20 { + left: 83.33333333%; + } + .ant-col-md-pull-20 { + right: 83.33333333%; + } + .ant-col-md-offset-20 { + margin-left: 83.33333333%; + } + .ant-col-md-order-20 { + order: 20; + } + .ant-col-md-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .ant-col-md-push-19 { + left: 79.16666667%; + } + .ant-col-md-pull-19 { + right: 79.16666667%; + } + .ant-col-md-offset-19 { + margin-left: 79.16666667%; + } + .ant-col-md-order-19 { + order: 19; + } + .ant-col-md-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .ant-col-md-push-18 { + left: 75%; + } + .ant-col-md-pull-18 { + right: 75%; + } + .ant-col-md-offset-18 { + margin-left: 75%; + } + .ant-col-md-order-18 { + order: 18; + } + .ant-col-md-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .ant-col-md-push-17 { + left: 70.83333333%; + } + .ant-col-md-pull-17 { + right: 70.83333333%; + } + .ant-col-md-offset-17 { + margin-left: 70.83333333%; + } + .ant-col-md-order-17 { + order: 17; + } + .ant-col-md-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .ant-col-md-push-16 { + left: 66.66666667%; + } + .ant-col-md-pull-16 { + right: 66.66666667%; + } + .ant-col-md-offset-16 { + margin-left: 66.66666667%; + } + .ant-col-md-order-16 { + order: 16; + } + .ant-col-md-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .ant-col-md-push-15 { + left: 62.5%; + } + .ant-col-md-pull-15 { + right: 62.5%; + } + .ant-col-md-offset-15 { + margin-left: 62.5%; + } + .ant-col-md-order-15 { + order: 15; + } + .ant-col-md-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .ant-col-md-push-14 { + left: 58.33333333%; + } + .ant-col-md-pull-14 { + right: 58.33333333%; + } + .ant-col-md-offset-14 { + margin-left: 58.33333333%; + } + .ant-col-md-order-14 { + order: 14; + } + .ant-col-md-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .ant-col-md-push-13 { + left: 54.16666667%; + } + .ant-col-md-pull-13 { + right: 54.16666667%; + } + .ant-col-md-offset-13 { + margin-left: 54.16666667%; + } + .ant-col-md-order-13 { + order: 13; + } + .ant-col-md-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .ant-col-md-push-12 { + left: 50%; + } + .ant-col-md-pull-12 { + right: 50%; + } + .ant-col-md-offset-12 { + margin-left: 50%; + } + .ant-col-md-order-12 { + order: 12; + } + .ant-col-md-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .ant-col-md-push-11 { + left: 45.83333333%; + } + .ant-col-md-pull-11 { + right: 45.83333333%; + } + .ant-col-md-offset-11 { + margin-left: 45.83333333%; + } + .ant-col-md-order-11 { + order: 11; + } + .ant-col-md-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .ant-col-md-push-10 { + left: 41.66666667%; + } + .ant-col-md-pull-10 { + right: 41.66666667%; + } + .ant-col-md-offset-10 { + margin-left: 41.66666667%; + } + .ant-col-md-order-10 { + order: 10; + } + .ant-col-md-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .ant-col-md-push-9 { + left: 37.5%; + } + .ant-col-md-pull-9 { + right: 37.5%; + } + .ant-col-md-offset-9 { + margin-left: 37.5%; + } + .ant-col-md-order-9 { + order: 9; + } + .ant-col-md-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .ant-col-md-push-8 { + left: 33.33333333%; + } + .ant-col-md-pull-8 { + right: 33.33333333%; + } + .ant-col-md-offset-8 { + margin-left: 33.33333333%; + } + .ant-col-md-order-8 { + order: 8; + } + .ant-col-md-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .ant-col-md-push-7 { + left: 29.16666667%; + } + .ant-col-md-pull-7 { + right: 29.16666667%; + } + .ant-col-md-offset-7 { + margin-left: 29.16666667%; + } + .ant-col-md-order-7 { + order: 7; + } + .ant-col-md-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .ant-col-md-push-6 { + left: 25%; + } + .ant-col-md-pull-6 { + right: 25%; + } + .ant-col-md-offset-6 { + margin-left: 25%; + } + .ant-col-md-order-6 { + order: 6; + } + .ant-col-md-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .ant-col-md-push-5 { + left: 20.83333333%; + } + .ant-col-md-pull-5 { + right: 20.83333333%; + } + .ant-col-md-offset-5 { + margin-left: 20.83333333%; + } + .ant-col-md-order-5 { + order: 5; + } + .ant-col-md-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .ant-col-md-push-4 { + left: 16.66666667%; + } + .ant-col-md-pull-4 { + right: 16.66666667%; + } + .ant-col-md-offset-4 { + margin-left: 16.66666667%; + } + .ant-col-md-order-4 { + order: 4; + } + .ant-col-md-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .ant-col-md-push-3 { + left: 12.5%; + } + .ant-col-md-pull-3 { + right: 12.5%; + } + .ant-col-md-offset-3 { + margin-left: 12.5%; + } + .ant-col-md-order-3 { + order: 3; + } + .ant-col-md-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .ant-col-md-push-2 { + left: 8.33333333%; + } + .ant-col-md-pull-2 { + right: 8.33333333%; + } + .ant-col-md-offset-2 { + margin-left: 8.33333333%; + } + .ant-col-md-order-2 { + order: 2; + } + .ant-col-md-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .ant-col-md-push-1 { + left: 4.16666667%; + } + .ant-col-md-pull-1 { + right: 4.16666667%; + } + .ant-col-md-offset-1 { + margin-left: 4.16666667%; + } + .ant-col-md-order-1 { + order: 1; + } + .ant-col-md-0 { + display: none; + } + .ant-col-push-0 { + left: auto; + } + .ant-col-pull-0 { + right: auto; + } + .ant-col-md-push-0 { + left: auto; + } + .ant-col-md-pull-0 { + right: auto; + } + .ant-col-md-offset-0 { + margin-left: 0; + } + .ant-col-md-order-0 { + order: 0; + } + .ant-col-push-0.ant-col-rtl { + right: auto; + } + .ant-col-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-md-push-0.ant-col-rtl { + right: auto; + } + .ant-col-md-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-md-offset-0.ant-col-rtl { + margin-right: 0; + } + .ant-col-md-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; + } + .ant-col-md-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; + } + .ant-col-md-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .ant-col-md-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; + } + .ant-col-md-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; + } + .ant-col-md-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .ant-col-md-push-3.ant-col-rtl { + right: 12.5%; + left: auto; + } + .ant-col-md-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; + } + .ant-col-md-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .ant-col-md-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; + } + .ant-col-md-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; + } + .ant-col-md-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .ant-col-md-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; + } + .ant-col-md-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; + } + .ant-col-md-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .ant-col-md-push-6.ant-col-rtl { + right: 25%; + left: auto; + } + .ant-col-md-pull-6.ant-col-rtl { + right: auto; + left: 25%; + } + .ant-col-md-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .ant-col-md-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; + } + .ant-col-md-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; + } + .ant-col-md-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .ant-col-md-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; + } + .ant-col-md-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; + } + .ant-col-md-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .ant-col-md-push-9.ant-col-rtl { + right: 37.5%; + left: auto; + } + .ant-col-md-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; + } + .ant-col-md-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .ant-col-md-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; + } + .ant-col-md-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; + } + .ant-col-md-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .ant-col-md-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; + } + .ant-col-md-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; + } + .ant-col-md-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .ant-col-md-push-12.ant-col-rtl { + right: 50%; + left: auto; + } + .ant-col-md-pull-12.ant-col-rtl { + right: auto; + left: 50%; + } + .ant-col-md-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .ant-col-md-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; + } + .ant-col-md-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; + } + .ant-col-md-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .ant-col-md-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; + } + .ant-col-md-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; + } + .ant-col-md-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .ant-col-md-push-15.ant-col-rtl { + right: 62.5%; + left: auto; + } + .ant-col-md-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; + } + .ant-col-md-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .ant-col-md-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; + } + .ant-col-md-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; + } + .ant-col-md-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .ant-col-md-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; + } + .ant-col-md-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; + } + .ant-col-md-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .ant-col-md-push-18.ant-col-rtl { + right: 75%; + left: auto; + } + .ant-col-md-pull-18.ant-col-rtl { + right: auto; + left: 75%; + } + .ant-col-md-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .ant-col-md-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; + } + .ant-col-md-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; + } + .ant-col-md-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .ant-col-md-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; + } + .ant-col-md-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; + } + .ant-col-md-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .ant-col-md-push-21.ant-col-rtl { + right: 87.5%; + left: auto; + } + .ant-col-md-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; + } + .ant-col-md-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .ant-col-md-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; + } + .ant-col-md-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; + } + .ant-col-md-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .ant-col-md-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; + } + .ant-col-md-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; + } + .ant-col-md-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .ant-col-md-push-24.ant-col-rtl { + right: 100%; + left: auto; + } + .ant-col-md-pull-24.ant-col-rtl { + right: auto; + left: 100%; + } + .ant-col-md-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 992px) { + .ant-col-lg-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .ant-col-lg-push-24 { + left: 100%; + } + .ant-col-lg-pull-24 { + right: 100%; + } + .ant-col-lg-offset-24 { + margin-left: 100%; + } + .ant-col-lg-order-24 { + order: 24; + } + .ant-col-lg-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .ant-col-lg-push-23 { + left: 95.83333333%; + } + .ant-col-lg-pull-23 { + right: 95.83333333%; + } + .ant-col-lg-offset-23 { + margin-left: 95.83333333%; + } + .ant-col-lg-order-23 { + order: 23; + } + .ant-col-lg-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .ant-col-lg-push-22 { + left: 91.66666667%; + } + .ant-col-lg-pull-22 { + right: 91.66666667%; + } + .ant-col-lg-offset-22 { + margin-left: 91.66666667%; + } + .ant-col-lg-order-22 { + order: 22; + } + .ant-col-lg-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .ant-col-lg-push-21 { + left: 87.5%; + } + .ant-col-lg-pull-21 { + right: 87.5%; + } + .ant-col-lg-offset-21 { + margin-left: 87.5%; + } + .ant-col-lg-order-21 { + order: 21; + } + .ant-col-lg-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .ant-col-lg-push-20 { + left: 83.33333333%; + } + .ant-col-lg-pull-20 { + right: 83.33333333%; + } + .ant-col-lg-offset-20 { + margin-left: 83.33333333%; + } + .ant-col-lg-order-20 { + order: 20; + } + .ant-col-lg-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .ant-col-lg-push-19 { + left: 79.16666667%; + } + .ant-col-lg-pull-19 { + right: 79.16666667%; + } + .ant-col-lg-offset-19 { + margin-left: 79.16666667%; + } + .ant-col-lg-order-19 { + order: 19; + } + .ant-col-lg-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .ant-col-lg-push-18 { + left: 75%; + } + .ant-col-lg-pull-18 { + right: 75%; + } + .ant-col-lg-offset-18 { + margin-left: 75%; + } + .ant-col-lg-order-18 { + order: 18; + } + .ant-col-lg-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .ant-col-lg-push-17 { + left: 70.83333333%; + } + .ant-col-lg-pull-17 { + right: 70.83333333%; + } + .ant-col-lg-offset-17 { + margin-left: 70.83333333%; + } + .ant-col-lg-order-17 { + order: 17; + } + .ant-col-lg-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .ant-col-lg-push-16 { + left: 66.66666667%; + } + .ant-col-lg-pull-16 { + right: 66.66666667%; + } + .ant-col-lg-offset-16 { + margin-left: 66.66666667%; + } + .ant-col-lg-order-16 { + order: 16; + } + .ant-col-lg-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .ant-col-lg-push-15 { + left: 62.5%; + } + .ant-col-lg-pull-15 { + right: 62.5%; + } + .ant-col-lg-offset-15 { + margin-left: 62.5%; + } + .ant-col-lg-order-15 { + order: 15; + } + .ant-col-lg-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .ant-col-lg-push-14 { + left: 58.33333333%; + } + .ant-col-lg-pull-14 { + right: 58.33333333%; + } + .ant-col-lg-offset-14 { + margin-left: 58.33333333%; + } + .ant-col-lg-order-14 { + order: 14; + } + .ant-col-lg-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .ant-col-lg-push-13 { + left: 54.16666667%; + } + .ant-col-lg-pull-13 { + right: 54.16666667%; + } + .ant-col-lg-offset-13 { + margin-left: 54.16666667%; + } + .ant-col-lg-order-13 { + order: 13; + } + .ant-col-lg-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .ant-col-lg-push-12 { + left: 50%; + } + .ant-col-lg-pull-12 { + right: 50%; + } + .ant-col-lg-offset-12 { + margin-left: 50%; + } + .ant-col-lg-order-12 { + order: 12; + } + .ant-col-lg-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .ant-col-lg-push-11 { + left: 45.83333333%; + } + .ant-col-lg-pull-11 { + right: 45.83333333%; + } + .ant-col-lg-offset-11 { + margin-left: 45.83333333%; + } + .ant-col-lg-order-11 { + order: 11; + } + .ant-col-lg-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .ant-col-lg-push-10 { + left: 41.66666667%; + } + .ant-col-lg-pull-10 { + right: 41.66666667%; + } + .ant-col-lg-offset-10 { + margin-left: 41.66666667%; + } + .ant-col-lg-order-10 { + order: 10; + } + .ant-col-lg-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .ant-col-lg-push-9 { + left: 37.5%; + } + .ant-col-lg-pull-9 { + right: 37.5%; + } + .ant-col-lg-offset-9 { + margin-left: 37.5%; + } + .ant-col-lg-order-9 { + order: 9; + } + .ant-col-lg-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .ant-col-lg-push-8 { + left: 33.33333333%; + } + .ant-col-lg-pull-8 { + right: 33.33333333%; + } + .ant-col-lg-offset-8 { + margin-left: 33.33333333%; + } + .ant-col-lg-order-8 { + order: 8; + } + .ant-col-lg-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .ant-col-lg-push-7 { + left: 29.16666667%; + } + .ant-col-lg-pull-7 { + right: 29.16666667%; + } + .ant-col-lg-offset-7 { + margin-left: 29.16666667%; + } + .ant-col-lg-order-7 { + order: 7; + } + .ant-col-lg-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .ant-col-lg-push-6 { + left: 25%; + } + .ant-col-lg-pull-6 { + right: 25%; + } + .ant-col-lg-offset-6 { + margin-left: 25%; + } + .ant-col-lg-order-6 { + order: 6; + } + .ant-col-lg-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .ant-col-lg-push-5 { + left: 20.83333333%; + } + .ant-col-lg-pull-5 { + right: 20.83333333%; + } + .ant-col-lg-offset-5 { + margin-left: 20.83333333%; + } + .ant-col-lg-order-5 { + order: 5; + } + .ant-col-lg-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .ant-col-lg-push-4 { + left: 16.66666667%; + } + .ant-col-lg-pull-4 { + right: 16.66666667%; + } + .ant-col-lg-offset-4 { + margin-left: 16.66666667%; + } + .ant-col-lg-order-4 { + order: 4; + } + .ant-col-lg-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .ant-col-lg-push-3 { + left: 12.5%; + } + .ant-col-lg-pull-3 { + right: 12.5%; + } + .ant-col-lg-offset-3 { + margin-left: 12.5%; + } + .ant-col-lg-order-3 { + order: 3; + } + .ant-col-lg-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .ant-col-lg-push-2 { + left: 8.33333333%; + } + .ant-col-lg-pull-2 { + right: 8.33333333%; + } + .ant-col-lg-offset-2 { + margin-left: 8.33333333%; + } + .ant-col-lg-order-2 { + order: 2; + } + .ant-col-lg-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .ant-col-lg-push-1 { + left: 4.16666667%; + } + .ant-col-lg-pull-1 { + right: 4.16666667%; + } + .ant-col-lg-offset-1 { + margin-left: 4.16666667%; + } + .ant-col-lg-order-1 { + order: 1; + } + .ant-col-lg-0 { + display: none; + } + .ant-col-push-0 { + left: auto; + } + .ant-col-pull-0 { + right: auto; + } + .ant-col-lg-push-0 { + left: auto; + } + .ant-col-lg-pull-0 { + right: auto; + } + .ant-col-lg-offset-0 { + margin-left: 0; + } + .ant-col-lg-order-0 { + order: 0; + } + .ant-col-push-0.ant-col-rtl { + right: auto; + } + .ant-col-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-lg-push-0.ant-col-rtl { + right: auto; + } + .ant-col-lg-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-lg-offset-0.ant-col-rtl { + margin-right: 0; + } + .ant-col-lg-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; + } + .ant-col-lg-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; + } + .ant-col-lg-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .ant-col-lg-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; + } + .ant-col-lg-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; + } + .ant-col-lg-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .ant-col-lg-push-3.ant-col-rtl { + right: 12.5%; + left: auto; + } + .ant-col-lg-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; + } + .ant-col-lg-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .ant-col-lg-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; + } + .ant-col-lg-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; + } + .ant-col-lg-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .ant-col-lg-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; + } + .ant-col-lg-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; + } + .ant-col-lg-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .ant-col-lg-push-6.ant-col-rtl { + right: 25%; + left: auto; + } + .ant-col-lg-pull-6.ant-col-rtl { + right: auto; + left: 25%; + } + .ant-col-lg-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .ant-col-lg-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; + } + .ant-col-lg-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; + } + .ant-col-lg-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .ant-col-lg-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; + } + .ant-col-lg-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; + } + .ant-col-lg-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .ant-col-lg-push-9.ant-col-rtl { + right: 37.5%; + left: auto; + } + .ant-col-lg-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; + } + .ant-col-lg-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .ant-col-lg-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; + } + .ant-col-lg-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; + } + .ant-col-lg-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .ant-col-lg-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; + } + .ant-col-lg-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; + } + .ant-col-lg-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .ant-col-lg-push-12.ant-col-rtl { + right: 50%; + left: auto; + } + .ant-col-lg-pull-12.ant-col-rtl { + right: auto; + left: 50%; + } + .ant-col-lg-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .ant-col-lg-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; + } + .ant-col-lg-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; + } + .ant-col-lg-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .ant-col-lg-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; + } + .ant-col-lg-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; + } + .ant-col-lg-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .ant-col-lg-push-15.ant-col-rtl { + right: 62.5%; + left: auto; + } + .ant-col-lg-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; + } + .ant-col-lg-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .ant-col-lg-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; + } + .ant-col-lg-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; + } + .ant-col-lg-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .ant-col-lg-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; + } + .ant-col-lg-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; + } + .ant-col-lg-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .ant-col-lg-push-18.ant-col-rtl { + right: 75%; + left: auto; + } + .ant-col-lg-pull-18.ant-col-rtl { + right: auto; + left: 75%; + } + .ant-col-lg-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .ant-col-lg-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; + } + .ant-col-lg-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; + } + .ant-col-lg-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .ant-col-lg-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; + } + .ant-col-lg-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; + } + .ant-col-lg-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .ant-col-lg-push-21.ant-col-rtl { + right: 87.5%; + left: auto; + } + .ant-col-lg-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; + } + .ant-col-lg-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .ant-col-lg-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; + } + .ant-col-lg-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; + } + .ant-col-lg-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .ant-col-lg-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; + } + .ant-col-lg-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; + } + .ant-col-lg-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .ant-col-lg-push-24.ant-col-rtl { + right: 100%; + left: auto; + } + .ant-col-lg-pull-24.ant-col-rtl { + right: auto; + left: 100%; + } + .ant-col-lg-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 1200px) { + .ant-col-xl-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .ant-col-xl-push-24 { + left: 100%; + } + .ant-col-xl-pull-24 { + right: 100%; + } + .ant-col-xl-offset-24 { + margin-left: 100%; + } + .ant-col-xl-order-24 { + order: 24; + } + .ant-col-xl-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .ant-col-xl-push-23 { + left: 95.83333333%; + } + .ant-col-xl-pull-23 { + right: 95.83333333%; + } + .ant-col-xl-offset-23 { + margin-left: 95.83333333%; + } + .ant-col-xl-order-23 { + order: 23; + } + .ant-col-xl-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .ant-col-xl-push-22 { + left: 91.66666667%; + } + .ant-col-xl-pull-22 { + right: 91.66666667%; + } + .ant-col-xl-offset-22 { + margin-left: 91.66666667%; + } + .ant-col-xl-order-22 { + order: 22; + } + .ant-col-xl-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .ant-col-xl-push-21 { + left: 87.5%; + } + .ant-col-xl-pull-21 { + right: 87.5%; + } + .ant-col-xl-offset-21 { + margin-left: 87.5%; + } + .ant-col-xl-order-21 { + order: 21; + } + .ant-col-xl-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .ant-col-xl-push-20 { + left: 83.33333333%; + } + .ant-col-xl-pull-20 { + right: 83.33333333%; + } + .ant-col-xl-offset-20 { + margin-left: 83.33333333%; + } + .ant-col-xl-order-20 { + order: 20; + } + .ant-col-xl-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .ant-col-xl-push-19 { + left: 79.16666667%; + } + .ant-col-xl-pull-19 { + right: 79.16666667%; + } + .ant-col-xl-offset-19 { + margin-left: 79.16666667%; + } + .ant-col-xl-order-19 { + order: 19; + } + .ant-col-xl-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .ant-col-xl-push-18 { + left: 75%; + } + .ant-col-xl-pull-18 { + right: 75%; + } + .ant-col-xl-offset-18 { + margin-left: 75%; + } + .ant-col-xl-order-18 { + order: 18; + } + .ant-col-xl-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .ant-col-xl-push-17 { + left: 70.83333333%; + } + .ant-col-xl-pull-17 { + right: 70.83333333%; + } + .ant-col-xl-offset-17 { + margin-left: 70.83333333%; + } + .ant-col-xl-order-17 { + order: 17; + } + .ant-col-xl-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .ant-col-xl-push-16 { + left: 66.66666667%; + } + .ant-col-xl-pull-16 { + right: 66.66666667%; + } + .ant-col-xl-offset-16 { + margin-left: 66.66666667%; + } + .ant-col-xl-order-16 { + order: 16; + } + .ant-col-xl-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .ant-col-xl-push-15 { + left: 62.5%; + } + .ant-col-xl-pull-15 { + right: 62.5%; + } + .ant-col-xl-offset-15 { + margin-left: 62.5%; + } + .ant-col-xl-order-15 { + order: 15; + } + .ant-col-xl-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .ant-col-xl-push-14 { + left: 58.33333333%; + } + .ant-col-xl-pull-14 { + right: 58.33333333%; + } + .ant-col-xl-offset-14 { + margin-left: 58.33333333%; + } + .ant-col-xl-order-14 { + order: 14; + } + .ant-col-xl-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .ant-col-xl-push-13 { + left: 54.16666667%; + } + .ant-col-xl-pull-13 { + right: 54.16666667%; + } + .ant-col-xl-offset-13 { + margin-left: 54.16666667%; + } + .ant-col-xl-order-13 { + order: 13; + } + .ant-col-xl-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .ant-col-xl-push-12 { + left: 50%; + } + .ant-col-xl-pull-12 { + right: 50%; + } + .ant-col-xl-offset-12 { + margin-left: 50%; + } + .ant-col-xl-order-12 { + order: 12; + } + .ant-col-xl-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .ant-col-xl-push-11 { + left: 45.83333333%; + } + .ant-col-xl-pull-11 { + right: 45.83333333%; + } + .ant-col-xl-offset-11 { + margin-left: 45.83333333%; + } + .ant-col-xl-order-11 { + order: 11; + } + .ant-col-xl-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .ant-col-xl-push-10 { + left: 41.66666667%; + } + .ant-col-xl-pull-10 { + right: 41.66666667%; + } + .ant-col-xl-offset-10 { + margin-left: 41.66666667%; + } + .ant-col-xl-order-10 { + order: 10; + } + .ant-col-xl-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .ant-col-xl-push-9 { + left: 37.5%; + } + .ant-col-xl-pull-9 { + right: 37.5%; + } + .ant-col-xl-offset-9 { + margin-left: 37.5%; + } + .ant-col-xl-order-9 { + order: 9; + } + .ant-col-xl-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .ant-col-xl-push-8 { + left: 33.33333333%; + } + .ant-col-xl-pull-8 { + right: 33.33333333%; + } + .ant-col-xl-offset-8 { + margin-left: 33.33333333%; + } + .ant-col-xl-order-8 { + order: 8; + } + .ant-col-xl-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .ant-col-xl-push-7 { + left: 29.16666667%; + } + .ant-col-xl-pull-7 { + right: 29.16666667%; + } + .ant-col-xl-offset-7 { + margin-left: 29.16666667%; + } + .ant-col-xl-order-7 { + order: 7; + } + .ant-col-xl-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .ant-col-xl-push-6 { + left: 25%; + } + .ant-col-xl-pull-6 { + right: 25%; + } + .ant-col-xl-offset-6 { + margin-left: 25%; + } + .ant-col-xl-order-6 { + order: 6; + } + .ant-col-xl-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .ant-col-xl-push-5 { + left: 20.83333333%; + } + .ant-col-xl-pull-5 { + right: 20.83333333%; + } + .ant-col-xl-offset-5 { + margin-left: 20.83333333%; + } + .ant-col-xl-order-5 { + order: 5; + } + .ant-col-xl-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .ant-col-xl-push-4 { + left: 16.66666667%; + } + .ant-col-xl-pull-4 { + right: 16.66666667%; + } + .ant-col-xl-offset-4 { + margin-left: 16.66666667%; + } + .ant-col-xl-order-4 { + order: 4; + } + .ant-col-xl-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .ant-col-xl-push-3 { + left: 12.5%; + } + .ant-col-xl-pull-3 { + right: 12.5%; + } + .ant-col-xl-offset-3 { + margin-left: 12.5%; + } + .ant-col-xl-order-3 { + order: 3; + } + .ant-col-xl-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .ant-col-xl-push-2 { + left: 8.33333333%; + } + .ant-col-xl-pull-2 { + right: 8.33333333%; + } + .ant-col-xl-offset-2 { + margin-left: 8.33333333%; + } + .ant-col-xl-order-2 { + order: 2; + } + .ant-col-xl-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .ant-col-xl-push-1 { + left: 4.16666667%; + } + .ant-col-xl-pull-1 { + right: 4.16666667%; + } + .ant-col-xl-offset-1 { + margin-left: 4.16666667%; + } + .ant-col-xl-order-1 { + order: 1; + } + .ant-col-xl-0 { + display: none; + } + .ant-col-push-0 { + left: auto; + } + .ant-col-pull-0 { + right: auto; + } + .ant-col-xl-push-0 { + left: auto; + } + .ant-col-xl-pull-0 { + right: auto; + } + .ant-col-xl-offset-0 { + margin-left: 0; + } + .ant-col-xl-order-0 { + order: 0; + } + .ant-col-push-0.ant-col-rtl { + right: auto; + } + .ant-col-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-xl-push-0.ant-col-rtl { + right: auto; + } + .ant-col-xl-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-xl-offset-0.ant-col-rtl { + margin-right: 0; + } + .ant-col-xl-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; + } + .ant-col-xl-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; + } + .ant-col-xl-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .ant-col-xl-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; + } + .ant-col-xl-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; + } + .ant-col-xl-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .ant-col-xl-push-3.ant-col-rtl { + right: 12.5%; + left: auto; + } + .ant-col-xl-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; + } + .ant-col-xl-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .ant-col-xl-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; + } + .ant-col-xl-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; + } + .ant-col-xl-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .ant-col-xl-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; + } + .ant-col-xl-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; + } + .ant-col-xl-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .ant-col-xl-push-6.ant-col-rtl { + right: 25%; + left: auto; + } + .ant-col-xl-pull-6.ant-col-rtl { + right: auto; + left: 25%; + } + .ant-col-xl-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .ant-col-xl-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; + } + .ant-col-xl-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; + } + .ant-col-xl-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .ant-col-xl-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; + } + .ant-col-xl-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; + } + .ant-col-xl-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .ant-col-xl-push-9.ant-col-rtl { + right: 37.5%; + left: auto; + } + .ant-col-xl-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; + } + .ant-col-xl-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .ant-col-xl-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; + } + .ant-col-xl-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; + } + .ant-col-xl-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .ant-col-xl-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; + } + .ant-col-xl-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; + } + .ant-col-xl-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .ant-col-xl-push-12.ant-col-rtl { + right: 50%; + left: auto; + } + .ant-col-xl-pull-12.ant-col-rtl { + right: auto; + left: 50%; + } + .ant-col-xl-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .ant-col-xl-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; + } + .ant-col-xl-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; + } + .ant-col-xl-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .ant-col-xl-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; + } + .ant-col-xl-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; + } + .ant-col-xl-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .ant-col-xl-push-15.ant-col-rtl { + right: 62.5%; + left: auto; + } + .ant-col-xl-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; + } + .ant-col-xl-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .ant-col-xl-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; + } + .ant-col-xl-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; + } + .ant-col-xl-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .ant-col-xl-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; + } + .ant-col-xl-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; + } + .ant-col-xl-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .ant-col-xl-push-18.ant-col-rtl { + right: 75%; + left: auto; + } + .ant-col-xl-pull-18.ant-col-rtl { + right: auto; + left: 75%; + } + .ant-col-xl-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .ant-col-xl-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; + } + .ant-col-xl-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; + } + .ant-col-xl-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .ant-col-xl-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; + } + .ant-col-xl-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; + } + .ant-col-xl-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .ant-col-xl-push-21.ant-col-rtl { + right: 87.5%; + left: auto; + } + .ant-col-xl-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; + } + .ant-col-xl-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .ant-col-xl-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; + } + .ant-col-xl-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; + } + .ant-col-xl-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .ant-col-xl-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; + } + .ant-col-xl-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; + } + .ant-col-xl-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .ant-col-xl-push-24.ant-col-rtl { + right: 100%; + left: auto; + } + .ant-col-xl-pull-24.ant-col-rtl { + right: auto; + left: 100%; + } + .ant-col-xl-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +@media (min-width: 1600px) { + .ant-col-xxl-24 { + display: block; + flex: 0 0 100%; + max-width: 100%; + } + .ant-col-xxl-push-24 { + left: 100%; + } + .ant-col-xxl-pull-24 { + right: 100%; + } + .ant-col-xxl-offset-24 { + margin-left: 100%; + } + .ant-col-xxl-order-24 { + order: 24; + } + .ant-col-xxl-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333%; + } + .ant-col-xxl-push-23 { + left: 95.83333333%; + } + .ant-col-xxl-pull-23 { + right: 95.83333333%; + } + .ant-col-xxl-offset-23 { + margin-left: 95.83333333%; + } + .ant-col-xxl-order-23 { + order: 23; + } + .ant-col-xxl-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667%; + } + .ant-col-xxl-push-22 { + left: 91.66666667%; + } + .ant-col-xxl-pull-22 { + right: 91.66666667%; + } + .ant-col-xxl-offset-22 { + margin-left: 91.66666667%; + } + .ant-col-xxl-order-22 { + order: 22; + } + .ant-col-xxl-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5%; + } + .ant-col-xxl-push-21 { + left: 87.5%; + } + .ant-col-xxl-pull-21 { + right: 87.5%; + } + .ant-col-xxl-offset-21 { + margin-left: 87.5%; + } + .ant-col-xxl-order-21 { + order: 21; + } + .ant-col-xxl-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333%; + } + .ant-col-xxl-push-20 { + left: 83.33333333%; + } + .ant-col-xxl-pull-20 { + right: 83.33333333%; + } + .ant-col-xxl-offset-20 { + margin-left: 83.33333333%; + } + .ant-col-xxl-order-20 { + order: 20; + } + .ant-col-xxl-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667%; + } + .ant-col-xxl-push-19 { + left: 79.16666667%; + } + .ant-col-xxl-pull-19 { + right: 79.16666667%; + } + .ant-col-xxl-offset-19 { + margin-left: 79.16666667%; + } + .ant-col-xxl-order-19 { + order: 19; + } + .ant-col-xxl-18 { + display: block; + flex: 0 0 75%; + max-width: 75%; + } + .ant-col-xxl-push-18 { + left: 75%; + } + .ant-col-xxl-pull-18 { + right: 75%; + } + .ant-col-xxl-offset-18 { + margin-left: 75%; + } + .ant-col-xxl-order-18 { + order: 18; + } + .ant-col-xxl-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333%; + } + .ant-col-xxl-push-17 { + left: 70.83333333%; + } + .ant-col-xxl-pull-17 { + right: 70.83333333%; + } + .ant-col-xxl-offset-17 { + margin-left: 70.83333333%; + } + .ant-col-xxl-order-17 { + order: 17; + } + .ant-col-xxl-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667%; + } + .ant-col-xxl-push-16 { + left: 66.66666667%; + } + .ant-col-xxl-pull-16 { + right: 66.66666667%; + } + .ant-col-xxl-offset-16 { + margin-left: 66.66666667%; + } + .ant-col-xxl-order-16 { + order: 16; + } + .ant-col-xxl-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5%; + } + .ant-col-xxl-push-15 { + left: 62.5%; + } + .ant-col-xxl-pull-15 { + right: 62.5%; + } + .ant-col-xxl-offset-15 { + margin-left: 62.5%; + } + .ant-col-xxl-order-15 { + order: 15; + } + .ant-col-xxl-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333%; + } + .ant-col-xxl-push-14 { + left: 58.33333333%; + } + .ant-col-xxl-pull-14 { + right: 58.33333333%; + } + .ant-col-xxl-offset-14 { + margin-left: 58.33333333%; + } + .ant-col-xxl-order-14 { + order: 14; + } + .ant-col-xxl-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667%; + } + .ant-col-xxl-push-13 { + left: 54.16666667%; + } + .ant-col-xxl-pull-13 { + right: 54.16666667%; + } + .ant-col-xxl-offset-13 { + margin-left: 54.16666667%; + } + .ant-col-xxl-order-13 { + order: 13; + } + .ant-col-xxl-12 { + display: block; + flex: 0 0 50%; + max-width: 50%; + } + .ant-col-xxl-push-12 { + left: 50%; + } + .ant-col-xxl-pull-12 { + right: 50%; + } + .ant-col-xxl-offset-12 { + margin-left: 50%; + } + .ant-col-xxl-order-12 { + order: 12; + } + .ant-col-xxl-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333%; + } + .ant-col-xxl-push-11 { + left: 45.83333333%; + } + .ant-col-xxl-pull-11 { + right: 45.83333333%; + } + .ant-col-xxl-offset-11 { + margin-left: 45.83333333%; + } + .ant-col-xxl-order-11 { + order: 11; + } + .ant-col-xxl-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667%; + } + .ant-col-xxl-push-10 { + left: 41.66666667%; + } + .ant-col-xxl-pull-10 { + right: 41.66666667%; + } + .ant-col-xxl-offset-10 { + margin-left: 41.66666667%; + } + .ant-col-xxl-order-10 { + order: 10; + } + .ant-col-xxl-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5%; + } + .ant-col-xxl-push-9 { + left: 37.5%; + } + .ant-col-xxl-pull-9 { + right: 37.5%; + } + .ant-col-xxl-offset-9 { + margin-left: 37.5%; + } + .ant-col-xxl-order-9 { + order: 9; + } + .ant-col-xxl-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333%; + } + .ant-col-xxl-push-8 { + left: 33.33333333%; + } + .ant-col-xxl-pull-8 { + right: 33.33333333%; + } + .ant-col-xxl-offset-8 { + margin-left: 33.33333333%; + } + .ant-col-xxl-order-8 { + order: 8; + } + .ant-col-xxl-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667%; + } + .ant-col-xxl-push-7 { + left: 29.16666667%; + } + .ant-col-xxl-pull-7 { + right: 29.16666667%; + } + .ant-col-xxl-offset-7 { + margin-left: 29.16666667%; + } + .ant-col-xxl-order-7 { + order: 7; + } + .ant-col-xxl-6 { + display: block; + flex: 0 0 25%; + max-width: 25%; + } + .ant-col-xxl-push-6 { + left: 25%; + } + .ant-col-xxl-pull-6 { + right: 25%; + } + .ant-col-xxl-offset-6 { + margin-left: 25%; + } + .ant-col-xxl-order-6 { + order: 6; + } + .ant-col-xxl-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333%; + } + .ant-col-xxl-push-5 { + left: 20.83333333%; + } + .ant-col-xxl-pull-5 { + right: 20.83333333%; + } + .ant-col-xxl-offset-5 { + margin-left: 20.83333333%; + } + .ant-col-xxl-order-5 { + order: 5; + } + .ant-col-xxl-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667%; + } + .ant-col-xxl-push-4 { + left: 16.66666667%; + } + .ant-col-xxl-pull-4 { + right: 16.66666667%; + } + .ant-col-xxl-offset-4 { + margin-left: 16.66666667%; + } + .ant-col-xxl-order-4 { + order: 4; + } + .ant-col-xxl-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5%; + } + .ant-col-xxl-push-3 { + left: 12.5%; + } + .ant-col-xxl-pull-3 { + right: 12.5%; + } + .ant-col-xxl-offset-3 { + margin-left: 12.5%; + } + .ant-col-xxl-order-3 { + order: 3; + } + .ant-col-xxl-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333%; + } + .ant-col-xxl-push-2 { + left: 8.33333333%; + } + .ant-col-xxl-pull-2 { + right: 8.33333333%; + } + .ant-col-xxl-offset-2 { + margin-left: 8.33333333%; + } + .ant-col-xxl-order-2 { + order: 2; + } + .ant-col-xxl-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667%; + } + .ant-col-xxl-push-1 { + left: 4.16666667%; + } + .ant-col-xxl-pull-1 { + right: 4.16666667%; + } + .ant-col-xxl-offset-1 { + margin-left: 4.16666667%; + } + .ant-col-xxl-order-1 { + order: 1; + } + .ant-col-xxl-0 { + display: none; + } + .ant-col-push-0 { + left: auto; + } + .ant-col-pull-0 { + right: auto; + } + .ant-col-xxl-push-0 { + left: auto; + } + .ant-col-xxl-pull-0 { + right: auto; + } + .ant-col-xxl-offset-0 { + margin-left: 0; + } + .ant-col-xxl-order-0 { + order: 0; + } + .ant-col-push-0.ant-col-rtl { + right: auto; + } + .ant-col-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-xxl-push-0.ant-col-rtl { + right: auto; + } + .ant-col-xxl-pull-0.ant-col-rtl { + left: auto; + } + .ant-col-xxl-offset-0.ant-col-rtl { + margin-right: 0; + } + .ant-col-xxl-push-1.ant-col-rtl { + right: 4.16666667%; + left: auto; + } + .ant-col-xxl-pull-1.ant-col-rtl { + right: auto; + left: 4.16666667%; + } + .ant-col-xxl-offset-1.ant-col-rtl { + margin-right: 4.16666667%; + margin-left: 0; + } + .ant-col-xxl-push-2.ant-col-rtl { + right: 8.33333333%; + left: auto; + } + .ant-col-xxl-pull-2.ant-col-rtl { + right: auto; + left: 8.33333333%; + } + .ant-col-xxl-offset-2.ant-col-rtl { + margin-right: 8.33333333%; + margin-left: 0; + } + .ant-col-xxl-push-3.ant-col-rtl { + right: 12.5%; + left: auto; + } + .ant-col-xxl-pull-3.ant-col-rtl { + right: auto; + left: 12.5%; + } + .ant-col-xxl-offset-3.ant-col-rtl { + margin-right: 12.5%; + margin-left: 0; + } + .ant-col-xxl-push-4.ant-col-rtl { + right: 16.66666667%; + left: auto; + } + .ant-col-xxl-pull-4.ant-col-rtl { + right: auto; + left: 16.66666667%; + } + .ant-col-xxl-offset-4.ant-col-rtl { + margin-right: 16.66666667%; + margin-left: 0; + } + .ant-col-xxl-push-5.ant-col-rtl { + right: 20.83333333%; + left: auto; + } + .ant-col-xxl-pull-5.ant-col-rtl { + right: auto; + left: 20.83333333%; + } + .ant-col-xxl-offset-5.ant-col-rtl { + margin-right: 20.83333333%; + margin-left: 0; + } + .ant-col-xxl-push-6.ant-col-rtl { + right: 25%; + left: auto; + } + .ant-col-xxl-pull-6.ant-col-rtl { + right: auto; + left: 25%; + } + .ant-col-xxl-offset-6.ant-col-rtl { + margin-right: 25%; + margin-left: 0; + } + .ant-col-xxl-push-7.ant-col-rtl { + right: 29.16666667%; + left: auto; + } + .ant-col-xxl-pull-7.ant-col-rtl { + right: auto; + left: 29.16666667%; + } + .ant-col-xxl-offset-7.ant-col-rtl { + margin-right: 29.16666667%; + margin-left: 0; + } + .ant-col-xxl-push-8.ant-col-rtl { + right: 33.33333333%; + left: auto; + } + .ant-col-xxl-pull-8.ant-col-rtl { + right: auto; + left: 33.33333333%; + } + .ant-col-xxl-offset-8.ant-col-rtl { + margin-right: 33.33333333%; + margin-left: 0; + } + .ant-col-xxl-push-9.ant-col-rtl { + right: 37.5%; + left: auto; + } + .ant-col-xxl-pull-9.ant-col-rtl { + right: auto; + left: 37.5%; + } + .ant-col-xxl-offset-9.ant-col-rtl { + margin-right: 37.5%; + margin-left: 0; + } + .ant-col-xxl-push-10.ant-col-rtl { + right: 41.66666667%; + left: auto; + } + .ant-col-xxl-pull-10.ant-col-rtl { + right: auto; + left: 41.66666667%; + } + .ant-col-xxl-offset-10.ant-col-rtl { + margin-right: 41.66666667%; + margin-left: 0; + } + .ant-col-xxl-push-11.ant-col-rtl { + right: 45.83333333%; + left: auto; + } + .ant-col-xxl-pull-11.ant-col-rtl { + right: auto; + left: 45.83333333%; + } + .ant-col-xxl-offset-11.ant-col-rtl { + margin-right: 45.83333333%; + margin-left: 0; + } + .ant-col-xxl-push-12.ant-col-rtl { + right: 50%; + left: auto; + } + .ant-col-xxl-pull-12.ant-col-rtl { + right: auto; + left: 50%; + } + .ant-col-xxl-offset-12.ant-col-rtl { + margin-right: 50%; + margin-left: 0; + } + .ant-col-xxl-push-13.ant-col-rtl { + right: 54.16666667%; + left: auto; + } + .ant-col-xxl-pull-13.ant-col-rtl { + right: auto; + left: 54.16666667%; + } + .ant-col-xxl-offset-13.ant-col-rtl { + margin-right: 54.16666667%; + margin-left: 0; + } + .ant-col-xxl-push-14.ant-col-rtl { + right: 58.33333333%; + left: auto; + } + .ant-col-xxl-pull-14.ant-col-rtl { + right: auto; + left: 58.33333333%; + } + .ant-col-xxl-offset-14.ant-col-rtl { + margin-right: 58.33333333%; + margin-left: 0; + } + .ant-col-xxl-push-15.ant-col-rtl { + right: 62.5%; + left: auto; + } + .ant-col-xxl-pull-15.ant-col-rtl { + right: auto; + left: 62.5%; + } + .ant-col-xxl-offset-15.ant-col-rtl { + margin-right: 62.5%; + margin-left: 0; + } + .ant-col-xxl-push-16.ant-col-rtl { + right: 66.66666667%; + left: auto; + } + .ant-col-xxl-pull-16.ant-col-rtl { + right: auto; + left: 66.66666667%; + } + .ant-col-xxl-offset-16.ant-col-rtl { + margin-right: 66.66666667%; + margin-left: 0; + } + .ant-col-xxl-push-17.ant-col-rtl { + right: 70.83333333%; + left: auto; + } + .ant-col-xxl-pull-17.ant-col-rtl { + right: auto; + left: 70.83333333%; + } + .ant-col-xxl-offset-17.ant-col-rtl { + margin-right: 70.83333333%; + margin-left: 0; + } + .ant-col-xxl-push-18.ant-col-rtl { + right: 75%; + left: auto; + } + .ant-col-xxl-pull-18.ant-col-rtl { + right: auto; + left: 75%; + } + .ant-col-xxl-offset-18.ant-col-rtl { + margin-right: 75%; + margin-left: 0; + } + .ant-col-xxl-push-19.ant-col-rtl { + right: 79.16666667%; + left: auto; + } + .ant-col-xxl-pull-19.ant-col-rtl { + right: auto; + left: 79.16666667%; + } + .ant-col-xxl-offset-19.ant-col-rtl { + margin-right: 79.16666667%; + margin-left: 0; + } + .ant-col-xxl-push-20.ant-col-rtl { + right: 83.33333333%; + left: auto; + } + .ant-col-xxl-pull-20.ant-col-rtl { + right: auto; + left: 83.33333333%; + } + .ant-col-xxl-offset-20.ant-col-rtl { + margin-right: 83.33333333%; + margin-left: 0; + } + .ant-col-xxl-push-21.ant-col-rtl { + right: 87.5%; + left: auto; + } + .ant-col-xxl-pull-21.ant-col-rtl { + right: auto; + left: 87.5%; + } + .ant-col-xxl-offset-21.ant-col-rtl { + margin-right: 87.5%; + margin-left: 0; + } + .ant-col-xxl-push-22.ant-col-rtl { + right: 91.66666667%; + left: auto; + } + .ant-col-xxl-pull-22.ant-col-rtl { + right: auto; + left: 91.66666667%; + } + .ant-col-xxl-offset-22.ant-col-rtl { + margin-right: 91.66666667%; + margin-left: 0; + } + .ant-col-xxl-push-23.ant-col-rtl { + right: 95.83333333%; + left: auto; + } + .ant-col-xxl-pull-23.ant-col-rtl { + right: auto; + left: 95.83333333%; + } + .ant-col-xxl-offset-23.ant-col-rtl { + margin-right: 95.83333333%; + margin-left: 0; + } + .ant-col-xxl-push-24.ant-col-rtl { + right: 100%; + left: auto; + } + .ant-col-xxl-pull-24.ant-col-rtl { + right: auto; + left: 100%; + } + .ant-col-xxl-offset-24.ant-col-rtl { + margin-right: 100%; + margin-left: 0; + } +} +.ant-row-rtl { + direction: rtl; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-collapse { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + background-color: rgba(255, 255, 255, 0.04); + border: 1px solid #434343; + border-bottom: 0; + border-radius: 2px; +} +.ant-collapse > .ant-collapse-item { + border-bottom: 1px solid #434343; +} +.ant-collapse > .ant-collapse-item:last-child, +.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { + border-radius: 0 0 2px 2px; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header { + position: relative; + display: flex; + flex-wrap: nowrap; + align-items: flex-start; + padding: 12px 16px; + color: rgba(255, 255, 255, 0.85); + line-height: 1.5715; + cursor: pointer; + transition: all 0.3s, visibility 0s; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { + display: inline-block; + margin-right: 12px; + font-size: 12px; + vertical-align: -1px; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { + transition: transform 0.24s; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-header-text { + flex: auto; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { + margin-left: auto; +} +.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { + outline: none; +} +.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only { + cursor: default; +} +.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { + flex: none; + cursor: pointer; +} +.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only { + cursor: default; +} +.ant-collapse > .ant-collapse-item .ant-collapse-icon-collapsible-only .ant-collapse-expand-icon { + cursor: pointer; +} +.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { + padding-left: 12px; +} +.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { + position: relative; + padding: 12px 16px; + padding-right: 40px; +} +.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { + position: absolute; + top: 50%; + right: 16px; + left: auto; + margin: 0; + transform: translateY(-50%); +} +.ant-collapse-content { + color: rgba(255, 255, 255, 0.85); + background-color: #141414; + border-top: 1px solid #434343; +} +.ant-collapse-content > .ant-collapse-content-box { + padding: 16px; +} +.ant-collapse-content-hidden { + display: none; +} +.ant-collapse-item:last-child > .ant-collapse-content { + border-radius: 0 0 2px 2px; +} +.ant-collapse-borderless { + background-color: rgba(255, 255, 255, 0.04); + border: 0; +} +.ant-collapse-borderless > .ant-collapse-item { + border-bottom: 1px solid #434343; +} +.ant-collapse-borderless > .ant-collapse-item:last-child, +.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { + border-radius: 0; +} +.ant-collapse-borderless > .ant-collapse-item:last-child { + border-bottom: 0; +} +.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { + background-color: transparent; + border-top: 0; +} +.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { + padding-top: 4px; +} +.ant-collapse-ghost { + background-color: transparent; + border: 0; +} +.ant-collapse-ghost > .ant-collapse-item { + border-bottom: 0; +} +.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { + background-color: transparent; + border-top: 0; +} +.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { + padding-top: 12px; + padding-bottom: 12px; +} +.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, +.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-collapse-rtl { + direction: rtl; +} +.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header { + position: relative; + padding: 12px 16px; + padding-left: 40px; +} +.ant-collapse-rtl.ant-collapse.ant-collapse-icon-position-end > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { + position: absolute; + top: 50%; + right: auto; + left: 16px; + margin: 0; + transform: translateY(-50%); +} +.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header { + padding: 12px 16px; + padding-right: 40px; +} +.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { + margin-right: 0; + margin-left: 12px; +} +.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { + transform: rotate(180deg); +} +.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { + margin-right: auto; + margin-left: 0; +} +.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { + padding-right: 12px; + padding-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-comment { + position: relative; + background-color: transparent; +} +.ant-comment-inner { + display: flex; + padding: 16px 0; +} +.ant-comment-avatar { + position: relative; + flex-shrink: 0; + margin-right: 12px; + cursor: pointer; +} +.ant-comment-avatar img { + width: 32px; + height: 32px; + border-radius: 50%; +} +.ant-comment-content { + position: relative; + flex: 1 1 auto; + min-width: 1px; + font-size: 14px; + word-wrap: break-word; +} +.ant-comment-content-author { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + margin-bottom: 4px; + font-size: 14px; +} +.ant-comment-content-author > a, +.ant-comment-content-author > span { + padding-right: 8px; + font-size: 12px; + line-height: 18px; +} +.ant-comment-content-author-name { + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + transition: color 0.3s; +} +.ant-comment-content-author-name > * { + color: rgba(255, 255, 255, 0.45); +} +.ant-comment-content-author-name > *:hover { + color: rgba(255, 255, 255, 0.45); +} +.ant-comment-content-author-time { + color: rgba(255, 255, 255, 0.3); + white-space: nowrap; + cursor: auto; +} +.ant-comment-content-detail p { + margin-bottom: inherit; + white-space: pre-wrap; +} +.ant-comment-actions { + margin-top: 12px; + margin-bottom: inherit; + padding-left: 0; +} +.ant-comment-actions > li { + display: inline-block; + color: rgba(255, 255, 255, 0.45); +} +.ant-comment-actions > li > span { + margin-right: 10px; + color: rgba(255, 255, 255, 0.45); + font-size: 12px; + cursor: pointer; + transition: color 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-comment-actions > li > span:hover { + color: rgba(255, 255, 255, 0.65); +} +.ant-comment-nested { + margin-left: 44px; +} +.ant-comment-rtl { + direction: rtl; +} +.ant-comment-rtl .ant-comment-avatar { + margin-right: 0; + margin-left: 12px; +} +.ant-comment-rtl .ant-comment-content-author > a, +.ant-comment-rtl .ant-comment-content-author > span { + padding-right: 0; + padding-left: 8px; +} +.ant-comment-rtl .ant-comment-actions { + padding-right: 0; +} +.ant-comment-rtl .ant-comment-actions > li > span { + margin-right: 0; + margin-left: 10px; +} +.ant-comment-rtl .ant-comment-nested { + margin-right: 44px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-descriptions-header { + display: flex; + align-items: center; + margin-bottom: 20px; +} +.ant-descriptions-title { + flex: auto; + overflow: hidden; + color: rgba(255, 255, 255, 0.85); + font-weight: bold; + font-size: 16px; + line-height: 1.5715; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-descriptions-extra { + margin-left: auto; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; +} +.ant-descriptions-view { + width: 100%; + border-radius: 2px; +} +.ant-descriptions-view table { + width: 100%; + table-layout: fixed; +} +.ant-descriptions-row > th, +.ant-descriptions-row > td { + padding-bottom: 16px; +} +.ant-descriptions-row:last-child { + border-bottom: none; +} +.ant-descriptions-item-label { + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + line-height: 1.5715; + text-align: start; +} +.ant-descriptions-item-label::after { + content: ':'; + position: relative; + top: -0.5px; + margin: 0 8px 0 2px; +} +.ant-descriptions-item-label.ant-descriptions-item-no-colon::after { + content: ' '; +} +.ant-descriptions-item-no-label::after { + margin: 0; + content: ''; +} +.ant-descriptions-item-content { + display: table-cell; + flex: 1; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + word-break: break-word; + overflow-wrap: break-word; +} +.ant-descriptions-item { + padding-bottom: 0; + vertical-align: top; +} +.ant-descriptions-item-container { + display: flex; +} +.ant-descriptions-item-container .ant-descriptions-item-label, +.ant-descriptions-item-container .ant-descriptions-item-content { + display: inline-flex; + align-items: baseline; +} +.ant-descriptions-middle .ant-descriptions-row > th, +.ant-descriptions-middle .ant-descriptions-row > td { + padding-bottom: 12px; +} +.ant-descriptions-small .ant-descriptions-row > th, +.ant-descriptions-small .ant-descriptions-row > td { + padding-bottom: 8px; +} +.ant-descriptions-bordered .ant-descriptions-view { + border: 1px solid #303030; +} +.ant-descriptions-bordered .ant-descriptions-view > table { + table-layout: auto; + border-collapse: collapse; +} +.ant-descriptions-bordered .ant-descriptions-item-label, +.ant-descriptions-bordered .ant-descriptions-item-content { + padding: 16px 24px; + border-right: 1px solid #303030; +} +.ant-descriptions-bordered .ant-descriptions-item-label:last-child, +.ant-descriptions-bordered .ant-descriptions-item-content:last-child { + border-right: none; +} +.ant-descriptions-bordered .ant-descriptions-item-label { + background-color: rgba(255, 255, 255, 0.04); +} +.ant-descriptions-bordered .ant-descriptions-item-label::after { + display: none; +} +.ant-descriptions-bordered .ant-descriptions-row { + border-bottom: 1px solid #303030; +} +.ant-descriptions-bordered .ant-descriptions-row:last-child { + border-bottom: none; +} +.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label, +.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content { + padding: 12px 24px; +} +.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label, +.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content { + padding: 8px 16px; +} +.ant-descriptions-rtl { + direction: rtl; +} +.ant-descriptions-rtl .ant-descriptions-item-label::after { + margin: 0 2px 0 8px; +} +.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label, +.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content { + border-right: none; + border-left: 1px solid #303030; +} +.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child, +.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child { + border-left: none; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-divider { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +.ant-divider-vertical { + position: relative; + top: -0.06em; + display: inline-block; + height: 0.9em; + margin: 0 8px; + vertical-align: middle; + border-top: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); +} +.ant-divider-horizontal { + display: flex; + clear: both; + width: 100%; + min-width: 100%; + margin: 24px 0; +} +.ant-divider-horizontal.ant-divider-with-text { + display: flex; + align-items: center; + margin: 16px 0; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + font-size: 16px; + white-space: nowrap; + text-align: center; + border-top: 0; + border-top-color: rgba(255, 255, 255, 0.12); +} +.ant-divider-horizontal.ant-divider-with-text::before, +.ant-divider-horizontal.ant-divider-with-text::after { + position: relative; + width: 50%; + border-top: 1px solid transparent; + border-top-color: inherit; + border-bottom: 0; + transform: translateY(50%); + content: ''; +} +.ant-divider-horizontal.ant-divider-with-text-left::before { + width: 5%; +} +.ant-divider-horizontal.ant-divider-with-text-left::after { + width: 95%; +} +.ant-divider-horizontal.ant-divider-with-text-right::before { + width: 95%; +} +.ant-divider-horizontal.ant-divider-with-text-right::after { + width: 5%; +} +.ant-divider-inner-text { + display: inline-block; + padding: 0 1em; +} +.ant-divider-dashed { + background: none; + border-color: rgba(255, 255, 255, 0.12); + border-style: dashed; + border-width: 1px 0 0; +} +.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, +.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { + border-style: dashed none none; +} +.ant-divider-vertical.ant-divider-dashed { + border-width: 0 0 0 1px; +} +.ant-divider-plain.ant-divider-with-text { + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; +} +.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::before { + width: 0; +} +.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left::after { + width: 100%; +} +.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text { + padding-left: 0; +} +.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::before { + width: 100%; +} +.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right::after { + width: 0; +} +.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text { + padding-right: 0; +} +.ant-divider-rtl { + direction: rtl; +} +.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { + width: 95%; +} +.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { + width: 5%; +} +.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { + width: 5%; +} +.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { + width: 95%; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-drawer { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + pointer-events: none; +} +.ant-drawer-inline { + position: absolute; +} +.ant-drawer-mask { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + background: rgba(0, 0, 0, 0.45); + pointer-events: auto; +} +.ant-drawer-content-wrapper { + position: absolute; + z-index: 1000; + transition: all 0.3s; +} +.ant-drawer-content-wrapper-hidden { + display: none; +} +.ant-drawer-left > .ant-drawer-content-wrapper { + top: 0; + bottom: 0; + left: 0; + box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2), 12px 0 48px 16px rgba(0, 0, 0, 0.12); +} +.ant-drawer-right > .ant-drawer-content-wrapper { + top: 0; + right: 0; + bottom: 0; + box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); +} +.ant-drawer-top > .ant-drawer-content-wrapper { + top: 0; + right: 0; + left: 0; + box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2), 0 12px 48px 16px rgba(0, 0, 0, 0.12); +} +.ant-drawer-bottom > .ant-drawer-content-wrapper { + right: 0; + bottom: 0; + left: 0; + box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2), 0 -12px 48px 16px rgba(0, 0, 0, 0.12); +} +.ant-drawer-content { + width: 100%; + height: 100%; + overflow: auto; + background: #1f1f1f; + pointer-events: auto; +} +.ant-drawer-wrapper-body { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; +} +.ant-drawer-header { + display: flex; + flex: 0; + align-items: center; + padding: 16px 24px; + font-size: 16px; + line-height: 22px; + border-bottom: 1px solid #303030; +} +.ant-drawer-header-title { + display: flex; + flex: 1; + align-items: center; + min-width: 0; + min-height: 0; +} +.ant-drawer-extra { + flex: none; +} +.ant-drawer-close { + display: inline-block; + margin-right: 12px; + color: rgba(255, 255, 255, 0.45); + font-weight: 700; + font-size: 16px; + font-style: normal; + line-height: 1; + text-align: center; + text-transform: none; + text-decoration: none; + background: transparent; + border: 0; + outline: 0; + cursor: pointer; + transition: color 0.3s; + text-rendering: auto; +} +.ant-drawer-close:focus, +.ant-drawer-close:hover { + color: rgba(255, 255, 255, 0.75); + text-decoration: none; +} +.ant-drawer-title { + flex: 1; + margin: 0; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + font-size: 16px; + line-height: 22px; +} +.ant-drawer-body { + flex: 1; + min-width: 0; + min-height: 0; + padding: 24px; + overflow: auto; +} +.ant-drawer-footer { + flex-shrink: 0; + padding: 10px 16px; + border-top: 1px solid #303030; +} +.panel-motion-enter-start, +.panel-motion-appear-start, +.panel-motion-leave-start { + transition: none; +} +.panel-motion-enter-active, +.panel-motion-appear-active, +.panel-motion-leave-active { + transition: all 0.3s; +} +.ant-drawer-mask-motion-enter-active, +.ant-drawer-mask-motion-appear-active, +.ant-drawer-mask-motion-leave-active { + transition: all 0.3s; +} +.ant-drawer-mask-motion-enter, +.ant-drawer-mask-motion-appear { + opacity: 0; +} +.ant-drawer-mask-motion-enter-active, +.ant-drawer-mask-motion-appear-active { + opacity: 1; +} +.ant-drawer-mask-motion-leave { + opacity: 1; +} +.ant-drawer-mask-motion-leave-active { + opacity: 0; +} +.ant-drawer-panel-motion-left-enter-start, +.ant-drawer-panel-motion-left-appear-start, +.ant-drawer-panel-motion-left-leave-start { + transition: none; +} +.ant-drawer-panel-motion-left-enter-active, +.ant-drawer-panel-motion-left-appear-active, +.ant-drawer-panel-motion-left-leave-active { + transition: all 0.3s; +} +.ant-drawer-panel-motion-left-enter-start, +.ant-drawer-panel-motion-left-appear-start { + transform: translateX(-100%) !important; +} +.ant-drawer-panel-motion-left-enter-active, +.ant-drawer-panel-motion-left-appear-active { + transform: translateX(0); +} +.ant-drawer-panel-motion-left-leave { + transform: translateX(0); +} +.ant-drawer-panel-motion-left-leave-active { + transform: translateX(-100%); +} +.ant-drawer-panel-motion-right-enter-start, +.ant-drawer-panel-motion-right-appear-start, +.ant-drawer-panel-motion-right-leave-start { + transition: none; +} +.ant-drawer-panel-motion-right-enter-active, +.ant-drawer-panel-motion-right-appear-active, +.ant-drawer-panel-motion-right-leave-active { + transition: all 0.3s; +} +.ant-drawer-panel-motion-right-enter-start, +.ant-drawer-panel-motion-right-appear-start { + transform: translateX(100%) !important; +} +.ant-drawer-panel-motion-right-enter-active, +.ant-drawer-panel-motion-right-appear-active { + transform: translateX(0); +} +.ant-drawer-panel-motion-right-leave { + transform: translateX(0); +} +.ant-drawer-panel-motion-right-leave-active { + transform: translateX(100%); +} +.ant-drawer-panel-motion-top-enter-start, +.ant-drawer-panel-motion-top-appear-start, +.ant-drawer-panel-motion-top-leave-start { + transition: none; +} +.ant-drawer-panel-motion-top-enter-active, +.ant-drawer-panel-motion-top-appear-active, +.ant-drawer-panel-motion-top-leave-active { + transition: all 0.3s; +} +.ant-drawer-panel-motion-top-enter-start, +.ant-drawer-panel-motion-top-appear-start { + transform: translateY(-100%) !important; +} +.ant-drawer-panel-motion-top-enter-active, +.ant-drawer-panel-motion-top-appear-active { + transform: translateY(0); +} +.ant-drawer-panel-motion-top-leave { + transform: translateY(0); +} +.ant-drawer-panel-motion-top-leave-active { + transform: translateY(-100%); +} +.ant-drawer-panel-motion-bottom-enter-start, +.ant-drawer-panel-motion-bottom-appear-start, +.ant-drawer-panel-motion-bottom-leave-start { + transition: none; +} +.ant-drawer-panel-motion-bottom-enter-active, +.ant-drawer-panel-motion-bottom-appear-active, +.ant-drawer-panel-motion-bottom-leave-active { + transition: all 0.3s; +} +.ant-drawer-panel-motion-bottom-enter-start, +.ant-drawer-panel-motion-bottom-appear-start { + transform: translateY(100%) !important; +} +.ant-drawer-panel-motion-bottom-enter-active, +.ant-drawer-panel-motion-bottom-appear-active { + transform: translateY(0); +} +.ant-drawer-panel-motion-bottom-leave { + transform: translateY(0); +} +.ant-drawer-panel-motion-bottom-leave-active { + transform: translateY(100%); +} +.ant-drawer-rtl { + direction: rtl; +} +.ant-drawer-rtl .ant-drawer-close { + margin-right: 0; + margin-left: 12px; +} +.ant-drawer .ant-picker-clear, +.ant-drawer .ant-slider-handle, +.ant-drawer .ant-anchor-wrapper, +.ant-drawer .ant-collapse-content, +.ant-drawer .ant-timeline-item-head, +.ant-drawer .ant-card { + background-color: #1f1f1f; +} +.ant-drawer .ant-transfer-list-header { + background: #1f1f1f; + border-bottom: 1px solid #3a3a3a; +} +.ant-drawer .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-drawer tr.ant-table-expanded-row > td, +.ant-drawer tr.ant-table-expanded-row:hover > td { + background: #272727; +} +.ant-drawer .ant-table.ant-table-small thead > tr > th { + background-color: #1f1f1f; + border-bottom: 1px solid #3a3a3a; +} +.ant-drawer .ant-table { + background-color: #1f1f1f; +} +.ant-drawer .ant-table .ant-table-row-expand-icon { + border: 1px solid #3a3a3a; +} +.ant-drawer .ant-table tfoot > tr > th, +.ant-drawer .ant-table tfoot > tr > td { + border-bottom: 1px solid #3a3a3a; +} +.ant-drawer .ant-table thead > tr > th { + background-color: #272727; + border-bottom: 1px solid #3a3a3a; +} +.ant-drawer .ant-table tbody > tr > td { + border-bottom: 1px solid #3a3a3a; +} +.ant-drawer .ant-table tbody > tr > td.ant-table-cell-fix-left, +.ant-drawer .ant-table tbody > tr > td.ant-table-cell-fix-right { + background-color: #1f1f1f; +} +.ant-drawer .ant-table tbody > tr.ant-table-row:hover > td { + background: #303030; +} +.ant-drawer .ant-table.ant-table-bordered .ant-table-title { + border: 1px solid #3a3a3a; +} +.ant-drawer .ant-table.ant-table-bordered thead > tr > th, +.ant-drawer .ant-table.ant-table-bordered tbody > tr > td, +.ant-drawer .ant-table.ant-table-bordered tfoot > tr > th, +.ant-drawer .ant-table.ant-table-bordered tfoot > tr > td { + border-right: 1px solid #3a3a3a; +} +.ant-drawer .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after { + border-right: 1px solid #3a3a3a; +} +.ant-drawer .ant-table.ant-table-bordered table thead > tr:not(:last-child) > th { + border-bottom: 1px solid #303030; +} +.ant-drawer .ant-table.ant-table-bordered .ant-table-container { + border: 1px solid #3a3a3a; +} +.ant-drawer .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after { + border-right: 1px solid #3a3a3a; +} +.ant-drawer .ant-table.ant-table-bordered .ant-table-footer { + border: 1px solid #3a3a3a; +} +.ant-drawer .ant-table .ant-table-filter-trigger-container-open { + background-color: #525252; +} +.ant-drawer .ant-picker-calendar-full { + background-color: #1f1f1f; +} +.ant-drawer .ant-picker-calendar-full .ant-picker-panel { + background-color: #1f1f1f; +} +.ant-drawer .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { + border-top: 2px solid #3a3a3a; +} +.ant-drawer .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { + background-color: #1f1f1f; + border-bottom: 1px solid #1f1f1f; +} +.ant-drawer .ant-badge-count { + box-shadow: 0 0 0 1px #1f1f1f; +} +.ant-drawer .ant-tree-show-line .ant-tree-switcher { + background: #1f1f1f; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-form-item .ant-input-number + .ant-form-text { + margin-left: 8px; +} +.ant-form-inline { + display: flex; + flex-wrap: wrap; +} +.ant-form-inline .ant-form-item { + flex: none; + flex-wrap: nowrap; + margin-right: 16px; + margin-bottom: 0; +} +.ant-form-inline .ant-form-item-with-help { + margin-bottom: 24px; +} +.ant-form-inline .ant-form-item > .ant-form-item-label, +.ant-form-inline .ant-form-item > .ant-form-item-control { + display: inline-block; + vertical-align: top; +} +.ant-form-inline .ant-form-item > .ant-form-item-label { + flex: none; +} +.ant-form-inline .ant-form-item .ant-form-text { + display: inline-block; +} +.ant-form-inline .ant-form-item .ant-form-item-has-feedback { + display: inline-block; +} +.ant-form-horizontal .ant-form-item-label { + flex-grow: 0; +} +.ant-form-horizontal .ant-form-item-control { + flex: 1 1 0; + min-width: 0; +} +.ant-form-horizontal .ant-form-item-label[class$='-24'] + .ant-form-item-control, +.ant-form-horizontal .ant-form-item-label[class*='-24 '] + .ant-form-item-control { + min-width: unset; +} +.ant-form-vertical .ant-form-item-row { + flex-direction: column; +} +.ant-form-vertical .ant-form-item-label > label { + height: auto; +} +.ant-form-vertical .ant-form-item .ant-form-item-control { + width: 100%; +} +.ant-form-vertical .ant-form-item-label, +.ant-col-24.ant-form-item-label, +.ant-col-xl-24.ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; +} +.ant-form-vertical .ant-form-item-label > label, +.ant-col-24.ant-form-item-label > label, +.ant-col-xl-24.ant-form-item-label > label { + margin: 0; +} +.ant-form-vertical .ant-form-item-label > label::after, +.ant-col-24.ant-form-item-label > label::after, +.ant-col-xl-24.ant-form-item-label > label::after { + display: none; +} +.ant-form-rtl.ant-form-vertical .ant-form-item-label, +.ant-form-rtl.ant-col-24.ant-form-item-label, +.ant-form-rtl.ant-col-xl-24.ant-form-item-label { + text-align: right; +} +@media (max-width: 575px) { + .ant-form-item .ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .ant-form-item .ant-form-item-label > label { + margin: 0; + } + .ant-form-item .ant-form-item-label > label::after { + display: none; + } + .ant-form-rtl.ant-form-item .ant-form-item-label { + text-align: right; + } + .ant-form .ant-form-item { + flex-wrap: wrap; + } + .ant-form .ant-form-item .ant-form-item-label, + .ant-form .ant-form-item .ant-form-item-control { + flex: 0 0 100%; + max-width: 100%; + } + .ant-col-xs-24.ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .ant-col-xs-24.ant-form-item-label > label { + margin: 0; + } + .ant-col-xs-24.ant-form-item-label > label::after { + display: none; + } + .ant-form-rtl.ant-col-xs-24.ant-form-item-label { + text-align: right; + } +} +@media (max-width: 767px) { + .ant-col-sm-24.ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .ant-col-sm-24.ant-form-item-label > label { + margin: 0; + } + .ant-col-sm-24.ant-form-item-label > label::after { + display: none; + } + .ant-form-rtl.ant-col-sm-24.ant-form-item-label { + text-align: right; + } +} +@media (max-width: 991px) { + .ant-col-md-24.ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .ant-col-md-24.ant-form-item-label > label { + margin: 0; + } + .ant-col-md-24.ant-form-item-label > label::after { + display: none; + } + .ant-form-rtl.ant-col-md-24.ant-form-item-label { + text-align: right; + } +} +@media (max-width: 1199px) { + .ant-col-lg-24.ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .ant-col-lg-24.ant-form-item-label > label { + margin: 0; + } + .ant-col-lg-24.ant-form-item-label > label::after { + display: none; + } + .ant-form-rtl.ant-col-lg-24.ant-form-item-label { + text-align: right; + } +} +@media (max-width: 1599px) { + .ant-col-xl-24.ant-form-item-label { + padding: 0 0 8px; + line-height: 1.5715; + white-space: initial; + text-align: left; + } + .ant-col-xl-24.ant-form-item-label > label { + margin: 0; + } + .ant-col-xl-24.ant-form-item-label > label::after { + display: none; + } + .ant-form-rtl.ant-col-xl-24.ant-form-item-label { + text-align: right; + } +} +.ant-form-item { + /* Some non-status related component style is in `components.less` */ + /* To support leave along ErrorList. We add additional className to handle explain style */ +} +.ant-form-item-explain-error { + color: #a61d24; +} +.ant-form-item-explain-warning { + color: #d89614; +} +.ant-form-item-has-feedback .ant-switch { + margin: 2px 0 4px; +} +.ant-form-item-has-warning .ant-form-item-split { + color: #d89614; +} +.ant-form-item-has-error .ant-form-item-split { + color: #a61d24; +} +.ant-form { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; +} +.ant-form legend { + display: block; + width: 100%; + margin-bottom: 20px; + padding: 0; + color: rgba(255, 255, 255, 0.45); + font-size: 16px; + line-height: inherit; + border: 0; + border-bottom: 1px solid #434343; +} +.ant-form label { + font-size: 14px; +} +.ant-form input[type='search'] { + box-sizing: border-box; +} +.ant-form input[type='radio'], +.ant-form input[type='checkbox'] { + line-height: normal; +} +.ant-form input[type='file'] { + display: block; +} +.ant-form input[type='range'] { + display: block; + width: 100%; +} +.ant-form select[multiple], +.ant-form select[size] { + height: auto; +} +.ant-form input[type='file']:focus, +.ant-form input[type='radio']:focus, +.ant-form input[type='checkbox']:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.ant-form output { + display: block; + padding-top: 15px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; +} +.ant-form .ant-form-text { + display: inline-block; + padding-right: 8px; +} +.ant-form-small .ant-form-item-label > label { + height: 24px; +} +.ant-form-small .ant-form-item-control-input { + min-height: 24px; +} +.ant-form-large .ant-form-item-label > label { + height: 40px; +} +.ant-form-large .ant-form-item-control-input { + min-height: 40px; +} +.ant-form-item { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + margin-bottom: 24px; + vertical-align: top; +} +.ant-form-item-with-help { + transition: none; +} +.ant-form-item-hidden, +.ant-form-item-hidden.ant-row { + display: none; +} +.ant-form-item-label { + display: inline-block; + flex-grow: 0; + overflow: hidden; + white-space: nowrap; + text-align: right; + vertical-align: middle; +} +.ant-form-item-label-left { + text-align: left; +} +.ant-form-item-label-wrap { + overflow: unset; + line-height: 1.3215em; + white-space: unset; +} +.ant-form-item-label > label { + position: relative; + display: inline-flex; + align-items: center; + max-width: 100%; + height: 32px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; +} +.ant-form-item-label > label > .anticon { + font-size: 14px; + vertical-align: top; +} +.ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { + display: inline-block; + margin-right: 4px; + color: #a61d24; + font-size: 14px; + font-family: SimSun, sans-serif; + line-height: 1; + content: '*'; +} +.ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { + display: none; +} +.ant-form-item-label > label .ant-form-item-optional { + display: inline-block; + margin-left: 4px; + color: rgba(255, 255, 255, 0.45); +} +.ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional { + display: none; +} +.ant-form-item-label > label .ant-form-item-tooltip { + color: rgba(255, 255, 255, 0.45); + cursor: help; + -ms-writing-mode: lr-tb; + writing-mode: horizontal-tb; + margin-inline-start: 4px; +} +.ant-form-item-label > label::after { + content: ':'; + position: relative; + top: -0.5px; + margin: 0 8px 0 2px; +} +.ant-form-item-label > label.ant-form-item-no-colon::after { + content: ' '; +} +.ant-form-item-control { + display: flex; + flex-direction: column; + flex-grow: 1; +} +.ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) { + width: 100%; +} +.ant-form-item-control-input { + position: relative; + display: flex; + align-items: center; + min-height: 32px; +} +.ant-form-item-control-input-content { + flex: auto; + max-width: 100%; +} +.ant-form-item-explain, +.ant-form-item-extra { + clear: both; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + line-height: 1.5715; + transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); +} +.ant-form-item-explain-connected { + width: 100%; +} +.ant-form-item-extra { + min-height: 24px; +} +.ant-form-item-with-help .ant-form-item-explain { + height: auto; + opacity: 1; +} +.ant-form-item-feedback-icon { + font-size: 14px; + text-align: center; + visibility: visible; + animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); + pointer-events: none; +} +.ant-form-item-feedback-icon-success { + color: #49aa19; +} +.ant-form-item-feedback-icon-error { + color: #a61d24; +} +.ant-form-item-feedback-icon-warning { + color: #d89614; +} +.ant-form-item-feedback-icon-validating { + color: #177ddc; +} +.ant-show-help { + transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-show-help-appear, +.ant-show-help-enter { + opacity: 0; +} +.ant-show-help-appear-active, +.ant-show-help-enter-active { + opacity: 1; +} +.ant-show-help-leave { + opacity: 1; +} +.ant-show-help-leave-active { + opacity: 0; +} +.ant-show-help-item { + overflow: hidden; + transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important; +} +.ant-show-help-item-appear, +.ant-show-help-item-enter { + transform: translateY(-5px); + opacity: 0; +} +.ant-show-help-item-appear-active, +.ant-show-help-item-enter-active { + transform: translateY(0); + opacity: 1; +} +.ant-show-help-item-leave { + transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important; +} +.ant-show-help-item-leave-active { + transform: translateY(-5px); +} +@keyframes diffZoomIn1 { + 0% { + transform: scale(0); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} +@keyframes diffZoomIn2 { + 0% { + transform: scale(0); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} +@keyframes diffZoomIn3 { + 0% { + transform: scale(0); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} +.ant-form-rtl { + direction: rtl; +} +.ant-form-rtl .ant-form-item-label { + text-align: left; +} +.ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before { + margin-right: 0; + margin-left: 4px; +} +.ant-form-rtl .ant-form-item-label > label::after { + margin: 0 2px 0 8px; +} +.ant-form-rtl .ant-form-item-label > label .ant-form-item-optional { + margin-right: 4px; + margin-left: 0; +} +.ant-col-rtl .ant-form-item-control:first-child { + width: 100%; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-input { + padding-right: 11px; + padding-left: 24px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { + padding-right: 11px; + padding-left: 18px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input { + padding: 0; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-input-number-affix-wrapper .ant-input-number { + padding: 0; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { + right: auto; + left: 28px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-input-number { + padding-left: 18px; +} +.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, +.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, +.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, +.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear, +.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-arrow, +.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-clear { + right: auto; + left: 32px; +} +.ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, +.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value, +.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-number-group-addon) > .ant-select .ant-select-selection-selected-value { + padding-right: 0; + padding-left: 42px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { + margin-right: 0; + margin-left: 19px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { + right: auto; + left: 32px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-picker { + padding-right: 11px; + padding-left: 29.2px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { + padding-right: 11px; + padding-left: 29.2px; +} +.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { + padding-right: 7px; + padding-left: 25.2px; +} +.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, +.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, +.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, +.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { + right: auto; + left: 0; +} +.ant-form-rtl.ant-form-inline .ant-form-item { + margin-right: 0; + margin-left: 16px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-image { + position: relative; + display: inline-block; +} +.ant-image-img { + width: 100%; + height: auto; + vertical-align: middle; +} +.ant-image-img-placeholder { + background-color: #f5f5f5; + background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4='); + background-repeat: no-repeat; + background-position: center center; + background-size: 30%; +} +.ant-image-mask { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + background: rgba(0, 0, 0, 0.5); + cursor: pointer; + opacity: 0; + transition: opacity 0.3s; +} +.ant-image-mask-info { + padding: 0 4px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-image-mask-info .anticon { + margin-inline-end: 4px; +} +.ant-image-mask:hover { + opacity: 1; +} +.ant-image-placeholder { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.ant-image-preview { + pointer-events: none; + height: 100%; + text-align: center; +} +.ant-image-preview.ant-zoom-enter, +.ant-image-preview.ant-zoom-appear { + transform: none; + opacity: 0; + animation-duration: 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-image-preview-mask { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + height: 100%; + background-color: rgba(0, 0, 0, 0.45); +} +.ant-image-preview-mask-hidden { + display: none; +} +.ant-image-preview-wrap { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + outline: 0; +} +.ant-image-preview-body { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; +} +.ant-image-preview-img { + max-width: 100%; + max-height: 100%; + vertical-align: middle; + transform: scale3d(1, 1, 1); + cursor: grab; + transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: auto; +} +.ant-image-preview-img-wrapper { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; +} +.ant-image-preview-img-wrapper::before { + display: inline-block; + width: 1px; + height: 50%; + margin-right: -1px; + content: ''; +} +.ant-image-preview-moving .ant-image-preview-img { + cursor: grabbing; +} +.ant-image-preview-moving .ant-image-preview-img-wrapper { + transition-duration: 0s; +} +.ant-image-preview-wrap { + z-index: 1080; +} +.ant-image-preview-operations-wrapper { + position: fixed; + top: 0; + right: 0; + z-index: 1081; + width: 100%; +} +.ant-image-preview-operations { + box-sizing: border-box; + margin: 0; + padding: 0; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + font-feature-settings: 'tnum'; + display: flex; + flex-direction: row-reverse; + align-items: center; + color: rgba(255, 255, 255, 0.85); + list-style: none; + background: rgba(0, 0, 0, 0.1); + pointer-events: auto; +} +.ant-image-preview-operations-operation { + margin-left: 12px; + padding: 12px; + cursor: pointer; + transition: all 0.3s; +} +.ant-image-preview-operations-operation:hover { + background: rgba(0, 0, 0, 0.2); +} +.ant-image-preview-operations-operation-disabled { + color: rgba(255, 255, 255, 0.25); + pointer-events: none; +} +.ant-image-preview-operations-operation:last-of-type { + margin-left: 0; +} +.ant-image-preview-operations-progress { + position: absolute; + left: 50%; + transform: translateX(-50%); +} +.ant-image-preview-operations-icon { + font-size: 18px; +} +.ant-image-preview-switch-left, +.ant-image-preview-switch-right { + position: fixed; + top: 50%; + right: 8px; + z-index: 1081; + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + color: rgba(255, 255, 255, 0.85); + background: rgba(0, 0, 0, 0.1); + border-radius: 50%; + transform: translateY(-50%); + cursor: pointer; + transition: all 0.3s; + pointer-events: auto; +} +.ant-image-preview-switch-left:hover, +.ant-image-preview-switch-right:hover { + background: rgba(0, 0, 0, 0.2); +} +.ant-image-preview-switch-left-disabled, +.ant-image-preview-switch-right-disabled, +.ant-image-preview-switch-left-disabled:hover, +.ant-image-preview-switch-right-disabled:hover { + color: rgba(255, 255, 255, 0.25); + background: rgba(0, 0, 0, 0.1); + cursor: not-allowed; +} +.ant-image-preview-switch-left-disabled > .anticon, +.ant-image-preview-switch-right-disabled > .anticon, +.ant-image-preview-switch-left-disabled:hover > .anticon, +.ant-image-preview-switch-right-disabled:hover > .anticon { + cursor: not-allowed; +} +.ant-image-preview-switch-left > .anticon, +.ant-image-preview-switch-right > .anticon { + font-size: 18px; +} +.ant-image-preview-switch-left { + left: 8px; +} +.ant-image-preview-switch-right { + right: 8px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-input-number-affix-wrapper { + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: transparent; + background-image: none; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; + position: relative; + display: inline-flex; + width: 90px; + padding: 0; + padding-inline-start: 11px; +} +.ant-input-number-affix-wrapper::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-input-number-affix-wrapper:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-input-number-affix-wrapper::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-input-number-affix-wrapper:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-number-affix-wrapper:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-input-number-affix-wrapper:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-number-affix-wrapper:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-input-number-affix-wrapper:focus, +.ant-input-number-affix-wrapper-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-affix-wrapper-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-number-affix-wrapper-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-number-affix-wrapper[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-number-affix-wrapper[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-number-affix-wrapper-borderless, +.ant-input-number-affix-wrapper-borderless:hover, +.ant-input-number-affix-wrapper-borderless:focus, +.ant-input-number-affix-wrapper-borderless-focused, +.ant-input-number-affix-wrapper-borderless-disabled, +.ant-input-number-affix-wrapper-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-input-number-affix-wrapper { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-input-number-affix-wrapper-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-number-affix-wrapper-sm { + padding: 0px 7px; +} +.ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover { + border-color: #165996; + border-right-width: 1px; + z-index: 1; +} +.ant-input-number-affix-wrapper-focused, +.ant-input-number-affix-wrapper:focus { + z-index: 1; +} +.ant-input-number-affix-wrapper-disabled .ant-input-number[disabled] { + background: transparent; +} +.ant-input-number-affix-wrapper > div.ant-input-number { + width: 100%; + border: none; + outline: none; +} +.ant-input-number-affix-wrapper > div.ant-input-number.ant-input-number-focused { + box-shadow: none !important; +} +.ant-input-number-affix-wrapper input.ant-input-number-input { + padding: 0; +} +.ant-input-number-affix-wrapper::before { + display: inline-block; + width: 0; + visibility: hidden; + content: '\a0'; +} +.ant-input-number-affix-wrapper .ant-input-number-handler-wrap { + z-index: 2; +} +.ant-input-number-prefix, +.ant-input-number-suffix { + display: flex; + flex: none; + align-items: center; + pointer-events: none; +} +.ant-input-number-prefix { + margin-inline-end: 4px; +} +.ant-input-number-suffix { + position: absolute; + top: 0; + right: 0; + z-index: 1; + height: 100%; + margin-right: 11px; + margin-left: 4px; +} +.ant-input-number-group-wrapper .ant-input-number-affix-wrapper { + width: 100%; +} +.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, +.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { + background: transparent; + border-color: #a61d24; +} +.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, +.ant-input-number-status-error:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-status-error .ant-input-number-prefix { + color: #a61d24; +} +.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number, +.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:hover { + background: transparent; + border-color: #d89614; +} +.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number:focus, +.ant-input-number-status-warning:not(.ant-input-number-disabled):not(.ant-input-number-borderless).ant-input-number-focused { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-status-warning .ant-input-number-prefix { + color: #d89614; +} +.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, +.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { + background: transparent; + border-color: #a61d24; +} +.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, +.ant-input-number-affix-wrapper-status-error:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-affix-wrapper-status-error .ant-input-number-prefix { + color: #a61d24; +} +.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper, +.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover { + background: transparent; + border-color: #d89614; +} +.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:focus, +.ant-input-number-affix-wrapper-status-warning:not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper-focused { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-affix-wrapper-status-warning .ant-input-number-prefix { + color: #d89614; +} +.ant-input-number-group-wrapper-status-error .ant-input-number-group-addon { + color: #a61d24; + border-color: #a61d24; +} +.ant-input-number-group-wrapper-status-warning .ant-input-number-group-addon { + color: #d89614; + border-color: #d89614; +} +.ant-input-number { + box-sizing: border-box; + font-variant: tabular-nums; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: transparent; + background-image: none; + transition: all 0.3s; + display: inline-block; + width: 90px; + margin: 0; + padding: 0; + border: 1px solid #434343; + border-radius: 2px; +} +.ant-input-number::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-input-number:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-input-number::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-input-number:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-number:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-input-number:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-number:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-input-number:focus, +.ant-input-number-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-number-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-number[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-number[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-number-borderless, +.ant-input-number-borderless:hover, +.ant-input-number-borderless:focus, +.ant-input-number-borderless-focused, +.ant-input-number-borderless-disabled, +.ant-input-number-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-input-number { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-input-number-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-number-sm { + padding: 0px 7px; +} +.ant-input-number-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.ant-input-number-group[class*='col-'] { + float: none; + padding-right: 0; + padding-left: 0; +} +.ant-input-number-group > [class*='col-'] { + padding-right: 8px; +} +.ant-input-number-group > [class*='col-']:last-child { + padding-right: 0; +} +.ant-input-number-group-addon, +.ant-input-number-group-wrap, +.ant-input-number-group > .ant-input-number { + display: table-cell; +} +.ant-input-number-group-addon:not(:first-child):not(:last-child), +.ant-input-number-group-wrap:not(:first-child):not(:last-child), +.ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) { + border-radius: 0; +} +.ant-input-number-group-addon, +.ant-input-number-group-wrap { + width: 1px; + white-space: nowrap; + vertical-align: middle; +} +.ant-input-number-group-wrap > * { + display: block !important; +} +.ant-input-number-group .ant-input-number { + float: left; + width: 100%; + margin-bottom: 0; + text-align: inherit; +} +.ant-input-number-group .ant-input-number:focus { + z-index: 1; + border-right-width: 1px; +} +.ant-input-number-group .ant-input-number:hover { + z-index: 1; + border-right-width: 1px; +} +.ant-input-search-with-button .ant-input-number-group .ant-input-number:hover { + z-index: 0; +} +.ant-input-number-group-addon { + position: relative; + padding: 0 11px; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + text-align: center; + background-color: rgba(255, 255, 255, 0.04); + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; +} +.ant-input-number-group-addon .ant-select { + margin: -5px -11px; +} +.ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + background-color: inherit; + border: 1px solid transparent; + box-shadow: none; +} +.ant-input-number-group-addon .ant-select-open .ant-select-selector, +.ant-input-number-group-addon .ant-select-focused .ant-select-selector { + color: #177ddc; +} +.ant-input-number-group-addon .ant-cascader-picker { + margin: -9px -12px; + background-color: transparent; +} +.ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input { + text-align: left; + border: 0; + box-shadow: none; +} +.ant-input-number-group > .ant-input-number:first-child, +.ant-input-number-group-addon:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector, +.ant-input-number-group-addon:first-child .ant-select .ant-select-selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-number-group-addon:first-child { + border-right: 0; +} +.ant-input-number-group-addon:last-child { + border-left: 0; +} +.ant-input-number-group > .ant-input-number:last-child, +.ant-input-number-group-addon:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector, +.ant-input-number-group-addon:last-child .ant-select .ant-select-selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-number-group-lg .ant-input-number, +.ant-input-number-group-lg > .ant-input-number-group-addon { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-number-group-sm .ant-input-number, +.ant-input-number-group-sm > .ant-input-number-group-addon { + padding: 0px 7px; +} +.ant-input-number-group-lg .ant-select-single .ant-select-selector { + height: 40px; +} +.ant-input-number-group-sm .ant-select-single .ant-select-selector { + height: 24px; +} +.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child), +.ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-number-group.ant-input-number-group-compact { + display: block; +} +.ant-input-number-group.ant-input-number-group-compact::before { + display: table; + content: ''; +} +.ant-input-number-group.ant-input-number-group-compact::after { + display: table; + clear: both; + content: ''; +} +.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child), +.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child), +.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) { + border-right-width: 1px; +} +.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover, +.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover, +.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover { + z-index: 1; +} +.ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus, +.ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus, +.ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus { + z-index: 1; +} +.ant-input-number-group.ant-input-number-group-compact > * { + display: inline-block; + float: none; + vertical-align: top; + border-radius: 0; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper, +.ant-input-number-group.ant-input-number-group-compact > .ant-input-number-number-affix-wrapper, +.ant-input-number-group.ant-input-number-group-compact > .ant-picker-range { + display: inline-flex; +} +.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) { + margin-right: -1px; + border-right-width: 1px; +} +.ant-input-number-group.ant-input-number-group-compact .ant-input-number { + float: none; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector, +.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input, +.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input, +.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input { + border-right-width: 1px; + border-radius: 0; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover, +.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover, +.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover, +.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover { + z-index: 1; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus, +.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus, +.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus, +.ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus { + z-index: 1; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-select-focused { + z-index: 1; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow { + z-index: 1; +} +.ant-input-number-group.ant-input-number-group-compact > *:first-child, +.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector, +.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input, +.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-input-number-group.ant-input-number-group-compact > *:last-child, +.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector, +.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input, +.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input { + border-right-width: 1px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input { + vertical-align: top; +} +.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { + margin-left: -1px; +} +.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { + border-radius: 0; +} +.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { + border-radius: 0; +} +.ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { + border-radius: 2px 0 0 2px; +} +.ant-input-number-group > .ant-input-number-rtl:first-child { + border-radius: 0 2px 2px 0; +} +.ant-input-number-group > .ant-input-number-rtl:last-child { + border-radius: 2px 0 0 2px; +} +.ant-input-number-group-rtl .ant-input-number-group-addon:first-child { + border-right: 1px solid #434343; + border-left: 0; + border-radius: 0 2px 2px 0; +} +.ant-input-number-group-rtl .ant-input-number-group-addon:last-child { + border-right: 0; + border-left: 1px solid #434343; + border-radius: 2px 0 0 2px; +} +.ant-input-number-group-wrapper { + display: inline-block; + text-align: start; + vertical-align: top; +} +.ant-input-number-handler { + position: relative; + display: block; + width: 100%; + height: 50%; + overflow: hidden; + color: rgba(255, 255, 255, 0.45); + font-weight: bold; + line-height: 0; + text-align: center; + border-left: 1px solid #434343; + transition: all 0.1s linear; +} +.ant-input-number-handler:active { + background: rgba(255, 255, 255, 0.08); +} +.ant-input-number-handler:hover .ant-input-number-handler-up-inner, +.ant-input-number-handler:hover .ant-input-number-handler-down-inner { + color: #165996; +} +.ant-input-number-handler-up-inner, +.ant-input-number-handler-down-inner { + display: inline-flex; + align-items: center; + color: inherit; + font-style: normal; + line-height: 0; + text-align: center; + text-transform: none; + vertical-align: -0.125em; + text-rendering: optimizelegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + position: absolute; + right: 4px; + width: 12px; + height: 12px; + color: rgba(255, 255, 255, 0.45); + line-height: 12px; + transition: all 0.1s linear; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-input-number-handler-up-inner > *, +.ant-input-number-handler-down-inner > * { + line-height: 1; +} +.ant-input-number-handler-up-inner svg, +.ant-input-number-handler-down-inner svg { + display: inline-block; +} +.ant-input-number-handler-up-inner::before, +.ant-input-number-handler-down-inner::before { + display: none; +} +.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, +.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, +.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, +.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { + display: block; +} +.ant-input-number:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-input-number:hover + .ant-form-item-children-icon { + opacity: 0; + transition: opacity 0.24s linear 0.24s; +} +.ant-input-number-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-number-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-number-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-number-disabled .ant-input-number-input { + cursor: not-allowed; +} +.ant-input-number-disabled .ant-input-number-handler-wrap { + display: none; +} +.ant-input-number-readonly .ant-input-number-handler-wrap { + display: none; +} +.ant-input-number-input { + width: 100%; + height: 30px; + padding: 0 11px; + text-align: left; + background-color: transparent; + border: 0; + border-radius: 2px; + outline: 0; + transition: all 0.3s linear; + -webkit-appearance: textfield !important; + -moz-appearance: textfield !important; + appearance: textfield !important; +} +.ant-input-number-input::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-input-number-input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-input-number-input::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-input-number-input:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-number-input:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-input-number-input:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-number-input[type='number']::-webkit-inner-spin-button, +.ant-input-number-input[type='number']::-webkit-outer-spin-button { + margin: 0; + /* stylelint-disable-next-line property-no-vendor-prefix */ + -webkit-appearance: none; + appearance: none; +} +.ant-input-number-lg { + padding: 0; + font-size: 16px; +} +.ant-input-number-lg input { + height: 38px; +} +.ant-input-number-sm { + padding: 0; +} +.ant-input-number-sm input { + height: 22px; + padding: 0 7px; +} +.ant-input-number-handler-wrap { + position: absolute; + top: 0; + right: 0; + width: 22px; + height: 100%; + background: #141414; + border-radius: 0 2px 2px 0; + opacity: 0; + transition: opacity 0.24s linear 0.1s; +} +.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, +.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { + display: flex; + align-items: center; + justify-content: center; + min-width: auto; + margin-right: 0; + font-size: 7px; +} +.ant-input-number-borderless .ant-input-number-handler-wrap { + border-left-width: 0; +} +.ant-input-number-handler-wrap:hover .ant-input-number-handler { + height: 40%; +} +.ant-input-number:hover .ant-input-number-handler-wrap, +.ant-input-number-focused .ant-input-number-handler-wrap { + opacity: 1; +} +.ant-input-number-handler-up { + border-top-right-radius: 2px; + cursor: pointer; +} +.ant-input-number-handler-up-inner { + top: 50%; + margin-top: -5px; + text-align: center; +} +.ant-input-number-handler-up:hover { + height: 60% !important; +} +.ant-input-number-handler-down { + top: 0; + border-top: 1px solid #434343; + border-bottom-right-radius: 2px; + cursor: pointer; +} +.ant-input-number-handler-down-inner { + top: 50%; + text-align: center; + transform: translateY(-50%); +} +.ant-input-number-handler-down:hover { + height: 60% !important; +} +.ant-input-number-borderless .ant-input-number-handler-down { + border-top-width: 0; +} +.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down, +.ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down { + border-top: 1px solid #434343; +} +.ant-input-number-handler-up-disabled, +.ant-input-number-handler-down-disabled { + cursor: not-allowed; +} +.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, +.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { + color: rgba(255, 255, 255, 0.3); +} +.ant-input-number-borderless { + box-shadow: none; +} +.ant-input-number-out-of-range input { + color: #a61d24; +} +.ant-input-number-compact-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { + margin-right: -1px; +} +.ant-input-number-compact-item:not(.ant-input-number-compact-last-item).ant-input-number-compact-item-rtl { + margin-left: -1px; +} +.ant-input-number-compact-item:hover, +.ant-input-number-compact-item:focus, +.ant-input-number-compact-item:active { + z-index: 2; +} +.ant-input-number-compact-item.ant-input-number-focused { + z-index: 2; +} +.ant-input-number-compact-item[disabled] { + z-index: 0; +} +.ant-input-number-compact-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-last-item).ant-input-number { + border-radius: 0; +} +.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item):not(.ant-input-number-compact-item-rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item):not(.ant-input-number-compact-item-rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-first-item:not(.ant-input-number-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-number-compact-item.ant-input-number.ant-input-number-compact-item-rtl.ant-input-number-compact-last-item:not(.ant-input-number-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-number-rtl { + direction: rtl; +} +.ant-input-number-rtl .ant-input-number-handler { + border-right: 1px solid #434343; + border-left: 0; +} +.ant-input-number-rtl .ant-input-number-handler-wrap { + right: auto; + left: 0; +} +.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap { + border-right-width: 0; +} +.ant-input-number-rtl .ant-input-number-handler-up { + border-top-right-radius: 0; +} +.ant-input-number-rtl .ant-input-number-handler-down { + border-bottom-right-radius: 0; +} +.ant-input-number-rtl .ant-input-number-input { + direction: ltr; + text-align: right; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-input-affix-wrapper { + position: relative; + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: transparent; + background-image: none; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; + display: inline-flex; +} +.ant-input-affix-wrapper::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-input-affix-wrapper:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-input-affix-wrapper::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-input-affix-wrapper:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-affix-wrapper:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-input-affix-wrapper:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-affix-wrapper:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-input-rtl .ant-input-affix-wrapper:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-affix-wrapper:focus, +.ant-input-affix-wrapper-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-rtl .ant-input-affix-wrapper:focus, +.ant-input-rtl .ant-input-affix-wrapper-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-affix-wrapper-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-affix-wrapper-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-affix-wrapper[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-affix-wrapper[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-affix-wrapper-borderless, +.ant-input-affix-wrapper-borderless:hover, +.ant-input-affix-wrapper-borderless:focus, +.ant-input-affix-wrapper-borderless-focused, +.ant-input-affix-wrapper-borderless-disabled, +.ant-input-affix-wrapper-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-input-affix-wrapper { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-input-affix-wrapper-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-affix-wrapper-sm { + padding: 0px 7px; +} +.ant-input-affix-wrapper-rtl { + direction: rtl; +} +.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { + border-color: #165996; + border-right-width: 1px; + z-index: 1; +} +.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover { + z-index: 0; +} +.ant-input-affix-wrapper-focused, +.ant-input-affix-wrapper:focus { + z-index: 1; +} +.ant-input-affix-wrapper-disabled .ant-input[disabled] { + background: rgba(255, 255, 255, 0); +} +.ant-input-affix-wrapper > .ant-input { + font-size: inherit; + border: none; + outline: none; +} +.ant-input-affix-wrapper > .ant-input:focus { + box-shadow: none !important; +} +.ant-input-affix-wrapper > .ant-input:not(textarea) { + padding: 0; +} +.ant-input-affix-wrapper::before { + display: inline-block; + width: 0; + visibility: hidden; + content: '\a0'; +} +.ant-input-prefix, +.ant-input-suffix { + display: flex; + flex: none; + align-items: center; +} +.ant-input-prefix > *:not(:last-child), +.ant-input-suffix > *:not(:last-child) { + margin-right: 8px; +} +.ant-input-show-count-suffix { + color: rgba(255, 255, 255, 0.45); +} +.ant-input-show-count-has-suffix { + margin-right: 2px; +} +.ant-input-prefix { + margin-right: 4px; +} +.ant-input-suffix { + margin-left: 4px; +} +.anticon.ant-input-clear-icon, +.ant-input-clear-icon { + margin: 0; + color: rgba(255, 255, 255, 0.3); + font-size: 12px; + vertical-align: -1px; + cursor: pointer; + transition: color 0.3s; +} +.anticon.ant-input-clear-icon:hover, +.ant-input-clear-icon:hover { + color: rgba(255, 255, 255, 0.45); +} +.anticon.ant-input-clear-icon:active, +.ant-input-clear-icon:active { + color: rgba(255, 255, 255, 0.85); +} +.anticon.ant-input-clear-icon-hidden, +.ant-input-clear-icon-hidden { + visibility: hidden; +} +.anticon.ant-input-clear-icon-has-suffix, +.ant-input-clear-icon-has-suffix { + margin: 0 4px; +} +.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn { + padding: 0; +} +.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { + position: absolute; + top: 8px; + right: 8px; + z-index: 1; +} +.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, +.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { + background: transparent; + border-color: #a61d24; +} +.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, +.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-status-error .ant-input-prefix { + color: #a61d24; +} +.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input, +.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover { + background: transparent; + border-color: #d89614; +} +.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus, +.ant-input-status-warning:not(.ant-input-disabled):not(.ant-input-borderless).ant-input-focused { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-status-warning .ant-input-prefix { + color: #d89614; +} +.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, +.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { + background: transparent; + border-color: #a61d24; +} +.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, +.ant-input-affix-wrapper-status-error:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-affix-wrapper-status-error .ant-input-prefix { + color: #a61d24; +} +.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, +.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover { + background: transparent; + border-color: #d89614; +} +.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:focus, +.ant-input-affix-wrapper-status-warning:not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper-focused { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-affix-wrapper-status-warning .ant-input-prefix { + color: #d89614; +} +.ant-input-textarea-status-error.ant-input-textarea-has-feedback .ant-input, +.ant-input-textarea-status-warning.ant-input-textarea-has-feedback .ant-input, +.ant-input-textarea-status-success.ant-input-textarea-has-feedback .ant-input, +.ant-input-textarea-status-validating.ant-input-textarea-has-feedback .ant-input { + padding-right: 24px; +} +.ant-input-group-wrapper-status-error .ant-input-group-addon { + color: #a61d24; + border-color: #a61d24; +} +.ant-input-group-wrapper-status-warning .ant-input-group-addon { + color: #d89614; + border-color: #d89614; +} +.ant-input { + box-sizing: border-box; + margin: 0; + padding: 0; + font-variant: tabular-nums; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: transparent; + background-image: none; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; +} +.ant-input::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-input::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-input:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-input:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-input:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-input-rtl .ant-input:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input:focus, +.ant-input-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-input-rtl .ant-input:focus, +.ant-input-rtl .ant-input-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-input[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-input-borderless, +.ant-input-borderless:hover, +.ant-input-borderless:focus, +.ant-input-borderless-focused, +.ant-input-borderless-disabled, +.ant-input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-input { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-sm { + padding: 0px 7px; +} +.ant-input-rtl { + direction: rtl; +} +.ant-input-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.ant-input-group[class*='col-'] { + float: none; + padding-right: 0; + padding-left: 0; +} +.ant-input-group > [class*='col-'] { + padding-right: 8px; +} +.ant-input-group > [class*='col-']:last-child { + padding-right: 0; +} +.ant-input-group-addon, +.ant-input-group-wrap, +.ant-input-group > .ant-input { + display: table-cell; +} +.ant-input-group-addon:not(:first-child):not(:last-child), +.ant-input-group-wrap:not(:first-child):not(:last-child), +.ant-input-group > .ant-input:not(:first-child):not(:last-child) { + border-radius: 0; +} +.ant-input-group-addon, +.ant-input-group-wrap { + width: 1px; + white-space: nowrap; + vertical-align: middle; +} +.ant-input-group-wrap > * { + display: block !important; +} +.ant-input-group .ant-input { + float: left; + width: 100%; + margin-bottom: 0; + text-align: inherit; +} +.ant-input-group .ant-input:focus { + z-index: 1; + border-right-width: 1px; +} +.ant-input-group .ant-input:hover { + z-index: 1; + border-right-width: 1px; +} +.ant-input-search-with-button .ant-input-group .ant-input:hover { + z-index: 0; +} +.ant-input-group-addon { + position: relative; + padding: 0 11px; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + font-size: 14px; + text-align: center; + background-color: rgba(255, 255, 255, 0.04); + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; +} +.ant-input-group-addon .ant-select { + margin: -5px -11px; +} +.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + background-color: inherit; + border: 1px solid transparent; + box-shadow: none; +} +.ant-input-group-addon .ant-select-open .ant-select-selector, +.ant-input-group-addon .ant-select-focused .ant-select-selector { + color: #177ddc; +} +.ant-input-group-addon .ant-cascader-picker { + margin: -9px -12px; + background-color: transparent; +} +.ant-input-group-addon .ant-cascader-picker .ant-cascader-input { + text-align: left; + border: 0; + box-shadow: none; +} +.ant-input-group > .ant-input:first-child, +.ant-input-group-addon:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, +.ant-input-group-addon:first-child .ant-select .ant-select-selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-group-addon:first-child { + border-right: 0; +} +.ant-input-group-addon:last-child { + border-left: 0; +} +.ant-input-group > .ant-input:last-child, +.ant-input-group-addon:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, +.ant-input-group-addon:last-child .ant-select .ant-select-selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group-lg .ant-input, +.ant-input-group-lg > .ant-input-group-addon { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-group-sm .ant-input, +.ant-input-group-sm > .ant-input-group-addon { + padding: 0px 7px; +} +.ant-input-group-lg .ant-select-single .ant-select-selector { + height: 40px; +} +.ant-input-group-sm .ant-select-single .ant-select-selector { + height: 24px; +} +.ant-input-group .ant-input-affix-wrapper:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-input-group .ant-input-affix-wrapper:not(:first-child), +.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group.ant-input-group-compact { + display: block; +} +.ant-input-group.ant-input-group-compact::before { + display: table; + content: ''; +} +.ant-input-group.ant-input-group-compact::after { + display: table; + clear: both; + content: ''; +} +.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), +.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), +.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { + border-right-width: 1px; +} +.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, +.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, +.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { + z-index: 1; +} +.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, +.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, +.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > * { + display: inline-block; + float: none; + vertical-align: top; + border-radius: 0; +} +.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper, +.ant-input-group.ant-input-group-compact > .ant-input-number-affix-wrapper, +.ant-input-group.ant-input-group-compact > .ant-picker-range { + display: inline-flex; +} +.ant-input-group.ant-input-group-compact > *:not(:last-child) { + margin-right: -1px; + border-right-width: 1px; +} +.ant-input-group.ant-input-group-compact .ant-input { + float: none; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, +.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { + border-right-width: 1px; + border-radius: 0; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, +.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, +.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > .ant-select-focused { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > *:first-child, +.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-input-group.ant-input-group-compact > *:last-child, +.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { + border-right-width: 1px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { + vertical-align: top; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { + margin-left: -1px; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { + border-radius: 0; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { + border-radius: 0; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { + border-radius: 2px 0 0 2px; +} +.ant-input-group > .ant-input-rtl:first-child, +.ant-input-group-rtl .ant-input-group-addon:first-child { + border-radius: 0 2px 2px 0; +} +.ant-input-group-rtl .ant-input-group-addon:first-child { + border-right: 1px solid #434343; + border-left: 0; +} +.ant-input-group-rtl .ant-input-group-addon:last-child { + border-right: 0; + border-left: 1px solid #434343; + border-radius: 2px 0 0 2px; +} +.ant-input-group-rtl.ant-input-group > .ant-input:last-child, +.ant-input-group-rtl.ant-input-group-addon:last-child { + border-radius: 2px 0 0 2px; +} +.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { + border-radius: 2px 0 0 2px; +} +.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { + border-radius: 0 2px 2px 0; +} +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { + margin-right: 0; + margin-left: -1px; + border-left-width: 1px; +} +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { + border-radius: 0 2px 2px 0; +} +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { + border-left-width: 1px; + border-radius: 2px 0 0 2px; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { + margin-right: -1px; + margin-left: 0; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { + border-radius: 0 2px 2px 0; +} +.ant-input-group-wrapper { + display: inline-block; + width: 100%; + text-align: start; + vertical-align: top; +} +.ant-input-password-icon.anticon { + color: rgba(255, 255, 255, 0.45); + cursor: pointer; + transition: all 0.3s; +} +.ant-input-password-icon.anticon:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-input[type='color'] { + height: 32px; +} +.ant-input[type='color'].ant-input-lg { + height: 40px; +} +.ant-input[type='color'].ant-input-sm { + height: 24px; + padding-top: 3px; + padding-bottom: 3px; +} +.ant-input-textarea-show-count > .ant-input { + height: 100%; +} +.ant-input-textarea-show-count::after { + float: right; + color: rgba(255, 255, 255, 0.45); + white-space: nowrap; + content: attr(data-count); + pointer-events: none; +} +.ant-input-textarea-show-count.ant-input-textarea-in-form-item::after { + margin-bottom: -22px; +} +.ant-input-textarea-suffix { + position: absolute; + top: 0; + right: 11px; + bottom: 0; + z-index: 1; + display: inline-flex; + align-items: center; + margin: auto; +} +.ant-input-compact-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { + margin-right: -1px; +} +.ant-input-compact-item:not(.ant-input-compact-last-item).ant-input-compact-item-rtl { + margin-left: -1px; +} +.ant-input-compact-item:hover, +.ant-input-compact-item:focus, +.ant-input-compact-item:active { + z-index: 2; +} +.ant-input-compact-item[disabled] { + z-index: 0; +} +.ant-input-compact-item:not(.ant-input-compact-first-item):not(.ant-input-compact-last-item).ant-input { + border-radius: 0; +} +.ant-input-compact-item.ant-input.ant-input-compact-first-item:not(.ant-input-compact-last-item):not(.ant-input-compact-item-rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-compact-item.ant-input.ant-input-compact-last-item:not(.ant-input-compact-first-item):not(.ant-input-compact-item-rtl) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-first-item:not(.ant-input-compact-last-item) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-compact-item.ant-input.ant-input-compact-item-rtl.ant-input-compact-last-item:not(.ant-input-compact-first-item) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-search .ant-input:hover, +.ant-input-search .ant-input:focus { + border-color: #165996; +} +.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), +.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { + border-left-color: #165996; +} +.ant-input-search .ant-input-affix-wrapper { + border-radius: 0; +} +.ant-input-search .ant-input-lg { + line-height: 1.5713; +} +.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child { + left: -1px; + padding: 0; + border: 0; +} +.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { + padding-top: 0; + padding-bottom: 0; + border-radius: 0 2px 2px 0; +} +.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) { + color: rgba(255, 255, 255, 0.45); +} +.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.ant-input-search-button { + height: 32px; +} +.ant-input-search-button:hover, +.ant-input-search-button:focus { + z-index: 1; +} +.ant-input-search-large .ant-input-search-button { + height: 40px; +} +.ant-input-search-small .ant-input-search-button { + height: 24px; +} +.ant-input-search.ant-input-compact-item:not(.ant-input-compact-item-rtl):not(.ant-input-compact-last-item) .ant-input-group-addon .ant-input-search-button { + margin-right: -1px; + border-radius: 0; +} +.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input, +.ant-input-search.ant-input-compact-item:not(.ant-input-compact-first-item) .ant-input-affix-wrapper { + border-radius: 0; +} +.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:hover, +.ant-input-search.ant-input-compact-item > .ant-input:hover, +.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:hover, +.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:focus, +.ant-input-search.ant-input-compact-item > .ant-input:focus, +.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:focus, +.ant-input-search.ant-input-compact-item > .ant-input-group-addon .ant-input-search-button:active, +.ant-input-search.ant-input-compact-item > .ant-input:active, +.ant-input-search.ant-input-compact-item .ant-input-affix-wrapper:active { + z-index: 2; +} +.ant-input-search.ant-input-compact-item > .ant-input-affix-wrapper-focused { + z-index: 2; +} +.ant-input-search.ant-input-compact-item-rtl:not(.ant-input-compact-last-item) .ant-input-group-addon:last-child .ant-input-search-button { + margin-left: -1px; + border-radius: 0; +} +.ant-input-group-wrapper-rtl { + direction: rtl; +} +.ant-input-group-rtl { + direction: rtl; +} +.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { + border: none; + outline: none; +} +.ant-input-affix-wrapper-rtl .ant-input-prefix { + margin: 0 0 0 4px; +} +.ant-input-affix-wrapper-rtl .ant-input-suffix { + margin: 0 4px 0 0; +} +.ant-input-textarea-rtl { + direction: rtl; +} +.ant-input-textarea-rtl.ant-input-textarea-show-count::after { + text-align: left; +} +.ant-input-affix-wrapper-rtl .ant-input-clear-icon-has-suffix { + margin-right: 0; + margin-left: 4px; +} +.ant-input-affix-wrapper-rtl .ant-input-clear-icon { + right: auto; + left: 8px; +} +.ant-input-search-rtl { + direction: rtl; +} +.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), +.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { + border-left-color: #434343; +} +.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover, +.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary):hover { + border-left-color: #165996; +} +.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, +.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { + border-right-color: #165996; +} +.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child { + right: -1px; + left: auto; +} +.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button { + border-radius: 2px 0 0 2px; +} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .ant-input { + height: 32px; + } + .ant-input-lg { + height: 40px; + } + .ant-input-sm { + height: 24px; + } + .ant-input-affix-wrapper > input.ant-input { + height: auto; + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-layout { + display: flex; + flex: auto; + flex-direction: column; + /* fix firefox can't set height smaller than content on flex item */ + min-height: 0; + background: #000; +} +.ant-layout, +.ant-layout * { + box-sizing: border-box; +} +.ant-layout.ant-layout-has-sider { + flex-direction: row; +} +.ant-layout.ant-layout-has-sider > .ant-layout, +.ant-layout.ant-layout-has-sider > .ant-layout-content { + width: 0; +} +.ant-layout-header, +.ant-layout-footer { + flex: 0 0 auto; +} +.ant-layout-header { + height: 64px; + padding: 0 50px; + color: rgba(255, 255, 255, 0.85); + line-height: 64px; + background: #1f1f1f; +} +.ant-layout-footer { + padding: 24px 50px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + background: #000; +} +.ant-layout-content { + flex: auto; + /* fix firefox can't set height smaller than content on flex item */ + min-height: 0; +} +.ant-layout-sider { + position: relative; + /* fix firefox can't set width smaller than content on flex item */ + min-width: 0; + background: #1f1f1f; + transition: all 0.2s; +} +.ant-layout-sider-children { + height: 100%; + margin-top: -0.1px; + padding-top: 0.1px; +} +.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed { + width: auto; +} +.ant-layout-sider-has-trigger { + padding-bottom: 48px; +} +.ant-layout-sider-right { + order: 1; +} +.ant-layout-sider-trigger { + position: fixed; + bottom: 0; + z-index: 1; + height: 48px; + color: #fff; + line-height: 48px; + text-align: center; + background: #262626; + cursor: pointer; + transition: all 0.2s; +} +.ant-layout-sider-zero-width > * { + overflow: hidden; +} +.ant-layout-sider-zero-width-trigger { + position: absolute; + top: 64px; + right: -36px; + z-index: 1; + width: 36px; + height: 42px; + color: #fff; + font-size: 18px; + line-height: 42px; + text-align: center; + background: #1f1f1f; + border-radius: 0 2px 2px 0; + cursor: pointer; + transition: background 0.3s ease; +} +.ant-layout-sider-zero-width-trigger::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + transition: all 0.3s; + content: ''; +} +.ant-layout-sider-zero-width-trigger:hover::after { + background: rgba(255, 255, 255, 0.1); +} +.ant-layout-sider-zero-width-trigger-right { + left: -36px; + border-radius: 2px 0 0 2px; +} +.ant-layout-sider-light { + background: #fff; +} +.ant-layout-sider-light .ant-layout-sider-trigger { + color: rgba(255, 255, 255, 0.85); + background: #fff; +} +.ant-layout-sider-light .ant-layout-sider-zero-width-trigger { + color: rgba(255, 255, 255, 0.85); + background: #fff; +} +.ant-layout-rtl { + direction: rtl; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-list .ant-card { + background: transparent; +} +.ant-list { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; +} +.ant-list * { + outline: none; +} +.ant-list-pagination { + margin-top: 24px; + text-align: right; +} +.ant-list-pagination .ant-pagination-options { + text-align: left; +} +.ant-list-more { + margin-top: 12px; + text-align: center; +} +.ant-list-more button { + padding-right: 32px; + padding-left: 32px; +} +.ant-list-spin { + min-height: 40px; + text-align: center; +} +.ant-list-empty-text { + padding: 16px; + color: rgba(255, 255, 255, 0.3); + font-size: 14px; + text-align: center; +} +.ant-list-items { + margin: 0; + padding: 0; + list-style: none; +} +.ant-list-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 12px 0; + color: rgba(255, 255, 255, 0.85); +} +.ant-list-item-meta { + display: flex; + flex: 1; + align-items: flex-start; + max-width: 100%; +} +.ant-list-item-meta-avatar { + margin-right: 16px; +} +.ant-list-item-meta-content { + flex: 1 0; + width: 0; + color: rgba(255, 255, 255, 0.85); +} +.ant-list-item-meta-title { + margin-bottom: 4px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; +} +.ant-list-item-meta-title > a { + color: rgba(255, 255, 255, 0.85); + transition: all 0.3s; +} +.ant-list-item-meta-title > a:hover { + color: #177ddc; +} +.ant-list-item-meta-description { + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + line-height: 1.5715; +} +.ant-list-item-action { + flex: 0 0 auto; + margin-left: 48px; + padding: 0; + font-size: 0; + list-style: none; +} +.ant-list-item-action > li { + position: relative; + display: inline-block; + padding: 0 8px; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + line-height: 1.5715; + text-align: center; +} +.ant-list-item-action > li:first-child { + padding-left: 0; +} +.ant-list-item-action-split { + position: absolute; + top: 50%; + right: 0; + width: 1px; + height: 14px; + margin-top: -7px; + background-color: #303030; +} +.ant-list-header { + background: transparent; +} +.ant-list-footer { + background: transparent; +} +.ant-list-header, +.ant-list-footer { + padding-top: 12px; + padding-bottom: 12px; +} +.ant-list-empty { + padding: 16px 0; + color: rgba(255, 255, 255, 0.45); + font-size: 12px; + text-align: center; +} +.ant-list-split .ant-list-item { + border-bottom: 1px solid #303030; +} +.ant-list-split .ant-list-item:last-child { + border-bottom: none; +} +.ant-list-split .ant-list-header { + border-bottom: 1px solid #303030; +} +.ant-list-split.ant-list-empty .ant-list-footer { + border-top: 1px solid #303030; +} +.ant-list-loading .ant-list-spin-nested-loading { + min-height: 32px; +} +.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { + border-bottom: 1px solid #303030; +} +.ant-list-lg .ant-list-item { + padding: 16px 24px; +} +.ant-list-sm .ant-list-item { + padding: 8px 16px; +} +.ant-list-vertical .ant-list-item { + align-items: initial; +} +.ant-list-vertical .ant-list-item-main { + display: block; + flex: 1; +} +.ant-list-vertical .ant-list-item-extra { + margin-left: 40px; +} +.ant-list-vertical .ant-list-item-meta { + margin-bottom: 16px; +} +.ant-list-vertical .ant-list-item-meta-title { + margin-bottom: 12px; + color: rgba(255, 255, 255, 0.85); + font-size: 16px; + line-height: 24px; +} +.ant-list-vertical .ant-list-item-action { + margin-top: 16px; + margin-left: auto; +} +.ant-list-vertical .ant-list-item-action > li { + padding: 0 16px; +} +.ant-list-vertical .ant-list-item-action > li:first-child { + padding-left: 0; +} +.ant-list-grid .ant-col > .ant-list-item { + display: block; + max-width: 100%; + margin-bottom: 16px; + padding-top: 0; + padding-bottom: 0; + border-bottom: none; +} +.ant-list-item-no-flex { + display: block; +} +.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { + float: right; +} +.ant-list-bordered { + border: 1px solid #434343; + border-radius: 2px; +} +.ant-list-bordered .ant-list-header { + padding-right: 24px; + padding-left: 24px; +} +.ant-list-bordered .ant-list-footer { + padding-right: 24px; + padding-left: 24px; +} +.ant-list-bordered .ant-list-item { + padding-right: 24px; + padding-left: 24px; +} +.ant-list-bordered .ant-list-pagination { + margin: 16px 24px; +} +.ant-list-bordered.ant-list-sm .ant-list-item { + padding: 8px 16px; +} +.ant-list-bordered.ant-list-sm .ant-list-header, +.ant-list-bordered.ant-list-sm .ant-list-footer { + padding: 8px 16px; +} +.ant-list-bordered.ant-list-lg .ant-list-item { + padding: 16px 24px; +} +.ant-list-bordered.ant-list-lg .ant-list-header, +.ant-list-bordered.ant-list-lg .ant-list-footer { + padding: 16px 24px; +} +@media screen and (max-width: 768px) { + .ant-list-item-action { + margin-left: 24px; + } + .ant-list-vertical .ant-list-item-extra { + margin-left: 24px; + } +} +@media screen and (max-width: 576px) { + .ant-list-item { + flex-wrap: wrap; + } + .ant-list-item-action { + margin-left: 12px; + } + .ant-list-vertical .ant-list-item { + flex-wrap: wrap-reverse; + } + .ant-list-vertical .ant-list-item-main { + min-width: 220px; + } + .ant-list-vertical .ant-list-item-extra { + margin: auto auto 16px; + } +} +.ant-list-rtl { + direction: rtl; + text-align: right; +} +.ant-list-rtl .ReactVirtualized__List .ant-list-item { + direction: rtl; +} +.ant-list-rtl .ant-list-pagination { + text-align: left; +} +.ant-list-rtl .ant-list-item-meta-avatar { + margin-right: 0; + margin-left: 16px; +} +.ant-list-rtl .ant-list-item-action { + margin-right: 48px; + margin-left: 0; +} +.ant-list.ant-list-rtl .ant-list-item-action > li:first-child { + padding-right: 0; + padding-left: 16px; +} +.ant-list-rtl .ant-list-item-action-split { + right: auto; + left: 0; +} +.ant-list-rtl.ant-list-vertical .ant-list-item-extra { + margin-right: 40px; + margin-left: 0; +} +.ant-list-rtl.ant-list-vertical .ant-list-item-action { + margin-right: auto; +} +.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child { + padding-right: 0; + padding-left: 16px; +} +.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { + float: left; +} +@media screen and (max-width: 768px) { + .ant-list-rtl .ant-list-item-action { + margin-right: 24px; + margin-left: 0; + } + .ant-list-rtl .ant-list-vertical .ant-list-item-extra { + margin-right: 24px; + margin-left: 0; + } +} +@media screen and (max-width: 576px) { + .ant-list-rtl .ant-list-item-action { + margin-right: 22px; + margin-left: 0; + } + .ant-list-rtl.ant-list-vertical .ant-list-item-extra { + margin: auto auto 16px; + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-pagination { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; +} +.ant-pagination ul, +.ant-pagination ol { + 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: transparent; + border: 1px solid #434343; + border-radius: 2px; + outline: 0; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-pagination-item a { + display: block; + padding: 0 6px; + color: rgba(255, 255, 255, 0.85); + transition: none; +} +.ant-pagination-item a:hover { + text-decoration: none; +} +.ant-pagination-item:hover { + border-color: #177ddc; + transition: all 0.3s; +} +.ant-pagination-item:hover a { + color: #177ddc; +} +.ant-pagination-item:focus-visible { + border-color: #177ddc; + transition: all 0.3s; +} +.ant-pagination-item:focus-visible a { + color: #177ddc; +} +.ant-pagination-item-active { + font-weight: 500; + background: transparent; + border-color: #177ddc; +} +.ant-pagination-item-active a { + color: #177ddc; +} +.ant-pagination-item-active:hover { + border-color: #165996; +} +.ant-pagination-item-active:focus-visible { + border-color: #165996; +} +.ant-pagination-item-active:hover a { + color: #165996; +} +.ant-pagination-item-active:focus-visible a { + color: #165996; +} +.ant-pagination-jump-prev, +.ant-pagination-jump-next { + outline: 0; +} +.ant-pagination-jump-prev .ant-pagination-item-container, +.ant-pagination-jump-next .ant-pagination-item-container { + position: relative; +} +.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, +.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { + color: #177ddc; + font-size: 12px; + letter-spacing: -1px; + opacity: 0; + transition: all 0.2s; +} +.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, +.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} +.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, +.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + margin: auto; + color: rgba(255, 255, 255, 0.3); + font-family: Arial, Helvetica, sans-serif; + letter-spacing: 2px; + text-align: center; + text-indent: 0.13em; + opacity: 1; + transition: all 0.2s; +} +.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, +.ant-pagination-jump-next:hover .ant-pagination-item-link-icon { + opacity: 1; +} +.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, +.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { + opacity: 0; +} +.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon, +.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon { + opacity: 1; +} +.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis, +.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis { + opacity: 0; +} +.ant-pagination-prev, +.ant-pagination-jump-prev, +.ant-pagination-jump-next { + margin-right: 8px; +} +.ant-pagination-prev, +.ant-pagination-next, +.ant-pagination-jump-prev, +.ant-pagination-jump-next { + display: inline-block; + min-width: 32px; + height: 32px; + color: rgba(255, 255, 255, 0.85); + 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: 2px; + cursor: pointer; + transition: all 0.3s; +} +.ant-pagination-prev, +.ant-pagination-next { + font-family: Arial, Helvetica, sans-serif; + outline: 0; +} +.ant-pagination-prev button, +.ant-pagination-next button { + color: rgba(255, 255, 255, 0.85); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-pagination-prev:hover button, +.ant-pagination-next:hover button { + border-color: #165996; +} +.ant-pagination-prev .ant-pagination-item-link, +.ant-pagination-next .ant-pagination-item-link { + display: block; + width: 100%; + height: 100%; + padding: 0; + font-size: 12px; + text-align: center; + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + outline: none; + transition: all 0.3s; +} +.ant-pagination-prev:focus-visible .ant-pagination-item-link, +.ant-pagination-next:focus-visible .ant-pagination-item-link { + color: #177ddc; + border-color: #177ddc; +} +.ant-pagination-prev:hover .ant-pagination-item-link, +.ant-pagination-next:hover .ant-pagination-item-link { + color: #177ddc; + border-color: #177ddc; +} +.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: rgba(255, 255, 255, 0.3); + border-color: #434343; + cursor: not-allowed; +} +.ant-pagination-disabled:focus-visible { + cursor: not-allowed; +} +.ant-pagination-disabled:focus-visible .ant-pagination-item-link { + color: rgba(255, 255, 255, 0.3); + border-color: #434343; + 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 *::-ms-backdrop, + .ant-pagination-options { + 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 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: transparent; + background-image: none; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; + width: 50px; + height: 32px; + margin: 0 8px; +} +.ant-pagination-options-quick-jumper input::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-pagination-options-quick-jumper input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-pagination-options-quick-jumper input::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-pagination-options-quick-jumper input:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-pagination-options-quick-jumper input:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-pagination-options-quick-jumper input:placeholder-shown { + text-overflow: ellipsis; +} +.ant-pagination-options-quick-jumper input:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-pagination-options-quick-jumper input:focus, +.ant-pagination-options-quick-jumper input-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-pagination-options-quick-jumper input-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-pagination-options-quick-jumper input-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-pagination-options-quick-jumper input[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-pagination-options-quick-jumper input[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-pagination-options-quick-jumper input-borderless, +.ant-pagination-options-quick-jumper input-borderless:hover, +.ant-pagination-options-quick-jumper input-borderless:focus, +.ant-pagination-options-quick-jumper input-borderless-focused, +.ant-pagination-options-quick-jumper input-borderless-disabled, +.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.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-pagination-options-quick-jumper input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-pagination-options-quick-jumper input-sm { + padding: 0px 7px; +} +.ant-pagination-simple .ant-pagination-prev, +.ant-pagination-simple .ant-pagination-next { + height: 24px; + line-height: 24px; + vertical-align: top; +} +.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, +.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { + height: 24px; + background-color: transparent; + border: 0; +} +.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, +.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { + height: 24px; + line-height: 24px; +} +.ant-pagination-simple .ant-pagination-simple-pager { + display: inline-block; + height: 24px; + 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: transparent; + border: 1px solid #434343; + border-radius: 2px; + outline: none; + transition: border-color 0.3s; +} +.ant-pagination-simple .ant-pagination-simple-pager input:hover { + border-color: #177ddc; +} +.ant-pagination-simple .ant-pagination-simple-pager input:focus { + border-color: #3c9be8; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); +} +.ant-pagination-simple .ant-pagination-simple-pager input[disabled] { + color: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.08); + border-color: #434343; + cursor: not-allowed; +} +.ant-pagination.ant-pagination-mini .ant-pagination-total-text, +.ant-pagination.ant-pagination-mini .ant-pagination-simple-pager { + height: 24px; + line-height: 24px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-item { + min-width: 24px; + height: 24px; + margin: 0; + line-height: 22px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) { + background: transparent; + border-color: transparent; +} +.ant-pagination.ant-pagination-mini .ant-pagination-prev, +.ant-pagination.ant-pagination-mini .ant-pagination-next { + min-width: 24px; + height: 24px; + margin: 0; + line-height: 24px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link, +.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link { + background: transparent; + border-color: transparent; +} +.ant-pagination.ant-pagination-mini .ant-pagination-prev .ant-pagination-item-link::after, +.ant-pagination.ant-pagination-mini .ant-pagination-next .ant-pagination-item-link::after { + height: 24px; + line-height: 24px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-jump-prev, +.ant-pagination.ant-pagination-mini .ant-pagination-jump-next { + height: 24px; + margin-right: 0; + line-height: 24px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-options { + margin-left: 2px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-options-size-changer { + top: 0px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper { + height: 24px; + line-height: 24px; +} +.ant-pagination.ant-pagination-mini .ant-pagination-options-quick-jumper input { + padding: 0px 7px; + width: 44px; + height: 24px; +} +.ant-pagination.ant-pagination-disabled { + cursor: not-allowed; +} +.ant-pagination.ant-pagination-disabled .ant-pagination-item { + background: rgba(255, 255, 255, 0.08); + border-color: #434343; + cursor: not-allowed; +} +.ant-pagination.ant-pagination-disabled .ant-pagination-item a { + color: rgba(255, 255, 255, 0.3); + background: transparent; + border: none; + cursor: not-allowed; +} +.ant-pagination.ant-pagination-disabled .ant-pagination-item-active { + background: rgba(255, 255, 255, 0.25); +} +.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { + color: #000; +} +.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { + color: rgba(255, 255, 255, 0.3); + background: rgba(255, 255, 255, 0.08); + border-color: #434343; + cursor: not-allowed; +} +.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { + background: transparent; +} +.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: rgba(255, 255, 255, 0.3); +} +@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-prev, +.ant-pagination-rtl .ant-pagination-jump-prev, +.ant-pagination-rtl .ant-pagination-jump-next { + 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; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-spin { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + display: none; + color: #177ddc; + font-size: 0; + text-align: center; + vertical-align: middle; + opacity: 0; + transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); +} +.ant-spin-spinning { + position: static; + display: inline-block; + opacity: 1; +} +.ant-spin-nested-loading { + position: relative; +} +.ant-spin-nested-loading > div > .ant-spin { + position: absolute; + top: 0; + left: 0; + z-index: 4; + display: block; + width: 100%; + height: 100%; + max-height: 400px; +} +.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { + position: absolute; + top: 50%; + left: 50%; + margin: -10px; +} +.ant-spin-nested-loading > div > .ant-spin .ant-spin-text { + position: absolute; + top: 50%; + width: 100%; + padding-top: 5px; + font-size: 14px; + text-shadow: 0 1px 2px #141414; +} +.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { + margin-top: -20px; +} +.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { + margin: -7px; +} +.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { + padding-top: 2px; +} +.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { + margin-top: -17px; +} +.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { + margin: -16px; +} +.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { + padding-top: 11px; +} +.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { + margin-top: -26px; +} +.ant-spin-container { + position: relative; + transition: opacity 0.3s; +} +.ant-spin-container::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + display: none \9; + width: 100%; + height: 100%; + background: #141414; + opacity: 0; + transition: all 0.3s; + content: ''; + pointer-events: none; +} +.ant-spin-blur { + clear: both; + opacity: 0.5; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; +} +.ant-spin-blur::after { + opacity: 0.4; + pointer-events: auto; +} +.ant-spin-tip { + color: rgba(255, 255, 255, 0.45); +} +.ant-spin-dot { + position: relative; + display: inline-block; + font-size: 20px; + width: 1em; + height: 1em; +} +.ant-spin-dot-item { + position: absolute; + display: block; + width: 9px; + height: 9px; + background-color: #177ddc; + border-radius: 100%; + transform: scale(0.75); + transform-origin: 50% 50%; + opacity: 0.3; + animation: antSpinMove 1s infinite linear alternate; +} +.ant-spin-dot-item:nth-child(1) { + top: 0; + left: 0; +} +.ant-spin-dot-item:nth-child(2) { + top: 0; + right: 0; + animation-delay: 0.4s; +} +.ant-spin-dot-item:nth-child(3) { + right: 0; + bottom: 0; + animation-delay: 0.8s; +} +.ant-spin-dot-item:nth-child(4) { + bottom: 0; + left: 0; + animation-delay: 1.2s; +} +.ant-spin-dot-spin { + transform: rotate(0deg); + animation: antRotate 1.2s infinite linear; +} +.ant-spin-sm .ant-spin-dot { + font-size: 14px; +} +.ant-spin-sm .ant-spin-dot i { + width: 6px; + height: 6px; +} +.ant-spin-lg .ant-spin-dot { + font-size: 32px; +} +.ant-spin-lg .ant-spin-dot i { + width: 14px; + height: 14px; +} +.ant-spin.ant-spin-show-text .ant-spin-text { + display: block; +} +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + /* IE10+ */ + .ant-spin-blur { + background: #141414; + opacity: 0.5; + } +} +@keyframes antSpinMove { + to { + opacity: 1; + } +} +@keyframes antRotate { + to { + transform: rotate(360deg); + } +} +.ant-spin-rtl { + direction: rtl; +} +.ant-spin-rtl .ant-spin-dot-spin { + transform: rotate(-45deg); + animation-name: antRotateRtl; +} +@keyframes antRotateRtl { + to { + transform: rotate(-405deg); + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, +.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { + background: transparent; + border-color: #a61d24; +} +.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, +.ant-mentions-status-error:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { + border-color: #a61d24; + box-shadow: 0 0 0 2px rgba(166, 29, 36, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-mentions-status-error .ant-input-prefix { + color: #a61d24; +} +.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions, +.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:hover { + background: transparent; + border-color: #d89614; +} +.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions:focus, +.ant-mentions-status-warning:not(.ant-mentions-disabled):not(.ant-mentions-borderless).ant-mentions-focused { + border-color: #d89614; + box-shadow: 0 0 0 2px rgba(216, 150, 20, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-mentions-status-warning .ant-input-prefix { + color: #d89614; +} +.ant-mentions { + box-sizing: border-box; + margin: 0; + font-variant: tabular-nums; + list-style: none; + font-feature-settings: 'tnum'; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + background-color: transparent; + background-image: none; + border: 1px solid #434343; + border-radius: 2px; + transition: all 0.3s; + position: relative; + display: inline-block; + height: auto; + padding: 0; + overflow: hidden; + line-height: 1.5715; + white-space: pre-wrap; + vertical-align: bottom; +} +.ant-mentions::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-mentions:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-mentions::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-mentions:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-mentions:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-mentions:placeholder-shown { + text-overflow: ellipsis; +} +.ant-mentions:hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-mentions:focus, +.ant-mentions-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-mentions-disabled { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-mentions-disabled:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-mentions[disabled] { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-mentions[disabled]:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-mentions-borderless, +.ant-mentions-borderless:hover, +.ant-mentions-borderless:focus, +.ant-mentions-borderless-focused, +.ant-mentions-borderless-disabled, +.ant-mentions-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-mentions { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-mentions-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-mentions-sm { + padding: 0px 7px; +} +.ant-mentions-disabled > textarea { + color: rgba(255, 255, 255, 0.3); + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343; + box-shadow: none; + cursor: not-allowed; + opacity: 1; +} +.ant-mentions-disabled > textarea:hover { + border-color: #434343; + border-right-width: 1px; +} +.ant-mentions-focused { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-mentions > textarea, +.ant-mentions-measure { + min-height: 30px; + margin: 0; + padding: 4px 11px; + overflow: inherit; + overflow-x: hidden; + overflow-y: auto; + /* stylelint-disable declaration-block-no-redundant-longhand-properties */ + font-weight: inherit; + font-size: inherit; + font-family: inherit; + font-style: inherit; + font-variant: inherit; + font-size-adjust: inherit; + font-stretch: inherit; + line-height: inherit; + /* stylelint-enable declaration-block-no-redundant-longhand-properties */ + direction: inherit; + letter-spacing: inherit; + white-space: inherit; + text-align: inherit; + vertical-align: top; + word-wrap: break-word; + word-break: inherit; + -moz-tab-size: inherit; + -o-tab-size: inherit; + tab-size: inherit; +} +.ant-mentions > textarea { + width: 100%; + border: none; + outline: none; + resize: none; + background-color: transparent; +} +.ant-mentions > textarea::-moz-placeholder { + color: rgba(255, 255, 255, 0.3); + -moz-user-select: none; + user-select: none; +} +.ant-mentions > textarea:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.3); + -ms-user-select: none; + user-select: none; +} +.ant-mentions > textarea::placeholder { + color: rgba(255, 255, 255, 0.3); + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-mentions > textarea:-moz-placeholder-shown { + text-overflow: ellipsis; +} +.ant-mentions > textarea:-ms-input-placeholder { + text-overflow: ellipsis; +} +.ant-mentions > textarea:placeholder-shown { + text-overflow: ellipsis; +} +.ant-mentions-measure { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + color: transparent; + pointer-events: none; +} +.ant-mentions-measure > span { + display: inline-block; + min-height: 1em; +} +.ant-mentions-dropdown { + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + top: -9999px; + left: -9999px; + z-index: 1050; + box-sizing: border-box; + font-size: 14px; + font-variant: initial; + background-color: #1f1f1f; + border-radius: 2px; + outline: none; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-mentions-dropdown-hidden { + display: none; +} +.ant-mentions-dropdown-menu { + max-height: 250px; + margin-bottom: 0; + padding-left: 0; + overflow: auto; + list-style: none; + outline: none; +} +.ant-mentions-dropdown-menu-item { + position: relative; + display: block; + min-width: 100px; + padding: 5px 12px; + overflow: hidden; + color: rgba(255, 255, 255, 0.85); + font-weight: normal; + line-height: 1.5715; + white-space: nowrap; + text-overflow: ellipsis; + cursor: pointer; + transition: background 0.3s ease; +} +.ant-mentions-dropdown-menu-item:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-mentions-dropdown-menu-item:first-child { + border-radius: 2px 2px 0 0; +} +.ant-mentions-dropdown-menu-item:last-child { + border-radius: 0 0 2px 2px; +} +.ant-mentions-dropdown-menu-item-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-mentions-dropdown-menu-item-disabled:hover { + color: rgba(255, 255, 255, 0.3); + background-color: #1f1f1f; + cursor: not-allowed; +} +.ant-mentions-dropdown-menu-item-selected { + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + background-color: rgba(255, 255, 255, 0.04); +} +.ant-mentions-dropdown-menu-item-active { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-mentions-suffix { + position: absolute; + top: 0; + right: 11px; + bottom: 0; + z-index: 1; + display: inline-flex; + align-items: center; + margin: auto; +} +.ant-mentions-rtl { + direction: rtl; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-message { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: fixed; + top: 8px; + left: 0; + z-index: 1010; + width: 100%; + pointer-events: none; +} +.ant-message-notice { + padding: 8px; + text-align: center; +} +.ant-message-notice-content { + display: inline-block; + padding: 10px 16px; + background: #1f1f1f; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); + pointer-events: all; +} +.ant-message-success .anticon { + color: #49aa19; +} +.ant-message-error .anticon { + color: #a61d24; +} +.ant-message-warning .anticon { + color: #d89614; +} +.ant-message-info .anticon, +.ant-message-loading .anticon { + color: #177ddc; +} +.ant-message .anticon { + position: relative; + top: 1px; + margin-right: 8px; + font-size: 16px; +} +.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { + animation-name: MessageMoveOut; + animation-duration: 0.3s; +} +@keyframes MessageMoveOut { + 0% { + max-height: 150px; + padding: 8px; + opacity: 1; + } + 100% { + max-height: 0; + padding: 0; + opacity: 0; + } +} +.ant-message-rtl { + direction: rtl; +} +.ant-message-rtl span { + direction: rtl; +} +.ant-message-rtl .anticon { + margin-right: 0; + margin-left: 8px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-modal { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + pointer-events: none; + position: relative; + top: 100px; + width: auto; + max-width: calc(100vw - 32px); + margin: 0 auto; + padding-bottom: 24px; +} +.ant-modal.ant-zoom-enter, +.ant-modal.ant-zoom-appear { + transform: none; + opacity: 0; + animation-duration: 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-modal-mask { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + height: 100%; + background-color: rgba(0, 0, 0, 0.45); +} +.ant-modal-mask-hidden { + display: none; +} +.ant-modal-wrap { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: auto; + outline: 0; +} +.ant-modal-wrap { + z-index: 1000; +} +.ant-modal-title { + margin: 0; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + font-size: 16px; + line-height: 22px; + word-wrap: break-word; +} +.ant-modal-content { + position: relative; + background-color: #1f1f1f; + background-clip: padding-box; + border: 0; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); + pointer-events: auto; +} +.ant-modal-close { + position: absolute; + top: 0; + right: 0; + z-index: 10; + padding: 0; + color: rgba(255, 255, 255, 0.45); + font-weight: 700; + line-height: 1; + text-decoration: none; + background: transparent; + border: 0; + outline: 0; + cursor: pointer; + transition: color 0.3s; +} +.ant-modal-close-x { + display: block; + width: 54px; + height: 54px; + font-size: 16px; + font-style: normal; + line-height: 54px; + text-align: center; + text-transform: none; + text-rendering: auto; +} +.ant-modal-close:focus, +.ant-modal-close:hover { + color: rgba(255, 255, 255, 0.75); + text-decoration: none; +} +.ant-modal-header { + padding: 16px 24px; + color: rgba(255, 255, 255, 0.85); + background: #1f1f1f; + border-bottom: 1px solid #303030; + border-radius: 2px 2px 0 0; +} +.ant-modal-body { + padding: 24px; + font-size: 14px; + line-height: 1.5715; + word-wrap: break-word; +} +.ant-modal-footer { + padding: 10px 16px; + text-align: right; + background: transparent; + border-top: 1px solid #303030; + border-radius: 0 0 2px 2px; +} +.ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { + margin-bottom: 0; + margin-left: 8px; +} +.ant-modal-open { + overflow: hidden; +} +.ant-modal-centered { + text-align: center; +} +.ant-modal-centered::before { + display: inline-block; + width: 0; + height: 100%; + vertical-align: middle; + content: ''; +} +.ant-modal-centered .ant-modal { + top: 0; + display: inline-block; + padding-bottom: 0; + text-align: left; + vertical-align: middle; +} +@media (max-width: 767px) { + .ant-modal { + max-width: calc(100vw - 16px); + margin: 8px auto; + } + .ant-modal-centered .ant-modal { + flex: 1; + } +} +.ant-modal-confirm .ant-modal-header { + display: none; +} +.ant-modal-confirm .ant-modal-body { + padding: 32px 32px 24px; +} +.ant-modal-confirm-body-wrapper::before { + display: table; + content: ''; +} +.ant-modal-confirm-body-wrapper::after { + display: table; + clear: both; + content: ''; +} +.ant-modal-confirm-body .ant-modal-confirm-title { + display: block; + overflow: hidden; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + font-size: 16px; + line-height: 1.4; +} +.ant-modal-confirm-body .ant-modal-confirm-content { + margin-top: 8px; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; +} +.ant-modal-confirm-body > .anticon { + float: left; + margin-right: 16px; + font-size: 22px; +} +.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { + margin-left: 38px; +} +.ant-modal-confirm .ant-modal-confirm-btns { + margin-top: 24px; + text-align: right; +} +.ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn { + margin-bottom: 0; + margin-left: 8px; +} +.ant-modal-confirm-error .ant-modal-confirm-body > .anticon { + color: #a61d24; +} +.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon, +.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon { + color: #d89614; +} +.ant-modal-confirm-info .ant-modal-confirm-body > .anticon { + color: #177ddc; +} +.ant-modal-confirm-success .ant-modal-confirm-body > .anticon { + color: #49aa19; +} +.ant-modal-confirm .ant-zoom-leave .ant-modal-confirm-btns { + pointer-events: none; +} +.ant-modal-wrap-rtl { + direction: rtl; +} +.ant-modal-wrap-rtl .ant-modal-close { + right: initial; + left: 0; +} +.ant-modal-wrap-rtl .ant-modal-footer { + text-align: left; +} +.ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn { + margin-right: 8px; + margin-left: 0; +} +.ant-modal-wrap-rtl .ant-modal-confirm-body { + direction: rtl; +} +.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon { + float: right; + margin-right: 0; + margin-left: 16px; +} +.ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content { + margin-right: 38px; + margin-left: 0; +} +.ant-modal-wrap-rtl .ant-modal-confirm-btns { + text-align: left; +} +.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn { + margin-right: 8px; + margin-left: 0; +} +.ant-modal-wrap-rtl.ant-modal-centered .ant-modal { + text-align: right; +} +.ant-modal .ant-picker-clear, +.ant-modal .ant-slider-handle, +.ant-modal .ant-anchor-wrapper, +.ant-modal .ant-collapse-content, +.ant-modal .ant-timeline-item-head, +.ant-modal .ant-card { + background-color: #1f1f1f; +} +.ant-modal .ant-transfer-list-header { + background: #1f1f1f; + border-bottom: 1px solid #3a3a3a; +} +.ant-modal .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-modal tr.ant-table-expanded-row > td, +.ant-modal tr.ant-table-expanded-row:hover > td { + background: #272727; +} +.ant-modal .ant-table.ant-table-small thead > tr > th { + background-color: #1f1f1f; + border-bottom: 1px solid #3a3a3a; +} +.ant-modal .ant-table { + background-color: #1f1f1f; +} +.ant-modal .ant-table .ant-table-row-expand-icon { + border: 1px solid #3a3a3a; +} +.ant-modal .ant-table tfoot > tr > th, +.ant-modal .ant-table tfoot > tr > td { + border-bottom: 1px solid #3a3a3a; +} +.ant-modal .ant-table thead > tr > th { + background-color: #272727; + border-bottom: 1px solid #3a3a3a; +} +.ant-modal .ant-table tbody > tr > td { + border-bottom: 1px solid #3a3a3a; +} +.ant-modal .ant-table tbody > tr > td.ant-table-cell-fix-left, +.ant-modal .ant-table tbody > tr > td.ant-table-cell-fix-right { + background-color: #1f1f1f; +} +.ant-modal .ant-table tbody > tr.ant-table-row:hover > td { + background: #303030; +} +.ant-modal .ant-table.ant-table-bordered .ant-table-title { + border: 1px solid #3a3a3a; +} +.ant-modal .ant-table.ant-table-bordered thead > tr > th, +.ant-modal .ant-table.ant-table-bordered tbody > tr > td, +.ant-modal .ant-table.ant-table-bordered tfoot > tr > th, +.ant-modal .ant-table.ant-table-bordered tfoot > tr > td { + border-right: 1px solid #3a3a3a; +} +.ant-modal .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after { + border-right: 1px solid #3a3a3a; +} +.ant-modal .ant-table.ant-table-bordered table thead > tr:not(:last-child) > th { + border-bottom: 1px solid #303030; +} +.ant-modal .ant-table.ant-table-bordered .ant-table-container { + border: 1px solid #3a3a3a; +} +.ant-modal .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after { + border-right: 1px solid #3a3a3a; +} +.ant-modal .ant-table.ant-table-bordered .ant-table-footer { + border: 1px solid #3a3a3a; +} +.ant-modal .ant-table .ant-table-filter-trigger-container-open { + background-color: #525252; +} +.ant-modal .ant-picker-calendar-full { + background-color: #1f1f1f; +} +.ant-modal .ant-picker-calendar-full .ant-picker-panel { + background-color: #1f1f1f; +} +.ant-modal .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { + border-top: 2px solid #3a3a3a; +} +.ant-modal .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { + background-color: #1f1f1f; + border-bottom: 1px solid #1f1f1f; +} +.ant-modal .ant-badge-count { + box-shadow: 0 0 0 1px #1f1f1f; +} +.ant-modal .ant-tree-show-line .ant-tree-switcher { + background: #1f1f1f; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-notification .ant-picker-clear, +.ant-notification .ant-slider-handle, +.ant-notification .ant-anchor-wrapper, +.ant-notification .ant-collapse-content, +.ant-notification .ant-timeline-item-head, +.ant-notification .ant-card { + background-color: #1f1f1f; +} +.ant-notification .ant-transfer-list-header { + background: #1f1f1f; + border-bottom: 1px solid #3a3a3a; +} +.ant-notification .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-notification tr.ant-table-expanded-row > td, +.ant-notification tr.ant-table-expanded-row:hover > td { + background: #272727; +} +.ant-notification .ant-table.ant-table-small thead > tr > th { + background-color: #1f1f1f; + border-bottom: 1px solid #3a3a3a; +} +.ant-notification .ant-table { + background-color: #1f1f1f; +} +.ant-notification .ant-table .ant-table-row-expand-icon { + border: 1px solid #3a3a3a; +} +.ant-notification .ant-table tfoot > tr > th, +.ant-notification .ant-table tfoot > tr > td { + border-bottom: 1px solid #3a3a3a; +} +.ant-notification .ant-table thead > tr > th { + background-color: #272727; + border-bottom: 1px solid #3a3a3a; +} +.ant-notification .ant-table tbody > tr > td { + border-bottom: 1px solid #3a3a3a; +} +.ant-notification .ant-table tbody > tr > td.ant-table-cell-fix-left, +.ant-notification .ant-table tbody > tr > td.ant-table-cell-fix-right { + background-color: #1f1f1f; +} +.ant-notification .ant-table tbody > tr.ant-table-row:hover > td { + background: #303030; +} +.ant-notification .ant-table.ant-table-bordered .ant-table-title { + border: 1px solid #3a3a3a; +} +.ant-notification .ant-table.ant-table-bordered thead > tr > th, +.ant-notification .ant-table.ant-table-bordered tbody > tr > td, +.ant-notification .ant-table.ant-table-bordered tfoot > tr > th, +.ant-notification .ant-table.ant-table-bordered tfoot > tr > td { + border-right: 1px solid #3a3a3a; +} +.ant-notification .ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after { + border-right: 1px solid #3a3a3a; +} +.ant-notification .ant-table.ant-table-bordered table thead > tr:not(:last-child) > th { + border-bottom: 1px solid #303030; +} +.ant-notification .ant-table.ant-table-bordered .ant-table-container { + border: 1px solid #3a3a3a; +} +.ant-notification .ant-table.ant-table-bordered .ant-table-expanded-row-fixed::after { + border-right: 1px solid #3a3a3a; +} +.ant-notification .ant-table.ant-table-bordered .ant-table-footer { + border: 1px solid #3a3a3a; +} +.ant-notification .ant-table .ant-table-filter-trigger-container-open { + background-color: #525252; +} +.ant-notification .ant-picker-calendar-full { + background-color: #1f1f1f; +} +.ant-notification .ant-picker-calendar-full .ant-picker-panel { + background-color: #1f1f1f; +} +.ant-notification .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date { + border-top: 2px solid #3a3a3a; +} +.ant-notification .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { + background-color: #1f1f1f; + border-bottom: 1px solid #1f1f1f; +} +.ant-notification .ant-badge-count { + box-shadow: 0 0 0 1px #1f1f1f; +} +.ant-notification .ant-tree-show-line .ant-tree-switcher { + background: #1f1f1f; +} +.ant-notification { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: fixed; + z-index: 1010; + margin-right: 24px; +} +.ant-notification-close-icon { + font-size: 14px; + cursor: pointer; +} +.ant-notification-hook-holder { + position: relative; +} +.ant-notification-notice { + position: relative; + width: 384px; + max-width: calc(100vw - 24px * 2); + margin-bottom: 16px; + margin-left: auto; + padding: 16px 24px; + overflow: hidden; + line-height: 1.5715; + word-wrap: break-word; + background: #1f1f1f; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-notification-top .ant-notification-notice, +.ant-notification-bottom .ant-notification-notice { + margin-right: auto; + margin-left: auto; +} +.ant-notification-topLeft .ant-notification-notice, +.ant-notification-bottomLeft .ant-notification-notice { + margin-right: auto; + margin-left: 0; +} +.ant-notification-notice-message { + margin-bottom: 8px; + color: rgba(255, 255, 255, 0.85); + font-size: 16px; + line-height: 24px; +} +.ant-notification-notice-message-single-line-auto-margin { + display: block; + width: calc(384px - 24px * 2 - 24px - 48px - 100%); + max-width: 4px; + background-color: transparent; + pointer-events: none; +} +.ant-notification-notice-message-single-line-auto-margin::before { + display: block; + content: ''; +} +.ant-notification-notice-description { + font-size: 14px; +} +.ant-notification-notice-closable .ant-notification-notice-message { + padding-right: 24px; +} +.ant-notification-notice-with-icon .ant-notification-notice-message { + margin-bottom: 4px; + margin-left: 48px; + font-size: 16px; +} +.ant-notification-notice-with-icon .ant-notification-notice-description { + margin-left: 48px; + font-size: 14px; +} +.ant-notification-notice-icon { + position: absolute; + margin-left: 4px; + font-size: 24px; + line-height: 24px; +} +.anticon.ant-notification-notice-icon-success { + color: #49aa19; +} +.anticon.ant-notification-notice-icon-info { + color: #177ddc; +} +.anticon.ant-notification-notice-icon-warning { + color: #d89614; +} +.anticon.ant-notification-notice-icon-error { + color: #a61d24; +} +.ant-notification-notice-close { + position: absolute; + top: 16px; + right: 22px; + color: rgba(255, 255, 255, 0.45); + outline: none; +} +.ant-notification-notice-close:hover { + color: rgba(255, 255, 255, 0.85); +} +.ant-notification-notice-btn { + float: right; + margin-top: 16px; +} +.ant-notification .notification-fade-effect { + animation-duration: 0.24s; + animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); + animation-fill-mode: both; +} +.ant-notification-fade-enter, +.ant-notification-fade-appear { + animation-duration: 0.24s; + animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); + animation-fill-mode: both; + opacity: 0; + animation-play-state: paused; +} +.ant-notification-fade-leave { + animation-duration: 0.24s; + animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); + animation-fill-mode: both; + animation-duration: 0.2s; + animation-play-state: paused; +} +.ant-notification-fade-enter.ant-notification-fade-enter-active, +.ant-notification-fade-appear.ant-notification-fade-appear-active { + animation-name: NotificationFadeIn; + animation-play-state: running; +} +.ant-notification-fade-leave.ant-notification-fade-leave-active { + animation-name: NotificationFadeOut; + animation-play-state: running; +} +@keyframes NotificationFadeIn { + 0% { + left: 384px; + opacity: 0; + } + 100% { + left: 0; + opacity: 1; + } +} +@keyframes NotificationFadeOut { + 0% { + max-height: 150px; + margin-bottom: 16px; + opacity: 1; + } + 100% { + max-height: 0; + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; + opacity: 0; + } +} +.ant-notification-rtl { + direction: rtl; +} +.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message { + padding-right: 0; + padding-left: 24px; +} +.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message { + margin-right: 48px; + margin-left: 0; +} +.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description { + margin-right: 48px; + margin-left: 0; +} +.ant-notification-rtl .ant-notification-notice-icon { + margin-right: 4px; + margin-left: 0; +} +.ant-notification-rtl .ant-notification-notice-close { + right: auto; + left: 22px; +} +.ant-notification-rtl .ant-notification-notice-btn { + float: left; +} +.ant-notification-top, +.ant-notification-bottom { + margin-right: 0; + margin-left: 0; +} +.ant-notification-top .ant-notification-fade-enter.ant-notification-fade-enter-active, +.ant-notification-top .ant-notification-fade-appear.ant-notification-fade-appear-active { + animation-name: NotificationTopFadeIn; +} +.ant-notification-bottom .ant-notification-fade-enter.ant-notification-fade-enter-active, +.ant-notification-bottom .ant-notification-fade-appear.ant-notification-fade-appear-active { + animation-name: NotificationBottomFadeIn; +} +.ant-notification-topLeft, +.ant-notification-bottomLeft { + margin-right: 0; + margin-left: 24px; +} +.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, +.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active, +.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active, +.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active { + animation-name: NotificationLeftFadeIn; +} +@keyframes NotificationTopFadeIn { + 0% { + margin-top: -100%; + opacity: 0; + } + 100% { + margin-top: 0; + opacity: 1; + } +} +@keyframes NotificationBottomFadeIn { + 0% { + margin-bottom: -100%; + opacity: 0; + } + 100% { + margin-bottom: 0; + opacity: 1; + } +} +@keyframes NotificationLeftFadeIn { + 0% { + right: 384px; + opacity: 0; + } + 100% { + right: 0; + opacity: 1; + } +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-page-header { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + padding: 16px 24px; + background-color: #141414; +} +.ant-page-header-ghost { + background-color: transparent; +} +.ant-page-header.has-breadcrumb { + padding-top: 12px; +} +.ant-page-header.has-footer { + padding-bottom: 0; +} +.ant-page-header-back { + margin-right: 16px; + font-size: 16px; + line-height: 1; +} +.ant-page-header-back-button { + color: #177ddc; + outline: none; + cursor: pointer; + transition: color 0.3s; + color: inherit; +} +.ant-page-header-back-button:focus-visible, +.ant-page-header-back-button:hover { + color: #165996; +} +.ant-page-header-back-button:active { + color: #388ed3; +} +.ant-page-header .ant-divider-vertical { + height: 14px; + margin: 0 12px; + vertical-align: middle; +} +.ant-breadcrumb + .ant-page-header-heading { + margin-top: 8px; +} +.ant-page-header-heading { + display: flex; + justify-content: space-between; +} +.ant-page-header-heading-left { + display: flex; + align-items: center; + margin: 4px 0; + overflow: hidden; +} +.ant-page-header-heading-title { + margin-right: 12px; + margin-bottom: 0; + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + font-size: 20px; + line-height: 32px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-page-header-heading .ant-avatar { + margin-right: 12px; +} +.ant-page-header-heading-sub-title { + margin-right: 12px; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + line-height: 1.5715; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-page-header-heading-extra { + margin: 4px 0; + white-space: nowrap; +} +.ant-page-header-heading-extra > * { + white-space: unset; +} +.ant-page-header-content { + padding-top: 12px; +} +.ant-page-header-footer { + margin-top: 16px; +} +.ant-page-header-footer .ant-tabs > .ant-tabs-nav { + margin: 0; +} +.ant-page-header-footer .ant-tabs > .ant-tabs-nav::before { + border: none; +} +.ant-page-header-footer .ant-tabs .ant-tabs-tab { + padding-top: 8px; + padding-bottom: 8px; + font-size: 16px; +} +.ant-page-header-compact .ant-page-header-heading { + flex-wrap: wrap; +} +.ant-page-header-rtl { + direction: rtl; +} +.ant-page-header-rtl .ant-page-header-back { + float: right; + margin-right: 0; + margin-left: 16px; +} +.ant-page-header-rtl .ant-page-header-heading-title { + margin-right: 0; + margin-left: 12px; +} +.ant-page-header-rtl .ant-page-header-heading .ant-avatar { + margin-right: 0; + margin-left: 12px; +} +.ant-page-header-rtl .ant-page-header-heading-sub-title { + float: right; + margin-right: 0; + margin-left: 12px; +} +.ant-page-header-rtl .ant-page-header-heading-tags { + float: right; +} +.ant-page-header-rtl .ant-page-header-heading-extra { + float: left; +} +.ant-page-header-rtl .ant-page-header-heading-extra > * { + margin-right: 12px; + margin-left: 0; +} +.ant-page-header-rtl .ant-page-header-heading-extra > *:first-child { + margin-right: 0; +} +.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav { + float: right; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-popconfirm { + z-index: 1060; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-progress { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; +} +.ant-progress-line { + position: relative; + width: 100%; + font-size: 14px; +} +.ant-progress-steps { + display: inline-block; +} +.ant-progress-steps-outer { + display: flex; + flex-direction: row; + align-items: center; +} +.ant-progress-steps-item { + flex-shrink: 0; + min-width: 2px; + margin-right: 2px; + background: rgba(255, 255, 255, 0.08); + transition: all 0.3s; +} +.ant-progress-steps-item-active { + background: #177ddc; +} +.ant-progress-small.ant-progress-line, +.ant-progress-small.ant-progress-line .ant-progress-text .anticon { + font-size: 12px; +} +.ant-progress-outer { + display: inline-block; + width: 100%; + margin-right: 0; + padding-right: 0; +} +.ant-progress-show-info .ant-progress-outer { + margin-right: calc(-2em - 8px); + padding-right: calc(2em + 8px); +} +.ant-progress-inner { + position: relative; + display: inline-block; + width: 100%; + overflow: hidden; + vertical-align: middle; + background-color: rgba(255, 255, 255, 0.08); + border-radius: 100px; +} +.ant-progress-circle-trail { + stroke: rgba(255, 255, 255, 0.08); +} +.ant-progress-circle-path { + animation: ant-progress-appear 0.3s; +} +.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { + stroke: #177ddc; +} +.ant-progress-success-bg, +.ant-progress-bg { + position: relative; + background-color: #177ddc; + border-radius: 100px; + transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; +} +.ant-progress-success-bg { + position: absolute; + top: 0; + left: 0; + background-color: #49aa19; +} +.ant-progress-text { + display: inline-block; + width: 2em; + margin-left: 8px; + color: rgba(255, 255, 255, 0.85); + font-size: 1em; + line-height: 1; + white-space: nowrap; + text-align: left; + vertical-align: middle; + word-break: normal; +} +.ant-progress-text .anticon { + font-size: 14px; +} +.ant-progress-status-active .ant-progress-bg::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #141414; + border-radius: 10px; + opacity: 0; + animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite; + content: ''; +} +.ant-progress-status-exception .ant-progress-bg { + background-color: #a61d24; +} +.ant-progress-status-exception .ant-progress-text { + color: #a61d24; +} +.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { + stroke: #a61d24; +} +.ant-progress-status-success .ant-progress-bg { + background-color: #49aa19; +} +.ant-progress-status-success .ant-progress-text { + color: #49aa19; +} +.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path { + stroke: #49aa19; +} +.ant-progress-circle .ant-progress-inner { + position: relative; + line-height: 1; + background-color: transparent; +} +.ant-progress-circle .ant-progress-text { + position: absolute; + top: 50%; + left: 50%; + width: 100%; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 1em; + line-height: 1; + white-space: normal; + text-align: center; + transform: translate(-50%, -50%); +} +.ant-progress-circle .ant-progress-text .anticon { + font-size: 1.16666667em; +} +.ant-progress-circle.ant-progress-status-exception .ant-progress-text { + color: #a61d24; +} +.ant-progress-circle.ant-progress-status-success .ant-progress-text { + color: #49aa19; +} +@keyframes ant-progress-active { + 0% { + transform: translateX(-100%) scaleX(0); + opacity: 0.1; + } + 20% { + transform: translateX(-100%) scaleX(0); + opacity: 0.5; + } + 100% { + transform: translateX(0) scaleX(1); + opacity: 0; + } +} +.ant-progress-rtl { + direction: rtl; +} +.ant-progress-rtl.ant-progress-show-info .ant-progress-outer { + margin-right: 0; + margin-left: calc(-2em - 8px); + padding-right: 0; + padding-left: calc(2em + 8px); +} +.ant-progress-rtl .ant-progress-success-bg { + right: 0; + left: auto; +} +.ant-progress-rtl.ant-progress-line .ant-progress-text, +.ant-progress-rtl.ant-progress-steps .ant-progress-text { + margin-right: 8px; + margin-left: 0; + text-align: right; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-rate { + box-sizing: border-box; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + font-feature-settings: 'tnum'; + display: inline-block; + margin: 0; + padding: 0; + color: #d8bd14; + font-size: 20px; + line-height: unset; + list-style: none; + outline: none; +} +.ant-rate-disabled .ant-rate-star { + cursor: default; +} +.ant-rate-disabled .ant-rate-star > div:hover { + transform: scale(1); +} +.ant-rate-star { + position: relative; + display: inline-block; + color: inherit; + cursor: pointer; +} +.ant-rate-star:not(:last-child) { + margin-right: 8px; +} +.ant-rate-star > div { + transition: all 0.3s, outline 0s; +} +.ant-rate-star > div:hover { + transform: scale(1.1); +} +.ant-rate-star > div:focus { + outline: 0; +} +.ant-rate-star > div:focus-visible { + outline: 1px dashed #d8bd14; + transform: scale(1.1); +} +.ant-rate-star-first, +.ant-rate-star-second { + color: rgba(255, 255, 255, 0.12); + transition: all 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-rate-star-first .anticon, +.ant-rate-star-second .anticon { + vertical-align: middle; +} +.ant-rate-star-first { + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + overflow: hidden; + opacity: 0; +} +.ant-rate-star-half .ant-rate-star-first, +.ant-rate-star-half .ant-rate-star-second { + opacity: 1; +} +.ant-rate-star-half .ant-rate-star-first, +.ant-rate-star-full .ant-rate-star-second { + color: inherit; +} +.ant-rate-text { + display: inline-block; + margin: 0 8px; + font-size: 14px; +} +.ant-rate-rtl { + direction: rtl; +} +.ant-rate-rtl .ant-rate-star:not(:last-child) { + margin-right: 0; + margin-left: 8px; +} +.ant-rate-rtl .ant-rate-star-first { + right: 0; + left: auto; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-result { + padding: 48px 32px; +} +.ant-result-success .ant-result-icon > .anticon { + color: #49aa19; +} +.ant-result-error .ant-result-icon > .anticon { + color: #a61d24; +} +.ant-result-info .ant-result-icon > .anticon { + color: #177ddc; +} +.ant-result-warning .ant-result-icon > .anticon { + color: #d89614; +} +.ant-result-image { + width: 250px; + height: 295px; + margin: auto; +} +.ant-result-icon { + margin-bottom: 24px; + text-align: center; +} +.ant-result-icon > .anticon { + font-size: 72px; +} +.ant-result-title { + color: rgba(255, 255, 255, 0.85); + font-size: 24px; + line-height: 1.8; + text-align: center; +} +.ant-result-subtitle { + color: rgba(255, 255, 255, 0.45); + font-size: 14px; + line-height: 1.6; + text-align: center; +} +.ant-result-extra { + margin: 24px 0 0 0; + text-align: center; +} +.ant-result-extra > * { + margin-right: 8px; +} +.ant-result-extra > *:last-child { + margin-right: 0; +} +.ant-result-content { + margin-top: 24px; + padding: 24px 40px; + background-color: rgba(255, 255, 255, 0.04); +} +.ant-result-rtl { + direction: rtl; +} +.ant-result-rtl .ant-result-extra > * { + margin-right: 0; + margin-left: 8px; +} +.ant-result-rtl .ant-result-extra > *:last-child { + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.segmented-disabled-item, +.segmented-disabled-item:hover, +.segmented-disabled-item:focus { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.segmented-item-selected { + background-color: #333333; + border-radius: 2px; + box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); +} +.segmented-text-ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + word-break: keep-all; +} +.ant-segmented { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; + padding: 2px; + color: rgba(255, 255, 255, 0.65); + background-color: rgba(0, 0, 0, 0.25); + border-radius: 2px; + transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-segmented-group { + position: relative; + display: flex; + align-items: stretch; + justify-items: flex-start; + width: 100%; +} +.ant-segmented.ant-segmented-block { + display: flex; +} +.ant-segmented.ant-segmented-block .ant-segmented-item { + flex: 1; + min-width: 0; +} +.ant-segmented:not(.ant-segmented-disabled):hover, +.ant-segmented:not(.ant-segmented-disabled):focus { + background-color: rgba(0, 0, 0, 0.45); +} +.ant-segmented-item { + position: relative; + text-align: center; + cursor: pointer; + transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.ant-segmented-item-selected { + background-color: #333333; + border-radius: 2px; + box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); + color: rgba(255, 255, 255, 0.85); +} +.ant-segmented-item:hover, +.ant-segmented-item:focus { + color: rgba(255, 255, 255, 0.85); +} +.ant-segmented-item-label { + min-height: 28px; + padding: 0 11px; + line-height: 28px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + word-break: keep-all; +} +.ant-segmented-item-icon + * { + margin-left: 6px; +} +.ant-segmented-item-input { + position: absolute; + top: 0; + left: 0; + width: 0; + height: 0; + opacity: 0; + pointer-events: none; +} +.ant-segmented.ant-segmented-lg .ant-segmented-item-label { + min-height: 36px; + padding: 0 11px; + font-size: 16px; + line-height: 36px; +} +.ant-segmented.ant-segmented-sm .ant-segmented-item-label { + min-height: 20px; + padding: 0 7px; + line-height: 20px; +} +.ant-segmented-item-disabled, +.ant-segmented-item-disabled:hover, +.ant-segmented-item-disabled:focus { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-segmented-thumb { + background-color: #333333; + border-radius: 2px; + box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08); + position: absolute; + top: 0; + left: 0; + width: 0; + height: 100%; + padding: 4px 0; +} +.ant-segmented-thumb-motion-appear-active { + transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + will-change: transform, width; +} +.ant-segmented.ant-segmented-rtl { + direction: rtl; +} +.ant-segmented.ant-segmented-rtl .ant-segmented-item-icon { + margin-right: 0; + margin-left: 6px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-slider { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + height: 12px; + margin: 10px 6px 10px; + padding: 4px 0; + cursor: pointer; + touch-action: none; +} +.ant-slider-vertical { + width: 12px; + height: 100%; + margin: 6px 10px; + padding: 0 4px; +} +.ant-slider-vertical .ant-slider-rail { + width: 4px; + height: 100%; +} +.ant-slider-vertical .ant-slider-track { + width: 4px; +} +.ant-slider-vertical .ant-slider-handle { + margin-top: -6px; + margin-left: -5px; +} +.ant-slider-vertical .ant-slider-mark { + top: 0; + left: 12px; + width: 18px; + height: 100%; +} +.ant-slider-vertical .ant-slider-mark-text { + left: 4px; + white-space: nowrap; +} +.ant-slider-vertical .ant-slider-step { + width: 4px; + height: 100%; +} +.ant-slider-vertical .ant-slider-dot { + top: auto; + margin-left: -2px; +} +.ant-slider-tooltip .ant-tooltip-inner { + min-width: unset; +} +.ant-slider-rtl.ant-slider-vertical .ant-slider-handle { + margin-right: -5px; + margin-left: 0; +} +.ant-slider-rtl.ant-slider-vertical .ant-slider-mark { + right: 12px; + left: auto; +} +.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text { + right: 4px; + left: auto; +} +.ant-slider-rtl.ant-slider-vertical .ant-slider-dot { + right: 2px; + left: auto; +} +.ant-slider-with-marks { + margin-bottom: 28px; +} +.ant-slider-rail { + position: absolute; + width: 100%; + height: 4px; + background-color: #262626; + border-radius: 2px; + transition: background-color 0.3s; +} +.ant-slider-track { + position: absolute; + height: 4px; + background-color: #153450; + border-radius: 2px; + transition: background-color 0.3s; +} +.ant-slider-handle { + position: absolute; + width: 14px; + height: 14px; + margin-top: -5px; + background-color: #141414; + border: solid 2px #153450; + border-radius: 50%; + box-shadow: 0; + cursor: pointer; + transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); +} +.ant-slider-handle-dragging { + z-index: 1; +} +.ant-slider-handle:focus { + border-color: #4697e3; + outline: none; + box-shadow: 0 0 0 5px rgba(23, 125, 220, 0.12); +} +.ant-slider-handle.ant-tooltip-open { + border-color: #177ddc; +} +.ant-slider-handle::after { + position: absolute; + top: -6px; + right: -6px; + bottom: -6px; + left: -6px; + content: ''; +} +.ant-slider:hover .ant-slider-rail { + background-color: #434343; +} +.ant-slider:hover .ant-slider-track { + background-color: #16436e; +} +.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) { + border-color: #16436e; +} +.ant-slider-mark { + position: absolute; + top: 14px; + left: 0; + width: 100%; + font-size: 14px; +} +.ant-slider-mark-text { + position: absolute; + display: inline-block; + color: rgba(255, 255, 255, 0.45); + text-align: center; + word-break: keep-all; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-slider-mark-text-active { + color: rgba(255, 255, 255, 0.85); +} +.ant-slider-step { + position: absolute; + width: 100%; + height: 4px; + background: transparent; + pointer-events: none; +} +.ant-slider-dot { + position: absolute; + top: -2px; + width: 8px; + height: 8px; + background-color: #141414; + border: 2px solid #303030; + border-radius: 50%; + cursor: pointer; +} +.ant-slider-dot-active { + border-color: #16436e; +} +.ant-slider-disabled { + cursor: not-allowed; +} +.ant-slider-disabled .ant-slider-rail { + background-color: #262626 !important; +} +.ant-slider-disabled .ant-slider-track { + background-color: rgba(255, 255, 255, 0.3) !important; +} +.ant-slider-disabled .ant-slider-handle, +.ant-slider-disabled .ant-slider-dot { + background-color: #141414; + border-color: rgba(255, 255, 255, 0.3) !important; + box-shadow: none; + cursor: not-allowed; +} +.ant-slider-disabled .ant-slider-mark-text, +.ant-slider-disabled .ant-slider-dot { + cursor: not-allowed !important; +} +.ant-slider-rtl { + direction: rtl; +} +.ant-slider-rtl .ant-slider-mark { + right: 0; + left: auto; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-statistic { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; +} +.ant-statistic-title { + margin-bottom: 4px; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; +} +.ant-statistic-skeleton { + padding-top: 16px; +} +.ant-statistic-content { + color: rgba(255, 255, 255, 0.85); + font-size: 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'; +} +.ant-statistic-content-value { + display: inline-block; + direction: ltr; +} +.ant-statistic-content-prefix, +.ant-statistic-content-suffix { + display: inline-block; +} +.ant-statistic-content-prefix { + margin-right: 4px; +} +.ant-statistic-content-suffix { + margin-left: 4px; +} +.ant-statistic-rtl { + direction: rtl; +} +.ant-statistic-rtl .ant-statistic-content-prefix { + margin-right: 0; + margin-left: 4px; +} +.ant-statistic-rtl .ant-statistic-content-suffix { + margin-right: 4px; + margin-left: 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-steps { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: flex; + width: 100%; + font-size: 0; + text-align: initial; +} +.ant-steps-item { + position: relative; + display: inline-block; + flex: 1; + overflow: hidden; + vertical-align: top; +} +.ant-steps-item-container { + outline: none; +} +.ant-steps-item:last-child { + flex: none; +} +.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail, +.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { + display: none; +} +.ant-steps-item-icon, +.ant-steps-item-content { + display: inline-block; + vertical-align: top; +} +.ant-steps-item-icon { + width: 32px; + height: 32px; + margin: 0 8px 0 0; + font-size: 16px; + 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; + border: 1px solid rgba(255, 255, 255, 0.3); + border-radius: 32px; + transition: background-color 0.3s, border-color 0.3s; +} +.ant-steps-item-icon .ant-steps-icon { + position: relative; + top: -0.5px; + color: #177ddc; + line-height: 1; +} +.ant-steps-item-tail { + position: absolute; + top: 12px; + left: 0; + width: 100%; + padding: 0 10px; +} +.ant-steps-item-tail::after { + display: inline-block; + width: 100%; + height: 1px; + background: #303030; + border-radius: 1px; + transition: background 0.3s; + content: ''; +} +.ant-steps-item-title { + position: relative; + display: inline-block; + padding-right: 16px; + color: rgba(255, 255, 255, 0.85); + font-size: 16px; + line-height: 32px; +} +.ant-steps-item-title::after { + position: absolute; + top: 16px; + left: 100%; + display: block; + width: 9999px; + height: 1px; + background: #303030; + content: ''; +} +.ant-steps-item-subtitle { + display: inline; + margin-left: 8px; + color: rgba(255, 255, 255, 0.45); + font-weight: normal; + font-size: 14px; +} +.ant-steps-item-description { + color: rgba(255, 255, 255, 0.45); + font-size: 14px; +} +.ant-steps-item-wait .ant-steps-item-icon { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.3); +} +.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon { + color: rgba(255, 255, 255, 0.3); +} +.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { + background: rgba(255, 255, 255, 0.3); +} +.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { + color: rgba(255, 255, 255, 0.45); +} +.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { + background-color: #303030; +} +.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { + color: rgba(255, 255, 255, 0.45); +} +.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after { + background-color: #303030; +} +.ant-steps-item-process .ant-steps-item-icon { + background-color: transparent; + border-color: #177ddc; +} +.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { + color: #177ddc; +} +.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { + background: #177ddc; +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { + color: rgba(255, 255, 255, 0.85); +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { + background-color: #303030; +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { + color: rgba(255, 255, 255, 0.85); +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after { + background-color: #303030; +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon { + background: #177ddc; +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon { + color: #fff; +} +.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-title { + font-weight: 500; +} +.ant-steps-item-finish .ant-steps-item-icon { + background-color: transparent; + border-color: #177ddc; +} +.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon { + color: #177ddc; +} +.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { + background: #177ddc; +} +.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { + color: rgba(255, 255, 255, 0.85); +} +.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { + background-color: #177ddc; +} +.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { + color: rgba(255, 255, 255, 0.45); +} +.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after { + background-color: #177ddc; +} +.ant-steps-item-error .ant-steps-item-icon { + background-color: transparent; + border-color: #a61d24; +} +.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon { + color: #a61d24; +} +.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot { + background: #a61d24; +} +.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title { + color: #a61d24; +} +.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { + background-color: #303030; +} +.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description { + color: #a61d24; +} +.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after { + background-color: #303030; +} +.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after { + background: #a61d24; +} +.ant-steps-item-disabled { + cursor: not-allowed; +} +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] { + cursor: pointer; +} +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title, +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-subtitle, +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description, +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon { + transition: color 0.3s; +} +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title, +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle, +.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description { + color: #177ddc; +} +.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon { + border-color: #177ddc; +} +.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon { + color: #177ddc; +} +.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { + padding-left: 16px; + white-space: nowrap; +} +.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { + padding-left: 0; +} +.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { + padding-right: 0; +} +.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail { + display: none; +} +.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description { + max-width: 140px; + white-space: normal; +} +.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon { + height: auto; + background: none; + border: 0; +} +.ant-steps-item-custom > .ant-steps-item-container > .ant-steps-item-icon > .ant-steps-icon { + top: 0px; + left: 0.5px; + width: 32px; + height: 32px; + font-size: 24px; + line-height: 32px; +} +.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon { + color: #177ddc; +} +.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon { + width: auto; + background: none; +} +.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { + padding-left: 12px; +} +.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { + padding-left: 0; +} +.ant-steps-small .ant-steps-item-icon { + width: 24px; + height: 24px; + margin: 0 8px 0 0; + font-size: 12px; + line-height: 24px; + text-align: center; + border-radius: 24px; +} +.ant-steps-small .ant-steps-item-title { + padding-right: 12px; + font-size: 14px; + line-height: 24px; +} +.ant-steps-small .ant-steps-item-title::after { + top: 12px; +} +.ant-steps-small .ant-steps-item-description { + color: rgba(255, 255, 255, 0.45); + font-size: 14px; +} +.ant-steps-small .ant-steps-item-tail { + top: 8px; +} +.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon { + width: inherit; + height: inherit; + line-height: inherit; + background: none; + border: 0; + border-radius: 0; +} +.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { + font-size: 24px; + line-height: 24px; + transform: none; +} +.ant-steps-vertical { + display: flex; + flex-direction: column; +} +.ant-steps-vertical > .ant-steps-item { + display: block; + flex: 1 0 auto; + padding-left: 0; + overflow: visible; +} +.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { + float: left; + margin-right: 16px; +} +.ant-steps-vertical > .ant-steps-item .ant-steps-item-content { + display: block; + min-height: 48px; + overflow: hidden; +} +.ant-steps-vertical > .ant-steps-item .ant-steps-item-title { + line-height: 32px; +} +.ant-steps-vertical > .ant-steps-item .ant-steps-item-description { + padding-bottom: 12px; +} +.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + position: absolute; + top: 0; + left: 15px; + width: 1px; + height: 100%; + padding: 38px 0 6px; +} +.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after { + width: 1px; + height: 100%; +} +.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail { + display: block; +} +.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after { + display: none; +} +.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { + position: absolute; + top: 0; + left: 11px; + padding: 30px 0 6px; +} +.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title { + line-height: 24px; +} +.ant-steps-label-vertical .ant-steps-item { + overflow: visible; +} +.ant-steps-label-vertical .ant-steps-item-tail { + margin-left: 58px; + padding: 3.5px 24px; +} +.ant-steps-label-vertical .ant-steps-item-content { + display: block; + width: 116px; + margin-top: 8px; + text-align: center; +} +.ant-steps-label-vertical .ant-steps-item-icon { + display: inline-block; + margin-left: 42px; +} +.ant-steps-label-vertical .ant-steps-item-title { + padding-right: 0; + padding-left: 0; +} +.ant-steps-label-vertical .ant-steps-item-title::after { + display: none; +} +.ant-steps-label-vertical .ant-steps-item-subtitle { + display: block; + margin-bottom: 4px; + margin-left: 0; + line-height: 1.5715; +} +.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon { + margin-left: 46px; +} +.ant-steps-dot .ant-steps-item-title, +.ant-steps-dot.ant-steps-small .ant-steps-item-title { + line-height: 1.5715; +} +.ant-steps-dot .ant-steps-item-tail, +.ant-steps-dot.ant-steps-small .ant-steps-item-tail { + top: 2px; + width: 100%; + margin: 0 0 0 70px; + padding: 0; +} +.ant-steps-dot .ant-steps-item-tail::after, +.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { + width: calc(100% - 20px); + height: 3px; + margin-left: 12px; +} +.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, +.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { + left: 2px; +} +.ant-steps-dot .ant-steps-item-icon, +.ant-steps-dot.ant-steps-small .ant-steps-item-icon { + width: 8px; + height: 8px; + margin-left: 67px; + padding-right: 0; + line-height: 8px; + background: transparent; + border: 0; +} +.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, +.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { + position: relative; + float: left; + width: 100%; + height: 100%; + border-radius: 100px; + transition: all 0.3s; + /* expand hover area */ +} +.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, +.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { + position: absolute; + top: -12px; + left: -26px; + width: 60px; + height: 32px; + background: rgba(0, 0, 0, 0.001); + content: ''; +} +.ant-steps-dot .ant-steps-item-content, +.ant-steps-dot.ant-steps-small .ant-steps-item-content { + width: 140px; +} +.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon, +.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon { + position: relative; + top: -1px; + width: 10px; + height: 10px; + line-height: 10px; + background: none; +} +.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot, +.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot { + left: 0; +} +.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { + margin-top: 13px; + margin-left: 0; + background: none; +} +.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + top: 6.5px; + left: -9px; + margin: 0; + padding: 22px 0 4px; +} +.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon { + margin-top: 10px; +} +.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + top: 3.5px; +} +.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { + left: 0; +} +.ant-steps-vertical.ant-steps-dot .ant-steps-item-content { + width: inherit; +} +.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot { + top: -1px; + left: -1px; +} +.ant-steps-navigation { + padding-top: 12px; +} +.ant-steps-navigation.ant-steps-small .ant-steps-item-container { + margin-left: -12px; +} +.ant-steps-navigation .ant-steps-item { + overflow: visible; + text-align: center; +} +.ant-steps-navigation .ant-steps-item-container { + display: inline-block; + height: 100%; + margin-left: -16px; + padding-bottom: 12px; + text-align: left; + transition: opacity 0.3s; +} +.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content { + max-width: auto; +} +.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { + max-width: 100%; + padding-right: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after { + display: none; +} +.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] { + cursor: pointer; +} +.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover { + opacity: 0.85; +} +.ant-steps-navigation .ant-steps-item:last-child { + flex: 1; +} +.ant-steps-navigation .ant-steps-item:last-child::after { + display: none; +} +.ant-steps-navigation .ant-steps-item::after { + position: absolute; + top: 50%; + left: 100%; + display: inline-block; + width: 12px; + height: 12px; + margin-top: -14px; + margin-left: -2px; + border: 1px solid rgba(255, 255, 255, 0.2); + border-bottom: none; + border-left: none; + transform: rotate(45deg); + content: ''; +} +.ant-steps-navigation .ant-steps-item::before { + position: absolute; + bottom: 0; + left: 50%; + display: inline-block; + width: 0; + height: 2px; + background-color: #177ddc; + transition: width 0.3s, left 0.3s; + transition-timing-function: ease-out; + content: ''; +} +.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before { + left: 0; + width: 100%; +} +.ant-steps-navigation.ant-steps-vertical > .ant-steps-item { + margin-right: 0 !important; +} +.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::before { + display: none; +} +.ant-steps-navigation.ant-steps-vertical > .ant-steps-item.ant-steps-item-active::before { + top: 0; + right: 0; + left: unset; + display: block; + width: 3px; + height: calc(100% - 24px); +} +.ant-steps-navigation.ant-steps-vertical > .ant-steps-item::after { + position: relative; + top: -2px; + left: 50%; + display: block; + width: 8px; + height: 8px; + margin-bottom: 8px; + text-align: center; + transform: rotate(135deg); +} +.ant-steps-navigation.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + visibility: hidden; +} +.ant-steps-navigation.ant-steps-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + visibility: hidden; +} +.ant-steps-rtl { + direction: rtl; +} +.ant-steps.ant-steps-rtl .ant-steps-item-icon { + margin-right: 0; + margin-left: 8px; +} +.ant-steps-rtl .ant-steps-item-tail { + right: 0; + left: auto; +} +.ant-steps-rtl .ant-steps-item-title { + padding-right: 0; + padding-left: 16px; +} +.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle { + float: left; + margin-right: 8px; + margin-left: 0; +} +.ant-steps-rtl .ant-steps-item-title::after { + right: 100%; + left: auto; +} +.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { + padding-right: 16px; + padding-left: 0; +} +.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { + padding-right: 0; +} +.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title { + padding-left: 0; +} +.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon { + right: 0.5px; + left: auto; +} +.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container { + margin-right: -12px; + margin-left: 0; +} +.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container { + margin-right: -16px; + margin-left: 0; + text-align: right; +} +.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title { + padding-left: 0; +} +.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after { + right: 100%; + left: auto; + margin-right: -2px; + margin-left: 0; + transform: rotate(225deg); +} +.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item { + padding-right: 12px; + padding-left: 0; +} +.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child { + padding-right: 0; +} +.ant-steps-rtl.ant-steps-small .ant-steps-item-title { + padding-right: 0; + padding-left: 12px; +} +.ant-steps-rtl.ant-steps-vertical > .ant-steps-item .ant-steps-item-icon { + float: right; + margin-right: 0; + margin-left: 16px; +} +.ant-steps-rtl.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + right: 16px; + left: auto; +} +.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail { + right: 12px; + left: auto; +} +.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title { + padding-left: 0; +} +.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail, +.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail { + margin: 0 70px 0 0; +} +.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after, +.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after { + margin-right: 12px; + margin-left: 0; +} +.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot, +.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot { + right: 2px; + left: auto; +} +.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon, +.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon { + margin-right: 67px; + margin-left: 0; +} +.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, +.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { + /* expand hover area */ +} +.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot, +.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot { + float: right; +} +.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after, +.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after { + right: -26px; + left: auto; +} +.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon { + margin-right: 0; + margin-left: 16px; +} +.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + right: -9px; + left: auto; +} +.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot { + right: 0; + left: auto; +} +.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot { + right: -2px; + left: auto; +} +.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item { + padding-right: 4px; +} +.ant-steps-rtl.ant-steps-with-progress.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + right: 19px; +} +.ant-steps-rtl.ant-steps-with-progress.ant-steps-small.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + right: 15px; +} +.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child { + padding-right: 4px; + padding-left: 0; +} +.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active { + padding-right: 4px; +} +.ant-steps-with-progress .ant-steps-item { + padding-top: 4px; +} +.ant-steps-with-progress .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + top: 4px; + left: 19px; +} +.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child, +.ant-steps-with-progress.ant-steps-small.ant-steps-horizontal .ant-steps-item:first-child { + padding-bottom: 4px; + padding-left: 4px; +} +.ant-steps-with-progress.ant-steps-small > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail { + left: 15px; +} +.ant-steps-with-progress.ant-steps-vertical .ant-steps-item { + padding-left: 4px; +} +.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail { + top: 14px !important; +} +.ant-steps-with-progress .ant-steps-item-icon { + position: relative; +} +.ant-steps-with-progress .ant-steps-item-icon .ant-progress { + position: absolute; + top: -5px; + right: -5px; + bottom: -5px; + left: -5px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-switch { + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: inline-block; + box-sizing: border-box; + min-width: 44px; + height: 22px; + line-height: 22px; + vertical-align: middle; + background-color: rgba(255, 255, 255, 0.3); + border: 0; + border-radius: 100px; + cursor: pointer; + transition: all 0.2s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-switch:focus { + outline: 0; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); +} +.ant-switch-checked:focus { + box-shadow: 0 0 0 2px #111b26; +} +.ant-switch:focus:hover { + box-shadow: none; +} +.ant-switch-checked { + background-color: #177ddc; +} +.ant-switch-loading, +.ant-switch-disabled { + cursor: not-allowed; + opacity: 0.4; +} +.ant-switch-loading *, +.ant-switch-disabled * { + box-shadow: none; + cursor: not-allowed; +} +.ant-switch-inner { + display: block; + margin: 0 7px 0 25px; + color: #fff; + font-size: 12px; + transition: margin 0.2s; +} +.ant-switch-checked .ant-switch-inner { + margin: 0 25px 0 7px; +} +.ant-switch-handle { + position: absolute; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + transition: all 0.2s ease-in-out; +} +.ant-switch-handle::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: #fff; + border-radius: 9px; + box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); + transition: all 0.2s ease-in-out; + content: ''; +} +.ant-switch-checked .ant-switch-handle { + left: calc(100% - 18px - 2px); +} +.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { + right: -30%; + left: 0; +} +.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { + right: 0; + left: -30%; +} +.ant-switch-loading-icon.anticon { + position: relative; + top: 2px; + color: rgba(0, 0, 0, 0.65); + vertical-align: top; +} +.ant-switch-checked .ant-switch-loading-icon { + color: #177ddc; +} +.ant-switch-small { + min-width: 28px; + height: 16px; + line-height: 16px; +} +.ant-switch-small .ant-switch-inner { + margin: 0 5px 0 18px; + font-size: 12px; +} +.ant-switch-small .ant-switch-handle { + width: 12px; + height: 12px; +} +.ant-switch-small .ant-switch-loading-icon { + top: 1.5px; + font-size: 9px; +} +.ant-switch-small.ant-switch-checked .ant-switch-inner { + margin: 0 18px 0 5px; +} +.ant-switch-small.ant-switch-checked .ant-switch-handle { + left: calc(100% - 12px - 2px); +} +.ant-switch-rtl { + direction: rtl; +} +.ant-switch-rtl .ant-switch-inner { + margin: 0 25px 0 7px; +} +.ant-switch-rtl .ant-switch-handle { + right: 2px; + left: auto; +} +.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { + right: 0; + left: -30%; +} +.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { + right: -30%; + left: 0; +} +.ant-switch-rtl.ant-switch-checked .ant-switch-inner { + margin: 0 7px 0 25px; +} +.ant-switch-rtl.ant-switch-checked .ant-switch-handle { + right: calc(100% - 18px - 2px); +} +.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { + right: calc(100% - 12px - 2px); +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-table.ant-table-middle { + font-size: 14px; +} +.ant-table.ant-table-middle .ant-table-title, +.ant-table.ant-table-middle .ant-table-footer, +.ant-table.ant-table-middle .ant-table-thead > tr > th, +.ant-table.ant-table-middle .ant-table-tbody > tr > td, +.ant-table.ant-table-middle tfoot > tr > th, +.ant-table.ant-table-middle tfoot > tr > td { + padding: 12px 8px; +} +.ant-table.ant-table-middle .ant-table-filter-trigger { + margin-right: -4px; +} +.ant-table.ant-table-middle .ant-table-expanded-row-fixed { + margin: -12px -8px; +} +.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { + margin: -12px -8px -12px 40px; +} +.ant-table.ant-table-middle .ant-table-selection-column { + padding-inline-start: 2px; +} +.ant-table.ant-table-small { + font-size: 14px; +} +.ant-table.ant-table-small .ant-table-title, +.ant-table.ant-table-small .ant-table-footer, +.ant-table.ant-table-small .ant-table-thead > tr > th, +.ant-table.ant-table-small .ant-table-tbody > tr > td, +.ant-table.ant-table-small tfoot > tr > th, +.ant-table.ant-table-small tfoot > tr > td { + padding: 8px 8px; +} +.ant-table.ant-table-small .ant-table-filter-trigger { + margin-right: -4px; +} +.ant-table.ant-table-small .ant-table-expanded-row-fixed { + margin: -8px -8px; +} +.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { + margin: -8px -8px -8px 40px; +} +.ant-table.ant-table-small .ant-table-selection-column { + padding-inline-start: 2px; +} +.ant-table.ant-table-bordered > .ant-table-title { + border: 1px solid #303030; + border-bottom: 0; +} +.ant-table.ant-table-bordered > .ant-table-container { + border-left: 1px solid #303030; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td { + border-right: 1px solid #303030; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr:not(:last-child) > th { + border-bottom: 1px solid #303030; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th::before, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th::before, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th::before, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th::before { + background-color: transparent !important; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > .ant-table-cell-fix-right-first::after { + border-right: 1px solid #303030; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed { + margin: -16px -17px; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { + position: absolute; + top: 0; + right: 1px; + bottom: 0; + border-right: 1px solid #303030; + content: ''; +} +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, +.ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table { + border-top: 1px solid #303030; +} +.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, +.ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { + border-right: 0; +} +.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, +.ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { + margin: -12px -9px; +} +.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, +.ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { + margin: -8px -9px; +} +.ant-table.ant-table-bordered > .ant-table-footer { + border: 1px solid #303030; + border-top: 0; +} +.ant-table-cell .ant-table-container:first-child { + border-top: 0; +} +.ant-table-cell-scrollbar:not([rowspan]) { + box-shadow: 0 1px 0 1px #1d1d1d; +} +.ant-table-wrapper { + clear: both; + max-width: 100%; +} +.ant-table-wrapper::before { + display: table; + content: ''; +} +.ant-table-wrapper::after { + display: table; + clear: both; + content: ''; +} +.ant-table { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + font-size: 14px; + background: #141414; + border-radius: 2px; +} +.ant-table table { + width: 100%; + text-align: left; + border-radius: 2px 2px 0 0; + border-collapse: separate; + border-spacing: 0; +} +.ant-table-thead > tr > th, +.ant-table-tbody > tr > td, +.ant-table tfoot > tr > th, +.ant-table tfoot > tr > td { + position: relative; + padding: 16px 16px; + overflow-wrap: break-word; +} +.ant-table-cell-ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + word-break: keep-all; +} +.ant-table-cell-ellipsis.ant-table-cell-fix-left-last, +.ant-table-cell-ellipsis.ant-table-cell-fix-right-first { + overflow: visible; +} +.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, +.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { + display: block; + overflow: hidden; + text-overflow: ellipsis; +} +.ant-table-cell-ellipsis .ant-table-column-title { + overflow: hidden; + text-overflow: ellipsis; + word-break: keep-all; +} +.ant-table-title { + padding: 16px 16px; +} +.ant-table-footer { + padding: 16px 16px; + color: rgba(255, 255, 255, 0.85); + background: rgba(255, 255, 255, 0.04); +} +.ant-table-thead > tr > th { + position: relative; + color: rgba(255, 255, 255, 0.85); + font-weight: 500; + text-align: left; + background: #1d1d1d; + border-bottom: 1px solid #303030; + transition: background 0.3s ease; +} +.ant-table-thead > tr > th[colspan]:not([colspan='1']) { + text-align: center; +} +.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { + position: absolute; + top: 50%; + right: 0; + width: 1px; + height: 1.6em; + background-color: rgba(255, 255, 255, 0.08); + transform: translateY(-50%); + transition: background-color 0.3s; + content: ''; +} +.ant-table-thead > tr:not(:last-child) > th[colspan] { + border-bottom: 0; +} +.ant-table-tbody > tr > td { + border-bottom: 1px solid #303030; + transition: background 0.3s; +} +.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table, +.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table { + margin: -16px -16px -16px 32px; +} +.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td, +.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { + border-bottom: 0; +} +.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, +.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, +.ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child, +.ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { + border-radius: 0; +} +.ant-table-tbody > tr.ant-table-row:hover > td, +.ant-table-tbody > tr > td.ant-table-cell-row-hover { + background: #262626; +} +.ant-table-tbody > tr.ant-table-row-selected > td { + background: #111b26; + border-color: rgba(0, 0, 0, 0.03); +} +.ant-table-tbody > tr.ant-table-row-selected:hover > td { + background: #0e161f; +} +.ant-table-summary { + position: relative; + z-index: 2; + background: #141414; +} +div.ant-table-summary { + box-shadow: 0 -1px 0 #303030; +} +.ant-table-summary > tr > th, +.ant-table-summary > tr > td { + border-bottom: 1px solid #303030; +} +.ant-table-pagination.ant-pagination { + margin: 16px 0; +} +.ant-table-pagination { + display: flex; + flex-wrap: wrap; + row-gap: 8px; +} +.ant-table-pagination > * { + flex: none; +} +.ant-table-pagination-left { + justify-content: flex-start; +} +.ant-table-pagination-center { + justify-content: center; +} +.ant-table-pagination-right { + justify-content: flex-end; +} +.ant-table-thead th.ant-table-column-has-sorters { + outline: none; + cursor: pointer; + transition: all 0.3s; +} +.ant-table-thead th.ant-table-column-has-sorters:hover { + background: #303030; +} +.ant-table-thead th.ant-table-column-has-sorters:hover::before { + background-color: transparent !important; +} +.ant-table-thead th.ant-table-column-has-sorters:focus-visible { + color: #177ddc; +} +.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover, +.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover { + background: #222; +} +.ant-table-thead th.ant-table-column-sort { + background: #262626; +} +.ant-table-thead th.ant-table-column-sort::before { + background-color: transparent !important; +} +td.ant-table-column-sort { + background: rgba(255, 255, 255, 0.01); +} +.ant-table-column-title { + position: relative; + z-index: 1; + flex: 1; +} +.ant-table-column-sorters { + display: flex; + flex: auto; + align-items: center; + justify-content: space-between; +} +.ant-table-column-sorters::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + content: ''; +} +.ant-table-column-sorter { + margin-left: 4px; + color: #bfbfbf; + font-size: 0; + transition: color 0.3s; +} +.ant-table-column-sorter-inner { + display: inline-flex; + flex-direction: column; + align-items: center; +} +.ant-table-column-sorter-up, +.ant-table-column-sorter-down { + font-size: 11px; +} +.ant-table-column-sorter-up.active, +.ant-table-column-sorter-down.active { + color: #177ddc; +} +.ant-table-column-sorter-up + .ant-table-column-sorter-down { + margin-top: -0.3em; +} +.ant-table-column-sorters:hover .ant-table-column-sorter { + color: #a6a6a6; +} +.ant-table-filter-column { + display: flex; + justify-content: space-between; +} +.ant-table-filter-trigger { + position: relative; + display: flex; + align-items: center; + margin: -4px -8px -4px 4px; + padding: 0 4px; + color: #bfbfbf; + font-size: 12px; + border-radius: 2px; + cursor: pointer; + transition: all 0.3s; +} +.ant-table-filter-trigger:hover { + color: rgba(255, 255, 255, 0.45); + background: #434343; +} +.ant-table-filter-trigger.active { + color: #177ddc; +} +.ant-table-filter-dropdown { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + min-width: 120px; + background-color: #1f1f1f; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2); +} +.ant-table-filter-dropdown .ant-dropdown-menu { + max-height: 264px; + overflow-x: hidden; + border: 0; + box-shadow: none; +} +.ant-table-filter-dropdown .ant-dropdown-menu:empty::after { + display: block; + padding: 8px 0; + color: rgba(255, 255, 255, 0.3); + font-size: 12px; + text-align: center; + content: 'Not Found'; +} +.ant-table-filter-dropdown-tree { + padding: 8px 8px 0; +} +.ant-table-filter-dropdown-tree .ant-tree-treenode .ant-tree-node-content-wrapper:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper, +.ant-table-filter-dropdown-tree .ant-tree-treenode-checkbox-checked .ant-tree-node-content-wrapper:hover { + background-color: #11263c; +} +.ant-table-filter-dropdown-search { + padding: 8px; + border-bottom: 1px #303030 solid; +} +.ant-table-filter-dropdown-search-input input { + min-width: 140px; +} +.ant-table-filter-dropdown-search-input .anticon { + color: rgba(255, 255, 255, 0.3); +} +.ant-table-filter-dropdown-checkall { + width: 100%; + margin-bottom: 4px; + margin-left: 4px; +} +.ant-table-filter-dropdown-submenu > ul { + max-height: calc(100vh - 130px); + overflow-x: hidden; + overflow-y: auto; +} +.ant-table-filter-dropdown .ant-checkbox-wrapper + span, +.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { + padding-left: 8px; +} +.ant-table-filter-dropdown-btns { + display: flex; + justify-content: space-between; + padding: 7px 8px; + overflow: hidden; + background-color: #1f1f1f; + border-top: 1px solid #303030; +} +.ant-table-selection-col { + width: 32px; +} +.ant-table-bordered .ant-table-selection-col { + width: 50px; +} +table tr th.ant-table-selection-column, +table tr td.ant-table-selection-column { + padding-right: 8px; + padding-left: 8px; + text-align: center; +} +table tr th.ant-table-selection-column .ant-radio-wrapper, +table tr td.ant-table-selection-column .ant-radio-wrapper { + margin-right: 0; +} +table tr th.ant-table-selection-column.ant-table-cell-fix-left { + z-index: 3; +} +table tr th.ant-table-selection-column::after { + background-color: transparent !important; +} +.ant-table-selection { + position: relative; + display: inline-flex; + flex-direction: column; +} +.ant-table-selection-extra { + position: absolute; + top: 0; + z-index: 1; + cursor: pointer; + transition: all 0.3s; + margin-inline-start: 100%; + padding-inline-start: 4px; +} +.ant-table-selection-extra .anticon { + color: #bfbfbf; + font-size: 10px; +} +.ant-table-selection-extra .anticon:hover { + color: #a6a6a6; +} +.ant-table-expand-icon-col { + width: 48px; +} +.ant-table-row-expand-icon-cell { + text-align: center; +} +.ant-table-row-expand-icon-cell .ant-table-row-expand-icon { + display: inline-flex; + float: none; + vertical-align: sub; +} +.ant-table-row-indent { + float: left; + height: 1px; +} +.ant-table-row-expand-icon { + color: #177ddc; + outline: none; + cursor: pointer; + transition: color 0.3s; + position: relative; + float: left; + box-sizing: border-box; + width: 17px; + height: 17px; + padding: 0; + color: inherit; + line-height: 17px; + background: transparent; + border: 1px solid #303030; + border-radius: 2px; + transform: scale(0.94117647); + transition: all 0.3s; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-table-row-expand-icon:focus-visible, +.ant-table-row-expand-icon:hover { + color: #165996; +} +.ant-table-row-expand-icon:active { + color: #388ed3; +} +.ant-table-row-expand-icon:focus, +.ant-table-row-expand-icon:hover, +.ant-table-row-expand-icon:active { + border-color: currentcolor; +} +.ant-table-row-expand-icon::before, +.ant-table-row-expand-icon::after { + position: absolute; + background: currentcolor; + transition: transform 0.3s ease-out; + content: ''; +} +.ant-table-row-expand-icon::before { + top: 7px; + right: 3px; + left: 3px; + height: 1px; +} +.ant-table-row-expand-icon::after { + top: 3px; + bottom: 3px; + left: 7px; + width: 1px; + transform: rotate(90deg); +} +.ant-table-row-expand-icon-collapsed::before { + transform: rotate(-180deg); +} +.ant-table-row-expand-icon-collapsed::after { + transform: rotate(0deg); +} +.ant-table-row-expand-icon-spaced { + background: transparent; + border: 0; + visibility: hidden; +} +.ant-table-row-expand-icon-spaced::before, +.ant-table-row-expand-icon-spaced::after { + display: none; + content: none; +} +.ant-table-row-indent + .ant-table-row-expand-icon { + margin-top: 2.5005px; + margin-right: 8px; +} +tr.ant-table-expanded-row > td, +tr.ant-table-expanded-row:hover > td { + background: #1d1d1d; +} +tr.ant-table-expanded-row .ant-descriptions-view { + display: flex; +} +tr.ant-table-expanded-row .ant-descriptions-view table { + flex: auto; + width: auto; +} +.ant-table .ant-table-expanded-row-fixed { + position: relative; + margin: -16px -16px; + padding: 16px 16px; +} +.ant-table-tbody > tr.ant-table-placeholder { + text-align: center; +} +.ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { + color: rgba(255, 255, 255, 0.3); +} +.ant-table-tbody > tr.ant-table-placeholder:hover > td { + background: #141414; +} +.ant-table-cell-fix-left, +.ant-table-cell-fix-right { + position: sticky !important; + z-index: 2; + background: #141414; +} +.ant-table-cell-fix-left-first::after, +.ant-table-cell-fix-left-last::after { + position: absolute; + top: 0; + right: 0; + bottom: -1px; + width: 30px; + transform: translateX(100%); + transition: box-shadow 0.3s; + content: ''; + pointer-events: none; +} +.ant-table-cell-fix-left-all::after { + display: none; +} +.ant-table-cell-fix-right-first::after, +.ant-table-cell-fix-right-last::after { + position: absolute; + top: 0; + bottom: -1px; + left: 0; + width: 30px; + transform: translateX(-100%); + transition: box-shadow 0.3s; + content: ''; + pointer-events: none; +} +.ant-table .ant-table-container::before, +.ant-table .ant-table-container::after { + position: absolute; + top: 0; + bottom: 0; + z-index: calc(calc(2 + 1) + 1); + width: 30px; + transition: box-shadow 0.3s; + content: ''; + pointer-events: none; +} +.ant-table .ant-table-container::before { + left: 0; +} +.ant-table .ant-table-container::after { + right: 0; +} +.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container { + position: relative; +} +.ant-table-ping-left:not(.ant-table-has-fix-left) > .ant-table-container::before { + box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45); +} +.ant-table-ping-left .ant-table-cell-fix-left-first::after, +.ant-table-ping-left .ant-table-cell-fix-left-last::after { + box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.45); +} +.ant-table-ping-left .ant-table-cell-fix-left-last::before { + background-color: transparent !important; +} +.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container { + position: relative; +} +.ant-table-ping-right:not(.ant-table-has-fix-right) > .ant-table-container::after { + box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45); +} +.ant-table-ping-right .ant-table-cell-fix-right-first::after, +.ant-table-ping-right .ant-table-cell-fix-right-last::after { + box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.45); +} +.ant-table-sticky-holder { + position: sticky; + z-index: calc(2 + 1); + background: #141414; +} +.ant-table-sticky-scroll { + position: sticky; + bottom: 0; + z-index: calc(2 + 1); + display: flex; + align-items: center; + background: #fcfcfc; + border-top: 1px solid #303030; + opacity: 0.6; +} +.ant-table-sticky-scroll:hover { + transform-origin: center bottom; +} +.ant-table-sticky-scroll-bar { + height: 8px; + background-color: rgba(0, 0, 0, 0.35); + border-radius: 4px; +} +.ant-table-sticky-scroll-bar:hover { + background-color: rgba(0, 0, 0, 0.8); +} +.ant-table-sticky-scroll-bar-active { + background-color: rgba(0, 0, 0, 0.8); +} +@media all and (-ms-high-contrast: none) { + .ant-table-ping-left .ant-table-cell-fix-left-last::after { + box-shadow: none !important; + } + .ant-table-ping-right .ant-table-cell-fix-right-first::after { + box-shadow: none !important; + } +} +.ant-table { + /* title + table */ + /* table */ + /* table + footer */ +} +.ant-table-title { + border-radius: 2px 2px 0 0; +} +.ant-table-title + .ant-table-container { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.ant-table-title + .ant-table-container table { + border-radius: 0; +} +.ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { + border-radius: 0; +} +.ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { + border-radius: 0; +} +.ant-table-container { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} +.ant-table-container table > thead > tr:first-child th:first-child { + border-top-left-radius: 2px; +} +.ant-table-container table > thead > tr:first-child th:last-child { + border-top-right-radius: 2px; +} +.ant-table-footer { + border-radius: 0 0 2px 2px; +} +.ant-table-wrapper-rtl { + direction: rtl; +} +.ant-table-rtl { + direction: rtl; +} +.ant-table-wrapper-rtl .ant-table table { + text-align: right; +} +.ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) { + text-align: center; +} +.ant-table-wrapper-rtl .ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before { + right: auto; + left: 0; +} +.ant-table-wrapper-rtl .ant-table-thead > tr > th { + text-align: right; +} +.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { + margin: -16px 33px -16px -16px; +} +.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { + justify-content: flex-end; +} +.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { + justify-content: flex-start; +} +.ant-table-wrapper-rtl .ant-table-column-sorter { + margin-right: 4px; + margin-left: 0; +} +.ant-table-wrapper-rtl .ant-table-filter-column-title { + padding: 16px 16px 16px 2.3em; +} +.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { + padding: 0 0 0 2.3em; +} +.ant-table-wrapper-rtl .ant-table-filter-trigger { + margin: -4px 4px -4px -8px; +} +.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, +.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, +.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, +.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { + padding-right: 8px; + padding-left: 0; +} +.ant-table-wrapper-rtl .ant-table-selection { + text-align: center; +} +.ant-table-wrapper-rtl .ant-table-row-indent { + float: right; +} +.ant-table-wrapper-rtl .ant-table-row-expand-icon { + float: right; +} +.ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { + margin-right: 0; + margin-left: 8px; +} +.ant-table-wrapper-rtl .ant-table-row-expand-icon::after { + transform: rotate(-90deg); +} +.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { + transform: rotate(180deg); +} +.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { + transform: rotate(0deg); +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +@keyframes antCheckboxEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +@keyframes ant-tree-node-fx-do-not-use { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.ant-tree.ant-tree-directory .ant-tree-treenode { + position: relative; +} +.ant-tree.ant-tree-directory .ant-tree-treenode::before { + position: absolute; + top: 0; + right: 0; + bottom: 4px; + left: 0; + transition: background-color 0.3s; + content: ''; + pointer-events: none; +} +.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { + background: rgba(255, 255, 255, 0.08); +} +.ant-tree.ant-tree-directory .ant-tree-treenode > * { + z-index: 1; +} +.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { + transition: color 0.3s; +} +.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { + border-radius: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { + background: transparent; +} +.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { + color: #fff; + background: transparent; +} +.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before, +.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before { + background: #177ddc; +} +.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { + color: #fff; +} +.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { + color: #fff; + background: transparent; +} +.ant-tree-checkbox { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + top: 0.2em; + line-height: 1; + white-space: nowrap; + outline: none; + cursor: pointer; +} +.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, +.ant-tree-checkbox:hover .ant-tree-checkbox-inner, +.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner { + border-color: #177ddc; +} +.ant-tree-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid #177ddc; + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.ant-tree-checkbox:hover::after, +.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after { + visibility: visible; +} +.ant-tree-checkbox-inner { + position: relative; + top: 0; + left: 0; + display: block; + width: 16px; + height: 16px; + direction: ltr; + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + border-collapse: separate; + transition: all 0.3s; +} +.ant-tree-checkbox-inner::after { + position: absolute; + top: 50%; + left: 21.5%; + display: table; + width: 5.71428571px; + height: 9.14285714px; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(0) translate(-50%, -50%); + opacity: 0; + transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; + content: ' '; +} +.ant-tree-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { + position: absolute; + display: table; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(1) translate(-50%, -50%); + opacity: 1; + transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; + content: ' '; +} +.ant-tree-checkbox-checked .ant-tree-checkbox-inner { + background-color: #177ddc; + border-color: #177ddc; +} +.ant-tree-checkbox-disabled { + cursor: not-allowed; +} +.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.3); + animation-name: none; +} +.ant-tree-checkbox-disabled .ant-tree-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.ant-tree-checkbox-disabled .ant-tree-checkbox-inner { + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343 !important; +} +.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.08); + border-collapse: separate; + animation-name: none; +} +.ant-tree-checkbox-disabled + span { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-tree-checkbox-disabled:hover::after, +.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { + visibility: hidden; +} +.ant-tree-checkbox-wrapper { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-flex; + align-items: baseline; + line-height: unset; + cursor: pointer; +} +.ant-tree-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper { + margin-left: 8px; +} +.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.ant-tree-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.ant-tree-checkbox-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; +} +.ant-tree-checkbox-group-item { + margin-right: 8px; +} +.ant-tree-checkbox-group-item:last-child { + margin-right: 0; +} +.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item { + margin-left: 0; +} +.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { + background-color: transparent; + border-color: #434343; +} +.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: #177ddc; + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); +} +.ant-tree { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + background: transparent; + border-radius: 2px; + transition: background-color 0.3s; +} +.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { + background: #111b26; +} +.ant-tree-list-holder-inner { + align-items: flex-start; +} +.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { + align-items: stretch; +} +.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { + flex: auto; +} +.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging { + position: relative; +} +.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-treenode.dragging::after { + position: absolute; + top: 0; + right: 0; + bottom: 4px; + left: 0; + border: 1px solid #177ddc; + opacity: 0; + animation: ant-tree-node-fx-do-not-use 0.3s; + animation-play-state: running; + animation-fill-mode: forwards; + content: ''; + pointer-events: none; +} +.ant-tree .ant-tree-treenode { + display: flex; + align-items: flex-start; + padding: 0 0 4px 0; + outline: none; +} +.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { + background: transparent; +} +.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { + background: rgba(255, 255, 255, 0.08); +} +.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title { + color: inherit; + font-weight: 500; +} +.ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { + width: 24px; + line-height: 24px; + text-align: center; + visibility: visible; + opacity: 0.2; + transition: opacity 0.3s; +} +.ant-tree-treenode:hover .ant-tree .ant-tree-treenode-draggable .ant-tree-draggable-icon { + opacity: 0.45; +} +.ant-tree .ant-tree-treenode-draggable.ant-tree-treenode-disabled .ant-tree-draggable-icon { + visibility: hidden; +} +.ant-tree-indent { + align-self: stretch; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-tree-indent-unit { + display: inline-block; + width: 24px; +} +.ant-tree-draggable-icon { + visibility: hidden; +} +.ant-tree-switcher { + position: relative; + flex: none; + align-self: stretch; + width: 24px; + margin: 0; + line-height: 24px; + text-align: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-tree-switcher .ant-tree-switcher-icon, +.ant-tree-switcher .ant-select-tree-switcher-icon { + display: inline-block; + font-size: 10px; + vertical-align: baseline; +} +.ant-tree-switcher .ant-tree-switcher-icon svg, +.ant-tree-switcher .ant-select-tree-switcher-icon svg { + transition: transform 0.3s; +} +.ant-tree-switcher-noop { + cursor: default; +} +.ant-tree-switcher_close .ant-tree-switcher-icon svg { + transform: rotate(-90deg); +} +.ant-tree-switcher-loading-icon { + color: #177ddc; +} +.ant-tree-switcher-leaf-line { + position: relative; + z-index: 1; + display: inline-block; + width: 100%; + height: 100%; +} +.ant-tree-switcher-leaf-line::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + margin-left: -1px; + border-right: 1px solid #d9d9d9; + content: ' '; +} +.ant-tree-switcher-leaf-line::after { + position: absolute; + width: 10px; + height: 14px; + border-bottom: 1px solid #d9d9d9; + content: ' '; +} +.ant-tree-checkbox { + top: initial; + margin: 4px 8px 0 0; +} +.ant-tree .ant-tree-node-content-wrapper { + position: relative; + z-index: auto; + min-height: 24px; + margin: 0; + padding: 0 4px; + color: inherit; + line-height: 24px; + background: transparent; + border-radius: 2px; + cursor: pointer; + transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; +} +.ant-tree .ant-tree-node-content-wrapper:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { + background-color: #11263c; +} +.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { + display: inline-block; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; +} +.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty { + display: none; +} +.ant-tree-unselectable .ant-tree-node-content-wrapper:hover { + background-color: transparent; +} +.ant-tree-node-content-wrapper { + line-height: 24px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-tree-node-content-wrapper .ant-tree-drop-indicator { + position: absolute; + z-index: 1; + height: 2px; + background-color: #177ddc; + border-radius: 1px; + pointer-events: none; +} +.ant-tree-node-content-wrapper .ant-tree-drop-indicator::after { + position: absolute; + top: -3px; + left: -6px; + width: 8px; + height: 8px; + background-color: transparent; + border: 2px solid #177ddc; + border-radius: 50%; + content: ''; +} +.ant-tree .ant-tree-treenode.drop-container > [draggable] { + box-shadow: 0 0 0 2px #177ddc; +} +.ant-tree-show-line .ant-tree-indent-unit { + position: relative; + height: 100%; +} +.ant-tree-show-line .ant-tree-indent-unit::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + border-right: 1px solid #434343; + content: ''; +} +.ant-tree-show-line .ant-tree-indent-unit-end::before { + display: none; +} +.ant-tree-show-line .ant-tree-switcher { + background: #141414; +} +.ant-tree-show-line .ant-tree-switcher-line-icon { + vertical-align: -0.15em; +} +.ant-tree .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before { + top: auto !important; + bottom: auto !important; + height: 14px !important; +} +.ant-tree-rtl { + direction: rtl; +} +.ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after { + right: -6px; + left: unset; +} +.ant-tree .ant-tree-treenode-rtl { + direction: rtl; +} +.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg { + transform: rotate(90deg); +} +.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { + right: auto; + left: -13px; + border-right: none; + border-left: 1px solid #434343; +} +.ant-tree-rtl .ant-tree-checkbox { + margin: 4px 0 0 8px; +} +.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox { + margin: 4px 0 0 8px; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-timeline { + box-sizing: border-box; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + font-feature-settings: 'tnum'; + margin: 0; + padding: 0; + list-style: none; +} +.ant-timeline-item { + position: relative; + margin: 0; + padding-bottom: 20px; + font-size: 14px; + list-style: none; +} +.ant-timeline-item-tail { + position: absolute; + top: 10px; + left: 4px; + height: calc(100% - 10px); + border-left: 2px solid #303030; +} +.ant-timeline-item-pending .ant-timeline-item-head { + font-size: 12px; + background-color: transparent; +} +.ant-timeline-item-pending .ant-timeline-item-tail { + display: none; +} +.ant-timeline-item-head { + position: absolute; + width: 10px; + height: 10px; + background-color: #141414; + border: 2px solid transparent; + border-radius: 100px; +} +.ant-timeline-item-head-blue { + color: #177ddc; + border-color: #177ddc; +} +.ant-timeline-item-head-red { + color: #a61d24; + border-color: #a61d24; +} +.ant-timeline-item-head-green { + color: #49aa19; + border-color: #49aa19; +} +.ant-timeline-item-head-gray { + color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); +} +.ant-timeline-item-head-custom { + position: absolute; + top: 5.5px; + left: 5px; + width: auto; + height: auto; + margin-top: 0; + padding: 3px 1px; + line-height: 1; + text-align: center; + border: 0; + border-radius: 0; + transform: translate(-50%, -50%); +} +.ant-timeline-item-content { + position: relative; + top: -7.001px; + margin: 0 0 0 26px; + word-break: break-word; +} +.ant-timeline-item-last > .ant-timeline-item-tail { + display: none; +} +.ant-timeline-item-last > .ant-timeline-item-content { + min-height: 48px; +} +.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, +.ant-timeline.ant-timeline-right .ant-timeline-item-tail, +.ant-timeline.ant-timeline-label .ant-timeline-item-tail, +.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, +.ant-timeline.ant-timeline-right .ant-timeline-item-head, +.ant-timeline.ant-timeline-label .ant-timeline-item-head, +.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, +.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, +.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { + left: 50%; +} +.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, +.ant-timeline.ant-timeline-right .ant-timeline-item-head, +.ant-timeline.ant-timeline-label .ant-timeline-item-head { + margin-left: -4px; +} +.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, +.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, +.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { + margin-left: 1px; +} +.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, +.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, +.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { + left: calc(50% - 4px); + width: calc(50% - 14px); + text-align: left; +} +.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, +.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, +.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { + width: calc(50% - 12px); + margin: 0; + text-align: right; +} +.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, +.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, +.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { + left: calc(100% - 4px - 2px); +} +.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { + width: calc(100% - 18px); +} +.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { + display: block; + height: calc(100% - 14px); + border-left: 2px dotted #303030; +} +.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail { + display: none; +} +.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { + top: 15px; + display: block; + height: calc(100% - 15px); + border-left: 2px dotted #303030; +} +.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content { + min-height: 48px; +} +.ant-timeline.ant-timeline-label .ant-timeline-item-label { + position: absolute; + top: -7.001px; + width: calc(50% - 12px); + text-align: right; +} +.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { + left: calc(50% + 14px); + width: calc(50% - 14px); + text-align: left; +} +.ant-timeline-rtl { + direction: rtl; +} +.ant-timeline-rtl .ant-timeline-item-tail { + right: 4px; + left: auto; + border-right: 2px solid #303030; + border-left: none; +} +.ant-timeline-rtl .ant-timeline-item-head-custom { + right: 5px; + left: auto; + transform: translate(50%, -50%); +} +.ant-timeline-rtl .ant-timeline-item-content { + margin: 0 18px 0 0; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail, +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head, +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { + right: 50%; + left: auto; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head { + margin-right: -4px; + margin-left: 0; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom { + margin-right: 1px; + margin-left: 0; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content { + right: calc(50% - 4px); + left: auto; + text-align: right; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content, +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content { + text-align: left; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head, +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom { + right: 0; + left: auto; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content { + width: 100%; + margin-right: 18px; + text-align: right; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail { + border-right: 2px dotted #303030; + border-left: none; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail { + border-right: 2px dotted #303030; + border-left: none; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label { + text-align: left; +} +.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label { + right: calc(50% + 14px); + text-align: right; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +@keyframes antCheckboxEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +.ant-transfer-customize-list .ant-transfer-list { + flex: 1 1 50%; + width: auto; + height: auto; + min-height: 200px; +} +.ant-transfer-customize-list .ant-table-wrapper .ant-table-small { + border: 0; + border-radius: 0; +} +.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-selection-column { + width: 40px; + min-width: 40px; +} +.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th { + background: #1d1d1d; +} +.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td { + border-bottom: 1px solid #303030; +} +.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body { + margin: 0; +} +.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination { + margin: 16px 0 4px; +} +.ant-transfer-customize-list .ant-input[disabled] { + background-color: transparent; +} +.ant-transfer-status-error .ant-transfer-list { + border-color: #a61d24; +} +.ant-transfer-status-error .ant-transfer-list-search:not([disabled]) { + border-color: #434343; +} +.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-transfer-status-error .ant-transfer-list-search:not([disabled]):focus { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-transfer-status-warning .ant-transfer-list { + border-color: #d89614; +} +.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]) { + border-color: #434343; +} +.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):hover { + border-color: #165996; + border-right-width: 1px; +} +.ant-transfer-status-warning .ant-transfer-list-search:not([disabled]):focus { + border-color: #177ddc; + box-shadow: 0 0 0 2px rgba(23, 125, 220, 0.2); + border-right-width: 1px; + outline: 0; +} +.ant-transfer { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: flex; + align-items: stretch; +} +.ant-transfer-disabled .ant-transfer-list { + background: rgba(255, 255, 255, 0.08); +} +.ant-transfer-list { + display: flex; + flex-direction: column; + width: 180px; + height: 200px; + border: 1px solid #434343; + border-radius: 2px; +} +.ant-transfer-list-with-pagination { + width: 250px; + height: auto; +} +.ant-transfer-list-search .anticon-search { + color: rgba(255, 255, 255, 0.3); +} +.ant-transfer-list-header { + display: flex; + flex: none; + align-items: center; + height: 40px; + padding: 8px 12px 9px; + color: rgba(255, 255, 255, 0.85); + background: #141414; + border-bottom: 1px solid #303030; + border-radius: 2px 2px 0 0; +} +.ant-transfer-list-header > *:not(:last-child) { + margin-right: 4px; +} +.ant-transfer-list-header > * { + flex: none; +} +.ant-transfer-list-header-title { + flex: auto; + overflow: hidden; + white-space: nowrap; + text-align: right; + text-overflow: ellipsis; +} +.ant-transfer-list-header-dropdown { + font-size: 10px; + transform: translateY(10%); + cursor: pointer; +} +.ant-transfer-list-header-dropdown[disabled] { + cursor: not-allowed; +} +.ant-transfer-list-body { + display: flex; + flex: auto; + flex-direction: column; + overflow: hidden; + font-size: 14px; +} +.ant-transfer-list-body-search-wrapper { + position: relative; + flex: none; + padding: 12px; +} +.ant-transfer-list-content { + flex: auto; + margin: 0; + padding: 0; + overflow: auto; + list-style: none; +} +.ant-transfer-list-content-item { + display: flex; + align-items: center; + min-height: 32px; + padding: 6px 12px; + line-height: 20px; + transition: all 0.3s; +} +.ant-transfer-list-content-item > *:not(:last-child) { + margin-right: 8px; +} +.ant-transfer-list-content-item > * { + flex: none; +} +.ant-transfer-list-content-item-text { + flex: auto; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-transfer-list-content-item-remove { + position: relative; + color: #434343; + cursor: pointer; + transition: all 0.3s; +} +.ant-transfer-list-content-item-remove:hover { + color: #165996; +} +.ant-transfer-list-content-item-remove::after { + position: absolute; + top: -6px; + right: -50%; + bottom: -6px; + left: -50%; + content: ''; +} +.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { + background-color: #262626; + cursor: pointer; +} +.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover { + background-color: #0e161f; +} +.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover { + background: transparent; + cursor: default; +} +.ant-transfer-list-content-item-checked { + background-color: #111b26; +} +.ant-transfer-list-content-item-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-transfer-list-pagination { + padding: 8px 0; + text-align: right; + border-top: 1px solid #303030; +} +.ant-transfer-list-body-not-found { + flex: none; + width: 100%; + margin: auto 0; + color: rgba(255, 255, 255, 0.3); + text-align: center; +} +.ant-transfer-list-footer { + border-top: 1px solid #303030; +} +.ant-transfer-operation { + display: flex; + flex: none; + flex-direction: column; + align-self: center; + margin: 0 8px; + vertical-align: middle; +} +.ant-transfer-operation .ant-btn { + display: block; +} +.ant-transfer-operation .ant-btn:first-child { + margin-bottom: 4px; +} +.ant-transfer-operation .ant-btn .anticon { + font-size: 12px; +} +.ant-transfer .ant-empty-image { + max-height: -2px; +} +.ant-transfer-rtl { + direction: rtl; +} +.ant-transfer-rtl .ant-transfer-list-search { + padding-right: 8px; + padding-left: 24px; +} +.ant-transfer-rtl .ant-transfer-list-search-action { + right: auto; + left: 12px; +} +.ant-transfer-rtl .ant-transfer-list-header > *:not(:last-child) { + margin-right: 0; + margin-left: 4px; +} +.ant-transfer-rtl .ant-transfer-list-header { + right: 0; + left: auto; +} +.ant-transfer-rtl .ant-transfer-list-header-title { + text-align: left; +} +.ant-transfer-rtl .ant-transfer-list-content-item > *:not(:last-child) { + margin-right: 0; + margin-left: 8px; +} +.ant-transfer-rtl .ant-transfer-list-pagination { + text-align: left; +} +.ant-transfer-rtl .ant-transfer-list-footer { + right: 0; + left: auto; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +@keyframes ant-tree-node-fx-do-not-use { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes antCheckboxEffect { + 0% { + transform: scale(1); + opacity: 0.5; + } + 100% { + transform: scale(1.6); + opacity: 0; + } +} +.ant-select-tree-checkbox { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + top: 0.2em; + line-height: 1; + white-space: nowrap; + outline: none; + cursor: pointer; +} +.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner, +.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner, +.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner { + border-color: #177ddc; +} +.ant-select-tree-checkbox-checked::after { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border: 1px solid #177ddc; + border-radius: 2px; + visibility: hidden; + animation: antCheckboxEffect 0.36s ease-in-out; + animation-fill-mode: backwards; + content: ''; +} +.ant-select-tree-checkbox:hover::after, +.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after { + visibility: visible; +} +.ant-select-tree-checkbox-inner { + position: relative; + top: 0; + left: 0; + display: block; + width: 16px; + height: 16px; + direction: ltr; + background-color: transparent; + border: 1px solid #434343; + border-radius: 2px; + border-collapse: separate; + transition: all 0.3s; +} +.ant-select-tree-checkbox-inner::after { + position: absolute; + top: 50%; + left: 21.5%; + display: table; + width: 5.71428571px; + height: 9.14285714px; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(0) translate(-50%, -50%); + opacity: 0; + transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; + content: ' '; +} +.ant-select-tree-checkbox-input { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + width: 100%; + height: 100%; + cursor: pointer; + opacity: 0; +} +.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { + position: absolute; + display: table; + border: 2px solid #fff; + border-top: 0; + border-left: 0; + transform: rotate(45deg) scale(1) translate(-50%, -50%); + opacity: 1; + transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; + content: ' '; +} +.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner { + background-color: #177ddc; + border-color: #177ddc; +} +.ant-select-tree-checkbox-disabled { + cursor: not-allowed; +} +.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.3); + animation-name: none; +} +.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input { + cursor: not-allowed; + pointer-events: none; +} +.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner { + background-color: rgba(255, 255, 255, 0.08); + border-color: #434343 !important; +} +.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { + border-color: rgba(255, 255, 255, 0.08); + border-collapse: separate; + animation-name: none; +} +.ant-select-tree-checkbox-disabled + span { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-select-tree-checkbox-disabled:hover::after, +.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after { + visibility: hidden; +} +.ant-select-tree-checkbox-wrapper { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-flex; + align-items: baseline; + line-height: unset; + cursor: pointer; +} +.ant-select-tree-checkbox-wrapper::after { + display: inline-block; + width: 0; + overflow: hidden; + content: '\a0'; +} +.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled { + cursor: not-allowed; +} +.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper { + margin-left: 8px; +} +.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] { + width: 14px; + height: 14px; +} +.ant-select-tree-checkbox + span { + padding-right: 8px; + padding-left: 8px; +} +.ant-select-tree-checkbox-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; +} +.ant-select-tree-checkbox-group-item { + margin-right: 8px; +} +.ant-select-tree-checkbox-group-item:last-child { + margin-right: 0; +} +.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item { + margin-left: 0; +} +.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner { + background-color: transparent; + border-color: #434343; +} +.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after { + top: 50%; + left: 50%; + width: 8px; + height: 8px; + background-color: #177ddc; + border: 0; + transform: translate(-50%, -50%) scale(1); + opacity: 1; + content: ' '; +} +.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after { + background-color: rgba(255, 255, 255, 0.3); + border-color: rgba(255, 255, 255, 0.3); +} +.ant-tree-select-dropdown { + padding: 8px 4px; +} +.ant-tree-select-dropdown-rtl { + direction: rtl; +} +.ant-tree-select-dropdown .ant-select-tree { + border-radius: 0; +} +.ant-tree-select-dropdown .ant-select-tree-list-holder-inner { + align-items: stretch; +} +.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper { + flex: auto; +} +.ant-select-tree { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + background: transparent; + border-radius: 2px; + transition: background-color 0.3s; +} +.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) { + background: #111b26; +} +.ant-select-tree-list-holder-inner { + align-items: flex-start; +} +.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner { + align-items: stretch; +} +.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper { + flex: auto; +} +.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging { + position: relative; +} +.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after { + position: absolute; + top: 0; + right: 0; + bottom: 4px; + left: 0; + border: 1px solid #177ddc; + opacity: 0; + animation: ant-tree-node-fx-do-not-use 0.3s; + animation-play-state: running; + animation-fill-mode: forwards; + content: ''; + pointer-events: none; +} +.ant-select-tree .ant-select-tree-treenode { + display: flex; + align-items: flex-start; + padding: 0 0 4px 0; + outline: none; +} +.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover { + background: transparent; +} +.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper { + background: rgba(255, 255, 255, 0.08); +} +.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title { + color: inherit; + font-weight: 500; +} +.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { + width: 24px; + line-height: 24px; + text-align: center; + visibility: visible; + opacity: 0.2; + transition: opacity 0.3s; +} +.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon { + opacity: 0.45; +} +.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon { + visibility: hidden; +} +.ant-select-tree-indent { + align-self: stretch; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-select-tree-indent-unit { + display: inline-block; + width: 24px; +} +.ant-select-tree-draggable-icon { + visibility: hidden; +} +.ant-select-tree-switcher { + position: relative; + flex: none; + align-self: stretch; + width: 24px; + margin: 0; + line-height: 24px; + text-align: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-select-tree-switcher .ant-tree-switcher-icon, +.ant-select-tree-switcher .ant-select-tree-switcher-icon { + display: inline-block; + font-size: 10px; + vertical-align: baseline; +} +.ant-select-tree-switcher .ant-tree-switcher-icon svg, +.ant-select-tree-switcher .ant-select-tree-switcher-icon svg { + transition: transform 0.3s; +} +.ant-select-tree-switcher-noop { + cursor: default; +} +.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { + transform: rotate(-90deg); +} +.ant-select-tree-switcher-loading-icon { + color: #177ddc; +} +.ant-select-tree-switcher-leaf-line { + position: relative; + z-index: 1; + display: inline-block; + width: 100%; + height: 100%; +} +.ant-select-tree-switcher-leaf-line::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + margin-left: -1px; + border-right: 1px solid #d9d9d9; + content: ' '; +} +.ant-select-tree-switcher-leaf-line::after { + position: absolute; + width: 10px; + height: 14px; + border-bottom: 1px solid #d9d9d9; + content: ' '; +} +.ant-select-tree-checkbox { + top: initial; + margin: 4px 8px 0 0; +} +.ant-select-tree .ant-select-tree-node-content-wrapper { + position: relative; + z-index: auto; + min-height: 24px; + margin: 0; + padding: 0 4px; + color: inherit; + line-height: 24px; + background: transparent; + border-radius: 2px; + cursor: pointer; + transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s; +} +.ant-select-tree .ant-select-tree-node-content-wrapper:hover { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected { + background-color: #11263c; +} +.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle { + display: inline-block; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + vertical-align: top; +} +.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty { + display: none; +} +.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover { + background-color: transparent; +} +.ant-select-tree-node-content-wrapper { + line-height: 24px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator { + position: absolute; + z-index: 1; + height: 2px; + background-color: #177ddc; + border-radius: 1px; + pointer-events: none; +} +.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after { + position: absolute; + top: -3px; + left: -6px; + width: 8px; + height: 8px; + background-color: transparent; + border: 2px solid #177ddc; + border-radius: 50%; + content: ''; +} +.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] { + box-shadow: 0 0 0 2px #177ddc; +} +.ant-select-tree-show-line .ant-select-tree-indent-unit { + position: relative; + height: 100%; +} +.ant-select-tree-show-line .ant-select-tree-indent-unit::before { + position: absolute; + top: 0; + right: 12px; + bottom: -4px; + border-right: 1px solid #434343; + content: ''; +} +.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before { + display: none; +} +.ant-select-tree-show-line .ant-select-tree-switcher { + background: #141414; +} +.ant-select-tree-show-line .ant-select-tree-switcher-line-icon { + vertical-align: -0.15em; +} +.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before { + top: auto !important; + bottom: auto !important; + height: 14px !important; +} +.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg { + transform: rotate(90deg); +} +.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon { + transform: scaleY(-1); +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-typography { + color: rgba(255, 255, 255, 0.85); + word-break: break-word; +} +.ant-typography.ant-typography-secondary { + color: rgba(255, 255, 255, 0.45); +} +.ant-typography.ant-typography-success { + color: #49aa19; +} +.ant-typography.ant-typography-warning { + color: #d89614; +} +.ant-typography.ant-typography-danger { + color: #a61d24; +} +a.ant-typography.ant-typography-danger:active, +a.ant-typography.ant-typography-danger:focus { + color: #800f19; +} +a.ant-typography.ant-typography-danger:hover { + color: #b33b3d; +} +.ant-typography.ant-typography-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +div.ant-typography, +.ant-typography p { + margin-bottom: 1em; +} +h1.ant-typography, +div.ant-typography-h1, +div.ant-typography-h1 > textarea, +.ant-typography h1 { + margin-bottom: 0.5em; + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + font-size: 38px; + line-height: 1.23; +} +h2.ant-typography, +div.ant-typography-h2, +div.ant-typography-h2 > textarea, +.ant-typography h2 { + margin-bottom: 0.5em; + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + font-size: 30px; + line-height: 1.35; +} +h3.ant-typography, +div.ant-typography-h3, +div.ant-typography-h3 > textarea, +.ant-typography h3 { + margin-bottom: 0.5em; + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + font-size: 24px; + line-height: 1.35; +} +h4.ant-typography, +div.ant-typography-h4, +div.ant-typography-h4 > textarea, +.ant-typography h4 { + margin-bottom: 0.5em; + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + font-size: 20px; + line-height: 1.4; +} +h5.ant-typography, +div.ant-typography-h5, +div.ant-typography-h5 > textarea, +.ant-typography h5 { + margin-bottom: 0.5em; + color: rgba(255, 255, 255, 0.85); + font-weight: 600; + font-size: 16px; + line-height: 1.5; +} +.ant-typography + h1.ant-typography, +.ant-typography + h2.ant-typography, +.ant-typography + h3.ant-typography, +.ant-typography + h4.ant-typography, +.ant-typography + h5.ant-typography { + margin-top: 1.2em; +} +.ant-typography div + h1, +.ant-typography ul + h1, +.ant-typography li + h1, +.ant-typography p + h1, +.ant-typography h1 + h1, +.ant-typography h2 + h1, +.ant-typography h3 + h1, +.ant-typography h4 + h1, +.ant-typography h5 + h1, +.ant-typography div + h2, +.ant-typography ul + h2, +.ant-typography li + h2, +.ant-typography p + h2, +.ant-typography h1 + h2, +.ant-typography h2 + h2, +.ant-typography h3 + h2, +.ant-typography h4 + h2, +.ant-typography h5 + h2, +.ant-typography div + h3, +.ant-typography ul + h3, +.ant-typography li + h3, +.ant-typography p + h3, +.ant-typography h1 + h3, +.ant-typography h2 + h3, +.ant-typography h3 + h3, +.ant-typography h4 + h3, +.ant-typography h5 + h3, +.ant-typography div + h4, +.ant-typography ul + h4, +.ant-typography li + h4, +.ant-typography p + h4, +.ant-typography h1 + h4, +.ant-typography h2 + h4, +.ant-typography h3 + h4, +.ant-typography h4 + h4, +.ant-typography h5 + h4, +.ant-typography div + h5, +.ant-typography ul + h5, +.ant-typography li + h5, +.ant-typography p + h5, +.ant-typography h1 + h5, +.ant-typography h2 + h5, +.ant-typography h3 + h5, +.ant-typography h4 + h5, +.ant-typography h5 + h5 { + margin-top: 1.2em; +} +a.ant-typography-ellipsis, +span.ant-typography-ellipsis { + display: inline-block; + max-width: 100%; +} +a.ant-typography, +.ant-typography a { + color: #177ddc; + outline: none; + cursor: pointer; + transition: color 0.3s; + text-decoration: none; +} +a.ant-typography:focus-visible, +.ant-typography a:focus-visible, +a.ant-typography:hover, +.ant-typography a:hover { + color: #165996; +} +a.ant-typography:active, +.ant-typography a:active { + color: #388ed3; +} +a.ant-typography:active, +.ant-typography a:active, +a.ant-typography:hover, +.ant-typography a:hover { + text-decoration: none; +} +a.ant-typography[disabled], +.ant-typography a[disabled], +a.ant-typography.ant-typography-disabled, +.ant-typography a.ant-typography-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +a.ant-typography[disabled]:active, +.ant-typography a[disabled]:active, +a.ant-typography.ant-typography-disabled:active, +.ant-typography a.ant-typography-disabled:active, +a.ant-typography[disabled]:hover, +.ant-typography a[disabled]:hover, +a.ant-typography.ant-typography-disabled:hover, +.ant-typography a.ant-typography-disabled:hover { + color: rgba(255, 255, 255, 0.3); +} +a.ant-typography[disabled]:active, +.ant-typography a[disabled]:active, +a.ant-typography.ant-typography-disabled:active, +.ant-typography a.ant-typography-disabled:active { + pointer-events: none; +} +.ant-typography code { + margin: 0 0.2em; + padding: 0.2em 0.4em 0.1em; + font-size: 85%; + background: rgba(150, 150, 150, 0.1); + border: 1px solid rgba(100, 100, 100, 0.2); + border-radius: 3px; +} +.ant-typography kbd { + margin: 0 0.2em; + padding: 0.15em 0.4em 0.1em; + font-size: 90%; + background: rgba(150, 150, 150, 0.06); + border: 1px solid rgba(100, 100, 100, 0.2); + border-bottom-width: 2px; + border-radius: 3px; +} +.ant-typography mark { + padding: 0; + background-color: #594214; +} +.ant-typography u, +.ant-typography ins { + text-decoration: underline; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.ant-typography s, +.ant-typography del { + text-decoration: line-through; +} +.ant-typography strong { + font-weight: 600; +} +.ant-typography-expand, +.ant-typography-edit, +.ant-typography-copy { + color: #177ddc; + outline: none; + cursor: pointer; + transition: color 0.3s; + margin-left: 4px; +} +.ant-typography-expand:focus-visible, +.ant-typography-edit:focus-visible, +.ant-typography-copy:focus-visible, +.ant-typography-expand:hover, +.ant-typography-edit:hover, +.ant-typography-copy:hover { + color: #165996; +} +.ant-typography-expand:active, +.ant-typography-edit:active, +.ant-typography-copy:active { + color: #388ed3; +} +.ant-typography-copy-success, +.ant-typography-copy-success:hover, +.ant-typography-copy-success:focus { + color: #49aa19; +} +.ant-typography-edit-content { + position: relative; +} +div.ant-typography-edit-content { + left: -12px; + margin-top: -5px; + margin-bottom: calc(1em - 4px - 1px); +} +.ant-typography-edit-content-confirm { + position: absolute; + right: 10px; + bottom: 8px; + color: rgba(255, 255, 255, 0.45); + font-weight: normal; + font-size: 14px; + font-style: normal; + pointer-events: none; +} +.ant-typography-edit-content textarea { + height: 1em; + margin: 0 !important; + /* stylelint-disable-next-line property-no-vendor-prefix */ + -moz-transition: none; +} +.ant-typography ul, +.ant-typography ol { + margin: 0 0 1em; + padding: 0; +} +.ant-typography ul li, +.ant-typography ol li { + margin: 0 0 0 20px; + padding: 0 0 0 4px; +} +.ant-typography ul { + list-style-type: circle; +} +.ant-typography ul ul { + list-style-type: disc; +} +.ant-typography ol { + list-style-type: decimal; +} +.ant-typography pre, +.ant-typography blockquote { + margin: 1em 0; +} +.ant-typography pre { + padding: 0.4em 0.6em; + white-space: pre-wrap; + word-wrap: break-word; + background: rgba(150, 150, 150, 0.1); + border: 1px solid rgba(100, 100, 100, 0.2); + border-radius: 3px; +} +.ant-typography pre code { + display: inline; + margin: 0; + padding: 0; + font-size: inherit; + font-family: inherit; + background: transparent; + border: 0; +} +.ant-typography blockquote { + padding: 0 0 0 0.6em; + border-left: 4px solid rgba(100, 100, 100, 0.2); + opacity: 0.85; +} +.ant-typography-single-line { + white-space: nowrap; +} +.ant-typography-ellipsis-single-line { + overflow: hidden; + text-overflow: ellipsis; +} +a.ant-typography-ellipsis-single-line, +span.ant-typography-ellipsis-single-line { + vertical-align: bottom; +} +.ant-typography-ellipsis-multiple-line { + /* stylelint-disable-next-line value-no-vendor-prefix */ + display: -webkit-box; + overflow: hidden; + -webkit-line-clamp: 3; + /*! autoprefixer: ignore next */ + -webkit-box-orient: vertical; +} +.ant-typography-rtl { + direction: rtl; +} +.ant-typography-rtl .ant-typography-expand, +.ant-typography-rtl .ant-typography-edit, +.ant-typography-rtl .ant-typography-copy { + margin-right: 4px; + margin-left: 0; +} +.ant-typography-rtl .ant-typography-expand { + float: left; +} +div.ant-typography-edit-content.ant-typography-rtl { + right: -12px; + left: auto; +} +.ant-typography-rtl .ant-typography-edit-content-confirm { + right: auto; + left: 10px; +} +.ant-typography-rtl.ant-typography ul li, +.ant-typography-rtl.ant-typography ol li { + margin: 0 20px 0 0; + padding: 0 4px 0 0; +} + +/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ +/* stylelint-disable no-duplicate-selectors */ +/* stylelint-disable */ +/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ +.ant-upload { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + outline: 0; +} +.ant-upload p { + margin: 0; +} +.ant-upload-btn { + display: block; + width: 100%; + outline: none; +} +.ant-upload input[type='file'] { + cursor: pointer; +} +.ant-upload.ant-upload-select { + display: inline-block; +} +.ant-upload.ant-upload-disabled { + color: rgba(255, 255, 255, 0.3); + cursor: not-allowed; +} +.ant-upload.ant-upload-select-picture-card { + width: 104px; + height: 104px; + margin-right: 8px; + margin-bottom: 8px; + text-align: center; + vertical-align: top; + background-color: rgba(255, 255, 255, 0.04); + border: 1px dashed #434343; + border-radius: 2px; + cursor: pointer; + transition: border-color 0.3s; +} +.ant-upload.ant-upload-select-picture-card > .ant-upload { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + text-align: center; +} +.ant-upload.ant-upload-select-picture-card:hover { + border-color: #177ddc; +} +.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover { + border-color: #434343; +} +.ant-upload.ant-upload-drag { + position: relative; + width: 100%; + height: 100%; + text-align: center; + background: rgba(255, 255, 255, 0.04); + border: 1px dashed #434343; + border-radius: 2px; + cursor: pointer; + transition: border-color 0.3s; +} +.ant-upload.ant-upload-drag .ant-upload { + padding: 16px 0; +} +.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) { + border-color: #388ed3; +} +.ant-upload.ant-upload-drag.ant-upload-disabled { + cursor: not-allowed; +} +.ant-upload.ant-upload-drag .ant-upload-btn { + display: table; + height: 100%; +} +.ant-upload.ant-upload-drag .ant-upload-drag-container { + display: table-cell; + vertical-align: middle; +} +.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover { + border-color: #165996; +} +.ant-upload.ant-upload-drag p.ant-upload-drag-icon { + margin-bottom: 20px; +} +.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon { + color: #165996; + font-size: 48px; +} +.ant-upload.ant-upload-drag p.ant-upload-text { + margin: 0 0 4px; + color: rgba(255, 255, 255, 0.85); + font-size: 16px; +} +.ant-upload.ant-upload-drag p.ant-upload-hint { + color: rgba(255, 255, 255, 0.45); + font-size: 14px; +} +.ant-upload.ant-upload-drag .anticon-plus { + color: rgba(255, 255, 255, 0.3); + font-size: 30px; + transition: all 0.3s; +} +.ant-upload.ant-upload-drag .anticon-plus:hover { + color: rgba(255, 255, 255, 0.45); +} +.ant-upload.ant-upload-drag:hover .anticon-plus { + color: rgba(255, 255, 255, 0.45); +} +.ant-upload-picture-card-wrapper { + display: inline-block; + width: 100%; +} +.ant-upload-picture-card-wrapper::before { + display: table; + content: ''; +} +.ant-upload-picture-card-wrapper::after { + display: table; + clear: both; + content: ''; +} +.ant-upload-list { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(255, 255, 255, 0.85); + font-size: 14px; + font-variant: tabular-nums; + list-style: none; + font-feature-settings: 'tnum'; + line-height: 1.5715; +} +.ant-upload-list::before { + display: table; + content: ''; +} +.ant-upload-list::after { + display: table; + clear: both; + content: ''; +} +.ant-upload-list-item { + position: relative; + height: 22.001px; + margin-top: 8px; + font-size: 14px; +} +.ant-upload-list-item-name { + display: inline-block; + width: 100%; + padding-left: 22px; + overflow: hidden; + line-height: 1.5715; + white-space: nowrap; + text-overflow: ellipsis; +} +.ant-upload-list-item-card-actions { + position: absolute; + right: 0; +} +.ant-upload-list-item-card-actions-btn { + opacity: 0; +} +.ant-upload-list-item-card-actions-btn.ant-btn-sm { + height: 22.001px; + line-height: 1; + vertical-align: top; +} +.ant-upload-list-item-card-actions.picture { + top: 22px; + line-height: 0; +} +.ant-upload-list-item-card-actions-btn:focus, +.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn { + opacity: 1; +} +.ant-upload-list-item-card-actions .anticon { + color: rgba(255, 255, 255, 0.45); + transition: all 0.3s; +} +.ant-upload-list-item-card-actions:hover .anticon { + color: rgba(255, 255, 255, 0.85); +} +.ant-upload-list-item-info { + height: 100%; + transition: background-color 0.3s; +} +.ant-upload-list-item-info > span { + display: block; + width: 100%; + height: 100%; +} +.ant-upload-list-item-info .anticon-loading .anticon, +.ant-upload-list-item-info .ant-upload-text-icon .anticon { + position: absolute; + top: 5px; + color: rgba(255, 255, 255, 0.45); + font-size: 14px; +} +.ant-upload-list-item:hover .ant-upload-list-item-info { + background-color: rgba(255, 255, 255, 0.08); +} +.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn { + opacity: 1; +} +.ant-upload-list-item-error, +.ant-upload-list-item-error .ant-upload-text-icon > .anticon, +.ant-upload-list-item-error .ant-upload-list-item-name { + color: #a61d24; +} +.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { + color: #a61d24; +} +.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn { + opacity: 1; +} +.ant-upload-list-item-progress { + position: absolute; + bottom: -12px; + width: 100%; + padding-left: 26px; + font-size: 14px; + line-height: 0; +} +.ant-upload-list-picture .ant-upload-list-item, +.ant-upload-list-picture-card .ant-upload-list-item { + position: relative; + height: 66px; + padding: 8px; + border: 1px solid #434343; + border-radius: 2px; +} +.ant-upload-list-picture .ant-upload-list-item:hover, +.ant-upload-list-picture-card .ant-upload-list-item:hover { + background: transparent; +} +.ant-upload-list-picture .ant-upload-list-item-error, +.ant-upload-list-picture-card .ant-upload-list-item-error { + border-color: #a61d24; +} +.ant-upload-list-picture .ant-upload-list-item-info, +.ant-upload-list-picture-card .ant-upload-list-item-info { + padding: 0; +} +.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info, +.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info { + background: transparent; +} +.ant-upload-list-picture .ant-upload-list-item-uploading, +.ant-upload-list-picture-card .ant-upload-list-item-uploading { + border-style: dashed; +} +.ant-upload-list-picture .ant-upload-list-item-thumbnail, +.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { + width: 48px; + height: 48px; + line-height: 60px; + text-align: center; + opacity: 0.8; +} +.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon, +.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon { + font-size: 26px; +} +.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'], +.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] { + fill: #2a1215; +} +.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'], +.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] { + fill: #a61d24; +} +.ant-upload-list-picture .ant-upload-list-item-icon, +.ant-upload-list-picture-card .ant-upload-list-item-icon { + position: absolute; + top: 50%; + left: 50%; + font-size: 26px; + transform: translate(-50%, -50%); +} +.ant-upload-list-picture .ant-upload-list-item-icon .anticon, +.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon { + font-size: 26px; +} +.ant-upload-list-picture .ant-upload-list-item-image, +.ant-upload-list-picture-card .ant-upload-list-item-image { + max-width: 100%; +} +.ant-upload-list-picture .ant-upload-list-item-thumbnail img, +.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { + display: block; + width: 48px; + height: 48px; + overflow: hidden; +} +.ant-upload-list-picture .ant-upload-list-item-name, +.ant-upload-list-picture-card .ant-upload-list-item-name { + display: inline-block; + box-sizing: border-box; + max-width: 100%; + margin: 0 0 0 8px; + padding-right: 8px; + padding-left: 48px; + overflow: hidden; + line-height: 44px; + white-space: nowrap; + text-overflow: ellipsis; + transition: all 0.3s; +} +.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name, +.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name { + margin-bottom: 12px; +} +.ant-upload-list-picture .ant-upload-list-item-progress, +.ant-upload-list-picture-card .ant-upload-list-item-progress { + bottom: 14px; + width: calc(100% - 24px); + margin-top: 0; + padding-left: 56px; +} +.ant-upload-list-picture-card-container { + display: inline-block; + width: 104px; + height: 104px; + margin: 0 8px 8px 0; + vertical-align: top; +} +.ant-upload-list-picture-card .ant-upload-list-item { + height: 100%; + margin: 0; +} +.ant-upload-list-picture-card .ant-upload-list-item-info { + position: relative; + height: 100%; + overflow: hidden; +} +.ant-upload-list-picture-card .ant-upload-list-item-info::before { + position: absolute; + z-index: 1; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + opacity: 0; + transition: all 0.3s; + content: ' '; +} +.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before { + opacity: 1; +} +.ant-upload-list-picture-card .ant-upload-list-item-actions { + position: absolute; + top: 50%; + left: 50%; + z-index: 10; + white-space: nowrap; + transform: translate(-50%, -50%); + opacity: 0; + transition: all 0.3s; +} +.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye, +.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download, +.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete { + z-index: 10; + width: 16px; + margin: 0 4px; + color: rgba(255, 255, 255, 0.85); + font-size: 16px; + cursor: pointer; + transition: all 0.3s; +} +.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover, +.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover, +.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover { + color: #fff; +} +.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions, +.ant-upload-list-picture-card .ant-upload-list-item-actions:hover { + opacity: 1; +} +.ant-upload-list-picture-card .ant-upload-list-item-thumbnail, +.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img { + position: static; + display: block; + width: 100%; + height: 100%; + -o-object-fit: contain; + object-fit: contain; +} +.ant-upload-list-picture-card .ant-upload-list-item-name { + display: none; + margin: 8px 0 0; + padding: 0; + line-height: 1.5715; + text-align: center; +} +.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { + position: absolute; + bottom: 10px; + display: block; +} +.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item { + background-color: rgba(255, 255, 255, 0.04); +} +.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info { + height: auto; +} +.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before, +.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye, +.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete { + display: none; +} +.ant-upload-list-picture-card .ant-upload-list-item-progress { + bottom: 32px; + width: calc(100% - 14px); + padding-left: 0; +} +.ant-upload-list-text-container, +.ant-upload-list-picture-container { + transition: opacity 0.3s, height 0.3s; +} +.ant-upload-list-text-container::before, +.ant-upload-list-picture-container::before { + display: table; + width: 0; + height: 0; + content: ''; +} +.ant-upload-list-text-container .ant-upload-span, +.ant-upload-list-picture-container .ant-upload-span { + display: block; + flex: auto; +} +.ant-upload-list-text .ant-upload-span, +.ant-upload-list-picture .ant-upload-span { + display: flex; + align-items: center; +} +.ant-upload-list-text .ant-upload-span > *, +.ant-upload-list-picture .ant-upload-span > * { + flex: none; +} +.ant-upload-list-text .ant-upload-list-item-name, +.ant-upload-list-picture .ant-upload-list-item-name { + flex: auto; + margin: 0; + padding: 0 8px; +} +.ant-upload-list-text .ant-upload-list-item-card-actions, +.ant-upload-list-picture .ant-upload-list-item-card-actions { + position: static; +} +.ant-upload-list-text .ant-upload-text-icon .anticon { + position: static; +} +.ant-upload-list .ant-upload-animate-inline-appear, +.ant-upload-list .ant-upload-animate-inline-enter, +.ant-upload-list .ant-upload-animate-inline-leave { + animation-duration: 0.3s; + animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); + animation-fill-mode: forwards; +} +.ant-upload-list .ant-upload-animate-inline-appear, +.ant-upload-list .ant-upload-animate-inline-enter { + animation-name: uploadAnimateInlineIn; +} +.ant-upload-list .ant-upload-animate-inline-leave { + animation-name: uploadAnimateInlineOut; +} +@keyframes uploadAnimateInlineIn { + from { + width: 0; + height: 0; + margin: 0; + padding: 0; + opacity: 0; + } +} +@keyframes uploadAnimateInlineOut { + to { + width: 0; + height: 0; + margin: 0; + padding: 0; + opacity: 0; + } +} +.ant-upload-rtl { + direction: rtl; +} +.ant-upload-rtl.ant-upload.ant-upload-select-picture-card { + margin-right: auto; + margin-left: 8px; +} +.ant-upload-list-rtl { + direction: rtl; +} +.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 { + padding-right: 22px; + padding-left: 14px; +} +.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 { + padding-right: 22px; + padding-left: 28px; +} +.ant-upload-list-rtl .ant-upload-list-item-name { + padding-right: 22px; + padding-left: 0; +} +.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 { + padding-left: 14px; +} +.ant-upload-list-rtl .ant-upload-list-item-card-actions { + right: auto; + left: 0; +} +.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon { + padding-right: 0; + padding-left: 5px; +} +.ant-upload-list-rtl .ant-upload-list-item-info { + padding: 0 4px 0 12px; +} +.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon { + padding-right: 0; + padding-left: 5px; +} +.ant-upload-list-rtl .ant-upload-list-item-progress { + padding-right: 26px; + padding-left: 0; +} +.ant-upload-list-picture .ant-upload-list-item-info, +.ant-upload-list-picture-card .ant-upload-list-item-info { + padding: 0; +} +.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail, +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail { + right: 8px; + left: auto; +} +.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon, +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon { + right: 50%; + left: auto; + transform: translate(50%, -50%); +} +.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name, +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name { + margin: 0 8px 0 0; + padding-right: 48px; + padding-left: 8px; +} +.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1, +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 { + padding-right: 48px; + padding-left: 18px; +} +.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2, +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 { + padding-right: 48px; + padding-left: 36px; +} +.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress, +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress { + padding-right: 0; + padding-left: 0; +} +.ant-upload-list-rtl .ant-upload-list-picture-card-container { + margin: 0 0 8px 8px; +} +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions { + right: 50%; + left: auto; + transform: translate(50%, -50%); +} +.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file + .ant-upload-list-item-name { + margin: 8px 0 0; + padding: 0; +} + + +/*# sourceMappingURL=antd.dark.css.map*/ \ No newline at end of file From 648abd67036faac38755c10e73dec64677fb4752 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 11:56:49 +0800 Subject: [PATCH 12/82] fixes oceanbase/odc#609 --- src/common/datasource/interface.ts | 1 + src/common/datasource/mysql/index.tsx | 2 ++ .../NewDatasourceDrawer/Form/InitScriptItem/index.tsx | 1 + .../NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx | 10 ++++++++-- 4 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/common/datasource/interface.ts b/src/common/datasource/interface.ts index 166d4bdb4..fdeb67654 100644 --- a/src/common/datasource/interface.ts +++ b/src/common/datasource/interface.ts @@ -117,6 +117,7 @@ export interface IDataSourceModeConfig { sys: boolean; ssl: boolean; defaultSchema?: boolean; + jdbcDoc?: string; }; features: { task: TaskType[]; diff --git a/src/common/datasource/mysql/index.tsx b/src/common/datasource/mysql/index.tsx index 891cc5d24..0c284c978 100644 --- a/src/common/datasource/mysql/index.tsx +++ b/src/common/datasource/mysql/index.tsx @@ -62,6 +62,8 @@ const items: Record = { account: true, sys: false, ssl: false, + jdbcDoc: + 'https://dev.mysql.com/doc/connector-j/8.1/en/connector-j-reference-configuration-properties.html', }, features: { task: [ diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx index d6f889ba5..c8125fefb 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx @@ -44,6 +44,7 @@ function Editor({ value, onChange }: IProps) { bordered editorProps={{ value, + theme: 'obwhite', }} initialSQL={value} language={'sql'} diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx index e54553e06..0fcd6cae7 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx @@ -21,7 +21,8 @@ import { formatMessage } from '@/util/intl'; import { DeleteOutlined, PlusOutlined } from '@ant-design/icons'; import { DataGridRef } from '@oceanbase-odc/ob-react-data-grid'; import { Form, Space } from 'antd'; -import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'; +import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'; +import DatasourceFormContext from '../context'; type IValue = Record; interface IProps { value?: IValue; @@ -36,6 +37,7 @@ function JDBCParamsItem() { } const JDBCParams: React.FC = function ({ value, onChange }) { const gridRef = useRef(); + const context = useContext(DatasourceFormContext); const [innerValue, setInnerValue] = useState< { name: string; @@ -159,7 +161,10 @@ const JDBCParams: React.FC = function ({ value, onChange }) { 属性配置 */ }{' '} { @@ -197,6 +202,7 @@ const JDBCParams: React.FC = function ({ value, onChange }) { /> Date: Wed, 25 Oct 2023 11:58:38 +0800 Subject: [PATCH 13/82] PullRequest: 202 fixes oceanbase/odc#470,fixes oceanbase/odc#580 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-bugs-xyh-1025 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/202 Signed-off-by: 晓康 * fixes oceanbase/odc#470,fixes oceanbase/odc#580 --- .../Task/ImportTask/CreateModal/index.tsx | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/component/Task/ImportTask/CreateModal/index.tsx b/src/component/Task/ImportTask/CreateModal/index.tsx index 61a683a46..353f7f38a 100644 --- a/src/component/Task/ImportTask/CreateModal/index.tsx +++ b/src/component/Task/ImportTask/CreateModal/index.tsx @@ -517,12 +517,14 @@ class CreateModal extends React.Component { formData={formData} projectId={projectId} onFormValueChange={(values) => { - this.setState({ - isFormChanged: true, - formData: { - ...this.state.formData, - ...values, - }, + this.setState((state) => { + return { + isFormChanged: true, + formData: { + ...state.formData, + ...values, + }, + }; }); }} ref={this._formRef} From 47e8f30ac04e01913dbcea868ba9e5ba02c5b4c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=9C=9D=E4=BF=8A?= Date: Wed, 25 Oct 2023 13:45:35 +0800 Subject: [PATCH 14/82] PullRequest: 203 Fixes oceanbase/odc#462 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-462 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/203 Signed-off-by: 晓康 * Fixes oceanbase/odc#462 --- src/common/network/sensitiveColumn.ts | 2 +- .../SensitiveColumn/components/ManualForm.tsx | 1028 +++++++++-------- .../SensitiveColumn/components/index.less | 24 +- .../SensitiveColumn/components/interface.ts | 38 + 4 files changed, 609 insertions(+), 483 deletions(-) create mode 100644 src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts diff --git a/src/common/network/sensitiveColumn.ts b/src/common/network/sensitiveColumn.ts index e170b2842..552f3fcf5 100644 --- a/src/common/network/sensitiveColumn.ts +++ b/src/common/network/sensitiveColumn.ts @@ -90,7 +90,7 @@ export async function listColumns(projectId: number, database: number[]) { }, }, ); - return result?.data; + return result?.data || []; } export enum ScannResultType { diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx index fa67ecc2e..b0387c379 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx @@ -34,7 +34,14 @@ import { message, } from 'antd'; import styles from './index.less'; -import React, { useCallback, useContext, useEffect, useState } from 'react'; +import React, { + forwardRef, + useContext, + useEffect, + useImperativeHandle, + useRef, + useState, +} from 'react'; import SensitiveContext from '../../../SensitiveContext'; import { EColumnType, SelectItemProps } from '../../../interface'; import { useForm } from 'antd/lib/form/Form'; @@ -52,13 +59,12 @@ import timeSvg from '@/svgr/Field-time.svg'; // 同步 OCP 等保三密码强度 import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn'; import ProjectContext from '@/page/Project/ProjectContext'; import { MaskRyleTypeMap } from '@/d.ts'; -const ManualForm: React.FC<{ - modalOpen: boolean; - setModalOpen: React.Dispatch>; - callback: () => void; -}> = ({ modalOpen, setModalOpen, callback }) => { +import _ from 'lodash'; +import { IMaskingAlgorithm } from '@/d.ts/maskingAlgorithm'; +import { TreeNode, SelectNode, DatabaseColumn, ManualFormProps } from './interface'; +const ManualForm: React.FC = ({ modalOpen, setModalOpen, callback }) => { const [formRef] = useForm(); - const [_formRef] = useForm(); + const _formRef = useRef(null); const sensitiveContext = useContext(SensitiveContext); const projectContext = useContext(ProjectContext); const { project } = projectContext; @@ -73,13 +79,7 @@ const ManualForm: React.FC<{ dataSourceName?: string; })[] >([]); - const [loading, setLoading] = useState(false); - const [treeData, setTreeData] = useState([]); const [checkedKeys, setCheckedKeys] = useState([]); - const [data, setData] = useState([]); - const [databaseColumns, setDatabaseColumns] = useState(); - const [allColumns, setAllColumns] = useState(0); - const [checkedColumns, setCheckedColumns] = useState(0); const initDatabases = async () => { const rawData = await listDatabases(projectId); const resData = rawData?.contents?.map((content) => { @@ -107,29 +107,278 @@ const ManualForm: React.FC<{ const handleDatabaseDeselect = async (value: number) => { setDatabaseIds(databaseIds.filter((id) => id !== value)); }; - const getIconByColumnType = (columnType: string) => { - switch (columnType) { - case EColumnType.NUMBER: - return numberSvg; - case EColumnType.VARCHAR2: - case EColumnType.NCHAR: - case EColumnType.CHAR: - case EColumnType.RAW: - case EColumnType.INTERVAL_DAY_TO_SECOND: - case EColumnType.INTERVAL_YEAR_TO_MONTH: - return stringSvg; - case EColumnType.DATE: - case EColumnType.TIMESTAMP: - case EColumnType.TIMESTAMP_WITH_TIME_ZONE: - case EColumnType.TIMESTAMP_WITH_LOCAL_TIME_ZONE: - return timeSvg; - case EColumnType.BLOB: - case EColumnType.CLOB: - return binarySvg; - default: - return stringSvg; - } + const submit = () => { + _formRef.current?.submit(setModalOpen, callback); + }; + const onClose = () => { + return Modal.confirm({ + title: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.DoYouConfirmThatYou', + }), //'确认要取消手动添加敏感列吗？' + onOk: async () => { + setModalOpen(false); + }, + onCancel: () => {}, + okText: formatMessage({ + id: 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Sure', + }), //'确定' + cancelText: formatMessage({ + id: 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Cancel', + }), //'取消' + }); }; + useEffect(() => { + initDatabases(); + }, []); + return ( + + + + + +
+ } + className={styles.manualForm} + > +
+
+ + + +
+ { + formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.CurrentProject', + }) /* 当前项目： */ + } + {project?.name} +
+
+ +
+ + ); +}; +export default ManualForm; + +const getIconByColumnType = (columnType: string) => { + switch (columnType) { + case EColumnType.NUMBER: + return numberSvg; + case EColumnType.VARCHAR2: + case EColumnType.NCHAR: + case EColumnType.CHAR: + case EColumnType.RAW: + case EColumnType.INTERVAL_DAY_TO_SECOND: + case EColumnType.INTERVAL_YEAR_TO_MONTH: + return stringSvg; + case EColumnType.DATE: + case EColumnType.TIMESTAMP: + case EColumnType.TIMESTAMP_WITH_TIME_ZONE: + case EColumnType.TIMESTAMP_WITH_LOCAL_TIME_ZONE: + return timeSvg; + case EColumnType.BLOB: + case EColumnType.CLOB: + return binarySvg; + default: + return stringSvg; + } +}; +const SelectedSensitiveColumn = forwardRef(function ( + { + projectId, + databaseIds, + maskingAlgorithms, + maskingAlgorithmOptions, + checkedKeys, + setCheckedKeys, + }: { + projectId: number; + databaseIds: number[]; + maskingAlgorithms: IMaskingAlgorithm[]; + maskingAlgorithmOptions: SelectItemProps[]; + checkedKeys: string[]; + setCheckedKeys: React.Dispatch>; + }, + ref, +) { + const [_formRef] = useForm(); + const [loading, setLoading] = useState(false); + const [databaseColumns, setDatabaseColumns] = useState(); + // 左侧Tree展示数据 + const [treeData, setTreeData] = useState([]); + // 左侧Tree展示数据，用于在搜索后还原数据 + const [originTreeData, setOriginTreeData] = useState(); + // 右侧Collapse展示数据 + const [data, setData] = useState([]); + // 右侧Collapse展示备份数据，用于在搜索后还原数据 + const [originData, setOriginData] = useState([]); + // allColumns 左侧敏感列总数、checkedColumns 已勾选的敏感列总数 + const [allColumns, setAllColumns] = useState(0); + const [checkedColumns, setCheckedColumns] = useState(0); + // formData 用于记录右侧表单数据，确保搜索前后已选择的表单值不丢失。 + const [formData, setFormData] = useState< + { + [key in string]: any; + } + >({}); + useImperativeHandle(ref, () => { + return { + submit: async ( + setModalOpen: React.Dispatch>, + callback: () => void, + ) => { + await _formRef.validateFields().catch(); + const rawData = await _formRef.getFieldsValue(); + const _data = []; + Object.keys(rawData).forEach((databaseId) => { + Object.keys(rawData[databaseId]).forEach((type) => { + Object.keys(rawData[databaseId][type]).forEach((tableName) => { + Object.keys(rawData[databaseId][type][tableName]).forEach((columnName) => { + _data.push({ + enabled: true, + columnName, + tableName, + database: { + id: databaseId && parseInt(databaseId), + }, + type, + maskingAlgorithmId: rawData[databaseId][type][tableName][columnName], + }); + }); + }); + }); + }); + const successful = await batchCreateSensitiveColumns(projectId, _data); + if (successful) { + message.success( + formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.SubmittedSuccessfully', + }), //'提交成功' + ); + setModalOpen(false); + callback?.(); + } else { + message.error( + formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.SubmissionFailed', + }), //'提交失败' + ); + } + }, + }; + }); const getColumns = async () => { setLoading(true); const { contents: databaseColumns } = await listColumns(projectId, databaseIds); @@ -204,153 +453,10 @@ const ManualForm: React.FC<{ }); setLoading(false); setTreeData(treeData); + setOriginTreeData(treeData); setAllColumns(allColumns); }; - const WrapCollapse = useCallback( - () => ( - `${d?.databaseId}/${d?.tableTitle}`)} - ghost - className={styles.wrapCollapse} - > - {data?.map((d) => { - return ( - - - - - - {`${d?.databaseTitle}/${d?.tableTitle}`} - - } - key={`${d?.databaseId}/${d?.tableTitle}`} - > - {d?.children?.map((child, index) => { - return ( -
-
-
- - - - -
{child?.title}
- -
- - - - - { - const target = data.find( - (_data) => - _data?.databaseKey === d.databaseKey && - _data.tableKey === _data.tableKey, - ); - if (target) { - if (target.children.length === 1) { - const newCheckedKeys = checkedKeys.filter( - (checkedKey) => ![d.tableKey, child.key]?.includes(checkedKey), - ); - setCheckedKeys(newCheckedKeys); - } else { - const newCheckedKeys = checkedKeys.filter( - (checkedKey) => ![d.tableKey, child.key]?.includes(checkedKey), - ); - setCheckedKeys(newCheckedKeys); - } - } - }} - /> - -
-
- ); - })} - - ); - })} - - ), - [data], - ); + // 插入库表信息到叶节点 const parseTreeData = (treeData) => { let result = []; treeData?.forEach((node) => { @@ -367,7 +473,8 @@ const ManualForm: React.FC<{ }); return result; }; - const parseData = (data) => { + // 解析数据为表单数据 + const parseDataToFields = (data) => { const result = {}; data?.forEach((d) => { d?.children?.forEach((child) => { @@ -395,47 +502,6 @@ const ManualForm: React.FC<{ }); return result; }; - const submit = async () => { - await _formRef.validateFields().catch(); - const rawData = await _formRef.getFieldsValue(); - const _data = []; - Object.keys(rawData).forEach((databaseId) => { - Object.keys(rawData[databaseId]).forEach((type) => { - Object.keys(rawData[databaseId][type]).forEach((tableName) => { - Object.keys(rawData[databaseId][type][tableName]).forEach((columnName) => { - _data.push({ - enabled: true, - columnName, - tableName, - database: { - id: databaseId && parseInt(databaseId), - }, - type, - maskingAlgorithmId: rawData[databaseId][type][tableName][columnName], - }); - }); - }); - }); - }); - const successful = await batchCreateSensitiveColumns(projectId, _data); - if (successful) { - message.success( - formatMessage({ - id: - 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.SubmittedSuccessfully', - }), //'提交成功' - ); - setModalOpen(false); - callback?.(); - } else { - message.error( - formatMessage({ - id: - 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.SubmissionFailed', - }), //'提交失败' - ); - } - }; const handleCheckedKeysChange = async () => { const treeData = []; let checkedColumns = 0; @@ -495,15 +561,20 @@ const ManualForm: React.FC<{ setCheckedColumns(checkedColumns); const data = parseTreeData(treeData); setData(data); - await _formRef.setFieldsValue(parseData(data)); + setOriginData(data); + setFormData(parseDataToFields(data)); + await _formRef.setFieldsValue(parseDataToFields(data)); }; const collapseSearch = async function (searchValue: string) { + const values = await _formRef.getFieldsValue(); if (!searchValue) { - handleCheckedKeysChange(); + setData(originData); + await _formRef.setFieldsValue(formData); return; } const newData = []; - data?.forEach((d) => { + const D = _.cloneDeep(originData); + D?.forEach((d) => { if ( d?.databaseTitle?.toLowerCase()?.includes(searchValue?.toLowerCase()) || d?.tableTitle?.toLowerCase()?.includes(searchValue?.toLowerCase()) @@ -518,16 +589,17 @@ const ManualForm: React.FC<{ } } }); + await _formRef.setFieldsValue(_.merge(formData, values)); setData(newData); - await _formRef.setFieldsValue(parseData(data)); }; const treeSearch = async function (searchValue: string) { if (!searchValue) { - await getColumns(); + setTreeData(originTreeData); return; } const newTreeData = []; - treeData?.forEach((td) => { + const copyTreeData = _.cloneDeep(originTreeData); + copyTreeData?.forEach((td) => { if (td?.title?.toLowerCase()?.includes(searchValue?.toLowerCase())) { newTreeData.push(td); } else { @@ -550,262 +622,290 @@ const ManualForm: React.FC<{ }); setTreeData(newTreeData); }; - const onClose = () => { - return Modal.confirm({ - title: formatMessage({ - id: - 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.DoYouConfirmThatYou', - }), //'确认要取消手动添加敏感列吗？' - onOk: async () => { - setModalOpen(false); - }, - onCancel: () => {}, - okText: formatMessage({ - id: 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Sure', - }), //'确定' - cancelText: formatMessage({ - id: 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Cancel', - }), //'取消' - }); - }; - useEffect(() => { - initDatabases(); - }, []); useEffect(() => { + setAllColumns(0); + setCheckedColumns(0); + setCheckedKeys([]); + setDatabaseColumns([]); if (databaseIds?.length > 0) { - setCheckedKeys([]); - setAllColumns(0); - setCheckedColumns(0); + setData([]); + setOriginData([]); + setFormData({}); getColumns(); } else { setTreeData([]); - setCheckedKeys([]); - setAllColumns(0); - setCheckedColumns(0); + setOriginTreeData([]); + setData([]); + setOriginData([]); + setFormData({}); } }, [databaseIds]); useEffect(() => { handleCheckedKeysChange(); }, [checkedKeys]); return ( - - - - -
- } - className={styles.manualForm} - > -
-
- - - -
- { - formatMessage({ - id: - 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.CurrentProject', - }) /* 当前项目： */ + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.SelectedCheckColumnsItem', + }, + { + checkedColumns: checkedColumns, + }, + ) //`已选 ${checkedColumns} 项` } - {project?.name} -
-
-
-
- { - formatMessage({ - id: - 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.ChooseSensitiveLandscape', - }) /* 选择敏感列 */ - } -
-
-
- { + setCheckedKeys([]); + }} + placement="left" title={ - formatMessage( - { - id: - 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.SelectColumnCheckColumns', - }, - { - checkedColumns: checkedColumns, - allColumns: allColumns, - }, - ) //`选择列 (${checkedColumns}/${allColumns})` + formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.AreYouSureYouWant', + }) //'确定要清空已选对象吗？' } - onSearch={treeSearch} > - {loading ? ( -
- -
- ) : databaseIds?.length > 0 && treeData?.length === 0 && !loading ? ( -
- -
- ) : ( - - )} - -
- -
+ 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Empty', + }) /* 清空 */ + } + + + } + disabled + > + {data?.length > 0 ? ( +
+ `${d?.databaseId}/${d?.tableTitle}`)} + ghost + className={styles.wrapCollapse} + > + {data?.map((d) => { + return ( + + + + + + {`${d?.databaseTitle}/${d?.tableTitle}`} + + } + key={`${d?.databaseId}/${d?.tableTitle}`} + > + {d?.children?.map((child, index) => { + return ( +
+
+
+ + + + +
+ {child?.title} +
+ +
+ + { + setFormData( + _.merge(parseDataToFields(originData), { + [d?.databaseId]: { + [d?.type]: { + [d?.tableTitle]: { + [child?.title]: e, + }, + }, + }, + }), + ); + return e; + }} + > + + + { + const target = data.find( + (_data) => + _data?.databaseKey === d.databaseKey && + _data.tableKey === _data.tableKey, + ); + if (target) { + if (target.children.length === 1) { + const newCheckedKeys = checkedKeys.filter( + (checkedKey) => + ![d.tableKey, child.key]?.includes(checkedKey), + ); + setCheckedKeys(newCheckedKeys); + } else { + const newCheckedKeys = checkedKeys.filter( + (checkedKey) => + ![d.tableKey, child.key]?.includes(checkedKey), + ); + setCheckedKeys(newCheckedKeys); + } + } + }} + /> + +
+
+ ); + })} + + ); + })} + +
+ ) : ( +
+ +
+ )} +
- + ); -}; -export default ManualForm; +}); diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less b/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less index 933e4ea18..d4b06d913 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less @@ -98,18 +98,6 @@ } } -.option123 { - &::after { - content: 'tewswt'; - color: rgb(230, 128, 13); - } - // :global { - // .ant-select-item-option { - // color: red; - // & - // } - // } -} //处理文字内容过长和自定义内容重叠的样式 .lineEllipsis { display: inline-block; @@ -163,12 +151,12 @@ & + & { border-right: 1px; } - } - .centerContainer { - display: flex; - justify-content: center; - align-items: center; - height: 100%; + .centerContainer { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + } } } } diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts b/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts new file mode 100644 index 000000000..d5d54c3c5 --- /dev/null +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts @@ -0,0 +1,38 @@ +import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn'; + +export type TreeNode = { + title: string; + key: string; + databaseId: number; + icon: JSX.Element; + children: TreeNode[]; +}; +export type SelectNode = { + databaseId: number; + databaseKey: string; + databaseTitle: string; + tableKey: string; + tableTitle: string; + type: ESensitiveColumnType; + children: { + title: string; + key: string; + type: ESensitiveColumnType; + columnType: string; + }[]; +}; +export type DatabaseColumn = { + databaseId: number; + databaseName: string; + table2Columns: { + [key in string | number]: any[]; + }; + view2Columns: { + [key in string | number]: any[]; + }; +}; +export interface ManualFormProps { + modalOpen: boolean; + setModalOpen: React.Dispatch>; + callback: () => void; +} From 0ac657a44dcc52f36fc0de65ffe1db686959c404 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 14:05:11 +0800 Subject: [PATCH 15/82] fixes oceanbase/odc#603 --- src/page/Workspace/components/CreateTable/TableIndex/columns.tsx | 1 + src/page/Workspace/components/CreateTable/interface.ts | 1 + 2 files changed, 2 insertions(+) diff --git a/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx b/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx index 4a8ed14ae..a8bbea351 100644 --- a/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx +++ b/src/page/Workspace/components/CreateTable/TableIndex/columns.tsx @@ -68,6 +68,7 @@ export function useColumns( //空 [TableIndexMehod.HASH]: 'HASH', [TableIndexMehod.BTREE]: 'BTREE', + [TableIndexMehod.FULLTEXT]: 'FULLTEXT', }; const visibleCheckbox = useMemo(() => { return WrapReverseCheckboxFormatetr('visible'); diff --git a/src/page/Workspace/components/CreateTable/interface.ts b/src/page/Workspace/components/CreateTable/interface.ts index 0a0c6615f..93acf5857 100644 --- a/src/page/Workspace/components/CreateTable/interface.ts +++ b/src/page/Workspace/components/CreateTable/interface.ts @@ -168,6 +168,7 @@ export enum TableIndexMehod { NONE = 'NONE', BTREE = 'BTREE', HASH = 'HASH', + FULLTEXT = 'FULLTEXT', } export enum TableIndexType { From 45136dee01f1d6f8a3fca802f44fbd9763efe6f8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 15:52:40 +0800 Subject: [PATCH 16/82] Enhance UI intricacies. --- src/component/WindowManager/index.less | 1 - src/constant/index.ts | 6 +++++- .../NewDatasourceDrawer/Form/ExtraConfig/index.tsx | 10 ++++++---- .../Datasource/NewDatasourceDrawer/Form/index.tsx | 3 ++- .../ResourceTree/SelectPanel/Datasource/index.tsx | 9 +++++++-- .../ResourceTree/SelectPanel/Project/index.tsx | 8 +++++++- .../SideBar/ResourceTree/TreeNodeMenu/index.tsx | 5 ++++- src/page/Workspace/SideBar/ResourceTree/index.tsx | 8 ++++---- .../SessionSelect/SessionDropdown/index.tsx | 12 ++++++++++-- src/style/theme/antd.dark.less | 5 ++++- 10 files changed, 49 insertions(+), 18 deletions(-) diff --git a/src/component/WindowManager/index.less b/src/component/WindowManager/index.less index 4018a2dc4..e4f8f909c 100644 --- a/src/component/WindowManager/index.less +++ b/src/component/WindowManager/index.less @@ -66,7 +66,6 @@ .moreBtn { position: relative; - top: 12px; margin: 0 18px 0 12px; &:hover { diff --git a/src/constant/index.ts b/src/constant/index.ts index b0b0f878e..1de2d11a1 100644 --- a/src/constant/index.ts +++ b/src/constant/index.ts @@ -123,17 +123,21 @@ export const EnvColorMap = { GREEN: { textColor: 'var(--function-green6-color)', background: 'var(--function-green1-color)', + tipColor: 'var(--function-green6-color)', }, GRAY: { textColor: 'var(--text-color-secondary)', - background: 'var(--neutral-grey1-color)', + background: 'transparent', + tipColor: 'transparent', }, RED: { textColor: 'var(--function-red6-color)', background: 'var(--function-red1-color)', + tipColor: 'var(--function-red6-color)', }, ORANGE: { textColor: 'var(--function-gold6-color)', background: 'var(--function-gold1-color)', + tipColor: 'var(--function-gold6-color)', }, }; diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/ExtraConfig/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/ExtraConfig/index.tsx index 62d4f319d..4c657b699 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/ExtraConfig/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/ExtraConfig/index.tsx @@ -67,10 +67,12 @@ const ExtraConfig: React.FC = function () { + {formatMessage({ + id: + 'odc.src.page.Datasource.Datasource.NewDatasourceDrawer.Form.ExtraConfig.AdvancedSettings', + })} + /* 高级设置 */ } forceRender > diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx index ed44b0dd7..e43eeb767 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx @@ -40,6 +40,7 @@ import { } from '@/common/datasource'; import ExtraConfig from './ExtraConfig'; import JDBCParamsItem from './JDBCParamsItem'; +import RiskLevelLabel from '@/component/RiskLevelLabel'; const Option = Select.Option; export interface IFormRef { form: FormInstance; @@ -275,7 +276,7 @@ export default forwardRef(function DatasourceForm( {environments?.map((env) => { return ( ); })} diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx index 5ebc35edb..0dc61f012 100644 --- a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx @@ -56,6 +56,7 @@ import { PlusOutlined } from '@ant-design/icons'; import StatusIcon from './StatusIcon'; import classNames from 'classnames'; import NewDatasourceButton from '@/page/Datasource/Datasource/NewDatasourceDrawer/NewButton'; +import { EnvColorMap } from '@/constant'; interface IProps { filters: { @@ -109,7 +110,7 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { return; } datasourceList?.forEach((item) => { - const status = map[item.id]; + const status = map?.[item.id]; if (status) { item.status = status; } @@ -307,7 +308,11 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { [styles.envTipPersonal]: login.isPrivateSpace(), })} > - + {login.isPrivateSpace() && (
diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Project/index.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Project/index.tsx index 33bec5125..41cd6d2e6 100644 --- a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Project/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Project/index.tsx @@ -82,7 +82,13 @@ export default forwardRef(function ProjectTree(props, ref) { { + onSelect={(keys, info) => { + if (!info.selected) { + /** + * disable unselect + */ + return; + } setSelectKeys(keys); }} selectable diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx index 86b09b55b..481e6e4cb 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.tsx @@ -24,6 +24,7 @@ import { ResourceNodeType } from '../type'; import MenuConfig from './config'; import styles from './index.less'; import { IMenuItemConfig, IProps } from './type'; +import { EnvColorMap } from '@/constant'; const TreeNodeMenu = (props: IProps) => { const { type = '', dbSession, databaseFrom, node, showTip } = props; @@ -200,7 +201,9 @@ const TreeNodeMenu = (props: IProps) => { if (!env) { return null; } - return ; + return ( + + ); } return ( diff --git a/src/page/Workspace/SideBar/ResourceTree/index.tsx b/src/page/Workspace/SideBar/ResourceTree/index.tsx index d6b95c306..a2fed0716 100644 --- a/src/page/Workspace/SideBar/ResourceTree/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/index.tsx @@ -28,7 +28,7 @@ import TreeNodeMenu from './TreeNodeMenu'; import { ResourceNodeType, TreeDataNode } from './type'; import tracert from '@/util/tracert'; import { useUpdate } from 'ahooks'; -import Icon, { DownOutlined } from '@ant-design/icons'; +import Icon, { SwapOutlined } from '@ant-design/icons'; import Reload from '@/component/Button/Reload'; import DatasourceFilter from './DatasourceFilter'; import { ConnectType, DbObjectType } from '@/d.ts'; @@ -165,9 +165,9 @@ const ResourceTree: React.FC = function ({ {title} ) : ( - onTitleClick?.()} className={styles.label}> + onTitleClick?.()} className={styles.label}> {title} - + )} @@ -186,7 +186,7 @@ const ResourceTree: React.FC = function ({ onTypesChange={(v) => { setConnectTypes(v); }} - iconStyle={{ verticalAlign: 'text-bottom' }} + iconStyle={{ verticalAlign: 'text-top' }} /> ) : null} = function ({ children }) { component={getDataSourceStyleByConnectType(item.type)?.icon?.component} style={{ fontSize: 14, + color: getDataSourceStyleByConnectType(item.type)?.icon?.color, }} /> ), @@ -176,6 +178,7 @@ const SessionDropdown: React.FC = function ({ children }) { component={getDataSourceStyleByConnectType(item.type)?.icon?.component} style={{ fontSize: 14, + color: getDataSourceStyleByConnectType(item.type)?.icon?.color, }} /> ), @@ -191,7 +194,9 @@ const SessionDropdown: React.FC = function ({ children }) { title: ( <> {db.name} - + ), key: `db:${db.id}`, @@ -202,6 +207,7 @@ const SessionDropdown: React.FC = function ({ children }) { component={getDataSourceStyleByConnectType(item.type)?.dbIcon?.component} style={{ fontSize: 14, + color: getDataSourceStyleByConnectType(item.type)?.icon?.color, }} /> ), @@ -237,7 +243,7 @@ const SessionDropdown: React.FC = function ({ children }) { title: ( <> {db.name} - + ), key: `db:${db.id}`, @@ -250,6 +256,7 @@ const SessionDropdown: React.FC = function ({ children }) { } style={{ fontSize: 14, + color: getDataSourceStyleByConnectType(db?.dataSource?.type)?.icon?.color, }} /> ), @@ -301,6 +308,7 @@ const SessionDropdown: React.FC = function ({ children }) { open={isOpen} showArrow={false} onOpenChange={onOpen} + overlayStyle={{ paddingTop: 2 }} content={
diff --git a/src/style/theme/antd.dark.less b/src/style/theme/antd.dark.less index 0cede4346..edc020299 100644 --- a/src/style/theme/antd.dark.less +++ b/src/style/theme/antd.dark.less @@ -9153,8 +9153,11 @@ .ant-collapse-ghost { background-color: transparent; + border: 0; + } + .ant-collapse-ghost > .ant-collapse-item { + border-bottom: 0; } - .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; } From 0b4f0c596d6845e28d6f9ce1f35a74624478bd91 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 16:25:37 +0800 Subject: [PATCH 17/82] set sql page title to dbname --- src/page/Workspace/components/SQLPage/index.tsx | 2 +- src/store/helper/page/pages/index.ts | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/page/Workspace/components/SQLPage/index.tsx b/src/page/Workspace/components/SQLPage/index.tsx index d41ed2718..5488efc38 100644 --- a/src/page/Workspace/components/SQLPage/index.tsx +++ b/src/page/Workspace/components/SQLPage/index.tsx @@ -217,7 +217,7 @@ export class SQLPage extends Component { this.props.pageStore.updatePage( this.props.pageKey, {}, - { cid: this.getSession()?.odcDatabase?.id }, + { cid: this.getSession()?.odcDatabase?.id, dbName: this.getSession()?.odcDatabase?.name }, ); } } diff --git a/src/store/helper/page/pages/index.ts b/src/store/helper/page/pages/index.ts index b6444d327..289d226ca 100644 --- a/src/store/helper/page/pages/index.ts +++ b/src/store/helper/page/pages/index.ts @@ -85,14 +85,17 @@ export class SQLPage extends Page { fromTask?: boolean; databaseFrom: 'datasource' | 'project'; pageIndex?: number; + dbName?: string; } & Partial; static getTitleByParams(params: SQLPage['pageParams']) { if (params?.scriptId) { return params?.objectName; + } else if (params?.dbName) { + return params?.dbName; } return `${formatMessage({ id: 'workspace.header.create.sql', - })}_${params?.pageIndex}`; + })}`; } public findCurrentNum() { const indexList = page.pages From 7e791c95fed55caa28ddd87db328c56e0b543b35 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 16:36:18 +0800 Subject: [PATCH 18/82] add db icon in sqlpage --- .../Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less | 2 +- .../components/SessionContextWrap/SessionSelect/index.less | 4 +++- .../components/SessionContextWrap/SessionSelect/index.tsx | 7 ++++++- 3 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less index a1963c0c7..ba15a1f93 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/index.less @@ -5,5 +5,5 @@ } .actionItem { padding: 0px 4px; - font-size: 16px; + font-size: 14px; } diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less index d3b6973ff..e5f91553d 100644 --- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less +++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.less @@ -19,6 +19,8 @@ } .link { - color: var(--text-color-link); cursor: pointer; + &:hover { + color: var(--text-color-link); + } } diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx index f05283419..2beec52d6 100644 --- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx +++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx @@ -62,6 +62,7 @@ export default function SessionSelect({ }, [data]); function renderProject() { + const DBIcon = getDataSourceStyleByConnectType(context?.session?.connection?.type)?.dbIcon; return ( } > - + {context?.session?.odcDatabase?.project?.name} {!context.datasourceMode && ( <> / + {context?.session?.odcDatabase?.name} )} From 01f574a6207e9a89b96f42a5f98304d376a0cb64 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Wed, 25 Oct 2023 17:33:34 +0800 Subject: [PATCH 19/82] disable odp --- src/common/datasource/index.tsx | 9 ++++++++- src/common/datasource/interface.ts | 1 + src/common/datasource/oceanbase/obmysql.ts | 1 + 3 files changed, 10 insertions(+), 1 deletion(-) diff --git a/src/common/datasource/index.tsx b/src/common/datasource/index.tsx index a8e908f10..b4dd3b5ee 100644 --- a/src/common/datasource/index.tsx +++ b/src/common/datasource/index.tsx @@ -62,7 +62,14 @@ function register( dataSourceType: IDataSourceType, items: Partial>, ) { - const connectTypes: ConnectType[] = Object.keys(items) as ConnectType[]; + const connectTypes: ConnectType[] = Object.entries(items) + .map(([key, value]) => { + if (value?.disable) { + return null; + } + return key; + }) + .filter(Boolean) as ConnectType[]; const obj = _types.get(dataSourceType) || { connectTypes: [], config: {}, diff --git a/src/common/datasource/interface.ts b/src/common/datasource/interface.ts index fdeb67654..96cb8341e 100644 --- a/src/common/datasource/interface.ts +++ b/src/common/datasource/interface.ts @@ -140,4 +140,5 @@ export interface IDataSourceModeConfig { escapeChar: string; plParamMode?: 'text' | 'list'; }; + disable?: boolean; } diff --git a/src/common/datasource/oceanbase/obmysql.ts b/src/common/datasource/oceanbase/obmysql.ts index 66d5a695f..602365ef0 100644 --- a/src/common/datasource/oceanbase/obmysql.ts +++ b/src/common/datasource/oceanbase/obmysql.ts @@ -138,6 +138,7 @@ const items: Record< language: 'obmysql', escapeChar: '`', }, + disable: true, }, }; if (haveOCP()) { From 1e2b622b6676d005fcc6d08e07ba56668dd74940 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Thu, 26 Oct 2023 13:53:42 +0800 Subject: [PATCH 20/82] add datasource status loader --- .../SelectPanel/Datasource/index.tsx | 51 ++++--------------- 1 file changed, 10 insertions(+), 41 deletions(-) diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx index 0dc61f012..b7f23504d 100644 --- a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx @@ -57,6 +57,7 @@ import StatusIcon from './StatusIcon'; import classNames from 'classnames'; import NewDatasourceButton from '@/page/Datasource/Datasource/NewDatasourceDrawer/NewButton'; import { EnvColorMap } from '@/constant'; +import { useDataSourceStatus } from './useDataSourceStatus'; interface IProps { filters: { @@ -68,59 +69,24 @@ interface IProps { export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { const [editDatasourceId, setEditDatasourceId] = useState(null); const [addDSVisiable, setAddDSVisiable] = useState(false); - const [loopCount, setLoopCount] = useState(0); const [searchKey, setSearchKey] = useState(''); const [wrapperHeight, setWrapperHeight] = useState(0); console.log('wrapperHeight', wrapperHeight); - const loopStatusRef = useRef(null); - const update = useUpdate(); - const unmountRef = useUnmountedRef(); const treeWrapperRef = useRef(); + const { fetchStatus, statusMap, reload } = useDataSourceStatus(); const context = useContext(ResourceTreeContext); let { datasourceList } = context; - datasourceList = datasourceList?.filter((item) => !item.temp); + datasourceList = useMemo(() => { + return datasourceList?.filter((item) => !item.temp); + }, []); const selectKeys = [context.selectDatasourceId].filter(Boolean); function setSelectKeys(keys) { return context.setSelectDatasourceId(keys?.[0]); } - async function loopStatus(count: number = loopCount) { - if (loopStatusRef?.current) { - console.log('clear'); - clearTimeout(loopStatusRef?.current); - loopStatusRef.current = null; - } - loopStatusRef.current = setTimeout(async () => { - if (unmountRef.current) { - console.log('unmount'); - return; - } - const ids = datasourceList - ?.map((item) => (item.status?.status === IConnectionStatus.TESTING ? item.id : null)) - .filter(Boolean); - if (!ids?.length) { - console.log('not found'); - return; - } - const map = await batchTest(ids); - if (unmountRef.current) { - return; - } - datasourceList?.forEach((item) => { - const status = map?.[item.id]; - if (status) { - item.status = status; - } - }); - setLoopCount(count + 1); - update(); - loopStatus(count + 1); - }, 2000); - } - useEffect(() => { const resizeHeight = throttle(() => { setWrapperHeight(treeWrapperRef?.current?.offsetHeight); @@ -137,7 +103,7 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { * 获取数据源状态 */ if (datasourceList?.length && login.isPrivateSpace()) { - loopStatus(); + reload(); } }, [datasourceList]); @@ -171,6 +137,8 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { */ return null; } + const status = statusMap?.[item.id]; + item = status ? { ...item, status } : item; return { title: item.name, selectable: login.isPrivateSpace() @@ -181,7 +149,7 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { }; }) .filter(Boolean); - }, [datasourceList, searchKey, loopCount, filters?.envs, filters?.connectTypes]); + }, [datasourceList, searchKey, statusMap, filters?.envs, filters?.connectTypes]); const datasourceMap = useMemo(() => { const map = new Map(); @@ -254,6 +222,7 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { height={wrapperHeight || 100} titleRender={(node) => { const dataSource = datasourceList?.find((d) => d.id == node.key); + fetchStatus(dataSource?.id); return ( <> Date: Thu, 26 Oct 2023 13:55:46 +0800 Subject: [PATCH 21/82] add datasource status loader --- .../Datasource/useDataSourceStatus.tsx | 97 +++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/useDataSourceStatus.tsx diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/useDataSourceStatus.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/useDataSourceStatus.tsx new file mode 100644 index 000000000..593193455 --- /dev/null +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/useDataSourceStatus.tsx @@ -0,0 +1,97 @@ +import { batchTest } from '@/common/network/connection'; +import { IConnectionStatus } from '@/d.ts'; +import { useUnmountedRef } from 'ahooks'; +import { debounce, toInteger } from 'lodash'; +import { useEffect, useRef, useState } from 'react'; + +export function useDataSourceStatus() { + const [statusMap, setStatusMap] = useState< + Record< + number, + { + errorCode: string; + errorMessage: string; + status: any; + type: any; + } + > + >({}); + const loadingQueue = useRef([]); + const fetchedQueue = useRef([]); + const isFetching = useRef(false); + const fetchTimer = useRef(null); + const unmountRef = useUnmountedRef(); + /** + * destory fetchTimer before unnmount + */ + + useEffect(() => { + return () => { + if (fetchTimer.current) { + fetchTimer.current = null; + clearTimeout(fetchTimer.current); + } + }; + }, []); + + function fetchStatus(datasourceId: number) { + if ( + !datasourceId || + loadingQueue.current.includes(datasourceId) || + fetchedQueue.current.includes(datasourceId) + ) { + return; + } + loadingQueue.current.push(datasourceId); + batchBeginFetch(); + } + const batchBeginFetch = debounce(beginFetch, 50); + async function beginFetch() { + if (isFetching.current || unmountRef.current) { + return; + } + isFetching.current = true; + const datasourceIds = loadingQueue.current.slice(0, 50); + if (!datasourceIds.length) { + isFetching.current = false; + return; + } + const map = await batchTest(datasourceIds); + if (!map || unmountRef.current) { + isFetching.current = false; + return; + } + const fetchedIds = Object.entries(map) + .map(([key, value]) => { + if (value.status !== IConnectionStatus.TESTING) { + return toInteger(key); + } + }) + .filter(Boolean); + loadingQueue.current = loadingQueue.current.filter((id) => !fetchedIds.includes(id)); + fetchedQueue.current = fetchedQueue.current.concat(fetchedIds); + setStatusMap((prev) => { + return { + ...prev, + ...map, + }; + }); + if (loadingQueue.current.length) { + fetchTimer.current = setTimeout(() => { + isFetching.current = false; + beginFetch(); + }, 1000); + } else { + isFetching.current = false; + } + } + function reload() { + fetchedQueue.current = []; + setStatusMap({}); + } + return { + fetchStatus, + statusMap, + reload, + }; +} From 5e21c4155bc68b231448b080874d94a4da8c53c0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Thu, 26 Oct 2023 14:49:11 +0800 Subject: [PATCH 22/82] fixes oceanbase/odc#628 --- src/common/network/connection.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/common/network/connection.ts b/src/common/network/connection.ts index 742328911..be328250d 100644 --- a/src/common/network/connection.ts +++ b/src/common/network/connection.ts @@ -36,7 +36,7 @@ import { generateSessionSid } from './pathUtil'; import { executeSQL } from './sql'; import { getDataSourceModeConfig } from '../datasource'; -function generateConnectionParams(formData: Partial, isHiden?: boolean) { +function generateConnectionParams(formData: Partial, isHiden?: boolean) { // 创建必须带上 userId const userId = userStore?.user?.id; const params: Partial = { @@ -45,12 +45,12 @@ function generateConnectionParams(formData: Partial, isHiden?: bool name: formData.name, username: formData.username, password: encrypt(formData.password), - sysTenantUsername: formData.sysTenantUsername, + sysTenantUsername: formData?.useSys ? formData.sysTenantUsername : null, sslConfig: formData.sslConfig || { enabled: false }, /** * 逻辑同 pwd */ - sysTenantPassword: encrypt(formData.sysTenantPassword), + sysTenantPassword: formData?.useSys ? encrypt(formData.sysTenantPassword) : null, queryTimeoutSeconds: formData.queryTimeoutSeconds, properties: formData.properties, passwordSaved: formData.passwordSaved, From 77e4922521cf2dad8f92378cfe0641b0fe08eb7e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=8F=E5=92=8C?= Date: Thu, 26 Oct 2023 14:51:01 +0800 Subject: [PATCH 23/82] PullRequest: 205 feat: add throttle to dataArchiveTask and dataClearTask MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'feat/dev-4.2.2-task-throttle-1024 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/205 Signed-off-by: 晓康 * feat: add throttle to dataArchiveTask and dataClearTask (create modal) * feat: add throttle to dataArchiveTask and dataClearTask (detail page add ThrottleEditableCell) * feat: add throttle to dataArchiveTask and dataClearTask (api sync) * feat: add throttle to dataArchiveTask and dataClearTask (limit unit change) * feat: add throttle to dataArchiveTask and dataClearTask (add suffix) --- src/common/network/task.ts | 16 ++++ .../DataArchiveTask/CreateModal/index.tsx | 11 +++ .../DataArchiveTask/DetailContent/index.tsx | 44 +++++++++- .../Task/DataClearTask/CreateModal/index.tsx | 14 +++ .../DataClearTask/DetailContent/index.tsx | 43 ++++++++- .../component/ThrottleEditableCell/index.tsx | 87 +++++++++++++++++++ .../Task/component/ThrottleFormItem/index.tsx | 81 +++++++++++++++++ src/component/helpDoc/doc.tsx | 2 + src/d.ts/index.ts | 8 ++ src/util/utils.ts | 10 +++ 10 files changed, 308 insertions(+), 8 deletions(-) create mode 100644 src/component/Task/component/ThrottleEditableCell/index.tsx create mode 100644 src/component/Task/component/ThrottleFormItem/index.tsx diff --git a/src/common/network/task.ts b/src/common/network/task.ts index b694cd0d6..5995cee4a 100644 --- a/src/common/network/task.ts +++ b/src/common/network/task.ts @@ -439,3 +439,19 @@ export async function getSubTask(id: number): Promise { + const res = await request.put(`/api/v2/schedule/${taskId}/jobs/dlm/limiterConfig`, { + data, + }); + return !!res?.data; +} diff --git a/src/component/Task/DataArchiveTask/CreateModal/index.tsx b/src/component/Task/DataArchiveTask/CreateModal/index.tsx index 4dfcb1058..92421b971 100644 --- a/src/component/Task/DataArchiveTask/CreateModal/index.tsx +++ b/src/component/Task/DataArchiveTask/CreateModal/index.tsx @@ -36,6 +36,7 @@ import type { ModalStore } from '@/store/modal'; import { useDBSession } from '@/store/sessionManager/hooks'; import { isClient } from '@/util/env'; import { formatMessage } from '@/util/intl'; +import { mbToKb } from '@/util/utils'; import { FieldTimeOutlined } from '@ant-design/icons'; import { Button, Checkbox, DatePicker, Drawer, Form, Modal, Radio, Space } from 'antd'; import { inject, observer } from 'mobx-react'; @@ -44,6 +45,7 @@ import DatabaseSelect from '../../component/DatabaseSelect'; import ArchiveRange from './ArchiveRange'; import styles from './index.less'; import VariableConfig from './VariableConfig'; +import ThrottleFormItem from '../../component/ThrottleFormItem'; export enum IArchiveRange { PORTION = 'portion', ALL = 'all', @@ -73,6 +75,8 @@ const defaultValue = { variables: [variable], tables: [null], migrationInsertAction: MigrationInsertAction.INSERT_IGNORE, + rowLimit: 100, + dataSizeLimit: 1, }; interface IProps { modalStore?: ModalStore; @@ -216,6 +220,8 @@ const CreateModal: React.FC = (props) => { migrationInsertAction, archiveRange, description, + rowLimit, + dataSizeLimit, } = values; const parameters = { type: TaskType.MIGRATION, @@ -236,6 +242,10 @@ const CreateModal: React.FC = (props) => { : _tables, deleteAfterMigration, migrationInsertAction, + limiterConfig: { + rowLimit, + dataSizeLimit: mbToKb(dataSizeLimit), + }, }, triggerConfig: { triggerStrategy, @@ -476,6 +486,7 @@ const CreateModal: React.FC = (props) => { > + diff --git a/src/component/Task/DataArchiveTask/DetailContent/index.tsx b/src/component/Task/DataArchiveTask/DetailContent/index.tsx index 5f8cd2d69..6f15b4091 100644 --- a/src/component/Task/DataArchiveTask/DetailContent/index.tsx +++ b/src/component/Task/DataArchiveTask/DetailContent/index.tsx @@ -16,18 +16,20 @@ import RiskLevelLabel from '@/component/RiskLevelLabel'; import { getTaskExecStrategyMap } from '@/component/Task'; +import { updateLimiterConfig } from '@/common/network/task'; import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem'; import VariableConfigTable from '@/component/Task/component/VariableConfigTable'; import { isCycleTriggerStrategy } from '@/component/Task/helper'; import type { CycleTaskDetail, IDataArchiveJobParameters, TaskOperationType } from '@/d.ts'; import { formatMessage } from '@/util/intl'; -import { getFormatDateTime } from '@/util/utils'; +import { getFormatDateTime, kbToMb } from '@/util/utils'; import { DownOutlined, UpOutlined } from '@ant-design/icons'; -import { Collapse, Descriptions, Divider, Space, Typography } from 'antd'; +import { Collapse, Descriptions, Divider, Space, Typography, message } from 'antd'; import React from 'react'; import styles from '../../index.less'; import { InsertActionOptions } from '../CreateModal'; import ArchiveRange from './ArchiveRange'; +import ThrottleEditableCell from '../../component/ThrottleEditableCell'; const { Text } = Typography; const { Panel } = Collapse; @@ -38,12 +40,33 @@ interface IProps { } const DataArchiveTaskContent: React.FC = (props) => { const { task, hasFlow } = props; - const { triggerConfig, jobParameters } = task ?? {}; + const { triggerConfig, jobParameters, id } = task ?? {}; const taskExecStrategyMap = getTaskExecStrategyMap(task?.type); const isCycleStrategy = isCycleTriggerStrategy(triggerConfig?.triggerStrategy); const insertActionLabel = InsertActionOptions?.find( (item) => item.value === jobParameters?.migrationInsertAction, )?.label; + + const handleRowLimit = async (rowLimit, handleClose) => { + const res = updateLimiterConfig(id, { + rowLimit, + }); + if (res) { + message.success('修改成功！'); + handleClose(); + } + }; + + const handleDataSizeLimit = async (dataSizeLimit, handleClose) => { + const res = updateLimiterConfig(id, { + dataSizeLimit, + }); + if (res) { + message.success('修改成功！'); + handleClose(); + } + }; + return ( <> @@ -198,7 +221,20 @@ const DataArchiveTaskContent: React.FC = (props) => { > {insertActionLabel || '-'} - + + + + + + = (props) => { triggerStrategy, archiveRange, description, + rowLimit, + dataSizeLimit, } = values; const parameters = { type: TaskJobType.DATA_DELETE, @@ -218,6 +225,10 @@ const CreateModal: React.FC = (props) => { }; }) : _tables, + limiterConfig: { + rowLimit, + dataSizeLimit: mbToKb(dataSizeLimit), + }, }, triggerConfig: { triggerStrategy, @@ -384,6 +395,9 @@ const CreateModal: React.FC = (props) => { return null; }} + + + diff --git a/src/component/Task/DataClearTask/DetailContent/index.tsx b/src/component/Task/DataClearTask/DetailContent/index.tsx index 25383ab0f..8f5371fc6 100644 --- a/src/component/Task/DataClearTask/DetailContent/index.tsx +++ b/src/component/Task/DataClearTask/DetailContent/index.tsx @@ -19,14 +19,16 @@ import { getTaskExecStrategyMap } from '@/component/Task'; import { SimpleTextItem } from '@/component/Task/component/SimpleTextItem'; import VariableConfigTable from '@/component/Task/component/VariableConfigTable'; import { isCycleTriggerStrategy } from '@/component/Task/helper'; +import { updateLimiterConfig } from '@/common/network/task'; import type { CycleTaskDetail, IDataArchiveJobParameters, TaskOperationType } from '@/d.ts'; import { formatMessage } from '@/util/intl'; -import { getFormatDateTime } from '@/util/utils'; +import { getFormatDateTime, kbToMb } from '@/util/utils'; import { DownOutlined, UpOutlined } from '@ant-design/icons'; -import { Collapse, Descriptions, Divider, Space } from 'antd'; +import { Collapse, Descriptions, Divider, Space, message } from 'antd'; import React from 'react'; import styles from '../../index.less'; import ArchiveRange from './ArchiveRange'; +import ThrottleEditableCell from '../../component/ThrottleEditableCell'; const { Panel } = Collapse; @@ -38,9 +40,29 @@ interface IProps { const DataClearTaskContent: React.FC = (props) => { const { task, hasFlow } = props; - const { triggerConfig, jobParameters } = task ?? {}; + const { triggerConfig, jobParameters, id } = task ?? {}; const taskExecStrategyMap = getTaskExecStrategyMap(task?.type); + const handleRowLimit = async (rowLimit, handleClose) => { + const res = updateLimiterConfig(id, { + rowLimit, + }); + if (res) { + message.success('修改成功！'); + handleClose(); + } + }; + + const handleDataSizeLimit = async (dataSizeLimit, handleClose) => { + const res = updateLimiterConfig(id, { + dataSizeLimit, + }); + if (res) { + message.success('修改成功！'); + handleClose(); + } + }; + return ( <> @@ -131,7 +153,20 @@ const DataClearTaskContent: React.FC = (props) => { )} - + + + + + + void) => void; +} + +const ThrottleEditableCell: React.FC = (props) => { + const { defaultValue = 10, suffix, onOk } = props; + const [isLmitRowEdit, setIsLmitRowEdit] = useState(false); + const [lmitValue, setLmitValue] = useState(Number(defaultValue)); + const [value, setValue] = useState(Number(defaultValue)); + const [status, setStatus] = useState(null); + + const handleClose = () => { + setIsLmitRowEdit(false); + }; + + const handleOk = () => { + if (value) { + setLmitValue(value); + onOk(value, handleClose); + } else { + setStatus('error'); + message.error('不能为空!'); + } + }; + + const handleChange = (value) => { + setValue(value); + }; + + return ( + <> + {isLmitRowEdit ? ( + + + + + + + + + + ) : ( + + {lmitValue} + {suffix} + { + setIsLmitRowEdit(true); + }} + > + + + + )} + + ); +}; +export default ThrottleEditableCell; diff --git a/src/component/Task/component/ThrottleFormItem/index.tsx b/src/component/Task/component/ThrottleFormItem/index.tsx new file mode 100644 index 000000000..a839c687c --- /dev/null +++ b/src/component/Task/component/ThrottleFormItem/index.tsx @@ -0,0 +1,81 @@ +/* + * Copyright 2023 OceanBase + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +import { Form, InputNumber, Space } from 'antd'; +import React from 'react'; +import HelpDoc from '@/component/helpDoc'; + +interface IProps {} + +const ThrottleFormItem: React.FC = (props) => { + return ( + + + + 行限流 + + + } + required + > + + + + + Rows/s + + + + 数据大小限流 + + + } + required + > + + + + + MB/s + + + + + ); +}; +export default ThrottleFormItem; diff --git a/src/component/helpDoc/doc.tsx b/src/component/helpDoc/doc.tsx index 45aa499e8..fe65ece5e 100644 --- a/src/component/helpDoc/doc.tsx +++ b/src/component/helpDoc/doc.tsx @@ -515,4 +515,6 @@ export default { }

), + TaskLmitRow:

每秒操作数据总行限制

, + TaskLmitData:

每秒操作数据总大小限制

, }; diff --git a/src/d.ts/index.ts b/src/d.ts/index.ts index 7b2ddf848..e3d9f20eb 100644 --- a/src/d.ts/index.ts +++ b/src/d.ts/index.ts @@ -2177,6 +2177,10 @@ export interface IDataArchiveJobParameters { targetDatabaseName?: string; targetDataSourceName?: string; migrationInsertAction?: MigrationInsertAction; + limiterConfig?: { + rowLimit?: number; + dataSizeLimit?: number; + }; tables: { conditionExpression: string; tableName: string; @@ -2194,6 +2198,10 @@ export interface IDataClearJobParameters { sourceDatabaseName?: string; targetDataBaseId: number; targetDatabaseName?: string; + limiterConfig?: { + rowLimit?: number; + dataSizeLimit?: number; + }; tables: { conditionExpression: string; tableName: string; diff --git a/src/util/utils.ts b/src/util/utils.ts index 2854703f5..37d0d8f46 100644 --- a/src/util/utils.ts +++ b/src/util/utils.ts @@ -582,3 +582,13 @@ export const secondsToHour = (seconds: number) => { const hour = seconds ? seconds / 60 / 60 : undefined; return hour; }; + +// MB -> KB +export const mbToKb = (value: number) => { + return value * 1024; +}; + +// KB -> MB +export const kbToMb = (value: number) => { + return value / 1024; +}; From 13a9f62bab1725d883bff7ff081f90c877d254be Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Thu, 26 Oct 2023 15:05:16 +0800 Subject: [PATCH 24/82] fixes oceanbase/odc#630, fixes oceanbase/odc#624 --- .../Datasource/Datasource/Content/TitleButton/index.tsx | 1 + .../NewDatasourceDrawer/Form/InitScriptItem/index.tsx | 6 ++++-- .../NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx | 4 ++-- .../Datasource/NewDatasourceDrawer/Form/context.tsx | 1 + .../Datasource/NewDatasourceDrawer/Form/index.tsx | 4 +++- .../Datasource/Datasource/NewDatasourceDrawer/NewButton.tsx | 2 ++ .../Datasource/Datasource/NewDatasourceDrawer/index.tsx | 3 +++ src/page/Datasource/Datasource/index.tsx | 1 + 8 files changed, 17 insertions(+), 5 deletions(-) diff --git a/src/page/Datasource/Datasource/Content/TitleButton/index.tsx b/src/page/Datasource/Datasource/Content/TitleButton/index.tsx index 9d24d90fa..dc681171c 100644 --- a/src/page/Datasource/Datasource/Content/TitleButton/index.tsx +++ b/src/page/Datasource/Datasource/Content/TitleButton/index.tsx @@ -34,6 +34,7 @@ const TitleButton: React.FC = function (props) { { props.onReload(); }} diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx index c8125fefb..3b237dc74 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx @@ -16,9 +16,10 @@ import CommonIDE from '@/component/CommonIDE'; import { Form } from 'antd'; -import React from 'react'; +import React, { useContext } from 'react'; import styles from './index.less'; +import DatasourceFormContext from '../context'; interface IProps { value?: string; @@ -39,12 +40,13 @@ const InitScriptItem: React.FC<{}> = function () { }; function Editor({ value, onChange }: IProps) { + const context = useContext(DatasourceFormContext); return ( = function ({ value, onChange }) { @@ -202,7 +202,7 @@ const JDBCParams: React.FC = function ({ value, onChange }) { /> ({ diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx index e43eeb767..f24a28842 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/index.tsx @@ -49,9 +49,10 @@ interface IProps { isEdit?: boolean; originDatasource?: IDatasource; type: ConnectType; + disableTheme?: boolean; } export default forwardRef(function DatasourceForm( - { isEdit, originDatasource, type }: IProps, + { isEdit, originDatasource, type, disableTheme }: IProps, ref, ) { const [form] = Form.useForm(); @@ -158,6 +159,7 @@ export default forwardRef(function DatasourceForm( isEdit, originDatasource, dataSourceConfig: dsc, + disableTheme, }} >
{ }; const NewDatasourceButton: React.FC<{ onSuccess: () => void; + disableTheme?: boolean; }> = function NewDatasourceButton(props) { const [visible, setVisible] = useState(false); const [type, setType] = useState(null); @@ -250,6 +251,7 @@ const NewDatasourceButton: React.FC<{ onSubmit={handleBatchImportSubmit} /> setVisible(false)} diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/index.tsx index 4f8f2e5f6..62d4eaf5a 100644 --- a/src/page/Datasource/Datasource/NewDatasourceDrawer/index.tsx +++ b/src/page/Datasource/Datasource/NewDatasourceDrawer/index.tsx @@ -35,6 +35,7 @@ interface IProps { isEdit?: boolean; isPersonal?: boolean; id?: number; + disableTheme?: boolean; type?: ConnectType; close: () => void; onSuccess: () => void; @@ -45,6 +46,7 @@ export default function NewDatasourceDrawer({ isEdit, type, id, + disableTheme, close, onSuccess, }: IProps) { @@ -191,6 +193,7 @@ export default function NewDatasourceDrawer({ > = function ({ modalStore }) {
setEditDatasourceId(null)} From 0bdbf001764bfec5f27ef07d0e44b1665e0c2d3e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Thu, 26 Oct 2023 15:33:03 +0800 Subject: [PATCH 25/82] fix proc and func params bug --- src/component/CreateFunctionModal/index.tsx | 18 ++++++++++-------- src/component/CreateProcedureModal/index.tsx | 14 ++++++++------ 2 files changed, 18 insertions(+), 14 deletions(-) diff --git a/src/component/CreateFunctionModal/index.tsx b/src/component/CreateFunctionModal/index.tsx index 84f08962b..ebb65348f 100644 --- a/src/component/CreateFunctionModal/index.tsx +++ b/src/component/CreateFunctionModal/index.tsx @@ -48,7 +48,7 @@ const CreateFunctionModal: React.FC = inject( const dbId = modalStore?.createFunctionModalData?.databaseId; const dbName = modalStore?.createFunctionModalData?.dbName; const { session, loading } = useDBSession(dbId); - const dbMode = session?.connection?.dialectType || ConnectionMode.OB_MYSQL; + const dbMode = session?.connection?.dialectType; const [form] = useForm(); const visible = modalStore.createFunctionModalVisible; const paramsRef = useRef<{ @@ -121,7 +121,7 @@ const CreateFunctionModal: React.FC = inject( if (visible) { form.resetFields(); } - }, [visible]); + }, [visible, session]); return ( = inject( })} /* 参数 */ required > - + {session ? ( + + ) : null} diff --git a/src/component/CreateProcedureModal/index.tsx b/src/component/CreateProcedureModal/index.tsx index 5a9490f65..8d8c408e2 100644 --- a/src/component/CreateProcedureModal/index.tsx +++ b/src/component/CreateProcedureModal/index.tsx @@ -154,12 +154,14 @@ const CreateProcedureModal: React.FC = inject( id: 'workspace.window.createFunction.params', })} > - + {session ? ( + + ) : null} From 56afee5e5dc7b457f36c8001e436bb370c52a221 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=8F=E5=92=8C?= Date: Thu, 26 Oct 2023 17:37:55 +0800 Subject: [PATCH 26/82] PullRequest: 206 fix/dev-4.2.2-bugs-xyh-1025-02 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-bugs-xyh-1025-02 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/206 Signed-off-by: 晓康 * Fixes oceanbase/odc#564 * fixes oceanbase/odc#534 * fixes oceanbase/odc#445 --- .../DataArchiveTask/DetailContent/ArchiveRange.tsx | 4 ++++ .../Task/DataClearTask/DetailContent/ArchiveRange.tsx | 4 ++++ .../CreateModal/ExportForm/ExportSelecter/index.tsx | 11 ++++++++--- .../CreateModal/ExportForm/ObjSelecterPanel/index.tsx | 1 + src/layout/SpaceContainer/Sider/MineItem/index.tsx | 2 +- 5 files changed, 18 insertions(+), 4 deletions(-) diff --git a/src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx b/src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx index 95b9cec67..7eb4de59f 100644 --- a/src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx +++ b/src/component/Task/DataArchiveTask/DetailContent/ArchiveRange.tsx @@ -16,6 +16,7 @@ import DisplayTable from '@/component/DisplayTable'; import { formatMessage } from '@/util/intl'; +import { Tooltip } from 'antd'; import React from 'react'; const columns = [ @@ -30,6 +31,9 @@ const columns = [ title: formatMessage({ id: 'odc.DataArchiveTask.DetailContent.ArchiveRange.FilterConditions' }), //过滤条件 ellipsis: true, width: 150, + render: (value) => { + return {value ?? '-'}; + }, }, ]; diff --git a/src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx b/src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx index e43353a18..de2f23e41 100644 --- a/src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx +++ b/src/component/Task/DataClearTask/DetailContent/ArchiveRange.tsx @@ -16,6 +16,7 @@ import DisplayTable from '@/component/DisplayTable'; import { formatMessage } from '@/util/intl'; +import { Tooltip } from 'antd'; import React from 'react'; const columns = [ @@ -30,6 +31,9 @@ const columns = [ title: formatMessage({ id: 'odc.DataClearTask.DetailContent.ArchiveRange.FilterConditions' }), //过滤条件 ellipsis: true, width: 150, + render: (value) => { + return {value || '-'}; + }, }, ]; diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx b/src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx index 284fd4e23..a0cdc0f47 100644 --- a/src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx +++ b/src/component/Task/ExportTask/CreateModal/ExportForm/ExportSelecter/index.tsx @@ -16,7 +16,7 @@ import { getExportObjects } from '@/common/network'; import ExportCard from '@/component/ExportCard'; -import { DbObjectType } from '@/d.ts'; +import { DbObjectType, ConnectionMode } from '@/d.ts'; import { formatMessage } from '@/util/intl'; import Icon, { DeleteOutlined } from '@ant-design/icons'; import { Empty, Popconfirm, Spin, Tree } from 'antd'; @@ -35,6 +35,7 @@ interface IProps { connectionId: number; onlyTable?: boolean; value?: any[]; + dialectType: ConnectionMode; onChange?: (newValue: any[]) => void; } @@ -47,6 +48,7 @@ const ExportSelecter: React.FC = function ({ connectionId, onlyTable, value, + dialectType, onChange, }) { const [objsLoading, setObjsLoading] = useState(false); @@ -94,20 +96,23 @@ const ExportSelecter: React.FC = function ({ }, [value]); function getObjTypeList() { - return onlyTable + const typeList = onlyTable ? [DbObjectType.table] : [ DbObjectType.table, DbObjectType.view, DbObjectType.function, DbObjectType.procedure, - DbObjectType.sequence, DbObjectType.package, DbObjectType.trigger, DbObjectType.synonym, DbObjectType.public_synonym, DbObjectType.type, ]; + if (!onlyTable && dialectType !== ConnectionMode.MYSQL) { + typeList.push(DbObjectType.sequence); + } + return typeList; } const loadExportObjects = async () => { diff --git a/src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx b/src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx index 9b0498edd..610849b7e 100644 --- a/src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx +++ b/src/component/Task/ExportTask/CreateModal/ExportForm/ObjSelecterPanel/index.tsx @@ -142,6 +142,7 @@ const ObjSelecterPanel: React.FC = function ({ form, projectId, onConnec onlyTable={exportContent === EXPORT_CONTENT.DATA} databaseId={databaseId} connectionId={connectionId} + dialectType={connection?.dialectType} /> diff --git a/src/layout/SpaceContainer/Sider/MineItem/index.tsx b/src/layout/SpaceContainer/Sider/MineItem/index.tsx index c0c3a588d..848696582 100644 --- a/src/layout/SpaceContainer/Sider/MineItem/index.tsx +++ b/src/layout/SpaceContainer/Sider/MineItem/index.tsx @@ -79,7 +79,7 @@ const MineItem: React.FC = function ({ }), ); } - setChangePasswordLoading(true); + setChangePasswordLoading(false); }; const handleLogout = async () => { From 6b92f6d3efb4d99e81c7f27051eda0a5217ebd39 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=8F=E5=92=8C?= Date: Thu, 26 Oct 2023 17:46:41 +0800 Subject: [PATCH 27/82] PullRequest: 207 feat: add throttle to dataArchiveTask and dataClearTask (api change sync, doc text change) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'feat/dev-4.2.2-task-1026 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/207 Signed-off-by: 晓康 * feat: add throttle to dataArchiveTask and dataClearTask (api change sync) * feat: add throttle to dataArchiveTask and dataClearTask (help doc change) * feat: add throttle to dataArchiveTask and dataClearTask (help doc change) * feat: add throttle to dataArchiveTask and dataClearTask (api change sync - dynamic setting max value) --- src/common/network/task.ts | 2 +- .../CreateModal/VariableConfig.tsx | 15 ++++++++++----- .../Task/DataArchiveTask/CreateModal/index.tsx | 2 +- .../Task/DataArchiveTask/DetailContent/index.tsx | 9 +++++++-- .../DataClearTask/CreateModal/VariableConfig.tsx | 4 ++-- .../Task/DataClearTask/CreateModal/index.tsx | 2 +- .../Task/DataClearTask/DetailContent/index.tsx | 9 +++++++-- .../component/ThrottleEditableCell/index.tsx | 8 +++++--- .../Task/component/ThrottleFormItem/index.tsx | 5 +++-- src/component/helpDoc/doc.tsx | 8 ++++---- src/d.ts/index.ts | 4 ++-- src/store/setting.ts | 16 ++++++++++++++++ 12 files changed, 59 insertions(+), 25 deletions(-) diff --git a/src/common/network/task.ts b/src/common/network/task.ts index 5995cee4a..6e758e314 100644 --- a/src/common/network/task.ts +++ b/src/common/network/task.ts @@ -450,7 +450,7 @@ export async function updateLimiterConfig( dataSizeLimit?: number; }, ): Promise { - const res = await request.put(`/api/v2/schedule/${taskId}/jobs/dlm/limiterConfig`, { + const res = await request.put(`/api/v2/schedule/schedules/${taskId}/dlmRateLimitConfiguration`, { data, }); return !!res?.data; diff --git a/src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx b/src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx index c9cb5be2f..9f829ee2c 100644 --- a/src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx +++ b/src/component/Task/DataArchiveTask/CreateModal/VariableConfig.tsx @@ -144,7 +144,8 @@ const VariableConfig: React.FC = (props) => { @@ -169,7 +172,8 @@ const VariableConfig: React.FC = (props) => { <>
- {haveText && ( + {haveText && (explain as ISQLExplain)?.showFormatInfo && ( // 切换显示方式 ) : ( - { - this.setState({ - onlyText: e.target.checked, - }); - }} - handleRadioGroupOnChange={(e) => - this.setState({ - tabName: e.target.value, - }) - } - /> + <> + { + this.setState({ + onlyText: e.target.checked, + }); + }} + handleRadioGroupOnChange={(e) => + this.setState({ + tabName: e.target.value, + }) + } + /> + ) } diff --git a/src/page/Workspace/components/SQLPage/ExecPlan/index.tsx b/src/page/Workspace/components/SQLPage/ExecPlan/index.tsx index 13d703050..f40d6b1f9 100644 --- a/src/page/Workspace/components/SQLPage/ExecPlan/index.tsx +++ b/src/page/Workspace/components/SQLPage/ExecPlan/index.tsx @@ -68,8 +68,8 @@ const ExecPlan: React.FC = function (props) { placement="right" closable onClose={onClose} - visible={visible} - width={1200} + open={visible} + width={960} className={styles.explainDrawer} bodyStyle={{ paddingBottom: 50, From f0f4e4ed32a225853b076af82963cb9375cc1075 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=9C=9D=E4=BF=8A?= Date: Fri, 27 Oct 2023 12:39:32 +0800 Subject: [PATCH 32/82] PullRequest: 212 fix/dev-4.2.2-github-459 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-github-459 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/212 Signed-off-by: 晓康 * Fixes oceanbase/odc#458 * Fixes oceabase/odc#459 --- src/common/network/sensitiveColumn.ts | 22 +- src/constant/index.ts | 18 +- src/d.ts/index.ts | 2 + .../components/EditSensitiveColumnModal.tsx | 42 +- .../SensitiveColumn/components/ManualForm.tsx | 364 ++++++++++-------- .../SensitiveColumn/components/ScanForm.tsx | 79 ++-- .../SensitiveColumn/components/index.less | 34 +- .../SensitiveColumn/components/interface.ts | 16 +- .../components/SensitiveColumn/index.less | 22 ++ .../components/SensitiveColumn/index.tsx | 114 +++--- .../components/FormSensitiveRuleDrawer.tsx | 35 +- .../components/SensitiveRule/index.tsx | 76 ++-- src/page/Project/Sensitive/interface.ts | 16 - .../Env/components/InnerEnvironment.tsx | 2 +- .../SessionSelect/index.tsx | 6 +- src/svgr/Enum.svg | 1 + src/svgr/Set.svg | 1 + 17 files changed, 507 insertions(+), 343 deletions(-) create mode 100644 src/svgr/Enum.svg create mode 100644 src/svgr/Set.svg diff --git a/src/common/network/sensitiveColumn.ts b/src/common/network/sensitiveColumn.ts index 552f3fcf5..a85b5dfe5 100644 --- a/src/common/network/sensitiveColumn.ts +++ b/src/common/network/sensitiveColumn.ts @@ -14,8 +14,9 @@ * limitations under the License. */ -import { IResponseData } from '@/d.ts'; +import { IDataType, IResponseData } from '@/d.ts'; import { ISensitiveColumn } from '@/d.ts/sensitiveColumn'; +import { IServerTableColumn } from '@/d.ts/table'; import request from '@/util/request'; export async function updateSensitiveColumn( @@ -81,7 +82,22 @@ export async function listSensitiveColumns( return ret?.data; } -export async function listColumns(projectId: number, database: number[]) { +export async function listColumns( + projectId: number, + database: number[], +): Promise<{ + contents: { + dataTypeUnits: IDataType[]; + databaseId: number; + databaseName: string; + table2Columns: { + [key in string]: IServerTableColumn[]; + }; + view2Columns: { + [key in string]: IServerTableColumn[]; + }; + }[]; +}> { const result = await request.get( `/api/v2/collaboration/projects/${projectId}/sensitiveColumns/listColumns`, { @@ -90,7 +106,7 @@ export async function listColumns(projectId: number, database: number[]) { }, }, ); - return result?.data || []; + return result?.data || {}; } export enum ScannResultType { diff --git a/src/constant/index.ts b/src/constant/index.ts index 1de2d11a1..978c29e28 100644 --- a/src/constant/index.ts +++ b/src/constant/index.ts @@ -15,7 +15,7 @@ */ import { ColumnShowType, DbObjectType } from '@/d.ts'; // @ts-ignore -import { isClient } from '@/util/env'; + import { formatMessage } from '@/util/intl'; import binarySvg from '@/svgr/Field-Binary.svg'; // @ts-ignore @@ -44,6 +44,10 @@ import FileSvg from '@/svgr/File.svg'; // @ts-ignore import TypeSvg from '@/svgr/menuType.svg'; +import EnumSvg from '@/svgr/Enum.svg'; // 枚举类型 icon + +import SetSvg from '@/svgr/Set.svg'; // 集合类型 icon + import timeSvg from '@/svgr/Field-time.svg'; // 同步 OCP 等保三密码强度要求 export const PASSWORD_REGEX = /^(?=(.*[a-z]){2,})(?=(.*[A-Z]){2,})(?=(.*\d){2,})(?=(.*[ !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]){2,})[A-Za-z\d !"#\$%&'\(\)\*\+,-\./:;<=>\?@\[\\\]\^_`\{\|\}~]{8,32}$/; // 工作区头部高度 @@ -76,6 +80,8 @@ export const fieldIconMap = { [ColumnShowType.TIME]: timeSvg, [ColumnShowType.TIMESTAMP]: timeSvg, [ColumnShowType.YEAR]: timeSvg, + [ColumnShowType.ENUM]: EnumSvg, + [ColumnShowType.SET]: SetSvg, }; /** * 程序包调试开关 @@ -118,26 +124,32 @@ export const DbObjsIcon = { [DbObjectType.public_synonym]: SynonymSvg, [DbObjectType.file]: FileSvg, }; - +/** + * lineBackground: src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx 中使用的背景，使用场景较为特殊，单独区分出来。 + */ export const EnvColorMap = { GREEN: { textColor: 'var(--function-green6-color)', background: 'var(--function-green1-color)', + lineBackground: 'var(--function-green1-color)', tipColor: 'var(--function-green6-color)', }, GRAY: { textColor: 'var(--text-color-secondary)', - background: 'transparent', + background: 'var(--hover-color)', tipColor: 'transparent', + lineBackground: 'transparent', }, RED: { textColor: 'var(--function-red6-color)', background: 'var(--function-red1-color)', tipColor: 'var(--function-red6-color)', + lineBackground: 'var(--function-red1-color)', }, ORANGE: { textColor: 'var(--function-gold6-color)', background: 'var(--function-gold1-color)', tipColor: 'var(--function-gold6-color)', + lineBackground: 'var(--function-gold1-color)', }, }; diff --git a/src/d.ts/index.ts b/src/d.ts/index.ts index 915f8317f..aa1a7c4dc 100644 --- a/src/d.ts/index.ts +++ b/src/d.ts/index.ts @@ -1074,6 +1074,8 @@ export enum ColumnShowType { DATETIME = 'DATETIME', YEAR = 'YEAR', MONTH = 'MONTH', + ENUM = 'ENUM', // 枚举类型 + SET = 'SET', // 集合类型 } // 索引 diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx index cc227732d..2febc62d8 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx @@ -19,13 +19,16 @@ import { formatMessage } from '@/util/intl'; import { Form, message, Modal, Select } from 'antd'; import { useForm } from 'antd/es/form/Form'; import styles from './index.less'; +import { MaskRyleTypeMap } from '@/d.ts'; +import { PopoverContainer } from '..'; -const EditModal = ({ +const EditSensitiveColumnModal = ({ projectId, tableRef, maskingAlgorithmId = 1, sensitiveColumnIds = [], maskingAlgorithmOptions = [], + maskingAlgorithms, modalVisible, setModalVisible, initSensitiveColumn, @@ -99,13 +102,42 @@ const EditModal = ({ id: 'odc.SensitiveColumn.components.EditSensitiveColumnModal.PleaseSelect', }) //请选择 } - style={{ width: '368px' }} - options={maskingAlgorithmOptions} - /> + style={{ width: '352px' }} + optionLabelProp="label" + > + {maskingAlgorithmOptions?.map((option, index) => { + const target = maskingAlgorithms?.find( + (maskingAlgorithm) => maskingAlgorithm?.id === option?.value, + ); + return ( + +
{option?.label}
} + /> + + ); + })} + ); }; -export default EditModal; +export default EditSensitiveColumnModal; diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx index b0387c379..7e743a565 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx @@ -19,13 +19,11 @@ import ExportCard from '@/component/ExportCard'; import { Button, Collapse, - Descriptions, Drawer, Empty, Form, Modal, Popconfirm, - Popover, Select, Space, Spin, @@ -43,25 +41,30 @@ import React, { useState, } from 'react'; import SensitiveContext from '../../../SensitiveContext'; -import { EColumnType, SelectItemProps } from '../../../interface'; +import { SelectItemProps } from '../../../interface'; import { useForm } from 'antd/lib/form/Form'; import { listDatabases } from '@/common/network/database'; import RiskLevelLabel from '@/component/RiskLevelLabel'; import { batchCreateSensitiveColumns, listColumns } from '@/common/network/sensitiveColumn'; import Icon, { DeleteOutlined } from '@ant-design/icons'; import DBSvg from '@/svgr/database_outline.svg'; -import binarySvg from '@/svgr/Field-Binary.svg'; -import numberSvg from '@/svgr/Field-number.svg'; -import stringSvg from '@/svgr/Field-String.svg'; import TableOutlined from '@/svgr/menuTable.svg'; import ViewSvg from '@/svgr/menuView.svg'; -import timeSvg from '@/svgr/Field-time.svg'; // 同步 OCP 等保三密码强度要求 import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn'; import ProjectContext from '@/page/Project/ProjectContext'; import { MaskRyleTypeMap } from '@/d.ts'; -import _ from 'lodash'; +import { debounce, cloneDeep, merge } from 'lodash'; import { IMaskingAlgorithm } from '@/d.ts/maskingAlgorithm'; -import { TreeNode, SelectNode, DatabaseColumn, ManualFormProps } from './interface'; +import { + TreeNode, + SelectNode, + DatabaseColumn, + ManualFormProps, + SelectNodeChild, +} from './interface'; +import { PopoverContainer } from '..'; +import { fieldIconMap } from '@/constant'; +import { convertDataTypeToDataShowType } from '@/util/utils'; const ManualForm: React.FC = ({ modalOpen, setModalOpen, callback }) => { const [formRef] = useForm(); const _formRef = useRef(null); @@ -95,7 +98,7 @@ const ManualForm: React.FC = ({ modalOpen, setModalOpen, callba }); setDatabaseOptions(resData); }; - const handleDatabaseSelect = async (value: number, args) => { + const handleDatabaseSelect = debounce(async (value: number, args) => { if (value === -1) { setDatabaseIds(databaseOptions?.map((option) => option.value as number)); return; @@ -103,10 +106,10 @@ const ManualForm: React.FC = ({ modalOpen, setModalOpen, callba if (!databaseIds?.includes(value)) { setDatabaseIds(databaseIds.concat(value)); } - }; - const handleDatabaseDeselect = async (value: number) => { + }, 500); + const handleDatabaseDeselect = debounce(async (value: number) => { setDatabaseIds(databaseIds.filter((id) => id !== value)); - }; + }, 500); const submit = () => { _formRef.current?.submit(setModalOpen, callback); }; @@ -182,6 +185,9 @@ const ManualForm: React.FC = ({ modalOpen, setModalOpen, callba }) /* 数据库 */ } name="database" + style={{ + marginBottom: '4px', + }} > {maskingAlgorithmOptions?.map((option, index) => { const target = maskingAlgorithms?.find( @@ -813,81 +872,45 @@ const SelectedSensitiveColumn = forwardRef(function ( maskingAlgorithm?.id === option?.value, ); return ( - - + - - {MaskRyleTypeMap?.[target?.type]} - - - {target?.sampleContent} - - - {target?.maskedContent} - - - } - > - {option?.label} - + descriptionsData={[ + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.DesensitizationMethod', + }) /* 脱敏方式 */, + value: MaskRyleTypeMap?.[target?.type], + }, + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.TestData', + }) /* 测试数据 */, + value: target?.sampleContent, + }, + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Preview', + }) /* 结果预览 */, + value: target?.maskedContent, + }, + ]} + children={() =>
{option?.label}
} + /> ); })} - { - const target = data.find( - (_data) => - _data?.databaseKey === d.databaseKey && - _data.tableKey === _data.tableKey, - ); - if (target) { - if (target.children.length === 1) { - const newCheckedKeys = checkedKeys.filter( - (checkedKey) => - ![d.tableKey, child.key]?.includes(checkedKey), - ); - setCheckedKeys(newCheckedKeys); - } else { - const newCheckedKeys = checkedKeys.filter( - (checkedKey) => - ![d.tableKey, child.key]?.includes(checkedKey), - ); - setCheckedKeys(newCheckedKeys); - } - } - }} - /> + handleCollapseDelete(d, child)} /> @@ -898,10 +921,17 @@ const SelectedSensitiveColumn = forwardRef(function ( })} - ) : ( + ) : originData?.length === 0 ? (
+ ) : ( +
+ +
)} diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/ScanForm.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/ScanForm.tsx index 7b079aed0..50ab19a0d 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/ScanForm.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/ScanForm.tsx @@ -38,6 +38,7 @@ import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn'; import TableOutlined from '@/svgr/menuTable.svg'; import ViewSvg from '@/svgr/menuView.svg'; import { MaskRyleTypeMap } from '@/d.ts'; +import { PopoverContainer } from '..'; const ScanForm = ({ formRef, _formRef, @@ -378,6 +379,7 @@ const ScanForm = ({ ?.toLowerCase() .includes(input.toLowerCase()) } + optionLabelProp="label" > {sensitiveContext?.maskingAlgorithmOptions?.map( (option, index) => { @@ -386,52 +388,39 @@ const ScanForm = ({ maskingAlgorithm?.id === option?.value, ); return ( - - + - - {MaskRyleTypeMap?.[target?.type]} - - - {target?.sampleContent} - - - {target?.maskedContent} - - - } - > - {option?.label} - + descriptionsData={[ + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.DesensitizationMethod.1', + }) /* 脱敏方式 */, + value: MaskRyleTypeMap?.[target?.type], + }, + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.TestData.1', + }) /* 测试数据 */, + value: target?.sampleContent, + }, + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.components.Preview.1', + }) /* 结果预览 */, + value: target?.maskedContent, + }, + ]} + children={() =>
{option?.label}
} + /> ); }, diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less b/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less index d4b06d913..1eb7a9ff3 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less @@ -1,3 +1,4 @@ +@import '../index.less'; .formItem { margin-bottom: 12px; @@ -136,6 +137,7 @@ margin-top: 24px; .label { color: var(--text-color-primary); + margin-bottom: 4px; } .doubleExportCardContainer { display: flex; @@ -162,6 +164,7 @@ } } .wrapCollapse { + padding: 0px 12px 0px 0px; .panelHeader { display: flex; align-items: center; @@ -176,11 +179,9 @@ .panelContent { display: flex; justify-content: flex-end; - padding-right: 24px; .checkedTable { display: flex; justify-content: space-between; - width: 272px; &Column { display: flex; align-items: baseline; @@ -198,8 +199,37 @@ text-overflow: ellipsis; overflow: hidden; text-overflow: hidden; + &:hover { + cursor: pointer; + } + } + } + } + } + :global { + .ant-collapse-item { + margin-left: 4px; + .ant-collapse-header { + padding: 0px; + height: 22px; + line-height: 22px; + } + .ant-collapse-content { + .ant-collapse-content-box { + padding: 8px 0px 0px; } } + .ant-form-item { + margin-bottom: 8px; + } + } + } +} + +.tree { + :global { + .ant-tree-node-content-wrapper { + display: flex; } } } diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts b/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts index d5d54c3c5..f635d4279 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/interface.ts @@ -1,3 +1,4 @@ +import { IDataType } from '@/d.ts'; import { ESensitiveColumnType } from '@/d.ts/sensitiveColumn'; export type TreeNode = { @@ -7,6 +8,13 @@ export type TreeNode = { icon: JSX.Element; children: TreeNode[]; }; +export type SelectNodeChild = { + title: string; + key: string; + type: ESensitiveColumnType; + columnType: string; + dataTypeUnits: IDataType[]; +}; export type SelectNode = { databaseId: number; databaseKey: string; @@ -14,14 +22,10 @@ export type SelectNode = { tableKey: string; tableTitle: string; type: ESensitiveColumnType; - children: { - title: string; - key: string; - type: ESensitiveColumnType; - columnType: string; - }[]; + children: SelectNodeChild[]; }; export type DatabaseColumn = { + dataTypeUnits: IDataType[]; databaseId: number; databaseName: string; table2Columns: { diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/index.less b/src/page/Project/Sensitive/components/SensitiveColumn/index.less index 953fb39a7..d77c849dc 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/index.less +++ b/src/page/Project/Sensitive/components/SensitiveColumn/index.less @@ -3,3 +3,25 @@ cursor: pointer; } } + +.selectPopover { + :global { + .ant-popover-title { + min-height: max-content; + padding: 12px 12px 0px; + border-bottom: none; + } + .ant-popover-inner-content { + padding: 8px 12px 12px; + } + .ant-popover-inner > .ant-popover-inner-content > div > div > table > tbody { + display: flex; + flex-direction: column; + gap: 8px; + } + .ant-descriptions-row > th, + .ant-descriptions-row > td { + padding: 0px; + } + } +} diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx index 8402a54fd..fc31dd110 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/index.tsx @@ -38,13 +38,49 @@ import { debounce } from 'lodash'; import { useContext, useEffect, useRef, useState } from 'react'; import { AddSensitiveColumnType } from '../../interface'; import SensitiveContext from '../../SensitiveContext'; -import EditModal from './components/EditSensitiveColumnModal'; +import EditSensitiveColumnModal from './components/EditSensitiveColumnModal'; import FormSensitiveColumnDrawer from './components/FormSensitiveColumnDrawer'; import tracert from '@/util/tracert'; import ManualForm from './components/ManualForm'; import TableOutlined from '@/svgr/menuTable.svg'; import ViewSvg from '@/svgr/menuView.svg'; import styles from './index.less'; + +export const PopoverContainer: React.FC<{ + title: string; + descriptionsData: { + label: string; + value: string; + }[]; + children: () => JSX.Element; +}> = ({ title, descriptionsData, children }) => { + return ( + + {descriptionsData?.map((description, index) => { + return ( + + {description?.value} + + ); + })} + + } + > + {' '} + {children?.()} + + ); +}; const getColumns: ({ handleStatusSwitch, handleEdit, @@ -148,51 +184,36 @@ const getColumns: ({ (maskingAlgorithm) => maskingAlgorithm?.id === record?.maskingAlgorithmId, ); return ( - - - {MaskRyleTypeMap?.[target?.type]} - - - {target?.sampleContent} - - - {target?.maskedContent} - - - } - > -
- {maskingAlgorithmIdMap?.[record?.maskingAlgorithmId]} -
- + descriptionsData={[ + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveColumn.DesensitizationMethod', + }) /* 脱敏方式 */, + value: MaskRyleTypeMap?.[target?.type], + }, + { + label: formatMessage({ + id: 'odc.src.page.Project.Sensitive.components.SensitiveColumn.TestData', + }) /* 测试数据 */, + value: target?.sampleContent, + }, + { + label: formatMessage({ + id: 'odc.src.page.Project.Sensitive.components.SensitiveColumn.Preview', + }) /* 结果预览 */, + value: target?.maskedContent, + }, + ]} + children={() => ( +
+ {maskingAlgorithmIdMap?.[record?.maskingAlgorithmId]} +
+ )} + /> ); }, }, @@ -591,7 +612,7 @@ const SensitiveColumn = ({ }} /> - + optionLabelProp="label" + > + {sensitiveContext?.maskingAlgorithmOptions?.map((option, index) => { + const target = sensitiveContext?.maskingAlgorithms?.find( + (maskingAlgorithm) => maskingAlgorithm?.id === option?.value, + ); + return ( + +
{option?.label}
} + /> + + ); + })} + { + render: (text, record, index) => { const target = maskingAlgorithms?.find( (maskingAlgorithm) => maskingAlgorithm?.id === record?.maskingAlgorithmId, ); return ( - - - {MaskRyleTypeMap?.[target?.type]} - - - {target?.sampleContent} - - - {target?.maskedContent} - - - } - > -
- {maskingAlgorithmIdMap[record?.maskingAlgorithmId] || '-'} -
- + descriptionsData={[ + { + label: formatMessage({ + id: + 'odc.src.page.Project.Sensitive.components.SensitiveRule.DesensitizationMethod', + }) /* 脱敏方式 */, + value: MaskRyleTypeMap?.[target?.type], + }, + { + label: formatMessage({ + id: 'odc.src.page.Project.Sensitive.components.SensitiveRule.TestData', + }) /* 测试数据 */, + value: target?.sampleContent, + }, + { + label: formatMessage({ + id: 'odc.src.page.Project.Sensitive.components.SensitiveRule.Preview', + }) /* 结果预览 */, + value: target?.maskedContent, + }, + ]} + children={() => ( +
+ {maskingAlgorithmIdMap[record?.maskingAlgorithmId] || '-'} +
+ )} + /> ); }, }, diff --git a/src/page/Project/Sensitive/interface.ts b/src/page/Project/Sensitive/interface.ts index 0622a4c7d..b9c961067 100644 --- a/src/page/Project/Sensitive/interface.ts +++ b/src/page/Project/Sensitive/interface.ts @@ -67,19 +67,3 @@ export const DetectRuleTypeMap = { REGEX: formatMessage({ id: 'odc.Project.Sensitive.interface.Regular' }), //正则 GROOVY: formatMessage({ id: 'odc.Project.Sensitive.interface.Script' }), //脚本 }; - -export enum EColumnType { - NUMBER = 'NUMBER', - VARCHAR2 = 'VARCHAR2', - BLOB = 'BLOB', - DATE = 'DATE', - CHAR = 'CHAR', - NCHAR = 'NCHAR', - CLOB = 'CLOB', - TIMESTAMP = 'TIMESTAMP', - TIMESTAMP_WITH_TIME_ZONE = 'TIMESTAMP WITH TIME ZONE', - TIMESTAMP_WITH_LOCAL_TIME_ZONE = 'TIMESTAMP WITH LOCAL TIME ZONE', - RAW = 'RAW', - INTERVAL_DAY_TO_SECOND = 'INTERVAL DAY TO SECOND', - INTERVAL_YEAR_TO_MONTH = 'INTERVAL YEAR TO MONTH', -} diff --git a/src/page/Secure/Env/components/InnerEnvironment.tsx b/src/page/Secure/Env/components/InnerEnvironment.tsx index c0cd8286d..b9cc201f1 100644 --- a/src/page/Secure/Env/components/InnerEnvironment.tsx +++ b/src/page/Secure/Env/components/InnerEnvironment.tsx @@ -37,7 +37,7 @@ export const RenderLevel: React.FC<{ const colorMap = { [RiskLevelEnum.DEFAULT]: 'green', - [RiskLevelEnum.SUGGEST]: 'yellow', + [RiskLevelEnum.SUGGEST]: 'orange', [RiskLevelEnum.MUST]: 'red', }; return ; diff --git a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx index 2beec52d6..dfc4728b9 100644 --- a/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx +++ b/src/page/Workspace/components/SessionContextWrap/SessionSelect/index.tsx @@ -155,7 +155,8 @@ export default function SessionSelect({ {!context?.databaseId && !context?.datasourceId ? (
@@ -172,7 +173,8 @@ export default function SessionSelect({ ) : (
diff --git a/src/svgr/Enum.svg b/src/svgr/Enum.svg new file mode 100644 index 000000000..82a7da8e1 --- /dev/null +++ b/src/svgr/Enum.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/svgr/Set.svg b/src/svgr/Set.svg new file mode 100644 index 000000000..73b26f3bc --- /dev/null +++ b/src/svgr/Set.svg @@ -0,0 +1 @@ + \ No newline at end of file From f2b5407c4684d8f3aaeb92602a69624290f89437 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Fri, 27 Oct 2023 15:22:03 +0800 Subject: [PATCH 33/82] add tip on the close icon --- .../SideBar/ResourceTree/SelectPanel/index.tsx | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/index.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/index.tsx index c9942b3e9..8d7f79f08 100644 --- a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/index.tsx @@ -28,6 +28,7 @@ import classNames from 'classnames'; import DatasourceFilter from '../DatasourceFilter'; import { ConnectType } from '@/d.ts'; import Reload from '@/component/Button/Reload'; +import { Tooltip } from 'antd'; interface IProps { userStore?: UserStore; @@ -125,12 +126,14 @@ const SelectPanel: React.FC = function ({ userStore, onClose }) { }} tabs={isPersonal ? [datasource] : [datasource, project]} leftAction={ - onClose()} - /> + + onClose()} + /> + } /> From f296ec0cb6aab9819c84446e350204fe9947b313 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Fri, 27 Oct 2023 16:31:45 +0800 Subject: [PATCH 34/82] fixes oceanbase/odc$632 --- .../SideBar/ResourceTree/TreeNodeMenu/config/function.tsx | 5 ++++- .../SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx | 4 ++++ .../SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx | 5 ++++- .../SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx | 5 ++++- 4 files changed, 16 insertions(+), 3 deletions(-) diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx index b68132229..6896798a7 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/function.tsx @@ -36,7 +36,7 @@ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; import { getDataSourceModeConfig } from '@/common/datasource'; -import { isSupportExport } from './helper'; +import { isSupportExport, isSupportPLEdit } from './helper'; export const functionMenusConfig: Partial> = { [ResourceNodeType.FunctionRoot]: [ @@ -115,6 +115,9 @@ export const functionMenusConfig: Partial { + return !isSupportPLEdit(session); + }, actionType: actionTypes.update, ellipsis: true, async run(session, node) { diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx index 7a594221a..9821de8b1 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/helper.tsx @@ -9,3 +9,7 @@ export function isSupportExport(session: SessionStore) { getDataSourceModeConfig(session?.connection?.type)?.features?.task?.includes(TaskType.EXPORT) ); } + +export function isSupportPLEdit(session: SessionStore) { + return getDataSourceModeConfig(session?.odcDatabase?.dataSource?.type)?.features?.plEdit; +} diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx index e08cbab58..7c6fe7e06 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/procedure.tsx @@ -36,7 +36,7 @@ import { message, Modal } from 'antd'; import { ResourceNodeType } from '../../type'; import { IMenuItemConfig } from '../type'; import { getDataSourceModeConfig } from '@/common/datasource'; -import { isSupportExport } from './helper'; +import { isSupportExport, isSupportPLEdit } from './helper'; export const procedureMenusConfig: Partial> = { [ResourceNodeType.ProcedureRoot]: [ @@ -117,6 +117,9 @@ export const procedureMenusConfig: Partial { + return !isSupportPLEdit(session); + }, async run(session, node) { const proc: IProcedure = node.data; await openProcedureEditPageByProName( diff --git a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx index 708822d07..f0de6be51 100644 --- a/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/config/trigger.tsx @@ -35,7 +35,7 @@ import BatchCompileSvg from '@/svgr/batch-compile-all.svg'; import { downloadPLDDL } from '@/util/sqlExport'; import { PlusOutlined, QuestionCircleFilled, ReloadOutlined } from '@ant-design/icons'; import { message, Modal } from 'antd'; -import { isSupportExport } from './helper'; +import { isSupportExport, isSupportPLEdit } from './helper'; export const triggerMenusConfig: Partial> = { [ResourceNodeType.TriggerRoot]: [ @@ -103,6 +103,9 @@ export const triggerMenusConfig: Partial { + return !isSupportPLEdit(session); + }, run(session, node) { const trigger: ITrigger = node.data; openTriggerEditPageByName( From 1880d811c8abdcdcccd26f163c37691154cc758a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Mon, 30 Oct 2023 10:49:32 +0800 Subject: [PATCH 35/82] fixes oceanbase/odc#650 --- .../SideBar/ResourceTree/SelectPanel/Datasource/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx index b7f23504d..e1270c8b3 100644 --- a/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx +++ b/src/page/Workspace/SideBar/ResourceTree/SelectPanel/Datasource/index.tsx @@ -80,7 +80,7 @@ export default forwardRef(function DatasourceTree({ filters }: IProps, ref) { datasourceList = useMemo(() => { return datasourceList?.filter((item) => !item.temp); - }, []); + }, [datasourceList]); const selectKeys = [context.selectDatasourceId].filter(Boolean); function setSelectKeys(keys) { From a98ee01affe935ca6ee50ee2eeb508c2d7c0f72c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Mon, 30 Oct 2023 11:25:32 +0800 Subject: [PATCH 36/82] fixes oceanbase/odc#585 --- src/common/network/table/helper.ts | 1 + src/d.ts/table.ts | 1 + src/page/Workspace/components/CreateTable/interface.ts | 4 ++++ 3 files changed, 6 insertions(+) diff --git a/src/common/network/table/helper.ts b/src/common/network/table/helper.ts index 462ca7809..8c3399890 100644 --- a/src/common/network/table/helper.ts +++ b/src/common/network/table/helper.ts @@ -283,6 +283,7 @@ export function convertServerTableToTable(data: IServerTable): Partial Date: Mon, 30 Oct 2023 11:28:11 +0800 Subject: [PATCH 37/82] PullRequest: 214 Fixes oceanbase/odc#641 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-github-641 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/214 Signed-off-by: 晓康 * Fixes oceanbase/odc#641 * Fixes oceanbase/odc#641 --- .../SensitiveColumn/components/ManualForm.tsx | 282 +++++++++--------- .../SensitiveColumn/components/index.less | 1 + 2 files changed, 139 insertions(+), 144 deletions(-) diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx index 7e743a565..728185f1e 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/ManualForm.tsx @@ -34,6 +34,7 @@ import { import styles from './index.less'; import React, { forwardRef, + useCallback, useContext, useEffect, useImperativeHandle, @@ -311,6 +312,7 @@ const SelectedSensitiveColumn = forwardRef(function ( // allColumns 左侧敏感列总数、checkedColumns 已勾选的敏感列总数 const [allColumns, setAllColumns] = useState(0); const [checkedColumns, setCheckedColumns] = useState(0); + const [defaultActiveKey, setDefaultActiveKey] = useState([]); // formData 用于记录右侧表单数据，确保搜索前后已选择的表单值不丢失。 const [formData, setFormData] = useState< { @@ -507,6 +509,7 @@ const SelectedSensitiveColumn = forwardRef(function ( return result; }; const handleCheckedKeysChange = async () => { + const values = await _formRef.getFieldsValue(); const treeData = []; let checkedColumns = 0; databaseColumns?.forEach((databaseColumn, index) => { @@ -565,16 +568,19 @@ const SelectedSensitiveColumn = forwardRef(function ( } }); setCheckedColumns(checkedColumns); - const data = parseTreeData(treeData); - setData(data); - setOriginData(data); - setFormData(parseDataToFields(data)); - await _formRef.setFieldsValue(parseDataToFields(data)); + const rawData = parseTreeData(treeData); + setData(rawData); + setDefaultActiveKey(rawData?.map((d) => `${d?.databaseId}/${d?.tableTitle}`)); + setOriginData(rawData); + // 避免删除时丢失已选择的项的值 + setFormData(merge(merge(parseDataToFields(rawData), formData), values)); + await _formRef.setFieldsValue(merge(merge(parseDataToFields(rawData), formData), values)); }; const collapseSearch = async function (searchValue: string) { const values = await _formRef.getFieldsValue(); if (!searchValue) { setData(originData); + setDefaultActiveKey(originData?.map((d) => `${d?.databaseId}/${d?.tableTitle}`)); await _formRef.setFieldsValue(formData); return; } @@ -597,6 +603,7 @@ const SelectedSensitiveColumn = forwardRef(function ( }); await _formRef.setFieldsValue(merge(formData, values)); setData(newData); + setDefaultActiveKey(newData?.map((d) => `${d?.databaseId}/${d?.tableTitle}`)); }; const treeSearch = async function (searchValue: string) { if (!searchValue) { @@ -682,24 +689,130 @@ const SelectedSensitiveColumn = forwardRef(function ( ); return e; }; - function handleCollapseDelete(root, leaf) { - const target = data.find( - (_data) => _data?.databaseKey === root.databaseKey && _data.tableKey === root.tableKey, + const handleCollapseDelete = (root: SelectNode, leaf: SelectNodeChild) => { + const newCheckedKeys = checkedKeys.filter( + (checkedKey) => ![root.databaseKey, root.tableKey, leaf.key]?.includes(checkedKey), ); - if (target) { - if (target.children.length === 1) { - const newCheckedKeys = checkedKeys.filter( - (checkedKey) => ![root.tableKey, leaf.key]?.includes(checkedKey), - ); - setCheckedKeys(newCheckedKeys); - } else { - const newCheckedKeys = checkedKeys.filter( - (checkedKey) => ![root.tableKey, leaf.key]?.includes(checkedKey), - ); - setCheckedKeys(newCheckedKeys); - } - } - } + setCheckedKeys(newCheckedKeys); + }; + // 需要及时更新data以及defaultActiveKey，确保新增勾选项时Collapse能正常展开。 + const WrapCollapse = useCallback(() => { + return ( + + {data?.map((root) => { + return ( + + + + + + {`${root?.databaseTitle}/${root?.tableTitle}`} + + } + key={`${root?.databaseId}/${root?.tableTitle}`} + > + {root?.children?.map((child, index) => { + return ( +
+
+
+ + + + +
{child?.title}
+ +
+ + colleageValueFromEvent(e, root, child)} + > + + + handleCollapseDelete(root, child)} /> + +
+
+ ); + })} + + ); + })} + + ); + }, [defaultActiveKey, data]); useEffect(() => { setAllColumns(0); setCheckedColumns(0); @@ -707,6 +820,7 @@ const SelectedSensitiveColumn = forwardRef(function ( setDatabaseColumns([]); if (databaseIds?.length > 0) { setData([]); + setDefaultActiveKey([]); setOriginData([]); setFormData({}); getColumns(); @@ -714,6 +828,7 @@ const SelectedSensitiveColumn = forwardRef(function ( setTreeData([]); setOriginTreeData([]); setData([]); + setDefaultActiveKey([]); setOriginData([]); setFormData({}); } @@ -798,128 +913,7 @@ const SelectedSensitiveColumn = forwardRef(function ( > {data?.length > 0 ? (
- `${d?.databaseId}/${d?.tableTitle}`)} - ghost - className={styles.wrapCollapse} - > - {data?.map((d) => { - return ( - - - - - - {`${d?.databaseTitle}/${d?.tableTitle}`} - - } - key={`${d?.databaseId}/${d?.tableTitle}`} - > - {d?.children?.map((child, index) => { - return ( -
-
-
- - - - -
- {child?.title} -
- -
- - colleageValueFromEvent(e, d, child)} - > - - - handleCollapseDelete(d, child)} /> - -
-
- ); - })} - - ); - })} - + ) : originData?.length === 0 ? (
diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less b/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less index 1eb7a9ff3..3d42858f5 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/index.less @@ -186,6 +186,7 @@ display: flex; align-items: baseline; gap: 8px; + margin-right: 8px; &Icon { align-self: flex-start; line-height: 28px; From dea64d59e769fb8ce5c92342296a78e8d224afe8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=8F=E5=92=8C?= Date: Mon, 30 Oct 2023 11:58:46 +0800 Subject: [PATCH 38/82] PullRequest: 215 fix/dev-4.2.2-bugs-xyh-1030 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-bugs-xyh-1030 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/215 Signed-off-by: 晓康 * Fixes oceanbase/odc#648 * Fixes oceanbase/odc#644 * Fixes oceanbase/odc#646 --- .../Task/DataClearTask/DetailContent/index.tsx | 8 ++++++-- .../Task/component/RollbackModal/index.tsx | 13 ++++--------- src/d.ts/index.ts | 5 +++++ src/page/Workspace/components/ViewPage/index.tsx | 3 ++- 4 files changed, 17 insertions(+), 12 deletions(-) diff --git a/src/component/Task/DataClearTask/DetailContent/index.tsx b/src/component/Task/DataClearTask/DetailContent/index.tsx index 136e889d8..4a4cd5e82 100644 --- a/src/component/Task/DataClearTask/DetailContent/index.tsx +++ b/src/component/Task/DataClearTask/DetailContent/index.tsx @@ -25,13 +25,14 @@ import type { CycleTaskDetail, IDataArchiveJobParameters, TaskOperationType } fr import { formatMessage } from '@/util/intl'; import { getFormatDateTime, kbToMb, mbToKb } from '@/util/utils'; import { DownOutlined, UpOutlined } from '@ant-design/icons'; -import { Collapse, Descriptions, Divider, Space, message } from 'antd'; +import { Collapse, Descriptions, Divider, Space, message, Typography } from 'antd'; import React from 'react'; import styles from '../../index.less'; import ArchiveRange from './ArchiveRange'; import ThrottleEditableCell from '../../component/ThrottleEditableCell'; const { Panel } = Collapse; +const { Text } = Typography; interface IProps { task: CycleTaskDetail; @@ -83,7 +84,10 @@ const DataClearTaskContent: React.FC = (props) => { span={2} label={formatMessage({ id: 'odc.DataClearTask.DetailContent.Database' })} /*数据库*/ > - {task?.databaseName || '-'} + + {task?.databaseName || '-'} + {task?.datasource?.name} + {hasFlow && ( = (props) => { - const { open, generateRollbackPlan, onOk, onCancel } = props; - const [value, setValue] = useState(RollbackType.REF); - const [disabledRef, setDisabledRef] = useState(false); + const { open, onOk, onCancel } = props; + const [value, setValue] = useState(RollbackType.CUSTOM); + const disabledRef = true; const handleChange = (e: RadioChangeEvent) => { setValue(e.target.value); @@ -41,11 +41,6 @@ const RollBackModal: React.FC = (props) => { onOk(value); }; - useEffect(() => { - setDisabledRef(!generateRollbackPlan); - setValue(generateRollbackPlan ? RollbackType.REF : RollbackType.CUSTOM); - }, [generateRollbackPlan]); - return ( { name: string; dbMode: ConnectionMode; }; + datasource?: { + id: number; + name: string; + dbMode: ConnectionMode; + }; riskLevel?: IRiskLevel; description?: string; } diff --git a/src/page/Workspace/components/ViewPage/index.tsx b/src/page/Workspace/components/ViewPage/index.tsx index 3a45edc72..0ab9bd659 100644 --- a/src/page/Workspace/components/ViewPage/index.tsx +++ b/src/page/Workspace/components/ViewPage/index.tsx @@ -356,12 +356,13 @@ class ViewPage extends Component { - const { modalStore, session } = this.props; + const { modalStore, session, params } = this.props; const { resultSet } = this.state; const sql = resultSet?.originSql; modalStore.changeCreateResultSetExportTaskModal(true, { sql, databaseId: session?.database.databaseId, + tableName: params?.viewName, }); }; From 96843fa81b52a72f48eb170d20a3e2e775594289 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Mon, 30 Oct 2023 13:53:36 +0800 Subject: [PATCH 39/82] add maxheight in db timeline --- .../Workspace/components/SQLResultSet/ExecuteHistory.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/page/Workspace/components/SQLResultSet/ExecuteHistory.tsx b/src/page/Workspace/components/SQLResultSet/ExecuteHistory.tsx index 1b508c1f4..f23d3ca1b 100644 --- a/src/page/Workspace/components/SQLResultSet/ExecuteHistory.tsx +++ b/src/page/Workspace/components/SQLResultSet/ExecuteHistory.tsx @@ -194,8 +194,12 @@ const ExecuteHistory: React.FC = function (props) { {DBCostTime} } From b5f76ee771a06c300c8c659b22fdf3cdb21c6a34 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=9C=9D=E4=BF=8A?= Date: Mon, 30 Oct 2023 15:12:41 +0800 Subject: [PATCH 40/82] PullRequest: 216 Fixes oceanbase/odc#460 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-github-460 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/216 Signed-off-by: 晓康 * Fixes oceanbase/odc#460 --- src/component/CommonTable/index.tsx | 5 +++-- .../SensitiveColumn/components/EditSensitiveColumnModal.tsx | 1 - 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/component/CommonTable/index.tsx b/src/component/CommonTable/index.tsx index b69b6e227..d59329667 100644 --- a/src/component/CommonTable/index.tsx +++ b/src/component/CommonTable/index.tsx @@ -241,7 +241,7 @@ const CommonTable: ( pageSize, }); } - function handleCascaderValueChangee(value: string[]) { + function handleCascaderValueChange(value: string[]) { setCascaderValue(value); setPagination(null); onChange?.({ @@ -301,6 +301,7 @@ const CommonTable: ( async function handleReload( args: ITableLoadOptions = { searchValue, + cascaderValue, filters, sorter, pagination, @@ -374,7 +375,7 @@ const CommonTable: ( ? { ...cascaderContent, onChange: (value, selectedOptions) => { - handleCascaderValueChangee(value); + handleCascaderValueChange(value); }, } : null diff --git a/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx b/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx index 2febc62d8..03cce04c9 100644 --- a/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx +++ b/src/page/Project/Sensitive/components/SensitiveColumn/components/EditSensitiveColumnModal.tsx @@ -102,7 +102,6 @@ const EditSensitiveColumnModal = ({ id: 'odc.SensitiveColumn.components.EditSensitiveColumnModal.PleaseSelect', }) //请选择 } - style={{ width: '352px' }} optionLabelProp="label" > {maskingAlgorithmOptions?.map((option, index) => { From 3bc35dfe80514e2c25eb14dbe325ee756ffa142c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Mon, 30 Oct 2023 15:12:55 +0800 Subject: [PATCH 41/82] update datatype name --- src/constant/label.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/constant/label.ts b/src/constant/label.ts index 37c60fced..93b836f06 100644 --- a/src/constant/label.ts +++ b/src/constant/label.ts @@ -77,9 +77,9 @@ export const ConnectTypeText = { [ConnectType.OB_MYSQL]: 'OceanBase MySQL', [ConnectType.OB_ORACLE]: 'OceanBase Oracle', - [ConnectType.CLOUD_OB_MYSQL]: 'OceanBase MySQL Cloud', - [ConnectType.CLOUD_OB_ORACLE]: 'OceanBase Oracle Cloud', - [ConnectType.ODP_SHARDING_OB_MYSQL]: 'OceanBase MySQL Sharding', + [ConnectType.CLOUD_OB_MYSQL]: 'OB Cloud MySQL', + [ConnectType.CLOUD_OB_ORACLE]: 'OB Cloud Oracle', + [ConnectType.ODP_SHARDING_OB_MYSQL]: 'OB Sharding MySQL', [ConnectType.MYSQL]: 'MySQL', }; From 79c02130c52d75a8220bd75e4bb0910ae552689f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=8F=E5=92=8C?= Date: Mon, 30 Oct 2023 16:59:39 +0800 Subject: [PATCH 42/82] PullRequest: 217 fix/dev-4.2.2-bugs-xyh-1030-02 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-bugs-xyh-1030-02 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/217 Signed-off-by: 晓康 * Fixes oceanbase/odc#647 * Fixes oceanbase/odc#500 --- .../Task/ImportTask/CreateModal/csvMapping/index.tsx | 7 ++++++- src/page/Workspace/components/DDLResultSet/index.tsx | 2 +- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx b/src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx index 3c1f9185a..b3279078c 100644 --- a/src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx +++ b/src/component/Task/ImportTask/CreateModal/csvMapping/index.tsx @@ -51,6 +51,9 @@ class CsvMapping extends React.Component< } getTableColumns = async () => { const { databaseName, sessionId } = this.props; + if (!sessionId) { + return; + } const columns = await getTableColumnList(this.props.tableName, databaseName, sessionId); this.setState({ columns, @@ -60,6 +63,7 @@ class CsvMapping extends React.Component< prevProps: Readonly<{ csvColumnMappings: CsvColumnMapping[]; tableName: string; + sessionId: string; onChangeCsvColumnMappings: (csvColumnMappings: CsvColumnMapping[]) => void; csvMappingErrors: { errorMsg: string; @@ -70,7 +74,8 @@ class CsvMapping extends React.Component< prevState: Readonly<{ columns: ITableColumn[] }>, snapshot?: any, ): void { - if (prevProps.tableName !== this.props.tableName) { + const { tableName, sessionId } = this.props; + if (prevProps.tableName !== tableName || prevProps.sessionId !== sessionId) { this.getTableColumns(); } } diff --git a/src/page/Workspace/components/DDLResultSet/index.tsx b/src/page/Workspace/components/DDLResultSet/index.tsx index 6fbd6b07d..58b51664d 100644 --- a/src/page/Workspace/components/DDLResultSet/index.tsx +++ b/src/page/Workspace/components/DDLResultSet/index.tsx @@ -700,7 +700,7 @@ const DDLResultSet: React.FC = function (props) { let filterRowIdx; if (selectedCellRowsKey.length === 1) { selectedRowIdx = rows.findIndex((row) => row._rowIndex == selectedCellRowsKey[0]); - filterRowIdx = gridRef.current?.selectedRange?.rowIdx; + filterRowIdx = filterRows.findIndex((row) => row._rowIndex == selectedCellRowsKey[0]); } const rgdColumns = useColumns( columnsToDisplay, From 00fdd3eda8044746b02155ceb5bc8ce78b824ee2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=99=93=E5=BA=B7?= Date: Mon, 30 Oct 2023 17:54:18 +0800 Subject: [PATCH 43/82] remove sql check in private space --- src/component/ExecuteSQLModal/index.tsx | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/src/component/ExecuteSQLModal/index.tsx b/src/component/ExecuteSQLModal/index.tsx index 1f71a1729..ad32cb6fc 100644 --- a/src/component/ExecuteSQLModal/index.tsx +++ b/src/component/ExecuteSQLModal/index.tsx @@ -27,6 +27,7 @@ import { editor } from 'monaco-editor/esm/vs/editor/editor.api'; import { CopyToClipboard } from 'react-copy-to-clipboard'; import MonacoEditor from '../MonacoEditor'; import LintDrawer from '../SQLLintResult/Drawer'; +import login from '@/store/login'; interface IProps { sessionStore: SessionStore; @@ -116,13 +117,15 @@ const ExecuteSQLModal: React.FC = (props) => { onOk={handleSubmit} onCancel={onCancel} footer={[ - , + login.isPrivateSpace() ? null : ( + + ), , - ]} + ].filter(Boolean)} > {tip && }
Date: Mon, 30 Oct 2023 17:56:09 +0800 Subject: [PATCH 44/82] PullRequest: 218 fix/dev-4.2.2-bugs-xyh-1030-03 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Merge branch 'fix/dev-4.2.2-bugs-xyh-1030-03 of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.2.2 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/218 Signed-off-by: 晓康 * fix: task(text change) * fix: task detail - flow modal (approval button visible) --- .../Task/DataClearTask/CreateModal/ArchiveRange.tsx | 5 +++-- .../Task/DataClearTask/CreateModal/VariableConfig.tsx | 8 ++------ .../Task/component/CommonDetailModal/FlowModal.tsx | 5 +---- src/component/helpDoc/doc.tsx | 5 +++++ 4 files changed, 11 insertions(+), 12 deletions(-) diff --git a/src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx b/src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx index 797aa1b4a..1eeade052 100644 --- a/src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx +++ b/src/component/Task/DataClearTask/CreateModal/ArchiveRange.tsx @@ -76,7 +76,7 @@ const ArchiveRange: React.FC = (props) => { }
- + { formatMessage({ id: 'odc.DataClearTask.CreateModal.ArchiveRange.CleaningConditions', @@ -121,7 +121,8 @@ const ArchiveRange: React.FC = (props) => { diff --git a/src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx b/src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx index 979a34521..db7486184 100644 --- a/src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx +++ b/src/component/Task/DataClearTask/CreateModal/VariableConfig.tsx @@ -73,12 +73,8 @@ const VariableConfig: React.FC = (props) => { } - - { - formatMessage({ - id: 'odc.DataArchiveTask.CreateModal.VariableConfig.VariablesCanBeReferencedIn.1', - }) /*变量可在归档配置的过滤条件中引用 (可选)*/ - } + + 变量可在清理范围的清理条件中引用 (可选) diff --git a/src/component/Task/component/CommonDetailModal/FlowModal.tsx b/src/component/Task/component/CommonDetailModal/FlowModal.tsx index c1e3af2cc..50809a64c 100644 --- a/src/component/Task/component/CommonDetailModal/FlowModal.tsx +++ b/src/component/Task/component/CommonDetailModal/FlowModal.tsx @@ -44,8 +44,6 @@ const FlowModal: React.FC = function (props) { const [task, setTask] = useState(null); const [approvalVisible, setApprovalVisible] = useState(false); const [approvalStatus, setApprovalStatus] = useState(false); - const isOwner = user?.id === task?.creator?.id; - const isApprovable = task?.approvable; const getTask = async function (id) { setLoading(true); const data = await getTaskDetail(id); @@ -72,8 +70,7 @@ const FlowModal: React.FC = function (props) { /*审批记录*/ destroyOnClose className={styles.flowDrawer} footer={ - isOwner && - isApprovable && ( + task?.approvable && (