#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
/* stylelint-disable */
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;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  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;
}
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;
  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: #feffe6;
}
:root {
  --background: #161a1e;
  --background-secondary: #1c242c;
  --background-hover: #1e262c;
  --background-active: #232b33;
  --background-overlay: rgba(13, 15, 16, 0.8);
  --foreground: #e0e0e0;
  --foreground-secondary: #9ca3af;
  --foreground-tertiary: #666666;
  --foreground-disabled: #6b7280;
  --foreground-inverse: #0d0f10;
  --primary: #00d4d4;
  --primary-hover: #00e5e5;
  --primary-active: #00b3b3;
  --primary-disabled: rgba(var(--primary-rgb), 0.5);
  --primary-light: rgba(var(--primary-rgb), 0.1);
  --primary-dark: rgba(var(--primary-rgb), 0.8);
  --primary-foreground: #0d0f10;
  --secondary: #2c3e50;
  --secondary-hover: #33506c;
  --secondary-active: #182430;
  --secondary-disabled: rgba(var(--secondary-rgb), 0.5);
  --success: #00c853;
  --success-hover: #29e075;
  --success-active: #00a142;
  --success-light: rgba(var(--success-rgb), 0.1);
  --success-foreground: #ffffff;
  --error: #ff5252;
  --error-hover: #ff7373;
  --error-active: #e04040;
  --error-light: rgba(var(--error-rgb), 0.1);
  --error-foreground: #ffffff;
  --warning: #ffc107;
  --warning-hover: #ffd149;
  --warning-active: #e0ac00;
  --warning-light: rgba(var(--warning-rgb), 0.1);
  --warning-foreground: #0d0f10;
  --info: #2196f3;
  --info-hover: #42a5f5;
  --info-active: #1976d2;
  --info-light: rgba(var(--info-rgb), 0.1);
  --info-foreground: #ffffff;
  --urgent: #FF7739;
  --urgent-hover: #FF9A68;
  --urgent-active: #E75714;
  --urgent-light: rgba(var(--urgent-rgb), 0.1);
  --urgent-disabled: rgba(var(--urgent-rgb), 0.3);
  --border: #2c3e50;
  --border-secondary: #1e262c;
  --border-light: #364a5e;
  --border-disabled: #25303b;
  --primary-table-lines: rgba(var(--primary-rgb), 0.3);
  --scroller: #333e49;
  --drawer: #161a1e;
  --input: #253342;
  --dark-gradient: #06151B;
  --background-rgb: 0, 212, 212;
  --foreground-rgb: 224, 224, 224;
  --primary-rgb: 0, 212, 212;
  --secondary-rgb: 44, 62, 80;
  --success-rgb: 0, 200, 83;
  --error-rgb: 255, 82, 82;
  --warning-rgb: 255, 193, 7;
  --info-rgb: 33, 150, 243;
  --urgent-rgb: 255, 119, 57;
  --border-rgb: 44, 62, 80;
  --scroller-rgb: 51, 62, 73;
  --drawer-rgb: 22, 26, 30;
  --input-rgb: 37, 51, 66;
  --color-1: #00d4d4;
  --color-1-rgb: 0, 212, 212;
  --color-2: #0082d4;
  --color-2-rgb: 0, 130, 212;
  --color-3: #82d400;
  --color-3-rgb: 130, 212, 0;
  --color-4: #00d479;
  --color-4-rgb: 0, 212, 121;
  --color-5: #d48a00;
  --color-5-rgb: 212, 138, 0;
  --color-6: #d40082;
  --color-6-rgb: 212, 0, 130;
  --color-7: #d40026;
  --color-7-rgb: 212, 0, 38;
  --color-8: #8200d4;
  --color-8-rgb: 130, 0, 212;
  --color-9: #d4a800;
  --color-9-rgb: 212, 168, 0;
  --color-10: #0026d4;
  --color-10-rgb: 0, 38, 212;
  --color-11: #d45c00;
  --color-11-rgb: 212, 92, 0;
  --color-12: #5c00d4;
  --color-12-rgb: 92, 0, 212;
  --color-13: #00a8e0;
  --color-13-rgb: 0, 168, 224;
  --color-14: #66e000;
  --color-14-rgb: 102, 224, 0;
  --color-15: #00e098;
  --color-15-rgb: 0, 224, 152;
  --color-16: #00c71e;
  --color-16-rgb: 0, 199, 30;
  --color-17: #c2d400;
  --color-17-rgb: 194, 212, 0;
  --color-18: #eb5200;
  --color-18-rgb: 235, 82, 0;
  --color-19: #64C6E4;
  --color-19-rgb: 100, 198, 228;
  --color-20: #AFF277;
  --color-20-rgb: 175, 242, 120;
  --color-21: #7DFFD5;
  --color-21-rgb: 125, 255, 214;
  --color-22: #86F49A;
  --color-22-rgb: 134, 245, 155;
  --color-23: #E7ED9F;
  --color-23-rgb: 231, 237, 159;
  --color-24: #FF9860;
  --color-24-rgb: 255, 152, 96;
  --spacing-xs: 4px;
  --spacing-sm: 6px;
  --spacing-md: 8px;
  --spacing-lg: 10px;
  --spacing-xl: 12px;
  --spacing-xxl: 16px;
  --spacing-xxxl: 20px;
  --spacing-xxxxl: 24px;
}
* {
  outline: none !important;
}
html,
body {
  color: var(--foreground);
  overflow-x: hidden;
}
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
::selection {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  opacity: 0;
}
:hover::-webkit-scrollbar {
  opacity: 1;
}
::-webkit-scrollbar-thumb {
  width: 6px;
  transition: background-color 0.2s ease-in-out;
}
:hover::-webkit-scrollbar-thumb {
  background-color: var(--scroller);
  border-radius: 4px;
  cursor: pointer;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
.n-scrollbar-rail__scrollbar {
  background-color: var(--scroller) !important;
}
.rc-virtual-list-scrollbar .rc-virtual-list-scrollbar-thumb {
  width: 6px !important;
  background-color: var(--scroller) !important;
  transform: translateX(3px);
}
.page-layout {
  height: 100%;
  background: var(--background);
  color: var(--foreground);
}
.page-layout .page-layout-header {
  background: linear-gradient(90deg, #1d313c 0%, #1c242c 100%);
  border-bottom: 1px solid var(--border);
}
.page-layout .page-layout-header-transparent {
  background: transparent;
  border-bottom: none !important;
}
.page-layout .page-layout-header,
.page-layout .page-layout-header-transparent {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 18px;
}
.page-layout .page-layout-header .page-layout-header__brand,
.page-layout .page-layout-header-transparent .page-layout-header__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.page-layout .page-layout-header .page-layout-header__logo,
.page-layout .page-layout-header-transparent .page-layout-header__logo {
  height: 18px;
  width: auto;
  object-fit: contain;
  cursor: pointer;
}
.page-layout .page-layout-header .page-layout-header__name,
.page-layout .page-layout-header-transparent .page-layout-header__name {
  font-size: 18px;
  font-weight: 600;
  color: var(--primary);
}
.page-layout .page-layout-header .page-layout-header__nav,
.page-layout .page-layout-header-transparent .page-layout-header__nav {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  color: var(--foreground);
  cursor: pointer;
}
.page-layout .page-layout-header .page-layout-header__nav:hover,
.page-layout .page-layout-header-transparent .page-layout-header__nav:hover {
  color: var(--primary);
}
.ant-layout .ant-layout-sider {
  padding: 8px 0 8px 8px;
  background: var(--background-secondary);
  overflow-y: scroll;
}
.ant-layout .ant-layout-sider-transparent {
  padding: 8px 0 8px 8px;
  background: transparent !important;
  overflow-y: scroll;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 3;
}
.ant-layout .ant-layout-sider-transparent .ant-menu {
  background-color: transparent !important;
  flex: 1;
  min-height: 100%;
}
.a-dropdown-menu-transparent .ln-change-system__overlay {
  background: transparent !important;
  border: 1px solid rgba(var(--foreground-rgb), 0.7) !important;
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__intro-icon {
  filter: drop-shadow(#fff 100px 0);
  transform: translateX(-100px);
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__intro-title {
  color: #fff;
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__intro-desc {
  color: var(--foreground);
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item {
  overflow: hidden;
  color: #fff;
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item--disabled,
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item--disabled:hover {
  color: rgba(var(--foreground-rgb), 0.7) !important;
  cursor: not-allowed;
  background-color: transparent !important;
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item--disabled .ln-change-system__icon,
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item--disabled:hover .ln-change-system__icon {
  filter: drop-shadow(rgba(var(--foreground-rgb), 0.7) 100px 0) !important;
  transform: translateX(-100px);
}
.a-dropdown-menu-transparent .ln-change-system__overlay .ln-change-system__list-item .ln-change-system__icon {
  filter: drop-shadow(#fff 100px 0);
  transform: translateX(-100px);
}
.headerIcon .icon-svg {
  filter: drop-shadow(var(--foreground) 100px 0);
  transform: translateX(-100px);
}
.headerIcon:hover .icon-svg {
  filter: drop-shadow(var(--primary) 100px 0);
}
.sider-toggle {
  position: fixed;
  width: 16px;
  height: 48px;
  left: 220px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  transition: all 0.2s;
  cursor: pointer;
}
.collapsed-sider-toggle {
  left: 80px;
}
.sider-toggle-icon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.anticon {
  flex-shrink: 0;
  display: inline-block;
}
.filter-container {
  color: var(--foreground);
}
.filter-container .ant-input-affix-wrapper,
.filter-container .ant-select,
.filter-container .ant-cascader,
.filter-container .ant-picker,
.filter-container .el-cascader,
.filter-container .ant-picker-range {
  width: 240px;
}
.page-title-container {
  width: 100%;
  padding: 0 20px;
  background: var(--background-secondary);
}
.page-title-breadcrumb-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.page-title-breadcrumb {
  height: 40px;
  display: flex;
  align-items: center;
}
/* 亮色面包屑 */
.light-breadcrumb-item .ant-breadcrumb-link {
  color: var(--primary) !important;
}
/* 链接面包屑 */
.link-breadcrumb-item .ant-breadcrumb-link {
  color: var(--foreground) !important;
  cursor: pointer;
}
.link-breadcrumb-item .ant-breadcrumb-link:hover {
  color: var(--primary) !important;
}
.page-title-tab .ant-tabs-nav {
  background: var(--background-secondary);
}
.ant-btn {
  height: 32px;
  padding: 0px 14px;
  border-radius: 4px !important;
}
.ant-btn:disabled {
  filter: brightness(70%);
}
.ant-btn .anticon + span,
.ant-btn span + .anticon {
  margin-inline-start: 4px;
}
.ant-btn-primary,
.ant-btn-primary:disabled {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary-foreground);
}
.ant-btn-primary:not(:disabled):hover,
.ant-btn-primary:disabled:not(:disabled):hover {
  background-color: var(--primary-hover);
  border-color: transparent;
  color: var(--primary-foreground);
}
.ant-btn-primary:not(:disabled):active,
.ant-btn-primary:disabled:not(:disabled):active {
  background-color: var(--primary-active);
  border-color: transparent;
  color: var(--primary-foreground);
}
.ant-btn-default,
.ant-btn-default:disabled {
  background-color: var(--secondary);
  border-color: transparent;
  color: var(--foreground);
}
.ant-btn-default:not(:disabled):hover,
.ant-btn-default:disabled:not(:disabled):hover {
  background-color: var(--secondary-hover);
  border-color: transparent;
  color: var(--foreground);
}
.ant-btn-default:not(:disabled):active,
.ant-btn-default:disabled:not(:disabled):active {
  background-color: var(--secondary-active);
  border-color: transparent;
  color: var(--foreground);
}
.ant-btn-primary.ant-btn-background-ghost,
.ant-btn-primary.ant-btn-background-ghost:disabled {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.ant-btn-primary.ant-btn-background-ghost:not(:disabled):hover,
.ant-btn-primary.ant-btn-background-ghost:disabled:not(:disabled):hover {
  border-color: var(--primary-hover);
  color: var(--primary-hover);
}
.ant-btn-primary.ant-btn-background-ghost:not(:disabled):active,
.ant-btn-primary.ant-btn-background-ghost:disabled:not(:disabled):active {
  border-color: var(--primary-active);
  color: var(--primary-active);
}
.ant-btn-border,
.ant-btn-border:disabled,
.ant-btn-dashed,
.ant-btn-dashed:disabled {
  background-color: transparent;
  border-color: var(--border);
  color: var(--foreground);
}
.ant-btn-border:not(:disabled):hover,
.ant-btn-border:disabled:not(:disabled):hover,
.ant-btn-dashed:not(:disabled):hover,
.ant-btn-dashed:disabled:not(:disabled):hover {
  background-color: transparent;
  border-color: var(--primary-hover);
  color: var(--primary-hover);
}
.ant-btn-border:not(:disabled):active,
.ant-btn-border:disabled:not(:disabled):active,
.ant-btn-dashed:not(:disabled):active,
.ant-btn-dashed:disabled:not(:disabled):active {
  background-color: transparent;
  border-color: var(--primary-active);
  color: var(--primary-active);
}
.ant-btn-text,
.ant-btn-text:disabled {
  background-color: transparent;
  color: var(--primary);
}
.ant-btn-text:not(:disabled):hover,
.ant-btn-text:disabled:not(:disabled):hover {
  background-color: transparent;
  color: var(--primary-hover);
}
.ant-btn-text:not(:disabled):active,
.ant-btn-text:disabled:not(:disabled):active {
  background-color: transparent;
  color: var(--primary-active);
}
.ant-btn-primary.ant-btn-dangerous,
.ant-btn-primary.ant-btn-dangerous:disabled {
  background-color: var(--error);
  border-color: transparent;
  color: var(--error-foreground);
}
.ant-btn-primary.ant-btn-dangerous:not(:disabled):hover,
.ant-btn-primary.ant-btn-dangerous:disabled:not(:disabled):hover {
  background-color: var(--error-hover);
  border-color: transparent;
  color: var(--error-foreground);
}
.ant-btn-primary.ant-btn-dangerous:not(:disabled):active,
.ant-btn-primary.ant-btn-dangerous:disabled:not(:disabled):active {
  background-color: var(--error-active);
  border-color: transparent;
  color: var(--error-foreground);
}
.ant-btn-text.ant-btn-dangerous,
.ant-btn-text.ant-btn-dangerous:disabled {
  background-color: transparent;
  color: var(--error);
}
.ant-btn-text.ant-btn-dangerous:not(:disabled):hover,
.ant-btn-text.ant-btn-dangerous:disabled:not(:disabled):hover {
  background-color: transparent;
  color: var(--error-hover);
}
.ant-btn-text.ant-btn-dangerous:not(:disabled):active,
.ant-btn-text.ant-btn-dangerous:disabled:not(:disabled):active {
  background-color: transparent;
  color: var(--error-active);
}
.ant-btn-sm {
  height: 24px;
  padding: 0px 12px;
  font-size: 12px;
}
.ant-btn-lg {
  height: 38px;
  padding: 0px 16px;
  font-size: 14px;
}
.ant-btn-xl {
  height: 48px;
  padding: 0px 20px;
  font-size: 15px;
}
.operate-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  cursor: pointer;
  color: var(--primary);
}
.operate-btn:hover {
  color: var(--primary-hover);
}
.operate-btn:active {
  color: var(--primary-active);
}
.operate-btn-success {
  color: var(--success);
}
.operate-btn-success:hover {
  color: var(--success-hover);
}
.operate-btn-success:active {
  color: var(--success-active);
}
.operate-btn-warning {
  color: var(--warning);
}
.operate-btn-warning:hover {
  color: var(--warning-hover);
}
.operate-btn-warning:active {
  color: var(--warning-active);
}
.operate-btn-error {
  color: var(--error);
}
.operate-btn-error:hover {
  color: var(--error-hover);
}
.operate-btn-error:active {
  color: var(--error-active);
}
.operate-btn-info {
  color: var(--info);
}
.operate-btn-info:hover {
  color: var(--info-hover);
}
.operate-btn-info:active {
  color: var(--info-active);
}
.operate-btn-urgent {
  color: var(--urgent);
}
.operate-btn-urgent:hover {
  color: var(--urgent-hover);
}
.operate-btn-urgent:active {
  color: var(--urgent-active);
}
.ant-menu {
  background-color: var(--background-secondary);
  border-inline-end: none !important;
  color: var(--foreground);
}
.ant-menu .ant-menu-submenu > .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  height: 46px;
}
.ant-menu .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-item-icon {
  filter: drop-shadow(var(--foreground) 100px 0);
  transform: translateX(-100px);
}
.ant-menu .ant-menu-submenu.ant-menu-submenu-open:not(.ant-menu-submenu-selected):hover > .ant-menu-submenu-title,
.ant-menu .ant-menu-submenu:not(.ant-menu-submenu-selected) > .ant-menu-submenu-title:hover {
  background: linear-gradient(90deg, var(--primary-light) 0%, transparent 100%);
  border-radius: 24px 0 0 24px;
  color: var(--foreground);
}
.ant-menu .ant-menu-submenu.ant-menu-submenu-selected > .ant-menu-submenu-title {
  background: linear-gradient(90deg, var(--primary-light) 0%, transparent 100%);
  border-radius: 24px 0 0 24px;
  color: var(--primary) !important;
}
.ant-menu .ant-menu-submenu.ant-menu-submenu-selected > .ant-menu-submenu-title .ant-menu-item-icon {
  filter: drop-shadow(var(--primary) 100px 0);
  transform: translateX(-100px);
}
.ant-menu .ant-menu-item {
  height: 46px;
  border-radius: 24px 0 0 24px;
}
.ant-menu .ant-menu-item.ant-menu-item-only-child {
  height: 38px;
  border-radius: 4px;
}
.ant-menu .ant-menu-item:hover:not(.ant-menu-item-selected):not(
      .ant-menu-item-disabled
    ) {
  background: linear-gradient(90deg, var(--primary-light) 0%, transparent 100%);
  color: var(--foreground);
}
.ant-menu .ant-menu-item:hover:not(.ant-menu-item-selected):not(
      .ant-menu-item-disabled
    ).ant-menu-item-only-child {
  color: var(--primary);
  background: transparent;
}
.ant-menu .ant-menu-item.ant-menu-item-selected {
  background: linear-gradient(90deg, var(--primary) 0%, transparent 100%);
  color: var(--foreground);
}
.ant-menu .ant-menu-item.ant-menu-item-selected.ant-menu-item-only-child {
  background: linear-gradient(90deg, var(--primary) 0%, transparent 100%);
  border-radius: 24px 0 0 24px;
  color: var(--foreground);
}
.ant-menu .ant-menu-item.ant-menu-item-disabled {
  color: var(--foreground-disabled) !important;
}
.ant-menu .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-arrow {
  transform: translateY(-50%) !important;
}
.ant-menu .ant-menu-submenu.ant-menu-submenu-open .ant-menu-submenu-arrow::after {
  transform: translateX(50%) translateY(-50%) rotate(90deg) !important;
}
.ant-menu .ant-menu-submenu-arrow {
  transform: translateY(-50%);
}
.ant-menu .ant-menu-submenu-arrow::before {
  content: '';
  display: none;
}
.ant-menu .ant-menu-submenu-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: transparent;
  border-width: 6px 0 6px 7px;
  border-style: solid;
  border-color: transparent transparent transparent var(--foreground);
  transform: translateX(50%) translateY(-50%) rotate(0deg);
}
.ant-menu-light.ant-menu-submenu > .ant-menu {
  background-color: var(--background-secondary);
  border: 1px solid var(--border);
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1);
}
.ant-table {
  background-color: var(--background) !important;
}
.ant-table table,
.ant-table th,
.ant-table .ant-table-container,
.ant-table .ant-table-header {
  border-radius: 0px !important;
}
.ant-table .ant-table-thead {
  background-color: var(--scroller);
}
.ant-table .ant-table-thead tr > th {
  background-color: var(--scroller);
  border-bottom: 1px solid var(--primary);
  color: var(--foreground);
  font-weight: 400;
}
.ant-table .ant-table-thead tr > th::before {
  display: none;
}
.ant-table .ant-table-thead .ant-table-cell-scrollbar {
  box-shadow: none;
}
.ant-table .ant-table-tbody tr td {
  background-color: var(--background) !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.3) !important;
}
.ant-table .ant-table-tbody tr.table-striped td {
  background-color: var(--background-secondary) !important;
}
.ant-table .ant-table-tbody tr.table-striped td.ant-table-cell-row-hover,
.ant-table .ant-table-tbody td.ant-table-cell-row-hover {
  background-color: var(--background-hover) !important;
}
.ant-table .ant-table-tbody td {
  color: var(--foreground-secondary);
}
.ant-table.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(var(--primary-rgb), 0.2);
}
.ant-table.ant-table-ping-right .ant-table-cell-fix-right-first::after {
  box-shadow: inset -10px 0 8px -8px rgba(var(--primary-rgb), 0.2);
}
.ant-table tr td {
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.3) !important;
}
.ant-table .ant-table-placeholder:hover td {
  background-color: var(--background-hover) !important;
}
.ant-table.ant-table-bordered .ant-table-container,
.ant-table.ant-table-bordered table,
.ant-table.ant-table-bordered .ant-table-thead tr th,
.ant-table.ant-table-bordered .ant-table-tbody tr td,
.ant-table.ant-table-bordered .ant-table-cell-fix-right-first::after {
  border-color: rgba(var(--primary-rgb), 0.3) !important;
}
.ant-table-wrapper .ant-table .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table.ant-table-middle .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table .ant-table-tbody > tr > td,
.ant-table-wrapper .ant-table.ant-table-middle .ant-table-tbody > tr > td {
  height: 46px;
  padding: 0 16px !important;
}
.ant-table-wrapper .ant-table.ant-table-small .ant-table-thead > tr > th,
.ant-table-wrapper .ant-table.ant-table-small .ant-table-tbody > tr > td,
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td {
  height: 40px;
  padding: 0px 8px !important;
}
.ant-table-empty .ant-table-cell {
  overflow: hidden;
}
.ant-table-wrapper .ant-table-thead th.ant-table-column-sort,
.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover {
  background-color: var(--scroller) !important;
}
.ant-table-wrapper .ant-table-column-sorter,
.ant-table-wrapper .ant-table-column-sorters:hover .ant-table-column-sorter {
  color: var(--foreground);
}
.ant-table-wrapper .ant-table-column-sorter-up.active,
.ant-table-wrapper .ant-table-column-sorter-down.active {
  color: var(--primary);
}
.ant-table-wrapper .ant-table-row-expand-icon:focus,
.ant-table-wrapper .ant-table-row-expand-icon:hover,
.ant-table-wrapper .ant-table-row-expand-icon:active {
  color: var(--primary);
  border-color: var(--primary);
  background: var(--background);
}
.ant-table-wrapper .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table,
.ant-table-wrapper .ant-table-tbody > tr > td > .ant-table-expanded-row-fixed > .ant-table-wrapper:only-child .ant-table {
  margin-block: 0;
  margin-inline: 32px -8px;
}
.ant-table-cell-scrollbar {
  background: var(--background) !important;
  border: none !important;
}
.ant-spin-nested-loading .ant-spin-container::after {
  background-color: var(--background) !important;
}
.ant-spin .ant-spin-dot-item {
  background-color: var(--primary) !important;
}
.ant-table-wrapper .ant-table-summary {
  background: var(--background) !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td {
  border-inline-end: 1px solid rgba(var(--primary-rgb), 0.3) !important;
  color: var(--foreground-secondary) !important;
  padding: 0 8px !important;
  height: 40px !important;
  line-height: 40px !important;
}
.ant-table-wrapper .ant-table-summary > tr > td {
  background: var(--background) !important;
  border-color: rgba(var(--primary-rgb), 0.3) !important;
  color: var(--foreground-secondary) !important;
}
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after,
.ant-table-wrapper .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after {
  border-inline-end: none;
}
.ant-table-wrapper .ant-table-row-expand-icon {
  background: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.ant-empty .ant-empty-image {
  color: var(--secondary);
}
.ant-empty .ant-empty-description {
  color: var(--foreground-secondary);
}
.ant-pagination {
  height: 32px;
}
.ant-pagination .ant-pagination-prev span {
  display: none;
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link {
  padding: 0 12px;
  color: var(--foreground);
}
.ant-pagination .ant-pagination-prev .ant-pagination-item-link::after {
  content: '上一页';
  position: relative;
  display: inline-block;
  transform: translateY(-1px);
  color: inherit;
}
.ant-pagination .ant-pagination-next span {
  display: none;
}
.ant-pagination .ant-pagination-next .ant-pagination-item-link {
  padding: 0 12px;
  color: var(--foreground);
}
.ant-pagination .ant-pagination-next .ant-pagination-item-link::after {
  content: '下一页';
  position: relative;
  display: inline-block;
  transform: translateY(-1px);
  color: inherit;
}
.ant-pagination .ant-pagination-item a {
  color: var(--foreground);
}
.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  display: none;
}
.ant-pagination .ant-pagination-jump-next:hover .ant-pagination-item-container::after,
.ant-pagination .ant-pagination-jump-prev:hover .ant-pagination-item-container::after {
  opacity: 0;
}
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container,
.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container {
  color: var(--foreground);
}
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container::after,
.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container::after {
  content: '...';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: inherit;
  font-size: 18px;
  opacity: 1;
}
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: var(--primary);
}
.ant-pagination .ant-pagination-total-text {
  color: var(--foreground);
}
.ant-pagination-options .ant-select .ant-select-selector {
  width: 105px;
  background-color: transparent !important;
  border-color: var(--primary-disabled) !important;
}
.ant-pagination-options .ant-select .ant-select-selector:hover {
  background-color: var(--primary-light) !important;
  border-color: var(--primary-hover) !important;
}
.ant-pagination .ant-pagination-options-quick-jumper {
  color: var(--foreground);
}
.ant-pagination .ant-pagination-options-quick-jumper input {
  background-color: transparent !important;
  border-color: var(--primary-disabled) !important;
  border-radius: 4px;
  color: inherit;
}
.ant-pagination .ant-pagination-options-quick-jumper input:hover {
  border-color: var(--primary-hover) !important;
}
.ant-pagination .ant-pagination-options-quick-jumper input:focus {
  border-color: var(--primary-active) !important;
}
.ant-pagination .ant-pagination-prev:not(.ant-pagination-disabled):hover,
.ant-pagination .ant-pagination-next:not(.ant-pagination-disabled):hover,
.ant-pagination .ant-pagination-jump-prev:hover,
.ant-pagination .ant-pagination-jump-next:hover,
.ant-pagination .ant-pagination-item:not(.ant-pagination-item-active):hover {
  background-color: var(--primary-light);
  border-color: var(--primary-hover);
}
.ant-pagination .ant-pagination-item-active,
.ant-pagination .ant-pagination-item-active:hover {
  background-color: var(--primary);
  border-color: var(--primary);
}
.ant-pagination .ant-pagination-item-active a,
.ant-pagination .ant-pagination-item-active:hover a {
  color: var(--primary-foreground);
}
.ant-pagination .ant-pagination-disabled {
  background-color: var(--background);
  border-color: var(--primary-disabled);
}
.ant-pagination .ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination .ant-pagination-disabled .ant-pagination-item-link {
  color: var(--foreground-disabled);
}
.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-item,
.ant-pagination .ant-pagination-jump-prev,
.ant-pagination .ant-pagination-jump-next {
  border: 1px solid var(--primary-disabled);
  border-radius: 4px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-prev,
.ant-pagination.ant-pagination-mini .ant-pagination-item,
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active) {
  border-color: var(--primary-disabled);
}
.ant-pagination.ant-pagination-mini .ant-pagination-item:not(.ant-pagination-item-active):hover {
  background-color: var(--primary-light);
  border-color: var(--primary-hover);
}
.ant-pagination.ant-pagination-mini .ant-pagination-jump-next {
  min-width: 24px;
}
.ant-pagination-simple .ant-pagination-prev {
  height: 32px !important;
}
.ant-pagination-simple .ant-pagination-prev span {
  display: inline-block;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link {
  width: 32px !important;
  height: 32px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after {
  font-size: 14px !important ;
  line-height: 32px !important ;
  content: '';
  color: inherit;
}
.ant-pagination-simple .ant-pagination-next {
  height: 32px !important;
}
.ant-pagination-simple .ant-pagination-next span {
  display: inline-block;
}
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px !important;
  height: 32px !important;
}
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  font-size: 14px !important;
  line-height: 32px !important;
  content: '';
  color: inherit;
}
.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager {
  height: 32px !important;
}
.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input {
  background-color: var(--input) !important;
  border-color: var(--border-light) !important;
  color: var(--foreground) !important;
  border-radius: 4px !important;
  width: 32px !important;
}
.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: var(--primary-hover) !important;
}
.ant-pagination.ant-pagination-simple .ant-pagination-simple-pager input:focus {
  border-color: var(--primary-active) !important;
}
.ant-pagination .ant-pagination-slash,
.ant-pagination-simple-pager {
  color: var(--foreground) !important;
}
.ant-tabs .ant-tabs-nav {
  padding: 0 16px;
  border-bottom: 1px solid var(--border);
}
.ant-tabs .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 4px;
}
.ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
  color: var(--foreground-secondary);
}
.ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn .anticon {
  margin-right: 4px;
}
.ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: var(--primary);
}
.ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn {
  color: var(--foreground-disabled) !important;
}
.ant-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  background: var(--primary);
}
.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more {
  color: var(--foreground);
}
.only-tabs .ant-tabs-nav {
  margin: 0;
}
.content-tabs .ant-tabs-content-holder {
  overflow: auto;
}
.ant-segmented {
  height: 44px;
  padding: 2px;
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: 4px;
}
.ant-segmented .ant-segmented-group {
  height: 100%;
}
.ant-segmented .ant-segmented-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 24px;
  border-radius: 4px;
  color: var(--foreground);
  transition: none;
}
.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected):not(
        .ant-segmented-item-disabled
      ) {
  color: var(--foreground);
}
.ant-segmented .ant-segmented-item-selected {
  background-color: var(--primary);
  color: var(--foreground-inverse);
}
.ant-segmented .ant-segmented-item-disabled,
.ant-segmented .ant-segmented-item-disabled:hover {
  color: var(--foreground-disabled);
}
.ant-segmented .ant-segmented-thumb {
  display: none;
  transform: none;
  transition: none;
}
.ant-segmented.ant-segmented-sm {
  height: 34px;
  border-radius: 4px;
}
.ant-segmented.ant-segmented-sm .ant-segmented-item {
  padding: 0 16px;
  border-radius: 4px;
}
.ant-segmented[rounded='true'] {
  border-radius: 22px;
}
.ant-segmented[rounded='true'] .ant-segmented-item {
  border-radius: 22px;
}
.ant-segmented[rounded='true'].ant-segmented-sm {
  border-radius: 17px;
}
.ant-segmented[rounded='true'].ant-segmented-sm .ant-segmented-item {
  border-radius: 17px;
}
.ant-badge .ant-badge-count {
  box-shadow: none;
  background-color: var(--error);
  color: var(--error-foreground);
}
.ant-breadcrumb {
  color: var(--foreground);
}
.ant-breadcrumb .ant-breadcrumb-link,
.ant-breadcrumb .ant-breadcrumb-link a {
  color: var(--foreground);
}
.ant-breadcrumb .ant-breadcrumb-link:hover,
.ant-breadcrumb .ant-breadcrumb-link a:hover {
  background-color: transparent;
}
.ant-breadcrumb .ant-breadcrumb-separator {
  color: var(--foreground-disabled);
}
.page-title-container {
  width: 100%;
  padding: 0 20px;
  background: var(--background-secondary);
}
.page-title-breadcrumb-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.page-title-breadcrumb {
  height: 40px;
  display: flex;
  align-items: center;
}
/* 亮色面包屑 */
.light-breadcrumb-item .ant-breadcrumb-link {
  color: var(--primary) !important;
}
/* 链接面包屑 */
.link-breadcrumb-item .ant-breadcrumb-link {
  color: var(--foreground) !important;
  cursor: pointer;
}
.link-breadcrumb-item .ant-breadcrumb-link:hover {
  color: var(--primary) !important;
}
.page-title-tab .ant-tabs-nav {
  background: var(--background-secondary);
}
.ant-drawer .ant-drawer-mask {
  background-color: var(--background-overlay);
}
.ant-drawer .ant-drawer-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--foreground) !important;
}
.ant-drawer .ant-drawer-body {
  padding: 16px 24px;
}
.ant-drawer .ant-drawer-content {
  background-color: var(--background-secondary);
}
.ant-drawer .ant-drawer-content .ant-drawer-header {
  border-color: var(--border);
}
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-header-title {
  display: flex;
  flex-direction: row-reverse;
}
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-header-title > .ant-drawer-close {
  margin-inline-end: 0;
}
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-header-title > .ant-drawer-close .anticon,
.ant-drawer .ant-drawer-content .ant-drawer-header .ant-drawer-header-title > div {
  color: var(--foreground);
}
.ant-drawer .ant-drawer-content .ant-drawer-footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  padding: 16px 24px;
  border-color: var(--border);
}
.ant-form-item .ant-form-item-label > label {
  color: var(--foreground);
}
.ant-form-item .ant-form-item-label > label.ant-form-item-required:not(
    .ant-form-item-required-mark-optional
  )::before,
.ant-form-item .ant-form-item-explain-error {
  color: var(--error);
}
.ant-input {
  background-color: var(--input);
  border-color: var(--border-light);
  border-radius: 4px;
  color: var(--foreground);
}
.ant-input:hover {
  border-color: var(--primary-hover);
}
.ant-input:focus {
  border-color: var(--primary-active);
}
.ant-input::placeholder {
  color: var(--foreground-secondary);
}
.ant-input-affix-wrapper {
  background-color: var(--input);
  border-color: var(--border-light);
  border-radius: 4px;
}
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: var(--primary-hover);
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: var(--primary-active);
}
.ant-input-affix-wrapper .ant-input-clear-icon {
  color: var(--foreground-secondary);
}
.ant-input-affix-wrapper .ant-input-clear-icon:hover {
  color: var(--primary-hover);
}
.ant-input:not(textarea),
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-textarea-with-clear-btn) {
  height: 32px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ant-input:not(textarea) .ant-input,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-textarea-with-clear-btn) .ant-input {
  height: 100%;
}
.ant-input-sm:not(textarea),
.ant-input-affix-wrapper-sm:not(
  .ant-input-affix-wrapper-textarea-with-clear-btn
) {
  height: 24px;
}
.ant-input-sm:not(textarea) .ant-input,
.ant-input-affix-wrapper-sm:not(
  .ant-input-affix-wrapper-textarea-with-clear-btn
) .ant-input {
  height: 100%;
}
.ant-input-lg:not(textarea),
.ant-input-affix-wrapper-lg:not(
  .ant-input-affix-wrapper-textarea-with-clear-btn
) {
  height: 38px;
}
.ant-input-lg:not(textarea) .ant-input,
.ant-input-affix-wrapper-lg:not(
  .ant-input-affix-wrapper-textarea-with-clear-btn
) .ant-input {
  height: 100%;
}
.ant-input[readonly],
.ant-input-affix-wrapper-readonly:not(.ant-input-affix-wrapper-disabled) {
  background-color: var(--background);
  border-color: var(--border-light);
  border-radius: 4px;
  color: var(--foreground);
}
.ant-input[readonly]:hover,
.ant-input-affix-wrapper-readonly:not(.ant-input-affix-wrapper-disabled):hover,
.ant-input[readonly].ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper-readonly:not(.ant-input-affix-wrapper-disabled).ant-input-affix-wrapper-focused {
  border-color: var(--border-light);
}
.ant-input[disabled],
.ant-input[disabled]:hover,
.ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper-disabled:hover {
  background-color: var(--background-secondary);
  border-color: var(--border-disabled);
  border-radius: 4px;
  color: var(--foreground-disabled);
}
.ant-input[disabled] .ant-input[disabled],
.ant-input[disabled]:hover .ant-input[disabled],
.ant-input-affix-wrapper-disabled .ant-input[disabled],
.ant-input-affix-wrapper-disabled:hover .ant-input[disabled],
.ant-input[disabled] .ant-input[disabled]:hover,
.ant-input[disabled]:hover .ant-input[disabled]:hover,
.ant-input-affix-wrapper-disabled .ant-input[disabled]:hover,
.ant-input-affix-wrapper-disabled:hover .ant-input[disabled]:hover {
  background-color: transparent;
}
.ant-input[disabled]::placeholder,
.ant-input[disabled]:hover::placeholder,
.ant-input-affix-wrapper-disabled::placeholder,
.ant-input-affix-wrapper-disabled:hover::placeholder {
  color: var(--foreground-disabled);
}
.ant-input-status-error:not(.ant-input-disabled):not(
    .ant-input-borderless
  ).ant-input {
  border-color: var(--error);
}
.ant-input-status-error:not(.ant-input-disabled):not(
    .ant-input-borderless
  ).ant-input:hover {
  border-color: var(--error-hover);
}
.ant-input-status-error:not(.ant-input-disabled):not(
    .ant-input-borderless
  ).ant-input:focus {
  border-color: var(--error-active);
}
.ant-input-affix-wrapper-status-error:not(
    .ant-input-affix-wrapper-disabled
  ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper {
  border-color: var(--error);
}
.ant-input-affix-wrapper-status-error:not(
    .ant-input-affix-wrapper-disabled
  ):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover {
  border-color: var(--error-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-focused {
  border-color: var(--error-active);
}
.ant-input-group .ant-input-group-addon {
  color: var(--foreground);
  background-color: var(--secondary);
  border-color: var(--border-light);
  border-radius: 4px;
}
.ant-input-search .ant-input,
.ant-input-search .ant-input-affix-wrapper {
  border-start-start-radius: 4px !important;
  border-end-start-radius: 4px !important;
}
.ant-input-search .ant-input:hover,
.ant-input-search .ant-input-affix-wrapper:hover {
  border-color: var(--primary-hover);
}
.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input-affix-wrapper:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-inline-start-color: var(--primary-hover);
}
.ant-input-search .ant-input:focus,
.ant-input-search .ant-input-affix-wrapper:focus {
  border-color: var(--primary-active);
}
.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
.ant-input-search .ant-input-affix-wrapper:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-inline-start-color: var(--primary-active);
}
.ant-input-search .ant-input-group-addon .ant-input-search-button {
  border-radius: 0 4px 4px 0 !important;
  border-color: var(--border-light);
}
.ant-input-search .ant-input-group-addon .ant-input-search-button:hover {
  background-color: var(--secondary);
  border-color: var(--primary-hover);
}
.ant-input-search .ant-input-group-addon .ant-input-search-button:hover .anticon-search {
  color: var(--primary-hover);
}
.ant-input-search .ant-input-group-addon .ant-input-search-button .anticon-search {
  color: var(--foreground);
}
.ant-input-textarea .ant-input-affix-wrapper {
  background-color: transparent;
}
.ant-input-textarea-show-count::after {
  color: var(--foreground-tertiary);
}
.ant-input-textarea textarea {
  resize: both;
}
.ant-input-textarea textarea::-webkit-resizer {
  background-color: transparent;
  background-image: linear-gradient(135deg, transparent 0%, transparent 75%, var(--foreground-secondary) 75%, var(--foreground-secondary) 80%, transparent 80%, transparent 85%, var(--foreground-secondary) 85%, var(--foreground-secondary) 90%, transparent 90%, transparent 100%);
}
.el-input__wrapper {
  background-color: var(--input) !important;
  border-radius: 4px !important;
  box-shadow: 0 0 0 1px var(--border-light) inset !important;
}
.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px var(--primary-hover) inset !important;
}
.el-input__wrapper:focus {
  box-shadow: 0 0 0 1px var(--primary-active) inset !important;
}
.el-input__wrapper:disabled {
  box-shadow: 0 0 0 1px var(--border-disabled) inset !important;
}
.el-input-number__decrease,
.el-input-number__increase {
  background-color: var(--secondary) !important;
  border-color: var(--border-light) !important;
  color: var(--foreground) !important;
}
.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
  color: var(--foreground-disabled) !important;
}
.el-input-number__decrease:not(.is-disabled):hover,
.el-input-number__increase:not(.is-disabled):hover {
  color: var(--primary) !important;
}
.info-disabled .ant-input-number-input {
  color: var(--foreground) !important;
}
.ant-input-affix-wrapper .anticon.ant-input-password-icon {
  color: var(--foreground-secondary) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* 使用过渡延迟让背景色持续存在 */
  transition: background-color 5000s ease-in-out 0s;
  /* 自定义背景色 */
  -webkit-text-fill-color: var(--foreground) !important;
  font-size: 16px;
  caret-color: var(--foreground) !important;
  background-color: var(--input) !important;
}
.ant-input-number {
  background-color: var(--input);
  border-color: var(--border-light);
  border-radius: 4px;
}
.ant-input-number:hover {
  border-color: var(--primary-hover);
}
.ant-input-number:focus {
  border-color: var(--primary-active);
}
.ant-input-number .ant-input-number-input {
  color: var(--foreground);
}
.ant-input-number .ant-input-number-input::placeholder {
  color: var(--foreground-secondary);
}
.ant-input-number .ant-input-number-handler-wrap {
  background-color: var(--secondary);
}
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler {
  border-color: var(--border-light);
}
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler.ant-input-number-handler-up-disabled span,
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler.ant-input-number-handler-down-disabled span {
  color: var(--foreground-disabled);
}
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler.ant-input-number-handler-up-disabled:hover span,
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler.ant-input-number-handler-down-disabled:hover span {
  color: var(--foreground-disabled);
}
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler span {
  color: var(--foreground);
}
.ant-input-number .ant-input-number-handler-wrap .ant-input-number-handler:hover span {
  color: var(--primary-hover);
}
.ant-input-number-readonly,
.ant-input-number-readonly:hover,
.ant-input-number-readonly:focus {
  background-color: var(--background);
  border-color: var(--border-light);
}
.ant-input-number-disabled {
  background-color: var(--background-secondary);
  border-color: var(--border-disabled);
}
.ant-input-number-disabled:hover,
.ant-input-number-disabled:focus {
  background-color: var(--secondary-secondary);
  border-color: var(--border-disabled);
}
.ant-input-number-disabled .ant-input-number-input::placeholder {
  color: var(--foreground-disabled);
}
.ant-input-number-disabled .ant-input-number-input {
  color: var(--foreground-disabled);
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(
    .ant-input-number-borderless
  ).ant-input-number {
  border-color: var(--error);
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(
    .ant-input-number-borderless
  ).ant-input-number:hover {
  border-color: var(--error-hover);
}
.ant-input-number-status-error:not(.ant-input-number-disabled):not(
    .ant-input-number-borderless
  ).ant-input-number-focused {
  border-color: var(--error-active) !important;
}
.ant-input-number,
.ant-input-number-middle {
  height: 32px;
}
.ant-input-number-sm {
  height: 24px;
}
.ant-input-number-lg {
  height: 38px;
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-selector {
  background-color: var(--input);
  border-color: var(--border-light);
  border-radius: 4px;
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-selector .ant-select-selection-placeholder {
  color: var(--foreground-secondary);
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-selector input,
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-selector .ant-select-selection-item {
  border: none;
  color: var(--foreground);
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ):hover .ant-select-selector {
  border-color: var(--primary-hover);
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ):focus .ant-select-selector {
  border-color: var(--primary-active);
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-arrow {
  color: var(--foreground-secondary);
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-clear {
  background-color: var(--input);
  color: var(--foreground-secondary);
}
.ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(
      .ant-select-selection-item
    ) .ant-select-clear:hover {
  color: var(--primary-hover);
}
.ant-select-focused.ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ):not(.ant-select-selection-item) .ant-select-selector {
  border-color: var(--primary-active);
}
.ant-select-multiple.ant-select-disabled.ant-select:not(
    .ant-select-customize-input
  ) .ant-select-selector,
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: var(--background-secondary);
  border-color: var(--border-disabled);
  border-radius: 4px;
}
.ant-select-multiple.ant-select-disabled.ant-select:not(
    .ant-select-customize-input
  ) .ant-select-selector .ant-select-selection-item,
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
.ant-select-multiple.ant-select-disabled.ant-select:not(
    .ant-select-customize-input
  ) .ant-select-selector .ant-select-selection-placeholder,
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
  border: none;
  color: var(--foreground-disabled);
}
.ant-select-multiple.ant-select-disabled.ant-select:not(
    .ant-select-customize-input
  ) .ant-select-selector .ant-select-selection-item-content,
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item-content {
  color: var(--foreground-disabled);
}
.ant-select-multiple.ant-select-disabled.ant-select:not(
    .ant-select-customize-input
  ) .ant-select-arrow,
.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-arrow {
  color: var(--foreground-disabled);
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ):not(.ant-select-selection-item) .ant-select-selector {
  border-color: var(--error);
}
.ant-select-status-error.ant-select:not(.ant-select-disabled):not(
    .ant-select-customize-input
  ):not(.ant-select-selection-item) .ant-select-selector:hover {
  border-color: var(--error-hover);
}
.ant-select-status-error.ant-select-focused.ant-select:not(
    .ant-select-disabled
  ):not(.ant-select-customize-input):not(.ant-select-selection-item) .ant-select-selector {
  border-color: var(--error-active);
}
.ant-select-dropdown {
  background-color: var(--background-hover);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1);
}
.ant-select-dropdown .rc-virtual-list {
  padding: 4px;
}
.ant-select-dropdown .ant-select-item {
  color: var(--foreground);
}
.ant-select-dropdown .ant-select-item:hover:not(.ant-select-item-option-disabled) {
  background-color: var(--primary-light);
}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: var(--primary-light);
  color: var(--primary);
}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
  color: var(--primary);
}
.ant-select-dropdown .ant-select-item-option-disabled {
  color: var(--foreground-disabled);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item,
.ant-select-multiple.ant-select-lg .ant-select-selection-item,
.ant-select-multiple .ant-select-selection-item {
  background-color: var(--secondary-hover);
  border-radius: 4px;
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item .ant-select-selection-item-content,
.ant-select-multiple.ant-select-lg .ant-select-selection-item .ant-select-selection-item-content,
.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-content {
  color: var(--foreground);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove,
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove,
.ant-select-multiple .ant-select-selection-item-remove {
  color: var(--foreground);
}
.ant-select-multiple.ant-select-sm .ant-select-selection-item-remove:hover,
.ant-select-multiple.ant-select-lg .ant-select-selection-item-remove:hover,
.ant-select-multiple .ant-select-selection-item-remove:hover {
  color: var(--primary-hover);
}
.ant-select-multiple .ant-select-selection-overflow {
  gap: 4px;
}
.ant-select-multiple .ant-select-selection-overflow-item {
  max-width: calc(100% - 70px);
}
.ant-select:not(.ant-select-multiple),
.ant-select-middle {
  height: 32px;
}
.ant-select-sm {
  height: 24px;
}
.ant-select-lg {
  height: 38px;
}
.ant-select-multiple .ant-select-selection-item {
  background-color: var(--secondary-hover) !important;
  color: var(--foreground) !important;
}
.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-content,
.ant-select-multiple .ant-select-selection-item-remove {
  color: var(--foreground) !important;
}
.el-select__wrapper:not(.is-disabled) {
  background-color: var(--input) !important;
  box-shadow: 0 0 0 1px var(--border-light) inset !important;
  border-radius: 4px;
}
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--primary-active) inset !important;
}
.el-select__placeholder {
  color: var(--foreground) !important;
}
.el-popper.is-light,
.el-popper.is-light > .el-popper__arrow:before {
  background-color: var(--background-hover) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px;
  box-shadow: 0 2px 8px 0 rgba(var(--primary-rgb), 0.1);
}
.el-select-dropdown__list {
  padding: 8px !important;
  border-radius: 6px !important;
}
.el-select-dropdown__item {
  border-radius: 4px;
  color: var(--foreground) !important;
}
.el-select-dropdown__item.is-hovering {
  background-color: var(--primary-light) !important;
}
.el-select-dropdown__item.is-selected {
  background-color: var(--primary-light) !important;
  color: var(--primary) !important;
}
.el-select-dropdown__item.is-disabled {
  color: var(--foreground-disabled) !important;
}
.el-select__selection .el-tag {
  color: var(--primary) !important;
  background-color: var(--primary-light) !important;
  border-color: var(--primary) !important;
}
.el-select__selection .el-tag .el-icon {
  color: var(--primary) !important;
  background-color: transparent !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
  background-color: var(--primary) !important;
  height: 16px !important;
  width: 16px !important;
}
.el-select__caret {
  color: var(--foreground-secondary) !important;
}
.el-select__caret:hover {
  color: var(--primary) !important;
}
.ant-picker {
  background-color: var(--input);
  border-color: var(--border-light);
  color: var(--foreground);
  border-radius: 4px;
}
.ant-picker:hover {
  border-color: var(--primary-hover);
}
.ant-picker.ant-picker-focused {
  border-color: var(--primary-active);
}
.ant-picker .ant-picker-input > input {
  color: var(--foreground);
}
.ant-picker .ant-picker-input > input::placeholder {
  color: var(--foreground-secondary);
}
.ant-picker .ant-picker-separator {
  color: var(--foreground-secondary);
}
.ant-picker .ant-picker-active-bar {
  background-color: var(--primary);
}
.ant-picker .ant-picker-suffix {
  color: var(--foreground-secondary);
}
.ant-picker .ant-picker-clear {
  background-color: var(--input);
  color: var(--foreground-secondary);
}
.ant-picker .ant-picker-clear:hover {
  color: var(--primary-hover);
}
.ant-picker.ant-picker-disabled,
.ant-picker.ant-picker-status-error.ant-picker-disabled {
  background-color: var(--background-secondary) !important;
  border-color: var(--border-disabled) !important;
}
.ant-picker.ant-picker-disabled:hover,
.ant-picker.ant-picker-status-error.ant-picker-disabled:hover {
  background-color: var(--background-secondary);
  border-color: var(--border-disabled);
}
.ant-picker.ant-picker-disabled .ant-picker-input > input,
.ant-picker.ant-picker-status-error.ant-picker-disabled .ant-picker-input > input,
.ant-picker.ant-picker-disabled .ant-picker-suffix,
.ant-picker.ant-picker-status-error.ant-picker-disabled .ant-picker-suffix {
  color: var(--foreground-disabled);
}
.ant-picker.ant-picker-disabled .ant-picker-input > input::placeholder,
.ant-picker.ant-picker-status-error.ant-picker-disabled .ant-picker-input > input::placeholder,
.ant-picker.ant-picker-disabled .ant-picker-suffix::placeholder,
.ant-picker.ant-picker-status-error.ant-picker-disabled .ant-picker-suffix::placeholder {
  color: var(--foreground-disabled);
}
.ant-picker.ant-picker-disabled .ant-picker-separator,
.ant-picker.ant-picker-status-error.ant-picker-disabled .ant-picker-separator {
  color: var(--foreground-disabled);
}
.ant-picker.ant-picker-status-error.ant-picker:not([disabled]) {
  background-color: var(--input);
  border-color: var(--error);
}
.ant-picker.ant-picker-status-error.ant-picker:not([disabled]):hover {
  background-color: var(--input);
  border-color: var(--error-hover);
}
.ant-picker.ant-picker-status-error.ant-picker:not([disabled]).ant-picker-focused {
  border-color: var(--error-active);
}
.ant-picker.ant-picker-status-error.ant-picker:not([disabled]) .ant-picker-active-bar {
  background-color: var(--error);
}
.ant-picker,
.ant-picker-middle {
  height: 32px;
}
.ant-picker-small {
  height: 24px;
}
.ant-picker-large {
  height: 38px;
}
.ant-picker-dropdown .ant-picker-panel-container {
  background-color: var(--background-hover);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1);
}
.ant-picker-dropdown .ant-picker-header,
.ant-picker-dropdown .ant-picker-footer {
  border-color: var(--border);
}
.ant-picker-dropdown .ant-picker-header button {
  color: var(--foreground-secondary);
}
.ant-picker-dropdown .ant-picker-header button:hover {
  color: var(--primary-hover);
}
.ant-picker-dropdown .ant-picker-header-view button {
  color: var(--foreground);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-footer {
  border-color: var(--border);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-footer .ant-picker-today-btn {
  color: var(--primary);
}
.ant-picker-dropdown .ant-picker-panel .ant-picker-footer .ant-picker-today-btn:hover {
  color: var(--primary-hover);
}
.ant-picker-dropdown .ant-picker-content th {
  color: var(--foreground);
}
.ant-picker-dropdown .ant-picker-cell {
  color: var(--foreground-secondary);
}
.ant-picker-dropdown .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-color: var(--secondary);
}
.ant-picker-dropdown .ant-picker-cell-in-view {
  color: var(--foreground);
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.ant-picker-dropdown .ant-picker-cell-disabled::before {
  background-color: var(--secondary-disabled);
}
.ant-picker-dropdown .ant-picker-cell-disabled .ant-picker-cell-inner {
  color: var(--foreground-disabled);
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--primary);
}
.ant-picker-dropdown .ant-picker-header-view {
  color: var(--foreground);
}
.ant-picker-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
  color: var(--foreground);
}
.ant-picker-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
  background-color: var(--background-hover);
}
.ant-picker-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.ant-picker-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner:hover {
  background-color: var(--primary);
}
.ant-picker-dropdown a {
  color: var(--primary);
}
.ant-picker-dropdown a:hover {
  color: var(--primary-hover);
}
.ant-picker-dropdown a:active {
  color: var(--primary-active);
}
.ant-picker-dropdown .ant-picker-range-arrow::before {
  background-color: var(--border);
}
.ant-picker-dropdown .ant-picker-week-panel-row:not(.ant-picker-week-panel-row-selected):hover td,
.ant-picker-dropdown .ant-picker-week-panel-row:not(.ant-picker-week-panel-row-selected):hover:hover td {
  background-color: var(--secondary);
}
.ant-picker-dropdown .ant-picker-week-panel-row-selected td,
.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td {
  background-color: var(--primary) !important;
}
.ant-picker-dropdown .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
  color: var(--primary-foreground);
}
.ant-picker-dropdown .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
.ant-picker-dropdown .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--primary-foreground);
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(
      .ant-picker-cell-in-range
    )::after,
.ant-picker-dropdown .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-dropdown .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 {
  border-color: var(--primary) !important;
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range::before,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
      .ant-picker-cell-range-start-single
    )::before,
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
      .ant-picker-cell-range-end-single
    )::before {
  background-color: rgba(var(--primary-rgb), 0.1);
}
.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.ant-picker-dropdown .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-dropdown .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-dropdown .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-dropdown .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 {
  background-color: transparent;
}
.ant-picker-dropdown .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
  color: var(--foreground-disabled);
}
.info-disabled .ant-picker-input > input {
  color: var(--foreground) !important;
}
.ant-radio-group .ant-radio-button-wrapper:not(:first-child) {
  margin-left: 8px;
}
.ant-radio-group .ant-radio-wrapper-disabled.ant-radio-wrapper-checked .ant-radio-inner {
  border-color: var(--primary-disabled) !important;
  background-color: transparent !important;
}
.ant-radio-group .ant-radio-wrapper-disabled.ant-radio-wrapper-checked .ant-radio-inner::after {
  background-color: var(--primary-disabled) !important;
}
.ant-radio-group.ant-radio-group-disabled .ant-radio-wrapper-checked .ant-radio-inner {
  border-color: var(--primary-disabled) !important;
  background-color: transparent !important;
}
.ant-radio-group.ant-radio-group-disabled .ant-radio-wrapper-checked .ant-radio-inner::after {
  background-color: var(--primary-disabled) !important;
}
.ant-radio-wrapper > span {
  color: var(--foreground);
}
.ant-radio-wrapper-disabled > span {
  color: var(--foreground-disabled);
}
.ant-radio-wrapper:hover .ant-radio-inner,
.ant-radio-wrapper .ant-radio-inner {
  background-color: transparent;
  border-color: var(--foreground);
}
.ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background-color: transparent;
  border-color: var(--primary);
}
.ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background-color: var(--primary);
  transform: scale(0.7);
}
.ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
  background-color: var(--background-hover);
  border-color: var(--border-disabled);
}
.ant-radio-wrapper .ant-radio-disabled .ant-radio-inner::after {
  background-color: var(--border-disabled);
  transform: scale(0.7) !important;
}
.ant-radio-button-wrapper {
  background-color: transparent;
  border-left: 1px solid;
  border-color: var(--border);
  border-radius: 4px !important;
}
.ant-radio-button-wrapper::before {
  display: none !important;
}
.ant-radio-button-wrapper > span {
  color: var(--foreground);
}
.ant-radio-button-wrapper-disabled,
.ant-radio-button-wrapper-disabled:hover {
  border-color: rgba(var(--secondary-rgb), 0.5);
}
.ant-radio-button-wrapper-disabled > span,
.ant-radio-button-wrapper-disabled:hover > span {
  color: var(--foreground-disabled);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: rgba(var(--primary-rgb), 0.1);
  border-color: var(--primary) !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) > span {
  color: var(--primary);
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-left-color: var(--primary) !important;
}
.ant-radio-button-wrapper:first-child {
  border-color: var(--border);
}
.ant-radio-wrapper .ant-radio-checked.ant-radio-disabled .ant-radio-inner {
  border-color: var(--primary-disabled);
}
.ant-radio-wrapper .ant-radio-checked.ant-radio-disabled .ant-radio-inner::after {
  background-color: var(--primary-disabled);
}
.ant-checkbox-wrapper {
  align-items: center;
  line-height: unset;
}
.ant-checkbox-wrapper > span {
  color: var(--foreground);
}
.ant-checkbox-wrapper .ant-checkbox-inner,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner {
  background-color: transparent;
  border-color: var(--foreground);
  border-radius: 2px;
}
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled) .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner::after,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner::after {
  background-color: var(--primary);
}
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled) .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
  background-color: var(--primary);
  border-color: var(--primary);
}
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled) .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner::after,
.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner::after {
  border-color: var(--primary-foreground);
}
.ant-checkbox-wrapper-checked:hover .ant-checkbox::after {
  display: none;
}
.ant-checkbox-wrapper-disabled > span {
  color: var(--foreground-disabled);
}
.ant-checkbox-wrapper-disabled .ant-checkbox-inner,
.ant-checkbox-wrapper-disabled:hover .ant-checkbox-inner {
  border-color: var(--foreground-disabled);
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
  background: var(--primary-disabled);
  border-color: transparent;
}
.ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: var(--primary-foreground);
}
.ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background: var(--primary-disabled);
}
.ant-tree .ant-tree-checkbox:not(.ant-tree-checkbox-disabled) .ant-tree-checkbox-inner {
  background-color: transparent !important;
  border-color: var(--foreground) !important;
  border-radius: 2px;
}
.ant-tree .ant-tree-checkbox:not(.ant-tree-checkbox-disabled).ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.ant-tree .ant-tree-checkbox:not(.ant-tree-checkbox-disabled).ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: var(--primary-foreground) !important;
}
.ant-tree .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  border-color: var(--foreground-disabled) !important;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: var(--foreground-disabled) !important;
  border-color: var(--foreground-disabled) !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: var(--primary-foreground) !important;
}
.n-checkbox .n-checkbox-label {
  color: var(--foreground);
}
.n-checkbox .n-checkbox-box {
  background-color: transparent !important;
  border-color: var(--foreground) !important;
  border-radius: 2px;
}
.n-checkbox.n-checkbox--checked .n-checkbox-box,
.n-checkbox.n-checkbox--indeterminate .n-checkbox-box {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.n-checkbox.n-checkbox--checked .n-checkbox-box__border {
  border-color: var(--primary-foreground) !important;
}
.n-checkbox.n-checkbox--disabled .n-checkbox-label {
  color: var(--foreground-disabled);
}
.n-checkbox.n-checkbox--disabled .n-checkbox-box {
  border-color: var(--foreground-disabled) !important;
}
.n-checkbox.n-checkbox--disabled.n-checkbox--checked .n-checkbox-box {
  background-color: var(--primary-disabled) !important;
  border-color: transparent !important;
}
.n-checkbox.n-checkbox--checked .n-checkbox-box .n-checkbox-box__border,
.n-checkbox.n-checkbox--indeterminate .n-checkbox-box .n-checkbox-box__border {
  border-color: var(--primary) !important;
}
.n-checkbox .n-checkbox-box .n-checkbox-icon .check-icon,
.n-checkbox .n-checkbox-box .n-checkbox-icon .line-icon {
  fill: var(--primary-foreground) !important;
}
.n-checkbox:hover .n-checkbox-box .n-checkbox-box__border {
  border-color: var(--primary) !important;
}
.n-checkbox.n-checkbox--checked:focus:not(:active) .n-checkbox-box .n-checkbox-box__border,
.n-checkbox:focus:not(:active) .n-checkbox-box .n-checkbox-box__border,
.n-checkbox.n-checkbox--indeterminate:focus:not(:active) .n-checkbox-box .n-checkbox-box__border {
  box-shadow: none !important;
  border-color: var(--primary) !important;
}
.ant-switch {
  background-color: #626973;
}
.ant-switch:hover:not(.ant-switch-disabled) {
  background-color: #626973;
}
.ant-switch.ant-switch-checked {
  background-color: var(--primary);
}
.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background-color: var(--primary);
}
.ant-switch .ant-switch-inner .ant-switch-inner-checked {
  color: var(--primary-foreground);
}
.ant-switch .ant-switch-inner .ant-switch-inner-unchecked {
  color: var(--foreground);
}
.ant-dropdown .ant-dropdown-menu {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1);
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {
  color: var(--foreground);
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: var(--primary-light) !important;
}
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-disabled {
  color: var(--foreground-disabled) !important;
}
.ant-dropdown.a-dropdown-menu-transparent {
  background: linear-gradient(180deg, rgba(0, 212, 212, 0) 31.32%, rgba(0, 212, 212, 0.3) 100%);
  backdrop-filter: blur(10px);
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu {
  position: relative;
  background-color: transparent;
  border: 1px solid rgba(var(--foreground-rgb), 0.5);
  border-radius: 4px;
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ant-dropdown-menu-item {
  color: var(--foreground);
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: var(--primary-light) !important;
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ln-change-system__category-title {
  color: var(--foreground);
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ln-change-system__list-item {
  overflow: hidden;
  border-radius: 0.375rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  color: var(--success-foreground) !important;
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ln-change-system__list-item:hover {
  background-color: var(--primary) !important;
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ln-change-system__list-item:hover .ant-dropdown-menu-title-content > div > span {
  color: var(--success-foreground) !important;
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ln-change-system__list-item .icon-svg,
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .headerIcon .icon-svg {
  filter: drop-shadow(var(--success-foreground) 100px 0);
  transform: translateX(-100px);
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: var(--primary) !important;
}
.ant-dropdown.a-dropdown-menu-transparent .ant-dropdown-menu .ant-dropdown-menu-title-content > div span {
  color: var(--success-foreground) !important;
}
.n-dropdown-menu {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: 6px;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1);
}
.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body {
  color: var(--foreground) !important;
}
.n-dropdown-menu .n-dropdown-option .n-dropdown-option-body:not(
    .n-dropdown-option-body--disabled
  ).n-dropdown-option-body--pending::before {
  background-color: var(--primary-light) !important;
}
.ant-tree-select-dropdown .ant-select-tree {
  background: var(--background-secondary);
  color: var(--foreground);
}
.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
  background: var(--primary-light);
}
.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background: var(--primary-light);
  color: var(--primary);
}
.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: var(--foreground-disabled);
}
.ant-tree-select-dropdown .ant-select-tree .ant-select-tree-list-scrollbar-thumb {
  background-color: var(--scroller) !important;
}
.ant-tree-select-dropdown .ant-select-tree-checkbox .ant-select-tree-checkbox-inner {
  background-color: transparent;
  border-color: var(--foreground);
  border-radius: 2px;
}
.ant-tree-select-dropdown .ant-select-tree-checkbox .ant-select-tree-checkbox-inner:hover {
  border-color: var(--primary-hover) !important;
}
.ant-tree-select-dropdown .ant-select-tree-checkbox.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  background-color: var(--primary);
}
.ant-tree-select-dropdown .ant-select-tree-checkbox.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: var(--primary);
  border-color: var(--primary);
}
.ant-tree-select-dropdown .ant-select-tree-checkbox.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: var(--primary-foreground);
}
.ant-tree-select-dropdown .ant-select-tree-checkbox.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner:hover {
  background-color: var(--primary-hover);
}
.ant-tree-select-dropdown .ant-select-tree-checkbox.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  border-color: var(--foreground-disabled);
}
.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select {
  background-color: var(--background);
  border-color: var(--border);
  color: var(--foreground);
}
.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select:not(.ant-upload-disabled):hover {
  border-color: var(--primary-hover);
}
.ant-upload-wrapper .ant-upload-drag {
  border: 1px dashed var(--border);
  background-color: var(--input);
  border-radius: 6px;
  color: var(--foreground);
}
.ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: var(--primary-hover);
}
.linear-loader {
  width: 100%;
  height: 2px;
  background-color: var(--background-overlay);
  position: relative;
  overflow: hidden;
}
.linear-loader::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 30%;
  background-color: var(--primary);
  animation: loading 2s linear infinite;
}
@keyframes loading {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.ant-modal-root .ant-modal-mask {
  background-color: var(--background-overlay);
}
.ant-modal .ant-modal-content {
  background-color: var(--background-secondary);
  border-radius: 6px;
}
.ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title,
.ant-modal .ant-modal-title {
  color: var(--foreground);
  background-color: var(--background-secondary);
}
.ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content,
.ant-modal .ant-modal-body {
  color: var(--foreground-secondary);
}
.ant-modal .ant-modal-close {
  color: var(--foreground-secondary);
}
.ant-modal .ant-modal-close:hover {
  color: var(--foreground);
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: var(--primary);
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: var(--success);
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: var(--error);
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon {
  color: var(--warning);
}
.ant-message-notice .ant-message-notice-content {
  padding: 13px 16px;
  background-color: var(--background);
  border: 1px solid var(--secondary);
  border-radius: 6px;
  color: var(--foreground);
}
.ant-message-notice .ant-message-info .anticon {
  color: var(--info);
}
.ant-message-notice .ant-message-success .anticon {
  color: var(--success);
}
.ant-message-notice .ant-message-warning .anticon {
  color: var(--warning);
}
.ant-message-notice .ant-message-error .anticon {
  color: var(--error);
}
.n-base-selection .n-base-selection-label {
  background-color: var(--input) !important;
  border-radius: 4px !important;
}
.n-base-selection .n-base-selection-placeholder {
  color: var(--foreground-secondary) !important;
}
.n-base-selection .n-base-selection-label .n-base-selection-input,
.n-base-selection .n-base-selection-label .n-base-selection-label__render-label {
  color: var(--foreground) !important;
}
.n-base-selection .n-base-selection__state-border,
.n-base-selection .n-base-selection__border {
  border-color: var(--border-light) !important;
  border-radius: 4px !important;
}
.n-base-selection:not(.n-base-selection--disabled):hover .n-base-selection__state-border,
.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border,
.n-base-selection:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border {
  border-color: var(--primary-hover) !important;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-hover), 0.1) !important;
}
.n-base-selection .n-base-suffix .n-base-suffix__arrow {
  color: var(--foreground) !important;
}
.n-tree-select-menu {
  border-radius: 6px;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1);
  background-color: var(--background-hover);
}
.v-vl {
  padding: 8px !important;
  background-color: var(--background-hover);
  border: 1px solid var(--border);
  border-radius: 6px;
}
.n-tree-node-wrapper {
  padding: 0 0 4px 0 !important;
}
.v-vl-items {
  padding: 0 !important;
}
.n-tree .n-tree-node-content {
  line-height: 32px !important;
}
.n-tree .n-tree-node {
  display: flex !important;
  align-items: center !important;
}
.n-tree .n-tree-node-content .n-tree-node-content__text {
  border: none !important;
}
.n-tree .n-tree-node:not(.n-tree-node--disabled) .n-tree-node-content__text span {
  color: var(--foreground) !important;
}
.n-tree .n-tree-node--disabled .n-tree-node-content__text span {
  color: var(--foreground-disabled) !important;
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected,
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
  background: var(--primary-light) !important;
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected .n-tree-node-content .n-tree-node-content__text span,
.n-tree .n-tree-node-switcher .n-tree-node-switcher__icon {
  color: var(--primary) !important;
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--pending {
  background: transparent !important;
}
.n-base-selection.n-base-selection--disabled .n-base-selection-label {
  background-color: var(--background-secondary) !important;
  border-color: var(--border-disabled) !important;
}
.n-base-selection.n-base-selection--disabled .n-base-selection-label .n-base-selection-input {
  color: var(--foreground-disabled) !important;
}
.n-tree .n-tree-node-indent {
  width: 12px !important;
}
.n-tree .suffix-btn {
  display: inline-block;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-width: auto;
  height: 30px;
  line-height: 27px;
}
.n-tree .suffix-btn:hover {
  opacity: 0.7;
}
.n-tree .n-tree-node-content {
  height: 30px !important;
  color: var(--foreground);
}
.n-tree .n-icon svg {
  margin-inline-start: 1px !important;
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled) {
  border: 1px solid var(--background-secondary);
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled):hover {
  background: var(--primary-light) !important;
  border-radius: 4px;
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected {
  border-radius: 4px;
  border: 1px solid var(--primary) !important;
  background: var(--primary-light) !important;
}
.n-tree.n-tree--block-line .n-tree-node:not(.n-tree-node--disabled).n-tree-node--selected {
  pointer-events: auto !important;
}
.ant-tree {
  background: none;
}
.ant-tree .ant-tree-treenode {
  color: var(--foreground);
}
.ant-tree-switcher .anticon {
  color: var(--primary);
}
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
  color: var(--foreground-disabled);
}
.ant-tree .ant-tree-node-content-wrapper,
.ant-tree .ant-tree-switcher,
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle,
.ant-tree .ant-tree-checkbox + span .ant-tree-iconEle {
  line-height: 30px;
}
.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree .ant-tree-checkbox + span.ant-tree-node-selected {
  background: var(--primary-light);
}
.ant-tree-title {
  display: flex;
}
/* ==================== a-directory-tree ==================== */
.ant-tree.ant-tree-directory .ant-tree-treenode:hover:before {
  background: var(--primary-light) !important;
  border-radius: 4px;
}
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
  background: var(--primary-light) !important;
  border: 1px solid var(--primary) !important;
  border-radius: 4px;
}
.title-bar-1 {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--spacing-xl);
  color: var(--foreground);
  font-size: 16px;
  font-weight: 400;
}
.title-bar-1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background-color: var(--primary);
  border-radius: 4px;
}
.title-bar-2 {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--spacing-xl);
  background-color: var(--secondary);
  color: var(--foreground);
  font-size: 14px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 4px;
}
.title-bar-2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 20px;
  background-color: var(--primary);
  border-radius: 4px;
}
.title-bar-3 {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 17px;
  color: var(--foreground);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.title-bar-3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 14px;
  background-color: var(--primary);
  mask-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28024 0H0V13.9689H3.28024L8.82242 6.98444L3.28024 0Z' fill='white'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28024 0H0V13.9689H3.28024L8.82242 6.98444L3.28024 0Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.title-bar-4 {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  padding-left: var(--spacing-xxxl);
  background-color: var(--background);
  border-radius: 4px;
  color: var(--foreground);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.title-bar-4::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 14px;
  background-color: var(--primary);
  mask-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28024 0H0V13.9689H3.28024L8.82242 6.98444L3.28024 0Z' fill='white'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28024 0H0V13.9689H3.28024L8.82242 6.98444L3.28024 0Z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.ant-tooltip .ant-tooltip-inner {
  padding: 6px 8px;
  background-color: var(--secondary);
  border-radius: 6px;
  color: var(--foreground);
}
.ant-popover .ant-popover-inner {
  padding: 6px 8px !important;
  border-radius: 6px !important;
  background-color: var(--secondary) !important;
  color: var(--foreground) !important;
}
.ant-tooltip .ant-tooltip-arrow::before {
  background-color: var(--secondary);
}
.n-popover:not(.n-popover--raw) {
  padding: 6px 8px !important;
  background-color: var(--secondary);
  border-radius: 6px;
  color: var(--foreground);
}
.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow {
  background-color: var(--secondary);
}
.tooltip-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--foreground);
}
.tooltip-item {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--foreground);
}
.tooltip-item-color {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.tooltip-item-name {
  flex: 1;
  min-width: 100px;
  margin-right: 10px;
  color: var(--foreground-secondary);
}
.tooltip-item-value {
  font-weight: 500;
  margin-left: auto;
}
.tooltip-item-unit {
  color: var(--foreground-secondary);
  font-weight: 400;
}
.ant-popover .ant-popover-inner {
  padding: 16px;
  background-color: var(--secondary);
  border: 1px solid var(--secondary-hover);
  border-radius: 6px;
}
.ant-popconfirm .ant-popconfirm-message {
  margin-bottom: 16px;
  color: var(--foreground);
}
.ant-popover .ant-popover-arrow::before {
  background-color: var(--secondary);
}
.ant-popconfirm .ant-popconfirm-buttons button.ant-btn-default {
  background-color: var(--secondary-hover);
}
.ant-popconfirm .ant-popconfirm-message > .ant-popconfirm-message-icon .anticon {
  color: var(--warning);
}
.ant-tag {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 24px;
  font-size: 12px !important;
  padding: 0 8px;
  background-color: var(--background);
  border-color: var(--foreground);
  border-radius: 2px;
  color: var(--foreground);
}
.ant-tag[filled] {
  background-color: var(--foreground);
  color: var(--background);
}
.ant-tag[type='primary'] {
  background-color: var(--primary-light);
  border-color: var(--primary);
  color: var(--primary);
}
.ant-tag[type='primary'][filled] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.ant-tag[type='success'] {
  background-color: var(--success-light);
  border-color: var(--success);
  color: var(--success);
}
.ant-tag[type='success'][filled] {
  background-color: var(--success);
  color: var(--primary-foreground);
}
.ant-tag[type='warning'] {
  background-color: var(--warning-light);
  border-color: var(--warning);
  color: var(--warning);
}
.ant-tag[type='warning'][filled] {
  background-color: var(--warning);
  color: var(--primary-foreground);
}
.ant-tag[type='error'] {
  background-color: var(--error-light);
  border-color: var(--error);
  color: var(--error);
}
.ant-tag[type='error'][filled] {
  background-color: var(--error);
  color: var(--primary-foreground);
}
.ant-tag.ant-tag-borderless {
  border-color: transparent !important;
}
.ant-tag .ant-tag-close-icon {
  margin-left: 10px;
  color: inherit;
}
.ant-tag .ant-tag-close-icon:hover {
  color: inherit;
  opacity: 0.6;
}
.ant-tag .ant-tag-close-icon:active {
  color: inherit;
  opacity: 0.4;
}
.ant-tag[disabled] .ant-tag-close-icon {
  margin-left: 10px;
  color: inherit;
  opacity: 0.2;
  cursor: not-allowed;
}
.ant-tag[size='small'] {
  height: 20px;
}
.ant-divider {
  border-color: var(--border);
}
.el-cascader .el-input__wrapper {
  background-color: var(--input);
  box-shadow: 0 0 0 1px var(--border-light, var(--border-light)) inset;
  border-radius: 4px;
}
.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  display: none;
}
.el-cascader__dropdown.el-popper {
  background-color: var(--background-hover) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  box-shadow: 0px 2px 8px 0px rgba(var(--primary-rgb), 0.1) !important;
}
.el-cascader-menu {
  border-right: 1px solid var(--border) !important;
  color: var(--foreground) !important;
}
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: var(--primary) !important;
}
.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background-color: var(--primary-light) !important;
}
.el-input__inner {
  color: var(--foreground) !important;
}
.el-cascader .el-icon {
  font-size: 12px !important;
  color: var(--foreground-secondary) !important;
}
.el-cascader .el-icon:hover {
  color: var(--primary) !important;
}
.el-cascader .el-tag .el-icon {
  color: var(--foreground) !important;
  background-color: transparent !important;
}
.el-cascader__tags .el-tag {
  max-width: calc(100% - 60px) !important;
  font-size: 14px!important;
  background-color: var(--secondary-hover) !important;
  color: var(--foreground) !important;
}
.el-checkbox__input .el-checkbox__inner {
  width: 16px !important;
  height: 16px !important;
  background-color: var(--background) !important;
  border-color: var(--foreground) !important;
}
.el-checkbox__input .el-checkbox__inner:hover {
  border-color: var(--foreground) !important;
}
.el-checkbox__input .el-checkbox__inner:focus {
  border-color: var(--foreground) !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--primary) !important;
  border-color: transparent !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner:after,
.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
  border-color: var(--primary-foreground) !important;
  border-width: 2px;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
  background-color: var(--primary-foreground) !important;
  height: 4px !important;
}
.el-popper.is-light:has(.el-tag) {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.el-popper.is-light:has(.el-tag) .el-popper__arrow::before {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.el-popper.is-light:has(.el-tag) .el-popper__arrow::after {
  border-color: var(--secondary) !important;
}
.el-popper.is-light:has(.el-tag) .el-tag {
  height: 28px !important;
  font-size: 14px !important;
  background-color: var(--secondary-hover) !important;
  color: var(--foreground) !important;
}
.el-popper.is-light:has(.el-tag) .el-tag .el-icon {
  color: var(--foreground) !important;
  background-color: transparent !important;
}
.ant-cascader-dropdown .ant-cascader-menu-item,
.ant-cascader-dropdown .ant-cascader-menu-item.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-dropdown .ant-cascader-menu-item .ant-cascader-menu-item-loading-icon {
  color: var(--foreground) !important;
}
.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: var(--primary-light) !important;
  color: var(--primary) !important;
}
.ant-cascader-dropdown .ant-cascader-menu-item:not(.ant-cascader-menu-item-disabled):hover {
  background-color: var(--primary-light) !important;
}
.ant-cascader-dropdown .ant-cascader-checkbox:not(.ant-cascader-checkbox-disabled):hover .ant-cascader-checkbox-inner {
  border-color: var(--primary) !important;
}
.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-inner {
  border-color: var(--foreground) !important;
  background-color: var(--background) !important;
  border-radius: 2px!important;
}
.ant-cascader-dropdown .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: var(--primary) !important;
  border-color: transparent !important;
}
.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-inner:after {
  border-color: var(--primary-foreground) !important;
}
/* 禁用样式 */
.ant-cascader-dropdown .ant-cascader-menu-item-disabled {
  border-color: var(--foreground-disabled) !important;
  color: var(--foreground-disabled) !important;
}
.ant-cascader-dropdown .ant-cascader-menu-item-disabled:hover {
  background-color: transparent !important;
}
.ant-cascader-dropdown .ant-cascader-checkbox-disabled .ant-cascader-checkbox-inner {
  border-color: var(--foreground-disabled) !important;
}
.ant-cascader-dropdown .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-dropdown .ant-cascader-menu-item-disabled .ant-cascader-menu-item-loading-icon {
  color: var(--foreground-disabled) !important;
}
.card-1,
.card-base {
  background-color: var(--background-secondary);
  border: 1px solid var(--border);
  border-radius: 6px;
}
.gradient-card,
.card-gradient-grid {
  background-image: linear-gradient(90deg, rgba(var(--border-rgb), 0.2) 1px, transparent 1px), linear-gradient(rgba(var(--border-rgb), 0.2) 1px, transparent 1px), linear-gradient(0deg, var(--scroller) 0%, var(--dark-gradient) 100%);
  background-size: 8px 8px,
    8px 8px,
    100% 100%;
  background-position: center;
  border: 1px solid var(--border);
  border-radius: 6px;
  background-color: transparent;
}
.card-gradient-grid-primary {
  background-image: linear-gradient(90deg, rgba(var(--border-rgb), 0.2) 1px, transparent 1px), linear-gradient(rgba(var(--border-rgb), 0.2) 1px, transparent 1px), linear-gradient(180deg, rgba(var(--primary-rgb), 0.5) 0%, rgba(var(--scroller-rgb), 0.5) 100%);
  background-size: 8px 8px,
    8px 8px,
    100% 100%;
  background-position: center;
  border: 1px solid var(--primary);
  border-radius: 6px;
  background-color: transparent;
}
.n-data-table {
  background-color: var(--background);
}
.n-data-table .n-data-table-table {
  background-color: var(--background);
}
.n-data-table.n-data-table--bordered .n-data-table-wrapper {
  border-color: rgba(var(--primary-rgb), 0.3);
  border-radius: 0;
}
.n-data-table .n-data-table-base-table-header {
  border-radius: 0;
  background-color: var(--scroller);
}
.n-data-table .n-data-table-thead {
  background-color: var(--scroller);
}
.n-data-table .n-data-table-th {
  height: 46px;
  line-height: 46px;
  padding: 0 16px;
  background-color: var(--scroller);
  color: var(--foreground);
  border-bottom: 1px solid var(--primary);
}
.n-data-table:not(.n-data-table--single-line) .n-data-table-th {
  border-right: 1px solid rgba(var(--primary-rgb), 0.3);
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.3);
}
.n-data-table .n-data-table-td {
  background-color: var(--background);
  border-color: rgba(var(--primary-rgb), 0.3) !important;
  color: var(--foreground-secondary);
}
.n-data-table .n-data-table-expand-trigger .n-base-icon {
  color: var(--foreground-secondary);
}
.n-data-table .n-data-table-th.n-data-table-th--fixed-left {
  box-sizing: content-box;
  width: calc(100% - 32px);
  z-index: 10;
}
.n-data-table:has(.n-data-table-base-table-body .n-data-table-td--fixed-left) .n-data-table-td[data-col-key].n-data-table-td--fixed-left::after,
.n-data-table:has(.n-data-table-base-table-body .n-data-table-td--fixed-left) .n-data-table-th[data-col-key].n-data-table-th--fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(var(--primary-rgb), 0.2);
}
.n-data-table:has(.n-data-table-base-table-body .n-data-table-td--fixed-right) .n-data-table-th[data-col-key].n-data-table-th--fixed-right::before,
.n-data-table:has(.n-data-table-base-table-body .n-data-table-td--fixed-right) .n-data-table-td[data-col-key].n-data-table-td--fixed-right::before {
  box-shadow: inset -10px 0 8px -8px rgba(var(--primary-rgb), 0.2);
}
.n-scrollbar-rail__scrollbar {
  background-color: var(--scroller);
}
.n-data-table .n-data-table-tr.n-data-table-tr--striped .n-data-table-td {
  background-color: var(--background-secondary);
}
.n-data-table .n-data-table-tr:not(.n-data-table-tr--summary):hover > .n-data-table-td {
  background-color: var(--background-hover);
}
.n-data-table.n-data-table--bottom-bordered .n-data-table-td.n-data-table-td--last-row {
  border-bottom: 1px solid rgba(var(--primary-rgb), 0.3);
}
.n-base-loading .n-base-loading__container .n-base-loading__icon {
  color: var(--primary);
}
.n-data-table .n-data-table-expand-trigger {
  flex-shrink: 0;
}
.n-data-table .n-data-table-indent {
  flex-shrink: 0;
}
.ant-transfer .ant-transfer-list {
  border: 1px solid var(--border);
}
.ant-transfer .ant-transfer-list-header {
  background-color: var(--secondary);
  border: 1px solid var(--border);
  color: var(--foreground);
}
.ant-transfer-list-content-item .ant-transfer-list-content-item-text {
  color: var(--foreground);
}
.ant-transfer-list-content-item-disabled .ant-transfer-list-content-item-text {
  color: var(--foreground-disabled);
}
.ant-transfer .ant-transfer-list-search .anticon-search {
  color: var(--foreground-secondary);
}
.ant-descriptions .ant-descriptions-item-container .ant-descriptions-item-label {
  color: var(--foreground-secondary);
  flex-shrink: 0;
}
.ant-descriptions .ant-descriptions-item-container .ant-descriptions-item-content {
  color: var(--foreground);
}
.ant-progress .ant-progress-bg {
  background-color: var(--primary);
}
.ant-progress .ant-progress-inner {
  background-color: var(--background);
}
.ant-progress .ant-progress-circle-trail {
  stroke: var(--foreground);
}
.ant-progress .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: var(--primary);
}
/**
 * NEllipsis 修复：纯数字或纯英文（无空格）时省略号不显示的问题
 * 原因：浏览器默认不会在数字或连续字母中间换行，导致内容无法溢出触发 ellipsis
 * 解决：word-break: break-all 强制允许在任意字符间换行
 *      min-width: 0 使 flex 子项可以正确收缩
 */
.n-ellipsis {
  word-break: break-all;
  min-width: 0;
}
.ant-collapse {
  background-color: var(--background);
  border-radius: 6px;
}
.ant-collapse .ant-collapse-item {
  border-color: var(--border);
}
.ant-collapse .ant-collapse-item .ant-collapse-header {
  color: var(--foreground);
}
.el-color-picker .el-color-picker__trigger {
  border-color: var(--border);
}
.el-color-picker.is-focused .el-color-picker__trigger {
  border-color: var(--primary);
}
.el-color-picker-panel {
  background-color: var(--background);
  border: 1px solid var(--border);
  border-radius: 6px;
}
.el-color-picker-panel .el-button {
  height: 32px;
  padding: 0px 14px;
  border-radius: 4px !important;
}
.el-color-picker-panel .el-button.is-text {
  background-color: transparent;
  color: var(--primary);
}
.el-color-picker-panel .el-button.is-text:hover {
  background-color: transparent !important;
  color: var(--primary-hover);
}
.el-color-picker-panel .el-button.is-plain {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--primary-foreground);
}
.el-color-picker-panel .el-button.is-plain:hover {
  background-color: var(--primary-hover);
}
.el-timeline.is-start {
  padding-left: 1px !important;
}
.el-timeline .el-timeline-item__node--primary {
  background-color: var(--primary) !important;
}
.el-timeline .el-timeline-item__node--primary.is-hollow {
  background-color: transparent !important;
  border-color: var(--primary) !important;
}
.el-timeline .el-timeline-item__tail {
  transform: translateY(50%);
  height: 60%;
  border-left: 1px solid var(--foreground-secondary);
}
.el-timeline .el-timeline-item__wrapper {
  padding-left: 16px !important;
}
.el-timeline .el-timeline-item__wrapper .el-timeline-item__content {
  padding-left: 8px !important;
  color: var(--foreground);
}
@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('/assets/ysbth-fahbdFno.TTF') format('woff2'), url('/assets/ysbth-fahbdFno.TTF') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* 优化字体加载显示 */
}
@font-face {
  font-family: 'PangMenZhengDao';
  src: url('/assets/pmzdbtt-nhX5wd4I.TTF') format('woff2'), url('/assets/pmzdbtt-nhX5wd4I.TTF') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* 优化字体加载显示 */
}
@font-face {
  font-family: 'Alimama ShuHeiTi';
  src: url('./src/fonts/AlimamaShuHeiTi.TTF') format('woff2'), url('./src/fonts/AlimamaShuHeiTi.TTF') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* 优化字体加载显示 */
}
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-ant-design\:inbox-outlined{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m885.2 446.3l-.2-.8l-112.2-285.1c-5-16.1-19.9-27.2-36.8-27.2H281.2c-17 0-32.1 11.3-36.9 27.6L139.4 443l-.3.7l-.2.8c-1.3 4.9-1.7 9.9-1 14.8c-.1 1.6-.2 3.2-.2 4.8V830a60.9 60.9 0 0 0 60.8 60.8h627.2c33.5 0 60.8-27.3 60.9-60.8V464.1c0-1.3 0-2.6-.1-3.7c.4-4.9 0-9.6-1.3-14.1m-295.8-43l-.3 15.7c-.8 44.9-31.8 75.1-77.1 75.1c-22.1 0-41.1-7.1-54.8-20.6S436 441.2 435.6 419l-.3-15.7H229.5L309 210h399.2l81.7 193.3zm-375 76.8h157.3c24.3 57.1 76 90.8 140.4 90.8c33.7 0 65-9.4 90.3-27.2c22.2-15.6 39.5-37.4 50.7-63.6h156.5V814H214.4z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em;}.f-c-c{display:flex;align-items:center;justify-content:center;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed,[fixed=""]{position:fixed;}.relative{position:relative;}.inset-0{inset:0;}.left-0{left:0;}.left-80px{left:80px;}.right-\[-2rem\]{right:-2rem;}.right-0{right:0;}.right-2{right:0.5rem;}.top-0{top:0;}.top-1\/2{top:50%;}.top-10{top:2.5rem;}.top-115\%{top:115%;}.top-160px{top:160px;}.top-66px{top:66px;}.z-\[1\],.z-1{z-index:1;}.z-2{z-index:2;}.z-50{z-index:50;}.grid{display:grid;}[col-span~="\31 "]{grid-column:span 1/span 1;}[col-span~="\32 "]{grid-column:span 2/span 2;}.m-auto{margin:auto;}.mx-\[0\.5rem\]{margin-left:0.5rem;margin-right:0.5rem;}.mx-\[1\.25rem\]{margin-left:1.25rem;margin-right:1.25rem;}.mx-1{margin-left:0.25rem;margin-right:0.25rem;}.mx-3{margin-left:0.75rem;margin-right:0.75rem;}.mx-4{margin-left:1rem;margin-right:1rem;}.my-\[1rem\]{margin-top:1rem;margin-bottom:1rem;}.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}.mb-\[1rem\],.mb-4{margin-bottom:1rem;}.mb-0{margin-bottom:0;}.mb-0\.5{margin-bottom:0.125rem;}.mb-1{margin-bottom:0.25rem;}.mb-12\%{margin-bottom:12%;}.mb-2{margin-bottom:0.5rem;}.mb-30\%{margin-bottom:30%;}.mb-4\%{margin-bottom:4%;}.mb-5{margin-bottom:1.25rem;}.mb-6{margin-bottom:1.5rem;}.ml-\[0\.5rem\],.ml-2{margin-left:0.5rem;}.ml-\[1rem\]{margin-left:1rem;}.ml-1{margin-left:0.25rem;}.ml-3{margin-left:0.75rem;}.ml-auto{margin-left:auto;}.mr-\[0\.25rem\],.mr-1{margin-right:0.25rem;}.mr-\[0\.3rem\]{margin-right:0.3rem;}.mr-\[0\.75rem\]{margin-right:0.75rem;}.mr-\[1rem\],.mr-4{margin-right:1rem;}.mr-\[2px\]{margin-right:2px;}.mr-2{margin-right:0.5rem;}.mr-2\.5{margin-right:0.625rem;}.mr-30px{margin-right:30px;}.mr-5{margin-right:1.25rem;}.mr-auto{margin-right:auto;}.ms{margin-inline-start:1rem;}.mt-\[0\.5rem\]{margin-top:0.5rem;}.mt-\[1\.25rem\]{margin-top:1.25rem;}.mt-1{margin-top:0.25rem;}.mt-3\%{margin-top:3%;}.mt-4{margin-top:1rem;}.mt-8{margin-top:2rem;}.mt-auto{margin-top:auto;}.last\:mb-0:last-child{margin-bottom:0;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.size-120px{width:120px;height:120px;}.size-14px{width:14px;height:14px;}.size-16px{width:16px;height:16px;}.size-16px\!{width:16px !important;height:16px !important;}.size-20px\!{width:20px !important;height:20px !important;}.size-24px{width:24px;height:24px;}.size-32px{width:32px;height:32px;}.size-4{width:1rem;height:1rem;}.size-5{width:1.25rem;height:1.25rem;}.size-6\.5{width:1.625rem;height:1.625rem;}.size-72px{width:72px;height:72px;}.size-full{width:100%;height:100%;}.\[\&_\.ant-input-number\]\:h-8 .ant-input-number,.h-\[2rem\],.h-8{height:2rem;}.\[\&_\.ant-input-number\]\:w-full .ant-input-number,.w-\[100\%\],.w-full{width:100%;}.h-\[\.875rem\]{height:.875rem;}.h-\[10rem\]{height:10rem;}.h-\[3\.25rem\]{height:3.25rem;}.h-\[3\.75rem\]{height:3.75rem;}.h-\[32px\],.h-32px{height:32px;}.h-\[35rem\]{height:35rem;}.h-\[550px\]{height:550px;}.h-0{height:0;}.h-1,.h1{height:0.25rem;}.h-10{height:2.5rem;}.h-28{height:7rem;}.h-3\.5{height:0.875rem;}.h-30px{height:30px;}.h-35px{height:35px;}.h-4{height:1rem;}.h-40px{height:40px;}.h-45px{height:45px;}.h-full{height:100%;}.h-max{height:max-content;}.max-h-\[300px\]{max-height:300px;}.max-w-\[100px\]{max-width:100px;}.max-w-\[12rem\]{max-width:12rem;}.max-w-\[16rem\]{max-width:16rem;}.max-w-\[3rem\]{max-width:3rem;}.max-w-\[71\.5rem\]{max-width:71.5rem;}.max-w-150px\!{max-width:150px !important;}.max-w-400px{max-width:400px;}.max-w-md{max-width:28rem;}.max-w-xl{max-width:36rem;}.min-h-42px{min-height:42px;}.min-h-full{min-height:100%;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0;}.min-w-300px{min-width:300px;}.w-\[\.875rem\]{width:.875rem;}.w-\[12\.13rem\]{width:12.13rem;}.w-\[12rem\]{width:12rem;}.w-\[24rem\]{width:24rem;}.w-\[3rem\]{width:3rem;}.w-\[4\.375rem\]{width:4.375rem;}.w-\[4\.5rem\]{width:4.5rem;}.w-\[40\%\]{width:40%;}.w-\[4rem\]{width:4rem;}.w-\[5\.5rem\]{width:5.5rem;}.w-\[50\%\]{width:50%;}.w-\[50rem\]{width:50rem;}.w-\[6\.375rem\]{width:6.375rem;}.w-\[6rem\]{width:6rem;}.w-\[7rem\],.w-28{width:7rem;}.w-\[8rem\]{width:8rem;}.w-\[90\%\]{width:90%;}.w-0{width:0;}.w-150px{width:150px;}.w-20{width:5rem;}.w-247px{width:247px;}.w-3\.5{width:0.875rem;}.w-4{width:1rem;}.w-44{width:11rem;}.w-550px{width:550px;}.w-75{width:18.75rem;}.w-8{width:2rem;}.w-85\%{width:85%;}.w-auto{width:auto;}.w-fit{width:fit-content;}.w-max{width:max-content;}.flex,.group:hover .group-hover\:flex{display:flex;}.flex-1{flex:1 1 0%;}.flex-none{flex:none;}.flex-shrink{flex-shrink:1;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.file-table::file-selector-button{display:table;}.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.scale-75{--un-scale-x:0.75;--un-scale-y:0.75;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-default{cursor:default;}.cursor-pointer{cursor:pointer;}.cursor-not-allowed{cursor:not-allowed;}.resize{resize:both;}.place-items-center{place-items:center;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.self-center{align-self:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-around{justify-content:space-around;}.gap-1{gap:0.25rem;}.gap-1px{gap:1px;}.gap-2{gap:0.5rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1rem;}.gap-6{gap:1.5rem;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.break-all{word-break:break-all;}.-b{border-width:-1px;}.b,.border,.border-1{border-width:1px;}.border-0{border-width:0px;}.border-b{border-bottom-width:1px;}.border-r-\[1px\]{border-right-width:1px;}.border-t-\[1px\]{border-top-width:1px;}.border-\[\#297EEE\]{--un-border-opacity:1;border-color:rgb(41 126 238 / var(--un-border-opacity));}.border-\[\#CFD0D2\]{--un-border-opacity:1;border-color:rgb(207 208 210 / var(--un-border-opacity));}.border-\[\#D9D9D9\]{--un-border-opacity:1;border-color:rgb(217 217 217 / var(--un-border-opacity));}.border-border{border-color:var(--border);}.border-border-light{border-color:var(--border-light);}.border-primary{border-color:var(--primary);}.border-transparent,[border-color~="transparent"]{border-color:transparent;}.hover\:border-primary:hover{border-color:var(--primary);}.border-b-\[\#dfe1e6\]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(223 225 230 / var(--un-border-bottom-opacity));}.border-opacity-40{--un-border-opacity:0.4;}.rounded{border-radius:0.25rem;}.rounded-\[2px\]{border-radius:2px;}.rounded-0\.5{border-radius:0.125rem;}.rounded-4px{border-radius:4px;}.rounded-6px{border-radius:6px;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.5rem;}.rounded-md{border-radius:0.375rem;}.border-dashed{border-style:dashed;}.border-solid{border-style:solid;}.bg-\[\#297EEE\]{--un-bg-opacity:1;background-color:rgb(41 126 238 / var(--un-bg-opacity)) /* #297EEE */;}.bg-\[\#D9D9D9\]{--un-bg-opacity:1;background-color:rgb(217 217 217 / var(--un-bg-opacity)) /* #D9D9D9 */;}.bg-\[\#E9F2FE\]{--un-bg-opacity:1;background-color:rgb(233 242 254 / var(--un-bg-opacity)) /* #E9F2FE */;}.bg-\[\#F2F3F5\]{--un-bg-opacity:1;background-color:rgb(242 243 245 / var(--un-bg-opacity)) /* #F2F3F5 */;}.bg-\[\#F9FAFC\]{--un-bg-opacity:1;background-color:rgb(249 250 252 / var(--un-bg-opacity)) /* #F9FAFC */;}.bg-\[\#fff\],.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.bg-\[rgba\(22\,119\,255\,0\.25\)\]{--un-bg-opacity:0.25;background-color:rgba(22, 119, 255, var(--un-bg-opacity)) /* rgba(22,119,255,0.25) */;}.bg-\[rgba\(255\,255\,255\)\]{--un-bg-opacity:1;background-color:rgba(255, 255, 255, var(--un-bg-opacity)) /* rgba(255,255,255) */;}.bg-background{background-color:var(--background) /* var(--background) */;}.bg-background-secondary{background-color:var(--background-secondary) /* var(--background-secondary) */;}.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity)) /* #000 */;}.bg-black\/50{background-color:rgb(0 0 0 / 0.5) /* #000 */;}.bg-black\/60{background-color:rgb(0 0 0 / 0.6) /* #000 */;}.bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity)) /* #3b82f6 */;}.bg-border{background-color:var(--border) /* var(--border) */;}.bg-input{background-color:var(--input) /* var(--input) */;}.bg-primary{background-color:var(--primary) /* var(--primary) */;}.bg-transparent{background-color:transparent /* transparent */;}.hover\:bg-\[--primary-light\]:hover{background-color:var(--primary-light) /* var(--primary-light) */;}.hover\:bg-\[\#F7F8FA\]:hover{--un-bg-opacity:1;background-color:rgb(247 248 250 / var(--un-bg-opacity)) /* #F7F8FA */;}.hover\:bg-background-secondary:hover{background-color:var(--background-secondary) /* var(--background-secondary) */;}.bg-opacity-10{--un-bg-opacity:0.1;}[fill-opacity~="\30 \.1"]{--un-fill-opacity:0.001;}[fill-opacity~="\30 \.5"]{--un-fill-opacity:0.005;}[stroke-width~="\31 "]{stroke-width:1px;}[stroke-width~="\31 \.33"]{stroke-width:1.33px;}[stroke-width~="\31 \.33333"]{stroke-width:1.33333px;}[stroke-width~="\31 \.5"]{stroke-width:1.5px;}[stroke-width~="\32 "]{stroke-width:2px;}[stroke-width~="\33 "]{stroke-width:3px;}[stroke~="white"]{--un-stroke-opacity:1;stroke:rgb(255 255 255 / var(--un-stroke-opacity)) /* #fff */;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-\[0\.75rem\]{padding:0.75rem;}.p-0{padding:0;}.p-2{padding:0.5rem;}.p-4{padding:1rem;}.p-5{padding:1.25rem;}.p-6{padding:1.5rem;}.p-8{padding:2rem;}.px,.px-\[1rem\]{padding-left:1rem;padding-right:1rem;}.px-\[\.75rem\]{padding-left:.75rem;padding-right:.75rem;}.px-\[0\.5rem\]{padding-left:0.5rem;padding-right:0.5rem;}.px-\[0\.75rem\],.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-\[1\.25rem\],.px-5{padding-left:1.25rem;padding-right:1.25rem;}.px-\[1\.5rem\]{padding-left:1.5rem;padding-right:1.5rem;}.px-16px{padding-left:16px;padding-right:16px;}.py-\[\.1rem\]{padding-top:.1rem;padding-bottom:.1rem;}.py-\[0\.69rem\]{padding-top:0.69rem;padding-bottom:0.69rem;}.py-\[0\.75rem\]{padding-top:0.75rem;padding-bottom:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.py-20{padding-top:5rem;padding-bottom:5rem;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}.py-9px{padding-top:9px;padding-bottom:9px;}.\[\&_\.ant-input-number-input\]\:pr-7 .ant-input-number-input{padding-right:1.75rem;}.pb-\[1rem\]{padding-bottom:1rem;}.pl-\[0\.6rem\]{padding-left:0.6rem;}.pl-\[1\.25rem\]{padding-left:1.25rem;}.pl-\[24px\]{padding-left:24px;}.pl-\[40px\]{padding-left:40px;}.pl-2{padding-left:0.5rem;}.pl-2\.5{padding-left:0.625rem;}.pl-3{padding-left:0.75rem;}.pl-4{padding-left:1rem;}.pr-\[0\.25rem\]{padding-right:0.25rem;}.pr-\[0\.6rem\]{padding-right:0.6rem;}.pr-2{padding-right:0.5rem;}.pr-80px\!{padding-right:80px !important;}.pt-\[1rem\]{padding-top:1rem;}.pt-3{padding-top:0.75rem;}.text-center{text-align:center;}.text-right{text-align:right;}.text-wrap{text-wrap:wrap;}.text-nowrap{text-wrap:nowrap;}.align-middle{vertical-align:middle;}.text-\[0\.75rem\]{font-size:0.75rem;}.text-\[0\.875rem\]{font-size:0.875rem;}.text-\[1\.125rem\]{font-size:1.125rem;}.text-\[1\.25rem\]{font-size:1.25rem;}.text-\[1\.2rem\]{font-size:1.2rem;}.text-\[1\.5rem\]{font-size:1.5rem;}.text-\[1rem\]{font-size:1rem;}.text-12px{font-size:12px;}.text-14px{font-size:14px;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-30px{font-size:30px;}.text-48px{font-size:48px;}.text-base{font-size:1rem;line-height:1.5rem;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.\!text-foreground{color:var(--foreground) /* var(--foreground) */ !important;}.\!text-white{--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */ !important;}.text-\[--primary\]\!{color:var(--primary) /* var(--primary) */ !important;}.text-\[\#1677FF\]{--un-text-opacity:1;color:rgb(22 119 255 / var(--un-text-opacity)) /* #1677FF */;}.text-\[\#1D2129\]{--un-text-opacity:1;color:rgb(29 33 41 / var(--un-text-opacity)) /* #1D2129 */;}.text-\[\#333\]{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity)) /* #333 */;}.text-\[\#4E5969\]{--un-text-opacity:1;color:rgb(78 89 105 / var(--un-text-opacity)) /* #4E5969 */;}.text-\[\#707479\]{--un-text-opacity:1;color:rgb(112 116 121 / var(--un-text-opacity)) /* #707479 */;}.text-\[\#787f88\]{--un-text-opacity:1;color:rgb(120 127 136 / var(--un-text-opacity)) /* #787f88 */;}.text-\[\#797979\]{--un-text-opacity:1;color:rgb(121 121 121 / var(--un-text-opacity)) /* #797979 */;}.text-\[\#7D7D80\]{--un-text-opacity:1;color:rgb(125 125 128 / var(--un-text-opacity)) /* #7D7D80 */;}.text-\[\#86909C\]{--un-text-opacity:1;color:rgb(134 144 156 / var(--un-text-opacity)) /* #86909C */;}.text-\[\#B2B2B2\]{--un-text-opacity:1;color:rgb(178 178 178 / var(--un-text-opacity)) /* #B2B2B2 */;}.text-\[\#C9CDD4\]{--un-text-opacity:1;color:rgb(201 205 212 / var(--un-text-opacity)) /* #C9CDD4 */;}.text-\[\#ccc\]{--un-text-opacity:1;color:rgb(204 204 204 / var(--un-text-opacity)) /* #ccc */;}.text-\[\#faad14\]{--un-text-opacity:1;color:rgb(250 173 20 / var(--un-text-opacity)) /* #faad14 */;}.text-\#8C8C8C{--un-text-opacity:1;color:rgb(140 140 140 / var(--un-text-opacity)) /* #8C8C8C */;}.text-error{color:var(--error) /* var(--error) */;}.text-foreground{color:var(--foreground) /* var(--foreground) */;}.text-foreground-secondary{color:var(--foreground-secondary) /* var(--foreground-secondary) */;}.color-primary,.text-primary{color:var(--primary) /* var(--primary) */;}.text-primary-dark{color:var(--primary-dark) /* var(--primary-dark) */;}.text-primary-foreground{color:var(--primary-foreground) /* var(--primary-foreground) */;}.text-secondary{color:var(--secondary) /* var(--secondary) */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.hover\:text-foreground:hover{color:var(--foreground) /* var(--foreground) */;}.hover\:text-primary-hover:hover{color:var(--primary-hover) /* var(--primary-hover) */;}.hover\:text-primary:hover{color:var(--primary) /* var(--primary) */;}.active\:text-primary-active:active{color:var(--primary-active) /* var(--primary-active) */;}.active\:text-primary-hover:active{color:var(--primary-hover) /* var(--primary-hover) */;}.font-400{font-weight:400;}.font-600{font-weight:600;}.font-bold{font-weight:700;}.leading-\[1\.56rem\]{line-height:1.56rem;}.leading-\[1\.5rem\]{line-height:1.5rem;}.leading-\[1\.75rem\]{line-height:1.75rem;}.leading-\[1\]{line-height:1;}.leading-\[2rem\],.leading-8{line-height:2rem;}.leading-\[3\.25rem\]{line-height:3.25rem;}.leading-\[48px\]{line-height:48px;}.leading-5{line-height:1.25rem;}.not-italic{font-style:normal;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}.hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.blur,[blur=""]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-200{transition-duration:200ms;}.duration-300{transition-duration:300ms;}[transition-duration~="\32 000"]{transition-duration:2000ms;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}.p-xxl{padding:var(--spacing-xxl);}.py-xxxl{padding-top:var(--spacing-xxxl);padding-bottom:var(--spacing-xxxl);}.mb-xxl{margin-bottom:var(--spacing-xxl);}.my-xxxxl{margin-top:var(--spacing-xxxxl);margin-bottom:var(--spacing-xxxxl);}.gap-md{gap:var(--spacing-md);}.gap-x-xxl{column-gap:var(--spacing-xxl);}.gap-xl{gap:var(--spacing-xl);}.gap-xs{gap:var(--spacing-xs);}.gap-y-xxl{row-gap:var(--spacing-xxl);}