*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 2 */
}

[dir] *,
[dir] ::before,
[dir] ::after { /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor;
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body { /* 1 */
  line-height: inherit; /* 2 */
}

[dir] body {
  margin: 0;
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 3 */
}

[dir] hr { /* 2 */
  border-top-width: 1px;
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 2 */
  border-collapse: collapse; /* 3 */
}

[dir] table { /* 1 */
  border-color: inherit;
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 3 */
}

[dir] button,
[dir] input,
[dir] optgroup,
[dir] select,
[dir] textarea { /* 1 */
  margin: 0; /* 2 */
  padding: 0;
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 2 */
}

[dir] button,
[dir] input:where([type='button']),
[dir] input:where([type='reset']),
[dir] input:where([type='submit']) { /* 1 */
  background-color: transparent; /* 2 */
  background-image: none;
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

[dir] :-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

[dir] blockquote,
[dir] dl,
[dir] dd,
[dir] h1,
[dir] h2,
[dir] h3,
[dir] h4,
[dir] h5,
[dir] h6,
[dir] hr,
[dir] figure,
[dir] p,
[dir] pre {
  margin: 0;
}

[dir] fieldset {
  margin: 0;
  padding: 0;
}

[dir] legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
}

[dir] ol,
[dir] ul,
[dir] menu {
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
[dir] dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

[dir] button,
[dir] [role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
[dir] :disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

    :root {
        /* 公用 */
        --danger-color: #EE6D4B;
        --warning-color: #FAAD14;
        --success-color: #3CC865;
        --gray-color: #F5F5F5;
        --blue-color: #15BCF6;
        --white-color: #fff;
        --black-color: #000;


        /* 黑夜 */
        --primary-color: #247FFF;
        --global-background-color: #393D48;
         --global-background-secondary-color: #393D48;
        --module-background-color: #3F4350;
        --module-background-secondary-color: #3F4350;
        --component-background-color: #474B59;
        --component-background-secondary-color: #474B59;
        --divide-color: #5B5F6D;
        --border-color: #5B5F6D;
        --border-color-hover: #747A86;
        --title-primary-color: #E8EAEF;
        --title-regular-color: #FFF;
        --title-secondary-color: #BFC5D3;
        --title-third-color: #828491;
        --title-fourth-color: #FFF;

        /* 白天 */

        /* --primary-color:  #247FFF;
        --global-background-color: #F7F7F7;
        --module-background-color: #FFFFFF;
        --component-background-color: #FAFAFA;

        --divide-color: #ECEDEE;

        --border-color: #ECEDEE;
        --border-color-hover:#E8EAEF;
        --title-primary-color:#5A5A5A;
        --title-regular-color:  #262626;
        --title-secondary-color: #8C8C8C;
        --title-third-color: #BFBFBF; */

        /* constant适配ios11.0,env适配ios11.2以上 */
        /* stylelint-disable declaration-block-no-duplicate-custom-properties */
        --safe-area-inset-top: constant(safe-area-inset-top);
        --safe-area-inset-top: env(safe-area-inset-top);
        --safe-area-inset-left: constant(safe-area-inset-left);
        --safe-area-inset-left: env(safe-area-inset-left);
        --safe-area-inset-right: constant(safe-area-inset-right);
        --safe-area-inset-right: env(safe-area-inset-right);
        --safe-area-inset-bottom: constant(safe-area-inset-bottom);
        --safe-area-inset-bottom: env(safe-area-inset-bottom);
        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
    }

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

@media (min-width: 480px) {
.\!container {
    max-width: 480px !important;
  }

.container {
    max-width: 480px;
  }
}

@media (min-width: 768px) {
.\!container {
    max-width: 768px !important;
  }

.container {
    max-width: 768px;
  }
}

@media (min-width: 992px) {
.\!container {
    max-width: 992px !important;
  }

.container {
    max-width: 992px;
  }
}

@media (min-width: 1500px) {
.\!container {
    max-width: 1500px !important;
  }

.container {
    max-width: 1500px;
  }
}

@media (min-width: 1920px) {
.\!container {
    max-width: 1920px !important;
  }

.container {
    max-width: 1920px;
  }
}

.\!visible {
  visibility: visible !important;
}

.visible {
  visibility: visible;
}

.\!collapse {
  visibility: collapse !important;
}

.collapse {
  visibility: collapse;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.\!relative {
  position: relative !important;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

[dir="ltr"] .\!left-0 {
  left: 0px !important;
}

[dir="rtl"] .\!left-0 {
  right: 0px !important;
}

[dir="ltr"] .\!left-45 {
  left: 45px !important;
}

[dir="rtl"] .\!left-45 {
  right: 45px !important;
}

[dir="ltr"] .\!right-\[initial\] {
  right: auto !important;
  right: initial !important;
}

[dir="rtl"] .\!right-\[initial\] {
  left: auto !important;
  left: initial !important;
}

.bottom-0 {
  bottom: 0px;
}

[dir="ltr"] .left-0 {
  left: 0px;
}

[dir="rtl"] .left-0 {
  right: 0px;
}

[dir="ltr"] .right-0 {
  right: 0px;
}

[dir="rtl"] .right-0 {
  left: 0px;
}

.top-0 {
  top: 0px;
}

.top-20 {
  top: 20px;
}

.top-\[-20px\] {
  top: -20px;
}

.top-\[-22px\] {
  top: -22px;
}

.top-\[-36px\] {
  top: -36px;
}

.top-\[-3px\] {
  top: -3px;
}

.z-10 {
  z-index: 10;
}

[dir="ltr"] .float-right {
  float: right;
}

[dir="rtl"] .float-right {
  float: left;
}

[dir] .m-10 {
  margin: 10px;
}

[dir] .m-114 {
  margin: 114px;
}

[dir] .m-119 {
  margin: 119px;
}

[dir] .m-156 {
  margin: 156px;
}

[dir] .m-186 {
  margin: 186px;
}

[dir] .m-192 {
  margin: 192px;
}

[dir] .m-195 {
  margin: 195px;
}

[dir] .m-199 {
  margin: 199px;
}

[dir] .m-205 {
  margin: 205px;
}

[dir] .m-240 {
  margin: 240px;
}

[dir] .m-306 {
  margin: 306px;
}

[dir] .m-38 {
  margin: 38px;
}

[dir] .m-462 {
  margin: 462px;
}

[dir] .m-67 {
  margin: 67px;
}

[dir] .\!mb-0 {
  margin-bottom: 0px !important;
}

[dir] .\!mb-12 {
  margin-bottom: 12px !important;
}

[dir] .\!mb-16 {
  margin-bottom: 16px !important;
}

[dir] .\!mb-24 {
  margin-bottom: 24px !important;
}

[dir] .\!mb-4 {
  margin-bottom: 4px !important;
}

[dir] .\!mb-8 {
  margin-bottom: 8px !important;
}

[dir="ltr"] .\!ml-0 {
  margin-left: 0px !important;
}

[dir="rtl"] .\!ml-0 {
  margin-right: 0px !important;
}

[dir="ltr"] .\!ml-10 {
  margin-left: 10px !important;
}

[dir="rtl"] .\!ml-10 {
  margin-right: 10px !important;
}

[dir="ltr"] .\!ml-12 {
  margin-left: 12px !important;
}

[dir="rtl"] .\!ml-12 {
  margin-right: 12px !important;
}

[dir="ltr"] .\!ml-15 {
  margin-left: 15px !important;
}

[dir="rtl"] .\!ml-15 {
  margin-right: 15px !important;
}

[dir="ltr"] .\!ml-2 {
  margin-left: 2px !important;
}

[dir="rtl"] .\!ml-2 {
  margin-right: 2px !important;
}

[dir="ltr"] .\!ml-4 {
  margin-left: 4px !important;
}

[dir="rtl"] .\!ml-4 {
  margin-right: 4px !important;
}

[dir="ltr"] .\!ml-5 {
  margin-left: 5px !important;
}

[dir="rtl"] .\!ml-5 {
  margin-right: 5px !important;
}

[dir="ltr"] .\!ml-9 {
  margin-left: 9px !important;
}

[dir="rtl"] .\!ml-9 {
  margin-right: 9px !important;
}

[dir] .\!mt-10 {
  margin-top: 10px !important;
}

[dir] .\!mt-12 {
  margin-top: 12px !important;
}

[dir] .\!mt-16 {
  margin-top: 16px !important;
}

[dir] .\!mt-20 {
  margin-top: 20px !important;
}

[dir] .\!mt-24 {
  margin-top: 24px !important;
}

[dir] .\!mt-4 {
  margin-top: 4px !important;
}

[dir] .\!mt-8 {
  margin-top: 8px !important;
}

[dir] .-mt-12 {
  margin-top: -12px;
}

[dir] .mb-10 {
  margin-bottom: 10px;
}

[dir] .mb-12 {
  margin-bottom: 12px;
}

[dir] .mb-15 {
  margin-bottom: 15px;
}

[dir] .mb-16 {
  margin-bottom: 16px;
}

[dir] .mb-18 {
  margin-bottom: 18px;
}

[dir] .mb-20 {
  margin-bottom: 20px;
}

[dir] .mb-22 {
  margin-bottom: 22px;
}

[dir] .mb-24 {
  margin-bottom: 24px;
}

[dir] .mb-29 {
  margin-bottom: 29px;
}

[dir] .mb-30 {
  margin-bottom: 30px;
}

[dir] .mb-32 {
  margin-bottom: 32px;
}

[dir] .mb-36 {
  margin-bottom: 36px;
}

[dir] .mb-4 {
  margin-bottom: 4px;
}

[dir] .mb-44 {
  margin-bottom: 44px;
}

[dir] .mb-48 {
  margin-bottom: 48px;
}

[dir] .mb-52 {
  margin-bottom: 52px;
}

[dir] .mb-6 {
  margin-bottom: 6px;
}

[dir] .mb-8 {
  margin-bottom: 8px;
}

[dir] .mb-\[0px\] {
  margin-bottom: 0px;
}

[dir] .mb-\[50px\] {
  margin-bottom: 50px;
}

[dir="ltr"] .ml-12 {
  margin-left: 12px;
}

[dir="rtl"] .ml-12 {
  margin-right: 12px;
}

[dir="ltr"] .ml-16 {
  margin-left: 16px;
}

[dir="rtl"] .ml-16 {
  margin-right: 16px;
}

[dir="ltr"] .ml-20 {
  margin-left: 20px;
}

[dir="rtl"] .ml-20 {
  margin-right: 20px;
}

[dir="ltr"] .ml-24 {
  margin-left: 24px;
}

[dir="rtl"] .ml-24 {
  margin-right: 24px;
}

[dir="ltr"] .ml-26 {
  margin-left: 26px;
}

[dir="rtl"] .ml-26 {
  margin-right: 26px;
}

[dir="ltr"] .ml-4 {
  margin-left: 4px;
}

[dir="rtl"] .ml-4 {
  margin-right: 4px;
}

[dir="ltr"] .ml-6 {
  margin-left: 6px;
}

[dir="rtl"] .ml-6 {
  margin-right: 6px;
}

[dir="ltr"] .ml-8 {
  margin-left: 8px;
}

[dir="rtl"] .ml-8 {
  margin-right: 8px;
}

[dir="ltr"] .mr-10 {
  margin-right: 10px;
}

[dir="rtl"] .mr-10 {
  margin-left: 10px;
}

[dir="ltr"] .mr-12 {
  margin-right: 12px;
}

[dir="rtl"] .mr-12 {
  margin-left: 12px;
}

[dir="ltr"] .mr-24 {
  margin-right: 24px;
}

[dir="rtl"] .mr-24 {
  margin-left: 24px;
}

[dir="ltr"] .mr-26 {
  margin-right: 26px;
}

[dir="rtl"] .mr-26 {
  margin-left: 26px;
}

[dir="ltr"] .mr-4 {
  margin-right: 4px;
}

[dir="rtl"] .mr-4 {
  margin-left: 4px;
}

[dir="ltr"] .mr-40 {
  margin-right: 40px;
}

[dir="rtl"] .mr-40 {
  margin-left: 40px;
}

[dir="ltr"] .mr-6 {
  margin-right: 6px;
}

[dir="rtl"] .mr-6 {
  margin-left: 6px;
}

[dir="ltr"] .mr-8 {
  margin-right: 8px;
}

[dir="rtl"] .mr-8 {
  margin-left: 8px;
}

[dir] .mt-1 {
  margin-top: 1px;
}

[dir] .mt-10 {
  margin-top: 10px;
}

[dir] .mt-104 {
  margin-top: 104px;
}

[dir] .mt-12 {
  margin-top: 12px;
}

[dir] .mt-14 {
  margin-top: 14px;
}

[dir] .mt-16 {
  margin-top: 16px;
}

[dir] .mt-2 {
  margin-top: 2px;
}

[dir] .mt-20 {
  margin-top: 20px;
}

[dir] .mt-22 {
  margin-top: 22px;
}

[dir] .mt-24 {
  margin-top: 24px;
}

[dir] .mt-28 {
  margin-top: 28px;
}

[dir] .mt-30 {
  margin-top: 30px;
}

[dir] .mt-32 {
  margin-top: 32px;
}

[dir] .mt-38 {
  margin-top: 38px;
}

[dir] .mt-4 {
  margin-top: 4px;
}

[dir] .mt-40 {
  margin-top: 40px;
}

[dir] .mt-46 {
  margin-top: 46px;
}

[dir] .mt-48 {
  margin-top: 48px;
}

[dir] .mt-6 {
  margin-top: 6px;
}

[dir] .mt-68 {
  margin-top: 68px;
}

[dir] .mt-8 {
  margin-top: 8px;
}

[dir] .mt-\[50\%\] {
  margin-top: 50%;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.\!inline-block {
  display: inline-block !important;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.size-16 {
  width: 16px;
  height: 16px;
}

.\!h-100 {
  height: 100px !important;
}

.\!h-12 {
  height: 12px !important;
}

.\!h-14 {
  height: 14px !important;
}

.\!h-15 {
  height: 15px !important;
}

.\!h-16 {
  height: 16px !important;
}

.\!h-18 {
  height: 18px !important;
}

.\!h-20 {
  height: 20px !important;
}

.\!h-22 {
  height: 22px !important;
}

.\!h-24 {
  height: 24px !important;
}

.\!h-25 {
  height: 25px !important;
}

.\!h-28 {
  height: 28px !important;
}

.\!h-30 {
  height: 30px !important;
}

.\!h-300 {
  height: 300px !important;
}

.\!h-32 {
  height: 32px !important;
}

.\!h-34 {
  height: 34px !important;
}

.\!h-36 {
  height: 36px !important;
}

.\!h-40 {
  height: 40px !important;
}

.\!h-44 {
  height: 44px !important;
}

.\!h-48 {
  height: 48px !important;
}

.\!h-64 {
  height: 64px !important;
}

.\!h-\[0\.5px\] {
  height: 0.5px !important;
}

.\!h-full {
  height: 100% !important;
}

.h-0 {
  height: 0px;
}

.h-100 {
  height: 100px;
}

.h-110 {
  height: 110px;
}

.h-12 {
  height: 12px;
}

.h-120 {
  height: 120px;
}

.h-14 {
  height: 14px;
}

.h-16 {
  height: 16px;
}

.h-24 {
  height: 24px;
}

.h-28 {
  height: 28px;
}

.h-30 {
  height: 30px;
}

.h-32 {
  height: 32px;
}

.h-380 {
  height: 380px;
}

.h-40 {
  height: 40px;
}

.h-42 {
  height: 42px;
}

.h-450 {
  height: 450px;
}

.h-48 {
  height: 48px;
}

.h-60 {
  height: 60px;
}

.h-600 {
  height: 600px;
}

.h-66 {
  height: 66px;
}

.h-8 {
  height: 8px;
}

.h-84 {
  height: 84px;
}

.h-88 {
  height: 88px;
}

.h-90 {
  height: 90px;
}

.h-full {
  height: 100%;
}

.max-h-200 {
  max-height: 200px;
}

.max-h-300 {
  max-height: 300px;
}

.max-h-\[50vw\] {
  max-height: 50vw;
}

.\!min-h-295 {
  min-height: 295px !important;
}

.\!min-h-\[276px\] {
  min-height: 276px !important;
}

.min-h-300 {
  min-height: 300px;
}

.min-h-560 {
  min-height: 560px;
}

.\!w-100 {
  width: 100px !important;
}

.\!w-102 {
  width: 102px !important;
}

.\!w-110 {
  width: 110px !important;
}

.\!w-116 {
  width: 116px !important;
}

.\!w-12 {
  width: 12px !important;
}

.\!w-128 {
  width: 128px !important;
}

.\!w-14 {
  width: 14px !important;
}

.\!w-156 {
  width: 156px !important;
}

.\!w-16 {
  width: 16px !important;
}

.\!w-18 {
  width: 18px !important;
}

.\!w-183 {
  width: 183px !important;
}

.\!w-20 {
  width: 20px !important;
}

.\!w-200 {
  width: 200px !important;
}

.\!w-22 {
  width: 22px !important;
}

.\!w-24 {
  width: 24px !important;
}

.\!w-25 {
  width: 25px !important;
}

.\!w-28 {
  width: 28px !important;
}

.\!w-30 {
  width: 30px !important;
}

.\!w-32 {
  width: 32px !important;
}

.\!w-34 {
  width: 34px !important;
}

.\!w-38 {
  width: 38px !important;
}

.\!w-40 {
  width: 40px !important;
}

.\!w-41 {
  width: 41px !important;
}

.\!w-48 {
  width: 48px !important;
}

.\!w-64 {
  width: 64px !important;
}

.\!w-92 {
  width: 92px !important;
}

.\!w-\[100\%\] {
  width: 100% !important;
}

.\!w-full {
  width: 100% !important;
}

.w-110 {
  width: 110px;
}

.w-12 {
  width: 12px;
}

.w-128 {
  width: 128px;
}

.w-132 {
  width: 132px;
}

.w-14 {
  width: 14px;
}

.w-140 {
  width: 140px;
}

.w-160 {
  width: 160px;
}

.w-221 {
  width: 221px;
}

.w-24 {
  width: 24px;
}

.w-28 {
  width: 28px;
}

.w-32 {
  width: 32px;
}

.w-48 {
  width: 48px;
}

.w-60 {
  width: 60px;
}

.w-64 {
  width: 64px;
}

.w-8 {
  width: 8px;
}

.w-80 {
  width: 80px;
}

.w-88 {
  width: 88px;
}

.w-90 {
  width: 90px;
}

.w-96 {
  width: 96px;
}

.w-\[100\%\] {
  width: 100%;
}

.w-\[30\%\] {
  width: 30%;
}

.w-\[70\%\] {
  width: 70%;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.\!min-w-\[128px\] {
  min-width: 128px !important;
}

.min-w-\[110px\] {
  min-width: 110px;
}

.\!max-w-400 {
  max-width: 400px !important;
}

.\!max-w-424 {
  max-width: 424px !important;
}

.\!max-w-80 {
  max-width: 80px !important;
}

.max-w-300 {
  max-width: 300px;
}

.max-w-480 {
  max-width: 480px;
}

.max-w-504 {
  max-width: 504px;
}

.max-w-524 {
  max-width: 524px;
}

.max-w-60 {
  max-width: 60px;
}

.max-w-648 {
  max-width: 648px;
}

.max-w-\[1008px\] {
  max-width: 1008px;
}

.max-w-\[100vw\] {
  max-width: 100vw;
}

.max-w-\[708px\] {
  max-width: 708px;
}

.max-w-full {
  max-width: 100%;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.rotate-180 {
  --tw-rotate: 180deg;
}

[dir] .rotate-180 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[dir] .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

[dir] .cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.\!items-center {
  align-items: center !important;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.\!justify-center {
  justify-content: center !important;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.gap-10 {
  gap: 10px;
}

.gap-12 {
  gap: 12px;
}

.gap-16 {
  gap: 16px;
}

.gap-19 {
  gap: 19px;
}

.gap-24 {
  gap: 24px;
}

.gap-32 {
  gap: 32px;
}

.gap-4 {
  gap: 4px;
}

.gap-5 {
  gap: 5px;
}

.gap-50 {
  gap: 50px;
}

.gap-6 {
  gap: 6px;
}

.gap-8 {
  gap: 8px;
}

.overflow-auto {
  overflow: auto;
}

.\!overflow-hidden {
  overflow: hidden !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.\!overflow-y-scroll {
  overflow-y: scroll !important;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.\!text-ellipsis {
  text-overflow: ellipsis !important;
}

.text-ellipsis {
  text-overflow: ellipsis;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.text-wrap {
  text-wrap: wrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.break-all {
  word-break: break-all;
}

[dir] .rounded-\[12px\] {
  border-radius: 12px;
}

[dir] .rounded-\[4px\] {
  border-radius: 4px;
}

[dir] .rounded-\[8px\] {
  border-radius: 8px;
}

[dir] .rounded-middle {
  border-radius: 12px;
}

[dir] .rounded-small {
  border-radius: 8px;
}

[dir] .border {
  border-width: 1px;
}

[dir] .border-\[1px\] {
  border-width: 1px;
}

[dir] .border-primary {
  border-color: var(--primary-color);
}

.bg-\[\#fff\] {
  --tw-bg-opacity: 1;
}

[dir] .bg-\[\#fff\] {
  background-color: rgb(255 255 255 / 1);
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

[dir] .bg-assist-white {
  background-color: var(--white-color);
}

[dir] .bg-bgColor-global {
  background-color: var(--global-background-color);
}

[dir] .bg-bgColor-module {
  background-color: var(--module-background-color);
}

[dir] .bg-primary {
  background-color: var(--primary-color);
}

[dir] .\!p-0 {
  padding: 0px !important;
}

[dir] .p-10 {
  padding: 10px;
}

[dir] .p-15 {
  padding: 15px;
}

[dir] .p-16 {
  padding: 16px;
}

[dir] .p-2 {
  padding: 2px;
}

[dir] .px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

[dir] .px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

[dir] .py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

[dir] .\!pb-12 {
  padding-bottom: 12px !important;
}

[dir] .\!pb-8 {
  padding-bottom: 8px !important;
}

[dir="ltr"] .\!pl-15 {
  padding-left: 15px !important;
}

[dir="rtl"] .\!pl-15 {
  padding-right: 15px !important;
}

[dir="ltr"] .\!pl-48 {
  padding-left: 48px !important;
}

[dir="rtl"] .\!pl-48 {
  padding-right: 48px !important;
}

[dir="ltr"] .\!pr-15 {
  padding-right: 15px !important;
}

[dir="rtl"] .\!pr-15 {
  padding-left: 15px !important;
}

[dir="ltr"] .\!pr-48 {
  padding-right: 48px !important;
}

[dir="rtl"] .\!pr-48 {
  padding-left: 48px !important;
}

[dir] .\!pt-12 {
  padding-top: 12px !important;
}

[dir] .\!pt-24 {
  padding-top: 24px !important;
}

[dir] .\!pt-8 {
  padding-top: 8px !important;
}

[dir] .pb-12 {
  padding-bottom: 12px;
}

[dir] .pb-24 {
  padding-bottom: 24px;
}

[dir] .pb-75 {
  padding-bottom: 75px;
}

[dir] .pb-80 {
  padding-bottom: 80px;
}

[dir="ltr"] .pl-10 {
  padding-left: 10px;
}

[dir="rtl"] .pl-10 {
  padding-right: 10px;
}

[dir="ltr"] .pl-12 {
  padding-left: 12px;
}

[dir="rtl"] .pl-12 {
  padding-right: 12px;
}

[dir="ltr"] .pl-24 {
  padding-left: 24px;
}

[dir="rtl"] .pl-24 {
  padding-right: 24px;
}

[dir="ltr"] .pl-28 {
  padding-left: 28px;
}

[dir="rtl"] .pl-28 {
  padding-right: 28px;
}

[dir="ltr"] .pl-4 {
  padding-left: 4px;
}

[dir="rtl"] .pl-4 {
  padding-right: 4px;
}

[dir="ltr"] .pl-8 {
  padding-left: 8px;
}

[dir="rtl"] .pl-8 {
  padding-right: 8px;
}

[dir="ltr"] .pr-10 {
  padding-right: 10px;
}

[dir="rtl"] .pr-10 {
  padding-left: 10px;
}

[dir="ltr"] .pr-16 {
  padding-right: 16px;
}

[dir="rtl"] .pr-16 {
  padding-left: 16px;
}

[dir="ltr"] .pr-28 {
  padding-right: 28px;
}

[dir="rtl"] .pr-28 {
  padding-left: 28px;
}

[dir] .pt-1 {
  padding-top: 1px;
}

[dir] .pt-12 {
  padding-top: 12px;
}

[dir] .pt-24 {
  padding-top: 24px;
}

[dir] .pt-8 {
  padding-top: 8px;
}

[dir] .text-center {
  text-align: center;
}

[dir="ltr"] .text-right {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

[dir] .text-end {
  text-align: end;
}

.align-bottom {
  vertical-align: bottom;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-large {
  font-size: 22px;
}

.text-largePlus {
  font-size: 24px;
}

.text-middle {
  font-size: 16px;
}

.text-middlePlus {
  font-size: 18px;
}

.text-small {
  font-size: 12px;
}

.text-smallPlus {
  font-size: 14px;
}

.font-\[700\] {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-\[20px\] {
  line-height: 20px;
}

.\!text-\[var\(--danger-color\)\] {
  color: var(--danger-color) !important;
}

.\!text-\[var\(--primary-color\)\] {
  color: var(--primary-color) !important;
}

.\!text-\[var\(--title-regular-color\)\] {
  color: var(--title-regular-color) !important;
}

.\!text-\[white\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / 1) !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\!text-text-regular {
  color: var(--title-regular-color) !important;
}

.\!text-text-secondary {
  color: var(--title-secondary-color) !important;
}

.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / 1);
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-assist-warning {
  color: var(--warning-color);
}

.text-assist-white {
  color: var(--white-color);
}

.text-primary {
  color: var(--primary-color);
}

.text-text-primary {
  color: var(--title-primary-color);
}

.text-text-regular {
  color: var(--title-regular-color);
}

.text-text-secondary {
  color: var(--title-secondary-color);
}

.text-text-third {
  color: var(--title-third-color);
}

.underline {
  text-decoration-line: underline;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

[dir] .shadow {
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline-style: solid;
}

.ring-border {
  --tw-ring-color: var(--border-color);
}

.ring-primary {
  --tw-ring-color: var(--primary-color);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

[dir] .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

[dir] .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@layer {
    .red {
        color: var(--danger-color) !important;

        span {
            color: inherit !important;
        }
    }

    .green {
        color: var(--success-color) !important;

        span {
            color: inherit !important;
        }
    }

    [dir="ltr"] .fl {
        float: left
    }

    [dir="rtl"] .fl {
        float: right
    }

    [dir="ltr"] .fr {
        float: right;
    }

    [dir="rtl"] .fr {
        float: left;
    }

    .flex1 {
        flex: 1;
    }

    .fs-30 {
        font-size: 30px;
    }

    .lh-12 {
        line-height: 12px;
    }
}

.before\:text-\[\#CDD0D5\]::before {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(205 208 213 / 1);
  color: rgb(205 208 213 / var(--tw-text-opacity, 1));
}

[dir] .dark\:bg-bgColor-global:is(.dark *) {
  background-color: var(--global-background-color);
}

.dark\:text-assist-white:is(.dark *) {
  color: var(--white-color);
}

@media (min-width: 768px) {
.sm\:bottom-20 {
    bottom: 20px;
  }

[dir="ltr"] .sm\:left-20 {
    left: 20px;
  }

[dir="rtl"] .sm\:left-20 {
    right: 20px;
  }

[dir="ltr"] .sm\:right-20 {
    right: 20px;
  }

[dir="rtl"] .sm\:right-20 {
    left: 20px;
  }

.sm\:max-w-\[50vw\] {
    max-width: 50vw;
  }

.sm\:max-w-\[70vw\] {
    max-width: 70vw;
  }

.sm\:flex-1 {
    flex: 1 1 0%;
  }

.sm\:flex-row {
    flex-direction: row;
  }

.sm\:flex-col {
    flex-direction: column;
  }

.sm\:items-stretch {
    align-items: stretch;
  }
}

@media (min-width: 992px) {
[dir] .md\:\!mt-0 {
    margin-top: 0px !important;
  }

[dir] .md\:mb-\[50px\] {
    margin-bottom: 50px;
  }

[dir] .md\:mt-0 {
    margin-top: 0px;
  }

.md\:block {
    display: block;
  }

.md\:hidden {
    display: none;
  }

.md\:h-100 {
    height: 100px;
  }

.md\:w-110 {
    width: 110px;
  }

.md\:w-\[332px\] {
    width: 332px;
  }

.md\:w-auto {
    width: auto;
  }

.md\:flex-row {
    flex-direction: row;
  }

.md\:flex-nowrap {
    flex-wrap: nowrap;
  }

.md\:items-center {
    align-items: center;
  }

.md\:gap-48 {
    gap: 48px;
  }

.md\:whitespace-nowrap {
    white-space: nowrap;
  }

[dir] .md\:rounded-\[24px\] {
    border-radius: 24px;
  }
}
@charset "UTF-8";
/* stylelint-disable import-notation */
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-class-pattern */
[dir] .el-table::before {
  background-color: var(--module-background-color);
}

[dir] .el-table {
  background-color: var(--module-background-color);
}

.el-table .cell > div span {
  line-height: 18px;
}

[dir] .el-table__fixed-right::before,
[dir] .el-table__fixed::before {
  background-color: var(--module-background-color);
}

[dir] .el-table__empty-block {
  background-color: var(--module-background-color);
}

[dir] .el-table__body-wrapper {
  border-bottom: 1px solid var(--divide-color);
}

[dir] .el-table tr {
  background-color: var(--module-background-color);
}

.el-table th.el-table__cell.is-leaf {
  color: var(--title-primary-color);
}

[dir] .el-table th.el-table__cell.is-leaf {
  background-color: var(--component-background-color);
  border-bottom: none;
}

.el-table th.el-table__cell.is-leaf .cell {
  color: inherit;
}

.el-table th.el-table__cell.is-leaf .cell > div {
  color: inherit;
}

.el-table td.el-table__cell {
  color: var(--title-regular-color);
}

[dir] .el-table td.el-table__cell {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom-color: var(--divide-color);
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  [dir] .el-table td.el-table__cell {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  [dir] .el-table td.el-table__cell {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.el-table td.el-table__cell .cell {
  font-size: 14px;
  line-height: 14px;
  color: inherit;
}

.el-table td.el-table__cell .cell > div {
  font-size: 14px;
  line-height: 14px;
  color: inherit;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-table td.el-table__cell .cell {
    font-size: 12px;
    line-height: 12px;
  }

  .el-table td.el-table__cell .cell > div {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-table td.el-table__cell .cell {
    font-size: 12px;
    line-height: 12px;
  }

  .el-table td.el-table__cell .cell > div {
    font-size: 12px;
    line-height: 12px;
  }
}

.el-table tr.el-table__row.unread td.el-table__cell {
  color: var(--title-regular-color);
}

.el-table tr.el-table__row.read td.el-table__cell {
  color: var(--title-third-color);
}

[dir] .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background-color: var(--global-background-color);
}
/* stylelint-disable-next-line no-duplicate-selectors */
[dir] .el-table__body-wrapper {
  background-color: var(--module-background-color);
}

.el-table__header-wrapper thead tr > th.el-table__cell,
.el-table__fixed-header-wrapper thead tr > th.el-table__cell {
  line-height: 12px;
}

[dir] .el-table__header-wrapper thead tr > th.el-table__cell,
[dir] .el-table__fixed-header-wrapper thead tr > th.el-table__cell {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-table__header-wrapper thead tr > th.el-table__cell,
.el-table__fixed-header-wrapper thead tr > th.el-table__cell {
    line-height: 12px;
  }

  [dir] .el-table__header-wrapper thead tr > th.el-table__cell,
[dir] .el-table__fixed-header-wrapper thead tr > th.el-table__cell {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-table__header-wrapper thead tr > th.el-table__cell,
.el-table__fixed-header-wrapper thead tr > th.el-table__cell {
    line-height: 12px;
  }

  [dir] .el-table__header-wrapper thead tr > th.el-table__cell,
[dir] .el-table__fixed-header-wrapper thead tr > th.el-table__cell {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.el-table__header-wrapper thead tr > th.el-table__cell .cell,
.el-table__fixed-header-wrapper thead tr > th.el-table__cell .cell {
  font-size: 12px;
  line-height: 12px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-table__header-wrapper thead tr > th.el-table__cell .cell,
.el-table__fixed-header-wrapper thead tr > th.el-table__cell .cell {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-table__header-wrapper thead tr > th.el-table__cell .cell,
.el-table__fixed-header-wrapper thead tr > th.el-table__cell .cell {
    font-size: 12px;
    line-height: 12px;
  }
}

[dir] .el-table .descending .sort-caret.descending {
  border-top-color: var(--primary-color);
}

[dir] .el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--primary-color);
}

[dir] td.el-table__cell {
  background-color: var(--module-background-color) !important;
  border-bottom-color: var(--border-color) !important;
}

[dir] tr.hover-row > td.el-table__cell {
  background-color: var(--global-background-color) !important;
}

[dir] .el-table__footer-wrapper td.el-table__cell {
  border: none !important;
}

[dir] .el-table__fixed-footer-wrapper tbody td.el-table__cell {
  border: none !important;
}

[dir] .el-table .sort-caret {
  border-width: 4px !important;
}

.el-table__footer td.el-table__cell {
  color: var(--title-regular-color) !important;
}

html[dir].dark .el-table th.el-table__cell.is-leaf {
  background-color: var(--global-background-color);
}

.el-table .el-table__footer-wrapper .has-gutter .cell {
  white-space: pre-line;
}

.el-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line rule-empty-line-before */
  /* stylelint-disable-next-line selector-class-pattern */
}

[dir] .el-button {
  padding: 6px 21px;
  border-radius: 8px;
}

.el-button span {
  font-size: 14px;
  line-height: 22px;
}

[dir] .el-button.el-button--primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.el-button.el-button--primary i[class*=el-] {
  color: var(--white-color);
}

.el-button.el-button--primary.el-transfer__button i[class*=el-] {
  color: var(--primary-color);
}

@media screen and (min-width: 993px) and (max-width: 1500px) {
  [dir] .el-button.el-button--primary:is(:focus, :hover, :visited) {
    background-color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%) !important;
    border-color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%) !important;
  }

  .el-button.el-button--primary:is(:focus, :hover, :visited).el-transfer__button i[class*=el-] {
    color: var(--white-color) !important;
  }
}

@media screen and (min-width: 1501px) and (max-width: 1920px) {
  [dir] .el-button.el-button--primary:is(:focus, :hover, :visited) {
    background-color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%) !important;
    border-color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%) !important;
  }

  .el-button.el-button--primary:is(:focus, :hover, :visited).el-transfer__button i[class*=el-] {
    color: var(--white-color) !important;
  }
}

@media screen and (min-width: 1921px) {
  [dir] .el-button.el-button--primary:is(:focus, :hover, :visited) {
    background-color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%) !important;
    border-color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%) !important;
  }

  .el-button.el-button--primary:is(:focus, :hover, :visited).el-transfer__button i[class*=el-] {
    color: var(--white-color) !important;
  }
}

.el-button.el-button--primary.is-plain {
  color: var(--primary-color) !important;
}

[dir] .el-button.el-button--primary.is-plain {
  background-color: color-mix(in srgb, var(--primary-color) 10%, var(--white-color) 90%);
  border-color: var(--primary-color) !important;
}

@media screen and (min-width: 993px) and (max-width: 1500px) {
  .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
    color: var(--white-color) !important;
  }

  [dir] .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
}

@media screen and (min-width: 1501px) and (max-width: 1920px) {
  .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
    color: var(--white-color) !important;
  }

  [dir] .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
}

@media screen and (min-width: 1921px) {
  .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
    color: var(--white-color) !important;
  }

  [dir] .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
}

.el-button.el-button--default:not(.el-button--primary) {
  color: var(--title-secondary-color);
}

[dir] .el-button.el-button--default:not(.el-button--primary) {
  background-color: var(--component-background-color);
  border: 1px solid var(--title-third-color);
}

@media screen and (min-width: 993px) and (max-width: 1500px) {
  .el-button.el-button--default:not(.el-button--primary):is(:focus, :hover, :visited) {
    color: var(--title-regular-color) !important;
  }

  [dir] .el-button.el-button--default:not(.el-button--primary):is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--component-background-color) 90%, var(--white-color) 10%) !important;
    border-color: var(--title-secondary-color) !important;
  }
}

@media screen and (min-width: 1501px) and (max-width: 1920px) {
  .el-button.el-button--default:not(.el-button--primary):is(:focus, :hover, :visited) {
    color: var(--title-regular-color) !important;
  }

  [dir] .el-button.el-button--default:not(.el-button--primary):is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--component-background-color) 90%, var(--white-color) 10%) !important;
    border-color: var(--title-secondary-color) !important;
  }
}

@media screen and (min-width: 1921px) {
  .el-button.el-button--default:not(.el-button--primary):is(:focus, :hover, :visited) {
    color: var(--title-regular-color) !important;
  }

  [dir] .el-button.el-button--default:not(.el-button--primary):is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--component-background-color) 90%, var(--white-color) 10%) !important;
    border-color: var(--title-secondary-color) !important;
  }
}

.el-button.el-button--danger {
  color: var(--white-color);
}

[dir] .el-button.el-button--danger {
  background-color: var(--danger-color);
}

@media screen and (min-width: 993px) and (max-width: 1500px) {
  [dir] .el-button.el-button--danger:is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--danger-color) 90%, var(--white-color) 10%) !important;
  }
}

@media screen and (min-width: 1501px) and (max-width: 1920px) {
  [dir] .el-button.el-button--danger:is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--danger-color) 90%, var(--white-color) 10%) !important;
  }
}

@media screen and (min-width: 1921px) {
  [dir] .el-button.el-button--danger:is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--danger-color) 90%, var(--white-color) 10%) !important;
  }
}

[dir] .el-button:is(.dark .is-disabled, .dark .is-disabled:focus, .dark .is-disabled:hover) {
  background-color: var(--component-background-color) !important;
}

.el-button:is(.dark .is-disabled, .dark .is-disabled:focus, .dark .is-disabled:hover) span {
  color: var(--title-third-color) !important;
}

[dir] .el-button:is(.light .is-disabled, .light .is-disabled:focus, .light .is-disabled:hover) {
  background-color: #ECEDEE !important;
}

.el-button:is(.light .is-disabled, .light .is-disabled:focus, .light .is-disabled:hover) span {
  color: var(--title-third-color) !important;
}

[dir] .el-button.el-button--small.is-round {
  border: 0;
}
/* stylelint-disable-next-line selector-class-pattern */
.el-button--warning {
  color: var(--white-color);
}

[dir] .el-button--warning {
  background-color: var(--warning-color);
}

@media screen and (min-width: 991px) {
  [dir] .el-button--warning:is(:focus, :hover, :visited) {
    background-color: color-mix(in oklab, var(--warning-color) 90%, var(--white-color) 10%) !important;
  }
}
/* stylelint-disable-next-line selector-class-pattern */
.el-button--primary:not(.is-disabled) i[class*=el-] {
  color: var(--white-color) !important;
}
html.dark {
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
}

html.dark .el-button--default:is(:focus, :hover) {
  color: var(--white-color) !important;
}

html[dir].dark .m-search .el-button--default {
  background-color: var(--component-background-color) !important;
}

html[dir].dark .el-button.el-button--primary.is-plain {
  background-color: color-mix(in srgb, var(--primary-color) 10%, var(--component-background-color) 90%) !important;
}

html[dir].dark .el-button.el-button--primary.is-plain:is(:focus, :hover, :visited) {
  border-color: color-mix(in srgb, var(--primary-color) 90%, var(--component-background-color) 10%) !important;
}

.el-transfer__button {
  display: block;
  width: 40px;
  height: 40px;
}

[dir] .el-transfer__button {
  margin: 10px 0;
  padding: 0;
  border-radius: 50%;
}

[dir="ltr"] .el-transfer__button + .el-button {
  margin-left: 0;
}

[dir="rtl"] .el-transfer__button + .el-button {
  margin-right: 0;
}

[dir] .el-transfer-panel {
  border-color: var(--border-color);
  background-color: var(--module-background-color);
}

[dir] .el-transfer-panel .el-transfer-panel__header {
  background-color: var(--global-background-color);
  border-bottom-color: var(--divide-color);
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
  color: var(--title-regular-color);
}
/* 穿梭框样式 */
.el-transfer {
  position: relative;
}

[dir] .el-transfer {
  padding-top: 54px;
}

.el-transfer-panel {
  width: 50%;
}

.el-transfer__buttons {
  position: absolute;
  top: 0;
}

[dir] .el-transfer__buttons {
  padding: 0;
}

[dir="ltr"] .el-transfer__buttons {
  left: 50%;
  transform: translateX(-50%);
}

[dir="rtl"] .el-transfer__buttons {
  right: 50%;
  transform: translateX(50%);
}

.el-transfer__buttons button {
  display: inline-block;
}

[dir="ltr"] .el-transfer__buttons button {
  margin: 0 5px 0 0;
}

[dir="rtl"] .el-transfer__buttons button {
  margin: 0 0 0 5px;
}

.el-message .el-message__content {
  display: inline-block;
}

.el-message-box .el-message-box__btns .el-button--primary {
  color: var(--white-color) !important;
}

[dir] .el-message-box {
  background-color: var(--module-background-color);
  border-color: var(--border-color);
}

.el-message-box__title {
  color: var(--title-regular-color);
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-message-box {
    width: 95%;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-message-box {
    width: 95%;
  }
}
/* stylelint-disable selector-class-pattern */
[dir] .el-dialog__wrapper .el-dialog {
  background-color: var(--module-background-color);
  border-radius: 12px;
}

[dir] .el-dialog__wrapper .el-dialog .el-dialog__header {
  padding: 27px 48px 0;
}

.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__title {
  display: inline-block;
  line-height: 16px;
  color: var(--title-regular-color);
}

.el-dialog__wrapper .el-dialog .el-dialog__header .title {
  max-width: 90%;
  overflow: hidden;
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  color: var(--title-regular-color);
  text-overflow: ellipsis;
  word-break: keep-all;
}

[dir] .el-dialog__wrapper .el-dialog .el-dialog__header .title {
  margin-bottom: 40px;
}

[dir] .el-dialog__wrapper .el-dialog .el-dialog__header .title:has(+ .secondary-title) {
  margin-bottom: 10px;
}

.el-dialog__wrapper .el-dialog .el-dialog__header .secondary-title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--title-secondary-color);
}

[dir] .el-dialog__wrapper .el-dialog .el-dialog__header .secondary-title {
  margin-bottom: 40px;
}

[dir="ltr"] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn {
  right: 48px;
}

[dir="rtl"] .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn {
  left: 48px;
}

.el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--primary-color);
}

.el-dialog__wrapper .el-dialog .el-dialog__body {
  overflow: auto;
}

[dir] .el-dialog__wrapper .el-dialog .el-dialog__body {
  padding: 0 48px 24px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  [dir] .el-dialog__wrapper .el-dialog .el-dialog__footer {
    padding: 0 10px 10px;
  }
}

.el-dialog__wrapper .el-dialog .el-dialog__footer .footer > div:nth-child(n+2),
.el-dialog__wrapper .el-dialog .el-dialog__footer .dialog-footer > div:nth-child(n+2) {
  display: inline-block;
}

[dir="ltr"] .el-dialog__wrapper .el-dialog .el-dialog__footer .footer > div:nth-child(n+2),
[dir="ltr"] .el-dialog__wrapper .el-dialog .el-dialog__footer .dialog-footer > div:nth-child(n+2) {
  margin-left: 24px;
}

[dir="rtl"] .el-dialog__wrapper .el-dialog .el-dialog__footer .footer > div:nth-child(n+2),
[dir="rtl"] .el-dialog__wrapper .el-dialog .el-dialog__footer .dialog-footer > div:nth-child(n+2) {
  margin-right: 24px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  [dir] .el-dialog__wrapper {
    padding: 12px !important;
  }

  [dir] .el-dialog__wrapper .el-dialog .el-dialog__body,
[dir] .el-dialog__wrapper .el-dialog .el-dialog__header {
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}

[dir] .el-popover {
  background: var(--module-background-color);
  border-color: var(--border-color);
  border-radius: 12px;
}

.el-pagination {
  color: var(--title-regular-color);
}

.el-pagination span {
  font-family: "iconfont" !important;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-pagination span {
    font-size: 12px !important;
    line-height: 12px !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-pagination span {
    font-size: 12px !important;
    line-height: 12px !important;
  }
}

.el-pagination button:not(:disabled):hover {
  color: var(--primary-color);
}

[dir] .el-pagination button:disabled {
  background-color: var(--module-background-color);
}

.btn-next > span:after {
  content: "";
}

.btn-prev > span:before {
  content: "";
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
  color: var(--title-secondary-color);
}

[dir] .el-pagination .btn-next,
[dir] .el-pagination .btn-prev {
  background-color: var(--global-background-color);
}

[dir="ltr"] .el-pagination .btn-next,
[dir="ltr"] .el-pagination .btn-prev {
  margin-left: 6px;
}

[dir="rtl"] .el-pagination .btn-next,
[dir="rtl"] .el-pagination .btn-prev {
  margin-right: 6px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-pagination .btn-next span,
.el-pagination .btn-prev span {
    font-size: 12px;
    line-height: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-pagination .btn-next span,
.el-pagination .btn-prev span {
    font-size: 12px;
    line-height: 12px;
  }
}

[dir] .el-pagination .el-select .el-input .el-input__inner {
  border-radius: 8px !important;
}

.el-pagination__total {
  color: var(--title-secondary-color);
}

.el-pagination__jump {
  color: var(--title-secondary-color);
}

.el-pager li {
  font-weight: normal;
  color: var(--title-secondary-color);
  min-width: 28px;
  min-height: 28px;
  box-sizing: border-box;
  line-height: 28px;
  height: 28px;
}

[dir] .el-pager li {
  border: 1px solid var(--border-color);
  margin: 0 6px;
  border-radius: 8px;
  background-color: var(--module-background-color);
}

.el-pager li:hover,
.el-pager li.active {
  color: var(--white-color);
}

[dir] .el-pager li:hover,
[dir] .el-pager li.active {
  background: var(--primary-color);
  border: none;
}

[dir="ltr"] .el-pager li.active + li {
  border-left: 1px solid var(--border-color);
}

[dir="rtl"] .el-pager li.active + li {
  border-right: 1px solid var(--border-color);
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: 12px;
}

.el-pagination__jump .el-input__inner {
  height: 28px !important;
}

[dir] .el-pagination__jump .el-input__inner {
  padding: 0 3px !important;
}

.el-pagination__editor.el-input .el-input__inner {
  height: 28px !important;
}

[dir] .el-pagination__editor.el-input .el-input__inner {
  padding: 0 3px !important;
}

.el-pagination .el-select .el-input .el-input__inner {
  height: 28px !important;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
  font-size: 12px !important;
  vertical-align: baseline;
}

[dir] .el-divider--horizontal {
  margin-top: 12px;
  margin-bottom: 12px;
}

.el-divider__text {
  color: var(--title-secondary-color) !important;
}

[dir] .el-divider__text {
  background-color: var(--module-background-color);
}

[dir] .divider {
  background-color: var(--divide-color);
}

.divider > div {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  color: var(--divide-color) !important;
  font-weight: 400;
}

.el-divider__text {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  color: var(--title-third-color);
  line-height: 9px;
  font-weight: 400;
}

[dir] .el-divider {
  background: var(--divide-color);
}
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable selector-class-pattern */
[dir] .el-select .el-input {
  border-radius: 8px;
}

[dir] .el-select .el-input.is-focus .el-input__inner {
  border: 2px solid var(--primary-color) !important;
}

[dir] .el-select .el-input input {
  background-color: var(--module-background-color) !important;
}

[dir="ltr"] .el-select .el-input .el-input__suffix .el-icon-arrow-up {
  transform: rotate(180deg);
}

[dir="rtl"] .el-select .el-input .el-input__suffix .el-icon-arrow-up {
  transform: rotate(-180deg);
}

.el-select .el-select__tags .el-tag {
  height: auto !important;
}

[dir] .el-select .el-select__tags .el-tag {
  margin-top: 0;
  margin-bottom: 0;
  background-color: color-mix(in srgb, var(--primary-color) 10%, var(--white-color) 90%);
  border: 1px solid var(--border-color);
}

.el-select .el-select__tags .el-tag .el-select__tags-text {
  font-size: 14px;
  line-height: 14px;
  color: var(--primary-color);
}

[dir] .el-select .el-select__tags .el-tag .el-select__tags-text {
  padding: 8px;
}

[dir] .el-select .el-select__tags .el-tag .el-tag__close.el-icon-close {
  background: none !important;
}

[dir] .el-select .el-input.is-focus .el-input__inner {
  border: 2px solid var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.el-select.small {
  height: 28px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-select.small {
    height: 24px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-select.small {
    height: 24px;
  }
}

.el-select.small .el-input {
  height: inherit !important;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-select.small .el-input {
    height: inherit !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-select.small .el-input {
    height: inherit !important;
  }
}

.el-select.small .el-input .el-input__inner {
  height: inherit !important;
  font-size: 12px;
  line-height: 12px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-select.small .el-input .el-input__inner {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-select.small .el-input .el-input__inner {
    font-size: 10px;
    line-height: 10px;
  }
}

.el-select.small .el-input .el-select__caret {
  font-size: 12px;
  line-height: 12px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-select.small .el-input .el-select__caret {
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-select.small .el-input .el-select__caret {
    font-size: 10px;
    line-height: 10px;
  }
}

[dir] .el-select-dropdown {
  background-color: var(--component-background-color);
  border-color: var(--border-color);
  border-radius: 8px;
}

.el-select-dropdown .el-select-dropdown__item {
  height: 36px;
  color: var(--title-secondary-color);
}

[dir] .el-select-dropdown .el-select-dropdown__item {
  border-radius: 8px;
}

[dir="ltr"] .el-select-dropdown .el-select-dropdown__item {
  padding-left: 8px;
  margin-right: 8px;
}

[dir="rtl"] .el-select-dropdown .el-select-dropdown__item {
  padding-right: 8px;
  margin-left: 8px;
}

[dir] .el-select-dropdown .el-select-dropdown__item:nth-child(n+1) {
  margin-top: 4px;
}

.el-select-dropdown .el-select-dropdown__item.selected {
  color: var(--primary-color) !important;
}

[dir] .el-select-dropdown .el-select-dropdown__item.selected {
  background-color: var(--global-background-color);
}

.el-select-dropdown .el-select-dropdown__item:hover, .el-select-dropdown .el-select-dropdown__item.hover {
  color: var(--primary-color) !important;
}

[dir] .el-select-dropdown .el-select-dropdown__item:hover, [dir] .el-select-dropdown .el-select-dropdown__item.hover {
  background-color: color-mix(in srgb, var(--primary-color) 10%, var(--white-color) 90%) !important;
}

[dir] .el-select-dropdown .el-select-dropdown__list {
  padding: 6px 8px 18px;
}

[dir] .el-select-dropdown .el-select-dropdown__empty {
  background-color: var(--component-background-color);
}

.el-select-dropdown.small .el-select-dropdown__item {
  height: 28px;
  font-size: 12px;
  line-height: 12px;
}

[dir] .el-select-dropdown.small .el-select-dropdown__item {
  padding: 8px 12px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-select-dropdown.small .el-select-dropdown__item {
    height: 24px;
    font-size: 10px;
    line-height: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-select-dropdown.small .el-select-dropdown__item {
    height: 24px;
    font-size: 10px;
    line-height: 10px;
  }
}

[dir] .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background: var(--module-background-color);
}
/* 下拉背景色 */
html[dir] :is(.el-select-dropdown,
    .el-dropdown-menu) {
  border-radius: 8px;
}

html[dir] :is(.el-select-dropdown,
    .el-dropdown-menu) .el-scrollbar {
  border-color: var(--divide-color);
  border-radius: 8px;
}

html[dir] :is(.el-select-dropdown,
    .el-dropdown-menu) .el-select-dropdown__empty {
  border-radius: 8px;
}

html[dir].light :is(.el-select-dropdown,
    .el-dropdown-menu) .el-scrollbar {
  background-color: var(--white-color);
}

html.light :is(.el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover,
    .el-dropdown-menu__item:focus,
    .el-dropdown-menu__item:hover) {
  color: var(--primary-color) !important;
}

html[dir].light :is(.el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover,
    .el-dropdown-menu__item:focus,
    .el-dropdown-menu__item:hover) {
  background: var(--global-background-color) !important;
  border-radius: 8px !important;
}

html.light :is(.el-select-dropdown__item.is-disabled,
    .el-select-dropdown__item.is-disabled:hover,) {
  color: var(--title-third-color) !important;
}

html[dir].light :is(.el-select-dropdown__item.is-disabled,
    .el-select-dropdown__item.is-disabled:hover,) {
  background: #ECEDEE !important;
}

html.dark :is(.el-select-dropdown__item.is-disabled,
    .el-select-dropdown__item.is-disabled:hover,) {
  color: var(--title-third-color) !important;
}

html[dir].dark :is(.el-select-dropdown__item.is-disabled,
    .el-select-dropdown__item.is-disabled:hover,) {
  background: var(--component-background-color) !important;
}
/* 黑夜下拉背景色 */
html[dir].dark .el-select-dropdown__list,
html[dir].dark .el-dropdown-menu {
  background-color: var(--component-background-color) !important;
}

html[dir].dark .el-select-dropdown__list .el-scrollbar,
html[dir].dark .el-dropdown-menu .el-scrollbar {
  background-color: var(--component-background-color) !important;
}

html.dark .el-select-dropdown__item.hover,
html.dark .el-dropdown-menu__item:focus,
html.dark .el-dropdown-menu__item:hover {
  color: var(--title-regular-color) !important;
}

html[dir].dark .el-select-dropdown__item.hover,
html[dir].dark .el-dropdown-menu__item:focus,
html[dir].dark .el-dropdown-menu__item:hover {
  background: color-mix(in srgb, var(--component-background-color) 95%, var(--white-color) 5%) !important;
}

html[dir].dark .el-select .el-select__tags .el-tag {
  background-color: color-mix(in srgb, var(--module-background-color) 90%, var(--white-color) 10%);
}

html.dark .el-select .el-select__tags .el-tag .el-select__tags-text {
  color: var(--title-regular-color);
}

.el-input.is-disabled .el-input__inner {
  color: var(--title-secondary-color) !important;
}

[dir] .el-input.is-disabled .el-input__inner {
  background: var(--divide-color) !important;
}

.el-link--primary {
  color: var(--primary-color) !important;
}

.el-link--primary:hover {
  color: color-mix(in srgb, var(--primary-color) 80%, var(--white-color) 20%) !important;
}

.el-link.el-link--default:hover {
  color: color-mix(in srgb, var(--primary-color) 80%, var(--white-color) 20%) !important;
}

[dir] .el-link.is-underline:hover:after {
  border-bottom-color: var(--primary-color);
}

[dir] .el-link.el-link--primary:after {
  border-bottom-color: var(--primary-color);
}

[dir] .el-link.el-link--primary.is-underline:hover:after {
  border-bottom-color: var(--primary-color);
}

[dir] .el-form--label-top .el-form-item__label {
  padding: 0px;
}

.el-form.search .title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 18px;
  color: var(--title-regular-color);
  line-height: 22px;
  font-weight: 500;
}

[dir] .el-form.search .title {
  margin-bottom: 20px;
}

.el-form.search .secondary-title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  color: var(--title-regular-color);
  line-height: 20px;
  font-weight: 400;
}

.el-form.search .el-form-item {
  max-width: 708px;
}

[dir] .el-form.search .el-form-item {
  margin-bottom: 24px;
}

.el-form.search .el-form-item:has(.radio-item, .c-items) {
  max-width: 100%;
}

.el-form.search .el-form-item .el-form-item__content {
  line-height: 36px;
}

.el-form.search .el-form-item .el-form-item__content:has(.el-checkbox):not(:has(.box-list)) {
  line-height: 36px;
}

.el-form.search .el-form-item .el-form-item__content .el-input {
  height: 36px;
}

.el-form.search .el-form-item .el-form-item__content .el-input .el-input__inner {
  height: 36px;
  line-height: 24px;
}

.el-form.search .el-form-item .el-form-item__error {
  color: var(--danger-color);
}

.el-form.search .el-form-item .el-form-item__label {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  color: var(--title-primary-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
}

[dir] .el-form.search.el-form--label-top .el-form-item {
  margin-bottom: 16px;
}

.el-form.search.el-form--label-top .el-form-item .el-form-item__content {
  line-height: 1;
}

.el-form.search.el-form--label-top .el-form-item .el-form-item__label {
  line-height: 14px;
}

[dir] .el-form.search.el-form--label-top .el-form-item .el-form-item__label {
  margin-bottom: 4px;
}

.el-form.search:is(.el-form--label-left, .el-form--label-right) .el-form-item__label {
  line-height: 36px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-form.search .title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    color: var(--title-regular-color);
    line-height: 22px;
    font-weight: 500;
  }

  [dir] .el-form.search .title {
    margin-bottom: 20px;
  }

  .el-form.search .secondary-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-regular-color);
    line-height: 20px;
    font-weight: 400;
  }

  .el-form.search .el-form-item {
    max-width: 708px;
  }

  [dir] .el-form.search .el-form-item {
    margin-bottom: 12px;
  }

  .el-form.search .el-form-item:has(.radio-item, .c-items) {
    max-width: 100%;
  }

  .el-form.search .el-form-item .el-form-item__content {
    line-height: 36px;
  }

  .el-form.search .el-form-item .el-form-item__content:has(.el-checkbox):not(:has(.box-list)) {
    line-height: 36px;
  }

  .el-form.search .el-form-item .el-form-item__content .el-input {
    height: 36px;
  }

  .el-form.search .el-form-item .el-form-item__content .el-input .el-input__inner {
    height: 36px;
    line-height: 24px;
  }

  .el-form.search .el-form-item .el-form-item__error {
    color: var(--danger-color);
  }

  .el-form.search .el-form-item .el-form-item__label {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: var(--title-primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
  }

  [dir] .el-form.search.el-form--label-top .el-form-item {
    margin-bottom: 12px;
  }

  .el-form.search.el-form--label-top .el-form-item .el-form-item__content {
    line-height: 1;
  }

  .el-form.search.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 22px;
  }

  [dir] .el-form.search.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
  }

  .el-form.search:is(.el-form--label-left, .el-form--label-right) .el-form-item__label {
    line-height: 36px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-form.search .title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    color: var(--title-regular-color);
    line-height: 22px;
    font-weight: 500;
  }

  [dir] .el-form.search .title {
    margin-bottom: 20px;
  }

  .el-form.search .secondary-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-regular-color);
    line-height: 20px;
    font-weight: 400;
  }

  .el-form.search .el-form-item {
    max-width: 708px;
  }

  [dir] .el-form.search .el-form-item {
    margin-bottom: 12px;
  }

  .el-form.search .el-form-item:has(.radio-item, .c-items) {
    max-width: 100%;
  }

  .el-form.search .el-form-item .el-form-item__content {
    line-height: 36px;
  }

  .el-form.search .el-form-item .el-form-item__content:has(.el-checkbox):not(:has(.box-list)) {
    line-height: 36px;
  }

  .el-form.search .el-form-item .el-form-item__content .el-input {
    height: 36px;
  }

  .el-form.search .el-form-item .el-form-item__content .el-input .el-input__inner {
    height: 36px;
    line-height: 24px;
  }

  .el-form.search .el-form-item .el-form-item__error {
    color: var(--danger-color);
  }

  .el-form.search .el-form-item .el-form-item__label {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: var(--title-primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
  }

  [dir] .el-form.search.el-form--label-top .el-form-item {
    margin-bottom: 12px;
  }

  .el-form.search.el-form--label-top .el-form-item .el-form-item__content {
    line-height: 1;
  }

  .el-form.search.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 22px;
  }

  [dir] .el-form.search.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
  }

  .el-form.search:is(.el-form--label-left, .el-form--label-right) .el-form-item__label {
    line-height: 36px;
  }
}

.el-form.edit .title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 18px;
  color: var(--title-regular-color);
  line-height: 22px;
  font-weight: 500;
}

[dir] .el-form.edit .title {
  margin-bottom: 20px;
}

.el-form.edit .secondary-title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  color: var(--title-regular-color);
  line-height: 20px;
  font-weight: 400;
}

.el-form.edit .el-form-item {
  max-width: 708px;
}

[dir] .el-form.edit .el-form-item {
  margin-bottom: 24px;
}

.el-form.edit .el-form-item:has(.radio-item, .c-items) {
  max-width: 100%;
}

.el-form.edit .el-form-item .el-form-item__content {
  line-height: 40px;
}

.el-form.edit .el-form-item .el-form-item__content:has(.el-checkbox):not(:has(.box-list)) {
  line-height: 40px;
}

.el-form.edit .el-form-item .el-form-item__content .el-input {
  height: 40px;
}

.el-form.edit .el-form-item .el-form-item__content .el-input .el-input__inner {
  height: 40px;
  line-height: 24px;
}

.el-form.edit .el-form-item .el-form-item__error {
  color: var(--danger-color);
}

.el-form.edit .el-form-item .el-form-item__label {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  color: var(--title-primary-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
}

[dir] .el-form.edit.el-form--label-top .el-form-item {
  margin-bottom: 24px;
}

.el-form.edit.el-form--label-top .el-form-item .el-form-item__content {
  line-height: 1;
}

.el-form.edit.el-form--label-top .el-form-item .el-form-item__label {
  line-height: 14px;
}

[dir] .el-form.edit.el-form--label-top .el-form-item .el-form-item__label {
  margin-bottom: 8px;
}

.el-form.edit:is(.el-form--label-left, .el-form--label-right) .el-form-item__label {
  line-height: 40px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-form.edit .title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    color: var(--title-regular-color);
    line-height: 22px;
    font-weight: 500;
  }

  [dir] .el-form.edit .title {
    margin-bottom: 20px;
  }

  .el-form.edit .secondary-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-regular-color);
    line-height: 20px;
    font-weight: 400;
  }

  .el-form.edit .el-form-item {
    max-width: 708px;
  }

  [dir] .el-form.edit .el-form-item {
    margin-bottom: 24px;
  }

  .el-form.edit .el-form-item:has(.radio-item, .c-items) {
    max-width: 100%;
  }

  .el-form.edit .el-form-item .el-form-item__content {
    line-height: 40px;
  }

  .el-form.edit .el-form-item .el-form-item__content:has(.el-checkbox):not(:has(.box-list)) {
    line-height: 40px;
  }

  .el-form.edit .el-form-item .el-form-item__content .el-input {
    height: 40px;
  }

  .el-form.edit .el-form-item .el-form-item__content .el-input .el-input__inner {
    height: 40px;
    line-height: 24px;
  }

  .el-form.edit .el-form-item .el-form-item__error {
    color: var(--danger-color);
  }

  .el-form.edit .el-form-item .el-form-item__label {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: var(--title-primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
  }

  [dir] .el-form.edit.el-form--label-top .el-form-item {
    margin-bottom: 24px;
  }

  .el-form.edit.el-form--label-top .el-form-item .el-form-item__content {
    line-height: 1;
  }

  .el-form.edit.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 18px;
  }

  [dir] .el-form.edit.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 8px;
  }

  .el-form.edit:is(.el-form--label-left, .el-form--label-right) .el-form-item__label {
    line-height: 40px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-form.edit .title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    color: var(--title-regular-color);
    line-height: 22px;
    font-weight: 500;
  }

  [dir] .el-form.edit .title {
    margin-bottom: 20px;
  }

  .el-form.edit .secondary-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-regular-color);
    line-height: 20px;
    font-weight: 400;
  }

  .el-form.edit .el-form-item {
    max-width: 708px;
  }

  [dir] .el-form.edit .el-form-item {
    margin-bottom: 24px;
  }

  .el-form.edit .el-form-item:has(.radio-item, .c-items) {
    max-width: 100%;
  }

  .el-form.edit .el-form-item .el-form-item__content {
    line-height: 40px;
  }

  .el-form.edit .el-form-item .el-form-item__content:has(.el-checkbox):not(:has(.box-list)) {
    line-height: 40px;
  }

  .el-form.edit .el-form-item .el-form-item__content .el-input {
    height: 40px;
  }

  .el-form.edit .el-form-item .el-form-item__content .el-input .el-input__inner {
    height: 40px;
    line-height: 24px;
  }

  .el-form.edit .el-form-item .el-form-item__error {
    color: var(--danger-color);
  }

  .el-form.edit .el-form-item .el-form-item__label {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: var(--title-primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
  }

  [dir] .el-form.edit.el-form--label-top .el-form-item {
    margin-bottom: 24px;
  }

  .el-form.edit.el-form--label-top .el-form-item .el-form-item__content {
    line-height: 1;
  }

  .el-form.edit.el-form--label-top .el-form-item .el-form-item__label {
    line-height: 18px;
  }

  [dir] .el-form.edit.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 8px;
  }

  .el-form.edit:is(.el-form--label-left, .el-form--label-right) .el-form-item__label {
    line-height: 40px;
  }
}

.el-form.edit .label-tag {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  color: var(--title-third-color);
  line-height: 16px;
  font-weight: 400;
}

[dir] .el-form.edit .label-tag {
  margin-top: 8px;
}

.el-form.detail .title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 18px;
  color: var(--title-regular-color);
  line-height: 22px;
  font-weight: 500;
}

[dir] .el-form.detail .title {
  margin-bottom: 20px;
}

.el-form.detail .secondary-title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  color: var(--title-regular-color);
  line-height: 20px;
  font-weight: 400;
}

[dir] .el-form.detail .el-form-item {
  margin-bottom: 24px;
}

.el-form.detail .el-form-item .el-form-item__label {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  color: var(--title-primary-color);
}

.el-form.detail .el-form-item .el-form-item__content {
  line-height: 16px;
  font-weight: 400;
}

.el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) span:not(.not) {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.el-form.detail .el-form-item .el-form-item__content span:not(.not) {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

[dir] .el-form.detail.el-form--label-top .el-form-item .el-form-item__label {
  margin-bottom: 8px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-form.detail .title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    color: var(--title-regular-color);
    line-height: 22px;
    font-weight: 500;
  }

  [dir] .el-form.detail .title {
    margin-bottom: 20px;
  }

  .el-form.detail .secondary-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-regular-color);
    line-height: 20px;
    font-weight: 400;
  }

  [dir] .el-form.detail .el-form-item {
    margin-bottom: 16px;
  }

  .el-form.detail .el-form-item .el-form-item__label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: var(--title-primary-color);
  }

  .el-form.detail .el-form-item .el-form-item__content {
    line-height: 14px;
    font-weight: 400;
  }

  .el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  }

  .el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) span:not(.not) {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  }

  .el-form.detail .el-form-item .el-form-item__content span:not(.not) {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  }

  [dir] .el-form.detail.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) and (min-width: 320px) and (max-width: 480px) {
  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

@media screen and (min-width: 320px) and (max-width: 480px) and (min-width: 769px) and (max-width: 992px) {
  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-form.detail .title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    color: var(--title-regular-color);
    line-height: 22px;
    font-weight: 500;
  }

  [dir] .el-form.detail .title {
    margin-bottom: 20px;
  }

  .el-form.detail .secondary-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-regular-color);
    line-height: 20px;
    font-weight: 400;
  }

  [dir] .el-form.detail .el-form-item {
    margin-bottom: 16px;
  }

  .el-form.detail .el-form-item .el-form-item__label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: var(--title-primary-color);
  }

  .el-form.detail .el-form-item .el-form-item__content {
    line-height: 14px;
    font-weight: 400;
  }

  .el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  }

  .el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) span:not(.not) {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  }

  .el-form.detail .el-form-item .el-form-item__content span:not(.not) {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--title-regular-color);
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  }

  [dir] .el-form.detail.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) and (min-width: 320px) and (max-width: 480px) {
  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) and (min-width: 769px) and (max-width: 992px) {
  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

.m-drawer .el-form.detail .title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 18px;
  color: var(--title-regular-color);
  line-height: 22px;
  font-weight: 500;
}

[dir] .m-drawer .el-form.detail .title {
  margin-bottom: 20px;
}

.m-drawer .el-form.detail .secondary-title {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  color: var(--title-regular-color);
  line-height: 20px;
  font-weight: 400;
}

[dir] .m-drawer .el-form.detail .el-form-item {
  margin-bottom: 24px;
}

.m-drawer .el-form.detail .el-form-item .el-form-item__label {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  color: var(--title-primary-color);
}

.m-drawer .el-form.detail .el-form-item .el-form-item__content {
  line-height: 14px;
  font-weight: 400;
}

.m-drawer .el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.m-drawer .el-form.detail .el-form-item .el-form-item__content > div:not(.tag, .text-tag) span:not(.not) {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.m-drawer .el-form.detail .el-form-item .el-form-item__content span:not(.not) {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: var(--title-regular-color);
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

[dir] .m-drawer .el-form.detail.el-form--label-top .el-form-item .el-form-item__label {
  margin-bottom: 4px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  [dir="ltr"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  [dir="ltr"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: left;
  }

  [dir="rtl"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__label {
    float: right;
  }

  [dir="ltr"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: right;
  }

  [dir="rtl"] .m-drawer .el-form.detail:is(.el-form--label-left, .el-form--label-right) .el-form-item .el-form-item__content {
    float: left;
  }
}

[dir] .border {
  border: 1px solid var(--border-color);
  padding: 30px 30px 0;
  margin-bottom: 30px;
  border-radius: 8px;
}

.border .el-form-item {
  position: relative;
}

[dir] .border .el-form-item {
  padding: 12px 0;
}

.border .el-form-item::before {
  position: absolute;
  display: inline-block;
  content: "";
  width: 100%;
  bottom: 0px;
}

[dir] .border .el-form-item::before {
  border-bottom: 1px dashed var(--divide-color);
}

[dir="ltr"] .border .el-form-item::before {
  left: 0;
}

[dir="rtl"] .border .el-form-item::before {
  right: 0;
}

.border .el-form-item:last-child::before {
  display: none;
}

:is(.login, .edit) .el-input .el-input__inner {
  line-height: 24px;
  height: 40px !important;
}

.el-checkbox {
  color: var(--title-secondary-color);
}

[dir] .el-checkbox__input.is-checked .el-checkbox__inner,
[dir] .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--primary-color);
}

.el-checkbox-group .el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--title-regular-color);
}

[dir] .c-crm-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner {
  background: transparent;
}

.c-crm-checkbox .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--title-regular-color);
}

[dir] .el-checkbox-group .el-checkbox__input.is-checked .el-checkbox__inner,
[dir] .el-checkbox-group .el-checkbox__input:hover .el-checkbox__inner {
  background: var(--white-color);
  border-color: var(--title-third-color);
}

[dir] .el-checkbox-group .el-checkbox__inner::after {
  border: 1px solid #7ac23c;
  border-top: 0;
}

[dir="ltr"] .el-checkbox-group .el-checkbox__inner::after {
  border-left: 0;
}

[dir="rtl"] .el-checkbox-group .el-checkbox__inner::after {
  border-right: 0;
}

.el-radio {
  color: var(--title-secondary-color);
}

[dir] .el-radio .el-radio__inner {
  border-color: var(--divide-color) !important;
  background: var(--component-background-color) !important;
}

.el-radio .el-radio__input.is-checked + .el-radio__label {
  color: var(--primary-color);
}

[dir] .el-radio .el-radio__input.is-checked .el-radio__inner::after {
  background-color: var(--primary-color) !important;
}

[dir="ltr"] .el-radio .el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(2) !important;
}

[dir="rtl"] .el-radio .el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(50%, -50%) scale(2) !important;
}

.el-input {
  height: 36px;
}

.el-input .el-input__inner {
  color: var(--title-secondary-color);
  line-height: 22px;
  font-size: 14px;
  height: 36px;
}

[dir] .el-input .el-input__inner {
  background-color: var(--module-background-color);
  border-color: var(--border-color);
  border-radius: 8px;
  padding: 6px 12px;
}

[dir] .el-input .el-input__inner:hover {
  border: 1px solid var(--primary-color);
}

.el-input .el-input__inner:focus {
  line-height: 20px;
}

[dir] .el-input .el-input__inner:focus {
  border: 2px solid var(--primary-color);
}

[dir] .el-input .el-input__inner input {
  background-color: inherit;
}

[dir] .el-input .el-input__count-inner {
  background: none !important;
}

[dir="ltr"] .el-input.el-input--prefix .el-input__inner {
  padding: 6px 12px 6px 30px;
}

[dir="rtl"] .el-input.el-input--prefix .el-input__inner {
  padding: 6px 30px 6px 12px;
}

.el-input .el-input__prefix .el-input__icon {
  line-height: inherit;
}

[dir] .el-input.is-focus .el-input__inner {
  border: 2px solid var(--primary-color) !important;
}

[dir] .el-input.is-disabled .el-input__inner {
  border: 1px solid var(--border-color) !important;
}

.el-input .el-input__suffix {
  display: flex;
  align-items: center;
}

.el-input__suffix .el-link--inner {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  color: var(--primary-color);
  line-height: 22px;
  font-weight: 400;
}

[dir="ltr"] .el-input__suffix .el-link--inner {
  text-align: right;
}

[dir="rtl"] .el-input__suffix .el-link--inner {
  text-align: left;
}

.el-input__suffix .el-input__suffix-inner {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  color: var(--title-third-color);
  line-height: 22px;
  font-weight: 400;
}

[dir="ltr"] .el-input__suffix .el-input__suffix-inner {
  text-align: right;
}

[dir="rtl"] .el-input__suffix .el-input__suffix-inner {
  text-align: left;
}

.el-date-editor.el-input__inner {
  height: 36px;
  display: flex;
  align-items: center;
}

[dir] .el-date-editor.el-input__inner {
  border-radius: 8px;
  background-color: var(--module-background-color);
  border-color: var(--border-color);
}

.el-date-editor.el-input__inner * {
  line-height: 24px;
}

.el-date-editor.el-input__inner .el-range-input {
  color: var(--title-secondary-color);
  line-height: 22px;
  font-size: 14px;
  width: 45%;
}

[dir] .el-date-editor.el-input__inner .el-range-input {
  background-color: var(--module-background-color);
  padding: 7px 12px;
}

[dir] .el-date-editor.el-input__inner.is-active, [dir] .el-date-editor.el-input__inner.is-active:hover {
  border: 2px solid var(--primary-color);
  border-color: var(--primary-color);
}

.el-date-editor.el-input__inner.is-active .el-range-input, .el-date-editor.el-input__inner.is-active:hover .el-range-input {
  line-height: 20px;
}

[dir] .el-date-editor.el-input__inner.is-active .el-range-input, [dir] .el-date-editor.el-input__inner.is-active:hover .el-range-input {
  padding: 6px 12px;
}

.el-date-editor.el-input__inner .el-range__icon {
  font-size: 14px;
}

.el-date-editor.el-input__inner .el-range-separator {
  color: var(--title-secondary-color);
}

.el-date-editor.el-input__inner.small {
  height: 32px !important;
}

.el-date-editor.el-input__inner.small .el-range-input {
  color: var(--title-secondary-color);
  font-size: 14px;
}

[dir] .el-date-editor.el-input__inner.small .el-range-input {
  background-color: var(--module-background-color);
  padding: 4px 12px;
}

[dir] .el-date-editor.el-input__inner.small.is-active, [dir] .el-date-editor.el-input__inner.small.is-active:hover {
  border: 2px solid var(--primary-color);
  border-color: var(--primary-color);
}

[dir] .el-date-editor.el-input__inner.small.is-active .el-range-input, [dir] .el-date-editor.el-input__inner.small.is-active:hover .el-range-input {
  padding: 4px 12px;
}

.el-date-editor.el-input__inner.small .el-range__icon {
  font-size: 14px;
}

.el-date-editor.el-input__inner.small .el-range-separator {
  color: var(--title-secondary-color);
}

.el-date-editor.small {
  height: 32px;
}

.el-date-editor.small .el-input__inner {
  height: 32px;
}

[dir] .el-input-group__append,
[dir] .el-input-group__prepend {
  background-color: var(--component-background-color);
  border-color: var(--border-color);
}

[dir] .el-date-table td.in-range div,
[dir] .el-date-table td.in-range div:hover,
[dir] .el-date-table.is-week-mode .el-date-table__row.current div,
[dir] .el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: var(--primary-color);
}

[dir] .el-date-table td.end-date span,
[dir] .el-date-table td.start-date span {
  background-color: var(--primary-color);
}

[dir] .el-picker-panel__footer {
  background-color: var(--module-background-color);
  border-top-color: var(--divide-color);
}

[dir="ltr"] .el-date-range-picker__content.is-left {
  border-right-color: var(--divide-color);
}

[dir="rtl"] .el-date-range-picker__content.is-left {
  border-left-color: var(--divide-color);
}

[dir] .el-date-range-picker__time-header {
  border-bottom-color: var(--divide-color);
}

.el-date-table__row .available.in-range span {
  color: var(--white-color);
}

[dir] .el-picker-panel {
  border-color: var(--border-color);
  background-color: var(--module-background-color);
}

[dir] .el-date-table td.current:not(.disabled) span {
  background: var(--primary-color);
}

.el-date-table td.today span {
  color: var(--primary-color);
}

.el-textarea .el-input__count {
  color: var(--title-secondary-color);
}

[dir] .el-textarea .el-input__count {
  background-color: var(--component-background-color);
}

.el-textarea .el-textarea__inner {
  color: var(--title-secondary-color);
  height: inherit;
}

[dir] .el-textarea .el-textarea__inner {
  background-color: var(--module-background-color);
  border-color: var(--border-color);
  border-radius: 8px;
}

[dir] .el-textarea .el-textarea__inner:hover {
  border-color: var(--border-color);
}

.el-picker-panel__icon-btn {
  color: var(--title-secondary-color);
}

.el-date-picker__header-label {
  color: var(--title-secondary-color);
}

[dir] .el-date-table td.disabled div {
  background-color: var(--global-background-color);
}

.el-date-table th {
  color: var(--title-regular-color);
}

.el-popper[x-placement] .popper__arrow {
  display: none;
}

[dir] .el-autocomplete-suggestion {
  background-color: var(--module-background-color);
  border-color: var(--border-color);
}

.el-autocomplete-suggestion li {
  color: var(--title-secondary-color);
}

.el-input__prefix {
  display: flex;
  align-items: center;
}

[dir] .el-upload {
  border-radius: 8px !important;
}

[dir] .el-upload--picture-card {
  background-color: var(--component-background-color);
}

[dir] .el-switch__core {
  background-color: var(--component-background-color);
}

.area-container {
  height: 40px;
}

.area-container .el-dropdown-link {
  line-height: 40px;
}

.el-dropdown-menu {
  color: var(--title-secondary-color);
  max-height: 500px;
  overflow-y: auto;
}

[dir] .el-dropdown-menu {
  background-color: var(--white-color);
  border-color: var(--border-color);
  padding: 8px;
}

.custom_el-dropdown-menu {
  color: var(--title-secondary-color);
}

[dir] .custom_el-dropdown-menu {
  background-color: var(--white-color);
  border-color: var(--border-color);
  padding: 8px;
}

.el-dropdown-menu__item {
  color: var(--title-secondary-color);
}

[dir] .el-dropdown-menu__item {
  border-radius: 8px;
}

.el-dropdown-menu__item:is(:focus, :hover) {
  color: var(--primary-color) !important;
}

[dir] .el-dropdown-menu__item:is(:focus, :hover) {
  background-color: color-mix(in srgb, var(--primary-color) 10%, var(--white-color) 90%) !important;
}

[dir] .el-dropdown-menu__item--divided {
  border-top-color: var(--divide-color);
}

[dir] .el-dropdown-menu__item--divided:before {
  background-color: var(--component-background-color);
}

[dir] .el-dropdown-menu__item {
  padding-left: 8px;
  padding-right: 8px;
}

.el-tabs__item {
  color: var(--title-secondary-color);
}

.el-tabs__item:is(.is-active, :hover) {
  color: var(--primary-color) !important;
  font-weight: 500;
  font-size: 20px;
}

[dir] .el-tabs__nav-wrap::after {
  background-color: var(--divide-color);
}

[dir] .el-tabs__active-bar {
  background-color: var(--primary-color);
}

.el-tabs__nav-wrap::after {
  height: 1px;
}

.el-tabs__item {
  color: var(--title-secondary-color);
  font-weight: 400;
  font-size: 16px !important;
}

[dir] .el-tabs__nav-wrap::after {
  background: none !important;
}

.el-breadcrumb__inner {
  color: var(--title-secondary-color);
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: var(--title-regular-color);
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  color: var(--title-third-color);
}

.el-tooltip__popper {
  max-width: 400px;
  color: var(--white-color) !important;
}

[dir] .el-tooltip__popper {
  background: color-mix(in srgb, var(--black-color) 75%, var(--white-color) 25%) !important;
  border: 1px solid var(--black-color) !important;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  .el-tooltip__popper {
    max-width: 300px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  .el-tooltip__popper {
    max-width: 300px;
  }
}

.el-tooltip__popper div:not(.popper__arrow) {
  color: var(--white-color) !important;
}
/* 滚动条样式 开始 */
/*定义滚动条样式（高宽及背景）*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[dir] ::-webkit-scrollbar {
  /* 滚动条宽度， width：对应竖滚动条的宽度  height：对应横滚动条的高度*/
  background: var(--module-background-color);
}
/*定义滚动条轨道（凹槽）样式*/
[dir] ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px var(--global-background-color);
  /* 较少使用 */
  border-radius: 12px;
  background-color: var(--global-background-color);
}
/*定义滑块 样式*/
::-webkit-scrollbar-thumb {
  width: 5px;
  height: 5px;
}

[dir] ::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background-color: var(--gray-color);
  cursor: pointer;
}
/* 滚动条样式 结束 */
html,
body {
  overflow: hidden;
}

[dir] .el-scrollbar__wrap li:hover {
  background-color: var(--global-background-color);
}

.el-scrollbar {
  height: 100%;
}

.el-scrollbar__wrap {
  overflow-y: auto;
  overflow-x: hidden;
}

.el-scrollbar table tr td .c-hover.c-hover-blue:hover {
  color: color-mix(in srgb, var(--primary-color) 80%, var(--white-color) 20%) !important;
}

.el-scrollbar > .el-scrollbar__bar {
  opacity: 1 !important;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  /* 隐藏滚动条 */
  ::-webkit-scrollbar {
    display: none;
  }

  /* 确保内容可滚动 */
  .scrollable {
    overflow-y: scroll;
    /* 对于垂直滚动 */
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  /* 隐藏滚动条 */
  ::-webkit-scrollbar {
    display: none;
  }

  /* 确保内容可滚动 */
  .scrollable {
    overflow-y: scroll;
    /* 对于垂直滚动 */
  }
}

html[dir].dark ::-webkit-scrollbar-thumb {
  background-color: var(--component-background-color);
}

.el-notification {
  min-height: 112px;
  /* stylelint-disable-next-line selector-class-pattern */
  /* stylelint-disable-next-line selector-class-pattern */
}

[dir] .el-notification {
  padding: 24px;
  background: var(--global-background-color);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.08);
}

.el-notification .el-notification__title {
  font-size: 16px;
  font-weight: normal;
  color: var(--title-regular-color);
}

.el-notification .el-notification__content p {
  display: -webkit-box;
  height: 42px;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

[dir] .el-popconfirm__main {
  margin-bottom: 20px;
}

.el-icon-arrow-down.el-icon--bottom {
  color: var(--title-regular-color);
  font-weight: bold;
}

.el-loading-mask {
  z-index: 99999;
}

[dir] .el-loading-mask {
  background-color: color-mix(in oklab, var(--component-background-color) 20%, transparent 80%);
  border-radius: 12px;
}

.el-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.el-loading-spinner .path {
  stroke: var(--primary-color);
}

[dir] .el-switch .el-switch__core {
  border: 1px solid var(--border-color);
}

[dir] .el-switch .el-switch__core::after {
  background: var(--white-color);
}

[dir] .el-switch.is-checked .el-switch__core {
  background-color: var(--success-color);
  border-color: var(--success-color);
}

.el-switch.small {
  height: 16px;
  width: 28px;
}

.el-switch.small .el-switch__core {
  height: 16px;
}

.el-switch.small .el-switch__core:after {
  width: 12px;
  height: 12px;
}

[dir="ltr"] .el-switch.small.is-checked .el-switch__core::after {
  margin-left: -12px;
}

[dir="rtl"] .el-switch.small.is-checked .el-switch__core::after {
  margin-right: -12px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
  [dir] .el-main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  [dir] .el-main {
    padding-left: 12px;
    padding-right: 12px;
  }
}

[dir] .el-skeleton.is-animated .el-skeleton__item {
  animation: el-skeleton-loading 2.5s ease infinite;
}

[dir="ltr"] .el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, var(--global-background-color) 25%, color-mix(in oklab, var(--global-background-color) 30%, transparent 70%) 37%, var(--global-background-color) 63%);
}

[dir="rtl"] .el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(-90deg, var(--global-background-color) 25%, color-mix(in oklab, var(--global-background-color) 30%, transparent 70%) 37%, var(--global-background-color) 63%);
}

[dir] .el-skeleton.is-animated .el-skeleton__item {
  background-size: 400% 100%;
}

[dir] .el-skeleton__item {
  background-color: var(--global-background-color);
}

[dir] .reset-popper-submenu .el-menu {
  padding: 12px 8px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);
}

[dir] .reset-popper-submenu .el-menu .el-menu-item-group > ul {
  background-color: var(--module-background-color);
}

.reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item {
  box-sizing: border-box;
  height: 28px !important;
}

[dir] .reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item {
  padding: 0 !important;
  margin-bottom: 4px;
  border-radius: 6px;
}

.reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100% !important;
  font-size: 14px;
  color: var(--title-primary-color) !important;
}

[dir] .reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item a {
  padding: 4px 8px !important;
}

.reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item.is-active a {
  font-weight: 400;
}

[dir] .reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item:hover {
  background-color: rgb(var(--primary-color) 0.05);
}

.reset-popper-submenu .el-menu .el-menu-item-group .el-menu-item:hover a {
  color: var(--primary-color) !important;
}

.reset-popper-submenu .el-menu .el-menu-item-group .is-active a {
  color: var(--primary-color) !important;
}
/* stylelint-disable-next-line selector-class-pattern */
[dir="ltr"] .reset-popper-submenu .el-menu--popup-right-start {
  margin-left: 14px !important;
}

[dir="rtl"] .reset-popper-submenu .el-menu--popup-right-start {
  margin-right: 14px !important;
}
/* stylelint-disable-next-line selector-class-pattern */
.el-picker-panel__body {
  /* stylelint-disable-next-line selector-class-pattern */
}

.el-picker-panel__body .el-picker-panel__icon-btn:hover {
  color: var(--primary-color);
}

.el-picker-panel__body .el-month-table td.current.today .cell {
  color: var(--primary-color);
}

.el-picker-panel__body .el-month-table td.current .cell {
  color: var(--primary-color);
}

.el-picker-panel__body .el-month-table td.today .cell {
  font-weight: 500;
  color: #606266;
}

.el-picker-panel__body .el-month-table td .cell:hover {
  color: var(--primary-color);
}

.el-form-item__content .el-date-editor.el-range-editor.el-input__inner.el-date-editor--daterange {
  width: 100%;
}

[dir="ltr"] .el-input-number .el-input input {
  text-align: left;
}

[dir="rtl"] .el-input-number .el-input input {
  text-align: right;
}

.hcaptcha-custom-class {
  width: 100%;
}

[dir="ltr"] .hcaptcha-custom-class iframe {
  float: left;
}

[dir="rtl"] .hcaptcha-custom-class iframe {
  float: right;
}

[dir] .input-with-select .el-input-group__append {
  padding: 0;
}

[dir] .input-with-select .el-input-group__append .el-dropdown > span {
  padding: 0 20px;
}

[dir="ltr"] .password-wrap .el-input .el-input__suffix {
  padding-right: 8px;
}

[dir="rtl"] .password-wrap .el-input .el-input__suffix {
  padding-left: 8px;
}

[dir] .password-wrap .el-input .el-input__suffix .el-input__suffix-inner {
  cursor: pointer;
}

[dir="ltr"] .el-badge__content.is-fixed {
  transform: translateY(0%) translateX(60%);
}

[dir="rtl"] .el-badge__content.is-fixed {
  transform: translateY(0%) translateX(-60%);
}

[dir] .el-tree {
  background-color: var(--component-background-color);
}

.el-image-viewer__mask {
  opacity: 0.8;
}

.el-image-viewer__close {
  width: 60px;
  height: 60px;
}

[dir] .el-image-viewer__img {
  background: var(--component-background-color) !important;
}

[dir] .contact-us-popper {
  padding: 24px !important;
}
@font-face {
    font-family: din-regular;

    /* 针对数字 */
    src: url(../fonts/DIN-REGULAR.799221d7.otf);
}

@font-face {
    font-family: microsoft;

    /* 文字粗体 */
    src: url(../fonts/myub.c2610889.ttf);
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.5864a3d7.eot);
    src: url(../fonts/iconfont.5864a3d7.eot?#iefix) format("embedded-opentype"),
        url(../fonts/iconfont.d7516ef9.woff2) format("woff2"), url(../fonts/iconfont.475fab18.woff) format("woff"),
        url(../fonts/iconfont.ad82c456.ttf) format("truetype"),
        url(../img/iconfont.0b569650.svg#iconfont) format("svg");
}

[dir] * {
    padding: 0;
    margin: 0;
}

#app {
    height: 100%;
}

[dir] body {
    background-color: var(--global-background-color);
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

[dir] fieldset,
[dir] img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

[dir="ltr"] caption,
[dir="ltr"] th {
    text-align: left;
}

[dir="rtl"] caption,
[dir="rtl"] th {
    text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

i,
em {
    font-style: normal;
}

/* b{font-weight: normal;} */

q::before,
q::after {
    content: "";
}

[dir] abbr,
[dir] acronym {
    border: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
select {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 14px;
    color: var(--title-secondary-color);
}

.select,
.enter span {
    color: var(--primary-color) !important;
}

button {
    font-size: 100%;
    outline: none;
}

[dir] button {
    text-align: center;
    border-radius: 8px;
}

select {
    vertical-align: middle;
    outline: none;
}

[dir] select {
    border: none;
    border-radius: 0;
}

a {
    font-size: 14px;
    outline: none;
}

a:hover {
        color: none;
        text-decoration: none;
    }

a:-moz-any-link {
        text-decoration: none;
    }

a:any-link {
        text-decoration: none;
    }

[dir] a {
    cursor: pointer
}

img {
    display: block;
}

[dir] img {
    border: 0;
}

textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

textarea:focus {
        outline: none;
        -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
        -webkit-user-modify: read-write-plaintext-only;
    }

textarea::input-placeholder {
        /* WebKit, Blink, Edge */
        color: var(--title-regular-color);
    }

textarea:placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: var(--title-regular-color);
    }

[dir] textarea {
    background: none;
    border-radius: 0
}

input {
    vertical-align: middle;
    outline: none;
}

input::-moz-placeholder {
        color: var(--title-third-color)
    }

input::placeholder {
        color: var(--title-third-color)
    }

input::input-placeholder {
        /* WebKit, Blink, Edge */
        color: var(--title-regular-color);
    }

input:placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: var(--title-regular-color);
    }

input:focus {
        outline: none;
        -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
        -webkit-user-modify: read-write-plaintext-only;
    }

input:is([type="text"], [type="submit"], [type="reset"], [type="password"]) {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }

input:is([type="number"]) {
        -webkit-appearance: textfield;
           -moz-appearance: textfield;
                appearance: textfield;
    }

input::-ms-clear {
        display: none;
    }

input::-ms-reveal {
        display: none;
    }

input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
                appearance: none;
    }

[dir] input {
    background-color: var(--white-color);
    border-radius: 8px;
    box-shadow: none;
}

[dir] input:is([type="text"], [type="submit"], [type="reset"], [type="password"]) {
        background: none;
        border-radius: 0;
    }

[dir] input:is([type="text"], [type="password"]) {
        background-color: var(--component-background-color);
        border-radius: 8px;
    }

[dir] input:-webkit-autofill {
        box-shadow: 0 0 0 1000px white inset;
    }

input[type="number"] { /* Firefox */
    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
  }

input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
            appearance: none; /* Safari */
  }

[dir] input[type="number"]::-webkit-inner-spin-button,
  [dir] input[type="number"]::-webkit-outer-spin-button {
    margin: 0;
  }

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 按钮---end */

/* 标签 */

.c-crm-lable {
    position: relative;
    display: inline-block;
    min-width: 70px;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    color: var(--white-color);
    /* left: -24px;*/
}

.c-crm-lable::after {
        position: absolute;
        top: 0;
        display: inline-block;
        width: 0;
        height: 0;
        content: "";
    }

/* 灰色标签*/

.c-crm-lable.bg-gray {
        color: var(--title-secondary-color)
    }

[dir] .c-crm-lable {
    padding: 0 6px;
    text-align: center;
}

[dir] .c-crm-lable::after {
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
    }

[dir="ltr"] .c-crm-lable::after {
        right: -14px;
        border-left: 14px solid var(--border-color);
    }

[dir="ltr"] .c-crm-lable.bg-gray::after {
            border-left-color: var(--component-background-color);
        }

[dir="ltr"] .c-crm-lable.bg-yellow::after {
        border-left-color: var(--warning-color);
    }

[dir="ltr"] .c-crm-lable.bg-red::after {
        border-left-color: var(--danger-color);
    }

[dir="ltr"] .c-crm-lable.bg-green::after {
        border-left-color: var(--success-color);
    }

[dir="rtl"] .c-crm-lable::after {
        left: -14px;
        border-right: 14px solid var(--border-color);
    }

[dir="rtl"] .c-crm-lable.bg-gray::after {
            border-right-color: var(--component-background-color);
        }

[dir="rtl"] .c-crm-lable.bg-yellow::after {
        border-right-color: var(--warning-color);
    }

[dir="rtl"] .c-crm-lable.bg-red::after {
        border-right-color: var(--danger-color);
    }

[dir="rtl"] .c-crm-lable.bg-green::after {
        border-right-color: var(--success-color);
    }

.c-hover.c-hover-blue {
    color: var(--primary-color);
    word-break: normal;
}

.c-hover.c-hover-blue:hover {
        color: var(--primary-color);
    }

[dir] .c-hover.c-hover-blue {
    cursor: pointer
}

.crm-auditRecord {
    ::v-deep .el-tabs__nav-scroll {
        font-size: 16px;

        .el-tabs__nav {
            .el-tabs__item {
                font-size: 16px;
            }
        }
    }

    ::v-deep .el-tabs__nav-scroll {
        font-size: 16px;

        .el-tabs__nav {
            .el-tabs__item {
                font-size: 16px;
            }
        }
    }
}

[dir] .crm-auditRecord {
    padding: 24px;
    background-color: var(--module-background-color);
    border-radius: 12px;
}

[dir] .crm-auditRecord.c-shadow.fitmobile {
        padding: 24px;
        background: var(--module-background-color);
        border-radius: 12px;
    }

/* 节点标题*/

.section-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: var(--title-regular-color);

    @include global.response_to(('mobile', 'pad')) {
        & {
            font-size: 14px;
            line-height: 14px;
        }
    }
}

.section-title~.brand {
        font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
        font-size: 12px;
        font-weight: 400;
        color: var(--title-secondary-color);

        @include global.response_to(('mobile', 'pad')) {
            & {
                font-size: 11px;
                line-height: 12px;
            }
        }
    }

[dir] .section-title {
    margin-bottom: 24px;
}

[dir] .section-title:has(+ .brand) {
        margin-bottom: 8px;
    }

[dir] .section-title~.brand {
        margin-bottom: 12px
    }

/* 详情页标题*/

.detail-page-title {
    font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: var(--title-regular-color);
}

/* 详情页二级*/

.detail-page-secondary-title {
    @extend .detail-page-title;

    font-size: 16px;
    line-height: 22px;
}

.iconfont {
    color: var(--title-third-color);
}

.iconfont:hover {
        color: var(--title-secondary-color);
    }

.right-position {
    position: absolute;
}

[dir="ltr"] .right-position {
    left: 101%;
}

[dir="rtl"] .right-position {
    right: 101%;
}

[dir] svg {
  cursor: pointer;
}

.red {
  color: var(--danger-color) !important;

  span {
      color: var(--danger-color) !important;
  }
}

.green {
  color: var(--success-color) !important;

  span {
      color: var(--success-color) !important;
  }
}

[dir] .green {

    cursor: pointer;
}

body {
	overflow: hidden
}

[dir] body {
	background-color: var(--global-background-color);
}

[dir] body:has(.login-box) {
    background-color: var(--module-background-color);
  }

.c-crm-mobile-list {
    position: relative;
    display: none
}

[dir] .c-crm-mobile-list {
    .el-row {
        padding-top: 12px;
    }
}

.mobile-menu .gh a:after,
.mobile-menu .gh a:before {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
}

[dir] .mobile-menu .gh a:after,
[dir] .mobile-menu .gh a:before {
    background-color: var(--white-color);
    /* left: 0;
    position: absolute; */
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    background: #202734;
}

.mobile-menu .gh a:before {
    top: -8px;
}

.mobile-menu .gh a:after {
    top: 8px;
}

.mobile-menu .gh a {
    display: block;
    height: 3px;
    width: 60%;
}

[dir] .mobile-menu .gh a {
    background-color: var(--white-color);
    margin-top: -3px;
    /* position: relative;
    top: 50%; */
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    margin: 0 20%;
    background: #202734;
}

.mobile-menu .gh {
    height: 36px;
    width: 36px;
    vertical-align: middle;
    /* top: 50%;
    right: -50px;
    position: absolute; */
    z-index: 99;
}

[dir] .mobile-menu .gh {
    transform: translateY(-50%);
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
}

[dir="ltr"] .mobile-menu .gh.selected {
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
}

[dir="rtl"] .mobile-menu .gh.selected {
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
}

[dir] .mobile-menu .selected.gh a {
    background-color: transparent !important;
}

[dir="ltr"] .mobile-menu .selected.gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
}

[dir="rtl"] .mobile-menu .selected.gh a:before {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
}

[dir="ltr"] .mobile-menu .selected.gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
}

[dir="rtl"] .mobile-menu .selected.gh a:after {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
}

.mobile-menu .selected.gh a:after,
.mobile-menu .selected.gh a:before {
    top: 0;
}

.crm-relations.fitmobile .detail-panel.ismobile {
    display: none;
}

.el-tree .el-tree-node__content {
    position: relative;
}

.el-tree .el-tree-node__content:before {
    position: absolute;
    top: 0;
    display: inline-block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 10;
}

[dir="ltr"] .el-tree .el-tree-node__content:before {
    left: 0;
}

[dir="rtl"] .el-tree .el-tree-node__content:before {
    right: 0;
}

@media only screen and (max-width: 1500px) {
    .el-col-md-24.text-alginC {
        position: static !important;
        position: initial !important;
        top: auto !important;
        top: initial !important;
    }

    [dir] .el-col-md-24.text-alginC {
        transform: none !important;
        transform: initial !important;
    }

    [dir="ltr"] .el-col-md-24.before-l,
    [dir="ltr"] .el-col-md-24.text-alginC {
        float: left !important;
    }

    [dir="rtl"] .el-col-md-24.before-l,
    [dir="rtl"] .el-col-md-24.text-alginC {
        float: right !important;
    }

}

@media only screen and (max-width: 992px) {
    .component-body.ismobile {
        width: calc(100% - 46px) !important;
    }

    [dir="ltr"] .pdr .pos {
        padding-right: 18px !important;
    }

    [dir="rtl"] .pdr .pos {
        padding-left: 18px !important;
    }

    .pdr .pos em {
        vertical-align: middle;
    }

    /* .fitmobile .search-panel .component-container.hasButton {*/
    /*     width: calc(100% - 26px);*/
    /* }*/

    /* 快捷入口 */


    /* 我的账号 */

    .el-row .crm-left-msg {
        /* padding: 0 50px 0 10px !important; */
        height: 66px;
    }

    [dir] .el-row .crm-left-msg.el-col {
        padding: 0px !important
    }

    [dir] .crm-top .crm-left-msg>div.pos {
        padding: 0;
    }

    [dir="ltr"] .crm-top .crm-left-msg>div.pos {
        margin-right: 10px;
    }

    [dir="rtl"] .crm-top .crm-left-msg>div.pos {
        margin-left: 10px;
    }

    /* 第三方支付 */

    .fitmobile .component-body.hasbtn {
        width: calc(100% - 114px) !important;
    }

    [dir="ltr"] .component-body>input {
        padding-right: 48px !important;
    }

    [dir="rtl"] .component-body>input {
        padding-left: 48px !important;
    }

    [dir="ltr"] .component-body>i.unit,
    [dir="ltr"] .component-body>em.unit {
        padding-left: 4px !important;
    }

    [dir="rtl"] .component-body>i.unit,
    [dir="rtl"] .component-body>em.unit {
        padding-right: 4px !important;
    }


    /* 代理申请 */

    [dir] .fitmobile .c-tt-tops {
        padding: 10px 10px 0 !important;
    }

    .fitmobile .c-tt-tops .c-items .component-body {
        max-width: 100% !important;
        height: auto !important;
    }

    .fitmobile .c-tt-tops .c-items:last-child .component-body {
        line-height: 20px !important;
    }

    /* 我的钱包 */

    /* 入金 - 加密货币 */


    .fitmobile .detail-panel .el-pagination {
        white-space: normal;
        white-space: initial;
    }

    /* 表格兼容 */

    .fitmobile .c-crm-mobile-list {
        display: block;
    }

    [dir] .fitmobile .c-crm-mobile-list .c-crm-mobile-list-sum {
        margin-bottom: 15px;
    }

    [dir] .fitmobile .c-crm-mobile-list li {
        border: 1px solid var(--border-color);
        border-radius: 12px;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    [dir] .fitmobile .c-crm-mobile-list li:last-child {
        margin-bottom: 0;
    }

    .fitmobile .c-crm-mobile-list .component-label {
        width: 55px !important;
        line-height: normal;
        line-height: initial;
    }

    [dir="ltr"] .fitmobile .c-crm-mobile-list .component-label {
        margin-right: 5px !important;
    }

    [dir="rtl"] .fitmobile .c-crm-mobile-list .component-label {
        margin-left: 5px !important;
    }

    .fitmobile .c-crm-mobile-list .component-body {
        position: static !important;
        position: initial !important;
        width: calc(100% - 60px) !important;
    }

    [dir] .fitmobile .c-crm-mobile-list .component-body {
        left: auto !important;
        left: initial !important;
        right: auto !important;
        right: initial !important;
        margin-bottom: 0 !important;
    }

    .fitmobile .c-crm-mobile-list .component-label,
    .fitmobile .c-crm-mobile-list .component-body {
        font-size: 12px;
        height: auto;
        height: initial;
        word-break: break-all;
    }

    [dir] .fitmobile .c-crm-mobile-list .component-label,
    [dir] .fitmobile .c-crm-mobile-list .component-body {
        padding: 10px 0;
    }

    [dir] .fitmobile .c-crm-mobile-list .operation {
        text-align: center;
        padding: 12px 0;
    }

    [dir] .fitmobile .c-crm-mobile-list .operation a {
        margin: 0 5px;
    }

    .fitmobile .c-crm-mobile-list .load-bar {
        position: absolute;
        width: 100%;
        bottom: -30px;
        font-size: 12px;
    }

    [dir] .fitmobile .c-crm-mobile-list .load-bar {
        text-align: center;
    }

    .fitmobile .c-crm-mobile-list .component-body>i,
    .fitmobile .c-crm-mobile-list .component-body>em {
        position: static;
        position: initial;
        top: auto;
        top: initial;
        color: var(--white-color);
        font-size: 12px;
    }

    [dir="ltr"] .fitmobile .c-crm-mobile-list .component-body>i,
    [dir="ltr"] .fitmobile .c-crm-mobile-list .component-body>em {
        right: auto;
        right: initial;
    }

    [dir="rtl"] .fitmobile .c-crm-mobile-list .component-body>i,
    [dir="rtl"] .fitmobile .c-crm-mobile-list .component-body>em {
        left: auto;
        left: initial;
    }

    /* 审核记录 */

    /* 消息通知 */

    /* 消息通知详情 */
    [dir] .fitmobile.crm-newsDetails .search-panel,
    [dir] .fitmobile.crm-auditDetails .search-panel,
    [dir] .fitmobile.crm-auditDetails .detail-panel {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 客户关系 */
    .crm-relations.fitmobile .c-crm-table {
        display: inline-block;
    }

    [dir] .crm-relations.fitmobile .c-crm-table th,
    [dir] .crm-relations.fitmobile .c-crm-table td {
        padding: 0 5px;
    }

    [dir] .crm-relations.fitmobile .dialog-top,
    [dir] .crm-relations.fitmobile .dialog-table {
        padding: 0;
    }

    .crm-relations.fitmobile .dialog-top input {
        width: calc(100% - 60px);
    }

    [dir="ltr"] .crm-relations.fitmobile .dialog-top input {
        border-radius: 2px 0 0 2px;
    }

    [dir="rtl"] .crm-relations.fitmobile .dialog-top input {
        border-radius: 0 2px 2px 0;
    }

    .crm-relations.fitmobile .dialog-top button {
        width: 60px;
    }

    [dir="ltr"] .crm-relations.fitmobile .dialog-top button {
        border-radius: 0 2px 2px 0;
    }

    [dir="rtl"] .crm-relations.fitmobile .dialog-top button {
        border-radius: 2px 0 0 2px;
    }

    [dir="ltr"] .crm-relations.fitmobile .component-container {
        margin: 0 0 0 4px;
    }

    [dir="rtl"] .crm-relations.fitmobile .component-container {
        margin: 0 4px 0 0;
    }

    /* .crm-relations.fitmobile .search-panel input {*/
    /*     width: calc(100% - 110px) !important;*/
    /* }*/

    /* .crm-relations.fitmobile .search-panel .btn {*/
    /*     padding-top: 10px;*/
    /*     text-align: center;*/
    /* }*/

    /* .crm-relations.fitmobile .search-panel .btn button:first-child {*/
    /*     margin: 0;*/
    /* }*/

    .crm-relations.fitmobile .detail-panel.ispc {
        display: none;
    }

    .crm-relations.fitmobile .detail-panel.ismobile {
        display: block;
    }

    [dir] .crm-relations.fitmobile .detail-panel.ismobile {
        padding: 10px !important;
    }

    [dir] .crm-trading-details.fitmobile .component-label {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    [dir] .crm-trading-details.fitmobile .crm-list.mt48 {
        margin-top: 0 !important;
    }

    [dir] .crm-trading-details.fitmobile .crm-list .crm-module {
        margin: 0 auto !important;
    }

    /* 客户交易历史 */
    [dir] .fitmobile.crm-dealHistory .search-panel,
    [dir] .fitmobile.crm-clientMtwater .search-panel {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [dir="ltr"] .fitmobile.crm-dealHistory .search-panel button {
        margin-left: 10px !important;
    }

    [dir="rtl"] .fitmobile.crm-dealHistory .search-panel button {
        margin-right: 10px !important;
    }

    /* 工单 */
    .fitmobile.crm-ticket .detail-panel .open {
        color: #00CC00;
    }

    .fitmobile.ticketdetail .switch {
        min-width: 68px !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 12px !important;
    }

    [dir] .fitmobile.ticketdetail .replyrecord_wrapper .search-panel {
        padding: 0 !important;
    }

    /*.fitmobile.ticketdetail .replyrecord .replyrecord_wrapper .imglist {
        margin: 0 !important;
    }

    .fitmobile.ticketdetail .replyrecord .replyrecord_wrapper {
        border: 0 !important;
    }*/

    /* 我的钱包结束 */

    /* 推广中心开始 */

    .export-btn-wrap {
        position: absolute;
        top: 50%;
        width: 90%;
    }

    [dir="ltr"] .export-btn-wrap {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    [dir="rtl"] .export-btn-wrap {
        right: 50%;
        transform: translate(50%, -50%);
    }
}

body.hideLivechatinc {
    #chat-widget-container {
        display: none;
    }
}

[dir] .c-transition {
    transition: all 0.3s ease-out 0s;
}

[dir] .slide-enter-active,
[dir] .slide-leave-active {
    transition: all 0.5s linear;
}

.slide-enter {
    opacity: 1;
}

[dir] .slide-enter {
    transform: translateY(20px) scale(1);
}

.slide-leave-to {
    opacity: 0;
}

[dir] .slide-leave-to {
    transform: translateY(-20px) scale(0.8);
}

/** 加载动画效果开始 */

@keyframes scale-out {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    100% {
        opacity: 0;
        transform: scale(150);
    }
}

.load {
    position: relative;
    overflow: hidden;
}

.load::after {
        position: absolute;
        top: 50%;
        width: 4px;
        max-width: 100%;
        height: 4px;
        content: '';
    }

[dir] .load::after {
        background: var(--primary-color);
        border-radius: 50%;
        animation: scale-out 2.5s ease-in-out infinite;
    }

[dir="ltr"] .load::after {
        left: 50%;
        transform: translate(-50%, -50%);
    }

[dir="rtl"] .load::after {
        right: 50%;
        transform: translate(50%, -50%);
    }

/* 动画效果开始*/

[dir] .animation-enter-active,
[dir] .animation-leave-active {
    transition: opacity .5s;
}

.animation-enter,
.animation-leave-to {
    opacity: 0;
}

/* kyc 切换动画*/

[dir] .kyc-left-enter-active {
    transition: transform 0.5s ease;
}

[dir="ltr"] .kyc-left-enter {
    transform: translateX(-100%);
}

[dir="rtl"] .kyc-left-enter {
    transform: translateX(100%);
}

[dir] .kyc-right-enter-active {
    transition: transform 0.5s ease;
}

.kyc-right-enter {
    opacity: 0;
}

[dir="ltr"] .kyc-right-enter {
    transform: translateX(100%);
}

[dir="rtl"] .kyc-right-enter {
    transform: translateX(-100%);
}

/* 黑夜模式切换动画*/

.darkMode-enter {
    opacity: 0;
}

.darkMode-enter-active {
    opacity: 1;
}

[dir] .darkMode-enter-active {
    transition: all 0.2s ease;
    animation: comeTo 0.2s;
}

.darkMode-leave {
    opacity: 1;
}

.darkMode-leave-active {
    opacity: 0;
}

[dir] .darkMode-leave-active {
    transition: all 0.2s ease;
    animation: leaveAway 0.2s;
}

/* stylelint-disable-next-line keyframes-name-pattern */

@keyframes comeTo {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translate(0);
    }
}

/* stylelint-disable-next-line keyframes-name-pattern */

@keyframes leaveAway {
    from {
        transform: translate(0);
    }

    to {
        transform: translateY(-50%);
    }
}

/* 左侧菜单切换动画*/

[dir] .sidebar-left-enter-active,
[dir] .slide-left-leave-active {
    transition: transform 0.5s ease;
}

.sidebar-left-enter,
.sidebar-left-leave-to {
    opacity: 1;

    /* 初始位置（从左边开始） */
}

[dir="ltr"] .sidebar-left-enter,
[dir="ltr"] .sidebar-left-leave-to {

    /* 初始或结束时的不透明度 */
    transform: translateX(-100%);
}

[dir="rtl"] .sidebar-left-enter,
[dir="rtl"] .sidebar-left-leave-to {
    transform: translateX(100%);
}

/* 移动端抽屉动画*/

/* 进入动画 */

[dir] .mdrawer-enter-active {
    animation: move 500ms;
}

/* 离开动画 */

[dir] .mdrawer-leave-active {
    animation: leave 500ms;
}

@keyframes move {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translate(0);
    }
}

@keyframes leave {
    from {
        transform: translate(0);
    }

    to {
        transform: translateY(100%);
    }
}

/* 对话框抖动效果*/

[dir] .shake-dialog {
    animation: shake 0.5s;

    /* 抖动动画，持续时间0.5秒 */
    animation-iteration-count: infinite;
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(3deg);
    }

    20% {
        transform: rotate(-3deg);
    }

    30% {
        transform: rotate(3deg);
    }

    40% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }

    60% {
        transform: rotate(-3deg);
    }

    70% {
        transform: rotate(3deg);
    }

    80% {
        transform: rotate(-3deg);
    }

    90% {
        transform: rotate(3deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.live-chat-hide #ss-chat-p,
.live-chat-hide #chat-widget-container,
.live-chat-hide #tidio-chat {
  display: none !important;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

html, body {
  overscroll-behavior: none;
}

[dir] .el-drawer {
  background-color: var(--module-background-color);
}

.el-drawer .el-drawer__header {
  color: var(--title-regular-color);
}

[dir] .el-drawer .el-drawer__header {
  background-color: var(--module-background-color);
}

[dir] .el-drawer .el-drawer__body {
  background-color: var(--module-background-color);
}

.el-drawer .el-drawer__close-btn {
  color: var(--title-secondary-color);
}

html[dir].dark body .el-drawer {
  background-color: var(--module-background-color);
}

html.dark body .el-drawer .el-drawer__header {
  color: var(--title-regular-color);
}

html[dir].dark body .el-drawer .el-drawer__header {
  background-color: var(--module-background-color);
}

html[dir].dark body .el-drawer .el-drawer__body {
  background-color: var(--module-background-color);
}

html.dark body .el-drawer .el-drawer__close-btn {
  color: var(--title-secondary-color);
}
@charset "UTF-8";

@font-face {
  font-family: icomoon;
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/icomoon.679daab4.eot);
  src: url(../fonts/icomoon.679daab4.eot#iefix) format("embedded-opentype"), url(../fonts/icomoon.b8e278c2.ttf) format("truetype"), url(../fonts/icomoon.f3260a9e.woff) format("woff"), url(../img/icomoon.b2639019.svg#icomoon) format("svg");
  font-display: block;
}
/* Removed PingFang font-face declaration as it's not being used correctly
@font-face {
  font-family: theme('fontFamily.pingFang');
  src: url('fonts/PINGFANG-REGULAR.woff') format('woff');
} */
/* @font-face {
  font-family: theme('fontFamily.harmony');
  src: url('fonts/HARMONYOS_SANS_SC_MEDIUM.TTF') format('truetype');
} */
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: icomoon !important;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-crm-audit-of-receipt-and-exit::before {
  content: "";
}

.icon-crm-card::before {
  content: "";
}

.icon-crm-caret-down-filled::before {
  content: "";
}

.icon-crm-caret-up-filled::before {
  content: "";
}

.icon-crm-date::before {
  content: "";
}

.icon-crm-detail::before {
  content: "";
}

.icon-crm-download::before {
  content: "";
}

.icon-crm-earth::before {
  content: "";
}

.icon-crm-golden::before {
  content: "";
}

.icon-crm-home-filled::before {
  content: "";
}

.icon-crm-mail-outlined::before {
  content: "";
}

.icon-crm-message::before {
  content: "";
}

.icon-crm-outlined-down::before {
  content: "";
}

.icon-crm-outlined-up::before {
  content: "";
}

.icon-crm-pamm::before {
  content: "";
}

.icon-crm-plane::before {
  content: "";
}

.icon-crm-question-circle::before {
  content: "";
}

.icon-crm-search::before {
  content: "";
}

.icon-crm-sliders-filled::before {
  content: "";
}

.icon-crm-sound-outlined::before {
  content: "";
}

.icon-crm-user::before {
  content: "";
}

.icon-crm-userinfo::before {
  content: "";
}

.icon-crm-withdraw::before {
  content: "";
}
@charset "UTF-8";
/* 快捷入口图标黑夜模式动画 */
html.dark i:hover {
  color: var(--title-secondary-color);
}

html[dir].dark input {
  background-color: var(--module-background-color) !important;
}

html.dark .blue:hover {
  color: var(--white-color);
}
.cookie-consent[data-v-8189c3d4] {
  position: fixed;
  z-index: 9999;
  overflow: hidden;
}
[dir] .cookie-consent[data-v-8189c3d4] {
  margin: 0 auto;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
[dir] .btn[data-v-8189c3d4] {
  padding: 8px 40px;
  border-style: solid;
  border-width: 1px;
  border-radius: 8px;
}

.view-image .el-image img {
  width: 60px;
  height: 60px;
}
[dir] .view-image .el-image img {
  border-radius: 4px;
}
.message-container {
  height: 100%;
}
[dir] .message-container .message-body {
  padding: 48px;
  border-radius: 8px;
}
[dir="ltr"] .message-container .message-body {
  background-image: linear-gradient(180deg, #132039 141px, #4b6eb4 282px, var(--global-background-color) 282px, var(--global-background-color) 100%);
}
[dir="rtl"] .message-container .message-body {
  background-image: linear-gradient(-180deg, #132039 141px, #4b6eb4 282px, var(--global-background-color) 282px, var(--global-background-color) 100%);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
[dir] .message-container .message-body {
    padding: 12px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
[dir] .message-container .message-body {
    padding: 12px;
}
}
.message-container .message-body .message-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[dir] .message-container .message-body .message-title {
  padding-bottom: 24px;
}
.message-container .message-body .message-title .message-title-regular {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  color: var(--white-color);
}
[dir] .message-container .message-body .message-title .message-title-regular {
  text-align: center;
}
.message-container .message-body .message-title .time {
  font-size: 12px;
}
.message-container .message-body .message-content {
  min-height: 300px;
  max-height: 400px;
  overflow: auto;
}
[dir] .message-container .message-body .message-content {
  padding: 48px;
  padding-top: 24px;
  background: var(--module-background-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.message-container .message-body .message-content * {
  word-break: break-all;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.message-container .message-body .message-content {
    height: 100%;
    max-height: 350px;
    overflow: auto;
}
[dir] .message-container .message-body .message-content {
    padding: 12px;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.message-container .message-body .message-content {
    height: 100%;
    max-height: 350px;
    overflow: auto;
}
[dir] .message-container .message-body .message-content {
    padding: 12px;
}
}
.message-container .message-body .loading-pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 450px;
  font-size: 16px;
}
[dir] .message-container .message-body .loading-pdf {
  padding: 24px;
  text-align: center;
  background: var(--module-background-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
[dir] .article[data-v-86063c82] .el-dialog__header {
  padding: 0 !important;
}
.article[data-v-86063c82] .el-dialog__body {
  overflow: hidden;
}
[dir] .article[data-v-86063c82] .el-dialog__body {
  padding: 0 !important;
  margin-top: -21px;
}
.article[data-v-86063c82] .el-dialog__headerbtn {
  z-index: 9999;
}
@media screen and (max-width: 768px) {
[dir] .article[data-v-86063c82] .el-drawer {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
}
.signature-dialog[data-v-86063c82] {
  /* stylelint-disable-next-line selector-class-pattern */
}
[dir] .signature-dialog[data-v-86063c82] .el-dialog__footer {
  padding: 18px 24px;
  background: var(--module-background-color);
  border-top: 1px solid var(--divide-color);
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  width: 100%;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer:has(> div:nth-child(1)) {
  grid-template-columns: 1fr;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer:has(> div:nth-child(2)) {
  grid-template-columns: 1fr 1fr;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer:has(> div:nth-child(3)) {
  grid-template-columns: 1fr 1fr 1fr;
}
[dir="ltr"] .signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer > div {
  margin-left: 0;
}
[dir="rtl"] .signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer > div {
  margin-right: 0;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer > div .el-button {
  width: 100%;
  height: 40px;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer.one {
  grid-template-columns: 1fr;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer.two {
  grid-template-columns: 1fr 1fr;
}
.signature-dialog[data-v-86063c82] .el-dialog__footer .bottom-footer.three {
  grid-template-columns: 1fr 1fr 1fr;
}
[dir] .signature-wrapper[data-v-86063c82] {
  padding: 12px;
}
.signature-area[data-v-86063c82] {
  width: 100%;
}
.signature-area .title[data-v-86063c82] {
  font-size: 16px;
}
[dir] .signature-area .title[data-v-86063c82] {
  margin-bottom: 8px;
}
[dir="ltr"] .signature-area .title[data-v-86063c82] {
  text-align: left;
}
[dir="rtl"] .signature-area .title[data-v-86063c82] {
  text-align: right;
}
[dir] .signature-area .dark-bg[data-v-86063c82] {
  background: var(--component-background-color);
}
[dir] .signature-area .light-bg[data-v-86063c82] {
  background: var(--module-background-color);
}
.signature-area .signature-content[data-v-86063c82] {
  display: flex;
  flex-flow: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 110px;
}
[dir] .signature-area .signature-content[data-v-86063c82] {
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.c-no-data {
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[dir] .c-no-data {
  background-color: var(--module-background-color);
  border-radius: 8px;
}
[dir] .c-no-data > span {
  text-align: center;
}
.c-no-data > span img {
  display: inline-block;
}
.c-no-data > span > :is(i, em) {
  color: var(--title-secondary-color);
  display: block;
}
[dir] .c-no-data > span > :is(i, em) {
  margin-top: 10px;
  text-align: center;
  padding: 0 15px;
}
.agree-list .title[data-v-0e619314] {
  font-size: 20px;
  line-height: 24px;
  color: var(--title-regular-color);
}
[dir] .agree-list .title[data-v-0e619314] {
  margin-bottom: 24px;
}
[dir] .agree-list ul li[data-v-0e619314] {
  padding: 16px 24px;
  margin-bottom: 24px;
  background-color: var(--module-background-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.agree-list ul li .bar[data-v-0e619314] {
    flex-direction: column;
    gap: 28px;
    align-items: flex-start;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.agree-list ul li .bar[data-v-0e619314] {
    flex-direction: column;
    gap: 28px;
    align-items: flex-start;
}
}
[dir] .agree-list ul li .bar .checkbox[data-v-0e619314] {
  margin-top: 12px;
}
.agree-list ul li .text[data-v-0e619314] {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: var(--title-third-color);
  letter-spacing: 0;
}
.agree-list ul li .text.unread[data-v-0e619314] {
  color: var(--title-regular-color);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
[dir] .btn-dialog {
    transform: translateY(-50%);
}
}
.app-wrap[data-v-7ba5bd90] {
  height: 100vh;
  height: 100dvh;
}
.disclaimer-main {
  position: relative;
}
.disclaimer-main.stylized1 .ellipsis {
  position: relative;
  box-sizing: border-box;
  height: 18px;
  overflow: hidden;
}
[dir="ltr"] .disclaimer-main.stylized1 .ellipsis {
  padding-right: 18px;
}
[dir="rtl"] .disclaimer-main.stylized1 .ellipsis {
  padding-left: 18px;
}
.disclaimer-main.stylized1 .ellipsis::after {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 18px;
  content: "...";
}
[dir="ltr"] .disclaimer-main.stylized1 .ellipsis::after {
  right: 20px !important;
}
[dir="rtl"] .disclaimer-main.stylized1 .ellipsis::after {
  left: 20px !important;
}
.disclaimer-main.stylized1 .icon {
  position: absolute;
  top: 3px;
  color: var(--title-secondary-color);
}
[dir] .disclaimer-main.stylized1 .icon {
  cursor: pointer;
  transition: all 0.2s ease;
}
[dir="ltr"] .disclaimer-main.stylized1 .icon {
  right: 0;
}
[dir="rtl"] .disclaimer-main.stylized1 .icon {
  left: 0;
}
[dir="ltr"] .disclaimer-main.stylized1 .icon.lmethod {
  transform: rotate(180deg);
}
[dir="rtl"] .disclaimer-main.stylized1 .icon.lmethod {
  transform: rotate(-180deg);
}
.disclaimer-main.stylized2 .icon {
  display: none;
}
.disclaimer-main .content * {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--title-secondary-color);
}
[dir] .disclaimer-main .content * {
  text-align: justify;
}
.disclaimer-main .content p {
  font-size: 12px;
  color: var(--title-third-color);
}
.m-drawer {
  position: fixed;
  bottom: 0;
  z-index: 2000;
  width: 100%;
  max-height: 82vh;
}
[dir] .m-drawer {
  border-radius: 24px 24px 0 0;
  padding-bottom: var(--safe-area-inset-bottom);
}
.m-drawer .m-drawer-header {
  display: flex;
  justify-content: space-between;
}
[dir] .m-drawer .m-drawer-header {
  padding-top: 24px;
  padding-right: 24px;
  padding-left: 24px;
}
.m-drawer .m-drawer-header .title {
  overflow: hidden;
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: var(--title-regular-color);
  text-overflow: ellipsis;
  word-break: keep-all;
}
.m-drawer .m-drawer-header .icon {
  width: 22px;
  height: 22px;
}
.m-drawer .m-drawer-content {
  overflow: auto;
}
[dir] .m-drawer .m-drawer-content {
  padding: 24px;
}
[dir] .m-drawer .m-drawer-footer {
  padding: 18px 24px;
  background: var(--module-background-color);
  border-top: 1px solid var(--divide-color);
}
.m-drawer .m-drawer-footer .footer,
.m-drawer .m-drawer-footer .dialog-footer {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  width: 100%;
}
.m-drawer .m-drawer-footer .footer:has(> div:nth-child(1)),
.m-drawer .m-drawer-footer .dialog-footer:has(> div:nth-child(1)) {
  grid-template-columns: 1fr;
}
.m-drawer .m-drawer-footer .footer:has(> div:nth-child(2)),
.m-drawer .m-drawer-footer .dialog-footer:has(> div:nth-child(2)) {
  grid-template-columns: 1fr 1fr;
}
.m-drawer .m-drawer-footer .footer:has(> div:nth-child(3)),
.m-drawer .m-drawer-footer .dialog-footer:has(> div:nth-child(3)) {
  grid-template-columns: 1fr 1fr 1fr;
}
[dir="ltr"] .m-drawer .m-drawer-footer .footer > div,
[dir="ltr"] .m-drawer .m-drawer-footer .dialog-footer > div {
  margin-left: 0;
}
[dir="rtl"] .m-drawer .m-drawer-footer .footer > div,
[dir="rtl"] .m-drawer .m-drawer-footer .dialog-footer > div {
  margin-right: 0;
}
.m-drawer .m-drawer-footer .footer > div .el-button,
.m-drawer .m-drawer-footer .dialog-footer > div .el-button {
  width: 100%;
  height: 40px;
}
.m-drawer .m-drawer-footer .footer.one,
.m-drawer .m-drawer-footer .dialog-footer.one {
  grid-template-columns: 1fr;
}
.m-drawer .m-drawer-footer .footer.two,
.m-drawer .m-drawer-footer .dialog-footer.two {
  grid-template-columns: 1fr 1fr;
}
.m-drawer .m-drawer-footer .footer.three,
.m-drawer .m-drawer-footer .dialog-footer.three {
  grid-template-columns: 1fr 1fr 1fr;
}
[dir] .m-drawer .noborder {
  border: none;
}
.title[data-v-82e1d982] {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 24px;
  font-weight: 500;
  color: var(--title-regular-color);
}
.secondary-title[data-v-82e1d982] {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--title-secondary-color);
}

[dir] .crm-disclaimer[data-v-7dee0fbc] {
  padding: 12px;
}
.disclaimer-dialog[data-v-7dee0fbc] {
  /* stylelint-disable-next-line selector-class-pattern */
}
[dir] .disclaimer-dialog[data-v-7dee0fbc] .el-dialog__body {
  padding: 24px;
}
.normal-title[data-v-7dee0fbc] {
  width: 100%;
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  color: var(--title-secondary-color);
}
[dir] .normal-title[data-v-7dee0fbc] {
  margin: 0 auto;
}
.simple-title[data-v-7dee0fbc] {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--title-third-color);
}

/* Changed from scoped to global style to ensure SVG icons are styled correctly */
.svg-external-icon {
  display: inline-block;
  -webkit-mask-size: cover !important;
          mask-size: cover !important;
}
[dir] .svg-external-icon {
  background-color: currentcolor;
}
.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  vertical-align: middle !important;
  fill: currentcolor;
}

.langdropdown {
  position: relative;
}
.langdropdown .pos {
  max-width: 382px;
}
[dir] .langdropdown .pos {
  cursor: pointer;
}
.langdropdown .pos em {
  font-size: 18px;
  color: var(--title-secondary-color);
  vertical-align: middle;
}
.langdropdown .pos em:hover {
  color: color-mix(in srgb, var(--primary-color) 90%, var(--white-color) 10%);
}
.international .pos > em {
  font-size: 14px;
  color: var(--title-third-color);
}
.international .pos > span {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  font-weight: 400;
  color: var(--title-regular-color);
}
[dir="ltr"] .international .pos > span {
  margin-left: 8px;
}
[dir="rtl"] .international .pos > span {
  margin-right: 8px;
}
.international .pos > i {
  font-size: 12px;
  color: var(--title-third-color);
}
[dir="ltr"] .international .pos > i {
  transform: rotate(90deg) scale(0.8);
}
[dir="rtl"] .international .pos > i {
  transform: rotate(-90deg) scale(0.8);
}
@media screen and (min-width: 320px) and (max-width: 480px) {
.international .pos .lang-label {
    display: none;
}
.international .pos .el-icon-arrow-right {
    display: none;
}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
.international .pos .lang-label {
    display: none;
}
.international .pos .el-icon-arrow-right {
    display: none;
}
}
.lang-drawer {
  max-height: 550px !important;
}
[dir] .m-lang-drawer {
  padding: 24px;
}
.m-lang-drawer .m-lang-list {
  width: 100%;
  height: 48px;
}
[dir] .m-lang-drawer .m-lang-list {
  margin-bottom: 12px;
  text-align: center;
  background: var(--global-background-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
}
.m-lang-drawer .m-lang-list.select-lang {
  color: var(--primary-color);
}
.m-lang-drawer .m-lang-list > span {
  line-height: 48px;
}
[dir] .m-lang-drawer[data-v-eab3f836] {
  padding: 0;
}
.m-lang-drawer .m-lang-list[data-v-eab3f836] {
  height: auto;
}
[dir] .m-lang-drawer .m-lang-list[data-v-eab3f836] {
  padding: 18px 0;
  background: var(--component-background-color);
}
.m-lang-drawer .m-lang-list span[data-v-eab3f836] {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 14px;
  color: var(--title-regular-color);
  line-height: 18px;
  font-weight: 400;
}
[dir] .m-lang-drawer .select-lang[data-v-eab3f836] {
  background: var(--module-background-color);
  box-shadow: 0px 0px 10px var(--primary-color);
}
.text[data-v-f6e7a6f4] {
  font-family: Inter Tight,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--title-secondary-color);
}