@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
      @keyframes w3m-shake {
        0% {
          transform: scale(1) rotate(0deg);
        }
        20% {
          transform: scale(1) rotate(-1deg);
        }
        40% {
          transform: scale(1) rotate(1.5deg);
        }
        60% {
          transform: scale(1) rotate(-1.5deg);
        }
        80% {
          transform: scale(1) rotate(1deg);
        }
        100% {
          transform: scale(1) rotate(0deg);
        }
      }
      @keyframes w3m-iframe-fade-out {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      @keyframes w3m-iframe-zoom-in {
        0% {
          transform: translateY(50px);
          opacity: 0;
        }
        100% {
          transform: translateY(0px);
          opacity: 1;
        }
      }
      @keyframes w3m-iframe-zoom-in-mobile {
        0% {
          transform: scale(0.95);
          opacity: 0;
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
      }
      :root {
        --w3m-modal-width: 360px;
        --w3m-color-mix-strength: 0%;
        --w3m-font-family: Inter, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;;
        --w3m-font-size-master: 10px;
        --w3m-border-radius-master: 4px;
        --w3m-z-index: 1000000;

        --wui-font-family: var(--w3m-font-family);

        --wui-font-size-mini: calc(var(--w3m-font-size-master) * 0.8);
        --wui-font-size-micro: var(--w3m-font-size-master);
        --wui-font-size-tiny: calc(var(--w3m-font-size-master) * 1.2);
        --wui-font-size-small: calc(var(--w3m-font-size-master) * 1.4);
        --wui-font-size-paragraph: calc(var(--w3m-font-size-master) * 1.6);
        --wui-font-size-medium: calc(var(--w3m-font-size-master) * 1.8);
        --wui-font-size-large: calc(var(--w3m-font-size-master) * 2);
        --wui-font-size-title-6: calc(var(--w3m-font-size-master) * 2.2);
        --wui-font-size-medium-title: calc(var(--w3m-font-size-master) * 2.4);
        --wui-font-size-2xl: calc(var(--w3m-font-size-master) * 4);

        --wui-border-radius-5xs: var(--w3m-border-radius-master);
        --wui-border-radius-4xs: calc(var(--w3m-border-radius-master) * 1.5);
        --wui-border-radius-3xs: calc(var(--w3m-border-radius-master) * 2);
        --wui-border-radius-xxs: calc(var(--w3m-border-radius-master) * 3);
        --wui-border-radius-xs: calc(var(--w3m-border-radius-master) * 4);
        --wui-border-radius-s: calc(var(--w3m-border-radius-master) * 5);
        --wui-border-radius-m: calc(var(--w3m-border-radius-master) * 7);
        --wui-border-radius-l: calc(var(--w3m-border-radius-master) * 9);
        --wui-border-radius-3xl: calc(var(--w3m-border-radius-master) * 20);

        --wui-font-weight-light: 400;
        --wui-font-weight-regular: 500;
        --wui-font-weight-medium: 600;
        --wui-font-weight-bold: 700;

        --wui-letter-spacing-2xl: -1.6px;
        --wui-letter-spacing-medium-title: -0.96px;
        --wui-letter-spacing-title-6: -0.88px;
        --wui-letter-spacing-large: -0.8px;
        --wui-letter-spacing-medium: -0.72px;
        --wui-letter-spacing-paragraph: -0.64px;
        --wui-letter-spacing-small: -0.56px;
        --wui-letter-spacing-tiny: -0.48px;
        --wui-letter-spacing-micro: -0.2px;
        --wui-letter-spacing-mini: -0.16px;

        --wui-spacing-0: 0px;
        --wui-spacing-4xs: 2px;
        --wui-spacing-3xs: 4px;
        --wui-spacing-xxs: 6px;
        --wui-spacing-2xs: 7px;
        --wui-spacing-xs: 8px;
        --wui-spacing-1xs: 10px;
        --wui-spacing-s: 12px;
        --wui-spacing-m: 14px;
        --wui-spacing-l: 16px;
        --wui-spacing-2l: 18px;
        --wui-spacing-xl: 20px;
        --wui-spacing-xxl: 24px;
        --wui-spacing-2xl: 32px;
        --wui-spacing-3xl: 40px;
        --wui-spacing-4xl: 90px;
        --wui-spacing-5xl: 95px;

        --wui-icon-box-size-xxs: 14px;
        --wui-icon-box-size-xs: 20px;
        --wui-icon-box-size-sm: 24px;
        --wui-icon-box-size-md: 32px;
        --wui-icon-box-size-mdl: 36px;
        --wui-icon-box-size-lg: 40px;
        --wui-icon-box-size-2lg: 48px;
        --wui-icon-box-size-xl: 64px;

        --wui-icon-size-inherit: inherit;
        --wui-icon-size-xxs: 10px;
        --wui-icon-size-xs: 12px;
        --wui-icon-size-sm: 14px;
        --wui-icon-size-md: 16px;
        --wui-icon-size-mdl: 18px;
        --wui-icon-size-lg: 20px;
        --wui-icon-size-xl: 24px;
        --wui-icon-size-xxl: 28px;

        --wui-wallet-image-size-inherit: inherit;
        --wui-wallet-image-size-sm: 40px;
        --wui-wallet-image-size-md: 56px;
        --wui-wallet-image-size-lg: 80px;

        --wui-visual-size-size-inherit: inherit;
        --wui-visual-size-sm: 40px;
        --wui-visual-size-md: 55px;
        --wui-visual-size-lg: 80px;

        --wui-box-size-md: 100px;
        --wui-box-size-lg: 120px;

        --wui-ease-out-power-2: cubic-bezier(0, 0, 0.22, 1);
        --wui-ease-out-power-1: cubic-bezier(0, 0, 0.55, 1);

        --wui-ease-in-power-3: cubic-bezier(0.66, 0, 1, 1);
        --wui-ease-in-power-2: cubic-bezier(0.45, 0, 1, 1);
        --wui-ease-in-power-1: cubic-bezier(0.3, 0, 1, 1);

        --wui-ease-inout-power-1: cubic-bezier(0.45, 0, 0.55, 1);

        --wui-duration-lg: 200ms;
        --wui-duration-md: 125ms;
        --wui-duration-sm: 75ms;

        --wui-path-network-sm: path(
          'M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z'
        );

        --wui-path-network-md: path(
          'M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z'
        );

        --wui-path-network-lg: path(
          'M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z'
        );

        --wui-width-network-sm: 36px;
        --wui-width-network-md: 48px;
        --wui-width-network-lg: 86px;

        --wui-height-network-sm: 40px;
        --wui-height-network-md: 54px;
        --wui-height-network-lg: 96px;

        --wui-icon-size-network-xs: 12px;
        --wui-icon-size-network-sm: 16px;
        --wui-icon-size-network-md: 24px;
        --wui-icon-size-network-lg: 42px;

        --wui-color-inherit: inherit;

        --wui-color-inverse-100: #fff;
        --wui-color-inverse-000: #000;

        --wui-cover: rgba(20, 20, 20, 0.8);

        --wui-color-modal-bg: var(--wui-color-modal-bg-base);

        --wui-color-accent-100: var(--wui-color-accent-base-100);
        --wui-color-accent-090: var(--wui-color-accent-base-090);
        --wui-color-accent-080: var(--wui-color-accent-base-080);

        --wui-color-success-100: var(--wui-color-success-base-100);
        --wui-color-success-125: var(--wui-color-success-base-125);

        --wui-color-warning-100: var(--wui-color-warning-base-100);

        --wui-color-error-100: var(--wui-color-error-base-100);
        --wui-color-error-125: var(--wui-color-error-base-125);

        --wui-color-blue-100: var(--wui-color-blue-base-100);
        --wui-color-blue-90: var(--wui-color-blue-base-90);

        --wui-icon-box-bg-error-100: var(--wui-icon-box-bg-error-base-100);
        --wui-icon-box-bg-blue-100: var(--wui-icon-box-bg-blue-base-100);
        --wui-icon-box-bg-success-100: var(--wui-icon-box-bg-success-base-100);
        --wui-icon-box-bg-inverse-100: var(--wui-icon-box-bg-inverse-base-100);

        --wui-all-wallets-bg-100: var(--wui-all-wallets-bg-100);

        --wui-avatar-border: var(--wui-avatar-border-base);

        --wui-thumbnail-border: var(--wui-thumbnail-border-base);

        --wui-wallet-button-bg: var(--wui-wallet-button-bg-base);

        --wui-box-shadow-blue: var(--wui-color-accent-glass-020);
      }

      @supports (background: color-mix(in srgb, white 50%, black)) {
        :root {
          --wui-color-modal-bg: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-modal-bg-base)
          );

          --wui-box-shadow-blue: color-mix(in srgb, var(--wui-color-accent-100) 20%, transparent);

          --wui-color-accent-100: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 100%,
            transparent
          );
          --wui-color-accent-090: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 90%,
            transparent
          );
          --wui-color-accent-080: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 80%,
            transparent
          );
          --wui-color-accent-glass-090: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 90%,
            transparent
          );
          --wui-color-accent-glass-080: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 80%,
            transparent
          );
          --wui-color-accent-glass-020: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 20%,
            transparent
          );
          --wui-color-accent-glass-015: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 15%,
            transparent
          );
          --wui-color-accent-glass-010: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 10%,
            transparent
          );
          --wui-color-accent-glass-005: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 5%,
            transparent
          );
          --wui-color-accent-002: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 2%,
            transparent
          );

          --wui-color-fg-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-100)
          );
          --wui-color-fg-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-125)
          );
          --wui-color-fg-150: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-150)
          );
          --wui-color-fg-175: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-175)
          );
          --wui-color-fg-200: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-200)
          );
          --wui-color-fg-225: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-225)
          );
          --wui-color-fg-250: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-250)
          );
          --wui-color-fg-275: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-275)
          );
          --wui-color-fg-300: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-300)
          );
          --wui-color-fg-325: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-325)
          );
          --wui-color-fg-350: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-350)
          );

          --wui-color-bg-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-100)
          );
          --wui-color-bg-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-125)
          );
          --wui-color-bg-150: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-150)
          );
          --wui-color-bg-175: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-175)
          );
          --wui-color-bg-200: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-200)
          );
          --wui-color-bg-225: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-225)
          );
          --wui-color-bg-250: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-250)
          );
          --wui-color-bg-275: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-275)
          );
          --wui-color-bg-300: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-300)
          );
          --wui-color-bg-325: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-325)
          );
          --wui-color-bg-350: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-350)
          );

          --wui-color-success-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-success-base-100)
          );
          --wui-color-success-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-success-base-125)
          );

          --wui-color-warning-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-warning-base-100)
          );

          --wui-color-error-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-error-base-100)
          );
          --wui-color-blue-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-blue-base-100)
          );
          --wui-color-blue-90: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-blue-base-90)
          );
          --wui-color-error-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-error-base-125)
          );

          --wui-icon-box-bg-error-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-error-base-100)
          );
          --wui-icon-box-bg-accent-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-blue-base-100)
          );
          --wui-icon-box-bg-success-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-success-base-100)
          );
          --wui-icon-box-bg-inverse-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-inverse-base-100)
          );

          --wui-all-wallets-bg-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-all-wallets-bg-100)
          );

          --wui-avatar-border: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-avatar-border-base)
          );

          --wui-thumbnail-border: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-thumbnail-border-base)
          );

          --wui-wallet-button-bg: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-wallet-button-bg-base)
          );
        }
      }
    

      :root {
        --w3m-color-mix: #000;
        --w3m-accent: hsla(231, 100%, 70%, 1);
        --w3m-default: #000;

        --wui-color-modal-bg-base: #fff;
        --wui-color-accent-base-100: var(--w3m-accent);

        --wui-color-blueberry-100: hsla(231, 100%, 70%, 1);
        --wui-color-blueberry-090: hsla(231, 97%, 72%, 1);
        --wui-color-blueberry-080: hsla(231, 92%, 74%, 1);

        --wui-color-fg-100: #141414;
        --wui-color-fg-125: #2d3131;
        --wui-color-fg-150: #474d4d;
        --wui-color-fg-175: #636d6d;
        --wui-color-fg-200: #798686;
        --wui-color-fg-225: #828f8f;
        --wui-color-fg-250: #8b9797;
        --wui-color-fg-275: #95a0a0;
        --wui-color-fg-300: #9ea9a9;
        --wui-color-fg-325: #9a9a9a;
        --wui-color-fg-350: #d0d0d0;

        --wui-color-bg-100: #ffffff;
        --wui-color-bg-125: #f5fafa;
        --wui-color-bg-150: #f3f8f8;
        --wui-color-bg-175: #eef4f4;
        --wui-color-bg-200: #eaf1f1;
        --wui-color-bg-225: #e5eded;
        --wui-color-bg-250: #e1e9e9;
        --wui-color-bg-275: #dce7e7;
        --wui-color-bg-300: #d8e3e3;
        --wui-color-bg-325: #f3f3f3;
        --wui-color-bg-350: #202020;

        --wui-color-success-base-100: #26b562;
        --wui-color-success-base-125: #30a46b;

        --wui-color-warning-base-100: #f3a13f;

        --wui-color-error-base-100: #f05142;
        --wui-color-error-base-125: #df4a34;

        --wui-color-blue-base-100: rgba(102, 125, 255, 1);
        --wui-color-blue-base-90: rgba(102, 125, 255, 0.9);

        --wui-color-success-glass-001: rgba(38, 181, 98, 0.01);
        --wui-color-success-glass-002: rgba(38, 181, 98, 0.02);
        --wui-color-success-glass-005: rgba(38, 181, 98, 0.05);
        --wui-color-success-glass-010: rgba(38, 181, 98, 0.1);
        --wui-color-success-glass-015: rgba(38, 181, 98, 0.15);
        --wui-color-success-glass-020: rgba(38, 181, 98, 0.2);
        --wui-color-success-glass-025: rgba(38, 181, 98, 0.25);
        --wui-color-success-glass-030: rgba(38, 181, 98, 0.3);
        --wui-color-success-glass-060: rgba(38, 181, 98, 0.6);
        --wui-color-success-glass-080: rgba(38, 181, 98, 0.8);

        --wui-color-success-glass-reown-020: rgba(48, 164, 107, 0.2);

        --wui-color-warning-glass-reown-020: rgba(243, 161, 63, 0.2);

        --wui-color-error-glass-001: rgba(240, 81, 66, 0.01);
        --wui-color-error-glass-002: rgba(240, 81, 66, 0.02);
        --wui-color-error-glass-005: rgba(240, 81, 66, 0.05);
        --wui-color-error-glass-010: rgba(240, 81, 66, 0.1);
        --wui-color-error-glass-015: rgba(240, 81, 66, 0.15);
        --wui-color-error-glass-020: rgba(240, 81, 66, 0.2);
        --wui-color-error-glass-025: rgba(240, 81, 66, 0.25);
        --wui-color-error-glass-030: rgba(240, 81, 66, 0.3);
        --wui-color-error-glass-060: rgba(240, 81, 66, 0.6);
        --wui-color-error-glass-080: rgba(240, 81, 66, 0.8);

        --wui-color-error-glass-reown-020: rgba(223, 74, 52, 0.2);

        --wui-icon-box-bg-error-base-100: #f4dfdd;
        --wui-icon-box-bg-blue-base-100: #d9ecfb;
        --wui-icon-box-bg-success-base-100: #daf0e4;
        --wui-icon-box-bg-inverse-base-100: #dcecfc;

        --wui-all-wallets-bg-100: #e8f1fa;

        --wui-avatar-border-base: #f3f4f4;

        --wui-thumbnail-border-base: #eaefef;

        --wui-wallet-button-bg-base: var(--wui-color-bg-125);

        --wui-color-gray-glass-001: rgba(0, 0, 0, 0.01);
        --wui-color-gray-glass-002: rgba(0, 0, 0, 0.02);
        --wui-color-gray-glass-005: rgba(0, 0, 0, 0.05);
        --wui-color-gray-glass-010: rgba(0, 0, 0, 0.1);
        --wui-color-gray-glass-015: rgba(0, 0, 0, 0.15);
        --wui-color-gray-glass-020: rgba(0, 0, 0, 0.2);
        --wui-color-gray-glass-025: rgba(0, 0, 0, 0.25);
        --wui-color-gray-glass-030: rgba(0, 0, 0, 0.3);
        --wui-color-gray-glass-060: rgba(0, 0, 0, 0.6);
        --wui-color-gray-glass-080: rgba(0, 0, 0, 0.8);
        --wui-color-gray-glass-090: rgba(0, 0, 0, 0.9);

        --wui-color-dark-glass-100: rgba(233, 233, 233, 1);

        --w3m-card-embedded-shadow-color: rgb(224 225 233 / 25%);
      }
    

      :root {
        --w3m-color-mix: #fff;
        --w3m-accent: hsla(230, 100%, 67%, 1);
        --w3m-default: #fff;

        --wui-color-modal-bg-base: #121313;
        --wui-color-accent-base-100: var(--w3m-accent);

        --wui-color-blueberry-100: hsla(230, 100%, 67%, 1);
        --wui-color-blueberry-090: hsla(231, 76%, 61%, 1);
        --wui-color-blueberry-080: hsla(230, 59%, 55%, 1);
        --wui-color-blueberry-050: hsla(231, 100%, 70%, 0.1);

        --wui-color-fg-100: #e4e7e7;
        --wui-color-fg-125: #d0d5d5;
        --wui-color-fg-150: #a8b1b1;
        --wui-color-fg-175: #a8b0b0;
        --wui-color-fg-200: #949e9e;
        --wui-color-fg-225: #868f8f;
        --wui-color-fg-250: #788080;
        --wui-color-fg-275: #788181;
        --wui-color-fg-300: #6e7777;
        --wui-color-fg-325: #9a9a9a;
        --wui-color-fg-350: #363636;

        --wui-color-bg-100: #141414;
        --wui-color-bg-125: #191a1a;
        --wui-color-bg-150: #1e1f1f;
        --wui-color-bg-175: #222525;
        --wui-color-bg-200: #272a2a;
        --wui-color-bg-225: #2c3030;
        --wui-color-bg-250: #313535;
        --wui-color-bg-275: #363b3b;
        --wui-color-bg-300: #3b4040;
        --wui-color-bg-325: #252525;
        --wui-color-bg-350: #ffffff;

        --wui-color-success-base-100: #26d962;
        --wui-color-success-base-125: #30a46b;

        --wui-color-warning-base-100: #f3a13f;

        --wui-color-error-base-100: #f25a67;
        --wui-color-error-base-125: #df4a34;

        --wui-color-blue-base-100: rgba(102, 125, 255, 1);
        --wui-color-blue-base-90: rgba(102, 125, 255, 0.9);

        --wui-color-success-glass-001: rgba(38, 217, 98, 0.01);
        --wui-color-success-glass-002: rgba(38, 217, 98, 0.02);
        --wui-color-success-glass-005: rgba(38, 217, 98, 0.05);
        --wui-color-success-glass-010: rgba(38, 217, 98, 0.1);
        --wui-color-success-glass-015: rgba(38, 217, 98, 0.15);
        --wui-color-success-glass-020: rgba(38, 217, 98, 0.2);
        --wui-color-success-glass-025: rgba(38, 217, 98, 0.25);
        --wui-color-success-glass-030: rgba(38, 217, 98, 0.3);
        --wui-color-success-glass-060: rgba(38, 217, 98, 0.6);
        --wui-color-success-glass-080: rgba(38, 217, 98, 0.8);

        --wui-color-success-glass-reown-020: rgba(48, 164, 107, 0.2);

        --wui-color-warning-glass-reown-020: rgba(243, 161, 63, 0.2);

        --wui-color-error-glass-001: rgba(242, 90, 103, 0.01);
        --wui-color-error-glass-002: rgba(242, 90, 103, 0.02);
        --wui-color-error-glass-005: rgba(242, 90, 103, 0.05);
        --wui-color-error-glass-010: rgba(242, 90, 103, 0.1);
        --wui-color-error-glass-015: rgba(242, 90, 103, 0.15);
        --wui-color-error-glass-020: rgba(242, 90, 103, 0.2);
        --wui-color-error-glass-025: rgba(242, 90, 103, 0.25);
        --wui-color-error-glass-030: rgba(242, 90, 103, 0.3);
        --wui-color-error-glass-060: rgba(242, 90, 103, 0.6);
        --wui-color-error-glass-080: rgba(242, 90, 103, 0.8);

        --wui-color-error-glass-reown-020: rgba(223, 74, 52, 0.2);

        --wui-color-gray-glass-001: rgba(255, 255, 255, 0.01);
        --wui-color-gray-glass-002: rgba(255, 255, 255, 0.02);
        --wui-color-gray-glass-005: rgba(255, 255, 255, 0.05);
        --wui-color-gray-glass-010: rgba(255, 255, 255, 0.1);
        --wui-color-gray-glass-015: rgba(255, 255, 255, 0.15);
        --wui-color-gray-glass-020: rgba(255, 255, 255, 0.2);
        --wui-color-gray-glass-025: rgba(255, 255, 255, 0.25);
        --wui-color-gray-glass-030: rgba(255, 255, 255, 0.3);
        --wui-color-gray-glass-060: rgba(255, 255, 255, 0.6);
        --wui-color-gray-glass-080: rgba(255, 255, 255, 0.8);
        --wui-color-gray-glass-090: rgba(255, 255, 255, 0.9);

        --wui-color-dark-glass-100: rgba(42, 42, 42, 1);

        --wui-icon-box-bg-error-base-100: #3c2426;
        --wui-icon-box-bg-blue-base-100: #20303f;
        --wui-icon-box-bg-success-base-100: #1f3a28;
        --wui-icon-box-bg-inverse-base-100: #243240;

        --wui-all-wallets-bg-100: #222b35;

        --wui-avatar-border-base: #252525;

        --wui-thumbnail-border-base: #252525;

        --wui-wallet-button-bg-base: var(--wui-color-bg-125);

        --w3m-card-embedded-shadow-color: rgb(17 17 18 / 25%);
      }
    

:root, .light, .light-theme { --color-page-background: white; }
.dark, .dark-theme { --color-page-background: var(--slate-1); }
body { background-color: var(--color-page-background); }


        @keyframes scroll {
          0% { transform: translateX(0); }
          100% { transform: translateX(-50%); }
        }
        
        .scrolling-wrapper {
          display: inline-flex;
          animation: scroll 20s linear infinite;
          will-change: transform;
          height: 100%;
          width: auto;
        }
        
        .scrolling-item {
          padding-right: 2rem;
          height: 100%;
        }
      
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_GNsFVc.ttf") format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_D1sFVc.ttf") format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_A9sFVc.ttf") format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_ONrFVc.ttf") format('truetype');
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/uU9eCBsR6Z2vfE9aq3bL0fxyUs4tcw4W_NprFVc.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/H4c3BXKVncXVmUGsgRY40rCwdnYr0Dd-FtnYIJRK.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/H4c3BXKVncXVmUGsgRY40rCwdnYr0Dd-FtnqIJRK.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/H4c3BXKVncXVmUGsgRY40rCwdnYr0Dd-FtkGJ5RK.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/H4c3BXKVncXVmUGsgRY40rCwdnYr0Dd-Ftk_J5RK.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/H4c3BXKVncXVmUGsgRY40rCwdnYr0Dd-FtlYJ5RK.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/H4c5BXKVncXVmUGsgTwx4E9oHx2xfjBr3powYw.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/H4c5BXKVncXVmUGsgTwx4E9oHx2xfjBr7JowYw.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/H4c5BXKVncXVmUGsgTwx4E9oHx2xfjBrAJ0wYw.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/H4c5BXKVncXVmUGsgTwx4E9oHx2xfjBrOZ0wYw.ttf") format('truetype');
}
@font-face {
  font-family: 'Teachers';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/H4c5BXKVncXVmUGsgTwx4E9oHx2xfjBrXp0wYw.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG65jx040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG60bx040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6xjx040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6yrx040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG68b2040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG6__2040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG65j2040.ttf") format('truetype');
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Yq6F-LOTXCb04q32xlpat-6uR42XTqtG67H2040.ttf") format('truetype');
}

<!DOCTYPE html>
<html lang="en" data-theme="dark">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- SEO meta 标签 -->
    <meta name="description" content="Cysic is a real-time ZK Proof Generation Layer with State-of-the-Art hardware and prover network." />
    <meta name="keywords" content="Cysic, ZK Proof, blockchain, crypto, hardware, prover network" />
    <meta name="author" content="Cysic" />
    <meta name="robots" content="index, follow" />
    
    <!-- 手机应用相关 meta 标签 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="theme-color" content="#000000" />
    
    <!-- 苹果设备图标 -->
    <link rel="apple-touch-icon" href="/logo.svg" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@cysic_xyz" />
    <meta name="twitter:creator" content="@cysic_xyz" />
    <meta name="twitter:title" content="Cysic" />
    <meta name="twitter:description" content="Cysic is a real-time ZK Proof Generation Layer with State-of-the-Art hardware and prover network." />
    <meta name="twitter:image" content="https://statics.prover.xyz/d1811de20731b2d877faa2890783794c2002ec24bf96f5f145f7d10fb1184673.png" />
    
    <meta property="og:url" content="https://cysic.xyz/" />
    <meta property="og:title" content="Cysic" />
    <meta
      property="og:description"
      content="Cysic is a real-time ZK Proof Generation Layer with State-of-the-Art hardware and prover network."
    />
    <meta
      property="og:image"
      content="https://statics.prover.xyz/d1811de20731b2d877faa2890783794c2002ec24bf96f5f145f7d10fb1184673.png"
    />

    <title>Cysic</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Teachers:ital,wght@0,400..800;1,400..800&family=Unbounded:wght@200..900&display=swap" rel="stylesheet">
    <script type="module" crossorigin src="/assets/index-D8TXIOUg.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-D0ct6Ln1.css">
  </head>

  <body>
    <div id="root"></div>

    <!-- Google tag (gtag.js) -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-BB4TSEFVZ4"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-BB4TSEFVZ4");
    </script>
  </body>
</html>

:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; }
.Toastify__toast-container { z-index: var(--toastify-z-index); transform: translate3d(0,0,var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: rgb(255, 255, 255); }
.Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); }
.Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translate(-50%); }
.Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); }
.Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); }
.Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translate(-50%); }
.Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); }
@media only screen and (max-width: 480px) {
  .Toastify__toast-container { width: 100vw; padding: 0px; left: env(safe-area-inset-left); margin: 0px; }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translate(0px); }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translate(0px); }
  .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; }
}
.Toastify__toast { --y: 0; position: relative; touch-action: none; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: var(--toastify-toast-bd-radius); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; display: flex; justify-content: space-between; max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); cursor: default; direction: ltr; z-index: 0; overflow: hidden; }
.Toastify__toast--stacked { position: absolute; width: 100%; transform: translate3d(0,var(--y),0) scale(var(--s)); transition: transform 0.3s; }
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; }
.Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; }
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; }
.Toastify__toast--stacked::after { content: ""; position: absolute; left: 0px; right: 0px; height: calc(var(--g) * 1px); bottom: 100%; }
.Toastify__toast--stacked[data-pos="top"] { top: 0px; }
.Toastify__toast--stacked[data-pos="bot"] { bottom: 0px; }
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked::before { transform-origin: center top; }
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked::before { transform-origin: center bottom; }
.Toastify__toast--stacked::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; transform: scaleY(3); z-index: -1; }
.Toastify__toast--rtl { direction: rtl; }
.Toastify__toast--close-on-click { cursor: pointer; }
.Toastify__toast-body { margin: auto 0px; flex: 1 1 auto; padding: 6px; display: flex; align-items: center; }
.Toastify__toast-body > div:last-child { word-break: break-word; flex: 1 1 0%; }
.Toastify__toast-icon { margin-inline-end: 10px; width: 20px; flex-shrink: 0; display: flex; }
.Toastify--animate { animation-fill-mode: both; animation-duration: 0.5s; }
.Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; }
@media only screen and (max-width: 480px) {
  .Toastify__toast { margin-bottom: 0px; border-radius: 0px; }
}
.Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); }
.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); }
.Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); }
.Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); }
.Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); }
.Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); }
.Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); }
.Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); }
.Toastify__progress-bar--info { background: var(--toastify-color-progress-info); }
.Toastify__progress-bar--success { background: var(--toastify-color-progress-success); }
.Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); }
.Toastify__progress-bar--error { background: var(--toastify-color-progress-error); }
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); }
.Toastify__close-button { color: rgb(255, 255, 255); background: transparent; outline: none; border: none; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; align-self: flex-start; z-index: 1; }
.Toastify__close-button--light { color: rgb(0, 0, 0); opacity: 0.3; }
.Toastify__close-button > svg { fill: currentcolor; height: 16px; width: 14px; }
.Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; }
@keyframes Toastify__trackProgress { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
.Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: left center; border-bottom-left-radius: var(--toastify-toast-bd-radius); }
.Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; }
.Toastify__progress-bar--controlled { transition: transform 0.2s; }
.Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: right center; border-bottom-left-radius: initial; border-bottom-right-radius: var(--toastify-toast-bd-radius); }
.Toastify__progress-bar--wrp { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5px; border-bottom-left-radius: var(--toastify-toast-bd-radius); }
.Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; }
.Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; }
.Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-width: 2px; border-style: solid; border-image: initial; border-radius: 100%; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: var(--toastify-spinner-color); animation: 0.65s linear 0s infinite normal none running Toastify__spin; }
@keyframes Toastify__bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px,var(--y),0); }
  100% { opacity: 0; transform: translate3d(2000px,var(--y),0); }
}
@keyframes Toastify__bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px,var(--y),0); }
  100% { opacity: 0; transform: translate3d(-2000px,var(--y),0); }
}
@keyframes Toastify__bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes Toastify__bounceOutUp { 
  20% { transform: translate3d(0,calc(var(--y) - 10px),0); }
  40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes Toastify__bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutDown { 
  20% { transform: translate3d(0,calc(var(--y) - 10px),0); }
  40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; }
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; }
.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; }
.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; }
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; }
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; }
.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; }
.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; }
@keyframes Toastify__zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes Toastify__zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: translate3d(0,var(--y),0) scale3d(.3,.3,.3); }
  100% { opacity: 0; }
}
.Toastify__zoom-enter { animation-name: Toastify__zoomIn; }
.Toastify__zoom-exit { animation-name: Toastify__zoomOut; }
@keyframes Toastify__flipIn { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes Toastify__flipOut { 
  0% { transform: translate3d(0,var(--y),0) perspective(400px); }
  30% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(90deg); opacity: 0; }
}
.Toastify__flip-enter { animation-name: Toastify__flipIn; }
.Toastify__flip-exit { animation-name: Toastify__flipOut; }
@keyframes Toastify__slideInRight { 
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInLeft { 
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInUp { 
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInDown { 
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideOutRight { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(110%,var(--y),0); }
}
@keyframes Toastify__slideOutLeft { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(-110%,var(--y),0); }
}
@keyframes Toastify__slideOutDown { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); }
}
@keyframes Toastify__slideOutUp { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; }
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; }
.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; }
.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; }
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-timing-function: ease-in; animation-duration: 0.3s; }
@keyframes Toastify__spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
body { --red-1: 255,236,232; --red-2: 253,205,197; --red-3: 251,172,163; --red-4: 249,137,129; --red-5: 247,101,96; --red-6: 245,63,63; --red-7: 203,39,45; --red-8: 161,21,30; --red-9: 119,8,19; --red-10: 77,0,10; --orangered-1: 255,243,232; --orangered-2: 253,221,195; --orangered-3: 252,197,159; --orangered-4: 250,172,123; --orangered-5: 249,144,87; --orangered-6: 247,114,52; --orangered-7: 204,81,32; --orangered-8: 162,53,17; --orangered-9: 119,31,6; --orangered-10: 77,14,0; --orange-1: 255,247,232; --orange-2: 255,228,186; --orange-3: 255,207,139; --orange-4: 255,182,93; --orange-5: 255,154,46; --orange-6: 255,125,0; --orange-7: 210,95,0; --orange-8: 166,69,0; --orange-9: 121,46,0; --orange-10: 77,27,0; --gold-1: 255,252,232; --gold-2: 253,244,191; --gold-3: 252,233,150; --gold-4: 250,220,109; --gold-5: 249,204,69; --gold-6: 247,186,30; --gold-7: 204,146,19; --gold-8: 162,109,10; --gold-9: 119,75,4; --gold-10: 77,45,0; --yellow-1: 254,255,232; --yellow-2: 254,254,190; --yellow-3: 253,250,148; --yellow-4: 252,242,107; --yellow-5: 251,232,66; --yellow-6: 250,220,25; --yellow-7: 207,175,15; --yellow-8: 163,132,8; --yellow-9: 120,93,3; --yellow-10: 77,56,0; --lime-1: 252,255,232; --lime-2: 237,248,187; --lime-3: 220,241,144; --lime-4: 201,233,104; --lime-5: 181,226,65; --lime-6: 159,219,29; --lime-7: 126,183,18; --lime-8: 95,148,10; --lime-9: 67,112,4; --lime-10: 42,77,0; --green-1: 232,255,234; --green-2: 175,240,181; --green-3: 123,225,136; --green-4: 76,210,99; --green-5: 35,195,67; --green-6: 0,180,42; --green-7: 0,154,41; --green-8: 0,128,38; --green-9: 0,102,34; --green-10: 0,77,28; --cyan-1: 232,255,251; --cyan-2: 183,244,236; --cyan-3: 137,233,224; --cyan-4: 94,223,214; --cyan-5: 55,212,207; --cyan-6: 20,201,201; --cyan-7: 13,165,170; --cyan-8: 7,130,139; --cyan-9: 3,97,108; --cyan-10: 0,66,77; --blue-1: 232,247,255; --blue-2: 195,231,254; --blue-3: 159,212,253; --blue-4: 123,192,252; --blue-5: 87,169,251; --blue-6: 52,145,250; --blue-7: 32,108,207; --blue-8: 17,75,163; --blue-9: 6,48,120; --blue-10: 0,26,77; --arcoblue-1: 232,243,255; --arcoblue-2: 190,218,255; --arcoblue-3: 148,191,255; --arcoblue-4: 106,161,255; --arcoblue-5: 64,128,255; --arcoblue-6: 22,93,255; --arcoblue-7: 14,66,210; --arcoblue-8: 7,44,166; --arcoblue-9: 3,26,121; --arcoblue-10: 0,13,77; --purple-1: 245,232,255; --purple-2: 221,190,246; --purple-3: 195,150,237; --purple-4: 168,113,227; --purple-5: 141,78,218; --purple-6: 114,46,209; --purple-7: 85,29,176; --purple-8: 60,16,143; --purple-9: 39,6,110; --purple-10: 22,0,77; --pinkpurple-1: 255,232,251; --pinkpurple-2: 247,186,239; --pinkpurple-3: 240,142,230; --pinkpurple-4: 232,101,223; --pinkpurple-5: 225,62,219; --pinkpurple-6: 217,26,217; --pinkpurple-7: 176,16,182; --pinkpurple-8: 138,9,147; --pinkpurple-9: 101,3,112; --pinkpurple-10: 66,0,77; --magenta-1: 255,232,241; --magenta-2: 253,194,219; --magenta-3: 251,157,199; --magenta-4: 249,121,183; --magenta-5: 247,84,168; --magenta-6: 245,49,157; --magenta-7: 203,30,131; --magenta-8: 161,16,105; --magenta-9: 119,6,79; --magenta-10: 77,0,52; --gray-1: 247,248,250; --gray-2: 242,243,245; --gray-3: 229,230,235; --gray-4: 201,205,212; --gray-5: 169,174,184; --gray-6: 134,144,156; --gray-7: 107,119,133; --gray-8: 78,89,105; --gray-9: 39,46,59; --gray-10: 29,33,41; --success-1: var(--green-1); --success-2: var(--green-2); --success-3: var(--green-3); --success-4: var(--green-4); --success-5: var(--green-5); --success-6: var(--green-6); --success-7: var(--green-7); --success-8: var(--green-8); --success-9: var(--green-9); --success-10: var(--green-10); --primary-1: var(--arcoblue-1); --primary-2: var(--arcoblue-2); --primary-3: var(--arcoblue-3); --primary-4: var(--arcoblue-4); --primary-5: var(--arcoblue-5); --primary-6: var(--arcoblue-6); --primary-7: var(--arcoblue-7); --primary-8: var(--arcoblue-8); --primary-9: var(--arcoblue-9); --primary-10: var(--arcoblue-10); --danger-1: var(--red-1); --danger-2: var(--red-2); --danger-3: var(--red-3); --danger-4: var(--red-4); --danger-5: var(--red-5); --danger-6: var(--red-6); --danger-7: var(--red-7); --danger-8: var(--red-8); --danger-9: var(--red-9); --danger-10: var(--red-10); --warning-1: var(--orange-1); --warning-2: var(--orange-2); --warning-3: var(--orange-3); --warning-4: var(--orange-4); --warning-5: var(--orange-5); --warning-6: var(--orange-6); --warning-7: var(--orange-7); --warning-8: var(--orange-8); --warning-9: var(--orange-9); --warning-10: var(--orange-10); --link-1: var(--arcoblue-1); --link-2: var(--arcoblue-2); --link-3: var(--arcoblue-3); --link-4: var(--arcoblue-4); --link-5: var(--arcoblue-5); --link-6: var(--arcoblue-6); --link-7: var(--arcoblue-7); --link-8: var(--arcoblue-8); --link-9: var(--arcoblue-9); --link-10: var(--arcoblue-10); --data-1: var(--arcoblue-5); --data-2: var(--arcoblue-2); --data-3: 85,197,253; --data-4: 156,220,252; --data-5: var(--orange-6); --data-6: var(--orange-3); --data-7: var(--green-4); --data-8: var(--green-2); --data-9: var(--purple-4); --data-10: var(--purple-2); --data-11: var(--gold-6); --data-12: var(--gold-4); --data-13: var(--lime-6); --data-14: var(--lime-4); --data-15: var(--magenta-4); --data-16: var(--magenta-3); --data-17: var(--cyan-6); --data-18: var(--cyan-3); --data-19: var(--pinkpurple-4); --data-20: var(--pinkpurple-2); }
body[arco-theme="dark"] { --red-1: 77,0,10; --red-2: 119,6,17; --red-3: 161,22,31; --red-4: 203,46,52; --red-5: 245,78,78; --red-6: 247,105,101; --red-7: 249,141,134; --red-8: 251,176,167; --red-9: 253,209,202; --red-10: 255,240,236; --orangered-1: 77,14,0; --orangered-2: 119,30,5; --orangered-3: 162,55,20; --orangered-4: 204,87,41; --orangered-5: 247,126,69; --orangered-6: 249,146,90; --orangered-7: 250,173,125; --orangered-8: 252,198,161; --orangered-9: 253,222,197; --orangered-10: 255,244,235; --orange-1: 77,27,0; --orange-2: 121,48,4; --orange-3: 166,75,10; --orange-4: 210,105,19; --orange-5: 255,141,31; --orange-6: 255,150,38; --orange-7: 255,179,87; --orange-8: 255,205,135; --orange-9: 255,227,184; --orange-10: 255,247,232; --gold-1: 77,45,0; --gold-2: 119,75,4; --gold-3: 162,111,15; --gold-4: 204,150,31; --gold-5: 247,192,52; --gold-6: 249,204,68; --gold-7: 250,220,108; --gold-8: 252,233,149; --gold-9: 253,244,190; --gold-10: 255,252,232; --yellow-1: 77,56,0; --yellow-2: 120,94,7; --yellow-3: 163,134,20; --yellow-4: 207,179,37; --yellow-5: 250,225,60; --yellow-6: 251,233,75; --yellow-7: 252,243,116; --yellow-8: 253,250,157; --yellow-9: 254,254,198; --yellow-10: 254,255,240; --lime-1: 42,77,0; --lime-2: 68,112,6; --lime-3: 98,148,18; --lime-4: 132,183,35; --lime-5: 168,219,57; --lime-6: 184,226,75; --lime-7: 203,233,112; --lime-8: 222,241,152; --lime-9: 238,248,194; --lime-10: 253,255,238; --green-1: 0,77,28; --green-2: 4,102,37; --green-3: 10,128,45; --green-4: 18,154,55; --green-5: 29,180,64; --green-6: 39,195,70; --green-7: 80,210,102; --green-8: 126,225,139; --green-9: 178,240,183; --green-10: 235,255,236; --cyan-1: 0,66,77; --cyan-2: 6,97,108; --cyan-3: 17,131,139; --cyan-4: 31,166,170; --cyan-5: 48,201,201; --cyan-6: 63,212,207; --cyan-7: 102,223,215; --cyan-8: 144,233,225; --cyan-9: 190,244,237; --cyan-10: 240,255,252; --blue-1: 0,26,77; --blue-2: 5,47,120; --blue-3: 19,76,163; --blue-4: 41,113,207; --blue-5: 70,154,250; --blue-6: 90,170,251; --blue-7: 125,193,252; --blue-8: 161,213,253; --blue-9: 198,232,254; --blue-10: 234,248,255; --arcoblue-1: 0,13,77; --arcoblue-2: 4,27,121; --arcoblue-3: 14,50,166; --arcoblue-4: 29,77,210; --arcoblue-5: 48,111,255; --arcoblue-6: 60,126,255; --arcoblue-7: 104,159,255; --arcoblue-8: 147,190,255; --arcoblue-9: 190,218,255; --arcoblue-10: 234,244,255; --purple-1: 22,0,77; --purple-2: 39,6,110; --purple-3: 62,19,143; --purple-4: 90,37,176; --purple-5: 123,61,209; --purple-6: 142,81,218; --purple-7: 169,116,227; --purple-8: 197,154,237; --purple-9: 223,194,246; --purple-10: 247,237,255; --pinkpurple-1: 66,0,77; --pinkpurple-2: 101,3,112; --pinkpurple-3: 138,13,147; --pinkpurple-4: 176,27,182; --pinkpurple-5: 217,46,217; --pinkpurple-6: 225,61,219; --pinkpurple-7: 232,102,223; --pinkpurple-8: 240,146,230; --pinkpurple-9: 247,193,240; --pinkpurple-10: 255,242,253; --magenta-1: 77,0,52; --magenta-2: 119,8,80; --magenta-3: 161,23,108; --magenta-4: 203,43,136; --magenta-5: 245,69,166; --magenta-6: 247,86,169; --magenta-7: 249,122,184; --magenta-8: 251,158,200; --magenta-9: 253,195,219; --magenta-10: 255,232,241; --gray-1: 23,23,26; --gray-2: 46,46,48; --gray-3: 72,72,73; --gray-4: 95,95,96; --gray-5: 120,120,122; --gray-6: 146,146,147; --gray-7: 171,171,172; --gray-8: 197,197,197; --gray-9: 223,223,223; --gray-10: 246,246,246; --primary-1: var(--arcoblue-1); --primary-2: var(--arcoblue-2); --primary-3: var(--arcoblue-3); --primary-4: var(--arcoblue-4); --primary-5: var(--arcoblue-5); --primary-6: var(--arcoblue-6); --primary-7: var(--arcoblue-7); --primary-8: var(--arcoblue-8); --primary-9: var(--arcoblue-9); --primary-10: var(--arcoblue-10); --success-1: var(--green-1); --success-2: var(--green-2); --success-3: var(--green-3); --success-4: var(--green-4); --success-5: var(--green-5); --success-6: var(--green-6); --success-7: var(--green-7); --success-8: var(--green-8); --success-9: var(--green-9); --success-10: var(--green-10); --danger-1: var(--red-1); --danger-2: var(--red-2); --danger-3: var(--red-3); --danger-4: var(--red-4); --danger-5: var(--red-5); --danger-6: var(--red-6); --danger-7: var(--red-7); --danger-8: var(--red-8); --danger-9: var(--red-9); --danger-10: var(--red-10); --warning-1: var(--orange-1); --warning-2: var(--orange-2); --warning-3: var(--orange-3); --warning-4: var(--orange-4); --warning-5: var(--orange-5); --warning-6: var(--orange-6); --warning-7: var(--orange-7); --warning-8: var(--orange-8); --warning-9: var(--orange-9); --warning-10: var(--orange-10); --link-1: var(--arcoblue-1); --link-2: var(--arcoblue-2); --link-3: var(--arcoblue-3); --link-4: var(--arcoblue-4); --link-5: var(--arcoblue-5); --link-6: var(--arcoblue-6); --link-7: var(--arcoblue-7); --link-8: var(--arcoblue-8); --link-9: var(--arcoblue-9); --link-10: var(--arcoblue-10); --data-1: var(--arcoblue-5); --data-2: var(--arcoblue-3); --data-3: var(--blue-5); --data-4: var(--blue-3); --data-5: var(--orange-6); --data-6: var(--orange-3); --data-7: var(--green-4); --data-8: var(--green-3); --data-9: var(--purple-4); --data-10: var(--purple-3); --data-11: var(--gold-6); --data-12: var(--gold-4); --data-13: var(--lime-6); --data-14: var(--lime-4); --data-15: var(--magenta-4); --data-16: var(--magenta-3); --data-17: var(--cyan-6); --data-18: var(--cyan-3); --data-19: var(--pinkpurple-4); --data-20: var(--pinkpurple-2); }
body { --color-white: #ffffff; --color-black: #000000; --color-border: rgb(var(--gray-3)); --color-bg-popup: var(--color-bg-5); --color-bg-1: #fff; --color-bg-2: #fff; --color-bg-3: #fff; --color-bg-4: #fff; --color-bg-5: #fff; --color-bg-white: #fff; --color-neutral-1: rgb(var(--gray-1)); --color-neutral-2: rgb(var(--gray-2)); --color-neutral-3: rgb(var(--gray-3)); --color-neutral-4: rgb(var(--gray-4)); --color-neutral-5: rgb(var(--gray-5)); --color-neutral-6: rgb(var(--gray-6)); --color-neutral-7: rgb(var(--gray-7)); --color-neutral-8: rgb(var(--gray-8)); --color-neutral-9: rgb(var(--gray-9)); --color-neutral-10: rgb(var(--gray-10)); --color-text-1: var(--color-neutral-10); --color-text-2: var(--color-neutral-8); --color-text-3: var(--color-neutral-6); --color-text-4: var(--color-neutral-4); --color-border-1: var(--color-neutral-2); --color-border-2: var(--color-neutral-3); --color-border-3: var(--color-neutral-4); --color-border-4: var(--color-neutral-6); --color-fill-1: var(--color-neutral-1); --color-fill-2: var(--color-neutral-2); --color-fill-3: var(--color-neutral-3); --color-fill-4: var(--color-neutral-4); --color-primary-light-1: rgb(var(--primary-1)); --color-primary-light-2: rgb(var(--primary-2)); --color-primary-light-3: rgb(var(--primary-3)); --color-primary-light-4: rgb(var(--primary-4)); --color-secondary: var(--color-neutral-2); --color-secondary-hover: var(--color-neutral-3); --color-secondary-active: var(--color-neutral-4); --color-secondary-disabled: var(--color-neutral-1); --color-danger-light-1: rgb(var(--danger-1)); --color-danger-light-2: rgb(var(--danger-2)); --color-danger-light-3: rgb(var(--danger-3)); --color-danger-light-4: rgb(var(--danger-4)); --color-success-light-1: rgb(var(--success-1)); --color-success-light-2: rgb(var(--success-2)); --color-success-light-3: rgb(var(--success-3)); --color-success-light-4: rgb(var(--success-4)); --color-warning-light-1: rgb(var(--warning-1)); --color-warning-light-2: rgb(var(--warning-2)); --color-warning-light-3: rgb(var(--warning-3)); --color-warning-light-4: rgb(var(--warning-4)); --color-link-light-1: rgb(var(--link-1)); --color-link-light-2: rgb(var(--link-2)); --color-link-light-3: rgb(var(--link-3)); --color-link-light-4: rgb(var(--link-4)); --color-data-1: rgb(var(--arcoblue-5)); --color-data-2: rgb(var(--arcoblue-3)); --color-data-3: rgb(var(--blue-5)); --color-data-4: rgb(var(--blue-3)); --color-data-5: rgb(var(--orange-6)); --color-data-6: rgb(var(--orange-3)); --color-data-7: rgb(var(--green-4)); --color-data-8: rgb(var(--green-3)); --color-data-9: rgb(var(--purple-4)); --color-data-10: rgb(var(--purple-3)); --color-data-11: rgb(var(--gold-6)); --color-data-12: rgb(var(--gold-4)); --color-data-13: rgb(var(--lime-6)); --color-data-14: rgb(var(--lime-4)); --color-data-15: rgb(var(--magenta-4)); --color-data-16: rgb(var(--magenta-3)); --color-data-17: rgb(var(--cyan-6)); --color-data-18: rgb(var(--cyan-3)); --color-data-19: rgb(var(--pinkpurple-4)); --color-data-20: rgb(var(--pinkpurple-2)); --border-radius-none: 0; --border-radius-small: 2px; --border-radius-medium: 4px; --border-radius-large: 8px; --border-radius-circle: 50%; --color-tooltip-bg: rgb(var(--gray-10)); --color-spin-layer-bg: rgba(255, 255, 255, .6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #ffffff; --color-menu-dark-hover: rgba(255, 255, 255, .04); --color-mask-bg: rgba(29, 33, 41, .6); --font-weight-100: 100; --font-weight-200: 200; --font-weight-300: 300; --font-weight-400: 400; --font-weight-500: 500; --font-weight-600: 600; --font-weight-700: 700; --font-weight-800: 800; --font-weight-900: 900; }
body[arco-theme="dark"] { --color-white: rgba(255, 255, 255, .9); --color-black: #000000; --color-border: #333335; --color-bg-1: #17171a; --color-bg-2: #232324; --color-bg-3: #2a2a2b; --color-bg-4: #313132; --color-bg-5: #373739; --color-bg-white: #f6f6f6; --color-text-1: rgba(255, 255, 255, .9); --color-text-2: rgba(255, 255, 255, .7); --color-text-3: rgba(255, 255, 255, .5); --color-text-4: rgba(255, 255, 255, .3); --color-fill-1: rgba(255, 255, 255, .04); --color-fill-2: rgba(255, 255, 255, .08); --color-fill-3: rgba(255, 255, 255, .12); --color-fill-4: rgba(255, 255, 255, .16); --color-primary-light-1: rgba(var(--primary-6), .2); --color-primary-light-2: rgba(var(--primary-6), .35); --color-primary-light-3: rgba(var(--primary-6), .5); --color-primary-light-4: rgba(var(--primary-6), .65); --color-secondary: rgba(var(--gray-9), .08); --color-secondary-hover: rgba(var(--gray-8), .16); --color-secondary-active: rgba(var(--gray-7), .24); --color-secondary-disabled: rgba(var(--gray-9), .08); --color-danger-light-1: rgba(var(--danger-6), .2); --color-danger-light-2: rgba(var(--danger-6), .35); --color-danger-light-3: rgba(var(--danger-6), .5); --color-danger-light-4: rgba(var(--danger-6), .65); --color-success-light-1: rgba(var(--success-6), .2); --color-success-light-2: rgba(var(--success-6), .35); --color-success-light-3: rgba(var(--success-6), .5); --color-success-light-4: rgba(var(--success-6), .65); --color-warning-light-1: rgba(var(--warning-6), .2); --color-warning-light-2: rgba(var(--warning-6), .35); --color-warning-light-3: rgba(var(--warning-6), .5); --color-warning-light-4: rgba(var(--warning-6), .65); --color-link-light-1: rgba(var(--link-6), .2); --color-link-light-2: rgba(var(--link-6), .35); --color-link-light-3: rgba(var(--link-6), .5); --color-link-light-4: rgba(var(--link-6), .65); --color-tooltip-bg: #373739; --color-spin-layer-bg: rgba(51, 51, 51, .6); --color-menu-dark-bg: #232324; --color-menu-light-bg: #232324; --color-menu-dark-hover: var(--color-fill-2); --color-mask-bg: rgba(23, 23, 26, .6); }
html, body { line-height: 1.5; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { margin: 0px; padding: 0px; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
tr, th { margin: 0px; padding: 0px; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"]::-webkit-search-decoration { appearance: none; }
details { display: block; }
template { display: none; }
[hidden] { display: none; }
* { outline: none; }
.arco-icon { display: inline-block; color: inherit; font-style: normal; width: 1em; height: 1em; vertical-align: -2px; stroke: currentcolor; }
.arco-icon[fill="currentColor"] { fill: currentcolor; stroke: none; }
.arco-icon[stroke="currentColor"] { stroke: currentcolor; fill: none; }
.arco-icon[fill="currentColor"][stroke="currentColor"] { fill: currentcolor; stroke: currentcolor; }
.arco-icon-loading { animation: 1s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running arco-loading-circle; }
@keyframes arco-loading-circle { 
  100% { transform: rotate(360deg); }
}
.arco-icon-hover { position: relative; display: inline-block; cursor: pointer; line-height: 0; }
.arco-icon-hover .arco-icon { position: relative; vertical-align: -0.09em; }
.arco-icon-hover::before { content: ""; position: absolute; display: block; border-radius: var(--border-radius-circle); background-color: transparent; box-sizing: border-box; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-icon-hover:hover::before { background-color: var(--color-fill-2); }
.arco-icon-hover.arco-icon-hover-disabled::before { opacity: 0; }
.arco-icon-hover::before { top: 50%; left: 50%; height: 20px; width: 20px; transform: translate(-50%, -50%); }
.arco-icon-hover-size-mini::before { top: 50%; left: 50%; height: 20px; width: 20px; transform: translate(-50%, -50%); }
.arco-icon-hover-size-small::before { top: 50%; left: 50%; height: 20px; width: 20px; transform: translate(-50%, -50%); }
.arco-icon-hover-size-large::before { top: 50%; left: 50%; height: 24px; width: 24px; transform: translate(-50%, -50%); }
.arco-icon-hover-size-huge::before { top: 50%; left: 50%; height: 24px; width: 24px; transform: translate(-50%, -50%); }
.fadeInStandard-enter, .fadeInStandard-appear { opacity: 0; }
.fadeInStandard-enter-active, .fadeInStandard-appear-active { opacity: 1; transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.fadeInStandard-exit { opacity: 1; }
.fadeInStandard-exit-active { opacity: 0; transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.fadeIn-enter, .fadeIn-appear { opacity: 0; }
.fadeIn-enter-active, .fadeIn-appear-active { opacity: 1; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }
.fadeIn-exit { opacity: 1; }
.fadeIn-exit-active { opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }
.slideDynamicOrigin-enter, .slideDynamicOrigin-appear { opacity: 0; transform-origin: 0px 0px; transform: scaleY(0.9) translateZ(0px); }
.slideDynamicOrigin-enter-active, .slideDynamicOrigin-appear-active, .slideDynamicOrigin-exit { opacity: 1; transform-origin: 0px 0px; transform: scaleY(1) translateZ(0px); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideDynamicOrigin-exit-active { opacity: 0; transform-origin: 0px 0px; transform: scaleY(0.9) translateZ(0px); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideLeft-enter, .slideLeft-appear { transform: translate(-100%); }
.slideLeft-enter-active, .slideLeft-appear-active { transform: translate(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideLeft-exit { transform: translate(0px); }
.slideLeft-exit-active { transform: translate(-100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideRight-enter, .slideRight-appear { transform: translate(100%); }
.slideRight-enter-active, .slideRight-appear-active { transform: translate(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideRight-exit { transform: translate(0px); }
.slideRight-exit-active { transform: translate(100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideTop-enter, .slideTop-appear { transform: translateY(-100%); }
.slideTop-enter-active, .slideTop-appear-active { transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideTop-exit { transform: translateY(0px); }
.slideTop-exit-active { transform: translateY(-100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideBottom-enter, .slideBottom-appear { transform: translateY(100%); }
.slideBottom-enter-active, .slideBottom-appear-active { transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideBottom-exit { transform: translateY(0px); }
.slideBottom-exit-active { transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.zoomIn-enter, .zoomIn-appear { opacity: 0; transform: scale(0.5); }
.zoomIn-enter-active, .zoomIn-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.zoomIn-exit { opacity: 1; transform: scale(1); }
.zoomIn-exit-active { opacity: 0; transform: scale(0.5); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInFadeOut-enter, .zoomInFadeOut-appear { opacity: 0; transform: scale(0.5); }
.zoomInFadeOut-enter-active, .zoomInFadeOut-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.zoomInFadeOut-exit { opacity: 1; transform: scale(1); }
.zoomInFadeOut-exit-active { opacity: 0; transform: scale(0.5); transition: opacity 0.2s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.2s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInBig-enter, .zoomInBig-appear { opacity: 0; transform: scale(0.5); }
.zoomInBig-enter-active, .zoomInBig-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1); }
.zoomInBig-exit { opacity: 1; transform: scale(1); }
.zoomInBig-exit-active { opacity: 0; transform: scale(0.2); transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.2s cubic-bezier(0, 0, 1, 1); }
.zoomInLeft-enter, .zoomInLeft-appear { opacity: 0.1; transform-origin: 0px 50%; transform: scale(0.1); }
.zoomInLeft-enter-active, .zoomInLeft-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInLeft-exit { opacity: 1; transform-origin: 0px 50%; transform: scale(1); }
.zoomInLeft-exit-active { opacity: 0.1; transform: scale(0.1); transition: opacity 0.3s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInTop-enter, .zoomInTop-appear { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8) translateZ(0px); }
.zoomInTop-enter-active, .zoomInTop-appear-active { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInTop-exit { opacity: 1; transform-origin: 0% 0%; transform: scaleY(1) translateZ(0px); }
.zoomInTop-exit-active { opacity: 0; transform-origin: 0% 0%; transform: scaleY(0.8) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInBottom-enter, .zoomInBottom-appear { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8) translateZ(0px); }
.zoomInBottom-enter-active, .zoomInBottom-appear-active { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomInBottom-exit { opacity: 1; transform-origin: 100% 100%; transform: scaleY(1) translateZ(0px); }
.zoomInBottom-exit-active { opacity: 0; transform-origin: 100% 100%; transform: scaleY(0.8) translateZ(0px); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
body { font-size: 14px; }
@keyframes arco-draggable-item-blink { 
  0% { opacity: 1; }
  50% { opacity: 0.3; }
  100% { opacity: 1; }
}
.arco-draggable-item { box-sizing: border-box; list-style: none; user-select: none; }
.arco-draggable-item-dragging { opacity: 0.3; }
.arco-draggable-item-dragover.arco-draggable-item-gap-left { box-shadow: -1px 0 rgb(var(--primary-6)); }
.arco-draggable-item-dragover.arco-draggable-item-gap-right { box-shadow: 1px 0 rgb(var(--primary-6)); }
.arco-draggable-item-dragover.arco-draggable-item-gap-top { box-shadow: 0 -1px rgb(var(--primary-6)); }
.arco-draggable-item-dragover.arco-draggable-item-gap-bottom { box-shadow: 0 1px rgb(var(--primary-6)); }
.arco-draggable-item-dragged { animation: 0.8s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-draggable-item-blink; }
.arco-overflow { display: flex; flex-wrap: nowrap; width: 100%; overflow: hidden; max-width: 100%; justify-content: flex-start; align-items: center; }
.arco-overflow-item { display: inline-flex; max-width: 100%; }
.arco-overflow-item-hidden { position: absolute; z-index: -1; opacity: 0; }
.arco-picker { position: relative; display: inline-flex; align-items: center; padding: 4px 11px 4px 4px; line-height: 1.5715; border-radius: var(--border-radius-small); background-color: var(--color-fill-2); border: 1px solid transparent; box-sizing: border-box; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-picker-input { display: inline-flex; flex: 1 1 0%; }
.arco-picker input { text-align: left; padding: 0px 0px 0px 8px; border: none; width: 100%; color: var(--color-text-1); background-color: transparent; line-height: 1.5715; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-picker input::placeholder { color: var(--color-text-3); }
.arco-picker-input-placeholder input { color: var(--color-text-3); }
.arco-picker-has-prefix { padding-left: 12px; }
.arco-picker-prefix { color: var(--color-text-2); padding-right: 4px; font-size: 14px; }
.arco-picker-suffix { width: 14px; margin-left: 4px; text-align: center; }
.arco-picker-suffix-icon { color: var(--color-text-2); }
.arco-picker .arco-picker-clear-icon { display: none; font-size: 12px; color: var(--color-text-2); }
.arco-picker:hover { background-color: var(--color-fill-3); border-color: transparent; }
.arco-picker:not(.arco-picker-disabled):hover .arco-picker-clear-icon { display: inline-block; }
.arco-picker:not(.arco-picker-disabled):hover .arco-picker-suffix .arco-picker-clear-icon + span { display: none; }
.arco-picker-focused { box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-picker-focused, .arco-picker-focused:hover { background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); }
.arco-picker-focused .arco-picker-input-active input, .arco-picker-focused:hover .arco-picker-input-active input { background: var(--color-primary-light-1); }
.arco-picker-error:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-danger-light-1); }
.arco-picker-error:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-picker-error.arco-picker-focused:not(.arco-picker-disabled), .arco-picker-error.arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-picker-warning:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-warning-light-1); }
.arco-picker-warning:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled), .arco-picker-warning.arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-picker input[disabled] { cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); }
.arco-picker input[disabled]::placeholder { color: var(--color-text-4); }
.arco-picker-disabled, .arco-picker-disabled:hover { color: var(--color-text-4); border-color: transparent; background-color: var(--color-fill-2); cursor: not-allowed; }
.arco-picker-disabled input[disabled], .arco-picker-disabled:hover input[disabled] { cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); }
.arco-picker-disabled input[disabled]::placeholder, .arco-picker-disabled:hover input[disabled]::placeholder { color: var(--color-text-4); }
.arco-picker-separator { min-width: 10px; padding: 0px 8px; color: var(--color-text-3); }
.arco-picker-disabled .arco-picker-separator, .arco-picker-disabled .arco-picker-suffix-icon { color: var(--color-text-4); }
.arco-picker-size-mini { height: 24px; }
.arco-picker-size-mini input { font-size: 12px; }
.arco-picker-size-small { height: 28px; }
.arco-picker-size-small input { font-size: 14px; }
.arco-picker-size-default { height: 32px; }
.arco-picker-size-default input { font-size: 14px; }
.arco-picker-size-large { height: 36px; }
.arco-picker-size-large input { font-size: 14px; }
.arco-picker-rtl { direction: rtl; padding: 4px 4px 4px 11px; }
.arco-picker-rtl input { text-align: right; padding-left: 0px; padding-right: 8px; }
.arco-picker-rtl .arco-picker-suffix { margin-left: 0px; margin-right: 4px; }
.arco-affix { position: fixed; z-index: 999; }
.arco-alert { box-sizing: border-box; border-radius: var(--border-radius-small); padding: 8px 15px; font-size: 14px; overflow: hidden; display: flex; width: 100%; text-align: left; align-items: center; line-height: 1.5715; }
.arco-alert-with-title { padding: 15px; align-items: flex-start; }
.arco-alert-info { border: 1px solid transparent; background-color: var(--color-primary-light-1); }
.arco-alert-success { border: 1px solid transparent; background-color: var(--color-success-light-1); }
.arco-alert-warning { border: 1px solid transparent; background-color: var(--color-warning-light-1); }
.arco-alert-error { border: 1px solid transparent; background-color: var(--color-danger-light-1); }
.arco-alert-banner { border: none; border-radius: 0px; }
.arco-alert-content-wrapper { position: relative; flex: 1 1 0%; }
.arco-alert-title { font-size: 16px; font-weight: 500; line-height: 1.5; margin-bottom: 4px; }
.arco-alert-info .arco-alert-title, .arco-alert-info .arco-alert-content { color: var(--color-text-1); }
.arco-alert-info.arco-alert-with-title .arco-alert-content { color: var(--color-text-2); }
.arco-alert-success .arco-alert-title, .arco-alert-success .arco-alert-content { color: var(--color-text-1); }
.arco-alert-success.arco-alert-with-title .arco-alert-content { color: var(--color-text-2); }
.arco-alert-warning .arco-alert-title, .arco-alert-warning .arco-alert-content { color: var(--color-text-1); }
.arco-alert-warning.arco-alert-with-title .arco-alert-content { color: var(--color-text-2); }
.arco-alert-error .arco-alert-title, .arco-alert-error .arco-alert-content { color: var(--color-text-1); }
.arco-alert-error.arco-alert-with-title .arco-alert-content { color: var(--color-text-2); }
.arco-alert-icon-wrapper { margin-right: 8px; height: 22.001px; display: flex; align-items: center; }
.arco-alert-icon-wrapper svg { font-size: 16px; }
.arco-alert-with-title .arco-alert-icon-wrapper { height: 24px; }
.arco-alert-with-title .arco-alert-icon-wrapper svg { font-size: 18px; }
.arco-alert-info .arco-alert-icon-wrapper svg { color: rgb(var(--primary-6)); }
.arco-alert-success .arco-alert-icon-wrapper svg { color: rgb(var(--success-6)); }
.arco-alert-warning .arco-alert-icon-wrapper svg { color: rgb(var(--warning-6)); }
.arco-alert-error .arco-alert-icon-wrapper svg { color: rgb(var(--danger-6)); }
.arco-alert-close-btn { box-sizing: border-box; padding: 0px; border: none; outline: none; font-size: 12px; color: var(--color-text-2); background-color: transparent; cursor: pointer; transition: color 0.1s cubic-bezier(0, 0, 1, 1); margin-left: 8px; top: 4px; right: 0px; }
.arco-alert-close-btn:hover { color: var(--color-text-1); }
.arco-alert-action + .arco-alert-close-btn { margin-left: 8px; }
.arco-alert-action { margin-left: 8px; }
.arco-alert-with-title .arco-alert-close-btn { margin-top: 0px; margin-right: 0px; }
.arco-alert-rtl { direction: rtl; text-align: right; }
.arco-alert-rtl .arco-alert-with-title { align-items: flex-end; }
.arco-alert-rtl .arco-alert-icon-wrapper { margin-right: 0px; margin-left: 8px; }
.arco-alert-rtl .arco-alert-close-btn { right: initial; left: 0px; }
.arco-alert-rtl .arco-alert-action { margin-left: 0px; margin-right: 8px; }
.arco-alert-rtl .arco-alert-action + .arco-alert-close-btn { margin-left: 0px; margin-right: 8px; }
.arco-anchor { position: relative; width: 150px; overflow: auto; }
.arco-anchor-line-slider { position: absolute; height: 12px; width: 2px; margin-top: 9.0005px; background-color: rgb(var(--primary-6)); left: 0px; top: 0px; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); z-index: 1; }
.arco-anchor-list { margin-left: 6px; position: relative; }
.arco-anchor-list::before { content: ""; position: absolute; height: 100%; background-color: var(--color-fill-3); width: 2px; left: -6px; }
.arco-anchor-link { margin-bottom: 2px; }
.arco-anchor-link-title { color: var(--color-text-2); line-height: 1.5715; font-size: 14px; margin-bottom: 2px; padding: 4px 8px; text-decoration: none; cursor: pointer; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; border-radius: var(--border-radius-small); }
.arco-anchor-link-title:hover { background-color: var(--color-fill-2); color: var(--color-text-1); font-weight: 500; }
.arco-anchor-link-title:focus-visible { box-shadow: inset 0 0 0 2px rgb(var(--primary-6)); }
.arco-anchor-link-active > .arco-anchor-link-title { transition: 0.1s cubic-bezier(0, 0, 1, 1); color: var(--color-text-1); font-weight: 500; }
.arco-anchor-link .arco-anchor-link { margin-left: 16px; }
.arco-anchor-lineless .arco-anchor-list { margin-left: 0px; }
.arco-anchor-lineless .arco-anchor-list::before { display: none; }
.arco-anchor-lineless .arco-anchor-link-active > .arco-anchor-link-title { background-color: var(--color-fill-2); color: rgb(var(--primary-6)); font-weight: 500; }
.arco-anchor-rtl { direction: rtl; }
.arco-anchor-rtl .arco-anchor-list { margin-left: 0px; margin-right: 6px; }
.arco-anchor-rtl .arco-anchor-list::before { left: initial; right: -6px; }
.arco-anchor-rtl .arco-anchor-link .arco-anchor-link { margin-left: 0px; margin-right: 16px; }
.arco-anchor-rtl.arco-anchor-lineless .arco-anchor-list { margin-right: 0px; }
.arco-anchor-rtl .arco-anchor-line-slider { left: initial; right: 0px; }
.arco-anchor.arco-anchor-horizontal { width: 100%; }
.arco-anchor-horizontal .arco-anchor-list { display: flex; width: 100%; margin: 0px; }
.arco-anchor-horizontal .arco-anchor-list::before { left: 0px; right: 0px; width: 100%; bottom: 0px; height: 2px; }
.arco-anchor-horizontal .arco-anchor-link-title:hover { font-weight: 400; }
.arco-anchor-horizontal .arco-anchor-link-active .arco-anchor-link-title:hover { font-weight: 500; }
.arco-anchor-horizontal .arco-anchor-link:not(:first-of-type) { margin-left: 16px; }
.arco-anchor-rtl.arco-anchor-horizontal .arco-anchor-link:not(:first-of-type) { margin-right: 16px; margin-left: unset; }
.arco-anchor-horizontal .arco-anchor-line-slider { height: 2px; width: 0px; margin: 0px; top: unset; bottom: 0px; background-color: transparent; right: unset; }
.arco-anchor-horizontal .arco-anchor-line-slider::before { content: ""; display: block; position: absolute; left: 8px; right: 8px; height: 100%; background-color: rgb(var(--primary-6)); }
.arco-anchor.arco-anchor-lineless .arco-anchor-link, .arco-anchor.arco-anchor-lineless .arco-anchor-link-title { margin-bottom: 0px; }
.arco-autocomplete-popup .arco-select-popup { border: 1px solid var(--color-fill-3); border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; }
.arco-autocomplete-popup .arco-select-popup .arco-select-popup-inner { padding: 4px 0px; max-height: 200px; }
.arco-autocomplete-popup .arco-select-popup .arco-select-option { height: 36px; padding: 0px 12px; font-size: 14px; line-height: 36px; color: var(--color-text-1); background-color: var(--color-bg-popup); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected { color: var(--color-text-1); background-color: var(--color-bg-popup); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-hover { color: var(--color-text-1); background-color: var(--color-fill-2); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-disabled { color: var(--color-text-4); background-color: var(--color-bg-popup); }
.arco-autocomplete-popup .arco-select-popup .arco-select-option-selected { font-weight: 500; }
.arco-avatar { display: inline-flex; align-items: center; position: relative; background-color: var(--color-fill-4); white-space: nowrap; color: var(--color-white); box-sizing: border-box; vertical-align: middle; width: 40px; height: 40px; font-size: 20px; }
.arco-avatar-circle { border-radius: var(--border-radius-circle); }
.arco-avatar-circle .arco-avatar-image { border-radius: var(--border-radius-circle); overflow: hidden; }
.arco-avatar-square { border-radius: var(--border-radius-medium); }
.arco-avatar-square .arco-avatar-image { border-radius: var(--border-radius-medium); overflow: hidden; }
.arco-avatar-text { position: absolute; left: 50%; transform-origin: 0px center; transform: translate(-50%); font-weight: 500; line-height: 1; }
.arco-avatar-image { display: inline-flex; width: 100%; height: 100%; }
.arco-avatar-image img, .arco-avatar-image picture { width: 100%; height: 100%; }
.arco-avatar-trigger-icon-button { position: absolute; display: inline-flex; align-items: center; justify-content: center; bottom: -4px; right: -4px; color: var(--color-fill-4); font-size: 12px; border-radius: var(--border-radius-circle); width: 20px; height: 20px; line-height: 20px; background-color: var(--color-neutral-2); transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); z-index: 1; }
.arco-avatar-trigger-icon-mask { position: absolute; display: flex; opacity: 0; z-index: 0; align-items: center; justify-content: center; width: 100%; height: 100%; top: 0px; left: 0px; font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); border-radius: var(--border-radius-medium); background-color: rgba(29, 33, 41, 0.6); color: var(--color-white); }
.arco-avatar-circle .arco-avatar-trigger-icon-mask { border-radius: var(--border-radius-circle); }
.arco-avatar-with-trigger-icon { cursor: pointer; }
.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-mask { z-index: 2; opacity: 1; }
.arco-avatar-with-trigger-icon:hover .arco-avatar-trigger-icon-button { background-color: var(--color-neutral-3); }
.arco-avatar-rtl { direction: rtl; }
.arco-avatar-rtl .arco-avatar-trigger-icon-button { right: unset; left: -4px; }
.arco-avatar-group { display: inline-block; line-height: 0; }
.arco-avatar-group-max-count-avatar { cursor: default; color: var(--color-white); font-size: 20px; }
.arco-avatar-group-rtl { direction: rtl; }
.arco-avatar-group .arco-avatar { border: 2px solid var(--color-bg-2); }
.arco-avatar-group .arco-avatar:not(:first-child) { margin-left: -10px; }
.arco-avatar-group-popover .arco-avatar:not(:first-child) { margin-left: 4px; }
.arco-backtop { position: fixed; bottom: 24px; right: 24px; z-index: 100; cursor: pointer; }
.arco-backtop-button { width: 40px; height: 40px; font-size: 12px; text-align: center; outline: none; background-color: rgb(var(--primary-6)); border-radius: var(--border-radius-circle); color: var(--color-white); transition: 0.2s cubic-bezier(0, 0, 1, 1); cursor: pointer; border: none; }
.arco-backtop-button:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-backtop-button:hover { background-color: rgb(var(--primary-5)); }
.arco-backtop-button svg { font-size: 14px; }
.arco-badge { display: inline-block; position: relative; line-height: 1; }
.arco-badge-rtl { direction: rtl; }
.arco-badge-number, .arco-badge-dot, .arco-badge-text, .arco-badge-custom-dot { position: absolute; z-index: 2; transform: translate(50%, -50%); transform-origin: 100% 0%; border-radius: 20px; box-sizing: border-box; text-align: center; top: 2px; right: 2px; overflow: hidden; }
.arco-badge-rtl .arco-badge-number, .arco-badge-rtl .arco-badge-dot, .arco-badge-rtl .arco-badge-text, .arco-badge-rtl .arco-badge-custom-dot { right: unset; }
.arco-badge-custom-dot { background-color: var(--color-bg-2); }
.arco-badge-number, .arco-badge-text { height: 20px; min-width: 20px; line-height: 20px; font-weight: 500; padding: 0px 6px; font-size: 12px; color: var(--color-white); background-color: rgb(var(--danger-6)); box-shadow: 0 0 0 2px var(--color-bg-2); }
.arco-badge-dot { width: 6px; height: 6px; background-color: rgb(var(--danger-6)); border-radius: var(--border-radius-circle); box-shadow: 0 0 0 2px var(--color-bg-2); }
.arco-badge-no-children .arco-badge-dot, .arco-badge-no-children .arco-badge-number, .arco-badge-no-children .arco-badge-text { position: relative; display: inline-block; transform: none; top: unset; right: unset; }
.arco-badge-status-wrapper { display: inline-flex; align-items: center; }
.arco-badge-status-dot { display: inline-block; width: 6px; height: 6px; border-radius: var(--border-radius-circle); }
.arco-badge-status-default { background-color: var(--color-fill-4); }
.arco-badge-status-processing { background-color: rgb(var(--primary-6)); }
.arco-badge-status-success { background-color: rgb(var(--success-6)); }
.arco-badge-status-warning { background-color: rgb(var(--warning-6)); }
.arco-badge-status-error, .arco-badge-color-red { background-color: rgb(var(--danger-6)); }
.arco-badge-color-orangered { background-color: rgb(247, 114, 52); }
.arco-badge-color-orange { background-color: rgb(var(--orange-6)); }
.arco-badge-color-gold { background-color: rgb(var(--gold-6)); }
.arco-badge-color-lime { background-color: rgb(var(--lime-6)); }
.arco-badge-color-green { background-color: rgb(var(--success-6)); }
.arco-badge-color-cyan { background-color: rgb(var(--cyan-6)); }
.arco-badge-color-arcoblue { background-color: rgb(var(--primary-6)); }
.arco-badge-color-purple { background-color: rgb(var(--purple-6)); }
.arco-badge-color-pinkpurple { background-color: rgb(var(--pinkpurple-6)); }
.arco-badge-color-magenta { background-color: rgb(var(--magenta-6)); }
.arco-badge-color-gray { background-color: rgb(var(--gray-4)); }
.arco-badge-status-text { color: var(--color-text-1); margin-left: 8px; font-size: 14px; line-height: 1.5715; }
.arco-badge-rtl .arco-badge-status-text { margin-left: 0px; margin-right: 8px; }
.arco-badge-number-text { display: inline-block; animation: 0.5s cubic-bezier(0.3, 1.3, 0.3, 1) 0s 1 normal none running arco-badge-scale; }
@keyframes arco-badge-scale { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
.badge-zoom-enter, .badge-zoom-appear { transform-origin: center center; transform: translate(50%, -50%) scale(0.2); }
.badge-zoom-enter-active, .badge-zoom-appear-active { opacity: 1; transform-origin: center center; transform: translate(50%, -50%) scale(1); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.badge-zoom-exit { opacity: 1; transform-origin: center center; transform: translate(50%, -50%) scale(1); }
.badge-zoom-exit-active { opacity: 0; transform-origin: center center; transform: translate(50%, -50%) scale(0.2); transition: opacity 0.3s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-breadcrumb { display: inline-block; font-size: 14px; color: var(--color-text-2); }
.arco-breadcrumb-icon { color: var(--color-text-2); }
.arco-breadcrumb-item { display: inline-flex; align-items: center; padding: 0px 4px; vertical-align: middle; line-height: 24px; color: var(--color-text-2); }
.arco-breadcrumb-item > .arco-icon { color: var(--color-text-3); }
.arco-breadcrumb-item a, .arco-breadcrumb-item[href] { display: inline-block; border-radius: var(--border-radius-small); padding: 0px 4px; margin: 0px -4px; text-decoration: none; color: var(--color-text-2); background-color: transparent; }
.arco-breadcrumb-item a:hover, .arco-breadcrumb-item[href]:hover { background-color: var(--color-fill-2); color: rgb(var(--link-6)); }
.arco-breadcrumb-item a:focus-visible, .arco-breadcrumb-item[href]:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-breadcrumb-item:last-child { color: var(--color-text-1); font-weight: 500; }
.arco-breadcrumb-item-ellipses { display: inline-block; position: relative; top: -3px; padding: 0px 4px; color: var(--color-text-2); }
.arco-breadcrumb-item-separator { display: inline-block; margin: 0px 4px; vertical-align: middle; line-height: 24px; color: var(--color-text-4); }
.arco-breadcrumb-item-with-dropdown { cursor: pointer; }
.arco-breadcrumb-item-dropdown-icon { font-size: 12px; margin-left: 4px; color: var(--color-text-2); }
.arco-breadcrumb-item-dropdown-icon-active svg { transform: rotate(180deg); }
.arco-breadcrumb-rtl .arco-breadcrumb-item-dropdown-icon { margin-left: 0px; margin-right: 4px; }
.arco-btn { display: inline-block; position: relative; outline: none; font-weight: 400; appearance: none; user-select: none; cursor: pointer; white-space: nowrap; transition: 0.1s cubic-bezier(0, 0, 1, 1); box-sizing: border-box; line-height: 1.5715; }
.arco-btn > a:only-child { color: currentcolor; }
.arco-btn:active { transition: none; }
.arco-btn:empty { display: inline-block; vertical-align: bottom; }
.arco-btn-long { display: block; width: 100%; }
.arco-btn-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.arco-btn-link:not([href]) { color: var(--color-text-4); }
.arco-btn-link:hover { text-decoration: none; }
.arco-btn-loading { cursor: default; position: relative; }
.arco-btn-loading::before { content: ""; position: absolute; inset: -1px; z-index: 1; display: block; background: rgb(255, 255, 255); border-radius: inherit; opacity: 0.4; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; }
.arco-btn-loading-fixed-width { transition: none; }
.arco-btn-two-chinese-chars > :not(svg) { letter-spacing: 0.3em; margin-right: -0.3em; }
a.arco-btn-icon-only { display: inline-flex; align-items: center; justify-content: center; vertical-align: top; }
.arco-btn-outline:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--primary-6)); border: 1px solid rgb(var(--primary-6)); }
.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--primary-5)); color: rgb(var(--primary-5)); background-color: transparent; }
.arco-btn-outline:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--primary-7)); color: rgb(var(--primary-7)); background-color: transparent; }
.arco-btn-outline:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-3)); }
.arco-btn-outline.arco-btn-disabled { background-color: transparent; color: var(--color-primary-light-3); border: 1px solid var(--color-primary-light-3); cursor: not-allowed; }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: rgb(var(--warning-6)); }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--warning-5)); color: rgb(var(--warning-5)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--warning-7)); color: rgb(var(--warning-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }
.arco-btn-outline.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: transparent; border: 1px solid var(--color-warning-light-3); }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: rgb(var(--danger-6)); }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--danger-5)); color: rgb(var(--danger-5)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--danger-7)); color: rgb(var(--danger-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }
.arco-btn-outline.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: transparent; border: 1px solid var(--color-danger-light-3); }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: rgb(var(--success-6)); }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: rgb(var(--success-5)); color: rgb(var(--success-5)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: rgb(var(--success-7)); color: rgb(var(--success-7)); background-color: transparent; }
.arco-btn-outline.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }
.arco-btn-outline.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: transparent; border: 1px solid var(--color-success-light-3); }
.arco-btn-primary:not(.arco-btn-disabled) { background-color: rgb(var(--primary-6)); color: rgb(255, 255, 255); border: 1px solid transparent; }
.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--primary-5)); }
.arco-btn-primary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--primary-7)); }
.arco-btn-primary:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-3)); }
.arco-btn-primary.arco-btn-disabled { background-color: var(--color-primary-light-3); color: rgb(255, 255, 255); border: 1px solid transparent; cursor: not-allowed; }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: rgb(var(--warning-6)); color: rgb(255, 255, 255); border-color: transparent; }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--warning-5)); }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--warning-7)); }
.arco-btn-primary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }
.arco-btn-primary.arco-btn-status-warning.arco-btn-disabled { color: rgb(255, 255, 255); background-color: var(--color-warning-light-3); border: 1px solid transparent; }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: rgb(var(--danger-6)); color: rgb(255, 255, 255); border-color: transparent; }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--danger-5)); }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--danger-7)); }
.arco-btn-primary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }
.arco-btn-primary.arco-btn-status-danger.arco-btn-disabled { color: rgb(255, 255, 255); background-color: var(--color-danger-light-3); border: 1px solid transparent; }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: rgb(var(--success-6)); color: rgb(255, 255, 255); border-color: transparent; }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--success-5)); }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(255, 255, 255); background-color: rgb(var(--success-7)); }
.arco-btn-primary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }
.arco-btn-primary.arco-btn-status-success.arco-btn-disabled { color: rgb(255, 255, 255); background-color: var(--color-success-light-3); border: 1px solid transparent; }
.arco-btn-secondary:not(.arco-btn-disabled) { background-color: var(--color-secondary); color: var(--color-text-2); border: 1px solid transparent; }
.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: var(--color-text-2); background-color: var(--color-secondary-hover); }
.arco-btn-secondary:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: var(--color-text-2); background-color: var(--color-secondary-active); }
.arco-btn-secondary:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); }
.arco-btn-secondary.arco-btn-disabled { background-color: var(--color-secondary-disabled); color: var(--color-text-4); border: 1px solid transparent; cursor: not-allowed; }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: var(--color-warning-light-1); color: rgb(var(--warning-6)); border-color: transparent; }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-warning-light-2); }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-warning-light-3); }
.arco-btn-secondary.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }
.arco-btn-secondary.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: var(--color-warning-light-1); border: 1px solid transparent; }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: var(--color-danger-light-1); color: rgb(var(--danger-6)); border-color: transparent; }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-danger-light-2); }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-danger-light-3); }
.arco-btn-secondary.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }
.arco-btn-secondary.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: var(--color-danger-light-1); border: 1px solid transparent; }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled) { background-color: var(--color-success-light-1); color: rgb(var(--success-6)); border-color: transparent; }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-success-light-2); }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-success-light-3); }
.arco-btn-secondary.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }
.arco-btn-secondary.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: var(--color-success-light-1); border: 1px solid transparent; }
.arco-btn-dashed:not(.arco-btn-disabled) { background-color: var(--color-fill-2); color: var(--color-text-2); border: 1px dashed var(--color-neutral-3); }
.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-neutral-4); color: var(--color-text-2); background-color: var(--color-fill-3); }
.arco-btn-dashed:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-neutral-5); color: var(--color-text-2); background-color: var(--color-fill-4); }
.arco-btn-dashed:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); }
.arco-btn-dashed.arco-btn-disabled { background-color: var(--color-fill-2); color: var(--color-text-4); border: 1px dashed var(--color-neutral-3); cursor: not-allowed; }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: var(--color-warning-light-1); color: rgb(var(--warning-6)); border-color: var(--color-warning-light-2); }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-warning-light-3); color: rgb(var(--warning-6)); background-color: var(--color-warning-light-2); }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-warning-light-4); color: rgb(var(--warning-6)); background-color: var(--color-warning-light-3); }
.arco-btn-dashed.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }
.arco-btn-dashed.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: var(--color-warning-light-1); border: 1px dashed var(--color-warning-light-2); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: var(--color-danger-light-1); color: rgb(var(--danger-6)); border-color: var(--color-danger-light-2); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-danger-light-3); color: rgb(var(--danger-6)); background-color: var(--color-danger-light-2); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-danger-light-4); color: rgb(var(--danger-6)); background-color: var(--color-danger-light-3); }
.arco-btn-dashed.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }
.arco-btn-dashed.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: var(--color-danger-light-1); border: 1px dashed var(--color-danger-light-2); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled) { background-color: var(--color-success-light-1); color: rgb(var(--success-6)); border-color: var(--color-success-light-2); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: var(--color-success-light-3); color: rgb(var(--success-6)); background-color: var(--color-success-light-2); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: var(--color-success-light-4); color: rgb(var(--success-6)); background-color: var(--color-success-light-3); }
.arco-btn-dashed.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }
.arco-btn-dashed.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: var(--color-success-light-1); border: 1px dashed var(--color-success-light-2); }
.arco-btn-text:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--primary-6)); border: 1px solid transparent; }
.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--primary-6)); background-color: var(--color-fill-2); }
.arco-btn-text:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--primary-6)); background-color: var(--color-fill-3); }
.arco-btn-text:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px var(--color-neutral-4); }
.arco-btn-text.arco-btn-disabled { background-color: transparent; color: var(--color-primary-light-3); border: 1px solid transparent; cursor: not-allowed; }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--warning-6)); border-color: transparent; }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-fill-2); }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--warning-6)); background-color: var(--color-fill-3); }
.arco-btn-text.arco-btn-status-warning:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--warning-3)); }
.arco-btn-text.arco-btn-status-warning.arco-btn-disabled { color: var(--color-warning-light-3); background-color: transparent; border: 1px solid transparent; }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--danger-6)); border-color: transparent; }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-fill-2); }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--danger-6)); background-color: var(--color-fill-3); }
.arco-btn-text.arco-btn-status-danger:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--danger-3)); }
.arco-btn-text.arco-btn-status-danger.arco-btn-disabled { color: var(--color-danger-light-3); background-color: transparent; border: 1px solid transparent; }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled) { background-color: transparent; color: rgb(var(--success-6)); border-color: transparent; }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):hover { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-fill-2); }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):not(.arco-btn-loading):active { border-color: transparent; color: rgb(var(--success-6)); background-color: var(--color-fill-3); }
.arco-btn-text.arco-btn-status-success:not(.arco-btn-disabled):focus-visible { box-shadow: 0 0 0 2px rgb(var(--success-3)); }
.arco-btn-text.arco-btn-status-success.arco-btn-disabled { color: var(--color-success-light-3); background-color: transparent; border: 1px solid transparent; }
.arco-btn-size-mini { padding: 0px 11px; font-size: 12px; height: 24px; border-radius: var(--border-radius-small); }
.arco-btn-size-mini > svg + span, .arco-btn-size-mini > span + svg { margin-left: 4px; }
.arco-btn-size-mini svg { vertical-align: -2px; }
.arco-btn-size-mini.arco-btn-rtl > svg + span, .arco-btn-size-mini.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 4px; }
.arco-btn-size-mini.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 3px; padding-right: 3px; }
.arco-btn-size-mini.arco-btn-icon-only { width: 24px; height: 24px; padding: 0px; }
.arco-btn-size-mini.arco-btn-shape-circle { width: 24px; height: 24px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }
.arco-btn-size-mini.arco-btn-shape-round { border-radius: 12px; }
.arco-btn-group .arco-btn-size-mini:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-size-mini:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-size-mini:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child { border-radius: 12px 0px 0px 12px; }
.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:last-child { border-radius: 0px 12px 12px 0px; }
.arco-btn-group .arco-btn-size-mini.arco-btn-shape-round:first-child:last-child { border-radius: 12px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-mini:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child { border-radius: 0px 12px 12px 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:last-child { border-radius: 12px 0px 0px 12px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-mini.arco-btn-shape-round:first-child:last-child { border-radius: 12px; }
.arco-btn-size-small { padding: 0px 15px; font-size: 14px; height: 28px; border-radius: var(--border-radius-small); }
.arco-btn-size-small > svg + span, .arco-btn-size-small > span + svg { margin-left: 6px; }
.arco-btn-size-small svg { vertical-align: -2px; }
.arco-btn-size-small.arco-btn-rtl > svg + span, .arco-btn-size-small.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 6px; }
.arco-btn-size-small.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 5px; padding-right: 5px; }
.arco-btn-size-small.arco-btn-icon-only { width: 28px; height: 28px; padding: 0px; }
.arco-btn-size-small.arco-btn-shape-circle { width: 28px; height: 28px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }
.arco-btn-size-small.arco-btn-shape-round { border-radius: 14px; }
.arco-btn-group .arco-btn-size-small:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-size-small:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-size-small:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child { border-radius: 14px 0px 0px 14px; }
.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:last-child { border-radius: 0px 14px 14px 0px; }
.arco-btn-group .arco-btn-size-small.arco-btn-shape-round:first-child:last-child { border-radius: 14px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-small:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-small:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child { border-radius: 0px 14px 14px 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:last-child { border-radius: 14px 0px 0px 14px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-small.arco-btn-shape-round:first-child:last-child { border-radius: 14px; }
.arco-btn-size-default { padding: 0px 15px; font-size: 14px; height: 32px; border-radius: var(--border-radius-small); }
.arco-btn-size-default > svg + span, .arco-btn-size-default > span + svg { margin-left: 8px; }
.arco-btn-size-default svg { vertical-align: -2px; }
.arco-btn-size-default.arco-btn-rtl > svg + span, .arco-btn-size-default.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 8px; }
.arco-btn-size-default.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 4px; padding-right: 4px; }
.arco-btn-size-default.arco-btn-icon-only { width: 32px; height: 32px; padding: 0px; }
.arco-btn-size-default.arco-btn-shape-circle { width: 32px; height: 32px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }
.arco-btn-size-default.arco-btn-shape-round { border-radius: 16px; }
.arco-btn-group .arco-btn-size-default:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-size-default:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-size-default:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child { border-radius: 16px 0px 0px 16px; }
.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:last-child { border-radius: 0px 16px 16px 0px; }
.arco-btn-group .arco-btn-size-default.arco-btn-shape-round:first-child:last-child { border-radius: 16px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-default:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-default:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child { border-radius: 0px 16px 16px 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:last-child { border-radius: 16px 0px 0px 16px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-default.arco-btn-shape-round:first-child:last-child { border-radius: 16px; }
.arco-btn-size-large { padding: 0px 19px; font-size: 14px; height: 36px; border-radius: var(--border-radius-small); }
.arco-btn-size-large > svg + span, .arco-btn-size-large > span + svg { margin-left: 8px; }
.arco-btn-size-large svg { vertical-align: -2px; }
.arco-btn-size-large.arco-btn-rtl > svg + span, .arco-btn-size-large.arco-btn-rtl > span + svg { margin-left: 0px; margin-right: 8px; }
.arco-btn-size-large.arco-btn-loading-fixed-width.arco-btn-loading { padding-left: 8px; padding-right: 8px; }
.arco-btn-size-large.arco-btn-icon-only { width: 36px; height: 36px; padding: 0px; }
.arco-btn-size-large.arco-btn-shape-circle { width: 36px; height: 36px; padding: 0px; text-align: center; border-radius: var(--border-radius-circle); }
.arco-btn-size-large.arco-btn-shape-round { border-radius: 18px; }
.arco-btn-group .arco-btn-size-large:first-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-size-large:last-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-size-large:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child { border-radius: 18px 0px 0px 18px; }
.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:last-child { border-radius: 0px 18px 18px 0px; }
.arco-btn-group .arco-btn-size-large.arco-btn-shape-round:first-child:last-child { border-radius: 18px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-large:last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-large:first-child:last-child { border-radius: var(--border-radius-small); }
.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child { border-radius: 0px 18px 18px 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:last-child { border-radius: 18px 0px 0px 18px; }
.arco-btn-group .arco-btn-rtl.arco-btn-size-large.arco-btn-shape-round:first-child:last-child { border-radius: 18px; }
.arco-btn-group { display: inline-block; }
.arco-btn-group .arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-dashed:not(:first-child) { margin-left: -1px; }
.arco-btn-group .arco-btn-primary:not(:last-child) { border-right: 1px solid rgb(var(--primary-5)); }
.arco-btn-group .arco-btn-secondary:not(:last-child) { border-right: 1px solid var(--color-secondary-hover); }
.arco-btn-group .arco-btn-text:not(:last-child) { border-right: 1px solid transparent; }
.arco-btn-group .arco-btn-status-warning:not(:last-child) { border-right: 1px solid rgb(var(--warning-5)); }
.arco-btn-group .arco-btn-status-warning:not(:last-child).arco-btn-text { border-right: 1px solid var(--color-fill-2); }
.arco-btn-group .arco-btn-status-danger:not(:last-child) { border-right: 1px solid rgb(var(--danger-5)); }
.arco-btn-group .arco-btn-status-danger:not(:last-child).arco-btn-text { border-right: 1px solid var(--color-fill-2); }
.arco-btn-group .arco-btn-status-success:not(:last-child) { border-right: 1px solid rgb(var(--success-5)); }
.arco-btn-group .arco-btn-status-success:not(:last-child).arco-btn-text { border-right: 1px solid var(--color-fill-2); }
.arco-btn-group .arco-btn-rtl.arco-btn-outline:not(:first-child), .arco-btn-group .arco-btn-rtl.arco-btn-dashed:not(:first-child) { margin-left: 0px; margin-right: -1px; }
.arco-btn-group .arco-btn-rtl.arco-btn-primary:not(:last-child) { border-left: 1px solid rgb(var(--primary-5)); border-right: 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-secondary:not(:last-child) { border-left: 1px solid var(--color-secondary-hover); border-right: 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-text:not(:last-child) { border-left: 1px solid transparent; border-right: 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child) { border-left: 1px solid rgb(var(--warning-5)); border-right: 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-status-warning:not(:last-child).arco-btn-text { border-left: 1px solid var(--color-fill-2); }
.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child) { border-left: 1px solid rgb(var(--danger-5)); border-right: 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-status-danger:not(:last-child).arco-btn-text { border-left: 1px solid var(--color-fill-2); }
.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child) { border-left: 1px solid rgb(var(--success-5)); border-right: 0px; }
.arco-btn-group .arco-btn-rtl.arco-btn-status-success:not(:last-child).arco-btn-text { border-left: 1px solid var(--color-fill-2); }
.arco-btn-group .arco-btn-outline:hover, .arco-btn-group .arco-btn-dashed:hover, .arco-btn-group .arco-btn-outline:active, .arco-btn-group .arco-btn-dashed:active { z-index: 2; }
.arco-btn-group .arco-btn:not(:first-child):not(:last-child) { border-radius: 0px; }
.arco-btn-rtl { direction: rtl; }
body[arco-theme="dark"] .arco-btn-primary.arco-btn-disabled { color: rgba(255, 255, 255, 0.3); }
.arco-calendar { box-sizing: border-box; border: 1px solid var(--color-neutral-3); }
.arco-calendar-header { display: flex; padding: 24px; }
.arco-calendar-header-left { display: flex; flex: 1 1 0%; align-items: center; position: relative; height: 28px; line-height: 28px; }
.arco-calendar-header-right { height: 28px; position: relative; }
.arco-calendar-header-value { font-size: 20px; font-weight: 500; color: var(--color-text-1); }
.arco-calendar-header-icon { width: 28px; height: 28px; line-height: 28px; border-radius: 50%; text-align: center; font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); user-select: none; margin-right: 12px; color: var(--color-text-2); background-color: var(--color-bg-5); }
.arco-calendar-header-icon:not(:first-child) { margin: 0px 12px; }
.arco-calendar-header-icon:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden) { cursor: pointer; }
.arco-calendar-header-icon:not(.arco-calendar-header-icon-hidden):hover { background-color: var(--color-fill-3); }
.arco-calendar .arco-calendar-header-value-year { width: 100px; margin-right: 8px; }
.arco-calendar .arco-calendar-header-value-month { width: 76px; margin-right: 32px; }
.arco-calendar-month { width: 100%; }
.arco-calendar-month-row { height: 100px; display: flex; }
.arco-calendar-month-row .arco-calendar-cell { flex: 1 1 0%; border-bottom: 1px solid var(--color-neutral-3); overflow: hidden; }
.arco-calendar-month-row:last-child .arco-calendar-cell { border-bottom: unset; }
.arco-calendar-month-cell-body { box-sizing: border-box; }
.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) { border-right: 1px solid var(--color-neutral-3); }
.arco-calendar-week-list { display: flex; padding: 0px; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--color-neutral-3); }
.arco-calendar-week-list-item { padding: 20px 16px; text-align: left; color: rgb(125, 125, 127); flex: 1 1 0%; }
.arco-calendar-cell .arco-calendar-date { height: 100%; width: 100%; padding: 10px; box-sizing: border-box; cursor: pointer; }
.arco-calendar-cell .arco-calendar-date-circle { width: 28px; height: 28px; line-height: 28px; border-radius: 50%; text-align: center; }
.arco-calendar-date-content { height: 70px; overflow-y: auto; }
.arco-calendar-cell-today .arco-calendar-date-circle { box-sizing: border-box; border: 1px solid rgb(var(--primary-6)); }
.arco-calendar-date-value { font-size: 16px; font-weight: 500; color: var(--color-text-4); }
.arco-calendar-cell-in-view .arco-calendar-date-value { color: var(--color-text-1); }
.arco-calendar-mode-month .arco-calendar-cell-selected .arco-calendar-date-circle, .arco-calendar-mode-year .arco-calendar-cell-selected .arco-calendar-cell-selected .arco-calendar-date-circle { border: 1px solid rgb(var(--primary-6)); background-color: rgb(var(--primary-6)); color: rgb(255, 255, 255); }
.arco-calendar-mode-year:not(.arco-calendar-panel) { min-width: 820px; }
.arco-calendar-mode-year .arco-calendar-header { border-bottom: 1px solid var(--color-neutral-3); }
.arco-calendar-mode-year .arco-calendar-body { padding: 12px; }
.arco-calendar-mode-year .arco-calendar-year-row { display: flex; }
.arco-calendar-year-row > .arco-calendar-cell { flex: 1 1 0%; padding: 20px 8px; }
.arco-calendar-year-row > .arco-calendar-cell:not(:last-child) { border-right: 1px solid var(--color-neutral-3); }
.arco-calendar-year-row:not(:last-child) > .arco-calendar-cell { border-bottom: 1px solid var(--color-neutral-3); }
.arco-calendar-month-with-days .arco-calendar-month-row { height: 26px; }
.arco-calendar-month-with-days .arco-calendar-cell { border-bottom: 0px; }
.arco-calendar-month-with-days .arco-calendar-month-cell-body { padding: 0px; }
.arco-calendar-month-with-days .arco-calendar-month-title { padding: 10px 6px; font-size: 16px; font-weight: 500; color: var(--color-text-1); }
.arco-calendar-month-cell { font-size: 12px; width: 100%; }
.arco-calendar-month-cell .arco-calendar-week-list { border-bottom: unset; padding: 0px; }
.arco-calendar-month-cell .arco-calendar-week-list-item { padding: 6px; text-align: center; color: rgb(125, 125, 127); }
.arco-calendar-month-cell .arco-calendar-cell { text-align: center; }
.arco-calendar-month-cell .arco-calendar-date { padding: 2px; }
.arco-calendar-month-cell .arco-calendar-date-value { font-size: 14px; }
.arco-calendar-month-cell .arco-calendar-date-circle { display: inline-block; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; text-align: center; }
.arco-calendar-panel { border: 1px solid var(--color-neutral-3); background-color: var(--color-bg-5); }
.arco-calendar-panel .arco-calendar-header { padding: 8px 16px; border-bottom: 1px solid var(--color-neutral-3); }
.arco-calendar-panel .arco-calendar-header-value { font-size: 14px; line-height: 24px; flex: 1 1 0%; text-align: center; }
.arco-calendar-panel .arco-calendar-header-icon { width: 24px; height: 24px; line-height: 24px; margin-left: 2px; margin-right: 2px; }
.arco-calendar-panel .arco-calendar-body { padding: 14px 16px; }
.arco-calendar-panel .arco-calendar-month-cell-body { padding: 0px; }
.arco-calendar-panel .arco-calendar-month-row { height: unset; }
.arco-calendar-panel .arco-calendar-week-list { padding: 0px; border-bottom: unset; }
.arco-calendar-panel .arco-calendar-week-list-item { padding: 0px; text-align: center; font-weight: 400; height: 32px; line-height: 32px; }
.arco-calendar-panel .arco-calendar-cell, .arco-calendar-panel .arco-calendar-year-row .arco-calendar-cell { text-align: center; box-sizing: border-box; padding: 2px 0px; border-bottom: 0px; border-right: 0px; }
.arco-calendar-panel .arco-calendar-cell .arco-calendar-date { padding: 4px 0px; display: flex; justify-content: center; }
.arco-calendar-panel .arco-calendar-cell .arco-calendar-date-value { font-size: 14px; min-width: 24px; height: 24px; line-height: 24px; cursor: pointer; }
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell { padding: 4px 0px; }
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date { padding: 4px; }
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell .arco-calendar-date-value { border-radius: 12px; width: 100%; }
.arco-calendar-panel .arco-calendar-cell-selected .arco-calendar-date-value { color: var(--color-white); background-color: rgb(var(--primary-6)); border-radius: 50%; }
.arco-calendar-panel .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled):not(.arco-calendar-cell-week) .arco-calendar-date-value:hover { background-color: var(--color-primary-light-1); border-radius: 50%; color: rgb(var(--primary-6)); }
.arco-calendar-panel.arco-calendar-mode-year .arco-calendar-cell:not(.arco-calendar-cell-selected):not(.arco-calendar-cell-range-start):not(.arco-calendar-cell-range-end):not(.arco-calendar-cell-hover-range-start):not(.arco-calendar-cell-hover-range-end):not(.arco-calendar-cell-disabled) .arco-calendar-date-value:hover { border-radius: 12px; }
.arco-calendar-panel .arco-calendar-cell-today { position: relative; }
.arco-calendar-panel .arco-calendar-cell-today::after { content: ""; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(var(--primary-6)); }
.arco-calendar-cell-in-range .arco-calendar-date { background-color: var(--color-primary-light-1); }
.arco-calendar-cell-range-start .arco-calendar-date { border-radius: 16px 0px 0px 16px; }
.arco-calendar-cell-range-end .arco-calendar-date { border-radius: 0px 16px 16px 0px; }
.arco-calendar-cell-in-range-near-hover .arco-calendar-date { border-radius: 0px; }
.arco-calendar-cell-range-start .arco-calendar-date-value, .arco-calendar-cell-range-end .arco-calendar-date-value { background-color: rgb(var(--primary-6)); border-radius: 50%; color: var(--color-white); }
.arco-calendar-cell-hover-in-range .arco-calendar-date { background-color: var(--color-primary-light-1); }
.arco-calendar-cell-hover-range-start .arco-calendar-date { border-radius: 16px 0px 0px 16px; }
.arco-calendar-cell-hover-range-end .arco-calendar-date { border-radius: 0px 16px 16px 0px; }
.arco-calendar-cell-hover-range-start .arco-calendar-date-value, .arco-calendar-cell-hover-range-end .arco-calendar-date-value { background-color: var(--color-primary-light-2); border-radius: 50%; color: var(--color-text-1); }
.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date { background-color: var(--color-fill-1); cursor: not-allowed; }
.arco-calendar-panel .arco-calendar-cell-disabled > .arco-calendar-date > .arco-calendar-date-value { color: var(--color-text-4); background-color: var(--color-fill-1); cursor: not-allowed; }
.arco-calendar-panel .arco-calendar-footer-btn-wrapper { height: 38px; line-height: 38px; text-align: center; border-top: 1px solid var(--color-neutral-3); cursor: pointer; color: var(--color-text-1); }
.arco-calendar-rtl { direction: rtl; }
.arco-calendar-rtl .arco-calendar-header-icon { margin-right: 0px; margin-left: 12px; transform: scaleX(-1); }
.arco-calendar-rtl .arco-calendar-week-list-item { text-align: right; }
.arco-calendar-rtl.arco-calendar-mode-month:not(.arco-calendar-panel) .arco-calendar-cell:not(:last-child) { border-left: 1px solid var(--color-neutral-3); border-right: 0px; }
.arco-calendar-rtl .arco-calendar-header-value-year { margin-left: 8px; margin-right: 0px; }
.arco-calendar-rtl .arco-calendar-header-value-month { margin-right: 0px; margin-left: 32px; }
.arco-card { position: relative; background: var(--color-bg-2); transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1); border-radius: var(--border-radius-none); }
.arco-card-header { display: flex; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; border-bottom: 1px solid var(--color-neutral-3); overflow: hidden; }
.arco-card-header-no-title::before { content: " "; display: block; }
.arco-card-header-title { flex: 1 1 0%; font-weight: 500; color: var(--color-text-1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-card-header-extra { color: rgb(var(--primary-6)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-card-body { color: var(--color-text-2); }
.arco-card-cover { overflow: hidden; }
.arco-card-cover > * { display: block; width: 100%; }
.arco-card-actions { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.arco-card-actions::before { content: ""; visibility: hidden; }
.arco-card-actions-right { display: flex; align-items: center; }
.arco-card-actions-item { display: flex; align-items: center; justify-content: center; color: var(--color-text-2); cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-card-actions-item:hover { color: rgb(var(--primary-6)); }
.arco-card-actions-item:not(:last-child) { margin-right: 12px; }
.arco-card-meta-footer { display: flex; align-items: center; justify-content: space-between; }
.arco-card-meta-footer:last-child { margin-top: 20px; }
.arco-card-meta-footer-only-actions::before { content: ""; visibility: hidden; }
.arco-card-meta-footer .arco-card-actions { margin-top: 0px; }
.arco-card-meta-title { font-weight: 500; color: var(--color-text-1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-card-meta-description:not(:first-child) { margin-top: 4px; }
.arco-card-grid { position: relative; box-sizing: border-box; width: 33.33%; box-shadow: 1px 0 0 0 var(--color-neutral-3),0 1px 0 0 var(--color-neutral-3),1px 1px 0 0 var(--color-neutral-3),1px 0 0 0 var(--color-neutral-3) inset,0 1px 0 0 var(--color-neutral-3) inset; }
.arco-card-grid::before { content: ""; pointer-events: none; position: absolute; inset: 0px; transition: box-shadow 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-card-grid-hoverable:hover { z-index: 1; }
.arco-card-grid-hoverable:hover::before { box-shadow: 0 4px 10px rgb(var(--gray-2)); }
.arco-card-grid .arco-card { background: none; box-shadow: none; }
.arco-card-contain-grid:not(.arco-card-loading) > .arco-card-body { display: flex; flex-wrap: wrap; margin: 0px -1px; padding: 0px; }
.arco-card-hoverable:hover { box-shadow: 0 4px 10px rgb(var(--gray-2)); }
.arco-card-bordered { border: 1px solid var(--color-neutral-3); border-radius: var(--border-radius-small); }
.arco-card-bordered .arco-card-cover { border-radius: var(--border-radius-small) var(--border-radius-small) 0 0; }
.arco-card-loading .arco-card-body { overflow: hidden; text-align: center; }
.arco-card-size-default { font-size: 14px; }
.arco-card-size-default .arco-card-header { height: 46px; padding-left: 16px; padding-right: 16px; }
.arco-card-size-default .arco-card-header-title, .arco-card-size-default .arco-card-meta-title { font-size: 16px; }
.arco-card-size-default .arco-card-header-extra { font-size: 14px; }
.arco-card-size-default .arco-card-body { padding: 16px; }
.arco-card-size-small { font-size: 14px; }
.arco-card-size-small .arco-card-header { height: 40px; padding-left: 16px; padding-right: 16px; }
.arco-card-size-small .arco-card-header-title, .arco-card-size-small .arco-card-meta-title { font-size: 16px; }
.arco-card-size-small .arco-card-header-extra { font-size: 14px; }
.arco-card-size-small .arco-card-body { padding: 12px 16px; }
.arco-card-rtl .arco-card-actions-item:not(:last-child) { margin-left: 12px; margin-right: 0px; }
body[arco-theme="dark"] .arco-card-grid-hoverable:hover::before, body[arco-theme="dark"] .arco-card-hoverable:hover { box-shadow: 0 4px 10px rgba(var(--gray-1),40%); }
@keyframes arco-carousel-slide-x-in { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}
@keyframes arco-carousel-slide-x-out { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}
@keyframes arco-carousel-slide-x-in-reverse { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}
@keyframes arco-carousel-slide-x-out-reverse { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}
@keyframes arco-carousel-slide-y-in { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes arco-carousel-slide-y-out { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-100%); }
}
@keyframes arco-carousel-slide-y-in-reverse { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}
@keyframes arco-carousel-slide-y-out-reverse { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}
@keyframes arco-carousel-card-bottom-to-middle { 
  0% { opacity: 0; transform: translate(0px) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-bottom { 
  0% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
  100% { opacity: 0; transform: translate(-100%) translateZ(-400px); }
}
@keyframes arco-carousel-card-middle-to-bottom-rtl { 
  0% { opacity: 0.4; transform: translate(100%) translateZ(-200px); }
  100% { opacity: 0; transform: translate(100%) translateZ(-400px); }
}
@keyframes arco-carousel-card-top-to-middle { 
  0% { opacity: 1; transform: translate(-50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
}
@keyframes arco-carousel-card-top-to-middle-rtl { 
  0% { opacity: 1; transform: translate(50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(100%) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-top { 
  0% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
  100% { opacity: 1; transform: translate(-50%) translateZ(0px); }
}
@keyframes arco-carousel-card-middle-to-top-rtl { 
  0% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
  100% { opacity: 1; transform: translate(50%) translateZ(0px); }
}
@keyframes arco-carousel-card-bottom-to-middle-reverse { 
  0% { opacity: 0; transform: translate(-100%) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
}
@keyframes arco-carousel-card-bottom-to-middle-reverse-rtl { 
  0% { opacity: 0; transform: translate(100%) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(100%) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-bottom-reverse { 
  0% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
  100% { opacity: 0; transform: translate(0px) translateZ(-400px); }
}
@keyframes arco-carousel-card-top-to-middle-reverse { 
  0% { opacity: 1; transform: translate(-50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
}
@keyframes arco-carousel-card-top-to-middle-reverse-rtl { 
  0% { opacity: 1; transform: translate(50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(0px) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-top-reverse { 
  0% { opacity: 0.4; transform: translate(-100%) translateZ(-200px); }
  100% { opacity: 1; transform: translate(-50%) translateZ(0px); }
}
@keyframes arco-carousel-card-middle-to-top-reverse-rtl { 
  0% { opacity: 0.4; transform: translate(100%) translateZ(-200px); }
  100% { opacity: 1; transform: translate(50%) translateZ(0px); }
}
@keyframes arco-carousel-card-right-to-middle { 
  0% { opacity: 0; transform: translate(-50%) translateY(0px) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(-50%) translateY(0px) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-right { 
  0% { opacity: 0.4; transform: translate(-50%) translateY(-100%) translateZ(-200px); }
  100% { opacity: 0; transform: translate(-50%) translateY(-100%) translateZ(-400px); }
}
@keyframes arco-carousel-card-left-to-middle { 
  0% { opacity: 1; transform: translate(-50%) translateY(-50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(-50%) translateY(-100%) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-left { 
  0% { opacity: 0.4; transform: translate(-50%) translateY(0px) translateZ(-200px); }
  100% { opacity: 1; transform: translate(-50%) translateY(-50%) translateZ(0px); }
}
@keyframes arco-carousel-card-right-to-middle-reverse { 
  0% { opacity: 0; transform: translate(-50%) translateY(-100%) translateZ(-400px); }
  100% { opacity: 0.4; transform: translate(-50%) translateY(-100%) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-right-reverse { 
  0% { opacity: 0.4; transform: translate(-50%) translateY(0px) translateZ(-200px); }
  100% { opacity: 0; transform: translate(-50%) translateY(0px) translateZ(-400px); }
}
@keyframes arco-carousel-card-left-to-middle-reverse { 
  0% { opacity: 1; transform: translate(-50%) translateY(-50%) translateZ(0px); }
  100% { opacity: 0.4; transform: translate(-50%) translateY(0px) translateZ(-200px); }
}
@keyframes arco-carousel-card-middle-to-left-reverse { 
  0% { opacity: 0.4; transform: translate(-50%) translateY(-100%) translateZ(-200px); }
  100% { opacity: 1; transform: translate(-50%) translateY(-50%) translateZ(0px); }
}
.arco-carousel { position: relative; }
.arco-carousel-indicator-position-outer { margin-bottom: 30px; }
.arco-carousel-slide, .arco-carousel-card, .arco-carousel-fade { width: 100%; height: 100%; overflow: hidden; position: relative; }
.arco-carousel-slide > *, .arco-carousel-card > *, .arco-carousel-fade > * { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }
.arco-carousel-item-current { z-index: 1; position: relative; }
.arco-carousel-slide > :not(.arco-carousel-item-current) { visibility: hidden; }
.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-x-out; }
.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-x-in; }
.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out { animation: auto ease 0s 1 normal none running arco-carousel-slide-x-out-reverse; }
.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in { animation: auto ease 0s 1 normal none running arco-carousel-slide-x-in-reverse; }
.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-y-out; }
.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in { display: block; animation: auto ease 0s 1 normal none running arco-carousel-slide-y-in; }
.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out { animation: auto ease 0s 1 normal none running arco-carousel-slide-y-out-reverse; }
.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in { animation: auto ease 0s 1 normal none running arco-carousel-slide-y-in-reverse; }
.arco-carousel-card { perspective: 800px; }
.arco-carousel-card.arco-carousel-horizontal > * { left: 50%; opacity: 0; transform: translate(-50%) translateZ(-400px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-bottom; }
.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal > * { left: unset; right: 50%; animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-bottom-rtl; }
.arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-prev { opacity: 0.4; transform: translate(-100%) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-top-to-middle; }
.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-prev { transform: translate(100%) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-top-to-middle-rtl; }
.arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-next { opacity: 0.4; transform: translate(0px) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-bottom-to-middle; }
.arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-current { opacity: 1; transform: translate(-50%) translateZ(0px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-top; }
.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal .arco-carousel-item-current { transform: translate(50%) translateZ(0px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-top-rtl; }
.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative > * { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-bottom-reverse; }
.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-prev { animation: auto ease 0s 1 normal none running arco-carousel-card-bottom-to-middle-reverse; }
.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-prev { animation: auto ease 0s 1 normal none running arco-carousel-card-bottom-to-middle-reverse-rtl; }
.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-next { animation: auto ease 0s 1 normal none running arco-carousel-card-top-to-middle-reverse; }
.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-next { animation: auto ease 0s 1 normal none running arco-carousel-card-top-to-middle-reverse-rtl; }
.arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-current { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-top-reverse; }
.arco-carousel-rtl .arco-carousel-card.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-current { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-top-reverse-rtl; }
.arco-carousel-card.arco-carousel-vertical > * { top: 50%; left: 50%; opacity: 0; transform: translate(-50%) translateY(-50%) translateZ(-400px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-right; display: flex; justify-content: center; }
.arco-carousel-card.arco-carousel-vertical .arco-carousel-item-prev { opacity: 0.4; transform: translate(-50%) translateY(-100%) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-left-to-middle; }
.arco-carousel-card.arco-carousel-vertical .arco-carousel-item-next { opacity: 0.4; transform: translate(-50%) translateY(0px) translateZ(-200px); animation: auto ease 0s 1 normal none running arco-carousel-card-right-to-middle; }
.arco-carousel-card.arco-carousel-vertical .arco-carousel-item-current { opacity: 1; transform: translate(-50%) translateY(-50%) translateZ(0px); animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-left; }
.arco-carousel-card.arco-carousel-negative > * { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-right-reverse; }
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-prev { animation: auto ease 0s 1 normal none running arco-carousel-card-right-to-middle-reverse; }
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-next { animation: auto ease 0s 1 normal none running arco-carousel-card-left-to-middle-reverse; }
.arco-carousel-card.arco-carousel-negative .arco-carousel-item-current { animation: auto ease 0s 1 normal none running arco-carousel-card-middle-to-left-reverse; }
.arco-carousel-fade > * { left: 50%; transform: translate(-50%); opacity: 0; }
.arco-carousel-fade .arco-carousel-item-current { opacity: 1; }
.arco-carousel-indicator { display: flex; position: absolute; margin: 0px; padding: 0px; }
.arco-carousel-indicator-wrapper { position: absolute; z-index: 2; }
.arco-carousel-indicator-wrapper-top { left: 0px; right: 0px; top: 0px; height: 48px; background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 87%); }
.arco-carousel-indicator-wrapper-bottom { left: 0px; right: 0px; bottom: 0px; height: 48px; background: linear-gradient(rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15)); }
.arco-carousel-indicator-wrapper-left { left: 0px; top: 0px; width: 48px; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0) 87%); }
.arco-carousel-indicator-wrapper-right { right: 0px; top: 0px; width: 48px; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 0.15)); }
.arco-carousel-indicator-wrapper-outer { left: 0px; right: 0px; background: none; }
.arco-carousel-indicator-wrapper-outer-right { right: 0px; top: 0px; width: 20px; height: 100%; }
.arco-carousel-indicator-bottom { bottom: 12px; left: 50%; transform: translate(-50%); }
.arco-carousel-indicator-top { top: 12px; left: 50%; transform: translate(-50%); }
.arco-carousel-indicator-left { left: 12px; top: 50%; transform: translate(-50%, -50%) rotate(90deg); }
.arco-carousel-indicator-right { right: 12px; top: 50%; transform: translate(50%, -50%) rotate(90deg); }
.arco-carousel-indicator-outer { left: 50%; transform: translate(-50%); padding: 4px; border-radius: 20px; background-color: transparent; }
.arco-carousel-indicator-outer.arco-carousel-indicator-dot { bottom: -22px; }
.arco-carousel-indicator-outer.arco-carousel-indicator-line { bottom: -20px; }
.arco-carousel-indicator-outer.arco-carousel-indicator-slider { padding: 0px; bottom: -16px; background-color: rgba(var(--gray-4),.5); }
.arco-carousel-indicator-outer .arco-carousel-indicator-item { background-color: rgba(var(--gray-4),.5); }
.arco-carousel-indicator-outer .arco-carousel-indicator-item:hover, .arco-carousel-indicator-outer .arco-carousel-indicator-item-active { background-color: var(--color-fill-4); }
.arco-carousel-indicator-outer-right { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); padding: 4px; border-radius: 20px; background-color: transparent; }
.arco-carousel-indicator-outer-right.arco-carousel-indicator-slider { padding: 0px; background-color: rgba(var(--gray-4),.5); }
.arco-carousel-indicator-outer-right .arco-carousel-indicator-item { background-color: rgba(var(--gray-4),.5); }
.arco-carousel-indicator-outer-right .arco-carousel-indicator-item:hover, .arco-carousel-indicator-outer-right .arco-carousel-indicator-item-active { background-color: var(--color-fill-4); }
.arco-carousel-indicator-item { display: inline-block; border-radius: var(--border-radius-medium); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; }
.arco-carousel-indicator-item:hover, .arco-carousel-indicator-item-active { background-color: var(--color-white); }
.arco-carousel-indicator-dot .arco-carousel-indicator-item { width: 6px; height: 6px; border-radius: 50%; }
.arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) { margin-right: 8px; }
.arco-carousel-indicator-line .arco-carousel-indicator-item { width: 12px; height: 4px; }
.arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) { margin-right: 8px; }
.arco-carousel-indicator-slider { width: 48px; height: 4px; border-radius: var(--border-radius-medium); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; }
.arco-carousel-indicator-slider .arco-carousel-indicator-item { position: absolute; top: 0px; height: 100%; transition: left 0.3s; }
.arco-carousel-arrow > div { display: flex; align-items: center; justify-content: center; position: absolute; width: 24px; height: 24px; border-radius: 50%; color: var(--color-white); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; z-index: 2; user-select: none; }
.arco-carousel-arrow > div:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-carousel-arrow > div > svg { color: var(--color-white); font-size: 14px; }
.arco-carousel-arrow > div:hover { background-color: rgba(255, 255, 255, 0.5); }
.arco-carousel-arrow-left { left: 12px; top: 50%; transform: translateY(-50%); }
.arco-carousel-arrow-right { top: 50%; transform: translateY(-50%); right: 12px; }
.arco-carousel-arrow-top { left: 50%; transform: translate(-50%); top: 12px; }
.arco-carousel-arrow-bottom { left: 50%; transform: translate(-50%); bottom: 12px; }
.arco-carousel-arrow-hover div { opacity: 0; transition: 0.3s; }
.arco-carousel:hover .arco-carousel-arrow-hover div { opacity: 1; }
.arco-carousel-rtl { direction: rtl; }
.arco-carousel-rtl .arco-carousel-indicator-dot .arco-carousel-indicator-item:not(:last-child) { margin-left: 8px; margin-right: 0px; }
.arco-carousel-rtl .arco-carousel-indicator-line .arco-carousel-indicator-item:not(:last-child) { margin-left: 8px; margin-right: 0px; }
body[arco-theme="dark"] .arco-carousel-arrow > div { background-color: rgba(var(--gray-1),.3); }
body[arco-theme="dark"] .arco-carousel-arrow > div:hover { background-color: rgba(var(--gray-1),.5); }
body[arco-theme="dark"] .arco-carousel-indicator-item, body[arco-theme="dark"] .arco-carousel-indicator-slider { background-color: rgba(var(--gray-1),.3); }
body[arco-theme="dark"] .arco-carousel-indicator-item-active, body[arco-theme="dark"] .arco-carousel-indicator-item:hover { background-color: var(--color-white); }
body[arco-theme="dark"] .arco-carousel-indicator-outer.arco-carousel-indicator-slider { background-color: rgba(var(--gray-4),.5); }
body[arco-theme="dark"] .arco-carousel-indicator-outer .arco-carousel-indicator-item:hover, body[arco-theme="dark"] .arco-carousel-indicator-outer .arco-carousel-indicator-item-active { background-color: var(--color-fill-4); }
.arco-cascader .arco-cascader-view { color: var(--color-text-1); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-cascader:hover .arco-cascader-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-cascader.arco-cascader-focused .arco-cascader-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-cascader .arco-cascader-suffix-icon, .arco-cascader .arco-cascader-loading-icon, .arco-cascader .arco-cascader-search-icon, .arco-cascader .arco-cascader-clear-icon, .arco-cascader .arco-cascader-arrow-icon, .arco-cascader .arco-cascader-expand-icon { color: var(--color-text-2); }
.arco-cascader-error .arco-cascader-view { background-color: var(--color-danger-light-1); border: 1px solid transparent; }
.arco-cascader-error:hover .arco-cascader-view { background-color: var(--color-danger-light-2); border-color: transparent; }
.arco-cascader-error.arco-cascader-focused .arco-cascader-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-cascader-warning .arco-cascader-view { background-color: var(--color-warning-light-1); border: 1px solid transparent; }
.arco-cascader-warning:hover .arco-cascader-view { background-color: var(--color-warning-light-2); border-color: transparent; }
.arco-cascader-warning.arco-cascader-focused .arco-cascader-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-cascader-disabled .arco-cascader-view { color: var(--color-text-4); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-cascader-disabled:hover .arco-cascader-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-cascader-disabled .arco-cascader-suffix-icon, .arco-cascader-disabled .arco-cascader-loading-icon, .arco-cascader-disabled .arco-cascader-search-icon, .arco-cascader-disabled .arco-cascader-clear-icon, .arco-cascader-disabled .arco-cascader-arrow-icon, .arco-cascader-disabled .arco-cascader-expand-icon { color: var(--color-text-4); }
.arco-cascader-no-border .arco-cascader-view { border: none !important; background: none !important; }
.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }
.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }
.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix { padding-right: 4px; }
.arco-cascader-size-mini.arco-cascader-multiple input { font-size: 12px; }
.arco-cascader-size-mini.arco-cascader-single .arco-cascader-view { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 7px; }
.arco-cascader-size-mini.arco-cascader-single input { font-size: 12px; }
.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 7px; }
.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix { padding-right: 8px; }
.arco-cascader-size-small.arco-cascader-multiple input { font-size: 14px; }
.arco-cascader-size-small.arco-cascader-single .arco-cascader-view { height: 28px; line-height: 26px; font-size: 14px; padding: 0px 11px; }
.arco-cascader-size-small.arco-cascader-single input { font-size: 14px; }
.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 11px; }
.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix { padding-right: 8px; }
.arco-cascader-size-default.arco-cascader-multiple input { font-size: 14px; }
.arco-cascader-size-default.arco-cascader-single .arco-cascader-view { height: 32px; line-height: 30px; font-size: 14px; padding: 0px 11px; }
.arco-cascader-size-default.arco-cascader-single input { font-size: 14px; }
.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 11px; }
.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }
.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix { padding-right: 12px; }
.arco-cascader-size-large.arco-cascader-multiple input { font-size: 14px; }
.arco-cascader-size-large.arco-cascader-single .arco-cascader-view { height: 36px; line-height: 34px; font-size: 14px; padding: 0px 15px; }
.arco-cascader-size-large.arco-cascader-single input { font-size: 14px; }
.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 15px; }
.arco-cascader { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }
.arco-cascader-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: var(--border-radius-small); outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }
.arco-cascader-view input { color: inherit; cursor: inherit; }
.arco-cascader-view input::placeholder { color: var(--color-text-3); }
.arco-cascader-view input[disabled] { pointer-events: none; }
.arco-cascader-multiple, .arco-cascader-show-search { cursor: text; }
.arco-cascader-disabled { cursor: not-allowed; }
.arco-cascader-disabled .arco-cascader-view input::placeholder { color: var(--color-text-4); }
.arco-cascader-single .arco-cascader-view-input { box-sizing: border-box; width: 100%; padding: 0px; border: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-cascader-single .arco-cascader-view-selector { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; overflow: hidden; }
.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-input { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }
.arco-cascader-single .arco-cascader-view-selector .arco-cascader-view-value-mirror { opacity: 0; }
.arco-cascader-single .arco-cascader-view-value, .arco-cascader-single .arco-cascader-view-value-mirror { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-cascader-single .arco-cascader-view-value::after, .arco-cascader-single .arco-cascader-view-value-mirror::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }
.arco-cascader-single .arco-cascader-view .arco-cascader-hidden { opacity: 0; position: absolute; z-index: -1; }
.arco-cascader-multiple { vertical-align: top; }
.arco-cascader-multiple .arco-cascader-view { padding: 0px 4px; line-height: 0; }
.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 12px; }
.arco-cascader-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border: none !important; background: none !important; box-shadow: none !important; }
.arco-cascader-multiple .arco-tag { max-width: 100%; }
.arco-cascader-multiple:not(.arco-cascader-focused) .arco-input-tag input:not(:first-child)[value=""] { opacity: 0; position: absolute; z-index: -1; }
.arco-cascader-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: var(--color-text-2); }
.arco-cascader-suffix { display: flex; align-items: center; margin-left: 4px; }
.arco-cascader-suffix-icon, .arco-cascader-search-icon, .arco-cascader-loading-icon, .arco-cascader-expand-icon, .arco-cascader-clear-icon { font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-cascader-arrow-icon { font-size: 12px; }
.arco-cascader-open .arco-cascader-arrow-icon svg { transform: rotate(180deg); }
.arco-cascader .arco-cascader-clear-icon { display: none; cursor: pointer; }
.arco-cascader .arco-cascader-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-cascader:hover .arco-cascader-clear-icon { display: block; }
.arco-cascader:hover .arco-cascader-clear-icon ~ * { display: none; }
.arco-cascader-wrapper { display: inline-flex; align-items: stretch; width: 100%; }
.arco-cascader-wrapper .arco-cascader { min-width: 0px; }
.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:first-child) .arco-cascader-view { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-cascader-wrapper .arco-cascader:not(.arco-cascader-focused):not(:last-child) .arco-cascader-view { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-cascader-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: var(--color-fill-2); white-space: nowrap; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-image: initial; border-right: 1px solid var(--color-border-2); border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 7px; }
.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 4px; }
.arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-mini.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 4px; }
.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 11px; }
.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 8px; }
.arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-small.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }
.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 11px; }
.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 8px; }
.arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-default.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }
.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 15px; }
.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; padding-left: 12px; }
.arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder input, .arco-cascader-rtl.arco-cascader-size-large.arco-cascader-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 12px; }
.arco-cascader-wrapper-rtl .arco-cascader-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }
.arco-cascader-rtl .arco-cascader-view { text-align: right; }
.arco-cascader-rtl .arco-cascader-multiple .arco-cascader-view-with-prefix { padding-left: 0px; padding-right: 12px; }
.arco-cascader-rtl .arco-cascader-prefix { margin-right: 0px; margin-left: 12px; }
.arco-cascader-rtl .arco-cascader-suffix { margin-left: 0px; margin-right: 4px; }
.arco-cascader-popup { top: 4px; box-sizing: border-box; border: 1px solid var(--color-fill-3); border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; overflow: hidden; }
.arco-cascader-popup-trigger-hover .arco-cascader-list-item { transition: font-weight; }
.arco-cascader-popup .arco-cascader-popup-inner { width: 100%; white-space: nowrap; list-style: none; height: 200px; }
.arco-cascader-highlight { font-weight: 500; }
.arco-cascader-list-column { position: relative; vertical-align: top; display: inline-block; background-color: var(--color-bg-popup); height: 100%; }
.arco-cascader-list-column-virtual { width: 120px; }
.arco-cascader-list-column:not(:last-of-type) { border-right: 1px solid var(--color-fill-3); }
.arco-cascader-list-wrapper { position: relative; white-space: nowrap; box-sizing: border-box; height: 100%; display: flex; padding: 4px 0px; flex-direction: column; }
.arco-cascader-list-wrapper-with-footer { padding-bottom: 0px; }
.arco-cascader-list-empty { height: 100%; display: flex; align-items: center; }
.arco-cascader-list { padding: 0px; margin: 0px; list-style: none; box-sizing: border-box; overflow-y: auto; flex: 1 1 0%; }
.arco-cascader-list-item, .arco-cascader-list-search-item { position: relative; height: 36px; line-height: 36px; min-width: 100px; font-size: 14px; color: var(--color-text-1); box-sizing: border-box; display: flex; cursor: pointer; background-color: transparent; }
.arco-cascader-list-item-label, .arco-cascader-list-search-item-label { flex-grow: 1; padding-left: 12px; padding-right: 34px; }
.arco-cascader-list-item .arco-icon-right, .arco-cascader-list-search-item .arco-icon-right, .arco-cascader-list-item .arco-icon-check, .arco-cascader-list-search-item .arco-icon-check { position: absolute; color: var(--color-text-2); top: 50%; font-size: 12px; transform: translateY(-50%); right: 10px; }
.arco-cascader-list-item .arco-icon-check, .arco-cascader-list-search-item .arco-icon-check { color: rgb(var(--primary-6)); }
.arco-cascader-list-item .arco-icon-loading, .arco-cascader-list-search-item .arco-icon-loading { position: absolute; margin-top: -6px; top: 50%; font-size: 12px; right: 10px; color: rgb(var(--primary-6)); }
.arco-cascader-list-item:hover, .arco-cascader-list-search-item-hover { color: var(--color-text-1); background-color: var(--color-fill-2); }
.arco-cascader-list-item:hover .arco-checkbox input, .arco-cascader-list-search-item-hover .arco-checkbox input { display: none; }
.arco-cascader-list-item:hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover::before, .arco-cascader-list-search-item-hover .arco-checkbox:not(.arco-checkbox-disabled):not(.arco-checkbox-checked):hover .arco-checkbox-icon-hover::before { background-color: var(--color-fill-3); }
.arco-cascader-list-item-disabled, .arco-cascader-list-search-item-disabled, .arco-cascader-list-item-disabled:hover, .arco-cascader-list-search-item-disabled:hover { cursor: not-allowed; background-color: transparent; color: var(--color-text-4); }
.arco-cascader-list-item-disabled .arco-icon-right, .arco-cascader-list-search-item-disabled .arco-icon-right, .arco-cascader-list-item-disabled:hover .arco-icon-right, .arco-cascader-list-search-item-disabled:hover .arco-icon-right { color: inherit; }
.arco-cascader-list-item-disabled .arco-icon-check, .arco-cascader-list-search-item-disabled .arco-icon-check, .arco-cascader-list-item-disabled:hover .arco-icon-check, .arco-cascader-list-search-item-disabled:hover .arco-icon-check { color: var(--color-primary-light-3); }
.arco-cascader-list-item-active { transition: 0.2s cubic-bezier(0, 0, 1, 1); background-color: var(--color-fill-2); color: var(--color-text-1); font-weight: 500; }
.arco-cascader-list-item-active:hover { background-color: var(--color-fill-2); font-weight: 500; color: var(--color-text-1); }
.arco-cascader-list-item-active.arco-cascader-list-item-disabled, .arco-cascader-list-item-active.arco-cascader-list-item-disabled:hover { background-color: var(--color-fill-2); font-weight: 500; color: var(--color-text-4); }
.arco-cascader-list-multiple .arco-cascader-list-item-label { padding-left: 0px; }
.arco-cascader-list-multiple .arco-cascader-list-item, .arco-cascader-list-multiple .arco-cascader-list-search-item { padding-left: 12px; }
.arco-cascader-list-multiple .arco-cascader-list-item .arco-checkbox, .arco-cascader-list-multiple .arco-cascader-list-search-item .arco-checkbox { padding-left: 0px; margin-right: 8px; }
.arco-cascader-list-search.arco-cascader-list-multiple .arco-cascader-list-item-label { padding-right: 12px; }
.arco-cascader-list-footer { height: 36px; line-height: 36px; padding-left: 12px; border-top: 1px solid var(--color-fill-3); box-sizing: border-box; }
.cascaderSlide-enter-active, .cascaderSlide-appear-active { transition: margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-cascader-list-column-rtl { direction: rtl; }
.arco-cascader-list-column-rtl:not(:last-of-type) { border-left: 1px solid var(--color-fill-3); border-right: none; }
.arco-cascader-list-rtl .arco-cascader-list-item-label, .arco-cascader-list-rtl .arco-cascader-list-search-item-label { padding-left: 34px; padding-right: 12px; }
.arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-left, .arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-left, .arco-cascader-list-rtl .arco-cascader-list-item .arco-icon-check, .arco-cascader-list-rtl .arco-cascader-list-search-item .arco-icon-check { position: absolute; color: var(--color-text-2); top: 50%; font-size: 12px; transform: translateY(-50%); right: initial; left: 10px; }
.arco-cascader-list-rtl .arco-cascader-list-footer { padding-left: 0px; padding-right: 12px; }
.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item-label { padding-right: 0px; }
.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item, .arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item { padding-right: 12px; }
.arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-item .arco-checkbox, .arco-cascader-list-rtl.arco-cascader-multiple .arco-cascader-list-search-item .arco-checkbox { padding-right: 0px; margin-left: 8px; }
.arco-cascader-list-rtl.arco-cascader-multiple.arco-cascader-list-search .arco-cascader-list-item-label { padding-left: 12px; padding-right: 0px; }
.arco-icon-hover.arco-checkbox-icon-hover::before { width: 24px; height: 24px; }
.arco-checkbox { display: inline-block; cursor: pointer; box-sizing: border-box; font-size: 14px; padding-left: 5px; line-height: unset; position: relative; }
.arco-checkbox > input[type="checkbox"] { position: absolute; opacity: 0; top: 0px; left: 0px; width: 0px; height: 0px; }
.arco-checkbox > input[type="checkbox"]:focus-visible + .arco-checkbox-icon-hover::before { background-color: var(--color-fill-2); opacity: 1; }
.arco-checkbox:hover .arco-checkbox-icon-hover::before { background-color: var(--color-fill-2); }
.arco-checkbox-text { color: var(--color-text-1); margin-left: 8px; }
.arco-checkbox-mask-wrapper { vertical-align: middle; top: -0.09em; position: relative; line-height: 1; }
.arco-checkbox-mask { position: relative; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid var(--color-fill-3); border-radius: var(--border-radius-small); background-color: var(--color-bg-2); user-select: none; }
.arco-checkbox-mask::after { content: ""; display: block; height: 2px; width: 6px; background: var(--color-white); top: 50%; left: 50%; transform: translate(-50%) translateY(-50%) scale(0); position: absolute; border-radius: 0.5px; }
.arco-checkbox-mask-icon { position: relative; height: 100%; transform: scale(0); color: var(--color-white); transform-origin: center 75%; margin: 0px auto; display: block; width: 8px; }
.arco-checkbox:hover .arco-checkbox-mask { border-color: var(--color-fill-4); transition: border-color 0.1s cubic-bezier(0, 0, 1, 1), transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-checkbox-checked:hover .arco-checkbox-mask, .arco-checkbox-indeterminate:hover .arco-checkbox-mask { transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-checkbox-checked .arco-checkbox-mask { border-color: transparent; background-color: rgb(var(--primary-6)); }
.arco-checkbox-checked .arco-checkbox-mask-icon { transform: scale(1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-checkbox-indeterminate .arco-checkbox-mask { border-color: transparent; background-color: rgb(var(--primary-6)); }
.arco-checkbox-indeterminate .arco-checkbox-mask-icon { transform: scale(0); }
.arco-checkbox-indeterminate .arco-checkbox-mask::after { transform: translate(-50%) translateY(-50%) scale(1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-checkbox.arco-checkbox-disabled, .arco-checkbox.arco-checkbox-disabled .arco-checkbox-icon-hover { cursor: not-allowed; }
.arco-checkbox.arco-checkbox-disabled:hover .arco-checkbox-mask { border-color: var(--color-fill-3); }
.arco-checkbox-checked:hover .arco-checkbox-mask, .arco-checkbox-indeterminate:hover .arco-checkbox-mask { border-color: transparent; }
.arco-checkbox-disabled .arco-checkbox-mask { border-color: var(--color-fill-3); background-color: var(--color-fill-2); }
.arco-checkbox-disabled.arco-checkbox-checked .arco-checkbox-mask, .arco-checkbox-disabled.arco-checkbox-checked:hover .arco-checkbox-mask, .arco-checkbox-disabled.arco-checkbox-indeterminate .arco-checkbox-mask, .arco-checkbox-disabled.arco-checkbox-indeterminate:hover .arco-checkbox-mask { border-color: transparent; background-color: var(--color-primary-light-3); }
.arco-checkbox-disabled:hover .arco-checkbox-mask-wrapper::before, .arco-checkbox-checked:hover .arco-checkbox-mask-wrapper::before, .arco-checkbox-indeterminate:hover .arco-checkbox-mask-wrapper::before { background-color: transparent; }
.arco-checkbox-disabled .arco-checkbox-text { color: var(--color-text-4); }
.arco-checkbox-disabled .arco-checkbox-mask-icon { color: var(--color-fill-2); }
.arco-checkbox-group { display: inline-block; }
.arco-checkbox-group .arco-checkbox { margin-right: 16px; }
.arco-checkbox-group-direction-vertical .arco-checkbox { display: block; margin-right: 0px; line-height: 32px; }
.arco-checkbox-rtl { direction: rtl; padding-left: 0px; padding-right: 5px; }
.arco-checkbox-rtl .arco-checkbox-text { margin-left: 0px; margin-right: 8px; }
.arco-checkbox-group-rtl .arco-checkbox { margin-right: 0px; margin-left: 16px; }
.arco-icon-hover.arco-collapse-item-icon-hover::before { width: 16px; height: 16px; }
.arco-icon-hover.arco-collapse-item-icon-hover:hover::before { background-color: var(--color-fill-2); }
.arco-collapse { overflow: hidden; border-radius: var(--border-radius-medium); border: 1px solid var(--color-neutral-3); line-height: 1.5715; }
.arco-collapse-rtl { direction: rtl; }
.arco-collapse-item { border-bottom: 1px solid var(--color-neutral-3); box-sizing: border-box; }
.arco-collapse-item-active > .arco-collapse-item-header { background-color: var(--color-bg-2); border-color: var(--color-neutral-3); transition: border-color; }
.arco-collapse-item-active > .arco-collapse-item-header .arco-collapse-item-header-title { font-weight: 500; }
.arco-collapse-item-header { display: flex; align-items: center; justify-content: space-between; position: relative; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; background-color: var(--color-bg-2); border-bottom: 1px solid transparent; color: var(--color-text-1); cursor: pointer; font-size: 14px; overflow: hidden; line-height: 24px; transition: border-color 0.19s; }
.arco-collapse-item-header[data-active-region="header"] { cursor: unset; }
.arco-collapse-item-header[data-active-region="header"] > .arco-collapse-item-header-title, .arco-collapse-item-header[data-active-region="header"] > .arco-icon-hover { cursor: pointer; }
.arco-collapse-item-header[data-active-region="icon"] { cursor: unset; }
.arco-collapse-item-header[data-active-region="icon"] > .arco-icon-hover { cursor: pointer; }
.arco-collapse-item-header:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-collapse-item-header-left { padding-left: 32px; padding-right: 13px; }
.arco-collapse-item-header-right { padding-left: 13px; padding-right: 32px; }
.arco-collapse-item-header-disabled { cursor: not-allowed; color: var(--color-text-4); background-color: var(--color-bg-2); }
.arco-collapse-item-header-disabled .arco-collapse-item-header-icon { color: var(--color-text-4); }
.arco-collapse-item-header-title { display: inline; }
.arco-collapse-item-header-extra { float: right; }
.arco-collapse-item .arco-collapse-item-icon-hover { position: absolute; top: 50%; transform: translateY(-50%); left: 13px; text-align: center; }
.arco-collapse-item .arco-collapse-item-icon-hover-right { right: 13px; left: unset; }
.arco-collapse-item .arco-collapse-item-icon-hover-right > .arco-collapse-item-header-icon-down { transform: rotate(-90deg); }
.arco-collapse-item-header-icon { color: var(--color-neutral-7); font-size: 14px; transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); vertical-align: middle; position: relative; display: block; }
.arco-collapse-item-header-icon-down { transform: rotate(90deg); }
.arco-collapse-item-content { display: none; overflow: hidden; position: relative; color: var(--color-text-1); background-color: var(--color-fill-1); font-size: 14px; transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-collapse-item-content-expanded { display: block; height: auto; }
.arco-collapse-item-content-box { padding: 8px 13px 8px 34px; }
.arco-collapse-item.arco-collapse-item-disabled > .arco-collapse-item-content { color: var(--color-text-1); }
.arco-collapse-item-no-icon > .arco-collapse-item-header { padding-left: 13px; padding-right: 13px; }
.arco-collapse-item:last-of-type { border-bottom: none; }
.arco-collapse.arco-collapse-borderless { border: none; }
.arco-collapse::after { display: table; content: ""; clear: both; }
.arco-color-picker { display: inline-flex; background-color: var(--color-fill-2); align-items: center; border-radius: 2px; box-sizing: border-box; }
.arco-color-picker-preview { border: 1px solid var(--color-border-2); box-sizing: border-box; flex: 0 0 auto; }
.arco-color-picker-value { margin-left: 6px; font-weight: 400; color: var(--color-text-1); }
.arco-color-picker-input { display: none; }
.arco-color-picker:hover { cursor: pointer; background-color: var(--color-fill-3); }
.arco-color-picker-size-default { min-height: 32px; padding: 4px; }
.arco-color-picker-size-default .arco-color-picker-preview { height: 24px; width: 24px; }
.arco-color-picker-size-default .arco-color-picker-value { font-size: 14px; }
.arco-color-picker-size-mini { min-height: 24px; padding: 4px; }
.arco-color-picker-size-mini .arco-color-picker-preview { height: 16px; width: 16px; }
.arco-color-picker-size-mini .arco-color-picker-value { font-size: 12px; }
.arco-color-picker-size-small { min-height: 28px; padding: 3px 4px; }
.arco-color-picker-size-small .arco-color-picker-preview { height: 22px; width: 22px; }
.arco-color-picker-size-small .arco-color-picker-value { font-size: 14px; }
.arco-color-picker-size-large { min-height: 36px; padding: 5px; }
.arco-color-picker-size-large .arco-color-picker-preview { height: 26px; width: 26px; }
.arco-color-picker-size-large .arco-color-picker-value { font-size: 14px; }
.arco-color-picker.arco-color-picker-disabled { background-color: var(--color-fill-2); cursor: not-allowed; }
.arco-color-picker.arco-color-picker-disabled .arco-color-picker-value { color: var(--color-text-4); }
.arco-color-picker-panel { width: 260px; border-radius: 2px; background-color: var(--color-bg-1); box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px; }
.arco-color-picker-panel .arco-color-picker-palette { width: 100%; height: 178px; position: relative; cursor: pointer; background-image: linear-gradient(0deg, rgb(0, 0, 0), transparent), linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); overflow: hidden; border-left: 1px solid var(--color-border-2); border-top: 1px solid var(--color-border-2); border-right: 1px solid var(--color-border-2); box-sizing: border-box; }
.arco-color-picker-panel .arco-color-picker-palette .arco-color-picker-handler { width: 16px; height: 16px; border-radius: 50%; position: absolute; background-color: transparent; transform: translate(-50%, -50%); border: 2px solid var(--color-bg-white); box-sizing: border-box; }
.arco-color-picker-panel .arco-color-picker-panel-control { padding: 12px; }
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper { display: flex; align-items: center; }
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-preview { margin-left: auto; width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--color-border-2); box-sizing: border-box; }
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-control-bar-alpha { margin-top: 12px; }
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper { margin-top: 12px; display: flex; }
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-color-picker-group-wrapper { margin-left: 12px; display: flex; flex: 1 1 0%; }
.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-select-view, .arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-inner-wrapper { padding: 0px 6px; }
.arco-color-picker-panel .arco-color-picker-panel-control-gradient { padding: 12px 12px 0px; }
.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-control-bar-gradient { margin: 0px 8px 12px; }
.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-control-bar-gradient .arco-color-picker-control-bar { width: 100%; }
.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-panel-control-gradient-tag { margin-bottom: 12px; }
.arco-color-picker-panel .arco-color-picker-panel-colors { padding: 12px; border-top: 1px solid var(--color-border-2); }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-section:not(:first-child) { margin-top: 12px; }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-text { font-size: 12px; font-weight: 400; color: var(--color-text-1); }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-empty { margin: 12px 0px; font-size: 12px; color: var(--color-text-3); }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-wrapper { margin-top: 8px; }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-list { display: flex; flex-wrap: wrap; margin: -8px -4px 0px; }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block { margin: 6px 3px 0px; width: 16px; height: 16px; cursor: pointer; border-radius: 2px; transition: transform 60ms ease-out; background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0deg, rgba(0, 0, 0, 0.06) 25%, transparent 0deg, transparent 50%, rgba(0, 0, 0, 0.06) 0deg, rgba(0, 0, 0, 0.06) 75%, transparent 0deg); background-size: 8px 8px; overflow: hidden; }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block .arco-color-picker-block { width: 100%; height: 100%; }
.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block:hover { transform: scale(1.1); }
.arco-color-picker-panel .arco-color-picker-control-bar-bg { background-image: conic-gradient(rgba(0, 0, 0, 0.06) 0deg, rgba(0, 0, 0, 0.06) 25%, transparent 0deg, transparent 50%, rgba(0, 0, 0, 0.06) 0deg, rgba(0, 0, 0, 0.06) 75%, transparent 0deg); background-size: 8px 8px; }
.arco-color-picker-panel .arco-color-picker-control-bar { width: 182px; height: 14px; position: relative; border-radius: 10px; cursor: pointer; border: 1px solid var(--color-border-2); box-sizing: border-box; }
.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler { width: 16px; height: 16px; border-radius: 50%; position: absolute; top: -2px; background-color: var(--color-bg-white); transform: translate(-50%); border: 1px solid var(--color-border-2); box-sizing: border-box; }
.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler-center { position: absolute; width: 8px; height: 8px; border-radius: 50%; transform: translate(3px, 3px); }
.arco-color-picker-panel .arco-color-picker-control-bar-hue { background: linear-gradient(90deg, red 0px, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255), rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, red); }
.arco-color-picker-panel .arco-color-picker-select-type { width: 58px; }
.arco-color-picker-panel .arco-color-picker-input-group { display: flex; }
.arco-color-picker-panel .arco-color-picker-input-group > * { flex: 1 1 0%; }
.arco-color-picker-panel .arco-color-picker-input-alpha { width: 52px; flex: 0 0 auto; }
.arco-color-picker-panel .arco-color-picker-input-hex .arco-input { padding-left: 4px; }
.arco-color-picker-type-dropdown .arco-select-option { font-size: 12px !important; line-height: 24px !important; }
.arco-comment { display: flex; flex-wrap: nowrap; line-height: 1.5715; }
.arco-comment:not(:first-of-type), .arco-comment-inner-comment { margin-top: 20px; }
.arco-comment-inner { flex: 1 1 0%; }
.arco-comment-avatar { flex-shrink: 0; margin-right: 12px; cursor: pointer; }
.arco-comment-avatar > img { width: 32px; height: 32px; border-radius: var(--border-radius-circle); }
.arco-comment-author { color: var(--color-text-2); font-size: 14px; margin-right: 8px; }
.arco-comment-datetime { color: var(--color-text-3); font-size: 12px; }
.arco-comment-content { font-size: 14px; color: var(--color-text-1); }
.arco-comment-title-align-right { display: flex; justify-content: space-between; }
.arco-comment-actions { margin-top: 8px; color: var(--color-text-2); font-size: 14px; }
.arco-comment-actions > :not(:last-child) { margin-right: 8px; }
.arco-comment-actions-align-right { display: flex; justify-content: flex-end; }
.arco-comment-rtl { direction: rtl; }
.arco-comment-rtl .arco-comment-title { display: flex; align-items: center; }
.arco-comment-rtl .arco-comment-avatar { margin-right: 0px; margin-left: 12px; }
.arco-comment-rtl .arco-comment-author { margin-right: 0px; margin-left: 8px; }
.arco-comment-rtl .arco-comment-actions > :not(:last-child) { margin-left: 8px; margin-right: 0px; }
.arco-picker-container, .arco-picker-range-container { border: 1px solid var(--color-neutral-3); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-sizing: border-box; min-height: 60px; overflow: hidden; }
.arco-picker-container-shortcuts-placement-left, .arco-picker-range-container-shortcuts-placement-left { display: flex; align-items: flex-start; }
.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts, .arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts { display: flex; flex-direction: column; padding: 5px 8px; box-sizing: border-box; overflow: hidden auto; }
.arco-picker-container-shortcuts-placement-left .arco-picker-shortcuts > *, .arco-picker-range-container-shortcuts-placement-left .arco-picker-shortcuts > * { margin: 5px 0px; }
.arco-picker-container-shortcuts-placement-left .arco-picker-panel-wrapper, .arco-picker-range-container-shortcuts-placement-left .arco-picker-panel-wrapper, .arco-picker-container-shortcuts-placement-left .arco-picker-range-panel-wrapper, .arco-picker-range-container-shortcuts-placement-left .arco-picker-range-panel-wrapper { border-left: 1px solid var(--color-neutral-3); }
.arco-picker-panel-only, .arco-picker-range-panel-only { box-shadow: none; }
.arco-picker-panel-only .arco-panel-date-inner, .arco-picker-range-panel-only .arco-panel-date-inner, .arco-picker-range-panel-only .arco-panel-date, .arco-picker-range-panel-only .arco-panel-month, .arco-picker-range-panel-only .arco-panel-year { width: 100%; }
.arco-picker-header { display: flex; padding: 8px 16px; border-bottom: 1px solid var(--color-neutral-3); }
.arco-picker-header-value { font-size: 14px; line-height: 24px; flex: 1 1 0%; text-align: center; color: var(--color-text-1); font-weight: 500; box-sizing: border-box; }
.arco-picker-header-icon { border-radius: 50%; text-align: center; font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); user-select: none; color: var(--color-text-2); background-color: var(--color-bg-popup); width: 24px; height: 24px; line-height: 24px; margin-left: 2px; margin-right: 2px; box-sizing: border-box; }
.arco-picker-header-icon:not(.arco-picker-header-icon-hidden) { cursor: pointer; }
.arco-picker-header-icon:not(.arco-picker-header-icon-hidden):hover { background-color: var(--color-fill-3); }
.arco-picker-header-label { cursor: pointer; padding: 2px; border-radius: 2px; transition: 0.1s; }
.arco-picker-header-label:hover { background-color: var(--color-fill-3); }
.arco-picker-body { padding: 14px 16px; }
.arco-picker-week-list { display: flex; width: 100%; box-sizing: border-box; padding: 14px 16px 0px; }
.arco-picker-week-list-item { color: var(--color-text-2); flex: 1 1 0%; padding: 0px; text-align: center; font-weight: 500; height: 32px; line-height: 32px; }
.arco-picker-row { display: flex; }
.arco-picker-cell { position: relative; flex: 1 1 0%; cursor: pointer; padding: 2px 0px; }
.arco-picker-cell .arco-picker-date { display: flex; height: 100%; width: 100%; box-sizing: border-box; cursor: pointer; padding: 4px 0px; justify-content: center; }
.arco-picker-date-value { color: var(--color-text-4); font-size: 14px; min-width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 24px; font-weight: 500; }
.arco-picker-cell-in-view .arco-picker-date-value { color: var(--color-text-1); font-weight: 500; }
.arco-picker-cell:hover .arco-picker-date-value { background-color: var(--color-fill-3); color: var(--color-text-1); }
.arco-picker-cell-today { position: relative; }
.arco-picker-cell-today::after { content: ""; display: block; position: absolute; bottom: -2px; left: 50%; margin-left: -2px; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(var(--primary-6)); }
.arco-picker-cell-in-range .arco-picker-date { background-color: var(--color-primary-light-1); }
.arco-picker-cell-range-start .arco-picker-date, .arco-picker-cell-hover-range-start .arco-picker-date { border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.arco-picker-cell-range-end .arco-picker-date, .arco-picker-cell-hover-range-end .arco-picker-date { border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.arco-picker-cell-range-start:hover .arco-picker-date-value, .arco-picker-cell-range-end:hover .arco-picker-date-value { background-color: unset; }
.arco-picker-cell-disabled .arco-picker-date { background-color: var(--color-fill-1); cursor: not-allowed; }
.arco-picker-cell-disabled .arco-picker-date-value, .arco-picker-cell-disabled:hover .arco-picker-date-value { color: var(--color-text-4); background-color: transparent; }
.arco-picker-cell-selected .arco-picker-date-value, .arco-picker-cell-selected:hover .arco-picker-date-value { color: var(--color-white); background-color: rgb(var(--primary-6)); transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-picker-cell-hover-in-range .arco-picker-date, .arco-picker-cell-hover-range-start:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value, .arco-picker-cell-hover-range-end:not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end) .arco-picker-date-value { background-color: var(--color-primary-light-2); }
.arco-picker-cell-range-edge-in-hover-range .arco-picker-date, .arco-picker-cell-hover-range-edge-in-range .arco-picker-date { border-radius: 0px; }
.arco-picker-cell-hidden .arco-picker-date { display: none; }
.arco-picker-footer { width: min-content; min-width: 100%; }
.arco-picker-footer-btn-wrapper { border-top: 1px solid var(--color-neutral-3); padding: 3px 8px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; }
.arco-picker-footer-extra-wrapper { padding: 8px 24px; color: var(--color-text-1); border-top: 1px solid var(--color-neutral-3); box-sizing: border-box; font-size: 12px; }
.arco-picker-footer-now-wrapper { border-top: 1px solid var(--color-neutral-3); box-sizing: border-box; height: 36px; line-height: 36px; text-align: center; }
.arco-picker-btn-select-date, .arco-picker-btn-select-time { margin-right: 8px; }
.arco-picker-btn-confirm { margin: 5px 0px; }
.arco-picker-shortcuts { flex: 1 1 0%; }
.arco-picker-shortcuts > * { margin: 5px 10px 5px 0px; }
.arco-panel-date { display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; }
.arco-panel-date-inner { width: 265px; }
.arco-panel-date-inner .arco-picker-body { padding-top: 0px; }
.arco-panel-date-timepicker { display: flex; flex-direction: column; }
.arco-panel-date-timepicker-title { width: 100%; text-align: center; font-weight: 400; font-size: 14px; height: 40px; line-height: 40px; border-bottom: 1px solid var(--color-neutral-3); color: var(--color-text-1); }
.arco-panel-date-timepicker .arco-timepicker { width: 265px; height: 276px; padding: 0px 6px; overflow: hidden; }
.arco-panel-date-timepicker .arco-timepicker-list { width: 100%; height: 100%; padding: 0px 4px; box-sizing: border-box; }
.arco-panel-date-timepicker .arco-timepicker-list:not(:last-child) { border-right: 0px; }
.arco-panel-date-timepicker .arco-timepicker ul::after { height: 244px; }
.arco-panel-date-timepicker .arco-timepicker-cell { width: 100%; }
.arco-panel-date-holder { display: flex; width: 100%; border-top: 1px solid var(--color-neutral-3); }
.arco-panel-date-holder-btn { display: flex; align-items: center; justify-content: center; flex: 1 1 0%; height: 50px; box-sizing: border-box; cursor: pointer; color: var(--color-text-3); font-size: 16px; transition: color 0.2s; }
.arco-panel-date-holder-btn:first-child { border-right: 1px solid var(--color-neutral-3); }
.arco-panel-date-holder-btn:hover, .arco-panel-date-holder-btn:active, .arco-panel-date-holder-btn-active { color: var(--color-text-1); }
.arco-panel-date-holder-btn-value { margin-left: 8px; }
.arco-panel-date:first-child .arco-panel-date-holder { border-right: 1px solid var(--color-neutral-3); }
.arco-panel-month, .arco-panel-quarter, .arco-panel-year { box-sizing: border-box; width: 265px; }
.arco-panel-month .arco-picker-date, .arco-panel-quarter .arco-picker-date, .arco-panel-year .arco-picker-date { padding: 4px; }
.arco-panel-month .arco-picker-date-value, .arco-panel-quarter .arco-picker-date-value, .arco-panel-year .arco-picker-date-value { border-radius: 24px; width: 100%; }
.arco-panel-month .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover, .arco-panel-quarter .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover, .arco-panel-year .arco-picker-cell:not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-disabled):not(.arco-picker-cell-week) .arco-picker-date-value:hover { border-radius: 24px; }
.arco-panel-year { box-sizing: border-box; width: 265px; }
.arco-panel-week { box-sizing: border-box; }
.arco-panel-week-wrapper { display: flex; }
.arco-panel-week-inner { width: 298px; }
.arco-panel-week-inner .arco-picker-body { padding-top: 0px; }
.arco-panel-week .arco-picker-row-week { cursor: pointer; }
.arco-panel-week .arco-picker-row-week .arco-picker-date-value { width: 100%; border-radius: 0px; }
.arco-panel-week .arco-picker-cell .arco-picker-date { border-radius: 0px; }
.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date { padding-left: 4px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value { border-top-left-radius: 24px; border-bottom-left-radius: 24px; }
.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date { padding-right: 4px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value { border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.arco-panel-week .arco-picker-row-week:hover .arco-picker-cell:not(.arco-picker-cell-week):not(.arco-picker-cell-selected):not(.arco-picker-cell-range-start):not(.arco-picker-cell-range-end):not(.arco-picker-cell-in-range):not(.arco-picker-cell-hover-in-range) .arco-picker-date-value { background-color: var(--color-fill-3); }
.arco-panel-quarter { box-sizing: border-box; width: 265px; }
.arco-picker-range-wrapper { display: flex; }
.arco-datepicker-shortcuts-wrapper { width: 106px; height: 100%; max-height: 300px; overflow-y: auto; box-sizing: border-box; list-style: none; padding: 0px; margin: 10px 0px 0px; }
.arco-datepicker-shortcuts-wrapper > li { width: 100%; padding: 6px 16px; cursor: pointer; box-sizing: border-box; }
.arco-datepicker-shortcuts-wrapper > li:hover { color: rgb(var(--primary-6)); }
.arco-picker-container-rtl, .arco-picker-range-container-rtl { direction: rtl; }
.arco-picker-container-rtl .arco-picker-cell-range-start .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-range-start .arco-picker-date, .arco-picker-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-hover-range-start .arco-picker-date { border-radius: 0px 24px 24px 0px; }
.arco-picker-container-rtl .arco-picker-cell-range-end .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-range-end .arco-picker-date, .arco-picker-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date, .arco-picker-range-container-rtl .arco-picker-cell-hover-range-end .arco-picker-date { border-radius: 24px 0px 0px 24px; }
.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date { padding-right: 4px; padding-left: 0px; border-radius: 0px 24px 24px 0px; }
.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(2) .arco-picker-date .arco-picker-date-value { border-radius: 0px 24px 24px 0px; }
.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date { padding-left: 4px; padding-right: 0px; border-radius: 24px 0px 0px 24px; }
.arco-picker-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value, .arco-picker-range-container-rtl .arco-panel-week .arco-picker-cell:nth-child(8) .arco-picker-date .arco-picker-date-value { border-radius: 24px 0px 0px 24px; }
.arco-descriptions-table { width: 100%; border-collapse: collapse; }
.arco-descriptions-table-layout-fixed table { table-layout: fixed; }
.arco-descriptions-title { font-size: 16px; color: var(--color-text-1); font-weight: 500; line-height: 1.5715; margin-bottom: 16px; }
.arco-descriptions-item, .arco-descriptions-item-label, .arco-descriptions-item-value { padding: 0px 4px 12px 0px; text-align: left; box-sizing: border-box; font-size: 14px; line-height: 1.5715; }
.arco-descriptions-item-label { color: var(--color-text-3); font-weight: 500; width: 1px; white-space: nowrap; }
.arco-descriptions-table-layout-fixed .arco-descriptions-item-label { width: auto; }
.arco-descriptions-item-value { color: var(--color-text-1); font-weight: 400; }
.arco-descriptions-item-label-inline, .arco-descriptions-item-value-inline { text-align: left; box-sizing: border-box; font-size: 14px; line-height: 1.5715; }
.arco-descriptions-item-label-inline { color: var(--color-text-3); font-weight: 500; margin-bottom: 2px; }
.arco-descriptions-item-value-inline { color: var(--color-text-1); font-weight: 400; }
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline { margin-right: 4px; }
.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline, .arco-descriptions-layout-inline-horizontal .arco-descriptions-item-value-inline { display: inline-block; margin-bottom: 0px; }
.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item { padding: 12px 20px; }
.arco-descriptions-border .arco-descriptions-body { border: 1px solid var(--color-neutral-3); border-radius: var(--border-radius-medium); overflow: hidden; }
.arco-descriptions-border .arco-descriptions-row:not(:last-child) { border-bottom: 1px solid var(--color-neutral-3); }
.arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item, .arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-label, .arco-descriptions-border:not(.arco-descriptions-rtl) .arco-descriptions-item-value { border-right: 1px solid var(--color-neutral-3); }
.arco-descriptions-border .arco-descriptions-item, .arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-border .arco-descriptions-item-value { padding: 7px 20px; }
.arco-descriptions-border .arco-descriptions-item-label { background-color: var(--color-fill-1); }
.arco-descriptions-border .arco-descriptions-item-value:last-child { border-right: none; }
.arco-descriptions-border .arco-descriptions-item:last-child { border-right: none; }
.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child { border-right: none; }
.arco-descriptions-layout-vertical:not(.arco-descriptions-border) .arco-descriptions-item-value:first-child { padding-left: 0px; }
.arco-descriptions-size-mini .arco-descriptions-title { margin-bottom: 6px; }
.arco-descriptions-size-mini .arco-descriptions-item-label, .arco-descriptions-size-mini .arco-descriptions-item-value { padding-bottom: 2px; padding-right: 20px; font-size: 12px; }
.arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-size-mini.arco-descriptions-border .arco-descriptions-item-value { padding: 3px 20px; }
.arco-descriptions-size-mini.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item { padding: 8px 20px; }
.arco-descriptions-size-small .arco-descriptions-title { margin-bottom: 8px; }
.arco-descriptions-size-small .arco-descriptions-item-label, .arco-descriptions-size-small .arco-descriptions-item-value { padding-bottom: 4px; padding-right: 20px; font-size: 14px; }
.arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-size-small.arco-descriptions-border .arco-descriptions-item-value { padding: 3px 20px; }
.arco-descriptions-size-small.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item { padding: 8px 20px; }
.arco-descriptions-size-medium .arco-descriptions-title { margin-bottom: 12px; }
.arco-descriptions-size-medium .arco-descriptions-item-label, .arco-descriptions-size-medium .arco-descriptions-item-value { padding-bottom: 8px; padding-right: 20px; font-size: 14px; }
.arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-size-medium.arco-descriptions-border .arco-descriptions-item-value { padding: 5px 20px; }
.arco-descriptions-size-medium.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item { padding: 10px 20px; }
.arco-descriptions-size-large .arco-descriptions-title { margin-bottom: 20px; }
.arco-descriptions-size-large .arco-descriptions-item-label, .arco-descriptions-size-large .arco-descriptions-item-value { padding-bottom: 16px; padding-right: 20px; font-size: 14px; }
.arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-size-large.arco-descriptions-border .arco-descriptions-item-value { padding: 9px 20px; }
.arco-descriptions-size-large.arco-descriptions-border.arco-descriptions-layout-inline-vertical .arco-descriptions-item { padding: 14px 20px; }
.arco-descriptions-rtl { direction: rtl; }
.arco-descriptions-rtl .arco-descriptions-item, .arco-descriptions-rtl .arco-descriptions-item-label, .arco-descriptions-rtl .arco-descriptions-item-value { text-align: right; padding: 0px 0px 12px 4px; }
.arco-descriptions-rtl .arco-descriptions-item-label-inline, .arco-descriptions-rtl .arco-descriptions-item-value-inline { text-align: right; }
.arco-descriptions-rtl.arco-descriptions-layout-inline-horizontal .arco-descriptions-item-label-inline { margin-right: 0px; margin-left: 4px; }
.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item, .arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-label, .arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value { border-left: 1px solid var(--color-neutral-3); padding: 7px 20px; }
.arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item:last-child, .arco-descriptions-rtl.arco-descriptions-border .arco-descriptions-item-value:last-child { border-left: none; }
.arco-descriptions-rtl.arco-descriptions-border.arco-descriptions-layout-vertical .arco-descriptions-item-label:last-child { border-left: none; }
.arco-descriptions-rtl.arco-descriptions-layout-vertical:not(.arco-descriptions-rtl.arco-descriptions-border) .arco-descriptions-item-value:first-child { padding-right: 0px; }
.arco-divider-horizontal { position: relative; width: 100%; min-width: 100%; max-width: 100%; margin: 20px 0px; border-bottom: 1px solid var(--color-neutral-3); clear: both; }
.arco-divider-horizontal.arco-divider-with-text { margin: 20px 0px; display: flex; align-items: center; border-bottom-width: 0px; border-bottom-style: solid; }
.arco-divider-horizontal.arco-divider-with-text::before, .arco-divider-horizontal.arco-divider-with-text::after { content: ""; height: 0px; flex: 1 1 0%; border-bottom-width: 1px; border-bottom-style: inherit; border-bottom-color: inherit; }
.arco-divider-horizontal.arco-divider-with-text-left::before { flex-basis: 24px; flex-grow: 0; }
.arco-divider-horizontal.arco-divider-with-text-right::after { flex-basis: 24px; flex-grow: 0; }
.arco-divider-vertical { display: inline-block; min-width: 1px; max-width: 1px; height: 1em; margin: 0px 12px; border-left: 1px solid var(--color-neutral-3); vertical-align: middle; }
.arco-divider-text { box-sizing: border-box; padding: 0px 16px; font-size: 14px; font-weight: 500; line-height: 2; color: var(--color-text-1); }
.arco-drawer-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-mask-bg); }
.arco-drawer-no-mask { pointer-events: none; }
.arco-drawer-no-mask .arco-drawer { pointer-events: auto; }
.arco-drawer-wrapper { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001; }
.arco-drawer-wrapper-hide { display: none; }
.arco-drawer { position: absolute; width: 100%; height: 100%; background-color: var(--color-bg-3); line-height: 1.5715; }
.arco-drawer-wrapper { position: relative; height: 100%; }
.arco-drawer-fixed { position: fixed; top: 0px; z-index: 1001; }
.arco-drawer-inner { height: 100%; overflow: hidden; }
.arco-drawer-scroll { overflow: auto; height: 100%; display: flex; flex-direction: column; }
.arco-drawer-header { height: 48px; display: flex; align-items: center; width: 100%; box-sizing: border-box; padding: 0px 16px; border-bottom: 1px solid var(--color-neutral-3); flex-shrink: 0; }
.arco-drawer-header-title { font-size: 16px; font-weight: 500; color: var(--color-text-1); text-align: left; }
.arco-drawer-footer { box-sizing: border-box; padding: 16px; border-top: 1px solid var(--color-neutral-3); text-align: right; flex-shrink: 0; }
.arco-drawer-footer > .arco-btn { margin-left: 12px; }
.arco-drawer .arco-drawer-close-icon { position: absolute; right: 20px; top: 18px; cursor: pointer; z-index: 1; font-size: 12px; color: var(--color-text-1); }
.arco-drawer-content { flex: 1 1 0%; height: 100%; padding: 12px 16px; color: var(--color-text-1); box-sizing: border-box; position: relative; overflow: auto; }
.arco-drawer-rtl { direction: rtl; }
.arco-drawer-rtl .arco-drawer-close-icon { right: initial; left: 20px; }
.arco-drawer-rtl .arco-drawer-footer { text-align: left; }
.arco-dropdown-menu { position: relative; box-sizing: border-box; max-height: 200px; padding: 4px 0px; border: 1px solid var(--color-fill-3); border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; overflow: auto; }
.arco-dropdown-menu-hidden { display: none; }
.arco-dropdown-menu-item, .arco-dropdown-menu-pop-header { position: relative; box-sizing: border-box; width: 100%; height: 36px; padding: 0px 12px; font-size: 14px; line-height: 36px; text-align: left; cursor: pointer; z-index: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-1); background-color: transparent; }
.arco-dropdown-menu-item.arco-dropdown-menu-selected, .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected { color: var(--color-text-1); background-color: transparent; font-weight: 500; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-dropdown-menu-item:hover, .arco-dropdown-menu-pop-header:hover { color: var(--color-text-1); background-color: var(--color-fill-2); }
.arco-dropdown-menu-item:focus-visible, .arco-dropdown-menu-pop-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; }
.arco-dropdown-menu-item.arco-dropdown-menu-active, .arco-dropdown-menu-pop-header.arco-dropdown-menu-active { box-shadow: 0 0 0 1px rgb(var(--primary-6)) inset; }
.arco-dropdown-menu-item.arco-dropdown-menu-disabled, .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled { color: var(--color-text-4); background-color: transparent; cursor: not-allowed; }
.arco-dropdown-menu-item a, .arco-dropdown-menu-pop-header a, .arco-dropdown-menu-item a:hover, .arco-dropdown-menu-pop-header a:hover, .arco-dropdown-menu-item a:focus, .arco-dropdown-menu-pop-header a:focus, .arco-dropdown-menu-item a:active, .arco-dropdown-menu-pop-header a:active { color: inherit; cursor: inherit; text-decoration: none; }
.arco-dropdown-menu-item > a:only-child::before, .arco-dropdown-menu-pop-header > a:only-child::before { content: ""; position: absolute; inset: 0px; }
.arco-dropdown-menu-pop-header { display: flex; align-items: center; justify-content: space-between; }
.arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix { margin-left: 12px; }
.arco-dropdown-menu-group:first-child .arco-dropdown-menu-group-title { margin-top: 4px; }
.arco-dropdown-menu-group-title { margin-top: 8px; box-sizing: border-box; width: 100%; padding: 0px 12px; line-height: 20px; font-size: 12px; color: var(--color-text-3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-dropdown-menu-dark { border-color: var(--color-menu-dark-bg); background-color: var(--color-menu-dark-bg); }
.arco-dropdown-menu-dark .arco-dropdown-menu-item, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header { color: var(--color-text-4); background-color: transparent; }
.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected { color: var(--color-white); background-color: transparent; }
.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-selected:hover, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-selected:hover { color: var(--color-white); }
.arco-dropdown-menu-dark .arco-dropdown-menu-item:hover, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header:hover { color: var(--color-text-4); background-color: var(--color-menu-dark-hover); }
.arco-dropdown-menu-dark .arco-dropdown-menu-item.arco-dropdown-menu-disabled, .arco-dropdown-menu-dark .arco-dropdown-menu-pop-header.arco-dropdown-menu-disabled { color: var(--color-text-2); background-color: transparent; }
.arco-dropdown-menu-dark .arco-dropdown-menu-group-title { color: var(--color-text-3); }
.arco-dropdown-menu-pop-trigger .arco-trigger-arrow { display: none; }
.arco-dropdown-menu + .arco-trigger-arrow { background-color: var(--color-bg-popup); }
.arco-dropdown-menu-rtl .arco-dropdown-menu-item, .arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header { text-align: right; }
.arco-dropdown-menu-rtl .arco-dropdown-menu-item .arco-dropdown-menu-icon-suffix, .arco-dropdown-menu-rtl .arco-dropdown-menu-pop-header .arco-dropdown-menu-icon-suffix { margin-left: 0px; margin-right: 12px; }
.arco-empty { width: 100%; padding: 10px 0px; box-sizing: border-box; }
.arco-empty .arco-empty-wrapper { width: 100%; box-sizing: border-box; text-align: center; color: rgb(var(--gray-5)); }
.arco-empty .arco-empty-wrapper .arco-empty-image { font-size: 48px; line-height: 1; margin-bottom: 4px; }
.arco-empty .arco-empty-wrapper img { height: 80px; }
.arco-empty .arco-empty-description { color: rgb(var(--gray-5)); font-size: 14px; }
.arco-form { width: 100%; display: flex; flex-direction: column; }
.arco-form-inline { flex-flow: wrap; }
.arco-form-inline .arco-form-item { width: auto; margin-bottom: 8px; }
.arco-form-item { width: 100%; margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: flex-start; }
.arco-form-item.arco-form-item-hidden { display: none; }
.arco-form-item > .arco-form-label-item { padding-right: 16px; }
.arco-form-item.arco-form-item-error { margin-bottom: 0px; }
.arco-form-item-wrapper-flex.arco-col { flex: 1 1 0%; }
.arco-form-size-mini .arco-form-label-item { line-height: 24px; font-size: 12px; }
.arco-form-size-mini .arco-form-label-item > label { font-size: 12px; }
.arco-form-size-mini .arco-form-item-control { min-height: 24px; }
.arco-form-size-small .arco-form-label-item { line-height: 28px; }
.arco-form-size-small .arco-form-label-item > label { font-size: 14px; }
.arco-form-size-small .arco-form-item-control { min-height: 28px; }
.arco-form-size-large .arco-form-label-item { line-height: 36px; }
.arco-form-size-large .arco-form-label-item > label { font-size: 14px; }
.arco-form-size-large .arco-form-item-control { min-height: 36px; }
.arco-form-extra { font-size: 12px; color: var(--color-text-3); margin-top: 4px; }
.arco-form-message { font-size: 12px; color: rgb(var(--danger-6)); min-height: 20px; line-height: 20px; }
.arco-form-message-help { color: var(--color-text-3); }
.arco-form-message + .arco-form-extra { margin-bottom: 4px; margin-top: 0px; }
.arco-form-layout-vertical { display: block; }
.arco-form-layout-vertical > .arco-form-label-item { line-height: 1.5715; white-space: normal; text-align: left; padding: 0px; margin-bottom: 8px; }
.arco-form-layout-inline { margin-right: 24px; }
.arco-form-label-item { text-align: right; white-space: nowrap; line-height: 32px; }
.arco-form-label-item-flex.arco-col { flex: 0 1 0%; }
.arco-form-label-item-flex.arco-col > label { white-space: nowrap; }
.arco-form-label-item > label { font-size: 14px; white-space: normal; color: var(--color-text-2); }
.arco-form-label-item .arco-form-item-tooltip { margin-left: 4px; color: var(--color-text-4); }
.arco-form-label-item .arco-form-item-symbol { color: rgb(var(--danger-6)); font-size: 12px; line-height: 1; }
.arco-form-label-item .arco-form-item-symbol svg { transform: scale(0.5); }
.arco-form-label-item-left { text-align: left; }
.arco-form-item-control { display: flex; align-items: center; min-height: 32px; width: 100%; }
.arco-form-item-control-children { width: 100%; flex: 1 1 0%; }
.arco-form-item-control-wrapper { display: flex; width: 100%; flex-direction: column; align-items: flex-start; }
.arco-form .arco-slider { display: block; }
.arco-form-item-status-validating .arco-input:not(.arco-input-disabled), .arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled) { border-color: transparent; background-color: var(--color-fill-2); }
.arco-form-item-status-validating .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-validating .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-validating .arco-textarea:not(.arco-textarea-disabled):hover { border-color: transparent; background-color: var(--color-fill-3); }
.arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-validating .arco-textarea.arco-textarea-focus, .arco-form-item-status-validating .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-validating .arco-input-inner-wrapper.arco-textarea-focus:hover, .arco-form-item-status-validating .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-validating .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-input:focus, .arco-form-item-status-validating .arco-input:focus:hover { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-input-inner-wrapper .arco-input, .arco-form-item-status-validating .arco-input-inner-wrapper .arco-input:hover { background: none; box-shadow: none; }
.arco-form-item-status-validating .arco-select:not(.arco-select-disabled) .arco-select-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-validating .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-form-item-status-validating .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-form-item-status-validating .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-form-item-status-validating .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-fill-2); }
.arco-form-item-status-validating .arco-picker:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-fill-3); }
.arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled), .arco-form-item-status-validating .arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-input-tag { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-validating .arco-input-tag:hover { border-color: transparent; background-color: var(--color-fill-3); }
.arco-form-item-status-validating .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-form-item-status-validating .arco-form-message-help { color: rgb(var(--primary-6)); }
.arco-form-item-status-validating .arco-form-message-help .arco-form-message-help-warning { color: rgb(var(--warning-6)); }
.arco-form-item-feedback-validating { color: rgb(var(--primary-6)); }
.arco-form-item-status-success .arco-input:not(.arco-input-disabled), .arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled) { border-color: transparent; background-color: var(--color-fill-2); }
.arco-form-item-status-success .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-success .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-success .arco-textarea:not(.arco-textarea-disabled):hover { border-color: transparent; background-color: var(--color-fill-3); }
.arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-success .arco-textarea.arco-textarea-focus, .arco-form-item-status-success .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-success .arco-input-inner-wrapper.arco-textarea-focus:hover, .arco-form-item-status-success .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-success .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--success-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-input:focus, .arco-form-item-status-success .arco-input:focus:hover { border-color: rgb(var(--success-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-input-inner-wrapper .arco-input, .arco-form-item-status-success .arco-input-inner-wrapper .arco-input:hover { background: none; box-shadow: none; }
.arco-form-item-status-success .arco-select:not(.arco-select-disabled) .arco-select-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-success .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-form-item-status-success .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--success-6)); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-form-item-status-success .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: var(--color-bg-2); border-color: rgb(var(--success-6)); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-form-item-status-success .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--success-6)); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-fill-2); }
.arco-form-item-status-success .arco-picker:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-fill-3); }
.arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled), .arco-form-item-status-success .arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--success-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-input-tag { background-color: var(--color-fill-2); border-color: transparent; }
.arco-form-item-status-success .arco-input-tag:hover { border-color: transparent; background-color: var(--color-fill-3); }
.arco-form-item-status-success .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--success-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-success-light-2); }
.arco-form-item-status-success .arco-form-message-help { color: rgb(var(--success-6)); }
.arco-form-item-status-success .arco-form-message-help .arco-form-message-help-warning { color: rgb(var(--warning-6)); }
.arco-form-item-feedback-success { color: rgb(var(--success-6)); }
.arco-form-item-status-warning .arco-input:not(.arco-input-disabled), .arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled) { border-color: transparent; background-color: var(--color-warning-light-1); }
.arco-form-item-status-warning .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-warning .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-warning .arco-textarea:not(.arco-textarea-disabled):hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-warning .arco-textarea.arco-textarea-focus, .arco-form-item-status-warning .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-warning .arco-input-inner-wrapper.arco-textarea-focus:hover, .arco-form-item-status-warning .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-warning .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-input:focus, .arco-form-item-status-warning .arco-input:focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-input-inner-wrapper .arco-input, .arco-form-item-status-warning .arco-input-inner-wrapper .arco-input:hover { background: none; box-shadow: none; }
.arco-form-item-status-warning .arco-select:not(.arco-select-disabled) .arco-select-view { background-color: var(--color-warning-light-1); border-color: transparent; }
.arco-form-item-status-warning .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: var(--color-warning-light-2); border-color: transparent; }
.arco-form-item-status-warning .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view { background-color: var(--color-warning-light-1); border-color: transparent; }
.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: var(--color-warning-light-2); border-color: transparent; }
.arco-form-item-status-warning .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: var(--color-bg-2); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view { background-color: var(--color-warning-light-1); border-color: transparent; }
.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: var(--color-warning-light-2); border-color: transparent; }
.arco-form-item-status-warning .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-warning-light-1); }
.arco-form-item-status-warning .arco-picker:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled), .arco-form-item-status-warning .arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-input-tag { background-color: var(--color-warning-light-1); border-color: transparent; }
.arco-form-item-status-warning .arco-input-tag:hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-form-item-status-warning .arco-form-message-help, .arco-form-item-status-warning .arco-form-message-help .arco-form-message-help-warning, .arco-form-item-feedback-warning { color: rgb(var(--warning-6)); }
.arco-form-item-status-error .arco-input:not(.arco-input-disabled), .arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled), .arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled) { border-color: transparent; background-color: var(--color-danger-light-1); }
.arco-form-item-status-error .arco-input:not(.arco-input-disabled):hover, .arco-form-item-status-error .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-disabled):hover, .arco-form-item-status-error .arco-textarea:not(.arco-textarea-disabled):hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus, .arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus, .arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus, .arco-form-item-status-error .arco-textarea.arco-textarea-focus, .arco-form-item-status-error .arco-input-inner-wrapper.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-error .arco-input-inner-wrapper.arco-textarea-focus:hover, .arco-form-item-status-error .arco-textarea.arco-input-inner-wrapper-focus:hover, .arco-form-item-status-error .arco-textarea.arco-textarea-focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-input:focus, .arco-form-item-status-error .arco-input:focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-input-inner-wrapper .arco-input, .arco-form-item-status-error .arco-input-inner-wrapper .arco-input:hover { background: none; box-shadow: none; }
.arco-form-item-status-error .arco-select:not(.arco-select-disabled) .arco-select-view { background-color: var(--color-danger-light-1); border-color: transparent; }
.arco-form-item-status-error .arco-select:not(.arco-select-disabled):hover .arco-select-view { background-color: var(--color-danger-light-2); border-color: transparent; }
.arco-form-item-status-error .arco-select:not(.arco-select-disabled).arco-select-focused .arco-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled) .arco-cascader-view { background-color: var(--color-danger-light-1); border-color: transparent; }
.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled):hover .arco-cascader-view { background-color: var(--color-danger-light-2); border-color: transparent; }
.arco-form-item-status-error .arco-cascader:not(.arco-cascader-disabled).arco-cascader-focused .arco-cascader-view { background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled) .arco-tree-select-view { background-color: var(--color-danger-light-1); border-color: transparent; }
.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled):hover .arco-tree-select-view { background-color: var(--color-danger-light-2); border-color: transparent; }
.arco-form-item-status-error .arco-tree-select:not(.arco-tree-select-disabled).arco-tree-select-focused .arco-tree-select-view { background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled) { border-color: transparent; background-color: var(--color-danger-light-1); }
.arco-form-item-status-error .arco-picker:not(.arco-picker-disabled):hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled), .arco-form-item-status-error .arco-picker-focused:not(.arco-picker-disabled):hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-input-tag { background-color: var(--color-danger-light-1); border-color: transparent; }
.arco-form-item-status-error .arco-input-tag:hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-form-item-status-error .arco-input-tag.arco-input-tag-focus { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-form-item-status-error .arco-form-message-help { color: rgb(var(--danger-6)); }
.arco-form-item-status-error .arco-form-message-help .arco-form-message-help-warning { color: rgb(var(--warning-6)); }
.arco-form-item-feedback-error { color: rgb(var(--danger-6)); }
.arco-form-item-control-children { position: relative; }
.arco-form-item-feedback { position: absolute; right: 9px; top: 50%; font-size: 14px; transform: translateY(-50%); }
.arco-form-item-feedback .arco-icon-loading { font-size: 12px; }
.arco-form-item-has-feedback .arco-input, .arco-form-item-has-feedback .arco-input-inner-wrapper, .arco-form-item-has-feedback .arco-textarea, .arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view, .arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view { padding-right: 28px; }
.arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix { padding-right: 0px; }
.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view, .arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view { padding-right: 28px; }
.arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix { padding-right: 0px; }
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view, .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view { padding-right: 28px; }
.arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; }
.arco-form-item-has-feedback .arco-picker { padding-right: 28px; }
.arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon, .arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon { margin-right: 0px; margin-left: 0px; }
.arco-form-item-has-feedback .arco-input-tag { padding-right: 23px; }
.arco-form-item-has-feedback .arco-input-tag-suffix { padding-right: 0px; }
.arco-form-rtl .arco-form-item-feedback { right: unset; left: 9px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-input, .arco-form-rtl .arco-form-item-has-feedback .arco-input-inner-wrapper, .arco-form-rtl .arco-form-item-has-feedback .arco-textarea, .arco-form-rtl .arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-view, .arco-form-rtl .arco-form-item-has-feedback .arco-select.arco-select-single .arco-select-view { padding-left: 28px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-select.arco-select-multiple .arco-select-suffix { padding-left: 0px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-view, .arco-form-rtl .arco-form-item-has-feedback .arco-cascader.arco-cascader-single .arco-cascader-view { padding-left: 28px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-cascader.arco-cascader-multiple .arco-cascader-suffix { padding-left: 0px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-view, .arco-form-rtl .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-single .arco-tree-select-view { padding-left: 28px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-tree-select.arco-tree-select-multiple .arco-tree-select-suffix { padding-left: 0px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-picker { padding-left: 28px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-picker-suffix .arco-picker-suffix-icon, .arco-form-rtl .arco-form-item-has-feedback .arco-picker-suffix .arco-picker-clear-icon { margin-right: 0px; margin-left: 0px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-input-tag { padding-left: 23px; }
.arco-form-rtl .arco-form-item-has-feedback .arco-input-tag-suffix { padding-left: 0px; }
.formblink-enter, .formblink-appear { opacity: 0; }
.formblink-enter-active, .formblink-appear-active { opacity: 1; transition: opacity 0.3s cubic-bezier(0, 0, 1, 1); }
.formblink-enter-done { animation: 0.5s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-form-blink; }
@keyframes arco-form-blink { 
  0% { opacity: 1; }
  50% { opacity: 0.2; }
  100% { opacity: 1; }
}
.arco-form-rtl { direction: rtl; }
.arco-form-rtl .arco-form-item > .arco-form-label-item { padding-left: 16px; padding-right: 0px; }
.arco-form-rtl .arco-form-label-item { text-align: left; }
.arco-form-rtl .arco-form-layout-vertical > .arco-form-label-item { text-align: right; }
.arco-form-rtl .arco-form-layout-inline { margin-right: 0px; margin-left: 24px; }
.arco-row { display: flex; flex-flow: wrap; }
.arco-row-align-start { align-items: flex-start; }
.arco-row-align-center { align-items: center; }
.arco-row-align-end { align-items: flex-end; }
.arco-row-justify-start { justify-content: flex-start; }
.arco-row-justify-center { justify-content: center; }
.arco-row-justify-end { justify-content: flex-end; }
.arco-row-justify-space-around { justify-content: space-around; }
.arco-row-justify-space-between { justify-content: space-between; }
.arco-row-rtl { direction: rtl; }
.arco-col { position: relative; box-sizing: border-box; }
.arco-col-rtl { direction: rtl; }
.arco-col-0 { display: none; }
.arco-col-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
.arco-col-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
.arco-col-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
.arco-col-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
.arco-col-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
.arco-col-6 { display: block; width: 25%; flex: 0 0 25%; }
.arco-col-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
.arco-col-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
.arco-col-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
.arco-col-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
.arco-col-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
.arco-col-12 { display: block; width: 50%; flex: 0 0 50%; }
.arco-col-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
.arco-col-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
.arco-col-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
.arco-col-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
.arco-col-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
.arco-col-18 { display: block; width: 75%; flex: 0 0 75%; }
.arco-col-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
.arco-col-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
.arco-col-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
.arco-col-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
.arco-col-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
.arco-col-24 { display: block; width: 100%; flex: 0 0 100%; }
.arco-col-offset-0 { margin-left: 0%; }
.arco-col-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
.arco-col-offset-1 { margin-left: 4.16667%; }
.arco-col-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
.arco-col-offset-2 { margin-left: 8.33333%; }
.arco-col-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
.arco-col-offset-3 { margin-left: 12.5%; }
.arco-col-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
.arco-col-offset-4 { margin-left: 16.6667%; }
.arco-col-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
.arco-col-offset-5 { margin-left: 20.8333%; }
.arco-col-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
.arco-col-offset-6 { margin-left: 25%; }
.arco-col-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
.arco-col-offset-7 { margin-left: 29.1667%; }
.arco-col-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
.arco-col-offset-8 { margin-left: 33.3333%; }
.arco-col-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
.arco-col-offset-9 { margin-left: 37.5%; }
.arco-col-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
.arco-col-offset-10 { margin-left: 41.6667%; }
.arco-col-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
.arco-col-offset-11 { margin-left: 45.8333%; }
.arco-col-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
.arco-col-offset-12 { margin-left: 50%; }
.arco-col-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
.arco-col-offset-13 { margin-left: 54.1667%; }
.arco-col-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
.arco-col-offset-14 { margin-left: 58.3333%; }
.arco-col-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
.arco-col-offset-15 { margin-left: 62.5%; }
.arco-col-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
.arco-col-offset-16 { margin-left: 66.6667%; }
.arco-col-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
.arco-col-offset-17 { margin-left: 70.8333%; }
.arco-col-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
.arco-col-offset-18 { margin-left: 75%; }
.arco-col-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
.arco-col-offset-19 { margin-left: 79.1667%; }
.arco-col-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
.arco-col-offset-20 { margin-left: 83.3333%; }
.arco-col-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
.arco-col-offset-21 { margin-left: 87.5%; }
.arco-col-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
.arco-col-offset-22 { margin-left: 91.6667%; }
.arco-col-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
.arco-col-offset-23 { margin-left: 95.8333%; }
.arco-col-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
.arco-col-order-0 { order: 0; }
.arco-col-order-1 { order: 1; }
.arco-col-order-2 { order: 2; }
.arco-col-order-3 { order: 3; }
.arco-col-order-4 { order: 4; }
.arco-col-order-5 { order: 5; }
.arco-col-order-6 { order: 6; }
.arco-col-order-7 { order: 7; }
.arco-col-order-8 { order: 8; }
.arco-col-order-9 { order: 9; }
.arco-col-order-10 { order: 10; }
.arco-col-order-11 { order: 11; }
.arco-col-order-12 { order: 12; }
.arco-col-order-13 { order: 13; }
.arco-col-order-14 { order: 14; }
.arco-col-order-15 { order: 15; }
.arco-col-order-16 { order: 16; }
.arco-col-order-17 { order: 17; }
.arco-col-order-18 { order: 18; }
.arco-col-order-19 { order: 19; }
.arco-col-order-20 { order: 20; }
.arco-col-order-21 { order: 21; }
.arco-col-order-22 { order: 22; }
.arco-col-order-23 { order: 23; }
.arco-col-order-24 { order: 24; }
.arco-col-pull-0 { right: 0%; }
.arco-col-pull-0.arco-col-rtl { right: unset; left: 0%; }
.arco-col-pull-1 { right: 4.16667%; }
.arco-col-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
.arco-col-pull-2 { right: 8.33333%; }
.arco-col-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
.arco-col-pull-3 { right: 12.5%; }
.arco-col-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
.arco-col-pull-4 { right: 16.6667%; }
.arco-col-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
.arco-col-pull-5 { right: 20.8333%; }
.arco-col-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
.arco-col-pull-6 { right: 25%; }
.arco-col-pull-6.arco-col-rtl { right: unset; left: 25%; }
.arco-col-pull-7 { right: 29.1667%; }
.arco-col-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
.arco-col-pull-8 { right: 33.3333%; }
.arco-col-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
.arco-col-pull-9 { right: 37.5%; }
.arco-col-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
.arco-col-pull-10 { right: 41.6667%; }
.arco-col-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
.arco-col-pull-11 { right: 45.8333%; }
.arco-col-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
.arco-col-pull-12 { right: 50%; }
.arco-col-pull-12.arco-col-rtl { right: unset; left: 50%; }
.arco-col-pull-13 { right: 54.1667%; }
.arco-col-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
.arco-col-pull-14 { right: 58.3333%; }
.arco-col-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
.arco-col-pull-15 { right: 62.5%; }
.arco-col-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
.arco-col-pull-16 { right: 66.6667%; }
.arco-col-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
.arco-col-pull-17 { right: 70.8333%; }
.arco-col-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
.arco-col-pull-18 { right: 75%; }
.arco-col-pull-18.arco-col-rtl { right: unset; left: 75%; }
.arco-col-pull-19 { right: 79.1667%; }
.arco-col-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
.arco-col-pull-20 { right: 83.3333%; }
.arco-col-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
.arco-col-pull-21 { right: 87.5%; }
.arco-col-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
.arco-col-pull-22 { right: 91.6667%; }
.arco-col-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
.arco-col-pull-23 { right: 95.8333%; }
.arco-col-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
.arco-col-pull-24 { right: 100%; }
.arco-col-pull-24.arco-col-rtl { right: unset; left: 100%; }
.arco-col-push-0 { left: 0%; }
.arco-col-push-0.arco-col-rtl { left: unset; right: 0%; }
.arco-col-push-1 { left: 4.16667%; }
.arco-col-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
.arco-col-push-2 { left: 8.33333%; }
.arco-col-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
.arco-col-push-3 { left: 12.5%; }
.arco-col-push-3.arco-col-rtl { left: unset; right: 12.5%; }
.arco-col-push-4 { left: 16.6667%; }
.arco-col-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
.arco-col-push-5 { left: 20.8333%; }
.arco-col-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
.arco-col-push-6 { left: 25%; }
.arco-col-push-6.arco-col-rtl { left: unset; right: 25%; }
.arco-col-push-7 { left: 29.1667%; }
.arco-col-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
.arco-col-push-8 { left: 33.3333%; }
.arco-col-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
.arco-col-push-9 { left: 37.5%; }
.arco-col-push-9.arco-col-rtl { left: unset; right: 37.5%; }
.arco-col-push-10 { left: 41.6667%; }
.arco-col-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
.arco-col-push-11 { left: 45.8333%; }
.arco-col-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
.arco-col-push-12 { left: 50%; }
.arco-col-push-12.arco-col-rtl { left: unset; right: 50%; }
.arco-col-push-13 { left: 54.1667%; }
.arco-col-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
.arco-col-push-14 { left: 58.3333%; }
.arco-col-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
.arco-col-push-15 { left: 62.5%; }
.arco-col-push-15.arco-col-rtl { left: unset; right: 62.5%; }
.arco-col-push-16 { left: 66.6667%; }
.arco-col-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
.arco-col-push-17 { left: 70.8333%; }
.arco-col-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
.arco-col-push-18 { left: 75%; }
.arco-col-push-18.arco-col-rtl { left: unset; right: 75%; }
.arco-col-push-19 { left: 79.1667%; }
.arco-col-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
.arco-col-push-20 { left: 83.3333%; }
.arco-col-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
.arco-col-push-21 { left: 87.5%; }
.arco-col-push-21.arco-col-rtl { left: unset; right: 87.5%; }
.arco-col-push-22 { left: 91.6667%; }
.arco-col-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
.arco-col-push-23 { left: 95.8333%; }
.arco-col-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
.arco-col-push-24 { left: 100%; }
.arco-col-push-24.arco-col-rtl { left: unset; right: 100%; }
.arco-col-xs-0 { display: none; }
.arco-col-xs-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
.arco-col-xs-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
.arco-col-xs-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
.arco-col-xs-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
.arco-col-xs-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
.arco-col-xs-6 { display: block; width: 25%; flex: 0 0 25%; }
.arco-col-xs-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
.arco-col-xs-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
.arco-col-xs-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
.arco-col-xs-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
.arco-col-xs-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
.arco-col-xs-12 { display: block; width: 50%; flex: 0 0 50%; }
.arco-col-xs-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
.arco-col-xs-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
.arco-col-xs-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
.arco-col-xs-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
.arco-col-xs-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
.arco-col-xs-18 { display: block; width: 75%; flex: 0 0 75%; }
.arco-col-xs-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
.arco-col-xs-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
.arco-col-xs-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
.arco-col-xs-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
.arco-col-xs-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
.arco-col-xs-24 { display: block; width: 100%; flex: 0 0 100%; }
.arco-col-xs-offset-0 { margin-left: 0%; }
.arco-col-xs-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
.arco-col-xs-offset-1 { margin-left: 4.16667%; }
.arco-col-xs-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
.arco-col-xs-offset-2 { margin-left: 8.33333%; }
.arco-col-xs-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
.arco-col-xs-offset-3 { margin-left: 12.5%; }
.arco-col-xs-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
.arco-col-xs-offset-4 { margin-left: 16.6667%; }
.arco-col-xs-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
.arco-col-xs-offset-5 { margin-left: 20.8333%; }
.arco-col-xs-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
.arco-col-xs-offset-6 { margin-left: 25%; }
.arco-col-xs-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
.arco-col-xs-offset-7 { margin-left: 29.1667%; }
.arco-col-xs-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
.arco-col-xs-offset-8 { margin-left: 33.3333%; }
.arco-col-xs-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
.arco-col-xs-offset-9 { margin-left: 37.5%; }
.arco-col-xs-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
.arco-col-xs-offset-10 { margin-left: 41.6667%; }
.arco-col-xs-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
.arco-col-xs-offset-11 { margin-left: 45.8333%; }
.arco-col-xs-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
.arco-col-xs-offset-12 { margin-left: 50%; }
.arco-col-xs-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
.arco-col-xs-offset-13 { margin-left: 54.1667%; }
.arco-col-xs-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
.arco-col-xs-offset-14 { margin-left: 58.3333%; }
.arco-col-xs-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
.arco-col-xs-offset-15 { margin-left: 62.5%; }
.arco-col-xs-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
.arco-col-xs-offset-16 { margin-left: 66.6667%; }
.arco-col-xs-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
.arco-col-xs-offset-17 { margin-left: 70.8333%; }
.arco-col-xs-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
.arco-col-xs-offset-18 { margin-left: 75%; }
.arco-col-xs-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
.arco-col-xs-offset-19 { margin-left: 79.1667%; }
.arco-col-xs-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
.arco-col-xs-offset-20 { margin-left: 83.3333%; }
.arco-col-xs-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
.arco-col-xs-offset-21 { margin-left: 87.5%; }
.arco-col-xs-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
.arco-col-xs-offset-22 { margin-left: 91.6667%; }
.arco-col-xs-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
.arco-col-xs-offset-23 { margin-left: 95.8333%; }
.arco-col-xs-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
.arco-col-xs-order-0 { order: 0; }
.arco-col-xs-order-1 { order: 1; }
.arco-col-xs-order-2 { order: 2; }
.arco-col-xs-order-3 { order: 3; }
.arco-col-xs-order-4 { order: 4; }
.arco-col-xs-order-5 { order: 5; }
.arco-col-xs-order-6 { order: 6; }
.arco-col-xs-order-7 { order: 7; }
.arco-col-xs-order-8 { order: 8; }
.arco-col-xs-order-9 { order: 9; }
.arco-col-xs-order-10 { order: 10; }
.arco-col-xs-order-11 { order: 11; }
.arco-col-xs-order-12 { order: 12; }
.arco-col-xs-order-13 { order: 13; }
.arco-col-xs-order-14 { order: 14; }
.arco-col-xs-order-15 { order: 15; }
.arco-col-xs-order-16 { order: 16; }
.arco-col-xs-order-17 { order: 17; }
.arco-col-xs-order-18 { order: 18; }
.arco-col-xs-order-19 { order: 19; }
.arco-col-xs-order-20 { order: 20; }
.arco-col-xs-order-21 { order: 21; }
.arco-col-xs-order-22 { order: 22; }
.arco-col-xs-order-23 { order: 23; }
.arco-col-xs-order-24 { order: 24; }
.arco-col-xs-pull-0 { right: 0%; }
.arco-col-xs-pull-0.arco-col-rtl { right: unset; left: 0%; }
.arco-col-xs-pull-1 { right: 4.16667%; }
.arco-col-xs-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
.arco-col-xs-pull-2 { right: 8.33333%; }
.arco-col-xs-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
.arco-col-xs-pull-3 { right: 12.5%; }
.arco-col-xs-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
.arco-col-xs-pull-4 { right: 16.6667%; }
.arco-col-xs-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
.arco-col-xs-pull-5 { right: 20.8333%; }
.arco-col-xs-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
.arco-col-xs-pull-6 { right: 25%; }
.arco-col-xs-pull-6.arco-col-rtl { right: unset; left: 25%; }
.arco-col-xs-pull-7 { right: 29.1667%; }
.arco-col-xs-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
.arco-col-xs-pull-8 { right: 33.3333%; }
.arco-col-xs-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
.arco-col-xs-pull-9 { right: 37.5%; }
.arco-col-xs-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
.arco-col-xs-pull-10 { right: 41.6667%; }
.arco-col-xs-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
.arco-col-xs-pull-11 { right: 45.8333%; }
.arco-col-xs-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
.arco-col-xs-pull-12 { right: 50%; }
.arco-col-xs-pull-12.arco-col-rtl { right: unset; left: 50%; }
.arco-col-xs-pull-13 { right: 54.1667%; }
.arco-col-xs-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
.arco-col-xs-pull-14 { right: 58.3333%; }
.arco-col-xs-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
.arco-col-xs-pull-15 { right: 62.5%; }
.arco-col-xs-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
.arco-col-xs-pull-16 { right: 66.6667%; }
.arco-col-xs-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
.arco-col-xs-pull-17 { right: 70.8333%; }
.arco-col-xs-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
.arco-col-xs-pull-18 { right: 75%; }
.arco-col-xs-pull-18.arco-col-rtl { right: unset; left: 75%; }
.arco-col-xs-pull-19 { right: 79.1667%; }
.arco-col-xs-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
.arco-col-xs-pull-20 { right: 83.3333%; }
.arco-col-xs-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
.arco-col-xs-pull-21 { right: 87.5%; }
.arco-col-xs-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
.arco-col-xs-pull-22 { right: 91.6667%; }
.arco-col-xs-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
.arco-col-xs-pull-23 { right: 95.8333%; }
.arco-col-xs-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
.arco-col-xs-pull-24 { right: 100%; }
.arco-col-xs-pull-24.arco-col-rtl { right: unset; left: 100%; }
.arco-col-xs-push-0 { left: 0%; }
.arco-col-xs-push-0.arco-col-rtl { left: unset; right: 0%; }
.arco-col-xs-push-1 { left: 4.16667%; }
.arco-col-xs-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
.arco-col-xs-push-2 { left: 8.33333%; }
.arco-col-xs-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
.arco-col-xs-push-3 { left: 12.5%; }
.arco-col-xs-push-3.arco-col-rtl { left: unset; right: 12.5%; }
.arco-col-xs-push-4 { left: 16.6667%; }
.arco-col-xs-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
.arco-col-xs-push-5 { left: 20.8333%; }
.arco-col-xs-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
.arco-col-xs-push-6 { left: 25%; }
.arco-col-xs-push-6.arco-col-rtl { left: unset; right: 25%; }
.arco-col-xs-push-7 { left: 29.1667%; }
.arco-col-xs-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
.arco-col-xs-push-8 { left: 33.3333%; }
.arco-col-xs-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
.arco-col-xs-push-9 { left: 37.5%; }
.arco-col-xs-push-9.arco-col-rtl { left: unset; right: 37.5%; }
.arco-col-xs-push-10 { left: 41.6667%; }
.arco-col-xs-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
.arco-col-xs-push-11 { left: 45.8333%; }
.arco-col-xs-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
.arco-col-xs-push-12 { left: 50%; }
.arco-col-xs-push-12.arco-col-rtl { left: unset; right: 50%; }
.arco-col-xs-push-13 { left: 54.1667%; }
.arco-col-xs-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
.arco-col-xs-push-14 { left: 58.3333%; }
.arco-col-xs-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
.arco-col-xs-push-15 { left: 62.5%; }
.arco-col-xs-push-15.arco-col-rtl { left: unset; right: 62.5%; }
.arco-col-xs-push-16 { left: 66.6667%; }
.arco-col-xs-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
.arco-col-xs-push-17 { left: 70.8333%; }
.arco-col-xs-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
.arco-col-xs-push-18 { left: 75%; }
.arco-col-xs-push-18.arco-col-rtl { left: unset; right: 75%; }
.arco-col-xs-push-19 { left: 79.1667%; }
.arco-col-xs-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
.arco-col-xs-push-20 { left: 83.3333%; }
.arco-col-xs-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
.arco-col-xs-push-21 { left: 87.5%; }
.arco-col-xs-push-21.arco-col-rtl { left: unset; right: 87.5%; }
.arco-col-xs-push-22 { left: 91.6667%; }
.arco-col-xs-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
.arco-col-xs-push-23 { left: 95.8333%; }
.arco-col-xs-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
.arco-col-xs-push-24 { left: 100%; }
.arco-col-xs-push-24.arco-col-rtl { left: unset; right: 100%; }
@media (min-width: 576px) {
  .arco-col-sm-0 { display: none; }
  .arco-col-sm-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-sm-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-sm-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-sm-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-sm-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-sm-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-sm-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-sm-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-sm-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-sm-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-sm-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-sm-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-sm-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-sm-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-sm-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-sm-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-sm-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-sm-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-sm-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-sm-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-sm-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-sm-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-sm-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-sm-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-sm-offset-0 { margin-left: 0%; }
  .arco-col-sm-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-sm-offset-1 { margin-left: 4.16667%; }
  .arco-col-sm-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-sm-offset-2 { margin-left: 8.33333%; }
  .arco-col-sm-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-sm-offset-3 { margin-left: 12.5%; }
  .arco-col-sm-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-sm-offset-4 { margin-left: 16.6667%; }
  .arco-col-sm-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-sm-offset-5 { margin-left: 20.8333%; }
  .arco-col-sm-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-sm-offset-6 { margin-left: 25%; }
  .arco-col-sm-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-sm-offset-7 { margin-left: 29.1667%; }
  .arco-col-sm-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-sm-offset-8 { margin-left: 33.3333%; }
  .arco-col-sm-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-sm-offset-9 { margin-left: 37.5%; }
  .arco-col-sm-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-sm-offset-10 { margin-left: 41.6667%; }
  .arco-col-sm-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-sm-offset-11 { margin-left: 45.8333%; }
  .arco-col-sm-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-sm-offset-12 { margin-left: 50%; }
  .arco-col-sm-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-sm-offset-13 { margin-left: 54.1667%; }
  .arco-col-sm-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-sm-offset-14 { margin-left: 58.3333%; }
  .arco-col-sm-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-sm-offset-15 { margin-left: 62.5%; }
  .arco-col-sm-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-sm-offset-16 { margin-left: 66.6667%; }
  .arco-col-sm-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-sm-offset-17 { margin-left: 70.8333%; }
  .arco-col-sm-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-sm-offset-18 { margin-left: 75%; }
  .arco-col-sm-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-sm-offset-19 { margin-left: 79.1667%; }
  .arco-col-sm-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-sm-offset-20 { margin-left: 83.3333%; }
  .arco-col-sm-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-sm-offset-21 { margin-left: 87.5%; }
  .arco-col-sm-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-sm-offset-22 { margin-left: 91.6667%; }
  .arco-col-sm-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-sm-offset-23 { margin-left: 95.8333%; }
  .arco-col-sm-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-sm-order-0 { order: 0; }
  .arco-col-sm-order-1 { order: 1; }
  .arco-col-sm-order-2 { order: 2; }
  .arco-col-sm-order-3 { order: 3; }
  .arco-col-sm-order-4 { order: 4; }
  .arco-col-sm-order-5 { order: 5; }
  .arco-col-sm-order-6 { order: 6; }
  .arco-col-sm-order-7 { order: 7; }
  .arco-col-sm-order-8 { order: 8; }
  .arco-col-sm-order-9 { order: 9; }
  .arco-col-sm-order-10 { order: 10; }
  .arco-col-sm-order-11 { order: 11; }
  .arco-col-sm-order-12 { order: 12; }
  .arco-col-sm-order-13 { order: 13; }
  .arco-col-sm-order-14 { order: 14; }
  .arco-col-sm-order-15 { order: 15; }
  .arco-col-sm-order-16 { order: 16; }
  .arco-col-sm-order-17 { order: 17; }
  .arco-col-sm-order-18 { order: 18; }
  .arco-col-sm-order-19 { order: 19; }
  .arco-col-sm-order-20 { order: 20; }
  .arco-col-sm-order-21 { order: 21; }
  .arco-col-sm-order-22 { order: 22; }
  .arco-col-sm-order-23 { order: 23; }
  .arco-col-sm-order-24 { order: 24; }
  .arco-col-sm-pull-0 { right: 0%; }
  .arco-col-sm-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-sm-pull-1 { right: 4.16667%; }
  .arco-col-sm-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-sm-pull-2 { right: 8.33333%; }
  .arco-col-sm-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-sm-pull-3 { right: 12.5%; }
  .arco-col-sm-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-sm-pull-4 { right: 16.6667%; }
  .arco-col-sm-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-sm-pull-5 { right: 20.8333%; }
  .arco-col-sm-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-sm-pull-6 { right: 25%; }
  .arco-col-sm-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-sm-pull-7 { right: 29.1667%; }
  .arco-col-sm-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-sm-pull-8 { right: 33.3333%; }
  .arco-col-sm-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-sm-pull-9 { right: 37.5%; }
  .arco-col-sm-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-sm-pull-10 { right: 41.6667%; }
  .arco-col-sm-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-sm-pull-11 { right: 45.8333%; }
  .arco-col-sm-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-sm-pull-12 { right: 50%; }
  .arco-col-sm-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-sm-pull-13 { right: 54.1667%; }
  .arco-col-sm-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-sm-pull-14 { right: 58.3333%; }
  .arco-col-sm-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-sm-pull-15 { right: 62.5%; }
  .arco-col-sm-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-sm-pull-16 { right: 66.6667%; }
  .arco-col-sm-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-sm-pull-17 { right: 70.8333%; }
  .arco-col-sm-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-sm-pull-18 { right: 75%; }
  .arco-col-sm-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-sm-pull-19 { right: 79.1667%; }
  .arco-col-sm-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-sm-pull-20 { right: 83.3333%; }
  .arco-col-sm-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-sm-pull-21 { right: 87.5%; }
  .arco-col-sm-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-sm-pull-22 { right: 91.6667%; }
  .arco-col-sm-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-sm-pull-23 { right: 95.8333%; }
  .arco-col-sm-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-sm-pull-24 { right: 100%; }
  .arco-col-sm-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-sm-push-0 { left: 0%; }
  .arco-col-sm-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-sm-push-1 { left: 4.16667%; }
  .arco-col-sm-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-sm-push-2 { left: 8.33333%; }
  .arco-col-sm-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-sm-push-3 { left: 12.5%; }
  .arco-col-sm-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-sm-push-4 { left: 16.6667%; }
  .arco-col-sm-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-sm-push-5 { left: 20.8333%; }
  .arco-col-sm-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-sm-push-6 { left: 25%; }
  .arco-col-sm-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-sm-push-7 { left: 29.1667%; }
  .arco-col-sm-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-sm-push-8 { left: 33.3333%; }
  .arco-col-sm-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-sm-push-9 { left: 37.5%; }
  .arco-col-sm-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-sm-push-10 { left: 41.6667%; }
  .arco-col-sm-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-sm-push-11 { left: 45.8333%; }
  .arco-col-sm-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-sm-push-12 { left: 50%; }
  .arco-col-sm-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-sm-push-13 { left: 54.1667%; }
  .arco-col-sm-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-sm-push-14 { left: 58.3333%; }
  .arco-col-sm-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-sm-push-15 { left: 62.5%; }
  .arco-col-sm-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-sm-push-16 { left: 66.6667%; }
  .arco-col-sm-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-sm-push-17 { left: 70.8333%; }
  .arco-col-sm-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-sm-push-18 { left: 75%; }
  .arco-col-sm-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-sm-push-19 { left: 79.1667%; }
  .arco-col-sm-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-sm-push-20 { left: 83.3333%; }
  .arco-col-sm-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-sm-push-21 { left: 87.5%; }
  .arco-col-sm-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-sm-push-22 { left: 91.6667%; }
  .arco-col-sm-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-sm-push-23 { left: 95.8333%; }
  .arco-col-sm-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-sm-push-24 { left: 100%; }
  .arco-col-sm-push-24.arco-col-rtl { left: unset; right: 100%; }
}
@media (min-width: 768px) {
  .arco-col-md-0 { display: none; }
  .arco-col-md-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-md-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-md-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-md-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-md-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-md-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-md-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-md-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-md-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-md-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-md-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-md-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-md-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-md-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-md-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-md-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-md-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-md-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-md-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-md-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-md-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-md-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-md-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-md-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-md-offset-0 { margin-left: 0%; }
  .arco-col-md-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-md-offset-1 { margin-left: 4.16667%; }
  .arco-col-md-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-md-offset-2 { margin-left: 8.33333%; }
  .arco-col-md-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-md-offset-3 { margin-left: 12.5%; }
  .arco-col-md-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-md-offset-4 { margin-left: 16.6667%; }
  .arco-col-md-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-md-offset-5 { margin-left: 20.8333%; }
  .arco-col-md-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-md-offset-6 { margin-left: 25%; }
  .arco-col-md-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-md-offset-7 { margin-left: 29.1667%; }
  .arco-col-md-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-md-offset-8 { margin-left: 33.3333%; }
  .arco-col-md-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-md-offset-9 { margin-left: 37.5%; }
  .arco-col-md-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-md-offset-10 { margin-left: 41.6667%; }
  .arco-col-md-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-md-offset-11 { margin-left: 45.8333%; }
  .arco-col-md-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-md-offset-12 { margin-left: 50%; }
  .arco-col-md-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-md-offset-13 { margin-left: 54.1667%; }
  .arco-col-md-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-md-offset-14 { margin-left: 58.3333%; }
  .arco-col-md-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-md-offset-15 { margin-left: 62.5%; }
  .arco-col-md-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-md-offset-16 { margin-left: 66.6667%; }
  .arco-col-md-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-md-offset-17 { margin-left: 70.8333%; }
  .arco-col-md-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-md-offset-18 { margin-left: 75%; }
  .arco-col-md-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-md-offset-19 { margin-left: 79.1667%; }
  .arco-col-md-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-md-offset-20 { margin-left: 83.3333%; }
  .arco-col-md-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-md-offset-21 { margin-left: 87.5%; }
  .arco-col-md-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-md-offset-22 { margin-left: 91.6667%; }
  .arco-col-md-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-md-offset-23 { margin-left: 95.8333%; }
  .arco-col-md-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-md-order-0 { order: 0; }
  .arco-col-md-order-1 { order: 1; }
  .arco-col-md-order-2 { order: 2; }
  .arco-col-md-order-3 { order: 3; }
  .arco-col-md-order-4 { order: 4; }
  .arco-col-md-order-5 { order: 5; }
  .arco-col-md-order-6 { order: 6; }
  .arco-col-md-order-7 { order: 7; }
  .arco-col-md-order-8 { order: 8; }
  .arco-col-md-order-9 { order: 9; }
  .arco-col-md-order-10 { order: 10; }
  .arco-col-md-order-11 { order: 11; }
  .arco-col-md-order-12 { order: 12; }
  .arco-col-md-order-13 { order: 13; }
  .arco-col-md-order-14 { order: 14; }
  .arco-col-md-order-15 { order: 15; }
  .arco-col-md-order-16 { order: 16; }
  .arco-col-md-order-17 { order: 17; }
  .arco-col-md-order-18 { order: 18; }
  .arco-col-md-order-19 { order: 19; }
  .arco-col-md-order-20 { order: 20; }
  .arco-col-md-order-21 { order: 21; }
  .arco-col-md-order-22 { order: 22; }
  .arco-col-md-order-23 { order: 23; }
  .arco-col-md-order-24 { order: 24; }
  .arco-col-md-pull-0 { right: 0%; }
  .arco-col-md-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-md-pull-1 { right: 4.16667%; }
  .arco-col-md-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-md-pull-2 { right: 8.33333%; }
  .arco-col-md-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-md-pull-3 { right: 12.5%; }
  .arco-col-md-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-md-pull-4 { right: 16.6667%; }
  .arco-col-md-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-md-pull-5 { right: 20.8333%; }
  .arco-col-md-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-md-pull-6 { right: 25%; }
  .arco-col-md-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-md-pull-7 { right: 29.1667%; }
  .arco-col-md-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-md-pull-8 { right: 33.3333%; }
  .arco-col-md-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-md-pull-9 { right: 37.5%; }
  .arco-col-md-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-md-pull-10 { right: 41.6667%; }
  .arco-col-md-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-md-pull-11 { right: 45.8333%; }
  .arco-col-md-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-md-pull-12 { right: 50%; }
  .arco-col-md-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-md-pull-13 { right: 54.1667%; }
  .arco-col-md-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-md-pull-14 { right: 58.3333%; }
  .arco-col-md-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-md-pull-15 { right: 62.5%; }
  .arco-col-md-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-md-pull-16 { right: 66.6667%; }
  .arco-col-md-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-md-pull-17 { right: 70.8333%; }
  .arco-col-md-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-md-pull-18 { right: 75%; }
  .arco-col-md-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-md-pull-19 { right: 79.1667%; }
  .arco-col-md-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-md-pull-20 { right: 83.3333%; }
  .arco-col-md-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-md-pull-21 { right: 87.5%; }
  .arco-col-md-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-md-pull-22 { right: 91.6667%; }
  .arco-col-md-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-md-pull-23 { right: 95.8333%; }
  .arco-col-md-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-md-pull-24 { right: 100%; }
  .arco-col-md-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-md-push-0 { left: 0%; }
  .arco-col-md-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-md-push-1 { left: 4.16667%; }
  .arco-col-md-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-md-push-2 { left: 8.33333%; }
  .arco-col-md-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-md-push-3 { left: 12.5%; }
  .arco-col-md-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-md-push-4 { left: 16.6667%; }
  .arco-col-md-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-md-push-5 { left: 20.8333%; }
  .arco-col-md-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-md-push-6 { left: 25%; }
  .arco-col-md-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-md-push-7 { left: 29.1667%; }
  .arco-col-md-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-md-push-8 { left: 33.3333%; }
  .arco-col-md-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-md-push-9 { left: 37.5%; }
  .arco-col-md-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-md-push-10 { left: 41.6667%; }
  .arco-col-md-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-md-push-11 { left: 45.8333%; }
  .arco-col-md-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-md-push-12 { left: 50%; }
  .arco-col-md-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-md-push-13 { left: 54.1667%; }
  .arco-col-md-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-md-push-14 { left: 58.3333%; }
  .arco-col-md-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-md-push-15 { left: 62.5%; }
  .arco-col-md-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-md-push-16 { left: 66.6667%; }
  .arco-col-md-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-md-push-17 { left: 70.8333%; }
  .arco-col-md-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-md-push-18 { left: 75%; }
  .arco-col-md-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-md-push-19 { left: 79.1667%; }
  .arco-col-md-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-md-push-20 { left: 83.3333%; }
  .arco-col-md-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-md-push-21 { left: 87.5%; }
  .arco-col-md-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-md-push-22 { left: 91.6667%; }
  .arco-col-md-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-md-push-23 { left: 95.8333%; }
  .arco-col-md-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-md-push-24 { left: 100%; }
  .arco-col-md-push-24.arco-col-rtl { left: unset; right: 100%; }
}
@media (min-width: 992px) {
  .arco-col-lg-0 { display: none; }
  .arco-col-lg-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-lg-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-lg-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-lg-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-lg-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-lg-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-lg-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-lg-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-lg-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-lg-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-lg-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-lg-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-lg-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-lg-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-lg-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-lg-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-lg-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-lg-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-lg-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-lg-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-lg-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-lg-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-lg-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-lg-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-lg-offset-0 { margin-left: 0%; }
  .arco-col-lg-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-lg-offset-1 { margin-left: 4.16667%; }
  .arco-col-lg-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-lg-offset-2 { margin-left: 8.33333%; }
  .arco-col-lg-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-lg-offset-3 { margin-left: 12.5%; }
  .arco-col-lg-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-lg-offset-4 { margin-left: 16.6667%; }
  .arco-col-lg-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-lg-offset-5 { margin-left: 20.8333%; }
  .arco-col-lg-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-lg-offset-6 { margin-left: 25%; }
  .arco-col-lg-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-lg-offset-7 { margin-left: 29.1667%; }
  .arco-col-lg-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-lg-offset-8 { margin-left: 33.3333%; }
  .arco-col-lg-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-lg-offset-9 { margin-left: 37.5%; }
  .arco-col-lg-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-lg-offset-10 { margin-left: 41.6667%; }
  .arco-col-lg-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-lg-offset-11 { margin-left: 45.8333%; }
  .arco-col-lg-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-lg-offset-12 { margin-left: 50%; }
  .arco-col-lg-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-lg-offset-13 { margin-left: 54.1667%; }
  .arco-col-lg-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-lg-offset-14 { margin-left: 58.3333%; }
  .arco-col-lg-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-lg-offset-15 { margin-left: 62.5%; }
  .arco-col-lg-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-lg-offset-16 { margin-left: 66.6667%; }
  .arco-col-lg-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-lg-offset-17 { margin-left: 70.8333%; }
  .arco-col-lg-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-lg-offset-18 { margin-left: 75%; }
  .arco-col-lg-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-lg-offset-19 { margin-left: 79.1667%; }
  .arco-col-lg-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-lg-offset-20 { margin-left: 83.3333%; }
  .arco-col-lg-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-lg-offset-21 { margin-left: 87.5%; }
  .arco-col-lg-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-lg-offset-22 { margin-left: 91.6667%; }
  .arco-col-lg-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-lg-offset-23 { margin-left: 95.8333%; }
  .arco-col-lg-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-lg-order-0 { order: 0; }
  .arco-col-lg-order-1 { order: 1; }
  .arco-col-lg-order-2 { order: 2; }
  .arco-col-lg-order-3 { order: 3; }
  .arco-col-lg-order-4 { order: 4; }
  .arco-col-lg-order-5 { order: 5; }
  .arco-col-lg-order-6 { order: 6; }
  .arco-col-lg-order-7 { order: 7; }
  .arco-col-lg-order-8 { order: 8; }
  .arco-col-lg-order-9 { order: 9; }
  .arco-col-lg-order-10 { order: 10; }
  .arco-col-lg-order-11 { order: 11; }
  .arco-col-lg-order-12 { order: 12; }
  .arco-col-lg-order-13 { order: 13; }
  .arco-col-lg-order-14 { order: 14; }
  .arco-col-lg-order-15 { order: 15; }
  .arco-col-lg-order-16 { order: 16; }
  .arco-col-lg-order-17 { order: 17; }
  .arco-col-lg-order-18 { order: 18; }
  .arco-col-lg-order-19 { order: 19; }
  .arco-col-lg-order-20 { order: 20; }
  .arco-col-lg-order-21 { order: 21; }
  .arco-col-lg-order-22 { order: 22; }
  .arco-col-lg-order-23 { order: 23; }
  .arco-col-lg-order-24 { order: 24; }
  .arco-col-lg-pull-0 { right: 0%; }
  .arco-col-lg-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-lg-pull-1 { right: 4.16667%; }
  .arco-col-lg-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-lg-pull-2 { right: 8.33333%; }
  .arco-col-lg-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-lg-pull-3 { right: 12.5%; }
  .arco-col-lg-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-lg-pull-4 { right: 16.6667%; }
  .arco-col-lg-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-lg-pull-5 { right: 20.8333%; }
  .arco-col-lg-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-lg-pull-6 { right: 25%; }
  .arco-col-lg-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-lg-pull-7 { right: 29.1667%; }
  .arco-col-lg-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-lg-pull-8 { right: 33.3333%; }
  .arco-col-lg-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-lg-pull-9 { right: 37.5%; }
  .arco-col-lg-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-lg-pull-10 { right: 41.6667%; }
  .arco-col-lg-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-lg-pull-11 { right: 45.8333%; }
  .arco-col-lg-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-lg-pull-12 { right: 50%; }
  .arco-col-lg-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-lg-pull-13 { right: 54.1667%; }
  .arco-col-lg-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-lg-pull-14 { right: 58.3333%; }
  .arco-col-lg-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-lg-pull-15 { right: 62.5%; }
  .arco-col-lg-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-lg-pull-16 { right: 66.6667%; }
  .arco-col-lg-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-lg-pull-17 { right: 70.8333%; }
  .arco-col-lg-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-lg-pull-18 { right: 75%; }
  .arco-col-lg-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-lg-pull-19 { right: 79.1667%; }
  .arco-col-lg-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-lg-pull-20 { right: 83.3333%; }
  .arco-col-lg-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-lg-pull-21 { right: 87.5%; }
  .arco-col-lg-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-lg-pull-22 { right: 91.6667%; }
  .arco-col-lg-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-lg-pull-23 { right: 95.8333%; }
  .arco-col-lg-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-lg-pull-24 { right: 100%; }
  .arco-col-lg-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-lg-push-0 { left: 0%; }
  .arco-col-lg-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-lg-push-1 { left: 4.16667%; }
  .arco-col-lg-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-lg-push-2 { left: 8.33333%; }
  .arco-col-lg-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-lg-push-3 { left: 12.5%; }
  .arco-col-lg-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-lg-push-4 { left: 16.6667%; }
  .arco-col-lg-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-lg-push-5 { left: 20.8333%; }
  .arco-col-lg-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-lg-push-6 { left: 25%; }
  .arco-col-lg-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-lg-push-7 { left: 29.1667%; }
  .arco-col-lg-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-lg-push-8 { left: 33.3333%; }
  .arco-col-lg-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-lg-push-9 { left: 37.5%; }
  .arco-col-lg-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-lg-push-10 { left: 41.6667%; }
  .arco-col-lg-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-lg-push-11 { left: 45.8333%; }
  .arco-col-lg-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-lg-push-12 { left: 50%; }
  .arco-col-lg-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-lg-push-13 { left: 54.1667%; }
  .arco-col-lg-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-lg-push-14 { left: 58.3333%; }
  .arco-col-lg-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-lg-push-15 { left: 62.5%; }
  .arco-col-lg-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-lg-push-16 { left: 66.6667%; }
  .arco-col-lg-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-lg-push-17 { left: 70.8333%; }
  .arco-col-lg-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-lg-push-18 { left: 75%; }
  .arco-col-lg-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-lg-push-19 { left: 79.1667%; }
  .arco-col-lg-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-lg-push-20 { left: 83.3333%; }
  .arco-col-lg-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-lg-push-21 { left: 87.5%; }
  .arco-col-lg-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-lg-push-22 { left: 91.6667%; }
  .arco-col-lg-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-lg-push-23 { left: 95.8333%; }
  .arco-col-lg-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-lg-push-24 { left: 100%; }
  .arco-col-lg-push-24.arco-col-rtl { left: unset; right: 100%; }
}
@media (min-width: 1200px) {
  .arco-col-xl-0 { display: none; }
  .arco-col-xl-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xl-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xl-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xl-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xl-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xl-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-xl-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xl-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xl-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xl-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xl-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xl-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-xl-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xl-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xl-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xl-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xl-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xl-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-xl-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xl-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xl-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xl-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xl-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xl-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-xl-offset-0 { margin-left: 0%; }
  .arco-col-xl-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-xl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xl-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-xl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xl-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-xl-offset-3 { margin-left: 12.5%; }
  .arco-col-xl-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-xl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xl-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-xl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xl-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-xl-offset-6 { margin-left: 25%; }
  .arco-col-xl-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-xl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xl-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-xl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xl-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-xl-offset-9 { margin-left: 37.5%; }
  .arco-col-xl-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-xl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xl-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-xl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xl-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-xl-offset-12 { margin-left: 50%; }
  .arco-col-xl-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-xl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xl-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-xl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xl-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-xl-offset-15 { margin-left: 62.5%; }
  .arco-col-xl-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-xl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xl-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-xl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xl-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-xl-offset-18 { margin-left: 75%; }
  .arco-col-xl-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-xl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xl-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-xl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xl-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-xl-offset-21 { margin-left: 87.5%; }
  .arco-col-xl-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-xl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xl-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-xl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xl-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-xl-order-0 { order: 0; }
  .arco-col-xl-order-1 { order: 1; }
  .arco-col-xl-order-2 { order: 2; }
  .arco-col-xl-order-3 { order: 3; }
  .arco-col-xl-order-4 { order: 4; }
  .arco-col-xl-order-5 { order: 5; }
  .arco-col-xl-order-6 { order: 6; }
  .arco-col-xl-order-7 { order: 7; }
  .arco-col-xl-order-8 { order: 8; }
  .arco-col-xl-order-9 { order: 9; }
  .arco-col-xl-order-10 { order: 10; }
  .arco-col-xl-order-11 { order: 11; }
  .arco-col-xl-order-12 { order: 12; }
  .arco-col-xl-order-13 { order: 13; }
  .arco-col-xl-order-14 { order: 14; }
  .arco-col-xl-order-15 { order: 15; }
  .arco-col-xl-order-16 { order: 16; }
  .arco-col-xl-order-17 { order: 17; }
  .arco-col-xl-order-18 { order: 18; }
  .arco-col-xl-order-19 { order: 19; }
  .arco-col-xl-order-20 { order: 20; }
  .arco-col-xl-order-21 { order: 21; }
  .arco-col-xl-order-22 { order: 22; }
  .arco-col-xl-order-23 { order: 23; }
  .arco-col-xl-order-24 { order: 24; }
  .arco-col-xl-pull-0 { right: 0%; }
  .arco-col-xl-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-xl-pull-1 { right: 4.16667%; }
  .arco-col-xl-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-xl-pull-2 { right: 8.33333%; }
  .arco-col-xl-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-xl-pull-3 { right: 12.5%; }
  .arco-col-xl-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-xl-pull-4 { right: 16.6667%; }
  .arco-col-xl-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-xl-pull-5 { right: 20.8333%; }
  .arco-col-xl-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-xl-pull-6 { right: 25%; }
  .arco-col-xl-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-xl-pull-7 { right: 29.1667%; }
  .arco-col-xl-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-xl-pull-8 { right: 33.3333%; }
  .arco-col-xl-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-xl-pull-9 { right: 37.5%; }
  .arco-col-xl-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-xl-pull-10 { right: 41.6667%; }
  .arco-col-xl-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-xl-pull-11 { right: 45.8333%; }
  .arco-col-xl-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-xl-pull-12 { right: 50%; }
  .arco-col-xl-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-xl-pull-13 { right: 54.1667%; }
  .arco-col-xl-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-xl-pull-14 { right: 58.3333%; }
  .arco-col-xl-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-xl-pull-15 { right: 62.5%; }
  .arco-col-xl-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-xl-pull-16 { right: 66.6667%; }
  .arco-col-xl-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-xl-pull-17 { right: 70.8333%; }
  .arco-col-xl-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-xl-pull-18 { right: 75%; }
  .arco-col-xl-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-xl-pull-19 { right: 79.1667%; }
  .arco-col-xl-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-xl-pull-20 { right: 83.3333%; }
  .arco-col-xl-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-xl-pull-21 { right: 87.5%; }
  .arco-col-xl-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-xl-pull-22 { right: 91.6667%; }
  .arco-col-xl-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-xl-pull-23 { right: 95.8333%; }
  .arco-col-xl-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-xl-pull-24 { right: 100%; }
  .arco-col-xl-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-xl-push-0 { left: 0%; }
  .arco-col-xl-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-xl-push-1 { left: 4.16667%; }
  .arco-col-xl-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-xl-push-2 { left: 8.33333%; }
  .arco-col-xl-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-xl-push-3 { left: 12.5%; }
  .arco-col-xl-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-xl-push-4 { left: 16.6667%; }
  .arco-col-xl-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-xl-push-5 { left: 20.8333%; }
  .arco-col-xl-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-xl-push-6 { left: 25%; }
  .arco-col-xl-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-xl-push-7 { left: 29.1667%; }
  .arco-col-xl-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-xl-push-8 { left: 33.3333%; }
  .arco-col-xl-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-xl-push-9 { left: 37.5%; }
  .arco-col-xl-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-xl-push-10 { left: 41.6667%; }
  .arco-col-xl-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-xl-push-11 { left: 45.8333%; }
  .arco-col-xl-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-xl-push-12 { left: 50%; }
  .arco-col-xl-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-xl-push-13 { left: 54.1667%; }
  .arco-col-xl-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-xl-push-14 { left: 58.3333%; }
  .arco-col-xl-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-xl-push-15 { left: 62.5%; }
  .arco-col-xl-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-xl-push-16 { left: 66.6667%; }
  .arco-col-xl-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-xl-push-17 { left: 70.8333%; }
  .arco-col-xl-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-xl-push-18 { left: 75%; }
  .arco-col-xl-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-xl-push-19 { left: 79.1667%; }
  .arco-col-xl-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-xl-push-20 { left: 83.3333%; }
  .arco-col-xl-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-xl-push-21 { left: 87.5%; }
  .arco-col-xl-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-xl-push-22 { left: 91.6667%; }
  .arco-col-xl-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-xl-push-23 { left: 95.8333%; }
  .arco-col-xl-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-xl-push-24 { left: 100%; }
  .arco-col-xl-push-24.arco-col-rtl { left: unset; right: 100%; }
}
@media (min-width: 1600px) {
  .arco-col-xxl-0 { display: none; }
  .arco-col-xxl-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xxl-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xxl-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xxl-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xxl-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xxl-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-xxl-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xxl-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xxl-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xxl-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xxl-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xxl-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-xxl-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xxl-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xxl-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xxl-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xxl-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xxl-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-xxl-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xxl-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xxl-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xxl-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xxl-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xxl-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-xxl-offset-0 { margin-left: 0%; }
  .arco-col-xxl-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-xxl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xxl-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-xxl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xxl-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-xxl-offset-3 { margin-left: 12.5%; }
  .arco-col-xxl-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-xxl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xxl-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-xxl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xxl-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-xxl-offset-6 { margin-left: 25%; }
  .arco-col-xxl-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-xxl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xxl-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-xxl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xxl-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-xxl-offset-9 { margin-left: 37.5%; }
  .arco-col-xxl-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-xxl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xxl-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-xxl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xxl-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-xxl-offset-12 { margin-left: 50%; }
  .arco-col-xxl-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-xxl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xxl-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-xxl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xxl-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-xxl-offset-15 { margin-left: 62.5%; }
  .arco-col-xxl-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-xxl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xxl-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-xxl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xxl-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-xxl-offset-18 { margin-left: 75%; }
  .arco-col-xxl-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-xxl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xxl-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-xxl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xxl-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-xxl-offset-21 { margin-left: 87.5%; }
  .arco-col-xxl-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-xxl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xxl-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-xxl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xxl-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-xxl-order-0 { order: 0; }
  .arco-col-xxl-order-1 { order: 1; }
  .arco-col-xxl-order-2 { order: 2; }
  .arco-col-xxl-order-3 { order: 3; }
  .arco-col-xxl-order-4 { order: 4; }
  .arco-col-xxl-order-5 { order: 5; }
  .arco-col-xxl-order-6 { order: 6; }
  .arco-col-xxl-order-7 { order: 7; }
  .arco-col-xxl-order-8 { order: 8; }
  .arco-col-xxl-order-9 { order: 9; }
  .arco-col-xxl-order-10 { order: 10; }
  .arco-col-xxl-order-11 { order: 11; }
  .arco-col-xxl-order-12 { order: 12; }
  .arco-col-xxl-order-13 { order: 13; }
  .arco-col-xxl-order-14 { order: 14; }
  .arco-col-xxl-order-15 { order: 15; }
  .arco-col-xxl-order-16 { order: 16; }
  .arco-col-xxl-order-17 { order: 17; }
  .arco-col-xxl-order-18 { order: 18; }
  .arco-col-xxl-order-19 { order: 19; }
  .arco-col-xxl-order-20 { order: 20; }
  .arco-col-xxl-order-21 { order: 21; }
  .arco-col-xxl-order-22 { order: 22; }
  .arco-col-xxl-order-23 { order: 23; }
  .arco-col-xxl-order-24 { order: 24; }
  .arco-col-xxl-pull-0 { right: 0%; }
  .arco-col-xxl-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-xxl-pull-1 { right: 4.16667%; }
  .arco-col-xxl-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-xxl-pull-2 { right: 8.33333%; }
  .arco-col-xxl-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-xxl-pull-3 { right: 12.5%; }
  .arco-col-xxl-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-xxl-pull-4 { right: 16.6667%; }
  .arco-col-xxl-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-xxl-pull-5 { right: 20.8333%; }
  .arco-col-xxl-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-xxl-pull-6 { right: 25%; }
  .arco-col-xxl-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-xxl-pull-7 { right: 29.1667%; }
  .arco-col-xxl-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-xxl-pull-8 { right: 33.3333%; }
  .arco-col-xxl-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-xxl-pull-9 { right: 37.5%; }
  .arco-col-xxl-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-xxl-pull-10 { right: 41.6667%; }
  .arco-col-xxl-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-xxl-pull-11 { right: 45.8333%; }
  .arco-col-xxl-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-xxl-pull-12 { right: 50%; }
  .arco-col-xxl-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-xxl-pull-13 { right: 54.1667%; }
  .arco-col-xxl-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-xxl-pull-14 { right: 58.3333%; }
  .arco-col-xxl-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-xxl-pull-15 { right: 62.5%; }
  .arco-col-xxl-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-xxl-pull-16 { right: 66.6667%; }
  .arco-col-xxl-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-xxl-pull-17 { right: 70.8333%; }
  .arco-col-xxl-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-xxl-pull-18 { right: 75%; }
  .arco-col-xxl-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-xxl-pull-19 { right: 79.1667%; }
  .arco-col-xxl-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-xxl-pull-20 { right: 83.3333%; }
  .arco-col-xxl-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-xxl-pull-21 { right: 87.5%; }
  .arco-col-xxl-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-xxl-pull-22 { right: 91.6667%; }
  .arco-col-xxl-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-xxl-pull-23 { right: 95.8333%; }
  .arco-col-xxl-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-xxl-pull-24 { right: 100%; }
  .arco-col-xxl-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-xxl-push-0 { left: 0%; }
  .arco-col-xxl-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-xxl-push-1 { left: 4.16667%; }
  .arco-col-xxl-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-xxl-push-2 { left: 8.33333%; }
  .arco-col-xxl-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-xxl-push-3 { left: 12.5%; }
  .arco-col-xxl-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-xxl-push-4 { left: 16.6667%; }
  .arco-col-xxl-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-xxl-push-5 { left: 20.8333%; }
  .arco-col-xxl-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-xxl-push-6 { left: 25%; }
  .arco-col-xxl-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-xxl-push-7 { left: 29.1667%; }
  .arco-col-xxl-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-xxl-push-8 { left: 33.3333%; }
  .arco-col-xxl-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-xxl-push-9 { left: 37.5%; }
  .arco-col-xxl-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-xxl-push-10 { left: 41.6667%; }
  .arco-col-xxl-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-xxl-push-11 { left: 45.8333%; }
  .arco-col-xxl-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-xxl-push-12 { left: 50%; }
  .arco-col-xxl-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-xxl-push-13 { left: 54.1667%; }
  .arco-col-xxl-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-xxl-push-14 { left: 58.3333%; }
  .arco-col-xxl-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-xxl-push-15 { left: 62.5%; }
  .arco-col-xxl-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-xxl-push-16 { left: 66.6667%; }
  .arco-col-xxl-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-xxl-push-17 { left: 70.8333%; }
  .arco-col-xxl-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-xxl-push-18 { left: 75%; }
  .arco-col-xxl-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-xxl-push-19 { left: 79.1667%; }
  .arco-col-xxl-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-xxl-push-20 { left: 83.3333%; }
  .arco-col-xxl-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-xxl-push-21 { left: 87.5%; }
  .arco-col-xxl-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-xxl-push-22 { left: 91.6667%; }
  .arco-col-xxl-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-xxl-push-23 { left: 95.8333%; }
  .arco-col-xxl-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-xxl-push-24 { left: 100%; }
  .arco-col-xxl-push-24.arco-col-rtl { left: unset; right: 100%; }
}
@media (min-width: 2000px) {
  .arco-col-xxxl-0 { display: none; }
  .arco-col-xxxl-1 { display: block; width: 4.16667%; flex: 0 0 4.16667%; }
  .arco-col-xxxl-2 { display: block; width: 8.33333%; flex: 0 0 8.33333%; }
  .arco-col-xxxl-3 { display: block; width: 12.5%; flex: 0 0 12.5%; }
  .arco-col-xxxl-4 { display: block; width: 16.6667%; flex: 0 0 16.6667%; }
  .arco-col-xxxl-5 { display: block; width: 20.8333%; flex: 0 0 20.8333%; }
  .arco-col-xxxl-6 { display: block; width: 25%; flex: 0 0 25%; }
  .arco-col-xxxl-7 { display: block; width: 29.1667%; flex: 0 0 29.1667%; }
  .arco-col-xxxl-8 { display: block; width: 33.3333%; flex: 0 0 33.3333%; }
  .arco-col-xxxl-9 { display: block; width: 37.5%; flex: 0 0 37.5%; }
  .arco-col-xxxl-10 { display: block; width: 41.6667%; flex: 0 0 41.6667%; }
  .arco-col-xxxl-11 { display: block; width: 45.8333%; flex: 0 0 45.8333%; }
  .arco-col-xxxl-12 { display: block; width: 50%; flex: 0 0 50%; }
  .arco-col-xxxl-13 { display: block; width: 54.1667%; flex: 0 0 54.1667%; }
  .arco-col-xxxl-14 { display: block; width: 58.3333%; flex: 0 0 58.3333%; }
  .arco-col-xxxl-15 { display: block; width: 62.5%; flex: 0 0 62.5%; }
  .arco-col-xxxl-16 { display: block; width: 66.6667%; flex: 0 0 66.6667%; }
  .arco-col-xxxl-17 { display: block; width: 70.8333%; flex: 0 0 70.8333%; }
  .arco-col-xxxl-18 { display: block; width: 75%; flex: 0 0 75%; }
  .arco-col-xxxl-19 { display: block; width: 79.1667%; flex: 0 0 79.1667%; }
  .arco-col-xxxl-20 { display: block; width: 83.3333%; flex: 0 0 83.3333%; }
  .arco-col-xxxl-21 { display: block; width: 87.5%; flex: 0 0 87.5%; }
  .arco-col-xxxl-22 { display: block; width: 91.6667%; flex: 0 0 91.6667%; }
  .arco-col-xxxl-23 { display: block; width: 95.8333%; flex: 0 0 95.8333%; }
  .arco-col-xxxl-24 { display: block; width: 100%; flex: 0 0 100%; }
  .arco-col-xxxl-offset-0 { margin-left: 0%; }
  .arco-col-xxxl-offset-0.arco-col-rtl { margin-left: 0px; margin-right: 0%; }
  .arco-col-xxxl-offset-1 { margin-left: 4.16667%; }
  .arco-col-xxxl-offset-1.arco-col-rtl { margin-left: 0px; margin-right: 4.16667%; }
  .arco-col-xxxl-offset-2 { margin-left: 8.33333%; }
  .arco-col-xxxl-offset-2.arco-col-rtl { margin-left: 0px; margin-right: 8.33333%; }
  .arco-col-xxxl-offset-3 { margin-left: 12.5%; }
  .arco-col-xxxl-offset-3.arco-col-rtl { margin-left: 0px; margin-right: 12.5%; }
  .arco-col-xxxl-offset-4 { margin-left: 16.6667%; }
  .arco-col-xxxl-offset-4.arco-col-rtl { margin-left: 0px; margin-right: 16.6667%; }
  .arco-col-xxxl-offset-5 { margin-left: 20.8333%; }
  .arco-col-xxxl-offset-5.arco-col-rtl { margin-left: 0px; margin-right: 20.8333%; }
  .arco-col-xxxl-offset-6 { margin-left: 25%; }
  .arco-col-xxxl-offset-6.arco-col-rtl { margin-left: 0px; margin-right: 25%; }
  .arco-col-xxxl-offset-7 { margin-left: 29.1667%; }
  .arco-col-xxxl-offset-7.arco-col-rtl { margin-left: 0px; margin-right: 29.1667%; }
  .arco-col-xxxl-offset-8 { margin-left: 33.3333%; }
  .arco-col-xxxl-offset-8.arco-col-rtl { margin-left: 0px; margin-right: 33.3333%; }
  .arco-col-xxxl-offset-9 { margin-left: 37.5%; }
  .arco-col-xxxl-offset-9.arco-col-rtl { margin-left: 0px; margin-right: 37.5%; }
  .arco-col-xxxl-offset-10 { margin-left: 41.6667%; }
  .arco-col-xxxl-offset-10.arco-col-rtl { margin-left: 0px; margin-right: 41.6667%; }
  .arco-col-xxxl-offset-11 { margin-left: 45.8333%; }
  .arco-col-xxxl-offset-11.arco-col-rtl { margin-left: 0px; margin-right: 45.8333%; }
  .arco-col-xxxl-offset-12 { margin-left: 50%; }
  .arco-col-xxxl-offset-12.arco-col-rtl { margin-left: 0px; margin-right: 50%; }
  .arco-col-xxxl-offset-13 { margin-left: 54.1667%; }
  .arco-col-xxxl-offset-13.arco-col-rtl { margin-left: 0px; margin-right: 54.1667%; }
  .arco-col-xxxl-offset-14 { margin-left: 58.3333%; }
  .arco-col-xxxl-offset-14.arco-col-rtl { margin-left: 0px; margin-right: 58.3333%; }
  .arco-col-xxxl-offset-15 { margin-left: 62.5%; }
  .arco-col-xxxl-offset-15.arco-col-rtl { margin-left: 0px; margin-right: 62.5%; }
  .arco-col-xxxl-offset-16 { margin-left: 66.6667%; }
  .arco-col-xxxl-offset-16.arco-col-rtl { margin-left: 0px; margin-right: 66.6667%; }
  .arco-col-xxxl-offset-17 { margin-left: 70.8333%; }
  .arco-col-xxxl-offset-17.arco-col-rtl { margin-left: 0px; margin-right: 70.8333%; }
  .arco-col-xxxl-offset-18 { margin-left: 75%; }
  .arco-col-xxxl-offset-18.arco-col-rtl { margin-left: 0px; margin-right: 75%; }
  .arco-col-xxxl-offset-19 { margin-left: 79.1667%; }
  .arco-col-xxxl-offset-19.arco-col-rtl { margin-left: 0px; margin-right: 79.1667%; }
  .arco-col-xxxl-offset-20 { margin-left: 83.3333%; }
  .arco-col-xxxl-offset-20.arco-col-rtl { margin-left: 0px; margin-right: 83.3333%; }
  .arco-col-xxxl-offset-21 { margin-left: 87.5%; }
  .arco-col-xxxl-offset-21.arco-col-rtl { margin-left: 0px; margin-right: 87.5%; }
  .arco-col-xxxl-offset-22 { margin-left: 91.6667%; }
  .arco-col-xxxl-offset-22.arco-col-rtl { margin-left: 0px; margin-right: 91.6667%; }
  .arco-col-xxxl-offset-23 { margin-left: 95.8333%; }
  .arco-col-xxxl-offset-23.arco-col-rtl { margin-left: 0px; margin-right: 95.8333%; }
  .arco-col-xxxl-order-0 { order: 0; }
  .arco-col-xxxl-order-1 { order: 1; }
  .arco-col-xxxl-order-2 { order: 2; }
  .arco-col-xxxl-order-3 { order: 3; }
  .arco-col-xxxl-order-4 { order: 4; }
  .arco-col-xxxl-order-5 { order: 5; }
  .arco-col-xxxl-order-6 { order: 6; }
  .arco-col-xxxl-order-7 { order: 7; }
  .arco-col-xxxl-order-8 { order: 8; }
  .arco-col-xxxl-order-9 { order: 9; }
  .arco-col-xxxl-order-10 { order: 10; }
  .arco-col-xxxl-order-11 { order: 11; }
  .arco-col-xxxl-order-12 { order: 12; }
  .arco-col-xxxl-order-13 { order: 13; }
  .arco-col-xxxl-order-14 { order: 14; }
  .arco-col-xxxl-order-15 { order: 15; }
  .arco-col-xxxl-order-16 { order: 16; }
  .arco-col-xxxl-order-17 { order: 17; }
  .arco-col-xxxl-order-18 { order: 18; }
  .arco-col-xxxl-order-19 { order: 19; }
  .arco-col-xxxl-order-20 { order: 20; }
  .arco-col-xxxl-order-21 { order: 21; }
  .arco-col-xxxl-order-22 { order: 22; }
  .arco-col-xxxl-order-23 { order: 23; }
  .arco-col-xxxl-order-24 { order: 24; }
  .arco-col-xxxl-pull-0 { right: 0%; }
  .arco-col-xxxl-pull-0.arco-col-rtl { right: unset; left: 0%; }
  .arco-col-xxxl-pull-1 { right: 4.16667%; }
  .arco-col-xxxl-pull-1.arco-col-rtl { right: unset; left: 4.16667%; }
  .arco-col-xxxl-pull-2 { right: 8.33333%; }
  .arco-col-xxxl-pull-2.arco-col-rtl { right: unset; left: 8.33333%; }
  .arco-col-xxxl-pull-3 { right: 12.5%; }
  .arco-col-xxxl-pull-3.arco-col-rtl { right: unset; left: 12.5%; }
  .arco-col-xxxl-pull-4 { right: 16.6667%; }
  .arco-col-xxxl-pull-4.arco-col-rtl { right: unset; left: 16.6667%; }
  .arco-col-xxxl-pull-5 { right: 20.8333%; }
  .arco-col-xxxl-pull-5.arco-col-rtl { right: unset; left: 20.8333%; }
  .arco-col-xxxl-pull-6 { right: 25%; }
  .arco-col-xxxl-pull-6.arco-col-rtl { right: unset; left: 25%; }
  .arco-col-xxxl-pull-7 { right: 29.1667%; }
  .arco-col-xxxl-pull-7.arco-col-rtl { right: unset; left: 29.1667%; }
  .arco-col-xxxl-pull-8 { right: 33.3333%; }
  .arco-col-xxxl-pull-8.arco-col-rtl { right: unset; left: 33.3333%; }
  .arco-col-xxxl-pull-9 { right: 37.5%; }
  .arco-col-xxxl-pull-9.arco-col-rtl { right: unset; left: 37.5%; }
  .arco-col-xxxl-pull-10 { right: 41.6667%; }
  .arco-col-xxxl-pull-10.arco-col-rtl { right: unset; left: 41.6667%; }
  .arco-col-xxxl-pull-11 { right: 45.8333%; }
  .arco-col-xxxl-pull-11.arco-col-rtl { right: unset; left: 45.8333%; }
  .arco-col-xxxl-pull-12 { right: 50%; }
  .arco-col-xxxl-pull-12.arco-col-rtl { right: unset; left: 50%; }
  .arco-col-xxxl-pull-13 { right: 54.1667%; }
  .arco-col-xxxl-pull-13.arco-col-rtl { right: unset; left: 54.1667%; }
  .arco-col-xxxl-pull-14 { right: 58.3333%; }
  .arco-col-xxxl-pull-14.arco-col-rtl { right: unset; left: 58.3333%; }
  .arco-col-xxxl-pull-15 { right: 62.5%; }
  .arco-col-xxxl-pull-15.arco-col-rtl { right: unset; left: 62.5%; }
  .arco-col-xxxl-pull-16 { right: 66.6667%; }
  .arco-col-xxxl-pull-16.arco-col-rtl { right: unset; left: 66.6667%; }
  .arco-col-xxxl-pull-17 { right: 70.8333%; }
  .arco-col-xxxl-pull-17.arco-col-rtl { right: unset; left: 70.8333%; }
  .arco-col-xxxl-pull-18 { right: 75%; }
  .arco-col-xxxl-pull-18.arco-col-rtl { right: unset; left: 75%; }
  .arco-col-xxxl-pull-19 { right: 79.1667%; }
  .arco-col-xxxl-pull-19.arco-col-rtl { right: unset; left: 79.1667%; }
  .arco-col-xxxl-pull-20 { right: 83.3333%; }
  .arco-col-xxxl-pull-20.arco-col-rtl { right: unset; left: 83.3333%; }
  .arco-col-xxxl-pull-21 { right: 87.5%; }
  .arco-col-xxxl-pull-21.arco-col-rtl { right: unset; left: 87.5%; }
  .arco-col-xxxl-pull-22 { right: 91.6667%; }
  .arco-col-xxxl-pull-22.arco-col-rtl { right: unset; left: 91.6667%; }
  .arco-col-xxxl-pull-23 { right: 95.8333%; }
  .arco-col-xxxl-pull-23.arco-col-rtl { right: unset; left: 95.8333%; }
  .arco-col-xxxl-pull-24 { right: 100%; }
  .arco-col-xxxl-pull-24.arco-col-rtl { right: unset; left: 100%; }
  .arco-col-xxxl-push-0 { left: 0%; }
  .arco-col-xxxl-push-0.arco-col-rtl { left: unset; right: 0%; }
  .arco-col-xxxl-push-1 { left: 4.16667%; }
  .arco-col-xxxl-push-1.arco-col-rtl { left: unset; right: 4.16667%; }
  .arco-col-xxxl-push-2 { left: 8.33333%; }
  .arco-col-xxxl-push-2.arco-col-rtl { left: unset; right: 8.33333%; }
  .arco-col-xxxl-push-3 { left: 12.5%; }
  .arco-col-xxxl-push-3.arco-col-rtl { left: unset; right: 12.5%; }
  .arco-col-xxxl-push-4 { left: 16.6667%; }
  .arco-col-xxxl-push-4.arco-col-rtl { left: unset; right: 16.6667%; }
  .arco-col-xxxl-push-5 { left: 20.8333%; }
  .arco-col-xxxl-push-5.arco-col-rtl { left: unset; right: 20.8333%; }
  .arco-col-xxxl-push-6 { left: 25%; }
  .arco-col-xxxl-push-6.arco-col-rtl { left: unset; right: 25%; }
  .arco-col-xxxl-push-7 { left: 29.1667%; }
  .arco-col-xxxl-push-7.arco-col-rtl { left: unset; right: 29.1667%; }
  .arco-col-xxxl-push-8 { left: 33.3333%; }
  .arco-col-xxxl-push-8.arco-col-rtl { left: unset; right: 33.3333%; }
  .arco-col-xxxl-push-9 { left: 37.5%; }
  .arco-col-xxxl-push-9.arco-col-rtl { left: unset; right: 37.5%; }
  .arco-col-xxxl-push-10 { left: 41.6667%; }
  .arco-col-xxxl-push-10.arco-col-rtl { left: unset; right: 41.6667%; }
  .arco-col-xxxl-push-11 { left: 45.8333%; }
  .arco-col-xxxl-push-11.arco-col-rtl { left: unset; right: 45.8333%; }
  .arco-col-xxxl-push-12 { left: 50%; }
  .arco-col-xxxl-push-12.arco-col-rtl { left: unset; right: 50%; }
  .arco-col-xxxl-push-13 { left: 54.1667%; }
  .arco-col-xxxl-push-13.arco-col-rtl { left: unset; right: 54.1667%; }
  .arco-col-xxxl-push-14 { left: 58.3333%; }
  .arco-col-xxxl-push-14.arco-col-rtl { left: unset; right: 58.3333%; }
  .arco-col-xxxl-push-15 { left: 62.5%; }
  .arco-col-xxxl-push-15.arco-col-rtl { left: unset; right: 62.5%; }
  .arco-col-xxxl-push-16 { left: 66.6667%; }
  .arco-col-xxxl-push-16.arco-col-rtl { left: unset; right: 66.6667%; }
  .arco-col-xxxl-push-17 { left: 70.8333%; }
  .arco-col-xxxl-push-17.arco-col-rtl { left: unset; right: 70.8333%; }
  .arco-col-xxxl-push-18 { left: 75%; }
  .arco-col-xxxl-push-18.arco-col-rtl { left: unset; right: 75%; }
  .arco-col-xxxl-push-19 { left: 79.1667%; }
  .arco-col-xxxl-push-19.arco-col-rtl { left: unset; right: 79.1667%; }
  .arco-col-xxxl-push-20 { left: 83.3333%; }
  .arco-col-xxxl-push-20.arco-col-rtl { left: unset; right: 83.3333%; }
  .arco-col-xxxl-push-21 { left: 87.5%; }
  .arco-col-xxxl-push-21.arco-col-rtl { left: unset; right: 87.5%; }
  .arco-col-xxxl-push-22 { left: 91.6667%; }
  .arco-col-xxxl-push-22.arco-col-rtl { left: unset; right: 91.6667%; }
  .arco-col-xxxl-push-23 { left: 95.8333%; }
  .arco-col-xxxl-push-23.arco-col-rtl { left: unset; right: 95.8333%; }
  .arco-col-xxxl-push-24 { left: 100%; }
  .arco-col-xxxl-push-24.arco-col-rtl { left: unset; right: 100%; }
}
.arco-grid { display: grid; }
.arco-grid-rtl { direction: rtl; }
.arco-image-trigger { padding: 6px 4px; background: var(--color-bg-5); border: 1px solid var(--color-neutral-3); border-radius: 4px; }
.arco-image-trigger .arco-trigger-arrow { border: 1px solid var(--color-neutral-3); background-color: var(--color-bg-5); }
.arco-image { position: relative; display: inline-block; border-radius: var(--border-radius-small); vertical-align: middle; }
.arco-image-img { vertical-align: middle; border-radius: inherit; }
.arco-image-img:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-image-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.arco-image-footer { width: 100%; max-width: 100%; display: flex; }
.arco-image-footer-block { flex: 1 1 auto; }
.arco-image-caption-title { font-size: 16px; font-weight: 500; }
.arco-image-caption-description { font-size: 14px; }
.arco-image-actions { padding-left: 12px; }
.arco-image-actions-list { display: flex; justify-content: flex-end; align-items: center; }
.arco-image-actions-item { font-size: 14px; line-height: 1; margin-left: 12px; border-radius: var(--border-radius-small); padding: 0px; cursor: pointer; }
.arco-image-actions-item:first-child { margin-left: 0px; }
.arco-image-actions-item-trigger { padding: 5px 4px; display: inline-block; }
.arco-image-with-footer-inner .arco-image-footer { background: linear-gradient(360deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); color: var(--color-white); box-sizing: border-box; padding: 9px 16px; align-items: center; position: absolute; left: 0px; bottom: 0px; border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.arco-image-with-footer-inner .arco-image-caption-title, .arco-image-with-footer-inner .arco-image-caption-description { color: var(--color-white); }
.arco-image-with-footer-inner .arco-image-actions-item:hover { background: rgba(0, 0, 0, 0.5); }
.arco-image-with-footer-outer .arco-image-footer { color: var(--color-neutral-8); margin-top: 4px; }
.arco-image-with-footer-outer .arco-image-caption-title { color: var(--color-text-1); }
.arco-image-with-footer-outer .arco-image-caption-description { color: var(--color-neutral-6); }
.arco-image-with-footer-outer .arco-image-actions-item:hover { background: var(--color-neutral-2); }
.arco-image-with-preview:hover { cursor: zoom-in; }
.arco-image-error { width: 100%; height: 100%; background-color: var(--color-neutral-1); color: var(--color-neutral-4); box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.arco-image-error-icon { width: 60px; height: 60px; max-width: 100%; max-height: 100%; }
.arco-image-error-icon > svg { width: 100%; height: 100%; }
.arco-image-error-alt { font-size: 12px; line-height: 1.6667; text-align: center; padding: 8px 16px; }
.arco-image-loader { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: var(--color-neutral-1); }
.arco-image-loader-spin { font-size: 32px; transform: translate(-50%, -50%); position: absolute; color: rgb(var(--primary-6)); left: 50%; top: 50%; text-align: center; }
.arco-image-loader-spin-text { color: var(--color-neutral-6); font-size: 16px; }
.arco-image-simple.arco-image-with-footer-inner .arco-image-footer { padding: 12px 16px; }
.arco-image-before-load .arco-image-img, .arco-image-loading .arco-image-img, .arco-image-loading-error .arco-image-img { visibility: hidden; }
.arco-image-trigger .arco-image-actions-list { flex-direction: column; }
.arco-image-trigger .arco-image-actions-item { color: var(--color-neutral-8); margin-left: 0px; }
.arco-image-trigger .arco-image-actions-item:hover { background: var(--color-neutral-2); }
.arco-image-preview { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001; }
.arco-image-preview-hide { display: none; }
.arco-image-preview-mask, .arco-image-preview-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.arco-image-preview-mask { background-color: var(--color-mask-bg); }
.arco-image-preview-img-container { width: 100%; height: 100%; text-align: center; }
.arco-image-preview-img-container::before { content: ""; width: 0px; height: 100%; vertical-align: middle; display: inline-block; }
.arco-image-preview-img-container .arco-image-preview-img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; user-select: none; cursor: grab; }
.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving { cursor: grabbing; }
.arco-image-preview-scale-value { padding: 7px 10px; box-sizing: border-box; font-size: 12px; color: var(--color-white); background-color: rgba(255, 255, 255, 0.08); line-height: initial; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.arco-image-preview-toolbar { background-color: var(--color-bg-2); border-radius: var(--border-radius-medium); display: flex; align-items: flex-start; padding: 4px 16px; position: absolute; bottom: 46px; left: 50%; transform: translate(-50%); }
.arco-image-preview-toolbar-action { font-size: 14px; color: var(--color-neutral-8); border-radius: var(--border-radius-small); background-color: transparent; cursor: pointer; display: flex; align-items: center; }
.arco-image-preview-toolbar-action:not(:last-of-type) { margin-right: 0px; }
.arco-image-preview-toolbar-action:hover { background-color: var(--color-neutral-2); color: rgb(var(--primary-6)); }
.arco-image-preview-toolbar-action-disabled, .arco-image-preview-toolbar-action-disabled:hover { color: var(--color-text-4); background-color: transparent; cursor: not-allowed; }
.arco-image-preview-toolbar-action-name { font-size: 12px; padding-right: 12px; }
.arco-image-preview-toolbar-action-content { padding: 13px; line-height: 1; }
.arco-image-preview-toolbar-simple { padding: 4px; }
.arco-image-preview-toolbar-simple .arco-image-preview-toolbar-action { margin-right: 0px; }
.arco-image-preview-trigger.arco-image-trigger { padding: 12px 16px; }
.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action { text-align: left; margin-right: 0px; }
.arco-image-preview-trigger.arco-image-trigger .arco-image-preview-toolbar-action:not(:last-of-type) { margin-bottom: 0px; }
.arco-image-preview-loading { color: rgb(var(--primary-6)); background-color: rgb(35, 35, 36); font-size: 18px; padding: 10px; width: 48px; height: 48px; border-radius: var(--border-radius-medium); box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.arco-image-preview-close-btn { width: 32px; height: 32px; line-height: 32px; background: rgba(0, 0, 0, 0.5); color: var(--color-white); text-align: center; border-radius: 50%; position: absolute; right: 36px; top: 36px; cursor: pointer; font-size: 14px; }
.arco-image-preview-arrow-left, .arco-image-preview-arrow-right { display: flex; align-items: center; justify-content: center; position: absolute; width: 32px; height: 32px; border-radius: 50%; color: var(--color-white); background-color: rgba(255, 255, 255, 0.3); cursor: pointer; z-index: 2; }
.arco-image-preview-arrow-left > svg, .arco-image-preview-arrow-right > svg { color: var(--color-white); font-size: 16px; }
.arco-image-preview-arrow-left:hover, .arco-image-preview-arrow-right:hover { background-color: rgba(255, 255, 255, 0.5); }
.arco-image-preview-arrow-left { left: 20px; top: 50%; transform: translateY(-50%); }
.arco-image-preview-arrow-right { top: 50%; transform: translateY(-50%); right: 20px; }
.arco-image-preview-arrow-disabled { cursor: not-allowed; background-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }
.arco-image-preview-arrow-disabled > svg { color: rgba(255, 255, 255, 0.3); }
.arco-image-preview-arrow-disabled:hover { background-color: rgba(255, 255, 255, 0.2); }
.fadeImage-enter, .fadeImage-appear { opacity: 0; }
.fadeImage-enter-active, .fadeImage-appear-active { opacity: 1; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.fadeImage-exit { opacity: 1; }
.fadeImage-exit-active { opacity: 0; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-image-rtl { direction: rtl; }
.arco-image-rtl .arco-image-actions-item { margin-left: 0px; margin-right: 12px; }
.arco-image-rtl .arco-image-actions-item:first-child { margin-right: 0px; }
.arco-input { line-height: 1.5715; outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: var(--border-radius-small); color: var(--color-text-1); padding: 4px 12px; font-size: 14px; box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--color-fill-2); }
.arco-input::placeholder { color: var(--color-text-3); }
.arco-input:hover { background-color: var(--color-fill-3); border-color: transparent; }
.arco-input:focus, .arco-input.arco-input-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-input-error { border-color: transparent; background-color: var(--color-danger-light-1); }
.arco-input-error:hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-input-error .arco-input, .arco-input-error .arco-input:hover { background: none; box-shadow: none; }
.arco-input-error.arco-input-focus, .arco-input-error.arco-input-focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-input-error:focus, .arco-input-error:focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-input-warning { border-color: transparent; background-color: var(--color-warning-light-1); }
.arco-input-warning:hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-input-warning .arco-input, .arco-input-warning .arco-input:hover { background: none; box-shadow: none; }
.arco-input-warning.arco-input-focus, .arco-input-warning.arco-input-focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-input-warning:focus, .arco-input-warning:focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-input-autowidth { overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; }
.arco-input-autowidth:hover { text-overflow: unset; }
.arco-input-disabled { background-color: var(--color-fill-2); cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); border-color: transparent; }
.arco-input-disabled:hover { border-color: transparent; background-color: var(--color-fill-2); color: var(--color-text-4); }
.arco-input-disabled::placeholder { color: var(--color-text-4); }
.arco-input input:disabled { color: var(--color-text-4); opacity: 1; -webkit-text-fill-color: var(--color-text-4); }
.arco-input-word-limit { font-size: 12px; color: var(--color-text-3); padding-left: 8px; }
.arco-input-word-limit-error { color: rgb(var(--danger-6)); }
.arco-input-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; }
.arco-input-size-small { padding-top: 2px; padding-bottom: 2px; font-size: 14px; }
.arco-input-size-large { padding-top: 6px; padding-bottom: 6px; font-size: 14px; }
.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper-mini .arco-input-group-addafter, .arco-input-inner-wrapper.arco-input-inner-wrapper-mini, .arco-input-size-mini { padding-left: 8px; padding-right: 8px; }
.arco-input-group-wrapper-small .arco-input-group-addbefore, .arco-input-group-wrapper-small .arco-input-group-addafter, .arco-input-inner-wrapper.arco-input-inner-wrapper-small, .arco-input-size-small { padding-left: 12px; padding-right: 12px; }
.arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper-large .arco-input-group-addafter, .arco-input-inner-wrapper.arco-input-inner-wrapper-large, .arco-input-size-large { padding-left: 16px; padding-right: 16px; }
.arco-input-clear-icon { font-size: 12px; cursor: pointer; color: var(--color-text-2); }
.arco-input-clear-icon:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-input-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }
.arco-input-inner-wrapper { outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-radius: var(--border-radius-small); color: var(--color-text-1); padding-left: 12px; padding-right: 12px; font-size: 14px; box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--color-fill-2); display: inline-flex; width: 100%; position: relative; align-items: center; }
.arco-input-inner-wrapper::placeholder { color: var(--color-text-3); }
.arco-input-inner-wrapper:hover { background-color: var(--color-fill-3); border-color: transparent; }
.arco-input-inner-wrapper:focus, .arco-input-inner-wrapper.arco-input-inner-wrapper-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-input-inner-wrapper-error { border-color: transparent; background-color: var(--color-danger-light-1); }
.arco-input-inner-wrapper-error:hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-input-inner-wrapper-error .arco-input, .arco-input-inner-wrapper-error .arco-input:hover { background: none; box-shadow: none; }
.arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus, .arco-input-inner-wrapper-error.arco-input-inner-wrapper-focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-input-inner-wrapper-error:focus, .arco-input-inner-wrapper-error:focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-input-inner-wrapper-warning { border-color: transparent; background-color: var(--color-warning-light-1); }
.arco-input-inner-wrapper-warning:hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-input-inner-wrapper-warning .arco-input, .arco-input-inner-wrapper-warning .arco-input:hover { background: none; box-shadow: none; }
.arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus, .arco-input-inner-wrapper-warning.arco-input-inner-wrapper-focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-input-inner-wrapper-warning:focus, .arco-input-inner-wrapper-warning:focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-input-inner-wrapper .arco-input { padding-left: 0px; padding-right: 0px; border-radius: 0px; border: none; background: none; }
.arco-input-inner-wrapper .arco-input:hover, .arco-input-inner-wrapper .arco-input:focus { background: none; box-shadow: none; }
.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-has-prefix > .arco-input { padding-left: 12px; }
.arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-inner-wrapper .arco-input-group-suffix { user-select: none; white-space: nowrap; display: inline-flex; align-items: center; height: 100%; }
.arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-inner-wrapper .arco-input-group-suffix { color: var(--color-text-2); }
.arco-input-inner-wrapper-disabled { background-color: var(--color-fill-2); cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); border-color: transparent; }
.arco-input-inner-wrapper-disabled:hover { border-color: transparent; background-color: var(--color-fill-2); color: var(--color-text-4); }
.arco-input-inner-wrapper-disabled::placeholder { color: var(--color-text-4); }
.arco-input-inner-wrapper-disabled .arco-input-group-prefix, .arco-input-inner-wrapper-disabled .arco-input-group-suffix { color: inherit; }
.arco-input-inner-wrapper .arco-input-clear-icon { visibility: hidden; }
.arco-input-inner-wrapper:hover .arco-input-clear-icon { visibility: visible; }
.arco-input-inner-wrapper:hover .arco-input-clear-icon ~ .arco-input-group-suffix { margin-left: 4px; }
.arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-clear-icon:hover::before { background-color: var(--color-fill-4); }
.arco-input-group-wrapper-autowidth .arco-input-group { display: flex; align-items: stretch; }
.arco-input-group-wrapper-autowidth .arco-input-group-addbefore, .arco-input-group-wrapper-autowidth .arco-input-group-after { display: inline-flex; height: unset; flex-shrink: 0; flex-grow: 0; width: auto; align-items: center; }
.arco-input-group-wrapper-autowidth .arco-input-inner-wrapper { overflow: hidden; }
.arco-input-group-wrapper-autowidth .arco-input { overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; }
.arco-input-group-wrapper-autowidth .arco-input:hover { text-overflow: unset; }
.arco-input-group { display: table; width: 100%; height: 100%; line-height: 0; }
.arco-input-group > .arco-input-inner-wrapper, .arco-input-group > .arco-input { border-radius: 0px; }
.arco-input-group > .arco-input-inner-wrapper-focus, .arco-input-group > .arco-input-focus { border-radius: var(--border-radius-small); }
.arco-input-group > :first-child { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-input-group > :last-child { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); }
.arco-input-group-addbefore, .arco-input-group-addafter { width: 1px; display: table-cell; white-space: nowrap; height: 100%; vertical-align: middle; box-sizing: border-box; padding: 0px 12px; color: var(--color-text-1); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-input-group-addbefore > svg, .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-addafter { border-left: 1px solid var(--color-neutral-3); }
.arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-addbefore { border-right: 1px solid var(--color-neutral-3); }
.arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper { width: 100%; display: inline-block; vertical-align: top; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter { font-size: 12px; height: 22px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter > svg { font-size: 12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter { font-size: 14px; height: 26px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter { font-size: 14px; height: 34px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-group-wrapper-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore > svg, .arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper, .arco-input-group-wrapper.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input, .arco-input-group-wrapper .arco-input-inner-wrapper { height: 100%; }
.arco-input-group-wrapper.arco-input-disabled { cursor: not-allowed; }
.arco-input-mirror { position: absolute; top: 0px; left: 0px; visibility: hidden; }
.arco-textarea { outline: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; border-radius: var(--border-radius-small); color: var(--color-text-1); box-sizing: border-box; transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1); border: 1px solid transparent; background-color: var(--color-fill-2); font-size: 14px; vertical-align: top; position: relative; padding: 4px 12px; max-width: 100%; min-height: 32px; height: auto; line-height: 1.5715; resize: vertical; overflow: auto; }
.arco-textarea::placeholder { color: var(--color-text-3); }
.arco-textarea:hover { background-color: var(--color-fill-3); border-color: transparent; }
.arco-textarea:focus, .arco-textarea.arco-textarea-focus { border-color: rgb(var(--primary-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-textarea-error { border-color: transparent; background-color: var(--color-danger-light-1); }
.arco-textarea-error:hover { border-color: transparent; background-color: var(--color-danger-light-2); }
.arco-textarea-error .arco-input, .arco-textarea-error .arco-input:hover { background: none; box-shadow: none; }
.arco-textarea-error.arco-textarea-focus, .arco-textarea-error.arco-textarea-focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-textarea-error:focus, .arco-textarea-error:focus:hover { border-color: rgb(var(--danger-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-textarea-warning { border-color: transparent; background-color: var(--color-warning-light-1); }
.arco-textarea-warning:hover { border-color: transparent; background-color: var(--color-warning-light-2); }
.arco-textarea-warning .arco-input, .arco-textarea-warning .arco-input:hover { background: none; box-shadow: none; }
.arco-textarea-warning.arco-textarea-focus, .arco-textarea-warning.arco-textarea-focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-textarea-warning:focus, .arco-textarea-warning:focus:hover { border-color: rgb(var(--warning-6)); background-color: var(--color-bg-2); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-textarea-disabled { background-color: var(--color-fill-2); cursor: not-allowed; color: var(--color-text-4); -webkit-text-fill-color: var(--color-text-4); border-color: transparent; }
.arco-textarea-disabled:hover { border-color: transparent; background-color: var(--color-fill-2); color: var(--color-text-4); }
.arco-textarea-disabled::placeholder { color: var(--color-text-4); }
.arco-input-group.arco-input-group-compact > .arco-select { vertical-align: unset; }
.arco-input-group.arco-input-group-compact > .arco-select .arco-select-view { border-radius: 0px; }
.arco-input-group.arco-input-group-compact > * { border-radius: 0px; }
.arco-input-group.arco-input-group-compact > * .arco-input-group > :last-child, .arco-input-group.arco-input-group-compact > * .arco-input-group > :first-child { border-radius: 0px; }
.arco-input-group.arco-input-group-compact > :not(:last-child) { position: relative; border-right: 1px solid var(--color-neutral-3); box-sizing: border-box; }
.arco-input-group.arco-input-group-compact > :first-child, .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-input-group.arco-input-group-compact > :first-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child .arco-select .arco-select-view { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-input-group.arco-input-group-compact > :last-child, .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); }
.arco-input-group.arco-input-group-compact > :last-child .arco-select .arco-select-view, .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child .arco-select .arco-select-view { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); }
.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-right-color: var(--color-neutral-3); }
.arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-right-color: rgb(var(--primary-6)); }
.size-height-size-mini { line-height: 1.667; font-size: 12px; padding-top: 1px; padding-bottom: 1px; }
.size-height-size-small { padding-top: 2px; padding-bottom: 2px; font-size: 14px; }
.size-height-size-large { padding-top: 6px; padding-bottom: 6px; font-size: 14px; }
.size-height-group-wrapper-mini .arco-input-group-addbefore, .size-height-group-wrapper-mini .arco-input-group-addafter, .size-height-inner-wrapper.size-height-inner-wrapper-mini, .size-height-size-mini { padding-left: 8px; padding-right: 8px; }
.size-height-group-wrapper-small .arco-input-group-addbefore, .size-height-group-wrapper-small .arco-input-group-addafter, .size-height-inner-wrapper.size-height-inner-wrapper-small, .size-height-size-small { padding-left: 12px; padding-right: 12px; }
.size-height-group-wrapper-large .arco-input-group-addbefore, .size-height-group-wrapper-large .arco-input-group-addafter, .size-height-inner-wrapper.size-height-inner-wrapper-large, .size-height-size-large { padding-left: 16px; padding-right: 16px; }
.group-size.group-size-mini .arco-input-group, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 12px; }
.group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-mini .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 12px; }
.group-size.group-size-mini .arco-input-group-addbefore, .group-size.group-size-mini .arco-input-group-addafter { font-size: 12px; height: 22px; }
.group-size.group-size-mini .arco-input-group-addbefore > svg, .group-size.group-size-mini .arco-input-group-addafter > svg { font-size: 12px; }
.group-size.group-size-mini .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.group-size-mini .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.group-size-mini .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.group-size-mini .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-mini .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-mini .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-mini .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-small .arco-input-group, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-small .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.group-size.group-size-small .arco-input-group-addbefore, .group-size.group-size-small .arco-input-group-addafter { font-size: 14px; height: 26px; }
.group-size.group-size-small .arco-input-group-addbefore > svg, .group-size.group-size-small .arco-input-group-addafter > svg { font-size: 14px; }
.group-size.group-size-small .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.group-size-small .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.group-size-small .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.group-size-small .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-small .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-small .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.group-size-small .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.group-size-small .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.group-size-small .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-small .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-large .arco-input-group, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.group-size-large .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.group-size.group-size-large .arco-input-group-addbefore, .group-size.group-size-large .arco-input-group-addafter { font-size: 14px; height: 34px; }
.group-size.group-size-large .arco-input-group-addbefore > svg, .group-size.group-size-large .arco-input-group-addafter > svg { font-size: 14px; }
.group-size.group-size-large .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.group-size-large .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.group-size-large .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.group-size-large .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-large .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.group-size-large .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.group-size-large .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.group-size-large .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.group-size-large .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.group-size-large .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.arco-input-custom-height .arco-input-group, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-prefix > svg, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-group-suffix > svg { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore, .group-size.arco-input-custom-height .arco-input-group-addafter { font-size: 14px; height: 22px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore > svg, .group-size.arco-input-custom-height .arco-input-group-addafter > svg { font-size: 14px; }
.group-size.arco-input-custom-height .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.arco-input-custom-height .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.group-size.arco-input-custom-height .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view, .group-size.arco-input-custom-height .arco-input-inner-wrapper, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper, .group-size.arco-input-custom-height .arco-input-inner-wrapper .arco-input-clear-wrapper .arco-input { height: 100%; }
.arco-textarea-wrapper { display: inline-block; position: relative; width: 100%; }
.arco-textarea-clear-wrapper:hover .arco-textarea-clear-icon { display: inline-block; }
.arco-textarea-clear-wrapper .arco-textarea { padding-right: 20px; }
.arco-textarea-word-limit { position: absolute; font-size: 12px; bottom: 6px; right: 10px; color: var(--color-text-3); user-select: none; }
.arco-textarea-word-limit-error { color: rgb(var(--danger-6)); }
.arco-textarea-clear-icon { display: none; position: absolute; right: 10px; top: 10px; font-size: 12px; color: var(--color-text-2); }
.arco-textarea-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }
.arco-input-search.arco-input-group-wrapper .arco-input-group-addbefore { transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-input-search.arco-input-group-wrapper .arco-input-group-addafter { padding: 0px; border: none; }
.arco-input-search.arco-input-group-wrapper .arco-input-group-suffix { color: var(--color-text-2); font-size: 14px; }
.arco-input-search.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-addbefore { cursor: pointer; color: var(--color-text-2); font-size: 14px; }
.arco-input-search.arco-input-group-wrapper .arco-input-search-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; height: 100%; font-size: 14px; color: var(--color-white); }
.arco-input-search-button .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-rtl) { border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-password.arco-input-group-wrapper:not(.arco-input-disabled) .arco-input-group-suffix { cursor: pointer; color: var(--color-text-2); font-size: 12px; }
.arco-input-password.arco-input-group-wrapper .arco-input-password-visibility-icon:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); border-radius: var(--border-radius-small); }
.arco-input-group-wrapper-rtl { direction: rtl; }
.arco-input-group-wrapper-rtl .arco-input-word-limit { padding-left: 0px; }
.arco-input-group-wrapper-rtl.arco-input-clear-wrapper .arco-input { padding-right: 0px; padding-left: 24px; }
.arco-input-group-wrapper-rtl .arco-input-group > :first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-input-group-wrapper-rtl .arco-input-group > :last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-input-group-wrapper-rtl .arco-input-group-addafter { border-left: none; border-right: 1px solid var(--color-neutral-3); }
.arco-input-group-wrapper-rtl .arco-input-group-addafter .item-style { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-input { width: auto; height: 100%; margin: -1px -12px -1px -13px; border-color: transparent; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select { width: auto; height: 100%; margin: -1px -12px -1px -13px; }
.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper-rtl .arco-input-group-addafter .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper-rtl .arco-input-group-addbefore { border-right: none; border-left: 1px solid var(--color-neutral-3); }
.arco-input-group-wrapper-rtl .arco-input-group-addbefore .item-style { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-input { width: auto; height: 100%; margin: -1px -13px -1px -12px; border-color: transparent; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select { width: auto; height: 100%; margin: -1px -13px -1px -12px; }
.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select .arco-select-view { border-radius: 0px; background-color: inherit; border-color: transparent; }
.arco-input-group-wrapper-rtl .arco-input-group-addbefore .arco-select.arco-select-single .arco-select-view { height: 100%; }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :not(:last-child) { border-right: none; border-left: 1px solid var(--color-neutral-3); }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child .arco-select .arco-select-view, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :first-child .arco-input-group > :first-child .arco-select .arco-select-view { border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child .arco-select .arco-select-view, .arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > :last-child .arco-input-group > :last-child .arco-select .arco-select-view { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child) { border-left-color: var(--color-neutral-3); }
.arco-input-group-wrapper-rtl .arco-input-group.arco-input-group-compact > .arco-input:not(:last-child):focus { border-left-color: rgb(var(--primary-6)); }
.arco-input-group-wrapper-rtl.arco-input-search .arco-input-search-btn { border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); }
.arco-input-inner-wrapper-rtl { direction: rtl; }
.arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input-clear-wrapper .arco-input, .arco-input-inner-wrapper-rtl.arco-input-inner-wrapper-has-prefix > .arco-input { padding-left: 0px; padding-right: 12px; }
.arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input { padding-right: 0px; padding-left: 12px; }
.arco-input-inner-wrapper-rtl > .arco-input-clear-wrapper .arco-input-clear-icon { right: initial; left: 8px; }
.arco-input-inner-wrapper-rtl:hover .arco-input-clear-icon ~ .arco-input-group-suffix { margin-left: 4px; }
.arco-input-search-button .arco-input-inner-wrapper-rtl { border-left: none; border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0; }
.arco-textarea-wrapper-rtl { direction: rtl; }
.arco-textarea-wrapper-rtl .arco-textarea { padding-left: 20px; }
.arco-textarea-wrapper-rtl .arco-textarea-word-limit, .arco-textarea-wrapper-rtl .arco-textarea-clear-icon { right: initial; left: 10px; }
.arco-input-number { position: relative; display: inline-block; width: 100%; box-sizing: border-box; border-radius: var(--border-radius-small); }
.arco-input-number-step-button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-color: var(--color-neutral-3); background-color: var(--color-fill-2); color: var(--color-text-2); cursor: pointer; user-select: none; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-input-number-step-button:hover { border-color: var(--color-fill-3); background-color: var(--color-fill-3); }
.arco-input-number-step-button:active { border-color: var(--color-fill-4); background-color: var(--color-fill-4); }
.arco-input-number-step-button-disabled { cursor: not-allowed; background-color: var(--color-fill-2); color: var(--color-text-4); }
.arco-input-number-step-button-disabled:hover, .arco-input-number-step-button-disabled:active { border-color: var(--color-neutral-3); background-color: var(--color-fill-2); }
.arco-input-number-prefix, .arco-input-number-suffix { transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-input-number-mode-embed .arco-input-number-step-layer { opacity: 0; position: absolute; right: 4px; top: 4px; bottom: 4px; width: 18px; border-radius: 1px; overflow: hidden; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-input-number-mode-embed .arco-input-number-step-layer .arco-input-number-step-button { width: 100%; height: 50%; font-size: 10px; }
.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer { opacity: 1; }
.arco-input-number-mode-embed:not(.arco-input-group-wrapper-disabled):hover .arco-input-number-step-layer ~ .arco-input-number-suffix { opacity: 0; pointer-events: none; }
.arco-input-number-mode-embed .arco-input-inner-wrapper:not(.arco-input-inner-wrapper-focus) .arco-input-number-step-button:not(.arco-input-number-step-button-disabled):hover { background-color: var(--color-fill-4); }
.arco-input-number-rtl.arco-input-number-mode-embed .arco-input-number-step-layer { right: unset; left: 4px; }
.arco-input-number-mode-button .arco-input { text-align: center; }
.arco-input-number-mode-button .arco-input-group { position: relative; }
.arco-input-number-mode-button .arco-input-group-addbefore, .arco-input-number-mode-button .arco-input-group-addafter { padding: 0px; }
.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button { position: absolute; top: 0px; height: 100%; border: inherit; }
.arco-input-number-mode-button .arco-input-group .arco-input-number-step-button:active { border-color: var(--color-fill-4); }
.arco-input-number-mode-button .arco-input-group-addbefore .arco-input-number-step-button { left: 0px; border-right-color: var(--color-neutral-3); }
.arco-input-number-mode-button .arco-input-group-addafter .arco-input-number-step-button { right: 0px; border-left-color: var(--color-neutral-3); }
.arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore, .arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter, .arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-mini .arco-input-group-addafter .arco-input-number-step-button { width: 24px; }
.arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore, .arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter, .arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-small .arco-input-group-addafter .arco-input-number-step-button { width: 28px; }
.arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore, .arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter, .arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-default .arco-input-group-addafter .arco-input-number-step-button { width: 32px; }
.arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore, .arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter, .arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addbefore .arco-input-number-step-button, .arco-input-number-mode-button.arco-input-number-size-large .arco-input-group-addafter .arco-input-number-step-button { width: 36px; }
.arco-input-number-readonly .arco-input-number-step-button { pointer-events: none; color: var(--color-text-4); }
.arco-input-number-illegal-value input { color: rgb(var(--danger-6)); }
.arco-input-tag { display: inline-block; box-sizing: border-box; width: 100%; padding-left: 4px; padding-right: 4px; border-radius: var(--border-radius-small); vertical-align: top; cursor: text; transition: 0.1s cubic-bezier(0, 0, 1, 1); background-color: var(--color-fill-2); color: var(--color-text-1); border: 1px solid transparent; }
.arco-input-tag-view { display: flex; width: 100%; }
.arco-input-tag-inner { display: flex; align-items: center; flex-wrap: wrap; flex-grow: 1; position: relative; box-sizing: border-box; overflow: hidden; }
.arco-input-tag-prefix, .arco-input-tag-suffix { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 22px; }
.arco-input-tag-prefix { padding-left: 8px; padding-right: 4px; }
.arco-input-tag-suffix { padding-right: 8px; }
.arco-input-tag .arco-input-tag-clear-icon { display: none; font-size: 12px; color: var(--color-text-2); cursor: pointer; }
.arco-input-tag .arco-input-tag-clear-icon > svg { transition: color 0.1s cubic-bezier(0, 0, 1, 1); position: relative; }
.arco-input-tag:hover .arco-input-tag-clear-icon { display: block; }
.arco-input-tag:hover .arco-input-tag-clear-icon ~ * { display: none; }
.arco-input-tag:not(.arco-input-tag-focus) .arco-input-tag-clear-icon:hover::before { background-color: var(--color-fill-4); }
.arco-input-tag:not(.arco-input-tag-focus) .arco-draggable-item { cursor: move; }
.arco-input-tag-input { width: 4px; max-width: 100%; padding: 0px; border: none; outline: none; background: none; font-size: inherit; cursor: inherit; color: inherit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-input-tag-input:first-child { width: 100%; }
.arco-tag + .arco-input-tag-input[disabled] { width: 0px; }
.arco-input-tag-input-mirror { position: absolute; top: 0px; left: 0px; visibility: hidden; pointer-events: none; }
.arco-input-tag-input::placeholder { color: var(--color-text-3); }
.arco-input-tag-tag { max-width: 100%; margin-right: 4px; font-size: 12px; }
.arco-input-tag-tag-ellipsis { font-size: 12px; margin: 0px 4px; }
.arco-input-tag .arco-icon-hover { cursor: pointer; }
.arco-input-tag .arco-icon-hover.arco-icon-hover-disabled { cursor: not-allowed; }
.arco-input-tag:hover { background-color: var(--color-fill-3); border: 1px solid transparent; }
.arco-input-tag.arco-input-tag-focus { background-color: var(--color-bg-2); border: 1px solid rgb(var(--primary-6)); box-shadow: 0 0 rgb(var(--primary-2)); }
.arco-input-tag .arco-input-tag-tag { color: var(--color-text-1); border-color: var(--color-fill-3); background-color: var(--color-bg-2); }
.arco-input-tag .arco-icon-hover:hover::before { background-color: var(--color-fill-2); }
.arco-input-tag.arco-input-tag-focus .arco-input-tag-tag { border-color: var(--color-fill-2); background-color: var(--color-fill-2); }
.arco-input-tag.arco-input-tag-focus .arco-icon-hover:hover::before { background-color: var(--color-fill-3); }
.arco-input-tag.arco-input-tag-disabled .arco-input-tag-tag { color: var(--color-text-4); border-color: var(--color-fill-3); background-color: var(--color-fill-2); }
.arco-input-tag-warning { background-color: var(--color-warning-light-1); color: var(--color-text-1); border: 1px solid transparent; }
.arco-input-tag-warning:hover { background-color: var(--color-warning-light-2); border: 1px solid transparent; }
.arco-input-tag-warning.arco-input-tag-focus { background-color: var(--color-bg-2); border: 1px solid rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-input-tag-error { background-color: rgb(var(--danger-1)); color: var(--color-text-1); border: 1px solid transparent; }
.arco-input-tag-error:hover { background-color: rgb(var(--danger-2)); border: 1px solid transparent; }
.arco-input-tag-error.arco-input-tag-focus { background-color: var(--color-bg-2); border: 1px solid rgb(var(--danger-6)); box-shadow: 0 0 rgb(var(--danger-2)); }
.arco-input-tag-disabled { background-color: var(--color-fill-2); color: var(--color-text-4); border: 1px solid transparent; cursor: not-allowed; }
.arco-input-tag-disabled:hover { background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-input-tag-disabled .arco-input-tag-input::placeholder { color: var(--color-text-4); }
.arco-input-tag-readonly { cursor: default; }
.arco-input-tag-wrapper { display: inline-flex; align-items: stretch; width: 100%; }
.arco-input-tag-wrapper .arco-input-tag { min-width: 0px; }
.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-input-tag-wrapper .arco-input-tag:not(.arco-input-tag-focused):not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-input-tag-addafter, .arco-input-tag-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: var(--color-fill-2); white-space: nowrap; border: 1px solid transparent; }
.arco-input-tag-addbefore { border-right: 1px solid var(--color-border-2); border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-input-tag-addafter { border-left: 1px solid var(--color-border-2); border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); }
.arco-input-tag-size-mini { font-size: 12px; }
.arco-input-tag-size-mini .arco-input-tag-view { min-height: 22px; }
.arco-input-tag-size-mini .arco-input-tag-inner { }
.arco-input-tag-size-mini .arco-input-tag-tag, .arco-input-tag-size-mini .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 20px; line-height: 18px; }
.arco-input-tag-size-mini.arco-input-tag-has-placeholder input, .arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }
.arco-input-tag-size-default { font-size: 14px; }
.arco-input-tag-size-default .arco-input-tag-view { min-height: 30px; }
.arco-input-tag-size-default .arco-input-tag-inner { padding-top: 1px; padding-bottom: 1px; }
.arco-input-tag-size-default .arco-input-tag-tag, .arco-input-tag-size-default .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 24px; line-height: 22px; }
.arco-input-tag-size-default.arco-input-tag-has-placeholder input, .arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-input-tag-size-small { font-size: 14px; }
.arco-input-tag-size-small .arco-input-tag-view { min-height: 26px; }
.arco-input-tag-size-small .arco-input-tag-inner { padding-top: 1px; padding-bottom: 1px; }
.arco-input-tag-size-small .arco-input-tag-tag, .arco-input-tag-size-small .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 20px; line-height: 18px; }
.arco-input-tag-size-small.arco-input-tag-has-placeholder input, .arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-input-tag-size-large { font-size: 16px; }
.arco-input-tag-size-large .arco-input-tag-view { min-height: 34px; }
.arco-input-tag-size-large .arco-input-tag-inner { padding-top: 1px; padding-bottom: 1px; }
.arco-input-tag-size-large .arco-input-tag-tag, .arco-input-tag-size-large .arco-input-tag-tag + .arco-input-tag-input { margin-top: 1px; margin-bottom: 1px; height: 28px; line-height: 26px; }
.arco-input-tag-size-large.arco-input-tag-has-placeholder input, .arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }
.arco-input-tag-rtl { direction: rtl; padding-right: 4px; padding-left: 4px; }
.arco-input-tag-rtl .arco-input-tag-prefix { padding-right: 8px; padding-left: 4px; }
.arco-input-tag-rtl .arco-input-tag-suffix { padding-right: 0px; padding-left: 8px; }
.arco-input-tag-rtl .arco-input-tag-tag { margin-right: 0px; margin-left: 4px; }
.arco-input-tag-rtl .arco-input-tag-input-mirror { right: 0px; left: initial; }
.arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-mini.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-right: 4px; }
.arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-default.arco-input-tag-has-placeholder .arco-input-tag-input-mirror, .arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-small.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-right: 8px; }
.arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder input, .arco-input-tag-rtl.arco-input-tag-size-large.arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-right: 12px; }
.arco-input-tag-wrapper-rtl .arco-input-tag-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }
.arco-input-tag-wrapper-rtl .arco-input-tag-addafter { border-left: unset; border-right: 1px solid var(--color-border-2); }
.arco-layout { display: flex; flex: 1 1 0%; margin: 0px; padding: 0px; flex-direction: column; }
.arco-layout-sider { position: relative; width: auto; margin: 0px; padding: 0px; flex: 0 0 auto; background: var(--color-menu-dark-bg); transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-layout-sider-children { height: 100%; overflow: auto; }
.arco-layout-sider-collapsed .arco-layout-sider-children::-webkit-scrollbar { width: 0px; }
.arco-layout-sider-has-trigger { padding-bottom: 48px; box-sizing: border-box; }
.arco-layout-sider-trigger { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; height: 48px; background: rgba(255, 255, 255, 0.2); color: var(--color-white); cursor: pointer; transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); z-index: 1; }
.arco-layout-sider-trigger-light { background: var(--color-menu-light-bg); border-top: 1px solid var(--color-bg-5); color: var(--color-text-1); }
.arco-layout-sider-light { background: var(--color-menu-light-bg); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 5px; }
.arco-layout-header { margin: 0px; flex: 0 0 auto; box-sizing: border-box; }
.arco-layout-content { flex: 1 1 0%; }
.arco-layout-footer { flex: 0 0 auto; margin: 0px; }
.arco-layout-has-sider { flex-direction: row; }
.arco-layout-has-sider > .arco-layout, .arco-layout-has-sider > .arco-layout-content { overflow-x: hidden; }
.arco-link { color: rgb(var(--link-6)); font-size: 14px; line-height: 1.5715; display: inline-block; padding: 1px 4px; text-decoration: none; cursor: pointer; border-radius: var(--border-radius-small); background-color: transparent; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-link:hover { color: rgb(var(--link-6)); background-color: var(--color-fill-2); }
.arco-link:active { transition: none; color: rgb(var(--link-6)); background-color: var(--color-fill-3); }
.arco-link:focus-visible { box-shadow: 0 0 0 2px var(--color-link-light-3); }
.arco-link.arco-link-hoverless { background-color: unset; padding: 0px; display: inline; }
.arco-link.arco-link-hoverless:active, .arco-link.arco-link-hoverless:hover { background-color: unset; }
.arco-link.arco-link-disabled { color: var(--color-link-light-3); background: none; cursor: not-allowed; }
.arco-link-is-success, .arco-link-is-success:hover, .arco-link-is-success:active { color: rgb(var(--success-6)); }
.arco-link-is-success.arco-link-disabled { color: var(--color-success-light-3); }
.arco-link-is-error, .arco-link-is-error:hover, .arco-link-is-error:active { color: rgb(var(--danger-6)); }
.arco-link-is-error.arco-link-disabled { color: var(--color-danger-light-3); }
.arco-link-is-warning, .arco-link-is-warning:hover, .arco-link-is-warning:active { color: rgb(var(--warning-6)); }
.arco-link-is-warning.arco-link-disabled { color: var(--color-warning-light-2); }
.arco-link-icon { margin-right: 6px; font-size: 12px; }
.arco-link-rtl .arco-link-icon { margin-left: 6px; margin-right: 0px; }
.arco-list { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; border-radius: var(--border-radius-medium); font-size: 14px; line-height: 1.5715; color: var(--color-text-1); overflow-y: auto; border: 1px solid var(--color-neutral-3); }
.arco-list-wrapper::after { content: ""; display: block; visibility: hidden; clear: both; }
.arco-list-small > .arco-list-header { padding: 8px 20px; }
.arco-list-small > .arco-list-footer, .arco-list-small > .arco-list-content > .arco-list-item, .arco-list-small > .arco-list-content .arco-list-row-col > .arco-list-item, .arco-list-small > .arco-list-content.arco-list-virtual .arco-list-item { padding: 9px 20px; }
.arco-list-default > .arco-list-header { padding: 12px 20px; }
.arco-list-default > .arco-list-footer, .arco-list-default > .arco-list-content > .arco-list-item, .arco-list-default > .arco-list-content .arco-list-row-col > .arco-list-item, .arco-list-default > .arco-list-content.arco-list-virtual .arco-list-item { padding: 13px 20px; }
.arco-list-large > .arco-list-header { padding: 16px 20px; }
.arco-list-large > .arco-list-footer, .arco-list-large > .arco-list-content > .arco-list-item, .arco-list-large > .arco-list-content .arco-list-row-col > .arco-list-item, .arco-list-large > .arco-list-content.arco-list-virtual .arco-list-item { padding: 17px 20px; }
.arco-list-header, .arco-list-item:not(:last-child) { border-bottom: 1px solid var(--color-neutral-3); }
.arco-list-footer { border-top: 1px solid var(--color-neutral-3); }
.arco-list-no-border, .arco-list-no-split .arco-list-header, .arco-list-no-split .arco-list-footer, .arco-list-no-split .arco-list-item { border: none; }
.arco-list-header { font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--color-text-1); }
.arco-list-item { display: flex; justify-content: space-between; box-sizing: border-box; width: 100%; overflow: hidden; }
.arco-list-item-main { flex: 1 1 0%; overflow: hidden; }
.arco-list-item-main .arco-list-item-action:not(:first-child) { margin-top: 4px; }
.arco-list-item-meta { display: flex; align-items: center; padding: 4px 0px; }
.arco-list-item-meta-avatar { display: flex; }
.arco-list-item-meta-avatar:not(:last-child) { margin-right: 16px; }
.arco-list-item-meta-title { font-weight: 500; color: var(--color-text-1); }
.arco-list-item-meta-title:not(:last-child) { margin-bottom: 2px; }
.arco-list-item-meta-description { color: var(--color-text-2); }
.arco-list-item-action { display: flex; flex-wrap: nowrap; align-self: center; list-style: none; }
.arco-list-item-action > li { display: inline-block; cursor: pointer; }
.arco-list-item-action > li:not(:last-child) { margin-right: 20px; }
.arco-list-hoverable .arco-list-item:hover { background-color: var(--color-fill-1); }
.arco-list-pagination { float: right; margin-top: 24px; }
.arco-list-pagination::after { display: block; clear: both; height: 0px; content: ""; visibility: hidden; overflow: hidden; }
.arco-list-scroll-loading { display: flex; align-items: center; justify-content: center; }
.arco-list-content { flex: 1 1 0%; }
.arco-list-content .arco-empty { display: flex; align-items: center; justify-content: center; height: 100%; }
.arco-list-rtl { direction: rtl; }
.arco-list-rtl .arco-list-item-meta-avatar:not(:last-child) { margin-right: 0px; margin-left: 16px; }
.arco-list-rtl .arco-list-item-action > li:not(:last-child) { margin-left: 20px; margin-right: 0px; }
.arco-list-wrapper-rtl .arco-list-pagination { float: left; }
.arco-mentions { display: inline-block; position: relative; box-sizing: border-box; width: 100%; vertical-align: middle; white-space: pre-wrap; }
.arco-mentions-textarea, .arco-mentions-measure { padding: 4px 12px; font-size: 14px; line-height: 1.5715; white-space: inherit; }
.arco-mentions-textarea { resize: none; }
.arco-mentions-measure, .arco-mentions-align-textarea .arco-mentions-measure-trigger { position: absolute; inset: 0px; overflow: auto; visibility: hidden; pointer-events: none; }
.arco-mentions-rtl { direction: rtl; }
@keyframes arco-menu-selected-item-label-enter { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.arco-menu { position: relative; box-sizing: border-box; width: 100%; font-size: 14px; line-height: 1.5715; transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-menu-indent { display: inline-block; width: 20px; }
.arco-menu .arco-menu-item, .arco-menu .arco-menu-group-title, .arco-menu .arco-menu-pop-header, .arco-menu .arco-menu-inline-header { position: relative; border-radius: var(--border-radius-small); box-sizing: border-box; cursor: pointer; }
.arco-menu .arco-menu-item.arco-menu-disabled, .arco-menu .arco-menu-group-title.arco-menu-disabled, .arco-menu .arco-menu-pop-header.arco-menu-disabled, .arco-menu .arco-menu-inline-header.arco-menu-disabled { cursor: not-allowed; }
.arco-menu .arco-menu-item.arco-menu-selected, .arco-menu .arco-menu-group-title.arco-menu-selected, .arco-menu .arco-menu-pop-header.arco-menu-selected, .arco-menu .arco-menu-inline-header.arco-menu-selected { font-weight: 500; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-menu .arco-menu-item.arco-menu-selected svg, .arco-menu .arco-menu-group-title.arco-menu-selected svg, .arco-menu .arco-menu-pop-header.arco-menu-selected svg, .arco-menu .arco-menu-inline-header.arco-menu-selected svg { transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-menu .arco-menu-item .arco-icon, .arco-menu .arco-menu-group-title .arco-icon, .arco-menu .arco-menu-pop-header .arco-icon, .arco-menu .arco-menu-inline-header .arco-icon { margin-right: 16px; }
.arco-menu-light { background-color: var(--color-menu-light-bg); }
.arco-menu-light .arco-menu-item, .arco-menu-light .arco-menu-group-title, .arco-menu-light .arco-menu-pop-header, .arco-menu-light .arco-menu-inline-header { background-color: var(--color-menu-light-bg); color: var(--color-text-2); }
.arco-menu-light .arco-menu-item .arco-icon, .arco-menu-light .arco-menu-group-title .arco-icon, .arco-menu-light .arco-menu-pop-header .arco-icon, .arco-menu-light .arco-menu-inline-header .arco-icon { color: var(--color-text-3); }
.arco-menu-light .arco-menu-item:hover, .arco-menu-light .arco-menu-group-title:hover, .arco-menu-light .arco-menu-pop-header:hover, .arco-menu-light .arco-menu-inline-header:hover { background-color: var(--color-fill-2); color: var(--color-text-2); }
.arco-menu-light .arco-menu-item:hover .arco-icon, .arco-menu-light .arco-menu-group-title:hover .arco-icon, .arco-menu-light .arco-menu-pop-header:hover .arco-icon, .arco-menu-light .arco-menu-inline-header:hover .arco-icon { color: var(--color-text-3); }
.arco-menu-light .arco-menu-item:focus-visible, .arco-menu-light .arco-menu-group-title:focus-visible, .arco-menu-light .arco-menu-pop-header:focus-visible, .arco-menu-light .arco-menu-inline-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; }
.arco-menu-light .arco-menu-item.arco-menu-selected, .arco-menu-light .arco-menu-group-title.arco-menu-selected, .arco-menu-light .arco-menu-pop-header.arco-menu-selected, .arco-menu-light .arco-menu-inline-header.arco-menu-selected, .arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon, .arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); }
.arco-menu-light .arco-menu-item.arco-menu-disabled, .arco-menu-light .arco-menu-group-title.arco-menu-disabled, .arco-menu-light .arco-menu-pop-header.arco-menu-disabled, .arco-menu-light .arco-menu-inline-header.arco-menu-disabled { background-color: var(--color-menu-light-bg); color: var(--color-text-4); }
.arco-menu-light .arco-menu-item.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-group-title.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-pop-header.arco-menu-disabled .arco-icon, .arco-menu-light .arco-menu-inline-header.arco-menu-disabled .arco-icon { color: var(--color-text-4); }
.arco-menu-light .arco-menu-item.arco-menu-selected { background-color: var(--color-fill-2); }
.arco-menu-light .arco-menu-inline-header.arco-menu-selected, .arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); }
.arco-menu-light .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-fill-2); }
.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected, .arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected { background: none; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-menu-light.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover, .arco-menu-light.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-fill-2); }
.arco-menu-light .arco-menu-group-title { color: var(--color-text-3); pointer-events: none; }
.arco-menu-light .arco-menu-collapse-button { background-color: var(--color-fill-1); color: var(--color-text-3); }
.arco-menu-light .arco-menu-collapse-button:hover { background-color: var(--color-fill-3); }
.arco-menu-light .arco-menu-collapse-button:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-menu-dark { background-color: var(--color-menu-dark-bg); }
.arco-menu-dark .arco-menu-item, .arco-menu-dark .arco-menu-group-title, .arco-menu-dark .arco-menu-pop-header, .arco-menu-dark .arco-menu-inline-header { background-color: var(--color-menu-dark-bg); color: var(--color-text-4); }
.arco-menu-dark .arco-menu-item .arco-icon, .arco-menu-dark .arco-menu-group-title .arco-icon, .arco-menu-dark .arco-menu-pop-header .arco-icon, .arco-menu-dark .arco-menu-inline-header .arco-icon { color: var(--color-text-3); }
.arco-menu-dark .arco-menu-item:hover, .arco-menu-dark .arco-menu-group-title:hover, .arco-menu-dark .arco-menu-pop-header:hover, .arco-menu-dark .arco-menu-inline-header:hover { background-color: var(--color-menu-dark-hover); color: var(--color-text-4); }
.arco-menu-dark .arco-menu-item:hover .arco-icon, .arco-menu-dark .arco-menu-group-title:hover .arco-icon, .arco-menu-dark .arco-menu-pop-header:hover .arco-icon, .arco-menu-dark .arco-menu-inline-header:hover .arco-icon { color: var(--color-text-3); }
.arco-menu-dark .arco-menu-item:focus-visible, .arco-menu-dark .arco-menu-group-title:focus-visible, .arco-menu-dark .arco-menu-pop-header:focus-visible, .arco-menu-dark .arco-menu-inline-header:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)) inset; }
.arco-menu-dark .arco-menu-item.arco-menu-selected, .arco-menu-dark .arco-menu-group-title.arco-menu-selected, .arco-menu-dark .arco-menu-pop-header.arco-menu-selected, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected, .arco-menu-dark .arco-menu-item.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-group-title.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-pop-header.arco-menu-selected .arco-icon, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon { color: var(--color-white); }
.arco-menu-dark .arco-menu-item.arco-menu-disabled, .arco-menu-dark .arco-menu-group-title.arco-menu-disabled, .arco-menu-dark .arco-menu-pop-header.arco-menu-disabled, .arco-menu-dark .arco-menu-inline-header.arco-menu-disabled { background-color: var(--color-menu-dark-bg); color: var(--color-text-2); }
.arco-menu-dark .arco-menu-item.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-group-title.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-pop-header.arco-menu-disabled .arco-icon, .arco-menu-dark .arco-menu-inline-header.arco-menu-disabled .arco-icon { color: var(--color-text-2); }
.arco-menu-dark .arco-menu-item.arco-menu-selected { background-color: var(--color-menu-dark-hover); }
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected, .arco-menu-dark .arco-menu-inline-header.arco-menu-selected .arco-icon { color: rgb(var(--primary-6)); }
.arco-menu-dark .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-menu-dark-hover); }
.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected, .arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected { background: none; transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-menu-dark.arco-menu-horizontal .arco-menu-item.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-group-title.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-pop-header.arco-menu-selected:hover, .arco-menu-dark.arco-menu-horizontal .arco-menu-inline-header.arco-menu-selected:hover { background-color: var(--color-menu-dark-hover); }
.arco-menu-dark .arco-menu-group-title { color: var(--color-text-3); pointer-events: none; }
.arco-menu-dark .arco-menu-collapse-button { background-color: rgb(var(--primary-6)); color: var(--color-white); }
.arco-menu-dark .arco-menu-collapse-button:hover { background-color: rgb(var(--primary-7)); }
.arco-menu-dark .arco-menu-collapse-button:focus-visible { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-menu a, .arco-menu a:hover, .arco-menu a:focus, .arco-menu a:active { color: inherit; cursor: inherit; text-decoration: none; }
.arco-menu-item-inner > a:only-child::before { content: ""; position: absolute; inset: 0px; }
.arco-menu-inner { box-sizing: border-box; width: 100%; height: 100%; overflow: auto; }
.arco-menu-vertical .arco-menu-item, .arco-menu-vertical .arco-menu-group-title, .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { padding: 0px 12px; line-height: 40px; }
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-right: 0px; }
.arco-menu-vertical .arco-menu-item, .arco-menu-vertical .arco-menu-group-title, .arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-menu-vertical .arco-menu-item .arco-menu-item-inner, .arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner, .arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner, .arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; }
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix.is-open, .arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix.is-open { transform: translateY(-50%) rotate(180deg); }
.arco-menu-vertical .arco-menu-inner { padding: 4px 8px; }
.arco-menu-vertical .arco-menu-item.arco-menu-item-indented { display: flex; }
.arco-menu-vertical .arco-menu-pop-header, .arco-menu-vertical .arco-menu-inline-header { padding-right: 28px; }
.arco-menu-horizontal { width: auto; height: auto; }
.arco-menu-horizontal .arco-menu-item, .arco-menu-horizontal .arco-menu-group-title, .arco-menu-horizontal .arco-menu-pop-header, .arco-menu-horizontal .arco-menu-inline-header { padding: 0px 12px; line-height: 30px; }
.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-right: 0px; }
.arco-menu-horizontal .arco-menu-item .arco-icon, .arco-menu-horizontal .arco-menu-group-title .arco-icon, .arco-menu-horizontal .arco-menu-pop-header .arco-icon, .arco-menu-horizontal .arco-menu-inline-header .arco-icon { margin-right: 8px; }
.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix { margin-left: 6px; }
.arco-menu-horizontal .arco-menu-inner { display: flex; align-items: center; padding: 14px 20px; }
.arco-menu-horizontal .arco-menu-item, .arco-menu-horizontal .arco-menu-pop { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.arco-menu-horizontal .arco-menu-item:not(:first-child), .arco-menu-horizontal .arco-menu-pop:not(:first-child) { margin-left: 12px; }
.arco-menu-horizontal .arco-menu-pop::after { content: " "; width: 100%; height: 14px; position: absolute; left: 0px; bottom: -14px; }
.arco-menu-overflow-wrap { width: 100%; }
.arco-menu-overflow-sub-menu-mirror { margin-left: 12px; }
.arco-menu-overflow-sub-menu-mirror, .arco-menu-overflow-hidden-menu-item { white-space: nowrap; visibility: hidden; pointer-events: none; position: absolute !important; }
.arco-menu-selected-label { position: absolute; left: 12px; right: 12px; bottom: -14px; height: 3px; background-color: rgb(var(--primary-6)); animation: 0.2s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-menu-selected-item-label-enter; }
.arco-menu-pop-button { width: auto; background: none; box-shadow: none; }
.arco-menu-pop-button.arco-menu-collapse { width: auto; }
.arco-menu-pop-button .arco-menu-item, .arco-menu-pop-button .arco-menu-group-title, .arco-menu-pop-button .arco-menu-pop-header, .arco-menu-pop-button .arco-menu-inline-header { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; margin-bottom: 16px; }
.arco-menu-collapse { width: 48px; }
.arco-menu-collapse .arco-menu-inner { padding: 4px; }
.arco-menu-collapse .arco-menu-group-title, .arco-menu-collapse .arco-menu-icon-suffix { display: none; }
.arco-menu-collapse .arco-menu-item .arco-icon, .arco-menu-collapse .arco-menu-group-title .arco-icon, .arco-menu-collapse .arco-menu-pop-header .arco-icon, .arco-menu-collapse .arco-menu-inline-header .arco-icon { margin-left: 1px; margin-right: 100vw; }
.arco-menu-collapse .arco-menu-collapse-button { right: unset; left: 50%; transform: translate(-50%); }
.arco-menu-collapse-button { display: flex; align-items: center; justify-content: center; position: absolute; right: 12px; bottom: 12px; width: 24px; height: 24px; border-radius: var(--border-radius-small); cursor: pointer; }
.arco-menu-inline-content { overflow: hidden; height: auto; transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-menu-item-tooltip a { color: inherit; cursor: pointer; text-decoration: none; }
.arco-menu-item-tooltip a:hover, .arco-menu-item-tooltip a:focus, .arco-menu-item-tooltip a:active { color: inherit; }
.arco-menu-item-tooltip a::before { content: ""; position: absolute; inset: 0px; }
.arco-menu-pop-trigger.arco-trigger-position-bl { transform: translateY(14px); }
.arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow { z-index: 0; border-left: 1px solid var(--color-neutral-3); border-top: 1px solid var(--color-neutral-3); }
.arco-menu-pop-trigger.arco-trigger[trigger-placement="rt"] { transform: translate(8px); }
.arco-menu-pop-trigger.arco-trigger[trigger-placement="rt"] .arco-trigger-arrow { z-index: 0; border-left: 1px solid var(--color-neutral-3); border-bottom: 1px solid var(--color-neutral-3); }
.arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] { transform: translate(-8px); }
.arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] .arco-trigger-arrow { z-index: 0; border-right: 1px solid var(--color-neutral-3); border-top: 1px solid var(--color-neutral-3); }
.arco-menu-pop-trigger .arco-dropdown-menu-dark ~ .arco-trigger-arrow-container .arco-trigger-arrow { background-color: var(--color-menu-dark-bg); border-color: var(--color-menu-dark-bg); }
.arco-menu-rtl { direction: rtl; }
.arco-menu-rtl .arco-menu-item .arco-icon, .arco-menu-rtl .arco-menu-group-title .arco-icon, .arco-menu-rtl .arco-menu-pop-header .arco-icon, .arco-menu-rtl .arco-menu-inline-header .arco-icon { margin-right: 0px; margin-left: 16px; }
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-left: 0px; }
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-icon, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-icon { margin-right: 0px; margin-left: 8px; }
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-horizontal .arco-menu-inline-header .arco-menu-icon-suffix { margin-left: 0px; margin-right: 6px; }
.arco-menu-rtl.arco-menu-horizontal .arco-menu-item:not(:first-child), .arco-menu-rtl.arco-menu-horizontal .arco-menu-pop:not(:first-child) { margin-left: 0px; margin-right: 12px; }
.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix .arco-icon, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix .arco-icon { margin-left: 0px; }
.arco-menu-rtl.arco-menu-vertical .arco-menu-item, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-item-inner, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-item-inner { text-overflow: clip; }
.arco-menu-rtl.arco-menu-vertical .arco-menu-item .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-group-title .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header .arco-menu-icon-suffix, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header .arco-menu-icon-suffix { right: initial; left: 12px; }
.arco-menu-rtl.arco-menu-vertical .arco-menu-pop-header, .arco-menu-rtl.arco-menu-vertical .arco-menu-inline-header { padding-right: 12px; padding-left: 28px; }
.arco-menu-rtl .arco-menu-pop::after { right: 0px; left: initial; }
.arco-menu-rtl .arco-menu-collapse .arco-menu-item .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-group-title .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-pop-header .arco-icon, .arco-menu-rtl .arco-menu-collapse .arco-menu-inline-header .arco-icon { margin-left: 100vw; margin-right: 1px; }
.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger-position-bl .arco-trigger-arrow { border-left: none; border-right: 1px solid var(--color-neutral-3); }
.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement="rt"] { transform: translate(-8px); }
.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] { transform: translate(8px); }
.arco-menu-rtl .arco-menu-pop-trigger.arco-trigger[trigger-placement="lt"] .arco-trigger-arrow { border-right: none; border-left: 1px solid var(--color-neutral-3); }
.arco-message-wrapper { width: 100%; position: fixed; z-index: 1003; padding: 0px 10px; text-align: center; pointer-events: none; box-sizing: border-box; left: 0px; }
.arco-message-wrapper-top { top: 40px; }
.arco-message-wrapper-bottom { bottom: 40px; }
.arco-message { position: relative; display: inline-block; padding: 10px 16px; line-height: 1; border-radius: var(--border-radius-small); border: 1px solid var(--color-neutral-3); margin-bottom: 16px; background-color: var(--color-bg-popup); text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; overflow: hidden; pointer-events: auto; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-message-closable { padding-right: 38px; }
.arco-message-icon { font-size: 20px; color: var(--color-text-1); margin-right: 8px; vertical-align: middle; display: inline-block; animation: 0.1s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-msg-fade, 0.4s cubic-bezier(0.3, 1.3, 0.3, 1) 0s 1 normal none running arco-msg-fade; }
.arco-message-content { vertical-align: middle; color: var(--color-text-1); font-size: 14px; }
.arco-message-info { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-message-info .arco-message-icon { color: rgb(var(--primary-6)); }
.arco-message-info .arco-message-content { color: var(--color-text-1); }
.arco-message-success { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-message-success .arco-message-icon { color: rgb(var(--success-6)); }
.arco-message-success .arco-message-content { color: var(--color-text-1); }
.arco-message-warning { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-message-warning .arco-message-icon { color: rgb(var(--warning-6)); }
.arco-message-warning .arco-message-content { color: var(--color-text-1); }
.arco-message-error { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-message-error .arco-message-icon { color: rgb(var(--danger-6)); }
.arco-message-error .arco-message-content { color: var(--color-text-1); }
.arco-message-loading { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-message-loading .arco-message-icon { color: rgb(var(--primary-6)); }
.arco-message-loading .arco-message-content { color: var(--color-text-1); }
.arco-message-close-btn { position: absolute; top: 14px; right: 12px; color: var(--color-text-1); font-size: 12px; }
.arco-message-close-btn > svg { position: relative; }
.arco-message .arco-icon-hover.arco-message-icon-hover::before { width: 20px; height: 20px; }
.fadeMessage-enter, .fadeMessage-appear { opacity: 0; }
.fadeMessage-enter-active, .fadeMessage-appear-active { opacity: 1; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }
.fadeMessage-exit { opacity: 0; overflow: hidden; }
.fadeMessage-exit-active { opacity: 0; height: 0px; transition: 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-message-rtl { direction: rtl; }
.arco-message-rtl .arco-message-icon { margin-right: 0px; margin-left: 8px; }
@keyframes arco-msg-fade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes arco-msg-scale { 
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
.arco-modal-mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1001; display: none; background-color: var(--color-mask-bg); }
.arco-modal-wrapper { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1001; overflow: auto; }
.arco-modal-wrapper-no-mask { pointer-events: none; }
.arco-modal-wrapper-no-mask .arco-modal { pointer-events: auto; }
.arco-modal-wrapper.arco-modal-wrapper-align-center { text-align: center; white-space: nowrap; }
.arco-modal-wrapper.arco-modal-wrapper-align-center::after { content: ""; vertical-align: middle; display: inline-block; height: 100%; width: 0px; }
.arco-modal-wrapper.arco-modal-wrapper-align-center .arco-modal { top: 0px; vertical-align: middle; display: inline-block; }
.arco-modal { position: relative; margin: 0px auto; top: 100px; width: 520px; border-radius: var(--border-radius-medium); border: 0 solid var(--color-neutral-3); background-color: var(--color-bg-3); line-height: 1.5715; text-align: left; white-space: initial; box-shadow: none; box-sizing: border-box; }
.arco-modal-header { width: 100%; box-sizing: border-box; padding: 0px 20px; border-bottom: 1px solid var(--color-neutral-3); height: 48px; display: flex; align-items: center; }
.arco-modal-header .arco-modal-title { flex: 1 1 0%; text-align: center; }
.arco-modal-content { position: relative; padding: 24px 20px; color: var(--color-text-1); font-size: 14px; }
.arco-modal-footer { border-top: 1px solid var(--color-neutral-3); width: 100%; box-sizing: border-box; text-align: right; padding: 16px 20px; }
.arco-modal-footer > .arco-btn { margin-left: 12px; }
.arco-modal-footer > .arco-btn:only-child { margin-left: 0px; }
.arco-modal .arco-modal-close-icon { position: absolute; right: 20px; top: 18px; font-size: 12px; cursor: pointer; color: var(--color-text-1); }
.arco-modal-title { color: var(--color-text-1); font-size: 16px; font-weight: 500; }
.arco-modal-title .arco-icon { font-size: 18px; margin-right: 10px; vertical-align: -3px; }
.arco-modal-title .arco-icon-info-circle-fill { color: rgb(var(--primary-6)); }
.arco-modal-title .arco-icon-check-circle-fill { color: rgb(var(--success-6)); }
.arco-modal-title .arco-icon-exclamation-circle-fill { color: rgb(var(--warning-6)); }
.arco-modal-title .arco-icon-close-circle-fill { color: rgb(var(--danger-6)); }
.arco-modal-simple { padding: 24px 32px 32px; width: 464px; }
.arco-modal-simple .arco-modal-header, .arco-modal-simple .arco-modal-footer { border: none; padding: 0px; height: unset; }
.arco-modal-simple .arco-modal-header { margin-bottom: 24px; }
.arco-modal-simple .arco-modal-title { text-align: center; }
.arco-modal-simple .arco-modal-footer { text-align: center; margin-top: 32px; }
.arco-modal-simple .arco-modal-content { padding: 0px; }
.zoomModal-enter, .zoomModal-appear { opacity: 0; transform: scale(0.5); }
.zoomModal-enter-active, .zoomModal-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.zoomModal-exit { opacity: 1; transform: scale(1); }
.zoomModal-exit-active { opacity: 0; transform: scale(0.5); transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1), transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.fadeModal-enter, .fadeModal-appear { opacity: 0; }
.fadeModal-enter-active, .fadeModal-appear-active { opacity: 1; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.fadeModal-exit { opacity: 1; }
.fadeModal-exit-active { opacity: 0; transition: opacity 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-modal-rtl { direction: rtl; }
.arco-modal-rtl .arco-modal-footer { text-align: unset; }
.arco-modal-rtl .arco-modal-footer > .arco-btn { margin-left: 0px; margin-right: 12px; }
.arco-modal-rtl .arco-modal-footer > .arco-btn:only-child { margin-right: 0px; }
.arco-modal-rtl .arco-modal-title .arco-icon { margin-right: 0px; margin-left: 10px; }
.arco-modal-rtl .arco-modal-close-icon { right: initial; left: 20px; }
.arco-modal-rtl.arco-modal-simple .arco-modal-footer { text-align: center; }
.arco-notification-wrapper { position: fixed; z-index: 1003; }
.arco-notification-wrapper-topLeft { left: 20px; top: 20px; }
.arco-notification-wrapper-topRight { right: 20px; top: 20px; }
.arco-notification-wrapper-topRight .arco-notification { margin-left: auto; }
.arco-notification-wrapper-bottomLeft { bottom: 20px; left: 20px; }
.arco-notification-wrapper-bottomRight { bottom: 20px; right: 20px; }
.arco-notification-wrapper-bottomRight .arco-notification { margin-left: auto; }
.arco-notification { display: flex; position: relative; width: 340px; padding: 20px; border-radius: var(--border-radius-medium); border: 1px solid var(--color-neutral-3); margin-bottom: 20px; background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; overflow: hidden; box-sizing: border-box; opacity: 1; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-notification-icon { font-size: 24px; display: inline-flex; align-items: center; color: var(--color-text-1); }
.arco-notification-info { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-notification-info .arco-notification-icon { color: rgb(var(--primary-6)); }
.arco-notification-success { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-notification-success .arco-notification-icon { color: rgb(var(--success-6)); }
.arco-notification-warning { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-notification-warning .arco-notification-icon { color: rgb(var(--warning-6)); }
.arco-notification-error { background-color: var(--color-bg-popup); border-color: var(--color-neutral-3); }
.arco-notification-error .arco-notification-icon { color: rgb(var(--danger-6)); }
.arco-notification-left { padding-right: 16px; }
.arco-notification-right { flex: 1 1 0%; word-break: break-word; }
.arco-notification-title { font-size: 16px; font-weight: 500; color: var(--color-text-1); margin-bottom: 4px; }
.arco-notification-content { font-size: 14px; color: var(--color-text-1); }
.arco-notification-info .arco-notification-title, .arco-notification-info .arco-notification-content, .arco-notification-success .arco-notification-title, .arco-notification-success .arco-notification-content, .arco-notification-warning .arco-notification-title, .arco-notification-warning .arco-notification-content, .arco-notification-error .arco-notification-title, .arco-notification-error .arco-notification-content { color: var(--color-text-1); }
.arco-notification-btn-wrapper { margin-top: 16px; text-align: right; }
.arco-notification .arco-notification-close-btn { position: absolute; cursor: pointer; top: 12px; right: 12px; color: var(--color-text-1); font-size: 12px; }
.arco-notification .arco-notification-close-btn > svg { position: relative; }
.arco-notification .arco-icon-hover.arco-notification-icon-hover::before { width: 20px; height: 20px; }
.slideNoticeLeft-enter, .slideNoticeLeft-appear { transform: translate(-100%); }
.slideNoticeLeft-enter-active, .slideNoticeLeft-appear-active { transform: translate(0px); transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.slideNoticeLeft-exit { opacity: 0; }
.slideNoticeLeft-exit-active { opacity: 0; height: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; transition: 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.slideNoticeRight-enter, .slideNoticeRight-appear { transform: translate(100%); }
.slideNoticeRight-enter-active, .slideNoticeRight-appear-active { transform: translate(0px); transition: transform 0.4s cubic-bezier(0.3, 1.3, 0.3, 1); }
.slideNoticeRight-exit { opacity: 0; }
.slideNoticeRight-exit-active { opacity: 0; height: 0px; transition: 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-notification-wrapper-rtl, .arco-notification-rtl { direction: rtl; }
.arco-notification-rtl .arco-notification-left { padding-right: 0px; padding-left: 16px; }
.arco-notification-rtl .arco-notification-btn-wrapper { text-align: left; }
.arco-notification-rtl .arco-notification-close-btn { right: initial; left: 12px; }
.arco-page-header { padding: 16px 0px; }
.arco-breadcrumb + .arco-page-header-head { margin-top: 4px; }
.arco-page-header-head { display: flex; align-items: center; justify-content: space-between; line-height: 28px; }
.arco-page-header-head-left { display: flex; align-items: center; }
.arco-page-header-head-wrapper { padding-left: 24px; padding-right: 20px; }
.arco-page-header-head-main { display: flex; align-items: center; min-height: 30px; overflow: hidden; }
.arco-page-header-head-main-with-back { margin-left: -8px; padding-left: 8px; }
.arco-page-header-head-extra { white-space: nowrap; }
.arco-page-header .arco-icon-hover.arco-page-header-icon-hover::before { width: 30px; height: 30px; }
.arco-page-header .arco-icon-hover.arco-page-header-icon-hover:hover::before { background-color: var(--color-fill-2); }
.arco-page-header-back { color: var(--color-text-2); font-size: 14px; margin-right: 12px; }
.arco-page-header-back:focus-visible::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-page-header-back-icon { position: relative; }
.arco-page-header-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-1); font-size: 20px; font-weight: 600; }
.arco-page-header-divider { width: 1px; margin-left: 12px; margin-right: 12px; height: 16px; background-color: var(--color-fill-3); }
.arco-page-header-sub-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-3); font-size: 14px; }
.arco-page-header-content { padding: 20px 32px; border-top: 1px solid var(--color-neutral-3); }
.arco-page-header-footer { padding: 16px 20px 0px 24px; }
.arco-page-header-with-breadcrumb { padding: 12px 0px; }
.arco-page-header-with-breadcrumb .arco-page-header-footer { padding-top: 12px; }
.arco-page-header-with-content .arco-page-header-head-wrapper { padding-bottom: 12px; }
.arco-page-header-with-footer { padding-bottom: 0px; }
.arco-page-header-wrap .arco-page-header-head { flex-wrap: wrap; }
.arco-page-header-wrap .arco-page-header-head .arco-page-header-head-extra { margin-top: 4px; }
.arco-page-header-rtl .arco-page-header-head-wrapper { padding-left: 20px; padding-right: 24px; }
.arco-page-header-rtl .arco-page-header-head-main-with-back { margin-right: -8px; padding-right: 8px; margin-left: 0px; padding-left: 0px; }
.arco-page-header-rtl .arco-page-header-back { margin-left: 12px; margin-right: 0px; }
.arco-page-header-rtl .arco-page-header-divider { margin-right: 12px; margin-left: 12px; }
.arco-pagination { display: flex; align-items: center; font-size: 14px; }
.arco-pagination-list { margin: 0px; padding: 0px; list-style: none; display: inline-block; }
.arco-pagination-item { display: inline-block; text-align: center; vertical-align: middle; list-style: none; box-sizing: border-box; cursor: pointer; outline: 0px; user-select: none; border-radius: var(--border-radius-small); color: var(--color-text-2); border: 0px solid transparent; background-color: transparent; font-size: 14px; min-width: 32px; height: 32px; line-height: 32px; }
.arco-pagination-item-prev, .arco-pagination-item-next { font-size: 12px; }
.arco-pagination-item-disabled { cursor: not-allowed; background-color: transparent; color: var(--color-text-4); border-color: transparent; }
.arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover { background-color: var(--color-fill-1); border-color: transparent; color: var(--color-text-2); }
.arco-pagination-item-active { transition: color 0.2s cubic-bezier(0, 0, 1, 1), background-color 0.2s cubic-bezier(0, 0, 1, 1); color: rgb(var(--primary-6)); background-color: var(--color-primary-light-1); border-color: transparent; }
.arco-pagination-item:not(:last-child) { margin-right: 8px; }
.arco-pagination-item:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-pagination-item-prev, .arco-pagination-item-next { font-size: 12px; color: var(--color-text-2); background-color: transparent; }
.arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover, .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover { background-color: var(--color-fill-1); color: rgb(var(--primary-6)); }
.arco-pagination-item-prev::after, .arco-pagination-item-next::after { display: inline-block; content: "."; font-size: 0px; vertical-align: middle; }
.arco-pagination .arco-pagination-item-prev.arco-pagination-item-disabled, .arco-pagination .arco-pagination-item-next.arco-pagination-item-disabled { color: var(--color-text-4); background-color: transparent; }
.arco-pagination-item-jumper { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.arco-pagination-jumper { margin-left: 8px; }
.arco-pagination-jumper > span { font-size: 14px; }
.arco-pagination-jumper-text-goto, .arco-pagination-jumper-text-goto-suffix { color: var(--color-text-2); }
.arco-pagination .arco-pagination-jumper-input { width: 40px; text-align: center; margin-left: 8px; margin-right: 8px; padding-left: 2px; padding-right: 2px; }
.arco-pagination-option { display: inline-block; text-align: center; vertical-align: middle; min-width: 0px; position: relative; margin-left: 8px; font-size: 14px; height: 32px; line-height: 0; }
.arco-pagination-option .arco-select { width: auto; }
.arco-pagination-option .arco-select-view-value { overflow: inherit; padding-right: 6px; }
.arco-pagination-total-text { display: inline-block; height: 100%; color: var(--color-text-1); margin-right: 8px; font-size: 14px; line-height: 32px; }
.arco-pagination-item-simple-pager { display: inline-block; vertical-align: middle; margin: 0px 12px 0px 4px; }
.arco-pagination-item-simple-pager .arco-pagination-jumper-separator { padding: 0px 12px; }
.arco-pagination-simple .arco-pagination-item { margin-right: 0px; }
.arco-pagination-simple .arco-pagination-jumper { color: var(--color-text-1); margin-left: 0px; }
.arco-pagination-simple .arco-pagination-jumper .arco-pagination-jumper-input { width: 40px; margin-left: 0px; }
.arco-pagination-simple .arco-pagination-item-prev, .arco-pagination-simple .arco-pagination-item-next { color: var(--color-text-2); background-color: transparent; }
.arco-pagination-simple .arco-pagination-item-prev:not(.arco-pagination-item-disabled):hover, .arco-pagination-simple .arco-pagination-item-next:not(.arco-pagination-item-disabled):hover { background-color: var(--color-fill-1); color: rgb(var(--primary-6)); }
.arco-pagination-simple .arco-pagination-item-prev.arco-pagination-item-disabled, .arco-pagination-simple .arco-pagination-item-next.arco-pagination-item-disabled { color: var(--color-text-4); background-color: transparent; }
.arco-pagination-disabled { cursor: not-allowed; }
.arco-pagination-disabled .arco-pagination-item, .arco-pagination-disabled .arco-pagination-item:not(.arco-pagination-item-disabled):not(.arco-pagination-item-active):hover { cursor: not-allowed; background-color: transparent; border-color: transparent; color: var(--color-text-4); }
.arco-pagination.arco-pagination-disabled .arco-pagination-item-active { background-color: var(--color-fill-1); border-color: transparent; color: var(--color-primary-light-3); }
.arco-pagination-size-mini .arco-pagination-item { font-size: 12px; min-width: 24px; height: 24px; line-height: 24px; }
.arco-pagination-size-mini .arco-pagination-item-prev, .arco-pagination-size-mini .arco-pagination-item-next { font-size: 12px; }
.arco-pagination-size-mini .arco-pagination-total-text { font-size: 12px; line-height: 24px; }
.arco-pagination-size-mini .arco-pagination-option { font-size: 12px; height: 24px; line-height: 0; }
.arco-pagination-size-mini .arco-pagination-jumper > span { font-size: 12px; }
.arco-pagination-size-small .arco-pagination-item { font-size: 14px; min-width: 28px; height: 28px; line-height: 28px; }
.arco-pagination-size-small .arco-pagination-item-prev, .arco-pagination-size-small .arco-pagination-item-next { font-size: 12px; }
.arco-pagination-size-small .arco-pagination-total-text { font-size: 14px; line-height: 28px; }
.arco-pagination-size-small .arco-pagination-option { font-size: 14px; height: 28px; line-height: 0; }
.arco-pagination-size-small .arco-pagination-jumper > span { font-size: 14px; }
.arco-pagination-size-large .arco-pagination-item { font-size: 14px; min-width: 36px; height: 36px; line-height: 36px; }
.arco-pagination-size-large .arco-pagination-item-prev, .arco-pagination-size-large .arco-pagination-item-next { font-size: 14px; }
.arco-pagination-size-large .arco-pagination-total-text { font-size: 14px; line-height: 36px; }
.arco-pagination-size-large .arco-pagination-option { font-size: 14px; height: 36px; line-height: 0; }
.arco-pagination-size-large .arco-pagination-jumper > span { font-size: 14px; }
.arco-pagination-rtl { direction: rtl; }
.arco-pagination-rtl .arco-pagination-item:not(:last-child) { margin-right: 0px; margin-left: 8px; }
.arco-pagination-rtl .arco-pagination-item-simple-pager { margin: 0px 4px 0px 12px; }
.arco-pagination-rtl .arco-pagination-item-simple-pager .arco-pagination-jumper-separator { padding: 0px 12px; }
.arco-pagination-rtl .arco-pagination-jumper, .arco-pagination-rtl .arco-pagination-jumper-input, .arco-pagination-rtl .arco-pagination-option { margin-left: 0px; margin-right: 8px; }
.arco-pagination-rtl .arco-pagination-option .arco-select-view-value { padding-right: 0px; padding-left: 6px; }
.arco-pagination-rtl .arco-pagination-total-text { margin-right: 0px; margin-left: 8px; }
.arco-pagination-rtl.arco-pagination-simple .arco-pagination-item, .arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper, .arco-pagination-rtl.arco-pagination-simple .arco-pagination-jumper-input { margin-right: 0px; }
.arco-popconfirm-content { padding: 16px; box-sizing: border-box; }
.arco-popconfirm-title { position: relative; margin-bottom: 16px; font-size: 14px; color: var(--color-text-1); display: flex; align-items: flex-start; }
.arco-popconfirm-title-icon { font-size: 18px; margin-right: 8px; display: inline-flex; align-items: center; height: 22.001px; }
.arco-popconfirm-title-icon .arco-icon-exclamation-circle-fill { color: rgb(var(--warning-6)); }
.arco-popconfirm-has-content .arco-popconfirm-title { margin-bottom: 0px; font-weight: 500; }
.arco-popconfirm-inner-content { margin-top: 4px; margin-bottom: 16px; padding-left: 26px; }
.arco-popconfirm .arco-popconfirm-btn { text-align: right; }
.arco-popconfirm .arco-popconfirm-btn > button { margin-left: 8px; }
.arco-popconfirm-rtl .arco-popconfirm-title-icon { margin-left: 8px; margin-right: 0px; }
.arco-popconfirm-rtl .arco-popconfirm-inner-content { padding-left: 0px; padding-right: 26px; }
.arco-popconfirm-rtl .arco-popconfirm-btn { text-align: left; }
.arco-popconfirm-rtl .arco-popconfirm-btn > button { margin-right: 8px; margin-left: 0px; }
.arco-popover-content { padding: 12px 16px; }
.arco-popover-title { font-size: 16px; color: var(--color-text-1); font-weight: 500; }
.arco-popover-title + .arco-popover-inner-content { margin-top: 4px; }
.arco-popover-content, .arco-popconfirm-content { color: var(--color-text-2); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; max-width: none; width: 100%; font-size: 14px; border-radius: var(--border-radius-medium); line-height: 1.5715; box-sizing: border-box; border: 1px solid var(--color-neutral-3); }
.arco-popover-content-inner, .arco-popconfirm-content-inner { overflow-wrap: break-word; text-align: left; }
.arco-popover-arrow.arco-trigger-arrow, .arco-popconfirm-arrow.arco-trigger-arrow { background-color: var(--color-bg-popup); border: 1px solid var(--color-neutral-3); z-index: 1; }
.arco-popover-inner-rtl { direction: rtl; text-align: right; }
.arco-progress { position: relative; line-height: 1; font-size: 12px; }
.arco-progress-line, .arco-progress-steps { display: inline-block; max-width: 100%; width: 100%; }
.arco-progress-line-wrapper, .arco-progress-steps-wrapper { display: flex; align-items: center; width: 100%; max-width: 100%; height: 100%; }
.arco-progress-line-text, .arco-progress-steps-text { font-size: 12px; margin-left: 16px; color: var(--color-text-2); white-space: nowrap; text-align: right; flex-grow: 1; flex-shrink: 0; min-width: 32px; }
.arco-progress-line-text .arco-icon, .arco-progress-steps-text .arco-icon { font-size: 12px; margin-left: 4px; }
.arco-progress-line-outer { background-color: var(--color-fill-3); border-radius: 100px; width: 100%; position: relative; display: inline-block; overflow: hidden; }
.arco-progress-line-inner { height: 100%; border-radius: 100px; background-color: rgb(var(--primary-6)); position: relative; transition: width 0.6s cubic-bezier(0.34, 0.69, 0.1, 1), background 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); max-width: 100%; }
.arco-progress-line-inner-buffer { position: absolute; background-color: var(--color-primary-light-3); height: 100%; top: 0px; left: 0px; border-radius: 0px 100px 100px 0px; max-width: 100%; transition: 0.6s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-progress-line-inner-animate::after { content: ""; display: block; position: absolute; top: 0px; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, transparent 25%, rgba(255, 255, 255, 0.5) 50%, transparent 75%) 0% 0% / 400% 100%; animation: 1.5s cubic-bezier(0.34, 0.69, 0.1, 1) 0s infinite normal none running arco-progress-loading; }
.arco-progress-line-text .arco-icon { color: var(--color-text-2); }
.arco-progress-steps-outer { display: flex; width: 100%; }
.arco-progress-steps-text { margin-left: 8px; min-width: unset; }
.arco-progress-steps-text .arco-icon { color: var(--color-text-2); }
.arco-progress-steps-item { height: 100%; flex: 1 1 0%; background-color: var(--color-fill-3); position: relative; display: inline-block; }
.arco-progress-steps-item:not(:last-of-type) { margin-right: 3px; }
.arco-progress-steps-item:last-of-type { border-top-right-radius: 100px; border-bottom-right-radius: 100px; }
.arco-progress-steps-item:first-of-type { border-top-left-radius: 100px; border-bottom-left-radius: 100px; }
.arco-progress-steps-item-active { background-color: rgb(var(--primary-6)); }
.arco-progress-steps.arco-progress-small { width: auto; }
.arco-progress-steps.arco-progress-small .arco-progress-steps-item { width: 2px; flex: unset; border-radius: 2px; }
.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) { margin-right: 3px; }
.arco-progress-is-warning .arco-progress-line-inner, .arco-progress-is-warning .arco-progress-steps-item-active { background-color: rgb(var(--warning-6)); }
.arco-progress-is-warning .arco-progress-line-text .arco-icon, .arco-progress-is-warning .arco-progress-steps-text .arco-icon { color: rgb(var(--warning-6)); }
.arco-progress-is-success .arco-progress-line-inner, .arco-progress-is-success .arco-progress-steps-item-active { background-color: rgb(var(--success-6)); }
.arco-progress-is-success .arco-progress-line-text .arco-icon, .arco-progress-is-success .arco-progress-steps-text .arco-icon { color: rgb(var(--success-6)); }
.arco-progress-is-error .arco-progress-line-inner, .arco-progress-is-error .arco-progress-steps-item-active { background-color: rgb(var(--danger-6)); }
.arco-progress-is-error .arco-progress-line-text .arco-icon, .arco-progress-is-error .arco-progress-steps-text .arco-icon { color: rgb(var(--danger-6)); }
.arco-progress-small .arco-progress-line-text { font-size: 12px; margin-left: 16px; }
.arco-progress-small .arco-progress-line-text .arco-icon { font-size: 12px; }
.arco-progress-large .arco-progress-line-text { font-size: 16px; margin-left: 16px; }
.arco-progress-large .arco-progress-line-text .arco-icon { font-size: 14px; }
.arco-progress-circle { display: inline-block; }
.arco-progress-circle-wrapper { position: relative; text-align: center; line-height: 1; display: inline-block; vertical-align: text-bottom; }
.arco-progress-circle-svg { transform: rotate(-90deg); }
.arco-progress-circle-text { font-size: 14px; }
.arco-progress-circle-text .arco-icon { font-size: 16px; color: var(--color-text-2); }
.arco-progress-circle .arco-progress-circle-text { position: absolute; top: 50%; left: 50%; color: var(--color-text-3); transform: translate(-50%, -50%); }
.arco-progress-circle-mask { stroke: var(--color-fill-3); }
.arco-progress-circle-path { stroke: rgb(var(--primary-6)); transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1), stroke 0.6s cubic-bezier(0, 0, 1, 1); }
.arco-progress-mini .arco-progress-circle-mask { stroke: var(--color-primary-light-3); }
.arco-progress-mini .arco-progress-circle-path { stroke: rgb(var(--primary-6)); }
.arco-progress-mini.arco-progress-is-warning .arco-progress-circle-mask { stroke: var(--color-warning-light-3); }
.arco-progress-mini.arco-progress-is-error .arco-progress-circle-mask { stroke: var(--color-danger-light-3); }
.arco-progress-mini.arco-progress-is-success .arco-progress-circle-mask { stroke: var(--color-success-light-3); }
.arco-progress-mini.arco-progress-is-success .arco-progress-circle-wrapper .arco-icon-check { position: absolute; top: 50%; left: 50%; transform: translate(-50%) translateY(-50%); }
.arco-progress-mini .arco-progress-circle-text { position: static; top: unset; left: unset; transform: unset; }
.arco-progress-small .arco-progress-circle-text { font-size: 13px; }
.arco-progress-small .arco-progress-circle-text .arco-icon { font-size: 14px; }
.arco-progress-large .arco-progress-circle-text, .arco-progress-large .arco-progress-circle-text .arco-icon { font-size: 16px; }
.arco-progress-is-warning .arco-progress-circle-path { stroke: rgb(var(--warning-6)); }
.arco-progress-is-warning .arco-icon { color: rgb(var(--warning-6)); }
.arco-progress-is-success .arco-progress-circle-path { stroke: rgb(var(--success-6)); }
.arco-progress-is-success .arco-icon { color: rgb(var(--success-6)); }
.arco-progress-is-error .arco-progress-circle-path { stroke: rgb(var(--danger-6)); }
.arco-progress-is-error .arco-icon { color: rgb(var(--danger-6)); }
@keyframes arco-progress-loading { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
.arco-progress-rtl .arco-progress-line-text, .arco-progress-rtl .arco-progress-steps-text { margin-left: 0px; margin-right: 16px; }
.arco-progress-rtl .arco-progress-line-text .arco-icon, .arco-progress-rtl .arco-progress-steps-text .arco-icon { margin-left: 0px; margin-right: 4px; }
.arco-progress-rtl .arco-progress-steps-text { margin-left: 0px; margin-right: 8px; }
.arco-progress-rtl .arco-progress-steps-item:not(:last-of-type) { margin-right: 0px; margin-left: 3px; }
.arco-progress-rtl.arco-progress-steps.arco-progress-small .arco-progress-steps-item:not(:last-of-type) { margin-right: 0px; margin-left: 3px; }
.arco-progress-rtl.arco-progress-small .arco-progress-line-text, .arco-progress-rtl.arco-progress-large .arco-progress-line-text { margin-right: 16px; margin-left: 0px; }
.arco-progress-rtl.arco-progress-line .arco-progress-line-inner-buffer { left: initial; right: 0px; }
.arco-radio > input[type="radio"], .arco-radio-button > input[type="radio"] { opacity: 0; width: 0px; height: 0px; position: absolute; top: 0px; left: 0px; }
.arco-radio > input[type="radio"]:focus-visible + .arco-radio-icon-hover::before, .arco-radio-button > input[type="radio"]:focus-visible + .arco-radio-icon-hover::before { background-color: var(--color-fill-2); opacity: 1; }
.arco-radio > input[type="radio"]:focus-visible + .arco-radio-button-inner, .arco-radio-button > input[type="radio"]:focus-visible + .arco-radio-button-inner { box-shadow: inset 0 0 0 2px rgb(var(--primary-6)); border-radius: inherit; }
.arco-icon-hover.arco-radio-icon-hover::before { width: 24px; height: 24px; }
.arco-radio { position: relative; cursor: pointer; padding-left: 5px; display: inline-block; font-size: 14px; line-height: unset; }
.arco-radio-text { color: var(--color-text-1); margin-left: 8px; }
.arco-radio-mask-wrapper { vertical-align: middle; top: -0.09em; position: relative; line-height: 1; }
.arco-radio-mask { display: block; border: 2px solid var(--color-neutral-3); box-sizing: border-box; height: 14px; width: 14px; border-radius: var(--border-radius-circle); position: relative; line-height: 14px; }
.arco-radio-mask::after { display: inline-block; box-sizing: border-box; position: absolute; content: ""; border-radius: var(--border-radius-circle); background-color: var(--color-bg-2); width: 10px; height: 10px; top: 0px; left: 0px; transform: scale(1); transition: transform 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); }
.arco-radio:hover .arco-radio-mask { border-color: var(--color-neutral-3); }
.arco-radio-checked .arco-radio-mask { background-color: rgb(var(--primary-6)); border-color: rgb(var(--primary-6)); }
.arco-radio-checked .arco-radio-mask::after { transform: scale(0.4); background-color: var(--color-white); }
.arco-radio-checked:hover .arco-radio-mask { border-color: rgb(var(--primary-6)); }
.arco-radio-disabled, .arco-radio-disabled .arco-radio-icon-hover { cursor: not-allowed; }
.arco-radio-disabled .arco-radio-text { color: var(--color-text-4); }
.arco-radio-disabled .arco-radio-mask { border-color: var(--color-neutral-3); }
.arco-radio-disabled .arco-radio-mask::after { background-color: var(--color-fill-2); }
.arco-radio-disabled:hover .arco-radio-mask { border-color: var(--color-neutral-3); }
.arco-radio-checked.arco-radio-disabled .arco-radio-mask, .arco-radio-checked.arco-radio-disabled:hover .arco-radio-mask { border-color: transparent; background-color: var(--color-primary-light-3); }
.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after { background-color: var(--color-fill-2); }
.arco-radio-checked.arco-radio-disabled .arco-radio-text { color: var(--color-text-4); }
.arco-radio:hover .arco-radio-icon-hover::before { background-color: var(--color-fill-2); }
.arco-radio-group { display: inline-block; box-sizing: border-box; }
.arco-radio-group .arco-radio { margin-right: 20px; }
.arco-radio-group-type-button { position: relative; z-index: 0; padding: 1.5px; line-height: 26px; }
.arco-radio-button { display: inline-block; position: relative; margin: 1.5px; border-radius: var(--border-radius-small); font-size: 14px; line-height: 26px; color: var(--color-text-2); background-color: transparent; cursor: pointer; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-radio-button-inner { display: block; position: relative; padding: 0px 12px; }
.arco-radio-button:not(:first-of-type)::before { position: absolute; top: 50%; left: -2px; transform: translateY(-50%); display: block; height: 14px; width: 1px; background-color: var(--color-neutral-3); content: ""; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-radio-button:hover::before, .arco-radio-button:hover + .arco-radio-button::before, .arco-radio-button.arco-radio-checked::before, .arco-radio-button.arco-radio-checked + .arco-radio-button::before { opacity: 0; }
.arco-radio-button::after { content: " "; display: block; position: absolute; inset: -3px; background-color: var(--color-fill-2); pointer-events: none; z-index: -1; }
.arco-radio-button:first-of-type::after { border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-radio-button:last-of-type::after { border-top-right-radius: var(--border-radius-small); border-bottom-right-radius: var(--border-radius-small); }
.arco-radio-button:hover { background-color: var(--color-bg-5); color: var(--color-text-1); }
.arco-radio-button.arco-radio-checked { background-color: var(--color-bg-5); color: rgb(var(--primary-6)); font-weight: 500; }
.arco-radio-button.arco-radio-disabled { cursor: not-allowed; background-color: transparent; color: var(--color-text-4); }
.arco-radio-button.arco-radio-disabled.arco-radio-checked { background-color: var(--color-bg-5); color: var(--color-primary-light-3); }
.arco-radio-size-small { line-height: 28px; }
.arco-radio-size-small.arco-radio-group-type-button, .arco-radio-size-small .arco-radio-button { font-size: 14px; line-height: 22px; }
.arco-radio-size-large { line-height: 36px; }
.arco-radio-size-large.arco-radio-group-type-button, .arco-radio-size-large .arco-radio-button { font-size: 14px; line-height: 30px; }
.arco-radio-size-mini { line-height: 24px; }
.arco-radio-size-mini.arco-radio-group-type-button, .arco-radio-size-mini .arco-radio-button { font-size: 12px; line-height: 18px; }
.arco-radio-group-direction-vertical .arco-radio { display: block; line-height: 32px; margin-right: 0px; }
body[arco-theme="dark"] .arco-radio-button.arco-radio-checked, body[arco-theme="dark"] .arco-radio-button:not(.arco-radio-disabled):hover { background-color: var(--color-fill-3); }
body[arco-theme="dark"] .arco-radio-button::after { background-color: var(--color-bg-3); }
.arco-radio-rtl { padding-left: 0px; padding-right: 5px; }
.arco-radio-rtl .arco-radio-text { margin-left: 0px; margin-right: 8px; }
.arco-radio-group-rtl .arco-radio { margin-right: 0px; margin-left: 20px; }
.arco-radio-group-rtl.arco-radio-group-direction-vertical .arco-radio { margin-right: unset; margin-left: 0px; }
.arco-rate { display: inline-block; user-select: none; }
.arco-rate-disabled { cursor: not-allowed; }
.arco-rate-inner { display: flex; align-items: center; min-height: 32px; font-size: 24px; line-height: 1; }
.arco-rate-character { position: relative; color: var(--color-fill-3); transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-rate-character:not(:last-child) { margin-right: 8px; }
.arco-rate-character-left, .arco-rate-character-right { transition: inherit; }
.arco-rate-character-left > *, .arco-rate-character-right > * { float: left; }
.arco-rate-character-left { position: absolute; top: 0px; left: 0px; width: 50%; white-space: nowrap; overflow: hidden; opacity: 0; }
.arco-rate-character-scale { animation: 0.4s cubic-bezier(0.34, 0.69, 0.1, 1) 0s 1 normal none running arco-rate-scale; }
.arco-rate-character-full .arco-rate-character-right { color: rgb(var(--gold-6)); }
.arco-rate-character-half .arco-rate-character-left { color: rgb(var(--gold-6)); opacity: 1; }
.arco-rate-character-disabled { cursor: not-allowed; }
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character { cursor: pointer; }
.arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:hover, .arco-rate:not(.arco-rate-readonly):not(.arco-rate-disabled) .arco-rate-character:focus { transform: scale(1.2); }
@keyframes arco-rate-scale { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.arco-rate-rtl { direction: rtl; }
.arco-rate-rtl .arco-rate-character:not(:last-child) { margin-right: 0px; margin-left: 8px; }
.arco-rate-rtl .arco-rate-character-left { left: initial; right: 0px; }
.arco-rate-rtl .arco-rate-character-left > *, .arco-rate-rtl .arco-rate-character-right > * { float: right; }
.arco-resizebox { position: relative; width: 100%; overflow: hidden; }
.arco-resizebox-direction-left, .arco-resizebox-direction-right, .arco-resizebox-direction-top, .arco-resizebox-direction-bottom { position: absolute; left: 0px; top: 0px; user-select: none; box-sizing: border-box; }
.arco-resizebox-direction-right { left: unset; right: 0px; }
.arco-resizebox-direction-bottom { top: unset; bottom: 0px; }
.arco-resizebox-split, .arco-resizebox-split-group { display: flex; user-select: auto; }
.arco-resizebox-split .arco-resizebox-slit-trigger, .arco-resizebox-split-group .arco-resizebox-slit-trigger { flex: 0 1 0%; }
.arco-resizebox-split-pane, .arco-resizebox-split-group-pane { overflow: auto; }
.arco-resizebox-split .second-pane, .arco-resizebox-split-group .second-pane { flex: 1 1 0%; }
.arco-resizebox-split-horizontal, .arco-resizebox-split-group-horizontal { flex-direction: row; }
.arco-resizebox-split-vertical, .arco-resizebox-split-group-vertical { flex-direction: column; }
.arco-resizebox-split-moving, .arco-resizebox-split-group-moving { user-select: none; }
.arco-resizebox-trigger-icon-wrapper { display: flex; justify-content: center; align-items: center; height: 100%; background-color: var(--color-neutral-3); }
.arco-resizebox-trigger-icon { display: inline-block; color: var(--color-text-1); font-size: 12px; }
.arco-resizebox-trigger-prev > svg, .arco-resizebox-trigger-next > svg { cursor: pointer; }
.arco-resizebox-trigger-vertical { height: 100%; cursor: col-resize; }
.arco-resizebox-trigger-vertical.arco-resizebox-trigger-not-resizable { cursor: default; }
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-prev, .arco-resizebox-trigger-vertical .arco-resizebox-trigger-next { height: 18px; line-height: 18px; }
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-wrapper { width: 6px; flex-direction: column; }
.arco-resizebox-trigger-vertical .arco-resizebox-trigger-icon-empty { height: 18px; width: 100%; }
.arco-resizebox-trigger-horizontal { width: 100%; cursor: row-resize; }
.arco-resizebox-trigger-horizontal.arco-resizebox-trigger-not-resizable { cursor: default; }
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-prev, .arco-resizebox-trigger-horizontal .arco-resizebox-trigger-next { width: 18px; text-align: center; }
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper { height: 6px; }
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-wrapper .arco-icon { vertical-align: -1px; }
.arco-resizebox-trigger-horizontal .arco-resizebox-trigger-icon-empty { width: 18px; height: 100%; }
.arco-resizebox-rtl, .arco-resizebox-split-rtl, .arco-resizebox-split-group-rtl, .arco-resizebox-trigger-rtl { direction: rtl; }
.arco-result { width: 100%; box-sizing: border-box; padding: 32px 32px 24px; }
.arco-result-is-404, .arco-result-is-403, .arco-result-is-500 { padding-top: 24px; }
.arco-result-is-404 .arco-result-icon-tip, .arco-result-is-403 .arco-result-icon-tip, .arco-result-is-500 .arco-result-icon-tip { height: 92px; width: 92px; line-height: 92px; }
.arco-result-icon { margin-bottom: 16px; text-align: center; font-size: 20px; }
.arco-result-icon-tip { display: inline-block; height: 45px; width: 45px; text-align: center; border-radius: 50%; line-height: 45px; }
.arco-result-icon-custom { width: unset; height: unset; line-height: inherit; }
.arco-result-icon-custom > .arco-icon { font-size: 45px; color: inherit; }
.arco-result-icon-success { color: rgb(var(--success-6)); background-color: var(--color-success-light-1); }
.arco-result-icon-error { color: rgb(var(--danger-6)); background-color: var(--color-danger-light-1); }
.arco-result-icon-info { color: rgb(var(--primary-6)); background-color: var(--color-primary-light-1); }
.arco-result-icon-warning { color: rgb(var(--warning-6)); background-color: var(--color-warning-light-1); }
.arco-result-title { text-align: center; line-height: 1.5715; font-size: 14px; font-weight: 500; color: var(--color-text-1); }
.arco-result-subtitle { text-align: center; line-height: 1.5715; font-size: 14px; color: var(--color-text-2); }
.arco-result-extra { margin-top: 20px; text-align: center; }
.arco-result-content { margin-top: 20px; }
.arco-select .arco-select-view { color: var(--color-text-1); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-select:hover .arco-select-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-select.arco-select-focused .arco-select-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-select .arco-select-suffix-icon, .arco-select .arco-select-loading-icon, .arco-select .arco-select-search-icon, .arco-select .arco-select-clear-icon, .arco-select .arco-select-arrow-icon, .arco-select .arco-select-expand-icon { color: var(--color-text-2); }
.arco-select-error .arco-select-view { background-color: var(--color-danger-light-1); border: 1px solid transparent; }
.arco-select-error:hover .arco-select-view { background-color: var(--color-danger-light-2); border-color: transparent; }
.arco-select-error.arco-select-focused .arco-select-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-select-warning .arco-select-view { background-color: var(--color-warning-light-1); border: 1px solid transparent; }
.arco-select-warning:hover .arco-select-view { background-color: var(--color-warning-light-2); border-color: transparent; }
.arco-select-warning.arco-select-focused .arco-select-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-select-disabled .arco-select-view { color: var(--color-text-4); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-select-disabled:hover .arco-select-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-select-disabled .arco-select-suffix-icon, .arco-select-disabled .arco-select-loading-icon, .arco-select-disabled .arco-select-search-icon, .arco-select-disabled .arco-select-clear-icon, .arco-select-disabled .arco-select-arrow-icon, .arco-select-disabled .arco-select-expand-icon { color: var(--color-text-4); }
.arco-select-no-border .arco-select-view { border: none !important; background: none !important; }
.arco-select-size-mini.arco-select-multiple .arco-select-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }
.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }
.arco-select-size-mini.arco-select-multiple .arco-select-suffix { padding-right: 4px; }
.arco-select-size-mini.arco-select-multiple input { font-size: 12px; }
.arco-select-size-mini.arco-select-single .arco-select-view { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 7px; }
.arco-select-size-mini.arco-select-single input { font-size: 12px; }
.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix { padding-left: 7px; }
.arco-select-size-small.arco-select-multiple .arco-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-select-size-small.arco-select-multiple .arco-select-suffix { padding-right: 8px; }
.arco-select-size-small.arco-select-multiple input { font-size: 14px; }
.arco-select-size-small.arco-select-single .arco-select-view { height: 28px; line-height: 26px; font-size: 14px; padding: 0px 11px; }
.arco-select-size-small.arco-select-single input { font-size: 14px; }
.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix { padding-left: 11px; }
.arco-select-size-default.arco-select-multiple .arco-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-select-size-default.arco-select-multiple .arco-select-suffix { padding-right: 8px; }
.arco-select-size-default.arco-select-multiple input { font-size: 14px; }
.arco-select-size-default.arco-select-single .arco-select-view { height: 32px; line-height: 30px; font-size: 14px; padding: 0px 11px; }
.arco-select-size-default.arco-select-single input { font-size: 14px; }
.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix { padding-left: 11px; }
.arco-select-size-large.arco-select-multiple .arco-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }
.arco-select-size-large.arco-select-multiple .arco-select-suffix { padding-right: 12px; }
.arco-select-size-large.arco-select-multiple input { font-size: 14px; }
.arco-select-size-large.arco-select-single .arco-select-view { height: 36px; line-height: 34px; font-size: 14px; padding: 0px 15px; }
.arco-select-size-large.arco-select-single input { font-size: 14px; }
.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix { padding-left: 15px; }
.arco-select { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }
.arco-select-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: var(--border-radius-small); outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }
.arco-select-view input { color: inherit; cursor: inherit; }
.arco-select-view input::placeholder { color: var(--color-text-3); }
.arco-select-view input[disabled] { pointer-events: none; }
.arco-select-multiple, .arco-select-show-search { cursor: text; }
.arco-select-disabled { cursor: not-allowed; }
.arco-select-disabled .arco-select-view input::placeholder { color: var(--color-text-4); }
.arco-select-single .arco-select-view-input { box-sizing: border-box; width: 100%; padding: 0px; border: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-select-single .arco-select-view-selector { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; overflow: hidden; }
.arco-select-single .arco-select-view-selector .arco-select-view-input { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }
.arco-select-single .arco-select-view-selector .arco-select-view-value-mirror { opacity: 0; }
.arco-select-single .arco-select-view-value, .arco-select-single .arco-select-view-value-mirror { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-select-single .arco-select-view-value::after, .arco-select-single .arco-select-view-value-mirror::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }
.arco-select-single .arco-select-view .arco-select-hidden { opacity: 0; position: absolute; z-index: -1; }
.arco-select-multiple { vertical-align: top; }
.arco-select-multiple .arco-select-view { padding: 0px 4px; line-height: 0; }
.arco-select-multiple .arco-select-view-with-prefix { padding-left: 12px; }
.arco-select-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border: none !important; background: none !important; box-shadow: none !important; }
.arco-select-multiple .arco-tag { max-width: 100%; }
.arco-select-multiple:not(.arco-select-focused) .arco-input-tag input:not(:first-child)[value=""] { opacity: 0; position: absolute; z-index: -1; }
.arco-select-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: var(--color-text-2); }
.arco-select-suffix { display: flex; align-items: center; margin-left: 4px; }
.arco-select-suffix-icon, .arco-select-search-icon, .arco-select-loading-icon, .arco-select-expand-icon, .arco-select-clear-icon { font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-select-arrow-icon { font-size: 12px; }
.arco-select-open .arco-select-arrow-icon svg { transform: rotate(180deg); }
.arco-select .arco-select-clear-icon { display: none; cursor: pointer; }
.arco-select .arco-select-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-select:hover .arco-select-clear-icon { display: block; }
.arco-select:hover .arco-select-clear-icon ~ * { display: none; }
.arco-select-wrapper { display: inline-flex; align-items: stretch; width: 100%; }
.arco-select-wrapper .arco-select { min-width: 0px; }
.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:first-child) .arco-select-view { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-select-wrapper .arco-select:not(.arco-select-focused):not(:last-child) .arco-select-view { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-select-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: var(--color-fill-2); white-space: nowrap; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-image: initial; border-right: 1px solid var(--color-border-2); border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-select-popup { top: 4px; box-sizing: border-box; padding: 4px 0px; border: 1px solid var(--color-fill-3); border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; overflow: hidden; }
.arco-select-popup-hidden { display: none; }
.arco-select-popup .arco-select-popup-inner { width: 100%; max-height: 200px; list-style: none; }
.arco-select-popup .arco-select-option { position: relative; box-sizing: border-box; width: 100%; padding: 0px 12px; font-size: 14px; text-align: left; cursor: pointer; line-height: 36px; border-radius: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-1); background-color: var(--color-bg-popup); }
.arco-select-popup .arco-select-option-selected { color: var(--color-text-1); background-color: var(--color-bg-popup); }
.arco-select-popup .arco-select-option-hover { color: var(--color-text-1); background-color: var(--color-fill-2); }
.arco-select-popup .arco-select-option-disabled { color: var(--color-text-4); background-color: var(--color-bg-popup); cursor: not-allowed; }
.arco-select-popup .arco-select-option-selected { font-weight: 500; }
.arco-select-popup .arco-select-option-empty { height: 36px; }
.arco-select-popup .arco-select-option-rtl { text-align: right; }
.arco-select-option-wrapper { display: flex; align-items: center; padding: 0px 7px; }
.arco-select-option-wrapper .arco-select-checkbox { padding: 0px 5px; }
.arco-select-option-wrapper .arco-select-checkbox input { display: none; }
.arco-select-option-wrapper .arco-select-option { flex: 1 1 0%; margin-left: 1px; padding: 0px 4px; border-radius: var(--border-radius-small); }
.arco-select-group-title { box-sizing: border-box; width: 100%; padding: 8px 12px 0px; line-height: 20px; font-size: 12px; color: var(--color-text-3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-select-group-title:first-child { padding-top: 4px; }
.arco-select-highlight { font-weight: 500; color: var(--color-text-1); }
.arco-select-rtl { direction: rtl; }
.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 7px; }
.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 4px; }
.arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-mini.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 4px; }
.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }
.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 8px; }
.arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-small.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }
.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }
.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 8px; }
.arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-default.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }
.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 15px; }
.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-select-suffix { padding-right: 0px; padding-left: 12px; }
.arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder input, .arco-select-rtl.arco-select-size-large.arco-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 12px; }
.arco-select-wrapper-rtl .arco-select-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }
.arco-select-rtl .arco-select-view { text-align: right; }
.arco-select-rtl .arco-select-multiple .arco-select-view-with-prefix { padding-left: 0px; padding-right: 12px; }
.arco-select-rtl .arco-select-prefix { margin-right: 0px; margin-left: 12px; }
.arco-select-rtl .arco-select-suffix { margin-left: 0px; margin-right: 4px; }
.arco-skeleton, .arco-skeleton-header { display: flex; }
.arco-skeleton-header .arco-skeleton-image { background-color: var(--color-fill-2); width: 48px; height: 48px; border-radius: var(--border-radius-small); }
.arco-skeleton-header .arco-skeleton-image-circle { border-radius: 50%; }
.arco-skeleton-header .arco-skeleton-image-small { width: 36px; height: 36px; }
.arco-skeleton-header .arco-skeleton-image-large { width: 60px; height: 60px; }
.arco-skeleton-header .arco-skeleton-image-left { margin-right: 16px; }
.arco-skeleton-header .arco-skeleton-image-right { margin-left: 16px; }
.arco-skeleton-content { flex-grow: 1; overflow: hidden; }
.arco-skeleton-content .arco-skeleton-text { list-style: none; padding: 0px; margin: 0px; }
.arco-skeleton-content .arco-skeleton-text-row { background-color: var(--color-fill-2); height: 16px; }
.arco-skeleton-content .arco-skeleton-text-row:not(:last-child) { margin-bottom: 16px; }
.arco-skeleton-animate .arco-skeleton-image, .arco-skeleton-animate .arco-skeleton-text > li { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 400% 100%; animation: 1.5s cubic-bezier(0, 0, 1, 1) 0s infinite normal none running arco-skeleton-circle; }
@keyframes arco-skeleton-circle { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
.arco-skeleton-rtl .arco-skeleton-image-left { margin-right: 0px; margin-left: 16px; }
.arco-skeleton-rtl .arco-skeleton-image-right { margin-left: 0px; margin-right: 16px; }
.arco-slider { width: 100%; display: inline-block; }
.arco-slider-wrapper { display: flex; align-items: center; }
.arco-slider-vertical { display: inline-block; height: auto; width: auto; min-width: 22px; }
.arco-slider-vertical .arco-slider-wrapper { flex-direction: column; }
.arco-slider-with-marks { margin-bottom: 24px; padding: 0px 20px; }
.arco-slider-vertical.arco-slider-with-marks { margin-bottom: 0px; padding: 0px; }
.arco-slider-road { width: 100%; height: 12px; cursor: pointer; flex: 1 1 0%; position: relative; }
.arco-slider-road::before { content: ""; display: block; height: 2px; width: 100%; background-color: var(--color-fill-3); border-radius: 2px; position: absolute; top: 50%; transform: translateY(-50%); }
.arco-slider-road.arco-slider-road-vertical { width: 12px; max-width: 12px; height: 100%; min-height: 200px; margin-bottom: 6px; margin-top: 6px; margin-right: 0px; transform: translateY(0px); }
.arco-slider-road.arco-slider-road-vertical::before { width: 2px; height: 100%; top: unset; left: 50%; transform: translate(-50%); }
.arco-slider-road.arco-slider-road-disabled::before { background-color: var(--color-fill-2); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-bar { background-color: var(--color-fill-3); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-button { cursor: not-allowed; }
.arco-slider-road.arco-slider-road-disabled .arco-slider-button::after { border-color: var(--color-fill-3); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot { border-color: var(--color-fill-2); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot-active { border-color: var(--color-fill-3); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick { background: var(--color-fill-2); }
.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick-active { background: var(--color-fill-3); }
.arco-slider-bar { position: absolute; height: 2px; background-color: rgb(var(--primary-6)); border-radius: 2px; top: 50%; transform: translateY(-50%); }
.arco-slider-road-vertical .arco-slider-bar { width: 2px; height: unset; top: unset; left: 50%; transform: translate(-50%); }
.arco-slider-button { position: absolute; height: 12px; width: 12px; top: 0px; left: 0px; transform: translate(-50%); }
.arco-slider-button::after { content: ""; display: inline-block; width: 12px; height: 12px; background: var(--color-bg-2); border: 2px solid rgb(var(--primary-6)); border-radius: 50%; box-sizing: border-box; position: absolute; left: 0px; transition: 0.3s cubic-bezier(0.3, 1.3, 0.3, 1); top: 0px; }
.arco-slider-button.arco-slider-button-active::after, .arco-slider-button:hover::after { transform: scale(1.16667); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; }
.arco-slider-button:focus-visible::after { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-slider-road-vertical .arco-slider-button { top: unset; bottom: 0px; left: 0px; transform: translateY(50%); }
.arco-slider-reverse .arco-slider-button { transform: translate(50%); left: unset; right: 0px; }
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-button { transform: translateY(-50%); }
.arco-slider-marks { position: absolute; top: 12px; width: 100%; }
.arco-slider-marks-text { position: absolute; transform: translate(-50%); cursor: pointer; font-size: 14px; line-height: 1; color: var(--color-text-3); }
.arco-slider-road-vertical .arco-slider-marks { height: 100%; left: 15px; top: 0px; }
.arco-slider-road-vertical .arco-slider-marks-text { transform: translateY(50%); }
.arco-slider-reverse .arco-slider-marks-text { transform: translate(50%); }
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-marks-text { transform: translateY(-50%); }
.arco-slider-dots { height: 100%; }
.arco-slider-dots .arco-slider-dot-wrapper { position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 12px; }
.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper { top: unset; left: 50%; transform: translate(-50%, 50%); }
.arco-slider-reverse .arco-slider-dots .arco-slider-dot-wrapper { transform: translate(50%, -50%); }
.arco-slider-reverse .arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper { transform: translate(-50%, -50%); }
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot { background-color: var(--color-bg-2); box-sizing: border-box; border: 2px solid var(--color-fill-3); height: 8px; width: 8px; border-radius: 50%; }
.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active { border-color: rgb(var(--primary-6)); }
.arco-slider-ticks .arco-slider-tick { position: absolute; width: 1px; height: 3px; background: var(--color-fill-3); top: 50%; transform: translate(-50%, -100%); margin-top: -1px; }
.arco-slider-ticks .arco-slider-tick-active { background: rgb(var(--primary-6)); }
.arco-slider-vertical .arco-slider-ticks .arco-slider-tick { width: 3px; height: 1px; top: unset; margin-top: unset; left: 50%; transform: translate(1px, 50%); }
.arco-slider-reverse .arco-slider-ticks .arco-slider-tick { transform: translate(50%, -100%); }
.arco-slider-vertical.arco-slider-reverse .arco-slider-ticks .arco-slider-tick { transform: translate(1px, -50%); }
.arco-slider-input { display: flex; margin-left: 20px; }
.arco-slider-vertical .arco-slider-input { margin-left: 0px; }
.arco-slider-input > .arco-input-number { width: 60px; height: 32px; line-height: normal; overflow: visible; }
.arco-slider-input > .arco-input-number input { text-align: center; }
.arco-slider-input-range { width: 20px; line-height: 32px; height: 32px; text-align: center; }
.arco-slider-input-range-content { display: inline-block; width: 8px; height: 2px; background: rgb(var(--gray-6)); transform: translateY(-100%); }
.arco-slider-rtl { direction: rtl; }
.arco-slider-rtl.arco-slider:not(.arco-slider-vertical) .arco-slider-input { margin-right: 20px; margin-left: 0px; }
.arco-slider-rtl.arco-slider-vertical .arco-slider-road-vertical .arco-slider-marks { left: 0px; right: 15px; }
.arco-space { display: inline-flex; }
.arco-space-vertical { flex-direction: column; }
.arco-space-align-baseline { align-items: baseline; }
.arco-space-align-start { align-items: flex-start; }
.arco-space-align-end { align-items: flex-end; }
.arco-space-align-center { align-items: center; }
.arco-space-wrap { flex-wrap: wrap; }
.arco-space-rtl { direction: rtl; }
.arco-spin { display: inline-block; }
.arco-spin-block { display: block; }
.arco-spin-with-tip { text-align: center; }
.arco-spin-icon { color: rgb(var(--primary-6)); font-size: 20px; }
.arco-spin-tip { margin-top: 6px; font-size: 14px; font-weight: 500; color: rgb(var(--primary-6)); }
.arco-spin-loading-layer { text-align: center; user-select: none; }
.arco-spin-children { position: relative; }
.arco-spin-children::after { content: ""; position: absolute; width: 100%; height: 100%; inset: 0px; background-color: var(--color-spin-layer-bg); opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); pointer-events: none; z-index: 1; }
.arco-spin-loading { position: relative; user-select: none; }
.arco-spin-loading .arco-spin-loading-layer-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; }
.arco-spin-loading .arco-spin-children::after { opacity: 1; pointer-events: auto; }
.arco-spin-dot { position: absolute; top: 0px; left: 50%; transform: translate(-50%) scale(0); width: 8px; height: 8px; background-color: rgb(var(--primary-6)); border-radius: var(--border-radius-circle); animation: 2s cubic-bezier(0, 0, 1, 1) 0s infinite normal forwards running arco-dot-loading; }
.arco-spin-dot:nth-child(2) { background-color: rgb(var(--primary-5)); animation-delay: 0.4s; }
.arco-spin-dot:nth-child(3) { background-color: rgb(var(--primary-4)); animation-delay: 0.8s; }
.arco-spin-dot:nth-child(4) { background-color: rgb(var(--primary-4)); animation-delay: 1.2s; }
.arco-spin-dot:nth-child(5) { background-color: rgb(var(--primary-2)); animation-delay: 1.6s; }
.arco-spin-dot-list { display: inline-block; transform-style: preserve-3d; perspective: 200px; width: 56px; position: relative; height: 8px; }
@keyframes arco-dot-loading { 
  0% { transform: translate3d(-48.621%, 0px, -0.985px) scale(0.511); }
  2.778% { transform: translate3d(-95.766%, 0px, -0.94px) scale(0.545); }
  5.556% { transform: translate3d(-140%, 0px, -0.866px) scale(0.6); }
  8.333% { transform: translate3d(-179.981%, 0px, -0.766px) scale(0.675); }
  11.111% { transform: translate3d(-214.492%, 0px, -0.643px) scale(0.768); }
  13.889% { transform: translate3d(-242.487%, 0px, -0.5px) scale(0.875); }
  16.667% { transform: translate3d(-263.114%, 0px, -0.342px) scale(0.993); }
  19.444% { transform: translate3d(-275.746%, 0px, -0.174px) scale(1.12); }
  22.222% { transform: translate3d(-280%, 0px, 0px) scale(1.25); }
  25% { transform: translate3d(-275.746%, 0px, 0.174px) scale(1.38); }
  27.778% { transform: translate3d(-263.114%, 0px, 0.342px) scale(1.507); }
  30.556% { transform: translate3d(-242.487%, 0px, 0.5px) scale(1.625); }
  33.333% { transform: translate3d(-214.492%, 0px, 0.643px) scale(1.732); }
  36.111% { transform: translate3d(-179.981%, 0px, 0.766px) scale(1.825); }
  38.889% { transform: translate3d(-140%, 0px, 0.866px) scale(1.9); }
  41.667% { transform: translate3d(-95.766%, 0px, 0.94px) scale(1.955); }
  44.444% { transform: translate3d(-48.621%, 0px, 0.985px) scale(1.989); }
  47.222% { transform: translateZ(1px) scale(2); }
  50% { transform: translate3d(48.621%, 0px, 0.985px) scale(1.989); }
  52.778% { transform: translate3d(95.766%, 0px, 0.94px) scale(1.955); }
  55.556% { transform: translate3d(140%, 0px, 0.866px) scale(1.9); }
  58.333% { transform: translate3d(179.981%, 0px, 0.766px) scale(1.825); }
  61.111% { transform: translate3d(214.492%, 0px, 0.643px) scale(1.732); }
  63.889% { transform: translate3d(242.487%, 0px, 0.5px) scale(1.625); }
  66.667% { transform: translate3d(263.114%, 0px, 0.342px) scale(1.507); }
  69.444% { transform: translate3d(275.746%, 0px, 0.174px) scale(1.38); }
  72.222% { transform: translate3d(280%, 0px, 0px) scale(1.25); }
  75% { transform: translate3d(275.746%, 0px, -0.174px) scale(1.12); }
  77.778% { transform: translate3d(263.114%, 0px, -0.342px) scale(0.993); }
  80.556% { transform: translate3d(242.487%, 0px, -0.5px) scale(0.875); }
  83.333% { transform: translate3d(214.492%, 0px, -0.643px) scale(0.768); }
  86.111% { transform: translate3d(179.981%, 0px, -0.766px) scale(0.675); }
  88.889% { transform: translate3d(140%, 0px, -0.866px) scale(0.6); }
  91.667% { transform: translate3d(95.766%, 0px, -0.94px) scale(0.545); }
  94.444% { transform: translate3d(48.621%, 0px, -0.985px) scale(0.511); }
  97.222% { transform: translateZ(-1px) scale(0.5); }
}
.arco-statistic { display: inline-block; line-height: 1.5715; color: var(--color-text-2); }
.arco-statistic-title { font-size: 14px; margin-bottom: 8px; color: var(--color-text-2); }
.arco-statistic-content .arco-statistic-value { white-space: nowrap; font-size: 26px; font-weight: 500; color: var(--color-text-1); }
.arco-statistic-content .arco-statistic-value-int { white-space: nowrap; }
.arco-statistic-content .arco-statistic-value-decimal { font-size: 26px; display: inline-block; }
.arco-statistic-content .arco-statistic-value-suffix { font-size: 14px; margin-left: 4px; }
.arco-statistic-content .arco-statistic-value-prefix { font-size: 14px; margin-right: 4px; }
.arco-statistic-extra { margin-top: 8px; color: var(--color-text-2); }
.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-suffix { margin-right: 4px; margin-left: 0px; }
.arco-statistic-rtl .arco-statistic-content .arco-statistic-value-prefix { margin-right: 0px; margin-left: 4px; }
.arco-steps-item { flex: 1 1 0%; white-space: nowrap; margin-right: 12px; overflow: hidden; position: relative; text-align: left; }
.arco-steps-item:last-child { flex: 0 0 auto; margin-right: 0px; }
.arco-steps-item-active .arco-steps-item-title { font-weight: 500; }
.arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title { font-weight: 400; }
.arco-steps-item-icon { display: inline-block; vertical-align: top; margin-right: 12px; font-size: 16px; font-weight: 500; }
.arco-steps-icon { width: 28px; line-height: 26px; height: 28px; border-radius: var(--border-radius-circle); text-align: center; box-sizing: border-box; }
.arco-steps-item-wait .arco-steps-icon { border: 1px solid transparent; color: var(--color-text-2); background-color: var(--color-fill-2); }
.arco-steps-item-process .arco-steps-icon { border: 1px solid transparent; color: var(--color-white); background-color: rgb(var(--primary-6)); }
.arco-steps-item-finish .arco-steps-icon { border: 1px solid transparent; color: rgb(var(--primary-6)); background-color: var(--color-primary-light-1); }
.arco-steps-item-error .arco-steps-icon { border: 1px solid transparent; color: var(--color-white); background-color: rgb(var(--danger-6)); }
.arco-steps-item-title { white-space: nowrap; color: var(--color-text-2); position: relative; display: inline-block; font-size: 16px; line-height: 28px; padding-right: 12px; }
.arco-steps-item-wait .arco-steps-item-title { color: var(--color-text-2); }
.arco-steps-item-process .arco-steps-item-title, .arco-steps-item-finish .arco-steps-item-title, .arco-steps-item-error .arco-steps-item-title { color: var(--color-text-1); }
.arco-steps-item-content { display: inline-block; }
.arco-steps-item-description { white-space: normal; color: var(--color-text-3); font-size: 12px; margin-top: 2px; max-width: 140px; }
.arco-steps-item-wait .arco-steps-item-description, .arco-steps-item-process .arco-steps-item-description, .arco-steps-item-finish .arco-steps-item-description, .arco-steps-item-error .arco-steps-item-description { color: var(--color-text-3); }
.arco-steps-label-horizontal:not(.arco-steps-vertical) > .arco-steps-item:not(:last-child) .arco-steps-item-title::after { content: ""; display: block; position: absolute; width: 5000px; height: 1px; left: 100%; top: 13.5px; background-color: var(--color-neutral-3); box-sizing: border-box; }
.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-process .arco-steps-item-title::after { background-color: var(--color-neutral-3); }
.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-finish .arco-steps-item-title::after { background-color: rgb(var(--primary-6)); }
.arco-steps-label-horizontal > .arco-steps-item.arco-steps-item-next-error .arco-steps-item-title::after { background-color: rgb(var(--danger-6)); }
.arco-steps.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 1px; top: 34px; bottom: 6px; left: 13.5px; box-sizing: border-box; padding: 0px; height: unset; }
.arco-steps.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { content: ""; display: block; width: 100%; height: 100%; background-color: var(--color-neutral-3); }
.arco-steps > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 100%; height: 1px; top: 13.5px; box-sizing: border-box; }
.arco-steps > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { content: ""; display: block; width: 100%; height: 100%; background-color: var(--color-neutral-3); }
.arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail::after { background-color: rgb(var(--primary-6)); }
.arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail::after { background-color: rgb(var(--danger-6)); }
.arco-steps-size-small.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 11.5px; top: 30px; }
.arco-steps-size-small:not(.arco-steps-vertical):not(.arco-steps-mode-dot) .arco-steps-item:not(:last-child) .arco-steps-item-tail { top: 11.5px; }
.arco-steps-size-small .arco-steps-item-icon { font-size: 14px; }
.arco-steps-size-small .arco-steps-item-title { font-size: 14px; line-height: 24px; }
.arco-steps-size-small .arco-steps-item-description { font-size: 12px; }
.arco-steps-size-small .arco-steps-icon { width: 24px; height: 24px; line-height: 22px; font-size: 14px; }
.arco-steps-size-small.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after { top: 11.5px; }
.arco-steps-label-vertical .arco-steps-item { overflow: visible; }
.arco-steps-label-vertical .arco-steps-item-title { padding-right: 0px; margin-top: 2px; }
.arco-steps-label-vertical .arco-steps-item-icon { margin-left: 56px; }
.arco-steps-label-vertical .arco-steps-item-tail { left: 96px; padding-right: 40px; }
.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon { margin-left: 58px; }
.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail { left: 94px; padding-right: 36px; }
.arco-steps-rtl .arco-steps-item { margin-right: 0px; margin-left: 12px; text-align: right; }
.arco-steps-rtl .arco-steps-item:last-child { margin-left: 0px; }
.arco-steps-rtl .arco-steps-item-icon { margin-right: 0px; margin-left: 12px; }
.arco-steps-rtl .arco-steps-item-title { padding-right: 0px; padding-left: 12px; }
.arco-steps-rtl.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after { left: 0px; right: 100%; }
.arco-steps-rtl.arco-steps-vertical > .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 0px; right: 13.5px; }
.arco-steps-rtl.arco-steps-vertical.arco-steps-size-small.arco-steps-vertical > .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 0px; right: 11.5px; top: 30px; }
.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-title { padding-left: 0px; }
.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-icon { margin-left: 0px; margin-right: 56px; }
.arco-steps-rtl.arco-steps-label-vertical .arco-steps-item-tail { left: 0px; right: 96px; padding-right: 0px; padding-left: 40px; }
.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-icon { margin-left: 0px; margin-right: 58px; }
.arco-steps-rtl.arco-steps-label-vertical.arco-steps-size-small .arco-steps-item-tail { left: 0px; right: 94px; padding-right: 0px; padding-left: 36px; }
.arco-steps-mode-dot .arco-steps-item { flex: 1 1 0%; white-space: nowrap; margin-right: 16px; position: relative; text-align: left; overflow: visible; }
.arco-steps-mode-dot .arco-steps-item:last-child { flex: 0 0 auto; margin-right: 0px; }
.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-title { font-weight: 500; }
.arco-steps-mode-dot .arco-steps-item:not(.arco-steps-item-active) .arco-steps-item-title { font-weight: 400; }
.arco-steps-mode-dot .arco-steps-item-icon { display: inline-block; box-sizing: border-box; width: 8px; height: 8px; border-radius: var(--border-radius-circle); vertical-align: top; }
.arco-steps-mode-dot .arco-steps-item-active .arco-steps-item-icon { width: 10px; height: 10px; }
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-icon { border-color: var(--color-fill-4); background-color: var(--color-fill-4); }
.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-icon, .arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-icon { border-color: rgb(var(--primary-6)); background-color: rgb(var(--primary-6)); }
.arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-icon { border-color: rgb(var(--danger-6)); background-color: rgb(var(--danger-6)); }
.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon { margin-left: 66px; }
.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon { margin-left: 65px; margin-top: -1px; }
.arco-steps-mode-dot .arco-steps-item-content { display: inline-block; }
.arco-steps-mode-dot .arco-steps-item-title { position: relative; display: inline-block; font-size: 16px; margin-top: 4px; }
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-title { color: var(--color-text-2); }
.arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-title, .arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-title, .arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-title { color: var(--color-text-1); }
.arco-steps-mode-dot .arco-steps-item-description { white-space: normal; font-size: 12px; margin-top: 4px; }
.arco-steps-mode-dot .arco-steps-item-wait .arco-steps-item-description, .arco-steps-mode-dot .arco-steps-item-process .arco-steps-item-description, .arco-steps-mode-dot .arco-steps-item-finish .arco-steps-item-description, .arco-steps-mode-dot .arco-steps-item-error .arco-steps-item-description { color: var(--color-text-3); }
.arco-steps-mode-dot > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 100%; height: 1px; top: 3.5px; left: 78px; box-sizing: border-box; background-color: var(--color-neutral-3); }
.arco-steps-mode-dot > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { display: none; }
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-process .arco-steps-item-tail { background-color: var(--color-neutral-3); }
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-finish .arco-steps-item-tail { background-color: rgb(var(--primary-6)); }
.arco-steps-mode-dot .arco-steps-item:not(:last-child).arco-steps-item-next-error .arco-steps-item-tail { background-color: rgb(var(--danger-6)); }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-icon { margin-right: 16px; }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content { overflow: hidden; }
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-title { margin-top: -2px; }
.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-title { margin-top: 0px; }
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-title { margin-top: -3px; }
.arco-steps-mode-dot.arco-steps-vertical.arco-steps-size-small .arco-steps-item-active .arco-steps-item-title { margin-top: -1px; }
.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-description { margin-top: 4px; }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail { position: absolute; width: 1px; transform: translate(-50%); top: 20px; bottom: -4px; left: 4px; background-color: transparent; box-sizing: border-box; padding: 0px; height: unset; }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child) > .arco-steps-item-tail::after { content: ""; display: block; width: 100%; height: 100%; background-color: var(--color-neutral-3); }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-process > .arco-steps-item-tail::after { background-color: var(--color-neutral-3); }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-finish > .arco-steps-item-tail::after { background-color: rgb(var(--primary-6)); }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item:not(:last-child).arco-steps-item-next-error > .arco-steps-item-tail::after { background-color: rgb(var(--danger-6)); }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item > .arco-steps-item-icon { margin-top: 8px; }
.arco-steps-mode-dot.arco-steps-vertical > .arco-steps-item-active > .arco-steps-item-icon { margin-top: 6px; margin-left: -1px; }
.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item { margin-right: 0px; margin-left: 16px; text-align: right; }
.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:last-child { margin-left: 0px; }
.arco-steps-rtl.arco-steps-mode-dot .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: initial; right: 78px; }
.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-icon { margin-left: 0px; margin-right: 66px; }
.arco-steps-rtl.arco-steps-mode-dot.arco-steps-horizontal .arco-steps-item-active .arco-steps-item-icon { margin-left: 0px; margin-right: 65px; }
.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-icon { margin-right: 0px; margin-left: 16px; }
.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item:not(:last-child) .arco-steps-item-tail { left: 0px; right: 4px; }
.arco-steps-rtl.arco-steps-mode-dot.arco-steps-vertical .arco-steps-item-active .arco-steps-item-icon { margin-right: -1px; }
.arco-steps-mode-arrow .arco-steps-item { position: relative; display: flex; flex: 1 1 0%; white-space: nowrap; height: 72px; align-items: center; overflow: visible; }
.arco-steps-mode-arrow .arco-steps-item:not(:last-child) { margin-right: 4px; }
.arco-steps-mode-arrow .arco-steps-item-wait { background-color: var(--color-fill-1); }
.arco-steps-mode-arrow .arco-steps-item-process { background-color: rgb(var(--primary-6)); }
.arco-steps-mode-arrow .arco-steps-item-finish { background-color: var(--color-primary-light-1); }
.arco-steps-mode-arrow .arco-steps-item-error { background-color: rgb(var(--danger-6)); }
.arco-steps-mode-arrow .arco-steps-item-content { display: inline-block; box-sizing: border-box; }
.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content { padding-left: 16px; }
.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content { padding-left: 52px; }
.arco-steps-mode-arrow .arco-steps-item-title { position: relative; display: inline-block; white-space: nowrap; font-size: 16px; }
.arco-steps-mode-arrow .arco-steps-item-title::after { display: none !important; }
.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-title { color: var(--color-text-2); }
.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-title { color: var(--color-white); }
.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-title { color: var(--color-text-1); }
.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-title { color: var(--color-white); }
.arco-steps-mode-arrow .arco-steps-item-active .arco-steps-item-title { font-weight: 500; }
.arco-steps-mode-arrow .arco-steps-item-description { white-space: nowrap; font-size: 12px; margin-top: 0px; max-width: none; }
.arco-steps-mode-arrow .arco-steps-item-wait .arco-steps-item-description { color: var(--color-text-3); }
.arco-steps-mode-arrow .arco-steps-item-process .arco-steps-item-description { color: var(--color-white); }
.arco-steps-mode-arrow .arco-steps-item-finish .arco-steps-item-description { color: var(--color-text-3); }
.arco-steps-mode-arrow .arco-steps-item-error .arco-steps-item-description { color: var(--color-white); }
.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-top: 36px solid transparent; border-bottom: 36px solid transparent; border-left: 36px solid var(--color-bg-2); left: 0px; top: 0px; z-index: 1; }
.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after { content: ""; display: block; position: absolute; width: 0px; height: 0px; border-top: 36px solid transparent; border-bottom: 36px solid transparent; right: -36px; top: 0px; z-index: 2; clear: both; }
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-left: 36px solid var(--color-fill-1); }
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-left: 36px solid rgb(var(--primary-6)); }
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after { border-left: 36px solid rgb(var(--danger-6)); }
.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-left: 36px solid var(--color-primary-light-1); }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item { height: 40px; }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-title { font-size: 14px; }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-description { display: none; }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child)::before { border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid var(--color-bg-2); }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after { right: -20px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid var(--color-fill-1); }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content { padding-left: 20px; }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content { padding-left: 40px; }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item-error:not(:last-child)::after { border-left: 20px solid rgb(var(--danger-6)); }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-left: 20px solid var(--color-fill-1); }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-left: 20px solid rgb(var(--primary-6)); }
.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-left: 20px solid var(--color-primary-light-1); }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child) { margin-right: 0px; margin-left: 4px; }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:first-child .arco-steps-item-content { padding-left: 0px; padding-right: 16px; }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child) .arco-steps-item-content { padding-left: 0px; padding-right: 52px; }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:first-child)::before { border-left: none; border-right: 36px solid var(--color-bg-2); right: 0px; }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child)::after { left: -36px; right: initial; }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-left: none; border-right: 36px solid var(--color-fill-1); }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-left: none; border-right: 36px solid rgb(var(--primary-6)); }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-left: none; border-right: 36px solid var(--color-primary-light-1); }
.arco-steps-rtl.arco-steps-mode-arrow .arco-steps-item:not(:last-child).arco-steps-item-error::after { border-left: none; border-right: 36px solid rgb(var(--danger-6)); }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child)::before { border-right: 20px solid var(--color-bg-2); }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child)::after { left: -20px; border-right: 20px solid var(--color-fill-1); }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:first-child .arco-steps-item-content { padding-left: 0px; padding-right: 20px; }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:first-child) .arco-steps-item-content { padding-left: 0px; padding-right: 40px; }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-wait::after { border-right: 20px solid var(--color-fill-1); }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-process::after { border-right: 20px solid rgb(var(--primary-6)); }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-finish::after { border-right: 20px solid var(--color-primary-light-1); }
.arco-steps-rtl.arco-steps-mode-arrow.arco-steps-size-small .arco-steps-item:not(:last-child).arco-steps-item-error::after { border-right: 20px solid rgb(var(--danger-6)); }
.arco-steps-mode-navigation.arco-steps-label-horizontal .arco-steps-item:not(:last-child) .arco-steps-item-title::after { display: none; }
.arco-steps-mode-navigation .arco-steps-item { padding-left: 20px; padding-right: 10px; margin-right: 32px; }
.arco-steps-mode-navigation .arco-steps-item:last-child { flex: 1 1 0%; }
.arco-steps-mode-navigation .arco-steps-item-content { margin-bottom: 20px; }
.arco-steps-mode-navigation .arco-steps-item-description { padding-right: 20px; }
.arco-steps-mode-navigation .arco-steps-item-active::after { content: ""; position: absolute; display: block; height: 2px; left: 0px; right: 30px; bottom: 0px; background-color: rgb(var(--primary-6)); }
.arco-steps-mode-navigation .arco-steps-item-active:last-child::after { width: 100%; }
.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content::after { content: ""; position: absolute; top: 10px; right: 10px; display: inline-block; width: 6px; height: 6px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; background-color: var(--color-bg-2); border-bottom: none; border-left: none; transform: rotate(45deg); }
.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item { padding-right: 20px; padding-left: 10px; margin-left: 32px; margin-right: 0px; }
.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-description { padding-left: 20px; padding-right: 0px; }
.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item-active::after { right: 0px; left: 30px; }
.arco-steps-rtl.arco-steps-mode-navigation .arco-steps-item:not(:last-child) .arco-steps-item-content::after { left: 10px; right: initial; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: none; border-top: none; }
.arco-steps { display: flex; }
.arco-steps-change-onclick .arco-steps-item-title, .arco-steps-change-onclick .arco-steps-item-description { transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled) { cursor: pointer; }
.arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-title, .arco-steps-change-onclick .arco-steps-item:not(.arco-steps-item-active):not(.arco-steps-item-disabled):hover .arco-steps-item-content .arco-steps-item-description { color: rgb(var(--primary-6)); }
.arco-steps-lineless .arco-steps-item-title::after { display: none !important; }
.arco-steps-vertical { flex-direction: column; }
.arco-steps-vertical > .arco-steps-item:not(:last-child) { min-height: 90px; }
.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content > .arco-steps-item-title::after { display: none !important; }
.arco-steps-vertical > .arco-steps-item > .arco-steps-item-content > .arco-steps-item-description { max-width: none; }
.arco-steps-label-vertical .arco-steps-item-content { display: block; text-align: center; width: 140px; }
.arco-steps-label-vertical .arco-steps-item-description { max-width: none; }
.arco-steps-rtl { direction: rtl; }
.switchSlideText-enter, .switchSlideText-appear { left: -100% !important; }
.switchSlideText-enter-active, .switchSlideText-appear-active { transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); left: 8px !important; }
.switchSlideText-exit { left: 100% !important; }
.switchSlideText-exit-active { transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); left: 26px !important; }
.arco-switch { position: relative; outline: none; height: 24px; line-height: 24px; min-width: 40px; background-color: var(--color-fill-4); border-radius: 12px; border: none; cursor: pointer; transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); padding: 0px; box-sizing: border-box; vertical-align: middle; overflow: hidden; }
.arco-switch-type-round:focus-visible, .arco-switch-type-circle:focus-visible { box-shadow: 0 0 0 2px rgb(var(--gray-6)); }
.arco-switch-type-round.arco-switch-checked:focus-visible, .arco-switch-type-circle.arco-switch-checked:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-switch-type-line:focus-visible .arco-switch-dot { box-shadow: 0 0 0 2px rgb(var(--gray-6)); transition: none; }
.arco-switch-type-line.arco-switch-checked:focus-visible .arco-switch-dot { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-switch-dot { position: absolute; display: flex; align-items: center; justify-content: center; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background-color: var(--color-bg-white); color: var(--color-neutral-3); font-size: 12px; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-switch-checked { background-color: rgb(var(--primary-6)); }
.arco-switch-checked .arco-switch-dot { color: rgb(var(--primary-6)); left: calc(100% - 20px); }
.arco-switch[disabled] .arco-switch-dot { color: var(--color-fill-2); }
.arco-switch[disabled].arco-switch-checked .arco-switch-dot { color: var(--color-primary-light-3); }
.arco-switch-text-holder { opacity: 0; font-size: 12px; margin: 0px 8px 0px 26px; }
.arco-switch-text { position: absolute; color: var(--color-white); font-size: 12px; top: 0px; left: 26px; }
.arco-switch-checked .arco-switch-text-holder { margin: 0px 26px 0px 8px; }
.arco-switch-checked .arco-switch-text { left: 8px; color: var(--color-white); }
.arco-switch[disabled] { cursor: not-allowed; background-color: var(--color-fill-2); }
.arco-switch[disabled] .arco-switch-text { color: var(--color-white); }
.arco-switch[disabled].arco-switch-checked { background-color: var(--color-primary-light-3); }
.arco-switch[disabled].arco-switch-checked .arco-switch-text { color: var(--color-white); }
.arco-switch-loading { background-color: var(--color-fill-2); }
.arco-switch-loading .arco-switch-dot { color: var(--color-neutral-3); }
.arco-switch-loading .arco-switch-text { color: var(--color-white); }
.arco-switch-loading.arco-switch-checked { background-color: var(--color-primary-light-3); }
.arco-switch-loading.arco-switch-checked .arco-switch-dot { color: var(--color-primary-light-3); }
.arco-switch-loading.arco-switch-checked .arco-switch-text { color: var(--color-primary-light-1); }
.arco-switch-small { height: 16px; line-height: 16px; min-width: 28px; }
.arco-switch-small.arco-switch-checked { }
.arco-switch-small .arco-switch-dot { top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 8px; }
.arco-switch-small .arco-switch-dot-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.66667); }
.arco-switch-small.arco-switch-checked .arco-switch-dot { left: calc(100% - 14px); }
.arco-switch-type-round { border-radius: var(--border-radius-small); min-width: 40px; }
.arco-switch-type-round .arco-switch-dot { border-radius: 2px; }
.arco-switch-type-round.arco-switch-small { border-radius: 2px; height: 16px; line-height: 16px; min-width: 28px; }
.arco-switch-type-round.arco-switch-small .arco-switch-dot { border-radius: 1px; }
.arco-switch-type-line { min-width: 36px; background-color: transparent; overflow: unset; }
.arco-switch-type-line::after { content: ""; display: block; width: 100%; border-radius: 3px; height: 6px; background-color: var(--color-fill-4); transition: background-color 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-switch-type-line .arco-switch-dot { top: 2px; left: 0px; border-radius: 10px; width: 20px; height: 20px; background-color: var(--color-bg-white); box-shadow: 0 1px 3px var(--color-neutral-6); }
.arco-switch-type-line.arco-switch-checked { background-color: transparent; }
.arco-switch-type-line.arco-switch-checked::after { background-color: rgb(var(--primary-6)); }
.arco-switch-type-line.arco-switch-checked .arco-switch-dot { left: calc(100% - 20px); }
.arco-switch-type-line[disabled] { cursor: not-allowed; background-color: transparent; }
.arco-switch-type-line[disabled]::after { background-color: var(--color-fill-2); }
.arco-switch-type-line[disabled].arco-switch-checked { background-color: transparent; }
.arco-switch-type-line[disabled].arco-switch-checked::after { background-color: var(--color-primary-light-3); }
.arco-switch-type-line.arco-switch-loading { background-color: transparent; }
.arco-switch-type-line.arco-switch-loading::after { background-color: var(--color-fill-2); }
.arco-switch-type-line.arco-switch-loading.arco-switch-checked { background-color: transparent; }
.arco-switch-type-line.arco-switch-loading.arco-switch-checked::after { background-color: var(--color-primary-light-3); }
.arco-switch-type-line.arco-switch-small { height: 16px; line-height: 16px; min-width: 28px; }
.arco-switch-type-line.arco-switch-small.arco-switch-checked { padding-left: 0px; }
.arco-switch-type-line.arco-switch-small .arco-switch-dot { top: 0px; width: 16px; height: 16px; border-radius: 8px; }
.arco-switch-type-line.arco-switch-small .arco-switch-dot-icon { transform: translate(-50%, -50%) scale(1); }
.arco-switch-type-line.arco-switch-small.arco-switch-checked .arco-switch-dot { left: calc(100% - 16px); }
.arco-switch-rtl { direction: rtl; }
.arco-switch-rtl .switchSlideText-enter, .arco-switch-rtl .switchSlideText-appear { right: -100% !important; left: initial; }
.arco-switch-rtl .switchSlideText-enter-active, .arco-switch-rtl .switchSlideText-appear-active { left: initial; transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); right: 8px !important; }
.arco-switch-rtl .switchSlideText-exit { right: 100% !important; left: initial; }
.arco-switch-rtl .switchSlideText-exit-active { left: initial; transition: right 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); right: 26px !important; }
.arco-switch-rtl .arco-switch-dot { left: initial; right: 4px; }
.arco-switch-rtl .arco-switch-text-holder { margin: 0px 26px 0px 8px; }
.arco-switch-rtl .arco-switch-text { left: initial; right: 26px; }
.arco-switch-rtl.arco-switch-small .arco-switch-dot { right: 2px; }
.arco-switch-rtl.arco-switch-type-line .arco-switch-dot { right: 0px; }
.arco-switch-rtl.arco-switch-checked .arco-switch-dot { right: calc(100% - 20px); }
.arco-switch-rtl.arco-switch-checked .arco-switch-text-holder { margin: 0px 8px 0px 26px; }
.arco-switch-rtl.arco-switch-checked .arco-switch-text { right: 8px; left: initial; }
.arco-switch-rtl.arco-switch-checked.arco-switch-small { padding-left: 0px; }
.arco-switch-rtl.arco-switch-checked.arco-switch-small.arco-switch-type-line { padding-right: 0px; padding-left: 0px; }
.arco-switch-rtl.arco-switch-checked.arco-switch-small .arco-switch-dot { left: initial; right: calc(100% - 14px); }
.arco-table-filters-popup { min-width: 100px; background: var(--color-bg-5); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; border: 1px solid var(--color-neutral-3); border-radius: var(--border-radius-medium); box-sizing: border-box; }
.arco-table-filters-list { max-height: 200px; overflow-y: auto; padding: 4px 0px; }
.arco-table-filters-item { width: 100%; height: 32px; line-height: 32px; font-size: 14px; overflow: hidden; }
.arco-table-filters-item .arco-checkbox, .arco-table-filters-item .arco-radio { width: 100%; padding: 0px 12px; white-space: nowrap; }
.arco-table-filters-btn { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--color-neutral-3); padding: 0px 12px; height: 38px; line-height: 38px; box-sizing: border-box; overflow: hidden; }
.arco-table-th-item { padding: 9px 16px; }
.arco-table-th-item.arco-table-col-has-filter { padding-right: 28px; }
.arco-table-col-has-sorter.arco-table-col-has-filter { padding-right: 0px; }
.arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 28px; }
.arco-table-col-has-sorter { padding: 0px; }
.arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 9px 16px; cursor: pointer; }
.arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 16px; }
.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }
.arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 16px; }
.arco-table-td { padding: 9px 16px; font-size: 14px; }
.arco-table-th { font-size: 14px; }
.arco-table-footer { padding: 9px 16px; }
.arco-table-expand-fixed-row { margin: -9px -17px; padding: 9px 16px; }
.arco-table-expand-content .arco-table-td .arco-table { margin: -9px -16px -10px; }
.arco-table-editable-row .arco-table-cell-wrap-value { padding: 9px 16px; }
.arco-table-size-middle .arco-table-th-item { padding: 7px 16px; }
.arco-table-size-middle .arco-table-th-item.arco-table-col-has-filter { padding-right: 28px; }
.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter { padding-right: 0px; }
.arco-table-size-middle .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 28px; }
.arco-table-size-middle .arco-table-col-has-sorter { padding: 0px; }
.arco-table-size-middle .arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 7px 16px; cursor: pointer; }
.arco-table-size-middle .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 16px; }
.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }
.arco-table-size-middle .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 16px; }
.arco-table-size-middle .arco-table-td { padding: 7px 16px; font-size: 14px; }
.arco-table-size-middle .arco-table-th { font-size: 14px; }
.arco-table-size-middle .arco-table-footer { padding: 7px 16px; }
.arco-table-size-middle .arco-table-expand-fixed-row { margin: -7px -17px; padding: 7px 16px; }
.arco-table-size-middle .arco-table-expand-content .arco-table-td .arco-table { margin: -7px -16px -8px; }
.arco-table-size-middle .arco-table-editable-row .arco-table-cell-wrap-value { padding: 7px 16px; }
.arco-table-size-small .arco-table-th-item { padding: 5px 16px; }
.arco-table-size-small .arco-table-th-item.arco-table-col-has-filter { padding-right: 28px; }
.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter { padding-right: 0px; }
.arco-table-size-small .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 28px; }
.arco-table-size-small .arco-table-col-has-sorter { padding: 0px; }
.arco-table-size-small .arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 5px 16px; cursor: pointer; }
.arco-table-size-small .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 16px; }
.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }
.arco-table-size-small .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 16px; }
.arco-table-size-small .arco-table-td { padding: 5px 16px; font-size: 14px; }
.arco-table-size-small .arco-table-th { font-size: 14px; }
.arco-table-size-small .arco-table-footer { padding: 5px 16px; }
.arco-table-size-small .arco-table-expand-fixed-row { margin: -5px -17px; padding: 5px 16px; }
.arco-table-size-small .arco-table-expand-content .arco-table-td .arco-table { margin: -5px -16px -6px; }
.arco-table-size-small .arco-table-editable-row .arco-table-cell-wrap-value { padding: 5px 16px; }
.arco-table-size-mini .arco-table-th-item { padding: 2px 16px; }
.arco-table-size-mini .arco-table-th-item.arco-table-col-has-filter { padding-right: 28px; }
.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter { padding-right: 0px; }
.arco-table-size-mini .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 28px; }
.arco-table-size-mini .arco-table-col-has-sorter { padding: 0px; }
.arco-table-size-mini .arco-table-col-has-sorter .arco-table-cell-with-sorter { padding: 2px 16px; cursor: pointer; }
.arco-table-size-mini .arco-table-rtl .arco-table-th-item.arco-table-col-has-filter { padding-left: 28px; padding-right: 16px; }
.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter { padding-left: 0px; padding-right: 0px; }
.arco-table-size-mini .arco-table-rtl .arco-table-col-has-sorter.arco-table-col-has-filter .arco-table-cell-with-sorter { padding-right: 16px; }
.arco-table-size-mini .arco-table-td { padding: 2px 16px; font-size: 12px; }
.arco-table-size-mini .arco-table-th { font-size: 12px; }
.arco-table-size-mini .arco-table-footer { padding: 2px 16px; }
.arco-table-size-mini .arco-table-expand-fixed-row { margin: -2px -17px; padding: 2px 16px; }
.arco-table-size-mini .arco-table-expand-content .arco-table-td .arco-table { margin: -2px -16px -3px; }
.arco-table-size-mini .arco-table-editable-row .arco-table-cell-wrap-value { padding: 2px 16px; }
.arco-table { position: relative; }
.arco-table .arco-spin { display: block; }
.arco-table > .arco-spin > .arco-spin-children::after { z-index: 2; }
.arco-table-footer { border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium); }
.arco-table-scroll-position-right .arco-table-col-fixed-left-last::after, .arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }
.arco-table-scroll-position-left .arco-table-col-fixed-right-first::after, .arco-table-scroll-position-middle .arco-table-col-fixed-right-first::after { box-shadow: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }
.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::before, .arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::before { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }
.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::after, .arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::after { box-shadow: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }
.arco-table-layout-fixed .arco-table-content-inner { overflow: auto hidden; }
.arco-table-layout-fixed table { table-layout: fixed; }
thead > .arco-table-tr > .arco-table-th { border-bottom: 1px solid var(--color-neutral-3); }
thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] { border-bottom: 0px; }
.arco-table table { min-width: 100%; width: 100%; margin: 0px; border-spacing: 0px; border-collapse: separate; }
.arco-table table thead tr:first-child th:first-child { border-radius: var(--border-radius-medium) 0 0 0; }
.arco-table table thead tr:first-child th:last-child { border-radius: 0 var(--border-radius-medium) 0 0; }
.arco-table-th { box-sizing: border-box; text-align: left; color: rgb(var(--gray-10)); background-color: var(--color-neutral-2); line-height: 1.5715; font-weight: 500; }
.arco-table-th[colspan] { text-align: center; }
.arco-table-td { box-sizing: border-box; text-align: left; color: rgb(var(--gray-10)); background-color: var(--color-bg-2); border-bottom: 1px solid var(--color-neutral-3); line-height: 1.5715; }
.arco-table-th.arco-table-col-sorted { background-color: var(--color-neutral-3); }
.arco-table-td.arco-table-col-sorted { background-color: var(--color-fill-1); }
.arco-table-col-fixed-left, .arco-table-col-fixed-right { position: sticky; z-index: 1; }
.arco-table-col-fixed-left-last::after, .arco-table-col-fixed-right-first::after { content: ""; position: absolute; top: 0px; left: 0px; bottom: -1px; width: 10px; pointer-events: none; transform: translate(-100%); transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1); box-shadow: none; }
.arco-table-col-fixed-left-last::after { left: unset; transform: translate(100%); right: 0px; }
.arco-table-cell-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-table-cell-text-ellipsis .arco-table-cell-with-sorter { display: flex; align-items: center; }
.arco-table-cell-text-ellipsis .arco-table-th-item-title { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-table-editable-row .arco-table-cell-wrap-value { border: 1px solid var(--color-white); border-radius: var(--border-radius-medium); transition: 0.1s cubic-bezier(0, 0, 1, 1); cursor: pointer; }
.arco-table-editable-row:hover .arco-table-cell-wrap-value { border: 1px solid var(--color-neutral-3); }
.arco-table-cell { word-break: break-all; width: 100%; }
.arco-table-cell:has(> .arco-table-cell-indent)::after { content: ""; display: block; clear: both; }
.arco-table-cell-indent { height: 1px; float: left; }
.arco-table-cell-indent + .arco-table-cell-wrap-value { float: left; }
.arco-table-expand-icon-cell button { width: 14px; height: 14px; line-height: 14px; border-radius: 2px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-neutral-3); color: var(--color-text-2); font-size: 12px; outline: none; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); padding: 0px; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; }
.arco-table-expand-icon-cell button:hover { background-color: var(--color-neutral-4); color: var(--color-text-1); border-color: transparent; }
div.arco-table-expand-icon-cell { justify-content: center; }
.arco-table-cell-expand-icon { float: left; }
.arco-table-cell-expand-icon button { width: 14px; height: 14px; line-height: 14px; border-radius: 2px; display: inline-flex; justify-content: center; align-items: center; background-color: var(--color-neutral-3); color: var(--color-text-2); font-size: 12px; outline: none; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); padding: 0px; cursor: pointer; border: 1px solid transparent; box-sizing: border-box; margin-right: 4px; }
.arco-table-cell-expand-icon button:hover { background-color: var(--color-neutral-4); color: var(--color-text-1); border-color: transparent; }
.arco-table-cell-expand-icon-hidden { display: inline-block; width: 14px; height: 14px; margin-right: 4px; }
.arco-table-expand-content .arco-table-td { background-color: var(--color-fill-1); }
.arco-table-expand-fixed-row { position: sticky; left: 0px; box-sizing: border-box; }
.arco-table-expand-content .arco-table-td .arco-table .arco-table-container { border: none; }
.arco-table-expand-content .arco-table-td .arco-table .arco-table-th { border-bottom: 1px solid var(--color-neutral-3); }
.arco-table-expand-content .arco-table-td .arco-table .arco-table-th, .arco-table-expand-content .arco-table-td .arco-table .arco-table-td { background-color: var(--color-fill-1); }
.arco-table-expand-content .arco-table-td .arco-table .arco-table-pagination { margin-bottom: 12px; }
.arco-table-th.arco-table-operation .arco-table-th-item, .arco-table-td.arco-table-operation { text-align: center; padding: 0px; }
.arco-table-radio, .arco-table-checkbox { justify-content: center; }
.arco-table-checkbox .arco-checkbox, .arco-table-radio .arco-radio { padding-left: 0px; }
.arco-table-selection-col, .arco-table-expand-icon-col { width: 40px; }
.arco-table-radio .arco-table-th-item, .arco-table-checkbox .arco-table-th-item, div.arco-table-selection-col .arco-table-th-item, div.arco-table-expand-icon-col .arco-table-th-item { padding: 0px; }
.arco-table-th-item { position: relative; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-table-cell-mouseenter { background-color: rgba(var(--gray-4),.5); }
.arco-table-cell-next-ascend .arco-table-sorter-icon .arco-icon-caret-up, .arco-table-cell-next-descend .arco-table-sorter-icon .arco-icon-caret-down { color: var(--color-neutral-6); }
.arco-table-sorter { display: inline-block; margin-left: 8px; vertical-align: -3px; }
.arco-table-sorter.arco-table-sorter-direction-one { vertical-align: 0px; }
.arco-table-sorter-icon { position: relative; height: 8px; line-height: 8px; width: 12px; overflow: hidden; }
.arco-table-sorter-icon .arco-icon-caret-up, .arco-table-sorter-icon .arco-icon-caret-down { position: absolute; top: 50%; font-size: 12px; color: var(--color-neutral-5); transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-table-sorter-icon .arco-icon-caret-up { top: -2px; left: 0px; }
.arco-table-sorter-icon .arco-icon-caret-down { top: -3px; left: 0px; }
.arco-table-sorter-icon.arco-table-sorter-icon-active svg { color: rgb(var(--primary-6)); }
.arco-table-filters { position: absolute; display: flex; justify-content: center; align-items: center; top: 0px; right: 0px; width: 24px; height: 100%; background-color: transparent; line-height: 1; vertical-align: 0px; cursor: pointer; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-table-filters:hover, .arco-table-filters-open { background-color: var(--color-neutral-4); }
.arco-table-filters svg { color: var(--color-text-2); font-size: 16px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-table-filters-active svg { color: rgb(var(--primary-6)); }
.arco-table-container { position: relative; border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; }
.arco-table-header { border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0; }
.arco-table-content-scroll { width: 100%; overflow: hidden; }
.arco-table-content-scroll .arco-table-content-inner { width: auto; }
.arco-table-content-scroll::before, .arco-table-content-scroll::after { content: ""; position: absolute; top: -1px; bottom: -1px; height: 100%; width: 10px; transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1); box-shadow: none; pointer-events: none; z-index: 1; }
.arco-table-content-scroll::before { border-top-left-radius: var(--border-radius-medium); left: 0px; }
.arco-table-content-scroll::after { border-top-right-radius: var(--border-radius-medium); right: 0px; }
.arco-table-header { scrollbar-color: inherit; background-color: var(--color-neutral-2); overflow: scroll hidden; }
.arco-table-header::-webkit-scrollbar { background-color: transparent; }
.arco-table-body { position: relative; overflow: auto; background-color: var(--color-bg-2); z-index: 1; }
.arco-table-no-data { padding: 20px; line-height: 40px; box-sizing: border-box; font-size: 14px; text-align: center; }
.arco-table-border.arco-table-fixed-column .arco-table-empty-row .arco-table-td:first-child { border-bottom: 0px; border-left: 0px; }
.arco-table-border .arco-table-container { border-right: 1px solid var(--color-neutral-3); border-top: 1px solid var(--color-neutral-3); }
.arco-table-border .arco-table-container::before { content: ""; position: absolute; background-color: var(--color-neutral-3); width: 100%; height: 1px; left: 0px; bottom: 0px; z-index: 2; }
.arco-table-border .arco-table-th:first-child, .arco-table-border .arco-table-td:first-child, .arco-table-border .arco-table-expand-fixed-row { border-left: 1px solid var(--color-neutral-3); }
.arco-table-border .arco-table-footer { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 0px; }
.arco-table-border-cell .arco-table-th, .arco-table-border-cell .arco-table-td { border-left: 1px solid var(--color-neutral-3); }
.arco-table-border-cell thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] { border-bottom: 1px solid var(--color-neutral-3); }
.arco-table-border-header-cell .arco-table-th { border-left: 1px solid var(--color-neutral-3); }
.arco-table-border-header-cell thead > .arco-table-tr:not(:last-child) > .arco-table-th[colspan] { border-bottom: 1px solid var(--color-neutral-3); }
.arco-table-border-body-cell .arco-table-td { border-left: 1px solid var(--color-neutral-3); }
.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child, .arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child { border-left: 0px; }
.arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td { background-color: var(--color-fill-1); }
.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) { background-color: var(--color-fill-1); }
.arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-left::before, .arco-table-hover .arco-table-tr:not(.arco-table-empty-row):hover .arco-table-td.arco-table-col-fixed-right::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--color-fill-1); z-index: -1; }
.arco-table-hover .arco-table-expand-content:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) { background-color: var(--color-fill-1); }
.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right) { background-color: transparent; }
.arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-left::before, .arco-table-expand-content .arco-table-td .arco-table-hover .arco-table-tr:not(.arco-table-empty-row) .arco-table-td.arco-table-col-fixed-right::before { background-color: transparent; }
.arco-table-type-radio .arco-table-row-checked.arco-table-tr .arco-table-td { background-color: var(--color-fill-1); }
.arco-table-virtualized table { table-layout: fixed; }
.arco-table-virtualized div.arco-table-body div.arco-table-tr { display: flex; }
.arco-table-virtualized div.arco-table-body div.arco-table-td { display: flex; align-items: center; flex: 1 1 0%; }
.arco-table-virtualized .arco-table-selection-col, .arco-table-virtualized .arco-table-expand-icon-col { max-width: 40px; }
div.arco-table-tfoot { width: 100%; overflow-x: scroll; background-color: var(--color-neutral-2); scrollbar-color: inherit; position: relative; z-index: 1; box-shadow: 0 -1px 0 var(--color-neutral-3); }
div.arco-table-tfoot::-webkit-scrollbar { background-color: transparent; }
.arco-table-tfoot .arco-table-td { background-color: var(--color-neutral-2); }
.arco-table-pagination { display: flex; justify-content: flex-end; }
.arco-table-pagination-left { justify-content: flex-start; }
.arco-table-pagination-center { justify-content: center; }
.arco-table-pagination-top { margin-bottom: 12px; margin-top: 0px; }
.arco-table-pagination .arco-pagination { margin-top: 12px; }
.arco-table-rtl { direction: rtl; }
.arco-table-rtl.arco-table-border .arco-table-th:first-child, .arco-table-rtl.arco-table-border .arco-table-td:first-child { border-left: 0px; border-right: 1px solid var(--color-neutral-3); }
.arco-table-rtl.arco-table-border-cell .arco-table-th, .arco-table-rtl.arco-table-border-cell .arco-table-td { border-left: 1px solid var(--color-neutral-3); }
.arco-table-rtl table thead tr:first-child th:first-child { border-radius: 0 var(--border-radius-medium) 0 0; }
.arco-table-rtl table thead tr:first-child th:last-child { border-radius: var(--border-radius-medium) 0 0 0; }
.arco-table-rtl .arco-table-th, .arco-table-rtl .arco-table-td { text-align: right; }
.arco-table-rtl .arco-table-th.arco-table-operation .arco-table-th-item, .arco-table-rtl .arco-table-td.arco-table-operation { text-align: center; }
.arco-table-rtl.arco-table-border .arco-table-container { border-left: 1px solid var(--color-neutral-3); border-right: 0px; }
.arco-table-rtl.arco-table-border-cell .arco-table-th, .arco-table-rtl.arco-table-border-cell .arco-table-td, .arco-table-rtl.arco-table-border-header-cell .arco-table-th, .arco-table-rtl.arco-table-border-body-cell .arco-table-td { border-left: 0px; border-right: 1px solid var(--color-neutral-3); }
.arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-th:first-child, .arco-table-rtl.arco-table-border-cell:not(.arco-table-border) .arco-table-td:first-child { border-right: 0px; }
.arco-table-rtl .arco-table-cell-indent, .arco-table-rtl .arco-table-cell-expand-icon { float: right; }
.arco-table-rtl .arco-table-cell-expand-icon button, .arco-table-rtl .arco-table-cell-expand-icon-hidden { margin-left: 4px; margin-right: 0px; }
.arco-table-rtl .arco-table-filters { left: 0px; right: unset; }
.arco-table-rtl .arco-table-sorter { margin-left: 0px; margin-right: 8px; }
.arco-table-rtl .arco-table-col-fixed-left-last::after, .arco-table-rtl .arco-table-col-fixed-right-first::after { left: unset; right: -20px; }
.arco-table-rtl .arco-table-col-fixed-left-last::after { left: -20px; right: unset; }
.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-left-last::after { box-shadow: none; }
.arco-table-rtl.arco-table-scroll-position-right .arco-table-col-fixed-right-first::after, .arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-right-first::after { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }
.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-right-first::after { box-shadow: none; }
.arco-table-rtl.arco-table-scroll-position-left .arco-table-col-fixed-left-last::after, .arco-table-rtl.arco-table-scroll-position-middle .arco-table-col-fixed-left-last::after { box-shadow: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::before, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::before { box-shadow: none; }
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-right .arco-table-content-scroll::after, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-left).arco-table-scroll-position-middle .arco-table-content-scroll::after { box-shadow: rgba(0, 0, 0, 0.15) -6px 0px 8px -3px inset; }
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::before, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::before { box-shadow: rgba(0, 0, 0, 0.15) 6px 0px 8px -3px inset; }
.arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-left .arco-table-content-scroll::after, .arco-table-rtl.arco-table:not(.arco-table-has-fixed-col-right).arco-table-scroll-position-middle .arco-table-content-scroll::after { box-shadow: none; }
body[arco-theme="dark"] .arco-table-stripe .arco-table-tr:nth-child(2n) .arco-table-td { background-color: var(--color-bg-3); }
.arco-icon-hover.arco-tabs-icon-hover::before { width: 16px; height: 16px; }
.arco-tabs .arco-tabs-icon-hover { font-size: 12px; color: var(--color-text-2); user-select: none; }
.arco-tabs-dropdown-icon { font-size: 12px; margin-left: 6px; user-select: none; }
.arco-tabs-close-icon { margin-left: 8px; user-select: none; }
.arco-tabs-close-icon:focus-visible .arco-icon-hover::before { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-add-icon { font-size: 12px; display: inline-flex; align-items: center; user-select: none; justify-content: center; padding: 0px 8px; }
.arco-tabs-add-icon:focus-visible .arco-icon-hover::before { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-add { position: relative; }
.arco-tabs-left-icon { margin-left: 10px; margin-right: 6px; }
.arco-tabs-right-icon { margin-right: 10px; margin-left: 6px; }
.arco-tabs-up-icon { margin-bottom: 10px; }
.arco-tabs-down-icon { margin-top: 10px; }
.arco-tabs .arco-tabs-nav-icon-disabled { cursor: not-allowed; color: var(--color-text-4); }
.arco-tabs { position: relative; overflow: hidden; }
.arco-tabs-header-nav { position: relative; }
.arco-tabs-header-nav::before { content: ""; clear: both; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1px; background-color: var(--color-neutral-3); display: block; }
.arco-tabs-header-nav-bottom::before { top: 0px; }
.arco-tabs-header-nav-bottom .arco-tabs-header-ink { top: 0px; }
.arco-tabs-header-nav-bottom .arco-tabs-header-ink .arco-tabs-header-ink-inner { bottom: unset; top: 0px; }
.arco-tabs-header-wrapper { display: flex; overflow: hidden; flex: 1 1 0%; }
.arco-tabs-header { position: relative; display: inline-block; transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); white-space: nowrap; }
.arco-tabs-header-extra { width: auto; display: flex; align-items: center; line-height: 32px; flex-shrink: 0; }
.arco-tabs-header-extra .arco-tabs-add-icon { padding-left: 0px; }
.arco-tabs-header-title { box-sizing: border-box; font-size: 14px; cursor: pointer; color: var(--color-text-2); transition: color 0.2s cubic-bezier(0, 0, 1, 1); display: inline-flex; align-items: center; line-height: 1.5715; padding: 4px 0px; }
.arco-tabs-header-title-text { display: inline-block; }
.arco-tabs-header-title:hover { color: var(--color-text-2); font-weight: 400; }
.arco-tabs-header-title-disabled, .arco-tabs-header-title-disabled:hover { color: var(--color-text-4); cursor: not-allowed; }
.arco-tabs-header-title-active, .arco-tabs-header-title-active:hover { color: rgb(var(--primary-6)); font-weight: 500; }
.arco-tabs-header-title-active.arco-tabs-header-title-disabled, .arco-tabs-header-title-active:hover.arco-tabs-header-title-disabled { color: var(--color-primary-light-3); }
.arco-tabs-header-ink { position: absolute; bottom: 0px; right: initial; top: initial; height: 2px; background-color: rgb(var(--primary-6)); transition: left 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-tabs-header-ink.arco-tabs-header-ink-no-animation { transition: none; }
.arco-tabs-header-ink.arco-tabs-header-ink-custom { background-color: transparent; }
.arco-tabs-header-ink.arco-tabs-header-ink-custom .arco-tabs-header-ink-inner { background-color: rgb(var(--primary-6)); position: absolute; left: 50%; bottom: 0px; width: 100%; height: 100%; transform: translate(-50%); }
.arco-tabs-header-ink-disabled { background-color: var(--color-primary-light-3); }
.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 40px; }
.arco-tabs-header-nav-line .arco-tabs-header-title { line-height: 1.5715; margin: 0px 16px; padding: 8px 0px; }
.arco-tabs-header-nav-line .arco-tabs-header-title-text { display: inline-block; position: relative; padding: 1px 0px; }
.arco-tabs-header-nav-line .arco-tabs-header-title-text::before { content: ""; z-index: -1; opacity: 1; transition: 0.2s cubic-bezier(0, 0, 1, 1); border-radius: var(--border-radius-small); position: absolute; inset: 0px -8px; background-color: transparent; }
.arco-tabs-header-nav-line .arco-tabs-header-title:hover .arco-tabs-header-title-text::before { background-color: var(--color-fill-2); }
.arco-tabs-header-nav-line .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-header-nav-line .arco-tabs-header-title-active .arco-tabs-header-title-text::before, .arco-tabs-header-nav-line .arco-tabs-header-title-active:hover .arco-tabs-header-title-text::before { background-color: transparent; }
.arco-tabs-header-nav-line .arco-tabs-header-title-disabled .arco-tabs-header-title-text::before, .arco-tabs-header-nav-line .arco-tabs-header-title-disabled:hover .arco-tabs-header-title-text::before { opacity: 0; }
.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal > .arco-tabs-header-scroll .arco-tabs-header-title:first-of-type { margin-left: 16px; }
.arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type, .arco-tabs-header-nav-text.arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type { margin-left: 0px; }
.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 14px; border: 1px solid var(--color-neutral-3); transition: padding 0.2s cubic-bezier(0, 0, 1, 1), color 0.2s cubic-bezier(0, 0, 1, 1); padding: 4px 16px; }
.arco-tabs-header-nav-card .arco-tabs-header-title:focus-visible, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-header-nav-card .arco-tabs-header-title-editable, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable { padding-right: 12px; }
.arco-tabs-header-nav-card .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover::before, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable:not(.arco-tabs-header-title-active):hover .arco-icon-hover:hover::before { background-color: var(--color-fill-4); }
.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { color: var(--color-text-2); height: 32px; }
.arco-tabs-header-nav-card .arco-tabs-header-title { border-right: none; background-color: transparent; }
.arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-right: 1px solid var(--color-neutral-3); border-top-right-radius: var(--border-radius-small); }
.arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: var(--border-radius-small); }
.arco-tabs-header-nav-card .arco-tabs-header-title:hover { background-color: var(--color-fill-3); }
.arco-tabs-header-nav-card .arco-tabs-header-title-disabled, .arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover { background-color: transparent; }
.arco-tabs-header-nav-card .arco-tabs-header-title-active, .arco-tabs-header-nav-card .arco-tabs-header-title-active:hover { border-bottom-color: var(--color-bg-2); background-color: transparent; }
.arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active, .arco-tabs-header-nav-card.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover { border-top-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); }
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-left: 4px; border-right: 1px solid var(--color-neutral-3); background-color: var(--color-fill-1); border-radius: var(--border-radius-small) var(--border-radius-small) 0 0; }
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:hover { background-color: var(--color-fill-3); }
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-disabled:hover { background-color: var(--color-fill-1); }
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active, .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover { border-bottom-color: var(--color-bg-2); background-color: transparent; }
.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child { margin-left: 0px; }
.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active, .arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-bottom .arco-tabs-header-title-active:hover { border-top-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); }
.arco-tabs-header-nav-text::before { display: none; }
.arco-tabs-header-nav-text .arco-tabs-header-title { position: relative; line-height: 1.5715; margin: 0px 9px; font-size: 14px; padding: 5px 0px; }
.arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before { height: 12px; position: absolute; width: 2px; background-color: var(--color-fill-3); content: ""; display: block; top: 50%; transform: translateY(-50%); left: -9px; }
.arco-tabs-header-nav-text .arco-tabs-header-title-text { padding-left: 8px; padding-right: 8px; background-color: transparent; }
.arco-tabs-header-nav-text .arco-tabs-header-title-text:hover { background-color: var(--color-fill-2); }
.arco-tabs-header-nav-text .arco-tabs-header-title:focus-visible .arco-tabs-header-title-text { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text, .arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text:hover, .arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text, .arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover { background-color: transparent; }
.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text, .arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-nav-text .arco-tabs-header-title-disabled .arco-tabs-header-title-text:hover { background-color: var(--color-primary-light-3); }
.arco-tabs-header-nav-rounded::before { display: none; }
.arco-tabs-header-nav-rounded .arco-tabs-header-title { padding: 5px 16px; margin: 0px 6px; font-size: 14px; background-color: transparent; border-radius: 32px; }
.arco-tabs-header-nav-rounded .arco-tabs-header-title:hover { background-color: var(--color-fill-2); }
.arco-tabs-header-nav-rounded .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-header-nav-rounded .arco-tabs-header-title-disabled:hover { background-color: transparent; }
.arco-tabs-header-nav-rounded .arco-tabs-header-title-active, .arco-tabs-header-nav-rounded .arco-tabs-header-title-active:hover { background-color: var(--color-fill-2); }
.arco-tabs-header-nav-capsule::before { display: none; }
.arco-tabs-header-nav-capsule .arco-tabs-header-wrapper { justify-content: flex-end; }
.arco-tabs-header-nav-capsule .arco-tabs-header { line-height: 1; background-color: var(--color-fill-2); border-radius: var(--border-radius-small); padding: 3px; }
.arco-tabs-header-nav-capsule .arco-tabs-header-title { line-height: 26px; padding: 0px 12px; background-color: transparent; position: relative; font-size: 14px; border-radius: var(--border-radius-small); }
.arco-tabs-header-nav-capsule .arco-tabs-header-title:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-tabs-header-nav-capsule .arco-tabs-header-title:hover { background-color: var(--color-bg-2); }
.arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover { background-color: unset; }
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover { background-color: var(--color-bg-2); }
.arco-tabs-header-nav-capsule .arco-tabs-header-title-active::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active + .arco-tabs-header-title::before, .arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover + .arco-tabs-header-title::before { opacity: 0; }
.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) { margin-left: 3px; }
.arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before { position: absolute; top: 50%; left: -2px; transform: translateY(-50%); display: block; height: 14px; width: 1px; background-color: var(--color-fill-3); content: ""; transition: 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-tabs-header-scroll { overflow: hidden; position: relative; display: flex; align-items: center; }
.arco-tabs-content { width: 100%; overflow: hidden; padding-top: 16px; box-sizing: border-box; }
.arco-tabs-content .arco-tabs-content-inner { display: flex; width: 100%; }
.arco-tabs-content .arco-tabs-content-item { width: 100%; overflow: hidden; height: 0px; flex-shrink: 0; }
.arco-tabs-content .arco-tabs-content-item.arco-tabs-content-item-active { height: auto; }
.arco-tabs-card > .arco-tabs-content, .arco-tabs-card-gutter > .arco-tabs-content { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: none; }
.arco-tabs-card.arco-tabs-bottom > .arco-tabs-content, .arco-tabs-card-gutter.arco-tabs-bottom > .arco-tabs-content { border-top: 1px solid var(--color-neutral-3); border-bottom: none; }
.arco-tabs-animation.arco-tabs-content-inner { transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-tabs-horizontal.arco-tabs-justify { display: flex; flex-direction: column; height: 100%; }
.arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content, .arco-tabs-horizontal.arco-tabs-justify .arco-tabs-content-inner, .arco-tabs-horizontal.arco-tabs-justify .arco-tabs-pane { height: 100%; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 12px; padding-top: 6px; padding-bottom: 6px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 32px; font-size: 12px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 12px; padding-top: 2px; padding-bottom: 2px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-header-extra, .arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra { line-height: 24px; font-size: 12px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-size-mini.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { height: 24px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 12px; line-height: 18px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 24px; font-size: 12px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 12px; padding-top: 3px; padding-bottom: 3px; }
.arco-tabs-header-size-mini.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 24px; font-size: 12px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; padding-top: 6px; padding-bottom: 6px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 36px; font-size: 14px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 14px; padding-top: 2px; padding-bottom: 2px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-header-extra, .arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra { line-height: 28px; font-size: 14px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-size-small.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { height: 28px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 14px; line-height: 22px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 28px; font-size: 14px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 14px; padding-top: 3px; padding-bottom: 3px; }
.arco-tabs-header-size-small.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 28px; font-size: 14px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-title { font-size: 14px; padding-top: 10px; padding-bottom: 10px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-line .arco-tabs-header-extra { line-height: 44px; font-size: 14px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-title, .arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { font-size: 14px; padding-top: 6px; padding-bottom: 6px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-header-extra, .arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-header-extra { line-height: 36px; font-size: 14px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-card .arco-tabs-add-icon, .arco-tabs-header-size-large.arco-tabs-header-nav-card-gutter .arco-tabs-add-icon { height: 36px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-title { font-size: 14px; line-height: 30px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-capsule .arco-tabs-header-extra { line-height: 36px; font-size: 14px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-title { font-size: 14px; padding-top: 7px; padding-bottom: 7px; }
.arco-tabs-header-size-large.arco-tabs-header-nav-rounded .arco-tabs-header-extra { line-height: 36px; font-size: 14px; }
.arco-tabs-right { flex-direction: row-reverse; }
.arco-tabs-vertical { display: flex; flex-wrap: nowrap; }
.arco-tabs-header-nav-vertical { flex-grow: 0; flex-shrink: 0; }
.arco-tabs-header-nav-vertical::before { position: absolute; left: initial; bottom: 0px; right: 0px; top: 0px; width: 1px; height: 100%; clear: both; }
.arco-tabs-header-nav-vertical .arco-tabs-add-icon { margin-left: 0px; margin-top: 8px; padding: 0px 16px; height: auto; }
.arco-tabs-header-nav-vertical .arco-tabs-header { height: auto; }
.arco-tabs-header-nav-vertical .arco-tabs-header-scroll { flex-direction: column; }
.arco-tabs-header-nav-vertical .arco-tabs-header-overflow-scroll { padding: 6px 0px; }
.arco-tabs-header-nav-vertical .arco-tabs-header-wrapper { height: 100%; flex-direction: column; }
.arco-tabs-header-nav-vertical .arco-tabs-header-ink { position: absolute; left: initial; right: 0px; bottom: initial; width: 2px; transition: top 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-tabs-header-nav-vertical .arco-tabs-header-ink.arco-tabs-header-ink-custom .arco-tabs-header-ink-inner { left: unset; bottom: unset; right: 0px; transform: translateY(-50%); top: 50%; }
.arco-tabs-header-nav-vertical .arco-tabs-header-title { display: block; white-space: nowrap; margin: 12px 0px 0px; }
.arco-tabs-header-nav-vertical .arco-tabs-header-title:first-of-type { margin-top: 0px; }
.arco-tabs-header-nav-right::before { right: unset; left: 0px; }
.arco-tabs-header-nav-right .arco-tabs-header-ink, .arco-tabs-header-nav-right .arco-tabs-header-ink .arco-tabs-header-ink-inner { left: 0px; right: unset; }
.arco-tabs-header-nav-vertical .arco-tabs-header-scroll { position: relative; height: 100%; box-sizing: border-box; }
.arco-tabs-header-nav-line.arco-tabs-header-nav-vertical .arco-tabs-header-title { padding: 0px 20px; }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title { margin: 0px; position: relative; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom-color: transparent; }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: var(--border-radius-small); }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover { border-bottom-color: transparent; border-right-color: var(--color-bg-2); }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-bottom: 1px solid var(--color-neutral-3); border-bottom-left-radius: var(--border-radius-small); }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover { border-right-color: var(--color-neutral-3); border-left-color: var(--color-bg-2); }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-left: 0px; border-radius: var(--border-radius-small) 0 0 var(--border-radius-small); position: relative; }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title:not(:first-of-type) { margin-top: 4px; }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover { border-right-color: var(--color-bg-2); border-bottom-color: var(--color-neutral-3); }
.arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active, .arco-tabs-header-nav-vertical.arco-tabs-header-nav-card-gutter.arco-tabs-header-nav-right .arco-tabs-header-title-active:hover { border-right-color: var(--color-neutral-3); border-left-color: var(--color-bg-2); }
.arco-tabs-content-vertical { width: auto; height: 100%; padding: 0px; flex: 1 1 auto; }
.arco-tabs-right .arco-tabs-content-vertical { padding-right: 16px; }
.arco-tabs-left .arco-tabs-content-vertical { padding-left: 16px; }
.arco-tabs-card > .arco-tabs-content-vertical, .arco-tabs-card-gutter > .arco-tabs-content-vertical { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: none; }
.arco-tabs-card.arco-tabs-right > .arco-tabs-content-vertical, .arco-tabs-card-gutter.arco-tabs-right > .arco-tabs-content-vertical { border-left: 1px solid var(--color-neutral-3); border-right: none; }
.arco-tabs-rtl { direction: rtl; }
.arco-tabs-rtl.arco-tabs-left { flex-direction: row-reverse; }
.arco-tabs-rtl.arco-tabs-right { flex-direction: row; }
.arco-tabs-rtl .arco-tabs-close-icon { margin-left: 0px; margin-right: 8px; }
.arco-tabs-rtl .arco-tabs-left-icon, .arco-tabs-rtl .arco-tabs-right-icon { margin-left: 6px; margin-right: 10px; }
.arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-scroll > .arco-tabs-header-title:first-of-type { margin-right: 0px; }
.arco-tabs-rtl .arco-tabs-header-nav-line > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type, .arco-tabs-rtl .arco-tabs-header-nav-text > .arco-tabs-header-nav-horizontal .arco-tabs-header-no-padding > .arco-tabs-header-title:first-of-type { margin-right: 0px; }
.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title-editable, .arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title-editable { padding-left: 12px; padding-right: 16px; }
.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title { border-right: 1px solid var(--color-neutral-3); border-left: none; }
.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:last-child { border-left: 1px solid var(--color-neutral-3); border-top-left-radius: var(--border-radius-small); border-top-right-radius: 0px; }
.arco-tabs-rtl .arco-tabs-header-nav-card .arco-tabs-header-title:first-child { border-top-left-radius: 0px; border-top-right-radius: var(--border-radius-small); }
.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title { margin-right: 4px; }
.arco-tabs-rtl .arco-tabs-header-nav-card-gutter .arco-tabs-header-title:first-child { margin-right: 0px; }
.arco-tabs-rtl .arco-tabs-header-nav-text .arco-tabs-header-title:not(:first-of-type)::before { left: initial; right: -9px; }
.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type) { margin-left: 0px; margin-right: 3px; }
.arco-tabs-rtl .arco-tabs-header-nav-capsule.arco-tabs-header-nav-horizontal .arco-tabs-header-title:not(:first-of-type)::before { right: -2px; left: initial; }
body[arco-theme="dark"] .arco-tabs-header-nav-capsule .arco-tabs-header-title-active { background-color: var(--color-fill-3); }
body[arco-theme="dark"] .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(body[arco-theme="dark"] .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled):hover { background-color: var(--color-fill-3); }
.arco-tag { display: inline-flex; align-items: center; box-sizing: border-box; height: 24px; padding: 0px 8px; border: 1px solid transparent; border-radius: var(--border-radius-small); font-size: 12px; font-weight: 500; line-height: 22px; color: var(--color-text-1); }
.arco-tag .arco-icon-hover.arco-tag-icon-hover::before { width: 16px; height: 16px; }
.arco-tag .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: var(--color-fill-3); }
.arco-tag-content { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-tag-checkable { cursor: pointer; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-tag-checkable:hover { background-color: var(--color-fill-2); }
.arco-tag-checked { border-color: transparent; background-color: var(--color-fill-2); }
.arco-tag-checkable.arco-tag-checked:hover { background-color: var(--color-fill-3); border-color: transparent; }
.arco-tag-bordered, .arco-tag-checkable.arco-tag-checked.arco-tag-bordered:hover { border-color: var(--color-border-2); }
.arco-tag-size-small { height: 20px; line-height: 18px; font-size: 12px; }
.arco-tag-size-medium { height: 28px; line-height: 26px; font-size: 14px; }
.arco-tag-size-large { height: 32px; line-height: 30px; font-size: 14px; }
.arco-tag-hide { display: none; }
.arco-tag-loading { opacity: 0.8; cursor: default; }
.arco-tag-icon { margin-right: 4px; color: var(--color-text-2); }
.arco-tag-checked.arco-tag-red { color: rgb(var(--red-6)); background-color: rgb(var(--red-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--red-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-red:hover { background-color: rgb(var(--red-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-red.arco-tag-bordered, .arco-tag-checked.arco-tag-red.arco-tag-bordered:hover { border-color: rgb(var(--red-6)); }
.arco-tag-checked.arco-tag-red .arco-tag-icon, .arco-tag-checked.arco-tag-red .arco-tag-close-icon, .arco-tag-checked.arco-tag-red .arco-tag-loading-icon { color: rgb(var(--red-6)); }
.arco-tag-checked.arco-tag-orangered { color: rgb(var(--orangered-6)); background-color: rgb(var(--orangered-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--orangered-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover { background-color: rgb(var(--orangered-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-orangered.arco-tag-bordered, .arco-tag-checked.arco-tag-orangered.arco-tag-bordered:hover { border-color: rgb(var(--orangered-6)); }
.arco-tag-checked.arco-tag-orangered .arco-tag-icon, .arco-tag-checked.arco-tag-orangered .arco-tag-close-icon, .arco-tag-checked.arco-tag-orangered .arco-tag-loading-icon { color: rgb(var(--orangered-6)); }
.arco-tag-checked.arco-tag-orange { color: rgb(var(--orange-6)); background-color: rgb(var(--orange-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--orange-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover { background-color: rgb(var(--orange-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-orange.arco-tag-bordered, .arco-tag-checked.arco-tag-orange.arco-tag-bordered:hover { border-color: rgb(var(--orange-6)); }
.arco-tag-checked.arco-tag-orange .arco-tag-icon, .arco-tag-checked.arco-tag-orange .arco-tag-close-icon, .arco-tag-checked.arco-tag-orange .arco-tag-loading-icon { color: rgb(var(--orange-6)); }
.arco-tag-checked.arco-tag-gold { color: rgb(var(--gold-6)); background-color: rgb(var(--gold-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--gold-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover { background-color: rgb(var(--gold-3)); border-color: transparent; }
.arco-tag-checked.arco-tag-gold.arco-tag-bordered, .arco-tag-checked.arco-tag-gold.arco-tag-bordered:hover { border-color: rgb(var(--gold-6)); }
.arco-tag-checked.arco-tag-gold .arco-tag-icon, .arco-tag-checked.arco-tag-gold .arco-tag-close-icon, .arco-tag-checked.arco-tag-gold .arco-tag-loading-icon { color: rgb(var(--gold-6)); }
.arco-tag-checked.arco-tag-lime { color: rgb(var(--lime-6)); background-color: rgb(var(--lime-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--lime-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover { background-color: rgb(var(--lime-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-lime.arco-tag-bordered, .arco-tag-checked.arco-tag-lime.arco-tag-bordered:hover { border-color: rgb(var(--lime-6)); }
.arco-tag-checked.arco-tag-lime .arco-tag-icon, .arco-tag-checked.arco-tag-lime .arco-tag-close-icon, .arco-tag-checked.arco-tag-lime .arco-tag-loading-icon { color: rgb(var(--lime-6)); }
.arco-tag-checked.arco-tag-green { color: rgb(var(--green-6)); background-color: rgb(var(--green-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--green-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-green:hover { background-color: rgb(var(--green-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-green.arco-tag-bordered, .arco-tag-checked.arco-tag-green.arco-tag-bordered:hover { border-color: rgb(var(--green-6)); }
.arco-tag-checked.arco-tag-green .arco-tag-icon, .arco-tag-checked.arco-tag-green .arco-tag-close-icon, .arco-tag-checked.arco-tag-green .arco-tag-loading-icon { color: rgb(var(--green-6)); }
.arco-tag-checked.arco-tag-cyan { color: rgb(var(--cyan-6)); background-color: rgb(var(--cyan-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--cyan-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover { background-color: rgb(var(--cyan-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-cyan.arco-tag-bordered, .arco-tag-checked.arco-tag-cyan.arco-tag-bordered:hover { border-color: rgb(var(--cyan-6)); }
.arco-tag-checked.arco-tag-cyan .arco-tag-icon, .arco-tag-checked.arco-tag-cyan .arco-tag-close-icon, .arco-tag-checked.arco-tag-cyan .arco-tag-loading-icon { color: rgb(var(--cyan-6)); }
.arco-tag-checked.arco-tag-blue { color: rgb(var(--blue-6)); background-color: rgb(var(--blue-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--blue-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover { background-color: rgb(var(--blue-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-blue.arco-tag-bordered, .arco-tag-checked.arco-tag-blue.arco-tag-bordered:hover { border-color: rgb(var(--blue-6)); }
.arco-tag-checked.arco-tag-blue .arco-tag-icon, .arco-tag-checked.arco-tag-blue .arco-tag-close-icon, .arco-tag-checked.arco-tag-blue .arco-tag-loading-icon { color: rgb(var(--blue-6)); }
.arco-tag-checked.arco-tag-arcoblue { color: rgb(var(--arcoblue-6)); background-color: rgb(var(--arcoblue-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--arcoblue-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover { background-color: rgb(var(--arcoblue-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered, .arco-tag-checked.arco-tag-arcoblue.arco-tag-bordered:hover { border-color: rgb(var(--arcoblue-6)); }
.arco-tag-checked.arco-tag-arcoblue .arco-tag-icon, .arco-tag-checked.arco-tag-arcoblue .arco-tag-close-icon, .arco-tag-checked.arco-tag-arcoblue .arco-tag-loading-icon { color: rgb(var(--arcoblue-6)); }
.arco-tag-checked.arco-tag-purple { color: rgb(var(--purple-6)); background-color: rgb(var(--purple-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--purple-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover { background-color: rgb(var(--purple-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-purple.arco-tag-bordered, .arco-tag-checked.arco-tag-purple.arco-tag-bordered:hover { border-color: rgb(var(--purple-6)); }
.arco-tag-checked.arco-tag-purple .arco-tag-icon, .arco-tag-checked.arco-tag-purple .arco-tag-close-icon, .arco-tag-checked.arco-tag-purple .arco-tag-loading-icon { color: rgb(var(--purple-6)); }
.arco-tag-checked.arco-tag-pinkpurple { color: rgb(var(--pinkpurple-6)); background-color: rgb(var(--pinkpurple-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--pinkpurple-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover { background-color: rgb(var(--pinkpurple-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered, .arco-tag-checked.arco-tag-pinkpurple.arco-tag-bordered:hover { border-color: rgb(var(--pinkpurple-6)); }
.arco-tag-checked.arco-tag-pinkpurple .arco-tag-icon, .arco-tag-checked.arco-tag-pinkpurple .arco-tag-close-icon, .arco-tag-checked.arco-tag-pinkpurple .arco-tag-loading-icon { color: rgb(var(--pinkpurple-6)); }
.arco-tag-checked.arco-tag-magenta { color: rgb(var(--magenta-6)); background-color: rgb(var(--magenta-1)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--magenta-2)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover { background-color: rgb(var(--magenta-2)); border-color: transparent; }
.arco-tag-checked.arco-tag-magenta.arco-tag-bordered, .arco-tag-checked.arco-tag-magenta.arco-tag-bordered:hover { border-color: rgb(var(--magenta-6)); }
.arco-tag-checked.arco-tag-magenta .arco-tag-icon, .arco-tag-checked.arco-tag-magenta .arco-tag-close-icon, .arco-tag-checked.arco-tag-magenta .arco-tag-loading-icon { color: rgb(var(--magenta-6)); }
.arco-tag-checked.arco-tag-gray { color: rgb(var(--gray-6)); background-color: rgb(var(--gray-2)); border: 1px solid transparent; }
.arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgb(var(--gray-3)); }
.arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover { background-color: rgb(var(--gray-3)); border-color: transparent; }
.arco-tag-checked.arco-tag-gray.arco-tag-bordered, .arco-tag-checked.arco-tag-gray.arco-tag-bordered:hover { border-color: rgb(var(--gray-6)); }
.arco-tag-checked.arco-tag-gray .arco-tag-icon, .arco-tag-checked.arco-tag-gray .arco-tag-close-icon, .arco-tag-checked.arco-tag-gray .arco-tag-loading-icon { color: rgb(var(--gray-6)); }
.arco-tag-custom-color { color: var(--color-white); }
.arco-tag-custom-color .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(255, 255, 255, 0.2); }
.arco-tag .arco-tag-close-btn { font-size: 12px; margin-left: 4px; }
.arco-tag .arco-tag-close-btn:focus-visible::before { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-tag .arco-tag-close-btn > svg { position: relative; }
.arco-tag-loading-icon { font-size: 12px; margin-left: 4px; }
body[arco-theme="dark"] .arco-tag-checked { color: rgba(255, 255, 255, 0.9); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-red { background-color: rgba(var(--red-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-red .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--red-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-red:hover { background-color: rgba(var(--red-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-orangered { background-color: rgba(var(--orangered-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-orangered .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--orangered-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-orangered:hover { background-color: rgba(var(--orangered-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-orange { background-color: rgba(var(--orange-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-orange .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--orange-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-orange:hover { background-color: rgba(var(--orange-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-gold { background-color: rgba(var(--gold-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-gold .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--gold-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-gold:hover { background-color: rgba(var(--gold-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-lime { background-color: rgba(var(--lime-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-lime .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--lime-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-lime:hover { background-color: rgba(var(--lime-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-green { background-color: rgba(var(--green-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-green .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--green-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-green:hover { background-color: rgba(var(--green-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-cyan { background-color: rgba(var(--cyan-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-cyan .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--cyan-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-cyan:hover { background-color: rgba(var(--cyan-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-blue { background-color: rgba(var(--blue-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-blue .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--blue-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-blue:hover { background-color: rgba(var(--blue-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-arcoblue { background-color: rgba(var(--arcoblue-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-arcoblue .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--arcoblue-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-arcoblue:hover { background-color: rgba(var(--arcoblue-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-purple { background-color: rgba(var(--purple-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-purple .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--purple-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-purple:hover { background-color: rgba(var(--purple-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-pinkpurple { background-color: rgba(var(--pinkpurple-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-pinkpurple .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--pinkpurple-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-pinkpurple:hover { background-color: rgba(var(--pinkpurple-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-magenta { background-color: rgba(var(--magenta-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-magenta .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--magenta-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-magenta:hover { background-color: rgba(var(--magenta-6),.35); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-gray { background-color: rgba(var(--gray-6),.2); }
body[arco-theme="dark"] .arco-tag-checked.arco-tag-gray .arco-icon-hover.arco-tag-icon-hover:hover::before { background-color: rgba(var(--gray-6),.35); }
body[arco-theme="dark"] .arco-tag-checkable.arco-tag-checked.arco-tag-gray:hover { background-color: rgba(var(--gray-6),.35); }
.arco-tag-rtl { direction: rtl; }
.arco-tag-rtl .arco-tag-icon { margin-left: 4px; margin-right: 0px; }
.arco-tag-rtl .arco-tag-close-btn, .arco-tag-rtl .arco-tag-loading-icon { margin-left: 0px; margin-right: 4px; }
.arco-timeline-item { position: relative; color: var(--color-text-1); font-size: 14px; min-height: 78px; padding-left: 6px; }
.arco-timeline-item-label { color: var(--color-text-3); font-size: 12px; line-height: 1.667; }
.arco-timeline-item-content { line-height: 1.5715; font-size: 14px; color: var(--color-text-1); margin-bottom: 4px; }
.arco-timeline-item-content-wrapper { margin-left: 16px; position: relative; }
.arco-timeline-item.arco-timeline-item-last > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-line { display: none; }
.arco-timeline-item-dot-wrapper { position: absolute; text-align: center; height: 100%; left: 0px; }
.arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content { width: 6px; height: 22.001px; line-height: 22.001px; position: relative; }
.arco-timeline-item-dot { width: 6px; height: 6px; border-radius: var(--border-radius-circle); box-sizing: border-box; color: rgb(var(--primary-6)); margin-top: -50%; position: relative; top: 50%; }
.arco-timeline-item-dot-solid { background-color: rgb(var(--primary-6)); }
.arco-timeline-item-dot-hollow { border: 2px solid rgb(var(--primary-6)); background-color: var(--color-bg-2); }
.arco-timeline-item-dot-custom { display: inline-flex; transform-origin: center center; color: rgb(var(--primary-6)); box-sizing: border-box; position: absolute; top: 50%; left: 50%; background-color: var(--color-bg-2); transform: translate(-50%) translateY(-50%); }
.arco-timeline-item-dot-custom svg { color: inherit; }
.arco-timeline-item-dot-line { width: 1px; border-left-width: 1px; border-color: var(--color-neutral-3); left: 50%; transform: translate(-50%); top: 18.0005px; bottom: -4.0005px; position: absolute; box-sizing: border-box; }
.arco-timeline-alternate { overflow: hidden; }
.arco-timeline-alternate .arco-timeline-item-vertical-left { padding-left: 0px; }
.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-dot-wrapper { left: 50%; }
.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper { left: 50%; width: 50%; margin-left: 22px; padding-right: 22px; }
.arco-timeline-alternate .arco-timeline-item-vertical-right { padding-right: 0px; }
.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper { left: 50%; }
.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper { left: 0px; margin-left: -16px; margin-right: 0px; text-align: right; width: 50%; padding-right: 16px; }
.arco-timeline-right .arco-timeline-item-vertical-right { padding-right: 6px; }
.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-dot-wrapper { right: 0px; left: unset; }
.arco-timeline-right .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper { text-align: right; margin-left: 0px; margin-right: 16px; }
.arco-timeline-item-label-relative > .arco-timeline-item-label { position: absolute; top: 0px; max-width: 100px; box-sizing: border-box; }
.arco-timeline-item-vertical-left.arco-timeline-item-label-relative { margin-left: 100px; }
.arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label { text-align: right; padding-right: 16px; transform: translate(-100%); left: 0px; }
.arco-timeline-item-vertical-right.arco-timeline-item-label-relative { margin-right: 100px; }
.arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label { text-align: left; padding-left: 16px; transform: translate(100%); right: 0px; }
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative { margin-top: 50px; }
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-label { padding-bottom: 16px; transform: translateY(-100%); }
.arco-timeline-item-horizontal-top.arco-timeline-item-label-relative > .arco-timeline-item-content { margin-bottom: 0px; }
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative { margin-bottom: 50px; }
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-content { margin-bottom: 0px; }
.arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative > .arco-timeline-item-label { top: unset; bottom: 0px; text-align: left; padding-top: 16px; transform: translateY(100%); }
.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative { margin-left: 0px; }
.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label { width: 50%; max-width: unset; transform: none; left: 0px; }
.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative { margin-right: 0px; }
.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label { width: 50%; max-width: unset; transform: none; right: 0px; }
.arco-timeline-alternate .arco-timeline-item-horizontal-top.arco-timeline-item-label-relative { margin-top: 0px; }
.arco-timeline-alternate .arco-timeline-item-horizontal-bottom.arco-timeline-item-label-relative { margin-bottom: 0px; }
.arco-timeline-direction-horizontal { display: flex; }
.arco-timeline-item-dot-line-is-horizontal { left: 12px; right: 4px; border-left: none; height: 1px; border-top-width: 1px; top: 50%; transform: translateY(-50%); width: unset; }
.arco-timeline-item-horizontal-bottom, .arco-timeline-item-horizontal-top { flex: 1 1 0%; padding-left: 0px; padding-right: 0px; min-height: unset; }
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper, .arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper { height: auto; width: 100%; top: 0px; }
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot, .arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot { margin-top: unset; top: unset; }
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content, .arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper .arco-timeline-item-dot-content { height: 6px; line-height: 6px; }
.arco-timeline-item-horizontal-top { padding-top: 6px; }
.arco-timeline-item-horizontal-top > .arco-timeline-item-dot-wrapper { bottom: unset; top: 0px; }
.arco-timeline-item-horizontal-top > .arco-timeline-item-content-wrapper { margin-top: 16px; margin-left: 0px; }
.arco-timeline-item-horizontal-bottom { padding-bottom: 6px; }
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-dot-wrapper { bottom: 0px; top: unset; }
.arco-timeline-item-horizontal-bottom > .arco-timeline-item-content-wrapper { margin-left: 0px; margin-bottom: 16px; }
.arco-timeline-alternate.arco-timeline-direction-horizontal { align-items: center; min-height: 200px; overflow: visible; }
.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-bottom { transform: translateY(-50%); margin-top: 6px; }
.arco-timeline-alternate.arco-timeline-direction-horizontal .arco-timeline-item-horizontal-top { margin-top: -6px; transform: translateY(50%); }
.arco-timeline-rtl .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper { text-align: left; }
.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-label { left: 50%; text-align: left; padding-left: 16px; padding-right: 0px; }
.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left.arco-timeline-item-label-relative > .arco-timeline-item-content-wrapper { text-align: right; right: 50%; left: initial; margin-right: 16px; padding-left: 16px; padding-right: 0px; margin-left: 0px; }
.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-label { right: 50%; text-align: right; padding-right: 16px; padding-left: 0px; }
.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right.arco-timeline-item-label-relative > .arco-timeline-item-content-wrapper { text-align: left; left: 0px; right: initial; margin-right: -22px; padding-left: 22px; margin-left: 0px; padding-right: 0px; }
.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-left > .arco-timeline-item-content-wrapper { right: 50%; text-align: right; }
.arco-timeline-rtl.arco-timeline-alternate .arco-timeline-item-vertical-right > .arco-timeline-item-content-wrapper { left: 0px; margin-right: -22px; padding-left: 22px; margin-left: 0px; padding-right: 0px; text-align: left; }
.arco-timepicker { position: relative; display: flex; padding: 0px; box-sizing: border-box; }
.arco-timepicker-container { border-radius: var(--border-radius-medium); border: 1px solid var(--color-neutral-3); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; overflow: hidden; }
.arco-timepicker-list { width: 64px; height: 224px; overflow: hidden; box-sizing: border-box; scrollbar-width: none; }
.arco-timepicker-list::-webkit-scrollbar { width: 0px; }
.arco-timepicker-list:not(:last-child) { border-right: 1px solid var(--color-neutral-3); }
.arco-timepicker-list:hover { overflow-y: auto; }
.arco-timepicker-list ul { margin: 0px; padding: 0px; list-style: none; box-sizing: border-box; }
.arco-timepicker-list ul::after { content: ""; display: block; width: 100%; height: 192px; }
.arco-timepicker-cell { padding: 4px 0px; text-align: center; color: var(--color-text-1); font-weight: 500; cursor: pointer; }
.arco-timepicker-cell-inner { height: 24px; line-height: 24px; font-size: 14px; }
.arco-timepicker-cell:not(.arco-timepicker-cell-selected):not(.arco-timepicker-cell-disabled):hover .arco-timepicker-cell-inner { background-color: var(--color-fill-2); }
.arco-timepicker-cell-selected .arco-timepicker-cell-inner { background-color: var(--color-fill-2); font-weight: 500; }
.arco-timepicker-cell-disabled { color: var(--color-text-4); cursor: not-allowed; }
.arco-timepicker-footer-extra-wrapper { border-top: 1px solid var(--color-neutral-3); padding: 8px; color: var(--color-text-1); font-size: 12px; }
.arco-timepicker-footer-btn-wrapper { display: flex; justify-content: space-between; border-top: 1px solid var(--color-neutral-3); padding: 8px; }
.arco-tooltip-content { padding: 8px 12px; background-color: var(--color-tooltip-bg); font-size: 14px; border-radius: var(--border-radius-small); color: rgb(255, 255, 255); line-height: 1.5715; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; }
.arco-tooltip-content-inner { overflow-wrap: break-word; text-align: start; }
.arco-tooltip-mini { font-size: 14px; padding: 4px 12px; }
.arco-trigger-arrow.arco-tooltip-arrow { background-color: var(--color-tooltip-bg); }
body[arco-theme="dark"] .arco-tooltip-content { border: 1px solid var(--color-neutral-3); }
body[arco-theme="dark"] .arco-tooltip .arco-trigger-arrow.arco-tooltip-arrow { z-index: 1; }
body[arco-theme="dark"] .arco-trigger[trigger-placement="top"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="tl"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="tr"] .arco-trigger-arrow.arco-tooltip-arrow { border-bottom: 1px solid var(--color-neutral-3); border-right: 1px solid var(--color-neutral-3); }
body[arco-theme="dark"] .arco-trigger[trigger-placement="bottom"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="bl"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="br"] .arco-trigger-arrow.arco-tooltip-arrow { border-top: 1px solid var(--color-neutral-3); border-left: 1px solid var(--color-neutral-3); }
body[arco-theme="dark"] .arco-trigger[trigger-placement="left"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="lt"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="lb"] .arco-trigger-arrow.arco-tooltip-arrow { border-top: 1px solid var(--color-neutral-3); border-right: 1px solid var(--color-neutral-3); }
body[arco-theme="dark"] .arco-trigger[trigger-placement="right"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="rt"] .arco-trigger-arrow.arco-tooltip-arrow, body[arco-theme="dark"] .arco-trigger[trigger-placement="rb"] .arco-trigger-arrow.arco-tooltip-arrow { border-left: 1px solid var(--color-neutral-3); border-bottom: 1px solid var(--color-neutral-3); }
.arco-transfer { display: flex; align-items: center; }
.arco-transfer-view { display: flex; flex-direction: column; box-sizing: border-box; width: 200px; height: 224px; border: 1px solid var(--color-neutral-3); border-radius: var(--border-radius-small); }
.arco-transfer-view-search { padding: 8px 12px 4px; }
.arco-transfer-view-list { flex: 1 1 0%; overflow: hidden; }
.arco-transfer-view-custom-list { flex: 1 1 0%; overflow: auto; }
.arco-transfer-view-header, .arco-transfer-view-item { display: flex; align-items: center; padding: 0px 10px; }
.arco-transfer-view-header > :first-child, .arco-transfer-view-item .arco-transfer-view-item-content { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-transfer-view-header > :first-child:not(:last-child), .arco-transfer-view-item .arco-transfer-view-item-content:not(:last-child) { margin-right: 8px; }
.arco-transfer-view-header { height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; background-color: var(--color-fill-1); color: var(--color-text-1); }
.arco-transfer-view-header-title { display: flex; align-items: center; }
.arco-transfer-view-header-title .arco-checkbox { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: inherit; }
.arco-transfer-view-header-title .arco-checkbox-text { color: inherit; }
.arco-transfer-view-header-unit { margin-right: 2px; font-weight: 400; font-size: 12px; color: var(--color-text-3); }
.arco-transfer-view-item { position: relative; height: 36px; line-height: 36px; list-style: none; color: var(--color-text-1); background-color: transparent; cursor: default; }
.arco-transfer-view-item-content { font-size: 14px; }
.arco-transfer-view-item-disabled { color: var(--color-text-4); background-color: transparent; cursor: not-allowed; }
.arco-transfer-view-item:not(.arco-transfer-view-item-disabled):hover { color: var(--color-text-1); background-color: var(--color-fill-2); }
.arco-transfer-view-item .arco-checkbox { width: 100%; height: 100%; }
.arco-transfer-view-item .arco-checkbox-text { color: inherit; }
.arco-transfer-view-item-draggable:first-child { margin-top: 2px; }
.arco-transfer-view-item-draggable:last-child { margin-bottom: 2px; }
.arco-transfer-view-item-draggable::before { content: ""; display: block; position: absolute; left: 0px; right: 0px; height: 2px; border-radius: 1px; }
.arco-transfer-view-item-gap-bottom::before { bottom: -2px; background-color: rgb(var(--primary-6)); }
.arco-transfer-view-item-gap-top::before { top: -2px; background-color: rgb(var(--primary-6)); }
.arco-transfer-view-item-dragging { background-color: var(--color-fill-1) !important; color: var(--color-text-4) !important; }
.arco-transfer-view-item-dragged { animation: 0.4s cubic-bezier(0, 0, 1, 1) 0s 1 normal none running arco-transfer-drag-item-blink; }
.arco-transfer-view .arco-transfer-view-icon-clear { margin-left: 8px; }
.arco-transfer-view .arco-transfer-view-icon-clear, .arco-transfer-view .arco-transfer-view-item-icon-remove { cursor: pointer; font-size: 12px; color: var(--color-text-2); }
.arco-transfer-view .arco-transfer-view-icon-clear:hover::before, .arco-transfer-view .arco-transfer-view-item-icon-remove:hover::before { background-color: var(--color-fill-3); }
.arco-transfer-view .arco-transfer-view-icon-clear:focus-visible::before, .arco-transfer-view .arco-transfer-view-item-icon-remove:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-transfer-view .arco-list { display: flex; flex-direction: column; height: 100%; border-radius: 0px; }
.arco-transfer-view .arco-list-content { flex: 1 1 0%; overflow-y: auto; }
.arco-transfer-view .arco-list-footer { display: flex; align-items: center; position: relative; box-sizing: border-box; height: 40px; padding: 0px 8px; }
.arco-transfer-view .arco-list .arco-pagination { position: absolute; top: 50%; right: 8px; margin: 0px; transform: translateY(-50%); }
.arco-transfer-view .arco-list .arco-pagination-jumper-input { width: 24px; }
.arco-transfer-view .arco-list .arco-pagination-jumper-separator { padding: 0px 8px; }
.arco-transfer-view .arco-checkbox { padding-left: 6px; }
.arco-transfer-view .arco-checkbox-wrapper { display: inline; }
.arco-transfer-view .arco-checkbox .arco-icon-hover:hover::before { background-color: var(--color-fill-3); }
.arco-transfer-operations { padding: 0px 20px; }
.arco-transfer-operations .arco-btn { display: block; }
.arco-transfer-operations .arco-btn:last-child { margin-top: 12px; }
.arco-transfer-operations-words .arco-btn { width: 100%; padding: 0px 12px; text-align: left; }
.arco-transfer-simple .arco-transfer-view-source { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right: none; }
.arco-transfer-simple .arco-transfer-view-target { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-transfer-disabled .arco-transfer-view-header { color: var(--color-text-4); }
@keyframes arco-transfer-drag-item-blink { 
  0% { background-color: var(--color-primary-light-1); }
  100% { background-color: transparent; }
}
.arco-transfer-rtl { direction: rtl; }
.arco-transfer-rtl .arco-transfer-view-search { padding: 8px 12px 4px; }
.arco-transfer-rtl .arco-transfer-view-header > :first-child:not(:last-child), .arco-transfer-rtl .arco-transfer-view-item .arco-transfer-rtl .arco-transfer-view-item-content:not(:last-child) { margin-right: 0px; margin-left: 8px; }
.arco-transfer-rtl .arco-transfer-view-header-unit { margin-left: 2px; margin-right: 0px; }
.arco-transfer-rtl .arco-transfer-view-icon-clear { margin-right: 8px; margin-left: 0px; }
.arco-transfer-rtl .arco-transfer-view .arco-list .arco-pagination { right: initial; left: 8px; }
.arco-transfer-rtl .arco-transfer-view .arco-checkbox { padding-left: 0px; padding-right: 6px; }
.arco-transfer-rtl .arco-transfer-operations-words .arco-btn { text-align: right; }
.arco-transfer-rtl.arco-transfer-simple .arco-transfer-view-source { border-right: 1px solid var(--color-neutral-3); border-left: none; }
.arco-icon-hover.arco-tree-node-icon-hover::before { width: 16px; height: 16px; }
.arco-tree-node-switcher { font-size: 12px; color: var(--color-text-2); cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; margin-right: 10px; height: 32px; width: 12px; flex-shrink: 0; }
.arco-tree-node-switcher-icon { position: relative; margin: 0px auto; }
.arco-tree-node-switcher-icon svg { transform: rotate(-90deg); position: relative; transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-tree-node-expanded .arco-tree-node-switcher-icon svg, .arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg { transform: rotate(0deg); }
.arco-tree-node-drag-icon { color: rgb(var(--primary-6)); opacity: 0; margin-left: 120px; }
.arco-tree-node-custom-icon { font-size: inherit; cursor: pointer; user-select: none; margin-right: 10px; }
.arco-tree-node .arco-icon-loading { color: rgb(var(--primary-6)); }
.arco-tree-node-minus-icon, .arco-tree-node-plus-icon { cursor: pointer; background: var(--color-fill-2); border-radius: var(--border-radius-small); position: relative; display: block; width: 14px; height: 14px; box-sizing: border-box; border: 1px solid transparent; }
.arco-tree-node-minus-icon::after, .arco-tree-node-plus-icon::after { content: ""; position: absolute; display: block; color: var(--color-text-2); width: 6px; height: 2px; background-color: var(--color-text-2); border-radius: 0.5px; top: 50%; left: 50%; margin-top: -1px; margin-left: -3px; }
.arco-tree-node-plus-icon::before { content: ""; border-radius: 0.5px; position: absolute; display: block; color: var(--color-text-2); height: 6px; width: 2px; background-color: var(--color-text-2); left: 50%; margin-left: -1px; top: 50%; margin-top: -3px; }
.arco-tree { color: var(--color-text-1); }
.arco-tree .arco-checkbox { margin-right: 10px; padding-left: 0px; line-height: 32px; }
.arco-tree-node { padding-left: 2px; color: var(--color-text-1); position: relative; cursor: pointer; display: flex; align-items: flex-start; flex-wrap: nowrap; line-height: 1.5715; }
.arco-tree-node-selected .arco-tree-node-title, .arco-tree-node-selected .arco-tree-node-title:hover { color: rgb(var(--primary-6)); transition: color 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-tree-node-disabled-selectable .arco-tree-node-title, .arco-tree-node-disabled .arco-tree-node-title, .arco-tree-node-disabled-selectable .arco-tree-node-title:hover, .arco-tree-node-disabled .arco-tree-node-title:hover { background: none; color: var(--color-text-4); cursor: not-allowed; }
.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title { color: var(--color-primary-light-3); }
.arco-tree-node-title-block { flex: 1 1 0%; box-sizing: content-box; }
.arco-tree-node-title-block .arco-tree-node-drag-icon { position: absolute; right: 12px; margin-left: unset; }
.arco-tree-node-indent { align-self: stretch; flex-shrink: 0; position: relative; }
.arco-tree-node-indent-block { display: inline-block; width: 12px; margin-right: 10px; height: 100%; position: relative; vertical-align: top; }
.arco-tree-node-title { font-size: 14px; padding: 5px 4px; margin-left: -4px; border-radius: var(--border-radius-small); position: relative; }
.arco-tree-node-title:hover { background-color: var(--color-fill-2); color: var(--color-text-1); }
.arco-tree-node-title:hover .arco-tree-node-drag-icon { opacity: 1; }
.arco-tree-node-title-draggable::before { content: ""; display: block; height: 2px; border-radius: 1px; left: 0px; right: 0px; position: absolute; top: 0px; }
.arco-tree-node-title-gap-bottom::before { top: unset; bottom: 0px; background-color: rgb(var(--primary-6)); }
.arco-tree-node-title-gap-top::before { background-color: rgb(var(--primary-6)); }
.arco-tree-node-title-highlight { background-color: var(--color-primary-light-1); color: var(--color-text-1); }
.arco-tree-node-title-dragging, .arco-tree-node-title-dragging:hover { background-color: var(--color-fill-1); color: var(--color-text-4); }
.arco-tree-show-line { padding-left: 1px; }
.arco-tree-show-line .arco-tree-node-switcher { width: 14px; text-align: center; }
.arco-tree-show-line .arco-tree-node-switcher .arco-tree-node-icon-hover { width: 100%; }
.arco-tree-show-line .arco-tree-node-indent-block { width: 14px; }
.arco-tree-show-line .arco-tree-node-indent-block::before { position: absolute; left: 50%; transform: translate(-50%); width: 1px; border-left: 1px solid var(--color-neutral-3); content: ""; box-sizing: border-box; top: -5px; bottom: -5px; }
.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { content: ""; position: absolute; box-sizing: border-box; border-left: 1px solid var(--color-neutral-3); width: 1px; right: -7px; transform: translate(50%); top: 27px; bottom: -5px; }
.arco-tree-show-line .arco-tree-node-indent-block-lineless::before { display: none; }
.arco-tree-size-mini .arco-tree-node-switcher { height: 24px; }
.arco-tree-size-mini .arco-checkbox { line-height: 24px; }
.arco-tree-size-mini .arco-tree-node-title { font-size: 12px; line-height: 1.667; padding-top: 2px; padding-bottom: 2px; }
.arco-tree-size-mini .arco-tree-node-indent-block::before { top: -1px; bottom: -1px; }
.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { top: 23px; bottom: -1px; }
.arco-tree-size-small .arco-tree-node-switcher { height: 28px; }
.arco-tree-size-small .arco-checkbox { line-height: 28px; }
.arco-tree-size-small .arco-tree-node-title { font-size: 14px; padding-top: 3px; padding-bottom: 3px; }
.arco-tree-size-small .arco-tree-node-indent-block::before { top: -3px; bottom: -3px; }
.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { top: 25px; bottom: -3px; }
.arco-tree-size-large .arco-tree-node-switcher { height: 36px; }
.arco-tree-size-large .arco-checkbox { line-height: 36px; }
.arco-tree-size-large .arco-tree-node-title { font-size: 14px; padding-top: 7px; padding-bottom: 7px; }
.arco-tree-size-large .arco-tree-node-indent-block::before { top: -7px; bottom: -7px; }
.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { top: 29px; bottom: -7px; }
.arco-tree-node-list { overflow: hidden; transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-tree-rtl { direction: rtl; }
.arco-tree-rtl .arco-tree-node-switcher { margin-left: 10px; margin-right: 0px; }
.arco-tree-rtl .arco-tree-node-switcher-icon svg { transform: rotate(90deg); }
.arco-tree-rtl .arco-tree-node-expanded .arco-tree-node-switcher-icon svg, .arco-tree-rtl .arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg { transform: rotate(0deg); }
.arco-tree-rtl .arco-tree-node-custom-icon { margin-right: 0px; margin-left: 10px; }
.arco-tree-rtl .arco-tree-node-minus-icon::after, .arco-tree-rtl .arco-tree-node-plus-icon::after { margin-left: 0px; margin-right: -3px; }
.arco-tree-rtl .arco-tree-node-plus-icon::before { margin-left: 0px; margin-right: -1px; }
.arco-tree-rtl .arco-checkbox { padding-right: 0px; margin-right: 0px; margin-left: 10px; }
.arco-tree-rtl .arco-tree-node { padding-left: 0px; padding-right: 2px; align-items: flex-end; }
.arco-tree-rtl .arco-tree-node-title-block .arco-tree-node-drag-icon { left: 12px; right: initial; margin-right: unset; }
.arco-tree-rtl-node-indent-block { margin-right: 0px; margin-left: 10px; }
.arco-tree-rtl-node-title { padding-right: 4px; padding-left: 4px; margin-left: unset; margin-right: -4px; }
.arco-tree-rtl-show-line { padding-left: 0px; padding-right: 1px; }
.arco-tree-rtl-show-line .arco-tree-node-indent-block::before { border-left: none; border-right: 1px solid var(--color-neutral-3); }
.arco-tree-rtl-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after { left: -7px; }
.arco-tree-select .arco-tree-select-view { color: var(--color-text-1); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-tree-select:hover .arco-tree-select-view { background-color: var(--color-fill-3); border-color: transparent; }
.arco-tree-select.arco-tree-select-focused .arco-tree-select-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--primary-6)); box-shadow: 0 0 0 0 var(--color-primary-light-2); }
.arco-tree-select .arco-tree-select-suffix-icon, .arco-tree-select .arco-tree-select-loading-icon, .arco-tree-select .arco-tree-select-search-icon, .arco-tree-select .arco-tree-select-clear-icon, .arco-tree-select .arco-tree-select-arrow-icon, .arco-tree-select .arco-tree-select-expand-icon { color: var(--color-text-2); }
.arco-tree-select-error .arco-tree-select-view { background-color: var(--color-danger-light-1); border: 1px solid transparent; }
.arco-tree-select-error:hover .arco-tree-select-view { background-color: var(--color-danger-light-2); border-color: transparent; }
.arco-tree-select-error.arco-tree-select-focused .arco-tree-select-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--danger-6)); box-shadow: 0 0 0 0 var(--color-danger-light-2); }
.arco-tree-select-warning .arco-tree-select-view { background-color: var(--color-warning-light-1); border: 1px solid transparent; }
.arco-tree-select-warning:hover .arco-tree-select-view { background-color: var(--color-warning-light-2); border-color: transparent; }
.arco-tree-select-warning.arco-tree-select-focused .arco-tree-select-view { color: var(--color-text-1); background-color: var(--color-bg-2); border-color: rgb(var(--warning-6)); box-shadow: 0 0 0 0 var(--color-warning-light-2); }
.arco-tree-select-disabled .arco-tree-select-view { color: var(--color-text-4); background-color: var(--color-fill-2); border: 1px solid transparent; }
.arco-tree-select-disabled:hover .arco-tree-select-view { background-color: var(--color-fill-2); border-color: transparent; }
.arco-tree-select-disabled .arco-tree-select-suffix-icon, .arco-tree-select-disabled .arco-tree-select-loading-icon, .arco-tree-select-disabled .arco-tree-select-search-icon, .arco-tree-select-disabled .arco-tree-select-clear-icon, .arco-tree-select-disabled .arco-tree-select-arrow-icon, .arco-tree-select-disabled .arco-tree-select-expand-icon { color: var(--color-text-4); }
.arco-tree-select-no-border .arco-tree-select-view { border: none !important; background: none !important; }
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view { height: auto; font-size: 12px; padding: 0px 3px; line-height: 0; }
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 4px; }
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 4px; }
.arco-tree-select-size-mini.arco-tree-select-multiple input { font-size: 12px; }
.arco-tree-select-size-mini.arco-tree-select-single .arco-tree-select-view { height: 24px; line-height: 22px; font-size: 12px; padding: 0px 7px; }
.arco-tree-select-size-mini.arco-tree-select-single input { font-size: 12px; }
.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 7px; }
.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 8px; }
.arco-tree-select-size-small.arco-tree-select-multiple input { font-size: 14px; }
.arco-tree-select-size-small.arco-tree-select-single .arco-tree-select-view { height: 28px; line-height: 26px; font-size: 14px; padding: 0px 11px; }
.arco-tree-select-size-small.arco-tree-select-single input { font-size: 14px; }
.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 11px; }
.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 8px; }
.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 8px; }
.arco-tree-select-size-default.arco-tree-select-multiple input { font-size: 14px; }
.arco-tree-select-size-default.arco-tree-select-single .arco-tree-select-view { height: 32px; line-height: 30px; font-size: 14px; padding: 0px 11px; }
.arco-tree-select-size-default.arco-tree-select-single input { font-size: 14px; }
.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 11px; }
.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view { height: auto; font-size: 14px; padding: 0px 3px; line-height: 0; }
.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { box-sizing: border-box; padding-left: 12px; }
.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 12px; }
.arco-tree-select-size-large.arco-tree-select-multiple input { font-size: 14px; }
.arco-tree-select-size-large.arco-tree-select-single .arco-tree-select-view { height: 36px; line-height: 34px; font-size: 14px; padding: 0px 15px; }
.arco-tree-select-size-large.arco-tree-select-single input { font-size: 14px; }
.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 15px; }
.arco-tree-select { display: inline-block; position: relative; box-sizing: border-box; width: 100%; cursor: pointer; }
.arco-tree-select-view { display: flex; position: relative; box-sizing: border-box; width: 100%; border-radius: var(--border-radius-small); outline: none; user-select: none; text-align: left; transition: 0.1s cubic-bezier(0, 0, 1, 1), padding linear; }
.arco-tree-select-view input { color: inherit; cursor: inherit; }
.arco-tree-select-view input::placeholder { color: var(--color-text-3); }
.arco-tree-select-view input[disabled] { pointer-events: none; }
.arco-tree-select-multiple, .arco-tree-select-show-search { cursor: text; }
.arco-tree-select-disabled { cursor: not-allowed; }
.arco-tree-select-disabled .arco-tree-select-view input::placeholder { color: var(--color-text-4); }
.arco-tree-select-single .arco-tree-select-view-input { box-sizing: border-box; width: 100%; padding: 0px; border: none; outline: none; background: transparent; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-tree-select-single .arco-tree-select-view-selector { position: relative; display: inline-flex; box-sizing: border-box; width: 100%; overflow: hidden; }
.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-input { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1; }
.arco-tree-select-single .arco-tree-select-view-selector .arco-tree-select-view-value-mirror { opacity: 0; }
.arco-tree-select-single .arco-tree-select-view-value, .arco-tree-select-single .arco-tree-select-view-value-mirror { display: inline-block; box-sizing: border-box; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.arco-tree-select-single .arco-tree-select-view-value::after, .arco-tree-select-single .arco-tree-select-view-value-mirror::after { content: "."; font-size: 0px; line-height: 0; visibility: hidden; }
.arco-tree-select-single .arco-tree-select-view .arco-tree-select-hidden { opacity: 0; position: absolute; z-index: -1; }
.arco-tree-select-multiple { vertical-align: top; }
.arco-tree-select-multiple .arco-tree-select-view { padding: 0px 4px; line-height: 0; }
.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 12px; }
.arco-tree-select-multiple .arco-input-tag { flex: 1 1 0%; padding: 0px; overflow: hidden; border: none !important; background: none !important; box-shadow: none !important; }
.arco-tree-select-multiple .arco-tag { max-width: 100%; }
.arco-tree-select-multiple:not(.arco-tree-select-focused) .arco-input-tag input:not(:first-child)[value=""] { opacity: 0; position: absolute; z-index: -1; }
.arco-tree-select-prefix { display: flex; align-items: center; margin-right: 12px; white-space: nowrap; color: var(--color-text-2); }
.arco-tree-select-suffix { display: flex; align-items: center; margin-left: 4px; }
.arco-tree-select-suffix-icon, .arco-tree-select-search-icon, .arco-tree-select-loading-icon, .arco-tree-select-expand-icon, .arco-tree-select-clear-icon { font-size: 12px; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-tree-select-arrow-icon { font-size: 12px; }
.arco-tree-select-open .arco-tree-select-arrow-icon svg { transform: rotate(180deg); }
.arco-tree-select .arco-tree-select-clear-icon { display: none; cursor: pointer; }
.arco-tree-select .arco-tree-select-clear-icon > svg { position: relative; transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-tree-select:hover .arco-tree-select-clear-icon { display: block; }
.arco-tree-select:hover .arco-tree-select-clear-icon ~ * { display: none; }
.arco-tree-select-wrapper { display: inline-flex; align-items: stretch; width: 100%; }
.arco-tree-select-wrapper .arco-tree-select { min-width: 0px; }
.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:first-child) .arco-tree-select-view { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.arco-tree-select-wrapper .arco-tree-select:not(.arco-tree-select-focused):not(:last-child) .arco-tree-select-view { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.arco-tree-select-addbefore { display: flex; align-items: center; padding: 0px 12px; color: var(--color-text-1); background-color: var(--color-fill-2); white-space: nowrap; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-image: initial; border-right: 1px solid var(--color-border-2); border-top-left-radius: var(--border-radius-small); border-bottom-left-radius: var(--border-radius-small); }
.arco-tree-select-popup { box-sizing: border-box; border: 1px solid var(--color-fill-3); border-radius: var(--border-radius-medium); background-color: var(--color-bg-popup); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; padding: 4px 4px 4px 10px; max-height: 200px; overflow: auto; }
.arco-tree-select-popup .arco-tree-node { padding-left: 0px; }
.arco-tree-select-highlight { font-weight: 500; }
.arco-tree-select-rtl { direction: rtl; }
.arco-tree-select-rtl-popup { padding-left: 4px; padding-right: 10px; }
.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 7px; }
.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 4px; }
.arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-mini.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 4px; }
.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }
.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 8px; }
.arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-small.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }
.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 11px; }
.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 8px; }
.arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-default.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 8px; }
.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 15px; }
.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-tree-select-suffix { padding-right: 0px; padding-left: 12px; }
.arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder input, .arco-tree-select-rtl.arco-tree-select-size-large.arco-tree-select-multiple .arco-input-tag-has-placeholder .arco-input-tag-input-mirror { padding-left: 0px; padding-right: 12px; }
.arco-tree-select-wrapper-rtl .arco-tree-select-addbefore { border-right: unset; border-left: 1px solid var(--color-border-2); }
.arco-tree-select-rtl .arco-tree-select-view { text-align: right; }
.arco-tree-select-rtl .arco-tree-select-multiple .arco-tree-select-view-with-prefix { padding-left: 0px; padding-right: 12px; }
.arco-tree-select-rtl .arco-tree-select-prefix { margin-right: 0px; margin-left: 12px; }
.arco-tree-select-rtl .arco-tree-select-suffix { margin-left: 0px; margin-right: 4px; }
.arco-trigger { position: absolute; z-index: 1000; backface-visibility: hidden; }
.arco-trigger-arrow { background-color: var(--color-bg-5); content: ""; height: 8px; width: 8px; position: absolute; display: block; box-sizing: border-box; transform: rotate(45deg); transform-origin: 50% 50% 0px; z-index: -1; }
.arco-trigger[trigger-placement="top"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="tl"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="tr"] > .arco-trigger-arrow-container .arco-trigger-arrow { bottom: -4px; margin-left: -4px; border-top: none; border-left: none; border-bottom-right-radius: 2px; }
.arco-trigger[trigger-placement="bottom"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="bl"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="br"] > .arco-trigger-arrow-container .arco-trigger-arrow { top: -4px; margin-left: -4px; border-bottom: none; border-right: none; border-top-left-radius: 2px; }
.arco-trigger[trigger-placement="left"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="lt"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="lb"] > .arco-trigger-arrow-container .arco-trigger-arrow { right: -4px; margin-top: -4px; border-left: none; border-bottom: none; border-top-right-radius: 2px; }
.arco-trigger[trigger-placement="right"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="rt"] > .arco-trigger-arrow-container .arco-trigger-arrow, .arco-trigger[trigger-placement="rb"] > .arco-trigger-arrow-container .arco-trigger-arrow { left: -4px; margin-top: -4px; border-top: none; border-right: none; border-bottom-left-radius: 2px; }
.arco-trigger-rtl { direction: rtl; }
.arco-typography { color: var(--color-text-1); line-height: 1.5715; word-break: break-all; white-space: normal; }
h1.arco-typography, .arco-typography-h1, h2.arco-typography, .arco-typography-h2, h3.arco-typography, .arco-typography-h3, h4.arco-typography, .arco-typography-h4, h5.arco-typography, .arco-typography-h5, h6.arco-typography, .arco-typography-h6 { font-weight: 500; margin-top: 1em; margin-bottom: 0.5em; }
h1.arco-typography, .arco-typography-h1 { font-size: 36px; line-height: 1.23; }
h2.arco-typography, .arco-typography-h2 { font-size: 32px; line-height: 1.25; }
h3.arco-typography, .arco-typography-h3 { font-size: 28px; line-height: 1.29; }
h4.arco-typography, .arco-typography-h4 { font-size: 24px; line-height: 1.33; }
h5.arco-typography, .arco-typography-h5 { font-size: 20px; line-height: 1.4; }
h6.arco-typography, .arco-typography-h6 { font-size: 16px; line-height: 1.5; }
div.arco-typography, p.arco-typography { margin-top: 0px; margin-bottom: 1em; }
.arco-typography-simple-ellipsis { display: flex; align-items: flex-end; white-space: nowrap; }
.arco-typography-primary { color: rgb(var(--primary-6)); }
.arco-typography-secondary { color: var(--color-text-2); }
.arco-typography-success { color: rgb(var(--success-6)); }
.arco-typography-warning { color: rgb(var(--warning-6)); }
.arco-typography-error { color: rgb(var(--danger-6)); }
.arco-typography-disabled { color: var(--color-text-4); cursor: not-allowed; }
.arco-typography mark { background-color: rgb(var(--yellow-4)); }
.arco-typography u { text-decoration: underline; }
.arco-typography del { text-decoration: line-through; }
.arco-typography b { font-weight: 500; }
.arco-typography code { font-size: 85%; color: var(--color-text-2); border: 1px solid var(--color-neutral-3); background-color: var(--color-neutral-2); padding: 2px 8px; margin: 0px 2px; border-radius: 2px; }
.arco-typography blockquote { margin: 0px 0px 1em; border-left: 2px solid var(--color-neutral-6); background-color: var(--color-bg-2); padding-left: 8px; }
.arco-typography ol, .arco-typography ul { padding: 0px; margin: 0px; }
.arco-typography ul li, .arco-typography ol li { margin-left: 20px; }
.arco-typography ul { list-style: circle; }
.arco-typography-spacing-close { line-height: 1.3; }
.arco-typography-operation-copy, .arco-typography-operation-copied { padding: 2px; margin-left: 2px; }
.arco-typography-operation-copy { cursor: pointer; color: var(--color-text-2); background-color: transparent; border-radius: 2px; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-typography-operation-copy:hover { color: var(--color-text-2); background-color: var(--color-fill-2); }
.arco-typography-operation-copy:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-typography-operation-copied { color: rgb(var(--success-6)); }
.arco-typography-operation-edit { padding: 2px; margin-left: 2px; cursor: pointer; color: var(--color-text-2); background-color: transparent; border-radius: 2px; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-typography-operation-edit:hover { color: var(--color-text-2); background-color: var(--color-fill-2); }
.arco-typography-operation-edit:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-typography-operation-expand { color: rgb(var(--primary-6)); margin: 0px 4px; cursor: pointer; }
.arco-typography-operation-expand:hover { color: rgb(var(--primary-5)); }
.arco-typography-operation-expand:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); border-radius: var(--border-radius-small); }
.arco-typography-edit-content { position: relative; left: -13px; margin-right: -13px; margin-top: -5px; margin-bottom: calc(1em - 5px); }
.arco-typography-edit-content-textarea { font-weight: inherit; font-size: inherit; line-height: inherit; }
.arco-typography-rtl { direction: rtl; }
.arco-typography-rtl blockquote { border-right: 2px solid var(--color-neutral-6); padding-right: 8px; padding-left: 0px; }
.arco-typography-rtl ul li, .arco-typography-rtl ol li { margin-left: 0px; margin-right: 20px; }
.arco-typography-rtl .arco-typography-operation-copy, .arco-typography-rtl .arco-typography-operation-copied, .arco-typography-rtl .arco-typography-operation-edit { margin-right: 2px; margin-left: 0px; }
.arco-typography-rtl .arco-typography-edit-content { left: initial; right: -13px; margin-left: -13px; margin-right: 0px; }
.arco-ellipsis { display: flex; position: relative; }
.arco-ellipsis-content.arco-ellipsis-multiple::before { content: " "; float: right; height: 100%; margin-bottom: -21px; }
.arco-ellipsis-content .arco-ellipsis-action { display: inline-block; }
.arco-ellipsis-content .arco-ellipsis-action-collapsed { float: right; clear: both; }
.arco-ellipsis-content .arco-ellipsis-action-text { color: rgb(var(--primary-6)); margin: 0px 4px; cursor: pointer; }
.arco-ellipsis-content .arco-ellipsis-action-text:hover { color: rgb(var(--primary-5)); }
.arco-ellipsis-single { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.arco-ellipsis-multiple { display: block; word-break: break-all; }
.arco-ellipsis-collapsed { display: -webkit-box; overflow: hidden; }
.arco-ellipsis-content-mirror { position: absolute; width: 100%; visibility: hidden; }
.arco-upload { display: inline-block; max-width: 100%; }
.arco-upload-type-picture-card { vertical-align: top; }
.arco-upload-drag { width: 100%; }
.arco-upload-hide { display: none; }
.arco-upload-disabled .arco-upload-trigger-picture, .arco-upload-disabled .arco-upload-trigger-picture:hover { cursor: not-allowed; border-color: var(--color-neutral-4); background-color: var(--color-fill-1); color: var(--color-text-4); }
.arco-upload-disabled .arco-upload-trigger-drag, .arco-upload-disabled .arco-upload-trigger-drag:hover { cursor: not-allowed; border-color: var(--color-text-4); background-color: var(--color-fill-1); }
.arco-upload-disabled .arco-upload-trigger-drag .arco-icon-plus, .arco-upload-disabled .arco-upload-trigger-drag:hover .arco-icon-plus, .arco-upload-disabled .arco-upload-trigger-drag .arco-upload-trigger-drag-text, .arco-upload-disabled .arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text, .arco-upload-disabled .arco-upload-trigger-tip { color: var(--color-text-4); }
.arco-upload-trigger { cursor: pointer; display: inline-block; vertical-align: top; width: 100%; }
.arco-upload-trigger-tip { color: var(--color-text-3); margin-top: 4px; font-size: 12px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.arco-upload-trigger-picture { min-width: 80px; height: 80px; color: var(--color-text-2); text-align: center; margin-bottom: 0px; background: var(--color-fill-2); border-radius: var(--border-radius-small); border: 1px dashed var(--color-neutral-3); transition: 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-upload-trigger-picture:hover { border-color: var(--color-neutral-4); background-color: var(--color-fill-3); color: var(--color-text-2); }
.arco-upload-trigger-picture:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-upload-trigger-picture-text { position: relative; top: 50%; transform: translateY(-50%); }
.arco-upload-trigger-drag { width: 100%; border-radius: var(--border-radius-small); border: 1px dashed var(--color-neutral-3); background-color: var(--color-fill-1); text-align: center; transition: 0.2s; color: var(--color-text-1); padding: 50px 0px; }
.arco-upload-trigger-drag .arco-icon-plus { font-size: 14px; margin-bottom: 24px; color: var(--color-text-2); }
.arco-upload-trigger-drag:hover { border-color: var(--color-neutral-4); background-color: var(--color-fill-3); }
.arco-upload-trigger-drag:hover .arco-upload-trigger-drag-text { color: var(--color-text-1); }
.arco-upload-trigger-drag:hover .arco-icon-plus { color: var(--color-text-2); }
.arco-upload-trigger-drag:focus-visible { box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-upload-trigger-drag-active { border-color: rgb(var(--primary-6)); color: var(--color-text-1); background-color: var(--color-primary-light-1); }
.arco-upload-trigger-drag-active .arco-upload-trigger-drag-text { color: var(--color-text-1); }
.arco-upload-trigger-drag-active .arco-icon-plus { color: rgb(var(--primary-6)); }
.arco-upload-trigger-drag .arco-upload-trigger-tip { margin-top: 0px; }
.arco-upload-trigger-drag-text { color: var(--color-text-1); line-height: 1.5; font-size: 14px; }
.arco-upload-hide + .arco-upload-list .arco-upload-list-item:first-of-type { margin-top: 0px; }
.arco-upload-list { width: 100%; }
.arco-upload-list-type-text .arco-upload-list-item:first-of-type, .arco-upload-list-type-picture-list .arco-upload-list-item:first-of-type { margin-top: 24px; }
.arco-upload-list-file-icon { line-height: 16px; font-size: 16px; color: rgb(var(--primary-6)); margin-right: 12px; }
.arco-upload-list-preview-icon { cursor: pointer; }
.arco-upload-list-error-icon { cursor: pointer; color: rgb(var(--danger-6)); font-size: 14px; margin-left: 4px; }
.arco-upload-list-success-icon { cursor: pointer; color: rgb(var(--success-6)); font-size: 14px; line-height: 14px; }
.arco-upload-list-remove-icon { position: relative; cursor: pointer; font-size: 14px; }
.arco-upload-list-start-icon, .arco-upload-list-cancel-icon { position: absolute; color: var(--color-white); transform: translate(-50%) translateY(-50%); top: 50%; left: 50%; font-size: 12px; }
.arco-upload-list-start-icon:focus-visible, .arco-upload-list-cancel-icon:focus-visible { color: rgb(var(--primary-6)); }
.arco-upload-list-reupload-icon { cursor: pointer; color: rgb(var(--primary-6)); font-size: 14px; transition: 0.2s; }
.arco-upload-list-reupload-icon:active, .arco-upload-list-reupload-icon:hover { color: rgb(var(--primary-7)); }
.arco-upload-list-reupload-icon:focus-visible { box-shadow: inset 0 0 0 2px var(--color-primary-light-3); }
.arco-upload-list-status { position: relative; cursor: pointer; line-height: 12px; }
.arco-upload-list-status:hover .arco-progress-circle-mask { stroke: rgba(var(--gray-10),.2); }
.arco-upload-list-status:hover .arco-progress-circle-path { stroke: rgb(var(--primary-7)); }
.arco-upload-list-item-done .arco-upload-list-file-icon { color: rgb(var(--primary-6)); }
.arco-upload-list-item { box-sizing: border-box; padding-right: 24px; margin-top: 12px; position: relative; }
.arco-upload-list-item-operation { font-size: 12px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); color: var(--color-text-2); }
.arco-upload-list-item-operation .arco-upload-list-remove-icon-hover:focus-visible::before { box-shadow: 0 0 0 2px rgb(var(--primary-6)); }
.arco-upload-list-item-operation .arco-upload-list-remove-icon { font-size: inherit; }
.arco-upload-list-item-text { font-size: 14px; display: flex; align-items: center; border-radius: var(--border-radius-small); width: 100%; box-sizing: border-box; background-color: var(--color-fill-1); padding: 8px 10px 8px 12px; flex-wrap: nowrap; }
.arco-upload-list-item-text-content { flex: 1 1 0%; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; justify-content: space-between; flex-wrap: nowrap; transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-upload-list-item-text-thumbnail { height: 40px; width: 40px; margin-right: 12px; flex-shrink: 0; }
.arco-upload-list-item-text-thumbnail img { width: 100%; height: 100%; }
.arco-upload-list-item-text-name { white-space: nowrap; display: flex; overflow: hidden; flex-shrink: 1; flex-grow: 1; align-items: center; color: var(--color-text-1); font-size: 14px; text-overflow: ellipsis; line-height: 1.4286; margin-right: 10px; }
.arco-upload-list-item-text-name-link { cursor: pointer; text-decoration: none; overflow: hidden; color: rgb(var(--link-6)); text-overflow: ellipsis; }
.arco-upload-list-item-text-name-text { overflow: hidden; text-overflow: ellipsis; }
.arco-upload-list-item-error .arco-upload-list-status, .arco-upload-list-item-done .arco-upload-list-status { display: none; }
.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name-link, .arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-text-name { color: rgb(var(--danger-6)); }
.arco-upload-list.arco-upload-list-type-picture-card { display: inline; vertical-align: top; }
.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status { top: 50%; transform: translateY(-50%); margin-left: 0px; }
.arco-upload-list-type-picture-card .arco-upload-list-item { display: inline-block; vertical-align: top; margin-top: 0px; padding-right: 0px; margin-right: 8px; margin-bottom: 8px; overflow: hidden; transition: 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-upload-list-type-picture-card .arco-upload-list-item-error .arco-upload-list-item-picture-mask { opacity: 1; }
.arco-upload-list-item-picture { width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: var(--border-radius-small); box-sizing: border-box; text-align: center; vertical-align: top; background-color: var(--color-fill-2); }
.arco-upload-list-item-picture img { width: 100%; height: 100%; }
.arco-upload-list-item-picture-mask { cursor: pointer; position: absolute; text-align: center; inset: 0px; background: rgba(0, 0, 0, 0.5); color: var(--color-white); font-size: 16px; line-height: 80px; opacity: 0; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1); }
.arco-upload-list-item-picture-operation { font-size: 14px; }
.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon { color: var(--color-white); }
.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon + .arco-upload-list-remove-icon, .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon { margin-left: 20px; }
.arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon:focus-visible, .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon:focus-visible, .arco-upload-list-item-picture-operation .arco-upload-list-remove-icon:focus-visible { border-radius: 2px; box-shadow: 0 0 0 2px var(--color-primary-light-3); }
.arco-upload-list-item-picture-error-tip .arco-upload-list-item-picture-operation { opacity: 0; width: 0px; height: 0px; }
.arco-upload-list-item-picture-error-tip .arco-upload-list-error-icon { font-size: 26px; color: var(--color-white); }
.arco-upload-list-item-picture-mask:hover, .arco-upload-list-item-picture-mask:focus-within, .arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-operation, .arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-operation { opacity: 1; display: block; }
.arco-upload-list-item-picture-mask:hover .arco-upload-list-item-picture-error-tip, .arco-upload-list-item-picture-mask:focus-within .arco-upload-list-item-picture-error-tip { display: none; }
.arco-upload-list-type-picture-list .arco-upload-list-item-text { padding-top: 8px; padding-bottom: 8px; }
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text { background-color: var(--color-danger-light-1); }
.arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name-link, .arco-upload-list-type-picture-list .arco-upload-list-item-error .arco-upload-list-item-text-name { color: rgb(var(--danger-6)); }
.arco-upload-slide-up-enter { opacity: 0; }
.arco-upload-slide-up-enter-active { opacity: 1; transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1); }
.arco-upload-slide-up-exit { opacity: 1; }
.arco-upload-slide-up-exit-active { opacity: 0; overflow: hidden; margin: 0px; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), height 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s; }
.arco-upload-list-item.arco-upload-slide-inline-enter { opacity: 0; }
.arco-upload-list-item.arco-upload-slide-inline-enter-active { opacity: 1; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1); }
.arco-upload-list-item.arco-upload-slide-inline-exit { opacity: 1; }
.arco-upload-list-item.arco-upload-slide-inline-exit-active { opacity: 0; overflow: hidden; margin: 0px; transition: opacity 0.1s cubic-bezier(0, 0, 1, 1), width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s, margin 0.3s cubic-bezier(0.34, 0.69, 0.1, 1) 0.1s; }
.arco-upload-rtl, .arco-upload-list-rtl { direction: rtl; }
.arco-upload-list-rtl .arco-upload-list-file-icon { margin-right: 0px; margin-left: 12px; }
.arco-upload-list-rtl .arco-upload-list-error-icon { margin-left: 0px; margin-right: 4px; }
.arco-upload-list-rtl .arco-upload-list-item { padding-right: 0px; padding-left: 24px; }
.arco-upload-list-rtl .arco-upload-list-item-operation { right: initial; left: 0px; }
.arco-upload-list-rtl .arco-upload-list-item-text { padding-right: 12px; padding-left: 10px; }
.arco-upload-list-rtl .arco-upload-list-item-text-thumbnail { margin-right: 0px; margin-left: 12px; }
.arco-upload-list-rtl .arco-upload-list-item-text-name { margin-right: 0px; margin-left: 10px; }
.arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-reupload-icon + .arco-upload-list-remove-icon, .arco-upload-list-rtl .arco-upload-list-item-picture-operation .arco-upload-list-preview-icon + .arco-upload-list-remove-icon { margin-left: 0px; margin-right: 20px; }
.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-status { margin-left: initial; margin-right: 0px; }
.arco-upload-list-rtl.arco-upload-list-type-picture-card .arco-upload-list-item { margin-right: 0px; padding-left: 0px; margin-left: 8px; }
.arco-verification-code { display: flex; align-items: center; justify-content: space-between; width: 100%; column-gap: 4px; }
.arco-verification-code .arco-input { width: 32px; padding-left: 0px; padding-right: 0px; text-align: center; }
.arco-verification-code .arco-input-size-small { width: 28px; }
.arco-verification-code .arco-input-size-mini { width: 24px; }
.arco-verification-code .arco-input-size-large { width: 36px; }
.arco-verification-code-rtl { direction: rtl; }
*, ::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 / .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 / .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: ; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::before, ::after { --tw-content: ""; }
html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
hr { height: 0px; color: inherit; border-top-width: 1px; }
abbr:where([title]) { text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button, select { text-transform: none; }
button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }
fieldset { margin: 0px; padding: 0px; }
legend { padding: 0px; }
ol, ul, menu { list-style: none; margin: 0px; padding: 0px; }
dialog { padding: 0px; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden]:where(:not([hidden="until-found"])) { display: none; }
:root, [data-theme] { color: hsl(var(--nextui-foreground)); background-color: hsl(var(--nextui-background)); }
.container { width: 100%; }
@media (min-width: 640px) {
  .container { max-width: 640px; }
}
@media (min-width: 768px) {
  .container { max-width: 768px; }
}
@media (min-width: 1024px) {
  .container { max-width: 1024px; }
}
@media (min-width: 1280px) {
  .container { max-width: 1280px; }
}
@media (min-width: 1536px) {
  .container { max-width: 1536px; }
}
.unbounded-12-300 { font-family: unbounded; font-size: 0.75rem; font-weight: 300; text-transform: uppercase; }
.unbounded-14-300 { font-family: unbounded; font-size: 0.875rem; font-weight: 300; text-transform: uppercase; }
.unbounded-14-400 { font-family: unbounded; font-size: 0.875rem; font-weight: 400; text-transform: uppercase; }
.unbounded-14-500 { font-family: unbounded; font-size: 0.875rem; font-weight: 500; text-transform: uppercase; }
.unbounded-16-300 { font-family: unbounded; font-size: 1rem; font-weight: 300; text-transform: uppercase; }
.unbounded-16-500 { font-family: unbounded; font-size: 1rem; font-weight: 500; text-transform: uppercase; }
.unbounded-18-400 { font-family: unbounded; font-size: 1.125rem; font-weight: 400; text-transform: uppercase; }
.unbounded-20-300 { font-family: unbounded; font-size: 1.25rem; font-weight: 300; text-transform: uppercase; }
.unbounded-20-400 { font-family: unbounded; font-size: 1.25rem; font-weight: 400; text-transform: uppercase; }
.unbounded-20-500 { font-family: unbounded; font-size: 1.25rem; font-weight: 500; text-transform: uppercase; }
.unbounded-24-200 { font-family: unbounded; font-size: 1.5rem; font-weight: 200; text-transform: uppercase; }
.unbounded-24-300 { font-family: unbounded; font-size: 1.5rem; font-weight: 300; text-transform: uppercase; }
.unbounded-24-400 { font-family: unbounded; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; }
.unbounded-24-500 { font-family: unbounded; font-size: 1.5rem; font-weight: 500; text-transform: uppercase; }
.unbounded-30-300 { font-family: unbounded; font-size: 1.875rem; font-weight: 300; text-transform: uppercase; }
.unbounded-32-300 { font-family: unbounded; font-size: 2rem; font-weight: 300; text-transform: uppercase; }
.unbounded-36-300 { font-family: unbounded; font-size: 2.25rem; font-weight: 300; text-transform: uppercase; }
.unbounded-36-400 { font-family: unbounded; font-size: 2.25rem; font-weight: 400; text-transform: uppercase; }
.unbounded-40-300 { font-family: unbounded; font-size: 2.5rem; font-weight: 300; text-transform: uppercase; }
.unbounded-72-300 { font-family: unbounded; font-size: 4.5rem; font-weight: 300; text-transform: uppercase; }
.unbounded-96-200 { font-family: unbounded; font-size: 6rem; font-weight: 200; text-transform: uppercase; }
.unbounded-180-200 { font-family: unbounded; font-size: 11.25rem; font-weight: 200; text-transform: uppercase; }
.unbounded-36-180-200 { font-family: unbounded; font-size: 2.25rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-36-180-200 { font-size: 11.25rem; }
}
.unbounded-36-180-200 { text-transform: uppercase; }
.unbounded-24-36-300 { font-family: unbounded; font-size: 1.5rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-24-36-300 { font-size: 2.25rem; }
}
.unbounded-24-36-300 { text-transform: uppercase; }
.unbounded-24-64-200 { font-family: unbounded; font-size: 1.5rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-24-64-200 { font-size: 4rem; }
}
.unbounded-24-64-200 { text-transform: uppercase; }
.unbounded-24-64-300 { font-family: unbounded; font-size: 1.5rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-24-64-300 { font-size: 4rem; }
}
.unbounded-24-64-300 { text-transform: uppercase; }
.unbounded-14-24-400 { font-family: unbounded; font-size: 0.875rem; font-weight: 400; }
@media (min-width: 1024px) {
  .unbounded-14-24-400 { font-size: 1.5rem; }
}
.unbounded-14-24-400 { text-transform: uppercase; }
.unbounded-14-16-300 { font-family: unbounded; font-size: 0.875rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-14-16-300 { font-size: 1rem; }
}
.unbounded-14-16-300 { text-transform: uppercase; }
.unbounded-14-16-400 { font-family: unbounded; font-size: 0.875rem; font-weight: 400; }
@media (min-width: 1024px) {
  .unbounded-14-16-400 { font-size: 1rem; }
}
.unbounded-14-16-400 { text-transform: uppercase; }
.unbounded-16-20-300 { font-family: unbounded; font-size: 1rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-16-20-300 { font-size: 1.25rem; }
}
.unbounded-16-20-300 { text-transform: uppercase; }
.unbounded-16-20-500 { font-family: unbounded; font-size: 1rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-16-20-500 { font-size: 1.25rem; }
}
.unbounded-16-20-500 { text-transform: uppercase; }
.unbounded-16-24-300 { font-family: unbounded; font-size: 1rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-16-24-300 { font-size: 1.5rem; }
}
.unbounded-16-24-300 { text-transform: uppercase; }
.unbounded-16-24-400 { font-family: unbounded; font-size: 1rem; font-weight: 400; }
@media (min-width: 1024px) {
  .unbounded-16-24-400 { font-size: 1.5rem; }
}
.unbounded-16-24-400 { text-transform: uppercase; }
.unbounded-16-24-500 { font-family: unbounded; font-size: 1rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-16-24-500 { font-size: 1.5rem; }
}
.unbounded-16-24-500 { text-transform: uppercase; }
.unbounded-16-32-300 { font-family: unbounded; font-size: 1rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-16-32-300 { font-size: 2rem; }
}
.unbounded-16-32-300 { text-transform: uppercase; }
.unbounded-16-32-500 { font-family: unbounded; font-size: 1rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-16-32-500 { font-size: 2rem; }
}
.unbounded-16-32-500 { text-transform: uppercase; }
.unbounded-18-36-300 { font-family: unbounded; font-size: 1.125rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-18-36-300 { font-size: 2.25rem; }
}
.unbounded-18-36-300 { text-transform: uppercase; }
.unbounded-20-24-300 { font-family: unbounded; font-size: 1.25rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-20-24-300 { font-size: 1.5rem; }
}
.unbounded-20-24-300 { text-transform: uppercase; }
.unbounded-20-24-500 { font-family: unbounded; font-size: 1.25rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-20-24-500 { font-size: 1.5rem; }
}
.unbounded-20-24-500 { text-transform: uppercase; }
.unbounded-20-32-500 { font-family: unbounded; font-size: 1.25rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-20-32-500 { font-size: 2rem; }
}
.unbounded-20-32-500 { text-transform: uppercase; }
.unbounded-20-40-500 { font-family: unbounded; font-size: 1.25rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-20-40-500 { font-size: 2.5rem; }
}
.unbounded-20-40-500 { text-transform: uppercase; }
.unbounded-24-32-400 { font-family: unbounded; font-size: 1.5rem; font-weight: 400; }
@media (min-width: 1024px) {
  .unbounded-24-32-400 { font-size: 2rem; }
}
.unbounded-24-32-400 { text-transform: uppercase; }
.unbounded-24-32-500 { font-family: unbounded; font-size: 1.5rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-24-32-500 { font-size: 2rem; }
}
.unbounded-24-32-500 { text-transform: uppercase; }
.unbounded-32-30-300 { font-family: unbounded; font-size: 2rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-32-30-300 { font-size: 1.875rem; }
}
.unbounded-32-30-300 { text-transform: uppercase; }
.unbounded-32-36-300 { font-family: unbounded; font-size: 2rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-32-36-300 { font-size: 2.25rem; }
}
.unbounded-32-36-300 { text-transform: uppercase; }
.unbounded-32-40-500 { font-family: unbounded; font-size: 2rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-32-40-500 { font-size: 2.5rem; }
}
.unbounded-32-40-500 { text-transform: uppercase; }
.unbounded-32-64-200 { font-family: unbounded; font-size: 2rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-32-64-200 { font-size: 4rem; }
}
.unbounded-32-64-200 { text-transform: uppercase; }
.unbounded-32-64-300 { font-family: unbounded; font-size: 2rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-32-64-300 { font-size: 4rem; }
}
.unbounded-32-64-300 { text-transform: uppercase; }
.unbounded-32-180-200 { font-family: unbounded; font-size: 2rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-32-180-200 { font-size: 11.25rem; }
}
.unbounded-32-180-200 { text-transform: uppercase; }
.unbounded-36-64-300 { font-family: unbounded; font-size: 2.25rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-36-64-300 { font-size: 4rem; }
}
.unbounded-36-64-300 { text-transform: uppercase; }
.unbounded-36-64-500 { font-family: unbounded; font-size: 2.25rem; font-weight: 500; }
@media (min-width: 1024px) {
  .unbounded-36-64-500 { font-size: 4rem; }
}
.unbounded-36-64-500 { text-transform: uppercase; }
.unbounded-36-96-200 { font-family: unbounded; font-size: 2.25rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-36-96-200 { font-size: 6rem; }
}
.unbounded-36-96-200 { text-transform: uppercase; }
.unbounded-36-96-300 { font-family: unbounded; font-size: 2.25rem; font-weight: 300; }
@media (min-width: 1024px) {
  .unbounded-36-96-300 { font-size: 6rem; }
}
.unbounded-36-96-300 { text-transform: uppercase; }
.unbounded-48-180-200 { font-family: unbounded; font-size: 3rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-48-180-200 { font-size: 11.25rem; }
}
.unbounded-48-180-200 { text-transform: uppercase; }
.unbounded-72-120-200 { font-family: unbounded; font-size: 4.5rem; font-weight: 200; }
@media (min-width: 1024px) {
  .unbounded-72-120-200 { font-size: 7.5rem; }
}
.unbounded-72-120-200 { text-transform: uppercase; }
.teachers-16 { font-family: teachers; font-size: 1rem; text-transform: uppercase; }
.teachers-12-400 { font-family: teachers; font-size: 0.75rem; font-weight: 400; text-transform: uppercase; }
.teachers-14-400 { font-family: teachers; font-size: 0.875rem; font-weight: 400; text-transform: uppercase; }
.teachers-16-300 { font-family: teachers; font-size: 1rem; font-weight: 300; text-transform: uppercase; }
.teachers-16-400 { font-family: teachers; font-size: 1rem; font-weight: 400; text-transform: uppercase; }
.teachers-20-400 { font-family: teachers; font-size: 1.25rem; font-weight: 400; text-transform: uppercase; }
.teachers-24-400 { font-family: teachers; font-size: 1.5rem; font-weight: 400; text-transform: uppercase; }
.teachers-14-24-400 { font-family: teachers; font-size: 0.875rem; font-weight: 400; }
@media (min-width: 1024px) {
  .teachers-14-24-400 { font-size: 1.5rem; }
}
.teachers-14-24-400 { text-transform: uppercase; }
.teachers-14-16-400 { font-family: teachers; font-size: 0.875rem; font-weight: 400; }
@media (min-width: 1024px) {
  .teachers-14-16-400 { font-size: 1rem; }
}
.teachers-14-16-400 { text-transform: uppercase; }
.teachers-16-24-400 { font-family: teachers; font-size: 1rem; font-weight: 400; }
@media (min-width: 1024px) {
  .teachers-16-24-400 { font-size: 1.5rem; }
}
.teachers-16-24-400 { text-transform: uppercase; }
.teachers-20-24-400 { font-family: teachers; font-size: 1.25rem; font-weight: 400; }
@media (min-width: 1024px) {
  .teachers-20-24-400 { font-size: 1.5rem; }
}
.teachers-20-24-400 { text-transform: uppercase; }
.bg-gradient { background-image: linear-gradient(to left, rgb(232, 215, 224) 37.6%, rgb(157, 71, 255) 97.1%); }
.text-gradient { background-image: linear-gradient(to left, rgb(232, 215, 224) 37.6%, rgb(157, 71, 255) 97.1%); width: fit-content; background-clip: text; color: transparent; }
.text-gradient-v1 { background-image: linear-gradient(to left, rgb(25, 255, 224) 37.6%, rgb(157, 71, 255) 97.1%); width: fit-content; background-clip: text; color: transparent; }
.text-light-gradient { background-image: linear-gradient(to right,var(--tw-gradient-stops)); --tw-gradient-from: #FFFFFFED var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-to: #5EE8FF var(--tw-gradient-to-position); width: fit-content; background-clip: text; color: transparent; }
.main-container { margin-left: auto; margin-right: auto; max-width: 1440px; padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 1024px) {
  .main-container { padding-left: 3rem !important; padding-right: 3rem !important; }
}
.green-landing { filter: sepia(1) hue-rotate(90deg); }
.purple-landing { filter: sepia(1) hue-rotate(220deg) brightness(0.3) saturate(5); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.\!visible { visibility: visible !important; }
.visible { visibility: visible; }
.invisible { visibility: hidden; }
.static { position: static; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: 0px; }
.inset-1\/2 { inset: 50%; }
.inset-x-0 { left: 0px; right: 0px; }
.inset-y-0 { top: 0px; bottom: 0px; }
.-bottom-\[50\%\] { bottom: -50%; }
.bottom-0 { bottom: 0px; }
.bottom-3 { bottom: 0.75rem; }
.bottom-\[10\%\] { bottom: 10%; }
.bottom-\[5\%\] { bottom: 5%; }
.end-1 { inset-inline-end: 0.25rem; }
.end-1\.5 { inset-inline-end: 0.375rem; }
.end-3 { inset-inline-end: 0.75rem; }
.end-auto { inset-inline-end: auto; }
.left-0 { left: 0px; }
.left-1\/2 { left: 50%; }
.left-\[10\%\] { left: 10%; }
.left-\[5\%\] { left: 5%; }
.left-full { left: 100%; }
.right-0 { right: 0px; }
.right-1\/3 { right: 33.3333%; }
.right-1\/4 { right: 25%; }
.right-2 { right: 0.5rem; }
.right-3 { right: 0.75rem; }
.right-\[10\%\] { right: 10%; }
.right-\[18px\] { right: 18px; }
.right-\[5\%\] { right: 5%; }
.start-0 { inset-inline-start: 0px; }
.start-1\.5 { inset-inline-start: 0.375rem; }
.start-2 { inset-inline-start: 0.5rem; }
.start-3 { inset-inline-start: 0.75rem; }
.start-\[calc\(var\(--cursor-hit-x\)\*-1\)\] { inset-inline-start: calc(var(--cursor-hit-x) * -1); }
.start-auto { inset-inline-start: auto; }
.top-0 { top: 0px; }
.top-1 { top: 0.25rem; }
.top-1\/2 { top: 50%; }
.top-10 { top: 2.5rem; }
.top-2 { top: 0.5rem; }
.top-7 { top: 1.75rem; }
.top-\[10\%\] { top: 10%; }
.top-\[11\.25rem\] { top: 11.25rem; }
.top-\[16\.875rem\] { top: 16.875rem; }
.top-\[18px\] { top: 18px; }
.top-\[5\%\] { top: 5%; }
.top-\[5\.625rem\] { top: 5.625rem; }
.top-\[calc\(100\%_\+_2px\)\] { top: calc(100% + 2px); }
.top-\[calc\(5rem\+18px\)\] { top: calc(18px + 5rem); }
.top-\[var\(--navbar-height\)\] { top: var(--navbar-height); }
.top-full { top: 100%; }
.\!z-\[50\] { z-index: 50 !important; }
.-z-30 { z-index: -30; }
.-z-\[1\] { z-index: -1; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-\[0\] { z-index: 0; }
.z-\[11\] { z-index: 11; }
.z-\[1\] { z-index: 1; }
.z-\[2\] { z-index: 2; }
.z-\[3\] { z-index: 3; }
.z-\[4\] { z-index: 4; }
.z-\[50\] { z-index: 50; }
.z-\[51\] { z-index: 51; }
.z-\[99\] { z-index: 99; }
.z-auto { z-index: auto; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-8 { grid-column: span 8 / span 8; }
.-m-2 { margin: -0.5rem; }
.-m-2\.5 { margin: -0.625rem; }
.m-0 { margin: 0px; }
.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
.-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; }
.mx-0 { margin-left: 0px; margin-right: 0px; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] { margin-left: 0.5rem; margin-right: 0.5rem; }
.mx-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] { margin-left: 0.375rem; margin-right: 0.375rem; }
.mx-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] { margin-left: 0.25rem; margin-right: 0.25rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-0 { margin-top: 0px; margin-bottom: 0px; }
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.my-16 { margin-top: 4rem; margin-bottom: 4rem; }
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.my-\[calc\(\(theme\(spacing\.5\)-theme\(spacing\.1\)\)\/2\)\] { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-\[calc\(\(theme\(spacing\.6\)-theme\(spacing\.3\)\)\/2\)\] { margin-top: 0.375rem; margin-bottom: 0.375rem; }
.my-\[calc\(\(theme\(spacing\.7\)-theme\(spacing\.5\)\)\/2\)\] { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.my-auto { margin-top: auto; margin-bottom: auto; }
.-mr-2 { margin-right: -0.5rem; }
.-ms-2 { margin-inline-start: -0.5rem; }
.-mt-1 { margin-top: -0.25rem; }
.-mt-\[7\.5rem\] { margin-top: -7.5rem; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-24 { margin-bottom: 6rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }
.mb-8 { margin-bottom: 2rem; }
.mb-\[4rem\] { margin-bottom: 4rem; }
.mb-auto { margin-bottom: auto; }
.mb-px { margin-bottom: 1px; }
.me-2 { margin-inline-end: 0.5rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.ml-4 { margin-left: 1rem; }
.ml-9 { margin-left: 2.25rem; }
.ml-auto { margin-left: auto; }
.mr-1 { margin-right: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.mr-3 { margin-right: 0.75rem; }
.mr-4 { margin-right: 1rem; }
.ms-2 { margin-inline-start: 0.5rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }
.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-20 { margin-top: 5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-\[20vh\] { margin-top: 20vh; }
.mt-\[3\.25rem\] { margin-top: 3.25rem; }
.mt-auto { margin-top: auto; }
.box-border { box-sizing: border-box; }
.box-content { box-sizing: content-box; }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-6 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.block { display: block; }
.inline-block { display: inline-block; }
.\!flex { display: flex !important; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.table { display: table; }
.grid { display: grid; }
.inline-grid { display: inline-grid; }
.hidden { display: none; }
.aspect-\[1344\/640\] { aspect-ratio: 1344 / 640; }
.aspect-\[240\/520\] { aspect-ratio: 240 / 520; }
.aspect-\[260\/240\] { aspect-ratio: 260 / 240; }
.aspect-square { aspect-ratio: 1 / 1; }
.\!size-12 { width: 3rem !important; height: 3rem !important; }
.\!size-14 { width: 3.5rem !important; height: 3.5rem !important; }
.\!size-4 { width: 1rem !important; height: 1rem !important; }
.size-10 { width: 2.5rem; height: 2.5rem; }
.size-3 { width: 0.75rem; height: 0.75rem; }
.size-4 { width: 1rem; height: 1rem; }
.size-5 { width: 1.25rem; height: 1.25rem; }
.size-6 { width: 1.5rem; height: 1.5rem; }
.size-7 { width: 1.75rem; height: 1.75rem; }
.size-8 { width: 2rem; height: 2rem; }
.size-\[1\.875rem\] { width: 1.875rem; height: 1.875rem; }
.size-\[10\.25rem\] { width: 10.25rem; height: 10.25rem; }
.size-\[14px\] { width: 14px; height: 14px; }
.size-\[6rem\] { width: 6rem; height: 6rem; }
.size-\[7rem\] { width: 7rem; height: 7rem; }
.size-full { width: 100%; height: 100%; }
.\!h-8 { height: 2rem !important; }
.\!h-auto { height: auto !important; }
.h-1 { height: 0.25rem; }
.h-1\.5 { height: 0.375rem; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }
.h-16 { height: 4rem; }
.h-2 { height: 0.5rem; }
.h-2\.5 { height: 0.625rem; }
.h-20 { height: 5rem; }
.h-24 { height: 6rem; }
.h-3 { height: 0.75rem; }
.h-3\.5 { height: 0.875rem; }
.h-4 { height: 1rem; }
.h-40 { height: 10rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-64 { height: 16rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-\[--visual-viewport-height\] { height: var(--visual-viewport-height); }
.h-\[1\.25rem\] { height: 1.25rem; }
.h-\[1\.5rem\] { height: 1.5rem; }
.h-\[100dvh\] { height: 100dvh; }
.h-\[100vh\] { height: 100vh; }
.h-\[11\.5rem\] { height: 11.5rem; }
.h-\[12\.5rem\] { height: 12.5rem; }
.h-\[15rem\] { height: 15rem; }
.h-\[1px\] { height: 1px; }
.h-\[2\.25rem\] { height: 2.25rem; }
.h-\[2\.5rem\] { height: 2.5rem; }
.h-\[240px\] { height: 240px; }
.h-\[2px\] { height: 2px; }
.h-\[3\.75rem\] { height: 3.75rem; }
.h-\[3\.875rem\] { height: 3.875rem; }
.h-\[30px\] { height: 30px; }
.h-\[320px\] { height: 320px; }
.h-\[36\.25rem\] { height: 36.25rem; }
.h-\[4\.1875rem\] { height: 4.1875rem; }
.h-\[4px\] { height: 4px; }
.h-\[5\.625rem\] { height: 5.625rem; }
.h-\[50\%\] { height: 50%; }
.h-\[50vh\] { height: 50vh; }
.h-\[6\.125rem\] { height: 6.125rem; }
.h-\[6\.75rem\] { height: 6.75rem; }
.h-\[65px\] { height: 65px; }
.h-\[7\.5rem\] { height: 7.5rem; }
.h-\[8rem\] { height: 8rem; }
.h-\[90vh\] { height: 90vh; }
.h-\[calc\(100\%-2px\)\] { height: calc(100% - 2px); }
.h-\[calc\(100dvh_-_var\(--navbar-height\)\)\] { height: calc(100dvh - var(--navbar-height)); }
.h-\[calc\(100vh-5\.625rem\)\] { height: calc(-5.625rem + 100vh); }
.h-\[var\(--navbar-height\)\] { height: var(--navbar-height); }
.h-\[var\(--picker-height\)\] { height: var(--picker-height); }
.h-auto { height: auto; }
.h-divider { height: var(--nextui-divider-weight); }
.h-fit { height: fit-content; }
.h-full { height: 100%; }
.h-px { height: 1px; }
.h-screen { height: 100vh; }
.max-h-10 { max-height: 2.5rem; }
.max-h-\[10rem\] { max-height: 10rem; }
.max-h-\[200px\] { max-height: 200px; }
.max-h-\[20rem\] { max-height: 20rem; }
.max-h-\[24rem\] { max-height: 24rem; }
.max-h-\[28rem\] { max-height: 28rem; }
.max-h-\[32rem\] { max-height: 32rem; }
.max-h-\[36rem\] { max-height: 36rem; }
.max-h-\[400px\] { max-height: 400px; }
.max-h-\[42rem\] { max-height: 42rem; }
.max-h-\[48rem\] { max-height: 48rem; }
.max-h-\[50vh\] { max-height: 50vh; }
.max-h-\[56rem\] { max-height: 56rem; }
.max-h-\[60rem\] { max-height: 60rem; }
.max-h-\[64rem\] { max-height: 64rem; }
.max-h-\[calc\(100\%_-_8rem\)\] { max-height: calc(100% - 8rem); }
.max-h-\[none\] { max-height: none; }
.max-h-full { max-height: 100%; }
.max-h-screen { max-height: 100vh; }
.\!min-h-8 { min-height: 2rem !important; }
.\!min-h-fit { min-height: fit-content !important; }
.min-h-10 { min-height: 2.5rem; }
.min-h-12 { min-height: 3rem; }
.min-h-14 { min-height: 3.5rem; }
.min-h-16 { min-height: 4rem; }
.min-h-2 { min-height: 0.5rem; }
.min-h-3 { min-height: 0.75rem; }
.min-h-3\.5 { min-height: 0.875rem; }
.min-h-4 { min-height: 1rem; }
.min-h-5 { min-height: 1.25rem; }
.min-h-6 { min-height: 1.5rem; }
.min-h-7 { min-height: 1.75rem; }
.min-h-8 { min-height: 2rem; }
.min-h-\[100dvh\] { min-height: 100dvh; }
.min-h-\[32px\] { min-height: 32px; }
.min-h-\[50rem\] { min-height: 50rem; }
.min-h-\[640px\] { min-height: 640px; }
.min-h-\[840px\] { min-height: 840px; }
.min-h-\[calc\(100vh-5\.625rem\)\] { min-height: calc(-5.625rem + 100vh); }
.min-h-fit { min-height: fit-content; }
.min-h-screen { min-height: 100vh; }
.\!w-fit { width: fit-content !important; }
.w-1 { width: 0.25rem; }
.w-1\.5 { width: 0.375rem; }
.w-1\/2 { width: 50%; }
.w-1\/3 { width: 33.3333%; }
.w-10 { width: 2.5rem; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }
.w-2 { width: 0.5rem; }
.w-2\.5 { width: 0.625rem; }
.w-20 { width: 5rem; }
.w-3 { width: 0.75rem; }
.w-3\.5 { width: 0.875rem; }
.w-3\/4 { width: 75%; }
.w-4 { width: 1rem; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-7 { width: 1.75rem; }
.w-8 { width: 2rem; }
.w-9 { width: 2.25rem; }
.w-\[1\.25rem\] { width: 1.25rem; }
.w-\[1\.2rem\] { width: 1.2rem; }
.w-\[1\.5rem\] { width: 1.5rem; }
.w-\[10rem\] { width: 10rem; }
.w-\[11\.25rem\] { width: 11.25rem; }
.w-\[12\.1875rem\] { width: 12.1875rem; }
.w-\[12\.25rem\] { width: 12.25rem; }
.w-\[12\.5rem\] { width: 12.5rem; }
.w-\[12\.75rem\] { width: 12.75rem; }
.w-\[13\.875rem\] { width: 13.875rem; }
.w-\[18rem\] { width: 18rem; }
.w-\[1rem\] { width: 1rem; }
.w-\[20\.75rem\] { width: 20.75rem; }
.w-\[25\%\] { width: 25%; }
.w-\[26\.75rem\] { width: 26.75rem; }
.w-\[26rem\] { width: 26rem; }
.w-\[2px\] { width: 2px; }
.w-\[3\.75rem\] { width: 3.75rem; }
.w-\[440px\] { width: 440px; }
.w-\[500px\] { width: 500px; }
.w-\[6\.5rem\] { width: 6.5rem; }
.w-\[6\.9375rem\] { width: 6.9375rem; }
.w-\[6rem\] { width: 6rem; }
.w-\[7\.5rem\] { width: 7.5rem; }
.w-\[8\.125rem\] { width: 8.125rem; }
.w-\[8\.25rem\] { width: 8.25rem; }
.w-\[8\.75rem\] { width: 8.75rem; }
.w-\[80\%\] { width: 80%; }
.w-\[9\.25rem\] { width: 9.25rem; }
.w-\[90\%\] { width: 90%; }
.w-\[93\%\] { width: 93%; }
.w-\[96\%\] { width: 96%; }
.w-\[calc\(100\%\+var\(--cursor-hit-x\)\*2\)\] { width: calc(100% + var(--cursor-hit-x) * 2); }
.w-\[calc\(100\%-2px\)\] { width: calc(100% - 2px); }
.w-\[calc\(100\%_-_16px\)\] { width: calc(100% - 16px); }
.w-\[calc\(100\%_-_theme\(spacing\.6\)\)\] { width: calc(100% - 1.5rem); }
.w-\[calc\(50\%-16px\)\] { width: calc(50% - 16px); }
.w-\[calc\(50\%-8px\)\] { width: calc(50% - 8px); }
.w-\[calc\(var\(--visible-months\)_\*_var\(--calendar-width\)\)\] { width: calc(var(--visible-months) * var(--calendar-width)); }
.w-auto { width: auto; }
.w-divider { width: var(--nextui-divider-weight); }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-max { width: max-content; }
.w-px { width: 1px; }
.w-screen { width: 100vw; }
.\!min-w-fit { min-width: fit-content !important; }
.min-w-10 { min-width: 2.5rem; }
.min-w-12 { min-width: 3rem; }
.min-w-16 { min-width: 4rem; }
.min-w-2 { min-width: 0.5rem; }
.min-w-20 { min-width: 5rem; }
.min-w-24 { min-width: 6rem; }
.min-w-3 { min-width: 0.75rem; }
.min-w-3\.5 { min-width: 0.875rem; }
.min-w-4 { min-width: 1rem; }
.min-w-40 { min-width: 10rem; }
.min-w-5 { min-width: 1.25rem; }
.min-w-6 { min-width: 1.5rem; }
.min-w-7 { min-width: 1.75rem; }
.min-w-8 { min-width: 2rem; }
.min-w-9 { min-width: 2.25rem; }
.min-w-\[15rem\] { min-width: 15rem; }
.min-w-\[16\.25rem\] { min-width: 16.25rem; }
.min-w-\[18\.75rem\] { min-width: 18.75rem; }
.min-w-\[180px\] { min-width: 180px; }
.min-w-\[200px\] { min-width: 200px; }
.min-w-\[250px\] { min-width: 250px; }
.min-w-\[300px\] { min-width: 300px; }
.min-w-\[330px\] { min-width: 330px; }
.min-w-\[8rem\] { min-width: 8rem; }
.min-w-\[9\.5rem\] { min-width: 9.5rem; }
.min-w-\[90px\] { min-width: 90px; }
.min-w-fit { min-width: fit-content; }
.min-w-full { min-width: 100%; }
.min-w-max { min-width: max-content; }
.min-w-min { min-width: min-content; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-\[1024px\] { max-width: 1024px; }
.max-w-\[11\.25rem\] { max-width: 11.25rem; }
.max-w-\[12\.5rem\] { max-width: 12.5rem; }
.max-w-\[12\.625rem\] { max-width: 12.625rem; }
.max-w-\[1280px\] { max-width: 1280px; }
.max-w-\[12rem\] { max-width: 12rem; }
.max-w-\[15\.625rem\] { max-width: 15.625rem; }
.max-w-\[1536px\] { max-width: 1536px; }
.max-w-\[16\.625rem\] { max-width: 16.625rem; }
.max-w-\[16rem\] { max-width: 16rem; }
.max-w-\[17\.5rem\] { max-width: 17.5rem; }
.max-w-\[20\.625rem\] { max-width: 20.625rem; }
.max-w-\[200px\] { max-width: 200px; }
.max-w-\[270px\] { max-width: 270px; }
.max-w-\[300px\] { max-width: 300px; }
.max-w-\[32\.25rem\] { max-width: 32.25rem; }
.max-w-\[32\.5rem\] { max-width: 32.5rem; }
.max-w-\[32rem\] { max-width: 32rem; }
.max-w-\[33\.75rem\] { max-width: 33.75rem; }
.max-w-\[40\.625rem\] { max-width: 40.625rem; }
.max-w-\[440px\] { max-width: 440px; }
.max-w-\[46\.5625rem\] { max-width: 46.5625rem; }
.max-w-\[55rem\] { max-width: 55rem; }
.max-w-\[600px\] { max-width: 600px; }
.max-w-\[640px\] { max-width: 640px; }
.max-w-\[660px\] { max-width: 660px; }
.max-w-\[720px\] { max-width: 720px; }
.max-w-\[768px\] { max-width: 768px; }
.max-w-\[none\] { max-width: none; }
.max-w-fit { max-width: fit-content; }
.max-w-full { max-width: 100%; }
.max-w-lg { max-width: 32rem; }
.max-w-md { max-width: 28rem; }
.max-w-sm { max-width: 24rem; }
.max-w-xl { max-width: 36rem; }
.max-w-xs { max-width: 20rem; }
.\!flex-1 { flex: 1 1 0% !important; }
.flex-1 { flex: 1 1 0%; }
.flex-\[1\] { flex: 1 1 0%; }
.flex-\[2\] { flex: 2 1 0%; }
.flex-\[3\] { flex: 3 1 0%; }
.flex-\[4\] { flex: 4 1 0%; }
.flex-\[5\] { flex: 5 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: 0 0 auto; }
.flex-shrink-0, .shrink-0 { flex-shrink: 0; }
.flex-grow, .grow { flex-grow: 1; }
.basis-0 { flex-basis: 0px; }
.table-auto { table-layout: auto; }
.table-fixed { table-layout: fixed; }
.border-collapse { border-collapse: collapse; }
.origin-center { transform-origin: center center; }
.origin-left { transform-origin: left center; }
.origin-right { transform-origin: right center; }
.origin-top { transform-origin: center top; }
.origin-top-left { transform-origin: left top; }
.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-x-1\/4 { --tw-translate-x: -25%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1 { --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-1\/4 { --tw-translate-y: -25%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-\[0px\] { --tw-translate-y: -0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-\[1px\] { --tw-translate-y: -1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.-translate-y-\[20\%\] { --tw-translate-y: -20%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-1 { --tw-translate-x: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-1\/4 { --tw-translate-x: 25%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-\[30\%\] { --tw-translate-x: 30%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-\[calc\(calc\(1rem\)\/2\)\] { --tw-translate-x: .5rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-x-\[calc\(calc\(2rem-1\.2rem\)\/2\)\] { --tw-translate-x: .4rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-1 { --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.translate-y-1\/2 { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-\[1\.2\] { --tw-scale-x: 1.2; --tw-scale-y: 1.2; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.scale-x-\[0\.999\] { --tw-scale-x: .999; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform { transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes appearance-in { 
  0% { opacity: 0; transform: translateZ(0px) scale(0.95); }
  60% { opacity: 0.75; backface-visibility: hidden; transform: translateZ(0px) scale(1.05); }
  100% { opacity: 1; transform: translateZ(0px) scale(1); }
}
.animate-\[appearance-in_1s_infinite\] { animation: 1s ease 0s infinite normal none running appearance-in; }
@keyframes drip-expand { 
  0% { opacity: 0.2; transform: scale(0); }
  100% { opacity: 0; transform: scale(2); }
}
.animate-drip-expand { animation: 0.42s linear 0s 1 normal none running drip-expand; }
@keyframes indeterminate-bar { 
  0% { transform: translate(-50%) scaleX(0.2); }
  100% { transform: translate(100%) scaleX(1); }
}
.animate-indeterminate-bar { animation: 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running indeterminate-bar; }
.animate-none { animation: auto ease 0s 1 normal none running none; }
@keyframes pulse { 
  50% { opacity: 0.5; }
}
.animate-pulse { animation: 2s cubic-bezier(0.4, 0, 0.6, 1) 0s infinite normal none running pulse; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
.animate-spin { animation: 1s linear 0s infinite normal none running spin; }
.animate-spinner-ease-spin { animation: 0.8s ease 0s infinite normal none running spinner-spin; }
@keyframes spinner-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-spinner-linear-spin { animation: 0.8s linear 0s infinite normal none running spinner-spin; }
.\!cursor-text { cursor: text !important; }
.cursor-default { cursor: default; }
.cursor-grab { cursor: grab; }
.cursor-not-allowed { cursor: not-allowed; }
.cursor-pointer { cursor: pointer; }
.cursor-text { cursor: text; }
.touch-none { touch-action: none; }
.select-none { user-select: none; }
.resize-none { resize: none; }
.resize { resize: both; }
.snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); }
.snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
.snap-center { scroll-snap-align: center; }
.scroll-py-6 { scroll-padding-top: 1.5rem; scroll-padding-bottom: 1.5rem; }
.list-inside { list-style-position: inside; }
.list-disc { list-style-type: disc; }
.list-none { list-style-type: none; }
.appearance-none { appearance: none; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.grid-rows-1 { grid-template-rows: repeat(1, minmax(0px, 1fr)); }
.flex-row { flex-direction: row; }
.\!flex-row-reverse { flex-direction: row-reverse !important; }
.flex-row-reverse { flex-direction: row-reverse; }
.\!flex-col { flex-direction: column !important; }
.flex-col { flex-direction: column; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.place-content-center { place-content: center; }
.place-items-center { place-items: center; }
.\!items-start { align-items: flex-start !important; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-stretch { align-items: stretch; }
.justify-start { justify-content: flex-start; }
.\!justify-end { justify-content: flex-end !important; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.\!gap-0 { gap: 0px !important; }
.gap-0 { gap: 0px; }
.gap-0\.5 { gap: 0.125rem; }
.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }
.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }
.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-\[0\.375rem\] { gap: 0.375rem; }
.gap-\[0\.75rem\] { gap: 0.75rem; }
.gap-\[11\.25rem\] { gap: 11.25rem; }
.gap-\[3\.25rem\] { gap: 3.25rem; }
.gap-\[4px\] { gap: 4px; }
.gap-\[5px\] { gap: 5px; }
.gap-\[9rem\] { gap: 9rem; }
.gap-x-0 { column-gap: 0px; }
.gap-x-0\.5 { column-gap: 0.125rem; }
.gap-x-1 { column-gap: 0.25rem; }
.gap-x-12 { column-gap: 3rem; }
.gap-x-2 { column-gap: 0.5rem; }
.gap-x-4 { column-gap: 1rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-y-1\.5 { row-gap: 0.375rem; }
.gap-y-12 { row-gap: 3rem; }
.gap-y-2 { row-gap: 0.5rem; }
.gap-y-4 { row-gap: 1rem; }
.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.125rem * var(--tw-space-x-reverse)); margin-left: calc(.125rem * calc(1 - var(--tw-space-x-reverse))); }
.space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(.75rem * var(--tw-space-x-reverse)); margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse))); }
.space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.25rem * var(--tw-space-y-reverse)); }
.space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.5rem * var(--tw-space-y-reverse)); }
.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-clip { overflow: clip; }
.overflow-visible { overflow: visible; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-y-scroll { overflow-y: scroll; }
.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-ellipsis { text-overflow: ellipsis; }
.whitespace-normal { white-space: normal; }
.whitespace-nowrap { white-space: nowrap; }
.whitespace-pre-line { white-space: pre-line; }
.break-words { overflow-wrap: break-word; }
.break-all { word-break: break-all; }
.\!rounded-\[8px\] { border-radius: 8px !important; }
.\!rounded-full { border-radius: 9999px !important; }
.\!rounded-lg { border-radius: 0.5rem !important; }
.\!rounded-none { border-radius: 0px !important; }
.rounded { border-radius: 0.25rem; }
.rounded-\[0\.75rem\] { border-radius: 0.75rem; }
.rounded-\[12px\] { border-radius: 12px; }
.rounded-\[16px\] { border-radius: 16px; }
.rounded-\[20px\] { border-radius: 20px; }
.rounded-\[6px\] { border-radius: 6px; }
.rounded-\[8px\] { border-radius: 8px; }
.rounded-\[calc\(theme\(borderRadius\.large\)\/1\.5\)\] { border-radius: calc(var(--nextui-radius-large) / 1.5); }
.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\] { border-radius: calc(var(--nextui-radius-medium) * .5); }
.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\] { border-radius: calc(var(--nextui-radius-medium) * .6); }
.rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\] { border-radius: calc(var(--nextui-radius-medium) * .7); }
.rounded-\[calc\(theme\(borderRadius\.medium\)\/2\)\] { border-radius: calc(var(--nextui-radius-medium) / 2); }
.rounded-\[calc\(theme\(borderRadius\.small\)\/2\)\] { border-radius: calc(var(--nextui-radius-small) / 2); }
.rounded-\[inherit\] { border-radius: inherit; }
.rounded-full { border-radius: 9999px; }
.rounded-large { border-radius: var(--nextui-radius-large); }
.rounded-lg { border-radius: 0.5rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-medium { border-radius: var(--nextui-radius-medium); }
.rounded-none { border-radius: 0px; }
.rounded-sm { border-radius: 0.125rem; }
.rounded-small { border-radius: var(--nextui-radius-small); }
.rounded-xl { border-radius: 0.75rem; }
.\!rounded-e-none { border-start-end-radius: 0px !important; border-end-end-radius: 0px !important; }
.\!rounded-s-none { border-start-start-radius: 0px !important; border-end-start-radius: 0px !important; }
.rounded-b-\[8px\] { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
.rounded-b-large { border-bottom-right-radius: var(--nextui-radius-large); border-bottom-left-radius: var(--nextui-radius-large); }
.rounded-b-medium { border-bottom-right-radius: var(--nextui-radius-medium); border-bottom-left-radius: var(--nextui-radius-medium); }
.rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.rounded-b-small { border-bottom-right-radius: var(--nextui-radius-small); border-bottom-left-radius: var(--nextui-radius-small); }
.rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.rounded-t-large { border-top-left-radius: var(--nextui-radius-large); border-top-right-radius: var(--nextui-radius-large); }
.rounded-t-medium { border-top-left-radius: var(--nextui-radius-medium); border-top-right-radius: var(--nextui-radius-medium); }
.rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.rounded-t-small { border-top-left-radius: var(--nextui-radius-small); border-top-right-radius: var(--nextui-radius-small); }
.\!border { border-width: 1px !important; }
.border { border-width: 1px; }
.border-0 { border-width: 0px; }
.border-1 { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-3 { border-width: 3px; }
.border-\[1\.5px\] { border-width: 1.5px; }
.border-\[2px\] { border-width: 2px; }
.border-medium { border-width: var(--nextui-border-width-medium); }
.border-small { border-width: var(--nextui-border-width-small); }
.border-x-\[calc\(theme\(spacing\.5\)\/2\)\] { border-left-width: 0.625rem; border-right-width: 0.625rem; }
.border-x-\[calc\(theme\(spacing\.6\)\/2\)\] { border-left-width: 0.75rem; border-right-width: 0.75rem; }
.border-x-\[calc\(theme\(spacing\.7\)\/2\)\] { border-left-width: 0.875rem; border-right-width: 0.875rem; }
.border-y-\[calc\(theme\(spacing\.5\)\/2\)\] { border-top-width: 0.625rem; border-bottom-width: 0.625rem; }
.border-y-\[calc\(theme\(spacing\.6\)\/2\)\] { border-top-width: 0.75rem; border-bottom-width: 0.75rem; }
.border-y-\[calc\(theme\(spacing\.7\)\/2\)\] { border-top-width: 0.875rem; border-bottom-width: 0.875rem; }
.border-b { border-bottom-width: 1px; }
.border-b-medium { border-bottom-width: var(--nextui-border-width-medium); }
.border-r { border-right-width: 1px; }
.border-t { border-top-width: 1px; }
.border-solid { border-style: solid; }
.border-dashed { border-style: dashed; }
.border-dotted { border-style: dotted; }
.\!border-none { border-style: none !important; }
.border-none { border-style: none; }
.\!border-\[\#FFFFFF1A\] { border-color: rgba(255, 255, 255, 0.1) !important; }
.\!border-\[\#fff\] { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; }
.\!border-danger { --tw-border-opacity: 1 !important; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))) !important; }
.\!border-white { --tw-border-opacity: 1 !important; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important; }
.border-\[\#00F0FF66\] { border-color: rgba(0, 240, 255, 0.4); }
.border-\[\#00F0FF\] { --tw-border-opacity: 1; border-color: rgb(0 240 255 / var(--tw-border-opacity, 1)); }
.border-\[\#1362FF4D\]\/60 { border-color: rgba(19, 98, 255, 0.6); }
.border-\[\#19FFE0\]\/60 { border-color: rgba(25, 255, 224, 0.6); }
.border-\[\#2B2B2B\] { --tw-border-opacity: 1; border-color: rgb(43 43 43 / var(--tw-border-opacity, 1)); }
.border-\[\#333\] { --tw-border-opacity: 1; border-color: rgb(51 51 51 / var(--tw-border-opacity, 1)); }
.border-\[\#FF13A599\]\/60 { border-color: rgba(255, 19, 165, 0.6); }
.border-\[\#FFFF134D\]\/60 { border-color: rgba(255, 255, 19, 0.6); }
.border-\[\#FFFFFF1A\] { border-color: rgba(255, 255, 255, 0.1); }
.border-\[\#FFFFFF1F\] { border-color: rgba(255, 255, 255, 0.12); }
.border-\[\#FFFFFF33\] { border-color: rgba(255, 255, 255, 0.2); }
.border-\[\#FFFFFF4D\] { border-color: rgba(255, 255, 255, 0.3); }
.border-\[\#FFFFFF73\] { border-color: rgba(255, 255, 255, 0.45); }
.border-\[\#FFFFFF80\] { border-color: rgba(255, 255, 255, 0.5); }
.border-\[\#FFFFFFCC\] { border-color: rgba(255, 255, 255, 0.8); }
.border-\[--base-300\] { border-color: var(--base-300); }
.border-\[--by-100\] { border-color: var(--by-100); }
.border-\[--secGray-400\] { border-color: var(--secGray-400); }
.border-\[transparent\] { border-color: transparent; }
.border-amber-500\/60 { border-color: rgba(245, 158, 11, 0.6); }
.border-background { --tw-border-opacity: 1; border-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-border-opacity))); }
.border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); }
.border-blue-500\/60 { border-color: rgba(59, 130, 246, 0.6); }
.border-blue-600\/60 { border-color: rgba(37, 99, 235, 0.6); }
.border-cyan-500\/60 { border-color: rgba(6, 182, 212, 0.6); }
.border-cyan-600\/60 { border-color: rgba(8, 145, 178, 0.6); }
.border-danger { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.border-danger-100 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-border-opacity))); }
.border-danger-200 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger-200) / var(--nextui-danger-200-opacity, var(--tw-border-opacity))); }
.border-default { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.border-default-200 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-border-opacity))); }
.border-default-300 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-border-opacity))); }
.border-divider { --tw-border-opacity: 1; border-color: hsl(var(--nextui-divider) / var(--nextui-divider-opacity, var(--tw-border-opacity))); }
.border-emerald-400\/60 { border-color: rgba(52, 211, 153, 0.6); }
.border-emerald-600\/60 { border-color: rgba(5, 150, 105, 0.6); }
.border-error { --tw-border-opacity: 1; border-color: hsl(var(--nextui-error) / var(--nextui-error-opacity, var(--tw-border-opacity))); }
.border-foreground { --tw-border-opacity: 1; border-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))); }
.border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity, 1)); }
.border-gray-500\/60 { border-color: rgba(107, 114, 128, 0.6); }
.border-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); }
.border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity, 1)); }
.border-lightBrand\/60 { border-color: hsl(var(--nextui-lightBrand) / .6); }
.border-orange-400\/60 { border-color: rgba(251, 146, 60, 0.6); }
.border-orange-500\/60 { border-color: rgba(249, 115, 22, 0.6); }
.border-pink-500\/60 { border-color: rgba(236, 72, 153, 0.6); }
.border-pink-600\/60 { border-color: rgba(219, 39, 119, 0.6); }
.border-primary { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.border-primary-100 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary-100) / var(--nextui-primary-100-opacity, var(--tw-border-opacity))); }
.border-primary-200 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary-200) / var(--nextui-primary-200-opacity, var(--tw-border-opacity))); }
.border-purple-500\/60 { border-color: rgba(168, 85, 247, 0.6); }
.border-purple-600\/60 { border-color: rgba(147, 51, 234, 0.6); }
.border-purple-700\/60 { border-color: rgba(126, 34, 206, 0.6); }
.border-red-500\/60 { border-color: rgba(239, 68, 68, 0.6); }
.border-rose-500\/60 { border-color: rgba(244, 63, 94, 0.6); }
.border-rose-600\/60 { border-color: rgba(225, 29, 72, 0.6); }
.border-secondary { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.border-secondary-100 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary-100) / var(--nextui-secondary-100-opacity, var(--tw-border-opacity))); }
.border-secondary-200 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary-200) / var(--nextui-secondary-200-opacity, var(--tw-border-opacity))); }
.border-sub { border-color: rgba(255, 255, 255, 0.8); }
.border-success { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.border-success-100 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-border-opacity))); }
.border-success-200 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success-200) / var(--nextui-success-200-opacity, var(--tw-border-opacity))); }
.border-success-300 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success-300) / var(--nextui-success-300-opacity, var(--tw-border-opacity))); }
.border-teal-500\/60 { border-color: rgba(20, 184, 166, 0.6); }
.border-transparent { border-color: transparent; }
.border-violet-700\/60 { border-color: rgba(109, 40, 217, 0.6); }
.border-warning { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.border-warning-100 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-border-opacity))); }
.border-warning-200 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning-200) / var(--nextui-warning-200-opacity, var(--tw-border-opacity))); }
.border-warning-300 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning-300) / var(--nextui-warning-300-opacity, var(--tw-border-opacity))); }
.border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
.border-white\/30 { border-color: rgba(255, 255, 255, 0.3); }
.border-white\/5 { border-color: rgba(255, 255, 255, 0.05); }
.border-yellow-500\/60 { border-color: rgba(234, 179, 8, 0.6); }
.border-yellow-600\/60 { border-color: rgba(202, 138, 4, 0.6); }
.border-x-transparent { border-left-color: transparent; border-right-color: transparent; }
.border-y-transparent { border-top-color: transparent; border-bottom-color: transparent; }
.border-b-current { border-bottom-color: currentcolor; }
.border-b-danger { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.border-b-default { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.border-b-foreground { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))); }
.border-b-primary { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.border-b-secondary { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.border-b-success { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.border-b-warning { --tw-border-opacity: 1; border-bottom-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.border-b-white { --tw-border-opacity: 1; border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.border-l-transparent { border-left-color: transparent; }
.border-r-transparent { border-right-color: transparent; }
.border-s-danger { --tw-border-opacity: 1; border-inline-start-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.border-s-foreground { --tw-border-opacity: 1; border-inline-start-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))); }
.border-s-primary { --tw-border-opacity: 1; border-inline-start-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.border-s-secondary { --tw-border-opacity: 1; border-inline-start-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.border-s-success { --tw-border-opacity: 1; border-inline-start-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.border-s-warning { --tw-border-opacity: 1; border-inline-start-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.border-t-transparent { border-top-color: transparent; }
.\!bg-\[\#0000000D\] { background-color: rgba(0, 0, 0, 0.05) !important; }
.\!bg-\[\#090A09\] { --tw-bg-opacity: 1 !important; background-color: rgb(9 10 9 / var(--tw-bg-opacity, 1)) !important; }
.\!bg-\[\#151515\] { --tw-bg-opacity: 1 !important; background-color: rgb(21 21 21 / var(--tw-bg-opacity, 1)) !important; }
.\!bg-\[\#E5199F\] { --tw-bg-opacity: 1 !important; background-color: rgb(229 25 159 / var(--tw-bg-opacity, 1)) !important; }
.\!bg-\[inherit\] { background-color: inherit !important; }
.\!bg-\[transparent\] { background-color: transparent !important; }
.\!bg-danger-50 { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))) !important; }
.\!bg-lightBrand { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-lightBrand) / var(--nextui-lightBrand-opacity, var(--tw-bg-opacity))) !important; }
.\!bg-transparent { background-color: transparent !important; }
.\!bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.bg-\[\#0000000D\] { background-color: rgba(0, 0, 0, 0.05); }
.bg-\[\#0000005a\] { background-color: rgba(0, 0, 0, 0.353); }
.bg-\[\#00F0FF\] { --tw-bg-opacity: 1; background-color: rgb(0 240 255 / var(--tw-bg-opacity, 1)); }
.bg-\[\#00FFCD\] { --tw-bg-opacity: 1; background-color: rgb(0 255 205 / var(--tw-bg-opacity, 1)); }
.bg-\[\#090A09B2\] { background-color: rgba(9, 10, 9, 0.698); }
.bg-\[\#090A09CC\] { background-color: rgba(9, 10, 9, 0.8); }
.bg-\[\#090A09\] { --tw-bg-opacity: 1; background-color: rgb(9 10 9 / var(--tw-bg-opacity, 1)); }
.bg-\[\#0B0C0F\] { --tw-bg-opacity: 1; background-color: rgb(11 12 15 / var(--tw-bg-opacity, 1)); }
.bg-\[\#0E0E0E\] { --tw-bg-opacity: 1; background-color: rgb(14 14 14 / var(--tw-bg-opacity, 1)); }
.bg-\[\#10141A\] { --tw-bg-opacity: 1; background-color: rgb(16 20 26 / var(--tw-bg-opacity, 1)); }
.bg-\[\#111\] { --tw-bg-opacity: 1; background-color: rgb(17 17 17 / var(--tw-bg-opacity, 1)); }
.bg-\[\#1362FF4D\]\/30 { background-color: rgba(19, 98, 255, 0.3); }
.bg-\[\#17181A\] { --tw-bg-opacity: 1; background-color: rgb(23 24 26 / var(--tw-bg-opacity, 1)); }
.bg-\[\#181818\] { --tw-bg-opacity: 1; background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1)); }
.bg-\[\#19FFE0\]\/30 { background-color: rgba(25, 255, 224, 0.3); }
.bg-\[\#1D2127\] { --tw-bg-opacity: 1; background-color: rgb(29 33 39 / var(--tw-bg-opacity, 1)); }
.bg-\[\#1E1E1E\] { --tw-bg-opacity: 1; background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1)); }
.bg-\[\#21E9FA\] { --tw-bg-opacity: 1; background-color: rgb(33 233 250 / var(--tw-bg-opacity, 1)); }
.bg-\[\#222\] { --tw-bg-opacity: 1; background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)); }
.bg-\[\#292929\] { --tw-bg-opacity: 1; background-color: rgb(41 41 41 / var(--tw-bg-opacity, 1)); }
.bg-\[\#2A313B\] { --tw-bg-opacity: 1; background-color: rgb(42 49 59 / var(--tw-bg-opacity, 1)); }
.bg-\[\#316BD9\] { --tw-bg-opacity: 1; background-color: rgb(49 107 217 / var(--tw-bg-opacity, 1)); }
.bg-\[\#333333\], .bg-\[\#333\] { --tw-bg-opacity: 1; background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1)); }
.bg-\[\#33CD0E\] { --tw-bg-opacity: 1; background-color: rgb(51 205 14 / var(--tw-bg-opacity, 1)); }
.bg-\[\#6B2CE1\] { --tw-bg-opacity: 1; background-color: rgb(107 44 225 / var(--tw-bg-opacity, 1)); }
.bg-\[\#913FEF33\] { background-color: rgba(145, 63, 239, 0.2); }
.bg-\[\#9747FF\] { --tw-bg-opacity: 1; background-color: rgb(151 71 255 / var(--tw-bg-opacity, 1)); }
.bg-\[\#D0221C\] { --tw-bg-opacity: 1; background-color: rgb(208 34 28 / var(--tw-bg-opacity, 1)); }
.bg-\[\#D9D9D9\] { --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1)); }
.bg-\[\#EE6700\] { --tw-bg-opacity: 1; background-color: rgb(238 103 0 / var(--tw-bg-opacity, 1)); }
.bg-\[\#EEA90E\] { --tw-bg-opacity: 1; background-color: rgb(238 169 14 / var(--tw-bg-opacity, 1)); }
.bg-\[\#FF13A599\]\/30 { background-color: rgba(255, 19, 165, 0.3); }
.bg-\[\#FF9900\] { --tw-bg-opacity: 1; background-color: rgb(255 153 0 / var(--tw-bg-opacity, 1)); }
.bg-\[\#FFFF134D\]\/30 { background-color: rgba(255, 255, 19, 0.3); }
.bg-\[\#FFFFFF0D\] { background-color: rgba(255, 255, 255, 0.05); }
.bg-\[\#FFFFFF12\] { background-color: rgba(255, 255, 255, 0.07); }
.bg-\[\#FFFFFF1A\] { background-color: rgba(255, 255, 255, 0.1); }
.bg-\[\#FFFFFF1F\] { background-color: rgba(255, 255, 255, 0.12); }
.bg-\[\#FFFFFF26\] { background-color: rgba(255, 255, 255, 0.15); }
.bg-\[\#FFFFFF33\] { background-color: rgba(255, 255, 255, 0.2); }
.bg-\[\#FFFFFF4D\] { background-color: rgba(255, 255, 255, 0.3); }
.bg-\[\#FFFFFFCC\] { background-color: rgba(255, 255, 255, 0.8); }
.bg-\[\#fff\] { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-\[--base-200\] { background-color: var(--base-200); }
.bg-\[--base-800\] { background-color: var(--base-800); }
.bg-\[rgba\(0\,0\,0\,0\.01\)\] { background-color: rgba(0, 0, 0, 0.01); }
.bg-\[rgba\(255\,255\,255\,0\.2\)\] { background-color: rgba(255, 255, 255, 0.2); }
.bg-\[transparent\] { background-color: transparent; }
.bg-amber-500\/30 { background-color: rgba(245, 158, 11, 0.3); }
.bg-background { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-bg-opacity))); }
.bg-background\/10 { background-color: hsl(var(--nextui-background) / .1); }
.bg-background\/70 { background-color: hsl(var(--nextui-background) / .7); }
.bg-background\/80 { background-color: hsl(var(--nextui-background) / .8); }
.bg-black { --tw-bg-opacity: 1; background-color: rgb(9 10 9 / var(--tw-bg-opacity, 1)); }
.bg-black\/30 { background-color: rgba(9, 10, 9, 0.3); }
.bg-black\/50 { background-color: rgba(9, 10, 9, 0.5); }
.bg-black\/60 { background-color: rgba(9, 10, 9, 0.6); }
.bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1)); }
.bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); }
.bg-blue-500\/30 { background-color: rgba(59, 130, 246, 0.3); }
.bg-blue-600\/30 { background-color: rgba(37, 99, 235, 0.3); }
.bg-content1 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity))); }
.bg-content3 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content3) / var(--nextui-content3-opacity, var(--tw-bg-opacity))); }
.bg-current { background-color: currentcolor; }
.bg-cyan-500\/30 { background-color: rgba(6, 182, 212, 0.3); }
.bg-cyan-600\/30 { background-color: rgba(8, 145, 178, 0.3); }
.bg-danger { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.bg-danger-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))); }
.bg-danger-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.bg-danger\/20 { background-color: hsl(var(--nextui-danger) / .2); }
.bg-default { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))); }
.bg-default-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.bg-default-200 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.bg-default-300\/50 { background-color: hsl(var(--nextui-default-300) / .5); }
.bg-default-400 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-bg-opacity))); }
.bg-default-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-50) / var(--nextui-default-50-opacity, var(--tw-bg-opacity))); }
.bg-default-500 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-bg-opacity))); }
.bg-default-800 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-800) / var(--nextui-default-800-opacity, var(--tw-bg-opacity))); }
.bg-default\/40 { background-color: hsl(var(--nextui-default) / .4); }
.bg-divider { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-divider) / var(--nextui-divider-opacity, var(--tw-bg-opacity))); }
.bg-emerald-400\/30 { background-color: rgba(52, 211, 153, 0.3); }
.bg-emerald-600\/30 { background-color: rgba(5, 150, 105, 0.3); }
.bg-error { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-error) / var(--nextui-error-opacity, var(--tw-bg-opacity))); }
.bg-foreground { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.bg-foreground\/10 { background-color: hsl(var(--nextui-foreground) / .1); }
.bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1)); }
.bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); }
.bg-gray-500\/30 { background-color: rgba(107, 114, 128, 0.3); }
.bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); }
.bg-lightBrand { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-lightBrand) / var(--nextui-lightBrand-opacity, var(--tw-bg-opacity))); }
.bg-lightBrand\/30 { background-color: hsl(var(--nextui-lightBrand) / .3); }
.bg-orange-400\/30 { background-color: rgba(251, 146, 60, 0.3); }
.bg-orange-500\/30 { background-color: rgba(249, 115, 22, 0.3); }
.bg-overlay\/30 { background-color: hsl(var(--nextui-overlay) / .3); }
.bg-overlay\/50 { background-color: hsl(var(--nextui-overlay) / .5); }
.bg-pink-500\/30 { background-color: rgba(236, 72, 153, 0.3); }
.bg-pink-600\/30 { background-color: rgba(219, 39, 119, 0.3); }
.bg-primary { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.bg-primary-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-100) / var(--nextui-primary-100-opacity, var(--tw-bg-opacity))); }
.bg-primary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.bg-primary\/20 { background-color: hsl(var(--nextui-primary) / .2); }
.bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); }
.bg-purple-500\/30 { background-color: rgba(168, 85, 247, 0.3); }
.bg-purple-600\/30 { background-color: rgba(147, 51, 234, 0.3); }
.bg-purple-700\/30 { background-color: rgba(126, 34, 206, 0.3); }
.bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); }
.bg-red-500\/30 { background-color: rgba(239, 68, 68, 0.3); }
.bg-red-900\/20 { background-color: rgba(127, 29, 29, 0.2); }
.bg-rose-500\/30 { background-color: rgba(244, 63, 94, 0.3); }
.bg-rose-600\/30 { background-color: rgba(225, 29, 72, 0.3); }
.bg-secondary { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.bg-secondary-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-100) / var(--nextui-secondary-100-opacity, var(--tw-bg-opacity))); }
.bg-secondary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.bg-secondary\/20 { background-color: hsl(var(--nextui-secondary) / .2); }
.bg-sub { background-color: rgba(255, 255, 255, 0.8); }
.bg-success { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.bg-success-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))); }
.bg-success-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.bg-success\/20 { background-color: hsl(var(--nextui-success) / .2); }
.bg-teal-500\/30 { background-color: rgba(20, 184, 166, 0.3); }
.bg-transparent { background-color: transparent; }
.bg-violet-700\/30 { background-color: rgba(109, 40, 217, 0.3); }
.bg-warning { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.bg-warning-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))); }
.bg-warning-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.bg-warning\/20 { background-color: hsl(var(--nextui-warning) / .2); }
.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.bg-yellow-500\/30 { background-color: rgba(234, 179, 8, 0.3); }
.bg-yellow-600\/30 { background-color: rgba(202, 138, 4, 0.3); }
.bg-opacity-50 { --tw-bg-opacity: .5; }
.bg-opacity-60 { --tw-bg-opacity: .6; }
.bg-\[url\(\'\@\/assets\/images\/_global\/ai_landing_bg\.png\'\)\] { background-image: url("../img/ai_landing_bg-CuJTqibc.png"); }
.bg-\[url\(\'\@\/assets\/images\/_global\/dashboard_verifier_landing_bg\.png\'\)\] { background-image: url("../img/dashboard_verifier_landing_bg-D8xc22tA.png"); }
.bg-\[url\(\'\@\/assets\/images\/_global\/socialTask_landing_bg\.png\'\)\] { background-image: url("../img/socialTask_landing_bg-C2zaGFvK.png"); }
.bg-\[url\(\'\@\/assets\/images\/_global\/zk_academy_bg\.png\'\)\] { background-image: url("../img/zk_academy_bg-rHTKybZh.png"); }
.bg-\[url\(\'\@\/assets\/images\/_global\/zk_ecosystem_bg\.png\'\)\] { background-image: url("../img/zk_ecosystem_bg-CGUWpo39.png"); }
.bg-\[url\(\'\@\/assets\/images\/_global\/zk_hardware_bg\.png\'\)\] { background-image: url("../img/zk_hardware_bg-COqXKEUU.png"); }
.bg-\[url\(\'\@\/assets\/images\/icon\/arrow_right_sm\.svg\'\)\] { background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='10'%20viewBox='0%200%2011%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.94194%200.183058C5.69786%20-0.0610194%205.30214%20-0.0610194%205.05806%200.183058C4.81398%200.427136%204.81398%200.822864%205.05806%201.06694L8.36612%204.375L1.125%204.375C0.779822%204.375%200.5%204.65482%200.5%205C0.5%205.34518%200.779822%205.625%201.125%205.625L8.36612%205.625L5.05806%208.93306C4.81398%209.17714%204.81398%209.57286%205.05806%209.81694C5.30214%2010.061%205.69786%2010.061%205.94194%209.81694L10.3169%205.44194C10.3769%205.38202%2010.4221%205.31295%2010.4526%205.23924C10.4819%205.16848%2010.4986%205.09116%2010.4999%205.01009C10.5%205.00674%2010.5%205.00337%2010.5%205C10.5%204.99663%2010.5%204.99326%2010.4999%204.98991C10.4986%204.90884%2010.4819%204.83152%2010.4526%204.76076C10.4221%204.68705%2010.3769%204.61798%2010.3169%204.55806L5.94194%200.183058Z'%20fill='%23090A09'/%3e%3c/svg%3e"); }
.bg-gradient-to-b { background-image: linear-gradient(to bottom,var(--tw-gradient-stops)); }
.bg-gradient-to-r { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
.bg-gradient-to-t { background-image: linear-gradient(to top,var(--tw-gradient-stops)); }
.bg-stripe-gradient-danger { background-image: linear-gradient(45deg,hsl(var(--nextui-danger-200)) 25%,hsl(var(--nextui-danger)) 25%,hsl(var(--nextui-danger)) 50%,hsl(var(--nextui-danger-200)) 50%,hsl(var(--nextui-danger-200)) 75%,hsl(var(--nextui-danger)) 75%,hsl(var(--nextui-danger))); }
.bg-stripe-gradient-default { background-image: linear-gradient(45deg,hsl(var(--nextui-default-200)) 25%,hsl(var(--nextui-default-400)) 25%,hsl(var(--nextui-default-400)) 50%,hsl(var(--nextui-default-200)) 50%,hsl(var(--nextui-default-200)) 75%,hsl(var(--nextui-default-400)) 75%,hsl(var(--nextui-default-400))); }
.bg-stripe-gradient-primary { background-image: linear-gradient(45deg,hsl(var(--nextui-primary-200)) 25%,hsl(var(--nextui-primary)) 25%,hsl(var(--nextui-primary)) 50%,hsl(var(--nextui-primary-200)) 50%,hsl(var(--nextui-primary-200)) 75%,hsl(var(--nextui-primary)) 75%,hsl(var(--nextui-primary))); }
.bg-stripe-gradient-secondary { background-image: linear-gradient(45deg,hsl(var(--nextui-secondary-200)) 25%,hsl(var(--nextui-secondary)) 25%,hsl(var(--nextui-secondary)) 50%,hsl(var(--nextui-secondary-200)) 50%,hsl(var(--nextui-secondary-200)) 75%,hsl(var(--nextui-secondary)) 75%,hsl(var(--nextui-secondary))); }
.bg-stripe-gradient-success { background-image: linear-gradient(45deg,hsl(var(--nextui-success-200)) 25%,hsl(var(--nextui-success)) 25%,hsl(var(--nextui-success)) 50%,hsl(var(--nextui-success-200)) 50%,hsl(var(--nextui-success-200)) 75%,hsl(var(--nextui-success)) 75%,hsl(var(--nextui-success))); }
.bg-stripe-gradient-warning { background-image: linear-gradient(45deg,hsl(var(--nextui-warning-200)) 25%,hsl(var(--nextui-warning)) 25%,hsl(var(--nextui-warning)) 50%,hsl(var(--nextui-warning-200)) 50%,hsl(var(--nextui-warning-200)) 75%,hsl(var(--nextui-warning)) 75%,hsl(var(--nextui-warning))); }
.from-\[\#0DA591\] { --tw-gradient-from: #0DA591 var(--tw-gradient-from-position); --tw-gradient-to: rgb(13 165 145 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#17D1B2\] { --tw-gradient-from: #17D1B2 var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 209 178 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#196DFF\] { --tw-gradient-from: #196DFF var(--tw-gradient-from-position); --tw-gradient-to: rgb(25 109 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#19ffe066\] { --tw-gradient-from: #19ffe066 var(--tw-gradient-from-position); --tw-gradient-to: rgb(25 255 224 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#19ffe07f\] { --tw-gradient-from: #19ffe07f var(--tw-gradient-from-position); --tw-gradient-to: rgb(25 255 224 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#212121\] { --tw-gradient-from: #212121 var(--tw-gradient-from-position); --tw-gradient-to: rgb(33 33 33 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#2744FF\] { --tw-gradient-from: #2744FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(39 68 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#34FFE1\] { --tw-gradient-from: #34FFE1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(52 255 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#3500E5\] { --tw-gradient-from: #3500E5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(53 0 229 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#3C19FF\] { --tw-gradient-from: #3C19FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(60 25 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#5B0995\] { --tw-gradient-from: #5B0995 var(--tw-gradient-from-position); --tw-gradient-to: rgb(91 9 149 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#6B2CE1\] { --tw-gradient-from: #6B2CE1 var(--tw-gradient-from-position); --tw-gradient-to: rgb(107 44 225 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#9838FF\] { --tw-gradient-from: #9838FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(152 56 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-\[\#9D47FF\] { --tw-gradient-from: #9D47FF var(--tw-gradient-from-position); --tw-gradient-to: rgb(157 71 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-lightBrand { --tw-gradient-from: hsl(var(--nextui-lightBrand) / var(--nextui-lightBrand-opacity, 1)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--nextui-lightBrand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-500 { --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.from-purple-700 { --tw-gradient-from: #7e22ce var(--tw-gradient-from-position); --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.via-blue-400 { --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #60a5fa var(--tw-gradient-via-position), var(--tw-gradient-to); }
.via-blue-500 { --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to); }
.to-\[\#009C87\] { --tw-gradient-to: #009C87 var(--tw-gradient-to-position); }
.to-\[\#0DA59100\] { --tw-gradient-to: #0DA59100 var(--tw-gradient-to-position); }
.to-\[\#196DFF00\] { --tw-gradient-to: #196DFF00 var(--tw-gradient-to-position); }
.to-\[\#1F9987\] { --tw-gradient-to: #1F9987 var(--tw-gradient-to-position); }
.to-\[\#2C0B50\] { --tw-gradient-to: #2C0B50 var(--tw-gradient-to-position); }
.to-\[\#3A187B\] { --tw-gradient-to: #3A187B var(--tw-gradient-to-position); }
.to-\[\#3C19FF00\] { --tw-gradient-to: #3C19FF00 var(--tw-gradient-to-position); }
.to-\[\#4C1F99\] { --tw-gradient-to: #4C1F99 var(--tw-gradient-to-position); }
.to-\[\#4d00ff7f\] { --tw-gradient-to: #4d00ff7f var(--tw-gradient-to-position); }
.to-\[\#589EFF\] { --tw-gradient-to: #589EFF var(--tw-gradient-to-position); }
.to-\[\#5B099500\] { --tw-gradient-to: #5B099500 var(--tw-gradient-to-position); }
.to-\[\#9D47FF\] { --tw-gradient-to: #9D47FF var(--tw-gradient-to-position); }
.to-\[\#9d47ff66\] { --tw-gradient-to: #9d47ff66 var(--tw-gradient-to-position); }
.to-\[\#BCA7FF\] { --tw-gradient-to: #BCA7FF var(--tw-gradient-to-position); }
.to-\[transparent\] { --tw-gradient-to: transparent var(--tw-gradient-to-position); }
.to-green-300 { --tw-gradient-to: #5eead4 var(--tw-gradient-to-position); }
.to-green-400 { --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position); }
.to-lightBrand { --tw-gradient-to: hsl(var(--nextui-lightBrand) / var(--nextui-lightBrand-opacity, 1)) var(--tw-gradient-to-position); }
.to-purple-500 { --tw-gradient-to: #a855f7 var(--tw-gradient-to-position); }
.bg-cover { background-size: cover; }
.bg-stripe-size { background-size: 1.25rem 1.25rem; }
.bg-clip-text { background-clip: text; }
.\!bg-center { background-position: center center !important; }
.bg-\[3rem\] { background-position: 3rem center; }
.bg-center { background-position: center center; }
.bg-repeat-x { background-repeat: repeat-x; }
.\!fill-\[rgba\(0\,0\,0\,0\.5\)\] { fill: rgba(0, 0, 0, 0.5) !important; }
.fill-\[--accentPurpe\] { fill: var(--accentPurpe); }
.fill-\[--base-900\] { fill: var(--base-900); }
.fill-current { fill: currentcolor; }
.fill-white { fill: rgb(255, 255, 255); }
.stroke-\[--base-900\] { stroke: var(--base-900); }
.stroke-\[--secGray-600\] { stroke: var(--secGray-600); }
.stroke-black { stroke: rgb(9, 10, 9); }
.stroke-current { stroke: currentcolor; }
.stroke-default-300\/50 { stroke: hsl(var(--nextui-default-300) / .5); }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.\!p-0 { padding: 0px !important; }
.\!p-1 { padding: 0.25rem !important; }
.\!p-6 { padding: 1.5rem !important; }
.p-0 { padding: 0px; }
.p-1 { padding: 0.25rem; }
.p-1\.5 { padding: 0.375rem; }
.p-2 { padding: 0.5rem; }
.p-2\.5 { padding: 0.625rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.\!px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.\!px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.\!px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.\!px-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
.\!py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.\!py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.\!py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.px-0 { padding-left: 0px; padding-right: 0px; }
.px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-12 { padding-left: 3rem; padding-right: 3rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-24 { padding-left: 6rem; padding-right: 6rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }
.px-\[0\.625rem\] { padding-left: 0.625rem; padding-right: 0.625rem; }
.px-\[0\] { padding-left: 0px; padding-right: 0px; }
.px-\[1rem\] { padding-left: 1rem; padding-right: 1rem; }
.px-\[2\.25rem\] { padding-left: 2.25rem; padding-right: 2.25rem; }
.py-0 { padding-top: 0px; padding-bottom: 0px; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-\[0\.6875rem\] { padding-top: 0.6875rem; padding-bottom: 0.6875rem; }
.py-\[0\] { padding-top: 0px; padding-bottom: 0px; }
.py-\[1\.25rem\] { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-\[80px\] { padding-top: 80px; padding-bottom: 80px; }
.\!pb-0 { padding-bottom: 0px !important; }
.\!pb-16 { padding-bottom: 4rem !important; }
.\!pt-2 { padding-top: 0.5rem !important; }
.\!pt-4 { padding-top: 1rem !important; }
.pb-0 { padding-bottom: 0px; }
.pb-0\.5 { padding-bottom: 0.125rem; }
.pb-1 { padding-bottom: 0.25rem; }
.pb-1\.5 { padding-bottom: 0.375rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-12 { padding-bottom: 3rem; }
.pb-16 { padding-bottom: 4rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pb-4 { padding-bottom: 1rem; }
.pb-6 { padding-bottom: 1.5rem; }
.pb-\[1px\] { padding-bottom: 1px; }
.pe-2 { padding-inline-end: 0.5rem; }
.pe-6 { padding-inline-end: 1.5rem; }
.pl-0\.5 { padding-left: 0.125rem; }
.pl-1 { padding-left: 0.25rem; }
.pl-10 { padding-left: 2.5rem; }
.pl-3 { padding-left: 0.75rem; }
.pl-4 { padding-left: 1rem; }
.pl-6 { padding-left: 1.5rem; }
.pl-\[1px\] { padding-left: 1px; }
.pr-0\.5 { padding-right: 0.125rem; }
.pr-1 { padding-right: 0.25rem; }
.pr-4 { padding-right: 1rem; }
.pr-6 { padding-right: 1.5rem; }
.ps-2 { padding-inline-start: 0.5rem; }
.pt-0 { padding-top: 0px; }
.pt-1 { padding-top: 0.25rem; }
.pt-10 { padding-top: 2.5rem; }
.pt-12 { padding-top: 3rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-20 { padding-top: 5rem; }
.pt-4 { padding-top: 1rem; }
.pt-6 { padding-top: 1.5rem; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-start { text-align: start; }
.text-end { text-align: end; }
.align-middle { vertical-align: middle; }
.font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.font-sans { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
.\!text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
.\!text-3xl { font-size: 1.875rem !important; line-height: 2.25rem !important; }
.\!text-4xl { font-size: 2.25rem !important; line-height: 2.5rem !important; }
.\!text-\[18px\] { font-size: 18px !important; }
.\!text-\[32px\] { font-size: 32px !important; }
.\!text-\[36px\] { font-size: 36px !important; }
.\!text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
.\!text-sm { font-size: 0.875rem !important; line-height: 1.25rem !important; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-7xl { font-size: 4.5rem; line-height: 1; }
.text-\[0\.55rem\] { font-size: 0.55rem; }
.text-\[0\.5rem\] { font-size: 0.5rem; }
.text-\[0\.6rem\] { font-size: 0.6rem; }
.text-\[1\.125rem\] { font-size: 1.125rem; }
.text-\[100\%\] { font-size: 100%; }
.text-\[12px\] { font-size: 12px; }
.text-\[24px\] { font-size: 24px; }
.text-\[2rem\] { font-size: 2rem; }
.text-\[32px\] { font-size: 32px; }
.text-\[36px\] { font-size: 36px; }
.text-\[48px\] { font-size: 48px; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-large { font-size: var(--nextui-font-size-large); line-height: var(--nextui-line-height-large); }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-medium { font-size: var(--nextui-font-size-medium); line-height: var(--nextui-line-height-medium); }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-small { font-size: var(--nextui-font-size-small); line-height: var(--nextui-line-height-small); }
.text-tiny { font-size: var(--nextui-font-size-tiny); line-height: var(--nextui-line-height-tiny); }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }
.\!font-\[200\] { font-weight: 200 !important; }
.\!font-\[400\] { font-weight: 400 !important; }
.\!font-\[500\] { font-weight: 500 !important; }
.\!font-\[600\] { font-weight: 600 !important; }
.\!font-light { font-weight: 300 !important; }
.\!font-normal { font-weight: 400 !important; }
.font-\[200\] { font-weight: 200; }
.font-\[400\] { font-weight: 400; }
.font-\[500\] { font-weight: 500; }
.font-\[700\], .font-bold { font-weight: 700; }
.font-extralight { font-weight: 200; }
.font-light { font-weight: 300; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.\!normal-case { text-transform: none !important; }
.normal-case { text-transform: none; }
.tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); }
.leading-5 { line-height: 1.25rem; }
.leading-\[1\.15\] { line-height: 1.15; }
.leading-\[1\.2\] { line-height: 1.2; }
.leading-\[1\.3\] { line-height: 1.3; }
.leading-\[1\] { line-height: 1; }
.leading-\[32px\] { line-height: 32px; }
.leading-none { line-height: 1; }
.leading-relaxed { line-height: 1.625; }
.\!tracking-normal { letter-spacing: 0em !important; }
.\!tracking-wider { letter-spacing: 0.05em !important; }
.\!tracking-widest { letter-spacing: 0.1em !important; }
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.\!text-\[\#EA4335\] { --tw-text-opacity: 1 !important; color: rgb(234 67 53 / var(--tw-text-opacity, 1)) !important; }
.\!text-\[\#fff\] { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.\!text-\[24\] { }
.\!text-black { --tw-text-opacity: 1 !important; color: rgb(9 10 9 / var(--tw-text-opacity, 1)) !important; }
.\!text-danger { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))) !important; }
.\!text-lightBrand { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-lightBrand) / var(--nextui-lightBrand-opacity, var(--tw-text-opacity))) !important; }
.\!text-sub { color: rgba(255, 255, 255, 0.8) !important; }
.\!text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.text-\[\#\#D3D3D3\] { }
.text-\[\#000\] { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); }
.text-\[\#00F0FF\] { --tw-text-opacity: 1; color: rgb(0 240 255 / var(--tw-text-opacity, 1)); }
.text-\[\#22D3EE\] { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity, 1)); }
.text-\[\#737373\] { --tw-text-opacity: 1; color: rgb(115 115 115 / var(--tw-text-opacity, 1)); }
.text-\[\#75FF52CC\] { color: rgba(117, 255, 82, 0.8); }
.text-\[\#777\] { --tw-text-opacity: 1; color: rgb(119 119 119 / var(--tw-text-opacity, 1)); }
.text-\[\#A1A1AA\] { --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity, 1)); }
.text-\[\#A3A3A3\] { --tw-text-opacity: 1; color: rgb(163 163 163 / var(--tw-text-opacity, 1)); }
.text-\[\#C0C0C5\] { --tw-text-opacity: 1; color: rgb(192 192 197 / var(--tw-text-opacity, 1)); }
.text-\[\#EE6700\] { --tw-text-opacity: 1; color: rgb(238 103 0 / var(--tw-text-opacity, 1)); }
.text-\[\#FF401A\] { --tw-text-opacity: 1; color: rgb(255 64 26 / var(--tw-text-opacity, 1)); }
.text-\[\#FFFFFF73\] { color: rgba(255, 255, 255, 0.45); }
.text-\[\#FFFFFF80\] { color: rgba(255, 255, 255, 0.5); }
.text-\[\#fff\] { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-\[--secGray-900\] { color: var(--secGray-900); }
.text-\[inherit\] { color: inherit; }
.text-\[rgba\(255\,255\,255\,0\.8\)\] { color: rgba(255, 255, 255, 0.8); }
.text-background { --tw-text-opacity: 1; color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity))); }
.text-black { --tw-text-opacity: 1; color: rgb(9 10 9 / var(--tw-text-opacity, 1)); }
.text-black\/90 { color: rgba(9, 10, 9, 0.9); }
.text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); }
.text-current { color: currentcolor; }
.text-danger { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.text-danger-300 { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-300) / var(--nextui-danger-300-opacity, var(--tw-text-opacity))); }
.text-danger-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.text-danger-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-600) / var(--nextui-danger-600-opacity, var(--tw-text-opacity))); }
.text-danger-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.text-danger\/80 { color: hsl(var(--nextui-danger) / .8); }
.text-default-400 { --tw-text-opacity: 1; color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-text-opacity))); }
.text-default-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity))); }
.text-default-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity))); }
.text-default-700 { --tw-text-opacity: 1; color: hsl(var(--nextui-default-700) / var(--nextui-default-700-opacity, var(--tw-text-opacity))); }
.text-default-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.text-error { --tw-text-opacity: 1; color: hsl(var(--nextui-error) / var(--nextui-error-opacity, var(--tw-text-opacity))); }
.text-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.text-foreground-400 { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-400) / var(--nextui-foreground-400-opacity, var(--tw-text-opacity))); }
.text-foreground-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-500) / var(--nextui-foreground-500-opacity, var(--tw-text-opacity))); }
.text-foreground-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-600) / var(--nextui-foreground-600-opacity, var(--tw-text-opacity))); }
.text-foreground\/50 { color: hsl(var(--nextui-foreground) / .5); }
.text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); }
.text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); }
.text-green-400 { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity, 1)); }
.text-lightBrand { --tw-text-opacity: 1; color: hsl(var(--nextui-lightBrand) / var(--nextui-lightBrand-opacity, var(--tw-text-opacity))); }
.text-primary { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.text-primary-300 { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-300) / var(--nextui-primary-300-opacity, var(--tw-text-opacity))); }
.text-primary-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-500) / var(--nextui-primary-500-opacity, var(--tw-text-opacity))); }
.text-primary-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-600) / var(--nextui-primary-600-opacity, var(--tw-text-opacity))); }
.text-primary-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.text-primary\/80 { color: hsl(var(--nextui-primary) / .8); }
.text-secondary { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.text-secondary-300 { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-300) / var(--nextui-secondary-300-opacity, var(--tw-text-opacity))); }
.text-secondary-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-500) / var(--nextui-secondary-500-opacity, var(--tw-text-opacity))); }
.text-secondary-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-600) / var(--nextui-secondary-600-opacity, var(--tw-text-opacity))); }
.text-secondary-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.text-secondary\/80 { color: hsl(var(--nextui-secondary) / .8); }
.text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); }
.text-sub { color: rgba(255, 255, 255, 0.8); }
.text-success { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.text-success-400 { --tw-text-opacity: 1; color: hsl(var(--nextui-success-400) / var(--nextui-success-400-opacity, var(--tw-text-opacity))); }
.text-success-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-success-500) / var(--nextui-success-500-opacity, var(--tw-text-opacity))); }
.text-success-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.text-success-700 { --tw-text-opacity: 1; color: hsl(var(--nextui-success-700) / var(--nextui-success-700-opacity, var(--tw-text-opacity))); }
.text-success-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.text-success\/80 { color: hsl(var(--nextui-success) / .8); }
.text-transparent { color: transparent; }
.text-warning { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.text-warning-400 { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-400) / var(--nextui-warning-400-opacity, var(--tw-text-opacity))); }
.text-warning-500 { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-500) / var(--nextui-warning-500-opacity, var(--tw-text-opacity))); }
.text-warning-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity))); }
.text-warning-700 { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-700) / var(--nextui-warning-700-opacity, var(--tw-text-opacity))); }
.text-warning-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.text-warning\/80 { color: hsl(var(--nextui-warning) / .8); }
.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); }
.\!underline { text-decoration-line: underline !important; }
.underline { text-decoration-line: underline; }
.no-underline { text-decoration-line: none; }
.underline-offset-4 { text-underline-offset: 4px; }
.antialiased { -webkit-font-smoothing: antialiased; }
.subpixel-antialiased { -webkit-font-smoothing: auto; }
.\!opacity-100 { opacity: 1 !important; }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-75 { opacity: 0.75; }
.opacity-\[0\.0001\] { opacity: 0.0001; }
.opacity-\[1\] { opacity: 1; }
.opacity-\[value\] { }
.opacity-disabled { opacity: var(--nextui-disabled-opacity); }
.\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow) !important; }
.shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-\[\#090A09_0_-50px_200px_100px_inset\] { --tw-shadow: #090A09 0 -50px 200px 100px inset; --tw-shadow-colored: inset 0 -50px 200px 100px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0 1px 0px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-\[0px_0px_10px_0px_\#00000033\] { --tw-shadow: 0px 0px 10px 0px #00000033; --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-\[0px_20px_20px_0px_rgb\(0_0_0\/0\.05\)\] { --tw-shadow: 0px 20px 20px 0px rgb(0 0 0/.05); --tw-shadow-colored: 0px 20px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-\[inset_0px_0px_100px_100px_rgba\(9\,10\,9\,1\)\] { --tw-shadow: inset 0px 0px 100px 100px rgba(9,10,9,1); --tw-shadow-colored: inset 0px 0px 100px 100px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-large { --tw-shadow: var(--nextui-box-shadow-large); --tw-shadow-colored: var(--nextui-box-shadow-large); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-medium { --tw-shadow: var(--nextui-box-shadow-medium); --tw-shadow-colored: var(--nextui-box-shadow-medium); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-small { --tw-shadow: var(--nextui-box-shadow-small); --tw-shadow-colored: var(--nextui-box-shadow-small); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.shadow-black\/5 { --tw-shadow-color: rgb(9 10 9 / .05); --tw-shadow: var(--tw-shadow-colored); }
.shadow-danger\/40 { --tw-shadow-color: hsl(var(--nextui-danger) / .4); --tw-shadow: var(--tw-shadow-colored); }
.shadow-default\/50 { --tw-shadow-color: hsl(var(--nextui-default) / .5); --tw-shadow: var(--tw-shadow-colored); }
.shadow-foreground\/40 { --tw-shadow-color: hsl(var(--nextui-foreground) / .4); --tw-shadow: var(--tw-shadow-colored); }
.shadow-primary\/40 { --tw-shadow-color: hsl(var(--nextui-primary) / .4); --tw-shadow: var(--tw-shadow-colored); }
.shadow-secondary\/40 { --tw-shadow-color: hsl(var(--nextui-secondary) / .4); --tw-shadow: var(--tw-shadow-colored); }
.shadow-success\/40 { --tw-shadow-color: hsl(var(--nextui-success) / .4); --tw-shadow: var(--tw-shadow-colored); }
.shadow-warning\/40 { --tw-shadow-color: hsl(var(--nextui-warning) / .4); --tw-shadow: var(--tw-shadow-colored); }
.\!outline-none { outline: transparent solid 2px !important; outline-offset: 2px !important; }
.outline-none { outline: transparent solid 2px; outline-offset: 2px; }
.ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.ring-background { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-ring-opacity))); }
.ring-danger { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-ring-opacity))); }
.ring-default { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-ring-opacity))); }
.ring-focus { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, var(--tw-ring-opacity))); }
.ring-primary { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-ring-opacity))); }
.ring-secondary { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-ring-opacity))); }
.ring-success { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-ring-opacity))); }
.ring-transparent { --tw-ring-color: transparent; }
.ring-warning { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-ring-opacity))); }
.ring-offset-2 { --tw-ring-offset-width: 2px; }
.ring-offset-background { --tw-ring-offset-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, 1)); }
.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); }
.blur-\[10px\] { --tw-blur: blur(10px); 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); }
.blur-\[2px\] { --tw-blur: blur(2px); 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); }
.blur-\[3px\] { --tw-blur: blur(3px); 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); }
.blur-\[5px\] { --tw-blur: blur(5px); 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); }
.blur-lg { --tw-blur: blur(16px); 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); }
.brightness-50 { --tw-brightness: brightness(.5); 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); }
.brightness-\[0\.2\] { --tw-brightness: brightness(.2); 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); }
.brightness-\[0\.3\] { --tw-brightness: brightness(.3); 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); }
.brightness-\[0\.4\] { --tw-brightness: brightness(.4); 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); }
.brightness-\[0\.7\] { --tw-brightness: brightness(.7); 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); }
.grayscale { --tw-grayscale: grayscale(100%); 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); }
.saturate-150 { --tw-saturate: saturate(1.5); 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); }
.\!backdrop-blur-none { --tw-backdrop-blur:  !important; backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; }
.backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-\[4px\] { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-lg { --tw-backdrop-blur: blur(16px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-md { --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-blur-xl { --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-opacity-disabled { --tw-backdrop-opacity: opacity(var(--nextui-disabled-opacity)); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-saturate-150 { --tw-backdrop-saturate: saturate(1.5); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-saturate-200 { --tw-backdrop-saturate: saturate(2); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.backdrop-filter-none { backdrop-filter: none; }
.\!transition-none { transition-property: none !important; }
.transition { 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: 0.25s; }
.transition-\[color\,opacity\] { transition-property: color, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-\[opacity\,transform\] { transition-property: opacity, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-\[transform\,background-color\,color\] { transition-property: transform, background-color, color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-\[transform\,color\,left\,opacity\] { transition-property: transform, color, left, opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-none { transition-property: none; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.\!duration-100 { transition-duration: 0.1s !important; }
.\!duration-150 { transition-duration: 0.15s !important; }
.\!duration-200 { transition-duration: 0.2s !important; }
.\!duration-250 { transition-duration: 0.25s !important; }
.\!duration-300 { transition-duration: 0.3s !important; }
.\!duration-500 { transition-duration: 0.5s !important; }
.duration-150 { transition-duration: 0.15s; }
.duration-200 { transition-duration: 0.2s; }
.duration-300 { transition-duration: 0.3s; }
.duration-500 { transition-duration: 0.5s; }
.\!ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; }
.\!ease-soft-spring { transition-timing-function: cubic-bezier(0.155, 1.105, 0.295, 1.12) !important; }
.ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
.ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.will-change-auto { will-change: auto; }
.will-change-transform { will-change: transform; }
.light, [data-theme="light"] { color-scheme: light; --nextui-background: 0 0% 100%; --nextui-foreground-50: 0 0% 98.04%; --nextui-foreground-100: 240 4.76% 95.88%; --nextui-foreground-200: 240 5.88% 90%; --nextui-foreground-300: 240 4.88% 83.92%; --nextui-foreground-400: 240 5.03% 64.9%; --nextui-foreground-500: 240 3.83% 46.08%; --nextui-foreground-600: 240 5.2% 33.92%; --nextui-foreground-700: 240 5.26% 26.08%; --nextui-foreground-800: 240 3.7% 15.88%; --nextui-foreground-900: 240 5.88% 10%; --nextui-foreground: 201.81999999999994 24.44% 8.82%; --nextui-divider: 0 0% 6.67%; --nextui-divider-opacity: .15; --nextui-focus: 212.01999999999998 100% 46.67%; --nextui-overlay: 0 0% 0%; --nextui-content1: 0 0% 100%; --nextui-content1-foreground: 201.81999999999994 24.44% 8.82%; --nextui-content2: 240 4.76% 95.88%; --nextui-content2-foreground: 240 3.7% 15.88%; --nextui-content3: 240 5.88% 90%; --nextui-content3-foreground: 240 5.26% 26.08%; --nextui-content4: 240 4.88% 83.92%; --nextui-content4-foreground: 240 5.2% 33.92%; --nextui-default-50: 0 0% 98.04%; --nextui-default-100: 240 4.76% 95.88%; --nextui-default-200: 240 5.88% 90%; --nextui-default-300: 240 4.88% 83.92%; --nextui-default-400: 240 5.03% 64.9%; --nextui-default-500: 240 3.83% 46.08%; --nextui-default-600: 240 5.2% 33.92%; --nextui-default-700: 240 5.26% 26.08%; --nextui-default-800: 240 3.7% 15.88%; --nextui-default-900: 240 5.88% 10%; --nextui-default-foreground: 0 0% 0%; --nextui-default: 240 4.88% 83.92%; --nextui-primary-50: 212.5 92.31% 94.9%; --nextui-primary-100: 211.84000000000003 92.45% 89.61%; --nextui-primary-200: 211.84000000000003 92.45% 79.22%; --nextui-primary-300: 212.24 92.45% 68.82%; --nextui-primary-400: 212.14 92.45% 58.43%; --nextui-primary-500: 212.01999999999998 100% 46.67%; --nextui-primary-600: 212.14 100% 38.43%; --nextui-primary-700: 212.24 100% 28.82%; --nextui-primary-800: 211.84000000000003 100% 19.22%; --nextui-primary-900: 211.84000000000003 100% 9.61%; --nextui-primary-foreground: 0 0% 100%; --nextui-primary: 212.01999999999998 100% 46.67%; --nextui-secondary-50: 270 61.54% 94.9%; --nextui-secondary-100: 270 59.26% 89.41%; --nextui-secondary-200: 270 59.26% 78.82%; --nextui-secondary-300: 270 59.26% 68.24%; --nextui-secondary-400: 270 59.26% 57.65%; --nextui-secondary-500: 270 66.67% 47.06%; --nextui-secondary-600: 270 66.67% 37.65%; --nextui-secondary-700: 270 66.67% 28.24%; --nextui-secondary-800: 270 66.67% 18.82%; --nextui-secondary-900: 270 66.67% 9.41%; --nextui-secondary-foreground: 0 0% 100%; --nextui-secondary: 270 66.67% 47.06%; --nextui-success-50: 146.66999999999996 64.29% 94.51%; --nextui-success-100: 145.71000000000004 61.4% 88.82%; --nextui-success-200: 146.2 61.74% 77.45%; --nextui-success-300: 145.78999999999996 62.57% 66.47%; --nextui-success-400: 146.01 62.45% 55.1%; --nextui-success-500: 145.96000000000004 79.46% 43.92%; --nextui-success-600: 146.01 79.89% 35.1%; --nextui-success-700: 145.78999999999996 79.26% 26.47%; --nextui-success-800: 146.2 79.78% 17.45%; --nextui-success-900: 145.71000000000004 77.78% 8.82%; --nextui-success-foreground: 0 0% 0%; --nextui-success: 145.96000000000004 79.46% 43.92%; --nextui-warning-50: 54.55000000000001 91.67% 95.29%; --nextui-warning-100: 37.139999999999986 91.3% 90.98%; --nextui-warning-200: 37.139999999999986 91.3% 81.96%; --nextui-warning-300: 36.95999999999998 91.24% 73.14%; --nextui-warning-400: 37.00999999999999 91.26% 64.12%; --nextui-warning-500: 37.02999999999997 91.27% 55.1%; --nextui-warning-600: 37.00999999999999 74.22% 44.12%; --nextui-warning-700: 36.95999999999998 73.96% 33.14%; --nextui-warning-800: 37.139999999999986 75% 21.96%; --nextui-warning-900: 37.139999999999986 75% 10.98%; --nextui-warning-foreground: 0 0% 0%; --nextui-warning: 37.02999999999997 91.27% 55.1%; --nextui-danger-50: 339.13 92% 95.1%; --nextui-danger-100: 340 91.84% 90.39%; --nextui-danger-200: 339.3299999999999 90% 80.39%; --nextui-danger-300: 339.11 90.6% 70.78%; --nextui-danger-400: 339 90% 60.78%; --nextui-danger-500: 339.20000000000005 90.36% 51.18%; --nextui-danger-600: 339 86.54% 40.78%; --nextui-danger-700: 339.11 85.99% 30.78%; --nextui-danger-800: 339.3299999999999 86.54% 20.39%; --nextui-danger-900: 340 84.91% 10.39%; --nextui-danger-foreground: 0 0% 100%; --nextui-danger: 339.20000000000005 90.36% 51.18%; --nextui-divider-weight: 1px; --nextui-disabled-opacity: .5; --nextui-font-size-tiny: .75rem; --nextui-font-size-small: .875rem; --nextui-font-size-medium: 1rem; --nextui-font-size-large: 1.125rem; --nextui-line-height-tiny: 1rem; --nextui-line-height-small: 1.25rem; --nextui-line-height-medium: 1.5rem; --nextui-line-height-large: 1.75rem; --nextui-radius-small: 8px; --nextui-radius-medium: 12px; --nextui-radius-large: 14px; --nextui-border-width-small: 1px; --nextui-border-width-medium: 2px; --nextui-border-width-large: 3px; --nextui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .02), 0px 2px 10px 0px rgb(0 0 0 / .06), 0px 0px 1px 0px rgb(0 0 0 / .3); --nextui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .03), 0px 2px 30px 0px rgb(0 0 0 / .08), 0px 0px 1px 0px rgb(0 0 0 / .3); --nextui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .04), 0px 30px 60px 0px rgb(0 0 0 / .12), 0px 0px 1px 0px rgb(0 0 0 / .3); --nextui-hover-opacity: .8; }
:root, .dark, [data-theme="dark"] { color-scheme: dark; --nextui-background: 0 0% 0%; --nextui-foreground-50: 240 5.88% 10%; --nextui-foreground-100: 240 3.7% 15.88%; --nextui-foreground-200: 240 5.26% 26.08%; --nextui-foreground-300: 240 5.2% 33.92%; --nextui-foreground-400: 240 3.83% 46.08%; --nextui-foreground-500: 240 5.03% 64.9%; --nextui-foreground-600: 240 4.88% 83.92%; --nextui-foreground-700: 240 5.88% 90%; --nextui-foreground-800: 240 4.76% 95.88%; --nextui-foreground-900: 0 0% 98.04%; --nextui-foreground: 210 5.56% 92.94%; --nextui-focus: 212.01999999999998 100% 46.67%; --nextui-overlay: 0 0% 0%; --nextui-divider: 0 0% 100%; --nextui-divider-opacity: .15; --nextui-content1: 240 5.88% 10%; --nextui-content1-foreground: 0 0% 98.04%; --nextui-content2: 240 3.7% 15.88%; --nextui-content2-foreground: 240 4.76% 95.88%; --nextui-content3: 240 5.26% 26.08%; --nextui-content3-foreground: 240 5.88% 90%; --nextui-content4: 240 5.2% 33.92%; --nextui-content4-foreground: 240 4.88% 83.92%; --nextui-default-50: 240 5.88% 10%; --nextui-default-100: 240 3.7% 15.88%; --nextui-default-200: 240 5.26% 26.08%; --nextui-default-300: 240 5.2% 33.92%; --nextui-default-400: 240 3.83% 46.08%; --nextui-default-500: 240 5.03% 64.9%; --nextui-default-600: 240 4.88% 83.92%; --nextui-default-700: 240 5.88% 90%; --nextui-default-800: 240 4.76% 95.88%; --nextui-default-900: 0 0% 98.04%; --nextui-default-foreground: 0 0% 100%; --nextui-default: 240 5.26% 26.08%; --nextui-primary-50: 211.84000000000003 100% 9.61%; --nextui-primary-100: 211.84000000000003 100% 19.22%; --nextui-primary-200: 212.24 100% 28.82%; --nextui-primary-300: 212.14 100% 38.43%; --nextui-primary-400: 212.01999999999998 100% 46.67%; --nextui-primary-500: 212.14 92.45% 58.43%; --nextui-primary-600: 212.24 92.45% 68.82%; --nextui-primary-700: 211.84000000000003 92.45% 79.22%; --nextui-primary-800: 211.84000000000003 92.45% 89.61%; --nextui-primary-900: 212.5 92.31% 94.9%; --nextui-primary-foreground: 0 0% 100%; --nextui-primary: 212.01999999999998 100% 46.67%; --nextui-secondary-50: 270 66.67% 9.41%; --nextui-secondary-100: 270 66.67% 18.82%; --nextui-secondary-200: 270 66.67% 28.24%; --nextui-secondary-300: 270 66.67% 37.65%; --nextui-secondary-400: 270 66.67% 47.06%; --nextui-secondary-500: 270 59.26% 57.65%; --nextui-secondary-600: 270 59.26% 68.24%; --nextui-secondary-700: 270 59.26% 78.82%; --nextui-secondary-800: 270 59.26% 89.41%; --nextui-secondary-900: 270 61.54% 94.9%; --nextui-secondary-foreground: 0 0% 100%; --nextui-secondary: 270 59.26% 57.65%; --nextui-success: 107.86000000000001 100% 66.08%; --nextui-warning: 34.94 84.04% 63.14%; --nextui-danger: 4.639999999999986 81.17% 56.27%; --nextui-lightBrand: 171.90999999999997 100% 54.9%; --nextui-error: 2.089999999999975 100% 66.27%; --nextui-divider-weight: 1px; --nextui-disabled-opacity: .5; --nextui-font-size-tiny: .75rem; --nextui-font-size-small: .875rem; --nextui-font-size-medium: 1rem; --nextui-font-size-large: 1.125rem; --nextui-line-height-tiny: 1rem; --nextui-line-height-small: 1.25rem; --nextui-line-height-medium: 1.5rem; --nextui-line-height-large: 1.75rem; --nextui-radius-small: 8px; --nextui-radius-medium: 12px; --nextui-radius-large: 14px; --nextui-border-width-small: 1px; --nextui-border-width-medium: 2px; --nextui-border-width-large: 3px; --nextui-box-shadow-small: 0px 0px 5px 0px rgb(0 0 0 / .05), 0px 2px 10px 0px rgb(0 0 0 / .2), inset 0px 0px 1px 0px rgb(255 255 255 / .15); --nextui-box-shadow-medium: 0px 0px 15px 0px rgb(0 0 0 / .06), 0px 2px 30px 0px rgb(0 0 0 / .22), inset 0px 0px 1px 0px rgb(255 255 255 / .15); --nextui-box-shadow-large: 0px 0px 30px 0px rgb(0 0 0 / .07), 0px 30px 60px 0px rgb(0 0 0 / .26), inset 0px 0px 1px 0px rgb(255 255 255 / .15); --nextui-hover-opacity: .9; }
.leading-inherit { line-height: inherit; }
.bg-img-inherit { background-image: inherit; }
.bg-clip-inherit { background-clip: inherit; }
.text-fill-inherit { -webkit-text-fill-color: inherit; }
.tap-highlight-transparent { -webkit-tap-highlight-color: transparent; }
.input-search-cancel-button-none::-webkit-search-cancel-button { appearance: none; }
.transition-background { transition-property: background; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-colors-opacity { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-width { transition-property: width; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-height { transition-property: height; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-size { transition-property: width, height; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-left { transition-property: left; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-transform-opacity { transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-transform-background { transition-property: transform, background; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-transform-colors { transition-property: transform, color, background, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: ease; transition-duration: 0.25s; }
.transition-transform-colors-opacity { transition-property: transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity; transition-timing-function: ease; transition-duration: 0.25s; }
.scrollbar-hide { scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-default { scrollbar-width: auto; }
.scrollbar-default::-webkit-scrollbar { display: block; }
.\[--cursor-hit-x\:8px\] { --cursor-hit-x: 8px; }
.\[--fallback-bc\:\#000\] { --fallback-bc: #000; }
.\[--fallback-bc\:\#fff\] { --fallback-bc: #fff; }
.\[--fallback-n\:\#000\] { --fallback-n: #000; }
.\[--fallback-n\:\#EEA90E\] { --fallback-n: #EEA90E; }
.\[--fallback-n\:transparent\] { --fallback-n: transparent; }
.\[--picker-height\:224px\] { --picker-height: 224px; }
.\[--scale-enter\:100\%\] { --scale-enter: 100%; }
.\[--scale-exit\:100\%\] { --scale-exit: 100%; }
.\[--scroll-shadow-size\:100px\] { --scroll-shadow-size: 100px; }
.\[--slide-enter\:0px\] { --slide-enter: 0px; }
.\[--slide-exit\:80px\] { --slide-exit: 80px; }
.\[--tglbg\:--by-100\] { --tglbg: var(--by-100); }
.\[--tglbg\:--secGray-400\] { --tglbg: var(--secGray-400); }
.\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\] { mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); }
:root { --toastify-color-light: var(--base-200); --toastify-text-color-light: var(--secGray-900); }
:root .Toastify__close-button--light { color: var(--secGray-900); opacity: 1; }
:root .Toastify__toast-icon { width: 2rem; height: 2rem; }
.file\:cursor-pointer::file-selector-button { cursor: pointer; }
.file\:border-0::file-selector-button { border-width: 0px; }
.file\:bg-transparent::file-selector-button { background-color: transparent; }
.placeholder\:text-danger::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.placeholder\:text-default-700\/50::placeholder { color: hsl(var(--nextui-default-700) / .5); }
.placeholder\:text-foreground-500::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-500) / var(--nextui-foreground-500-opacity, var(--tw-text-opacity))); }
.placeholder\:text-primary::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.placeholder\:text-secondary::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.placeholder\:text-success-600::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.placeholder\:text-warning-600::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity))); }
.before\:absolute::before { content: var(--tw-content); position: absolute; }
.before\:inset-0::before { content: var(--tw-content); inset: 0px; }
.before\:z-0::before { content: var(--tw-content); z-index: 0; }
.before\:z-\[-1\]::before { content: var(--tw-content); z-index: -1; }
.before\:box-border::before { content: var(--tw-content); box-sizing: border-box; }
.before\:block::before { content: var(--tw-content); display: block; }
.before\:hidden::before { content: var(--tw-content); display: none; }
.before\:h-0\.5::before { content: var(--tw-content); height: 0.125rem; }
.before\:h-11::before { content: var(--tw-content); height: 2.75rem; }
.before\:h-2\.5::before { content: var(--tw-content); height: 0.625rem; }
.before\:h-px::before { content: var(--tw-content); height: 1px; }
.before\:w-0::before { content: var(--tw-content); width: 0px; }
.before\:w-11::before { content: var(--tw-content); width: 2.75rem; }
.before\:w-2\.5::before { content: var(--tw-content); width: 0.625rem; }
.before\:w-6::before { content: var(--tw-content); width: 1.5rem; }
.before\:-translate-x-full::before { content: var(--tw-content); --tw-translate-x: -100%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.before\:-translate-y-1::before { content: var(--tw-content); --tw-translate-y: -.25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.before\:rotate-0::before { content: var(--tw-content); --tw-rotate: 0deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.before\:rotate-45::before { content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
@keyframes shimmer { 
  100% { content: var(--tw-content); transform: translate(100%); }
}
.before\:animate-\[shimmer_2s_infinite\]::before { content: var(--tw-content); animation: 2s ease 0s infinite normal none running shimmer; }
.before\:animate-none::before { content: var(--tw-content); animation: auto ease 0s 1 normal none running none; }
.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]::before { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) * .5); }
.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]::before { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) * .6); }
.before\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]::before { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) * .7); }
.before\:rounded-full::before { content: var(--tw-content); border-radius: 9999px; }
.before\:rounded-none::before { content: var(--tw-content); border-radius: 0px; }
.before\:rounded-sm::before { content: var(--tw-content); border-radius: 0.125rem; }
.before\:border-2::before { content: var(--tw-content); border-width: 2px; }
.before\:border-t::before { content: var(--tw-content); border-top-width: 1px; }
.before\:border-solid::before { content: var(--tw-content); border-style: solid; }
.before\:border-content4\/30::before { content: var(--tw-content); border-color: hsl(var(--nextui-content4) / .3); }
.before\:border-danger::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.before\:border-default::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.before\:bg-content1::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity))); }
.before\:bg-current::before { content: var(--tw-content); background-color: currentcolor; }
.before\:bg-danger::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.before\:bg-danger\/20::before { content: var(--tw-content); background-color: hsl(var(--nextui-danger) / .2); }
.before\:bg-default\/60::before { content: var(--tw-content); background-color: hsl(var(--nextui-default) / .6); }
.before\:bg-foreground::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.before\:bg-primary::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.before\:bg-primary\/20::before { content: var(--tw-content); background-color: hsl(var(--nextui-primary) / .2); }
.before\:bg-secondary::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.before\:bg-secondary\/20::before { content: var(--tw-content); background-color: hsl(var(--nextui-secondary) / .2); }
.before\:bg-success::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.before\:bg-success\/20::before { content: var(--tw-content); background-color: hsl(var(--nextui-success) / .2); }
.before\:bg-warning::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.before\:bg-warning\/20::before { content: var(--tw-content); background-color: hsl(var(--nextui-warning) / .2); }
.before\:bg-gradient-to-r::before { content: var(--tw-content); background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
.before\:from-transparent::before { content: var(--tw-content); --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); }
.before\:via-content4::before { content: var(--tw-content); --tw-gradient-to: hsl(var(--nextui-content4) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--nextui-content4) / var(--nextui-content4-opacity, 1)) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.before\:to-transparent::before { content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position); }
.before\:opacity-0::before { content: var(--tw-content); opacity: 0; }
.before\:opacity-100::before { content: var(--tw-content); opacity: 1; }
.before\:shadow-small::before { content: var(--tw-content); --tw-shadow: var(--nextui-box-shadow-small); --tw-shadow-colored: var(--nextui-box-shadow-small); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.before\:transition-colors::before { content: var(--tw-content); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.before\:transition-none::before { content: var(--tw-content); transition-property: none; }
.before\:transition-transform::before { content: var(--tw-content); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.before\:duration-150::before { content: var(--tw-content); transition-duration: 0.15s; }
.before\:content-\[\'\'\]::before { --tw-content: ""; content: var(--tw-content); }
.before\:transition-width::before { content: var(--tw-content); transition-property: width; transition-timing-function: ease; transition-duration: 0.25s; }
.after\:absolute::after { content: var(--tw-content); position: absolute; }
.after\:inset-0::after { content: var(--tw-content); inset: 0px; }
.after\:-bottom-1::after { content: var(--tw-content); bottom: -0.25rem; }
.after\:-bottom-\[2px\]::after { content: var(--tw-content); bottom: -2px; }
.after\:bottom-0::after { content: var(--tw-content); bottom: 0px; }
.after\:left-0::after { content: var(--tw-content); left: 0px; }
.after\:left-1\/2::after { content: var(--tw-content); left: 50%; }
.after\:right-0::after { content: var(--tw-content); right: 0px; }
.after\:top-0::after { content: var(--tw-content); top: 0px; }
.after\:-z-10::after { content: var(--tw-content); z-index: -10; }
.after\:z-0::after { content: var(--tw-content); z-index: 0; }
.after\:ml-0\.5::after { content: var(--tw-content); margin-left: 0.125rem; }
.after\:ms-0\.5::after { content: var(--tw-content); margin-inline-start: 0.125rem; }
.after\:block::after { content: var(--tw-content); display: block; }
.after\:h-0::after { content: var(--tw-content); height: 0px; }
.after\:h-4::after { content: var(--tw-content); height: 1rem; }
.after\:h-5::after { content: var(--tw-content); height: 1.25rem; }
.after\:h-\[2px\]::after { content: var(--tw-content); height: 2px; }
.after\:h-divider::after { content: var(--tw-content); height: var(--nextui-divider-weight); }
.after\:h-full::after { content: var(--tw-content); height: 100%; }
.after\:h-px::after { content: var(--tw-content); height: 1px; }
.after\:w-0::after { content: var(--tw-content); width: 0px; }
.after\:w-4::after { content: var(--tw-content); width: 1rem; }
.after\:w-5::after { content: var(--tw-content); width: 1.25rem; }
.after\:w-6::after { content: var(--tw-content); width: 1.5rem; }
.after\:w-\[80\%\]::after { content: var(--tw-content); width: 80%; }
.after\:w-full::after { content: var(--tw-content); width: 100%; }
.after\:origin-center::after { content: var(--tw-content); transform-origin: center center; }
.after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.after\:translate-y-1::after { content: var(--tw-content); --tw-translate-y: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.after\:rotate-0::after { content: var(--tw-content); --tw-rotate: 0deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.after\:scale-50::after { content: var(--tw-content); --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.after\:rounded-\[calc\(theme\(borderRadius\.large\)\/2\)\]::after { content: var(--tw-content); border-radius: calc(var(--nextui-radius-large) / 2); }
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.5\)\]::after { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) * .5); }
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.6\)\]::after { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) * .6); }
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\*0\.7\)\]::after { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) * .7); }
.after\:rounded-\[calc\(theme\(borderRadius\.medium\)\/3\)\]::after { content: var(--tw-content); border-radius: calc(var(--nextui-radius-medium) / 3); }
.after\:rounded-\[calc\(theme\(borderRadius\.small\)\/3\)\]::after { content: var(--tw-content); border-radius: calc(var(--nextui-radius-small) / 3); }
.after\:rounded-full::after { content: var(--tw-content); border-radius: 9999px; }
.after\:rounded-none::after { content: var(--tw-content); border-radius: 0px; }
.after\:rounded-xl::after { content: var(--tw-content); border-radius: 0.75rem; }
.after\:\!bg-danger::after { content: var(--tw-content); --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))) !important; }
.after\:bg-background::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-bg-opacity))); }
.after\:bg-content1::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content1) / var(--nextui-content1-opacity, var(--tw-bg-opacity))); }
.after\:bg-content3::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content3) / var(--nextui-content3-opacity, var(--tw-bg-opacity))); }
.after\:bg-current::after { content: var(--tw-content); background-color: currentcolor; }
.after\:bg-danger::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.after\:bg-default::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))); }
.after\:bg-default-foreground::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-bg-opacity))); }
.after\:bg-divider::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-divider) / var(--nextui-divider-opacity, var(--tw-bg-opacity))); }
.after\:bg-foreground::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.after\:bg-primary::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.after\:bg-secondary::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.after\:bg-success::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.after\:bg-warning::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.after\:text-danger::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.after\:text-danger-foreground::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.after\:text-default-foreground::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.after\:text-primary-foreground::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.after\:text-secondary-foreground::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.after\:text-success-foreground::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.after\:text-warning-foreground::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.after\:opacity-0::after { content: var(--tw-content); opacity: 0; }
.after\:opacity-100::after { content: var(--tw-content); opacity: 1; }
.after\:shadow-\[0_1px_0px_0_rgba\(0\,0\,0\,0\.05\)\]::after { content: var(--tw-content); --tw-shadow: 0 1px 0px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.after\:shadow-small::after { content: var(--tw-content); --tw-shadow: var(--nextui-box-shadow-small); --tw-shadow-colored: var(--nextui-box-shadow-small); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.after\:transition-all::after { content: var(--tw-content); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.after\:transition-none::after { content: var(--tw-content); transition-property: none; }
.after\:transition-transform::after { content: var(--tw-content); transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.after\:\!duration-200::after { content: var(--tw-content); transition-duration: 0.2s !important; }
.after\:duration-150::after { content: var(--tw-content); transition-duration: 0.15s; }
.after\:\!ease-linear::after { content: var(--tw-content); transition-timing-function: linear !important; }
.after\:content-\[\'\'\]::after { --tw-content: ""; content: var(--tw-content); }
.after\:content-\[\'\*\'\]::after { --tw-content: "*"; content: var(--tw-content); }
.after\:transition-background::after { content: var(--tw-content); transition-property: background; transition-timing-function: ease; transition-duration: 0.25s; }
.after\:transition-width::after { content: var(--tw-content); transition-property: width; transition-timing-function: ease; transition-duration: 0.25s; }
.after\:transition-height::after { content: var(--tw-content); transition-property: height; transition-timing-function: ease; transition-duration: 0.25s; }
.after\:transition-transform-opacity::after { content: var(--tw-content); transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.25s; }
.first\:-ml-0\.5:first-child { margin-left: -0.125rem; }
.first\:mt-2:first-child { margin-top: 0.5rem; }
.first\:rounded-s-full:first-child { border-start-start-radius: 9999px; border-end-start-radius: 9999px; }
.first\:rounded-s-large:first-child { border-start-start-radius: var(--nextui-radius-large); border-end-start-radius: var(--nextui-radius-large); }
.first\:rounded-s-lg:first-child { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; }
.first\:rounded-s-medium:first-child { border-start-start-radius: var(--nextui-radius-medium); border-end-start-radius: var(--nextui-radius-medium); }
.first\:rounded-s-none:first-child { border-start-start-radius: 0px; border-end-start-radius: 0px; }
.first\:rounded-s-small:first-child { border-start-start-radius: var(--nextui-radius-small); border-end-start-radius: var(--nextui-radius-small); }
.first\:before\:rounded-s-lg:first-child::before { content: var(--tw-content); border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; }
.last\:rounded-e-full:last-child { border-start-end-radius: 9999px; border-end-end-radius: 9999px; }
.last\:rounded-e-large:last-child { border-start-end-radius: var(--nextui-radius-large); border-end-end-radius: var(--nextui-radius-large); }
.last\:rounded-e-lg:last-child { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; }
.last\:rounded-e-medium:last-child { border-start-end-radius: var(--nextui-radius-medium); border-end-end-radius: var(--nextui-radius-medium); }
.last\:rounded-e-none:last-child { border-start-end-radius: 0px; border-end-end-radius: 0px; }
.last\:rounded-e-small:last-child { border-start-end-radius: var(--nextui-radius-small); border-end-end-radius: var(--nextui-radius-small); }
.last\:border-b-0:last-child { border-bottom-width: 0px; }
.last\:before\:rounded-e-lg:last-child::before { content: var(--tw-content); border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; }
.first-of-type\:rounded-e-none:first-of-type { border-start-end-radius: 0px; border-end-end-radius: 0px; }
.last-of-type\:rounded-s-none:last-of-type { border-start-start-radius: 0px; border-end-start-radius: 0px; }
.autofill\:bg-transparent:-webkit-autofill { background-color: transparent; }
.autofill\:bg-transparent:autofill { background-color: transparent; }
.focus-within\:\!border-\[\#21E9FA\]:focus-within { --tw-border-opacity: 1 !important; border-color: rgb(33 233 250 / var(--tw-border-opacity, 1)) !important; }
.focus-within\:border-danger:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.focus-within\:border-default-400:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))); }
.focus-within\:border-default-foreground:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-border-opacity))); }
.focus-within\:border-primary:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.focus-within\:border-secondary:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.focus-within\:border-success:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.focus-within\:border-warning:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.focus-within\:bg-danger-50:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.focus-within\:bg-primary-50:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.focus-within\:bg-secondary-50:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.focus-within\:bg-success-50:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.focus-within\:bg-warning-50:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.focus-within\:shadow-\[0px_4px_10px_3px_\#0000001C\]:focus-within { --tw-shadow: 0px 4px 10px 3px #0000001C; --tw-shadow-colored: 0px 4px 10px 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.focus-within\:after\:w-full:focus-within::after { content: var(--tw-content); width: 100%; }
.hover\:-translate-x-0:hover { --tw-translate-x: -0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:scale-125:hover { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.hover\:\!border-\[transparent\]:hover { border-color: transparent !important; }
.hover\:border-\[\#21E9FA\]:hover { --tw-border-opacity: 1; border-color: rgb(33 233 250 / var(--tw-border-opacity, 1)); }
.hover\:border-\[\#8247E5\]:hover { --tw-border-opacity: 1; border-color: rgb(130 71 229 / var(--tw-border-opacity, 1)); }
.hover\:border-danger:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.hover\:border-default:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.hover\:border-default-300:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-border-opacity))); }
.hover\:border-default-400:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))); }
.hover\:border-primary:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.hover\:border-secondary:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.hover\:border-success:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.hover\:border-warning:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.hover\:\!bg-\[inherit\]:hover { background-color: inherit !important; }
.hover\:\!bg-foreground:hover { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))) !important; }
.hover\:bg-\[\#2A313B\]:hover { --tw-bg-opacity: 1; background-color: rgb(42 49 59 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#8247E5\]:hover { --tw-bg-opacity: 1; background-color: rgb(130 71 229 / var(--tw-bg-opacity, 1)); }
.hover\:bg-\[\#FFFFFF1A\]:hover { background-color: rgba(255, 255, 255, 0.1); }
.hover\:bg-\[transparent\]:hover { background-color: transparent; }
.hover\:bg-danger:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.hover\:bg-danger-50:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.hover\:bg-default-100:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.hover\:bg-default-200:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.hover\:bg-default-200\/70:hover { background-color: hsl(var(--nextui-default-200) / .7); }
.hover\:bg-default\/40:hover { background-color: hsl(var(--nextui-default) / .4); }
.hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gray-800:hover { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); }
.hover\:bg-primary-50:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.hover\:bg-secondary-50:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.hover\:bg-success-50:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.hover\:bg-warning-50:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); }
.hover\:bg-gradient-to-r:hover { background-image: linear-gradient(to right,var(--tw-gradient-stops)); }
.hover\:\!text-white:hover { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important; }
.hover\:text-\[\#8247E5\]:hover { --tw-text-opacity: 1; color: rgb(130 71 229 / var(--tw-text-opacity, 1)); }
.hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(9 10 9 / var(--tw-text-opacity, 1)); }
.hover\:text-gray-300:hover { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); }
.hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); }
.hover\:text-sub:hover { color: rgba(255, 255, 255, 0.8); }
.hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.hover\:underline:hover { text-decoration-line: underline; }
.hover\:\!opacity-100:hover { opacity: 1 !important; }
.hover\:\!opacity-80:hover { opacity: 0.8 !important; }
.hover\:opacity-100:hover { opacity: 1; }
.hover\:opacity-80:hover { opacity: 0.8; }
.hover\:invert:hover { --tw-invert: invert(100%); 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); }
.hover\:after\:bg-danger\/20:hover::after { content: var(--tw-content); background-color: hsl(var(--nextui-danger) / .2); }
.hover\:after\:bg-foreground\/10:hover::after { content: var(--tw-content); background-color: hsl(var(--nextui-foreground) / .1); }
.hover\:after\:bg-primary\/20:hover::after { content: var(--tw-content); background-color: hsl(var(--nextui-primary) / .2); }
.hover\:after\:bg-secondary\/20:hover::after { content: var(--tw-content); background-color: hsl(var(--nextui-secondary) / .2); }
.hover\:after\:bg-success\/20:hover::after { content: var(--tw-content); background-color: hsl(var(--nextui-success) / .2); }
.hover\:after\:bg-warning\/20:hover::after { content: var(--tw-content); background-color: hsl(var(--nextui-warning) / .2); }
.hover\:after\:opacity-100:hover::after { content: var(--tw-content); opacity: 1; }
.focus-within\:hover\:border-danger:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.focus-within\:hover\:border-default-foreground:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-border-opacity))); }
.focus-within\:hover\:border-primary:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.focus-within\:hover\:border-secondary:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.focus-within\:hover\:border-success:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.focus-within\:hover\:border-warning:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.focus-within\:hover\:bg-default-100:hover:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.focus\:\!border-\[\#21E9FA\]:focus { --tw-border-opacity: 1 !important; border-color: rgb(33 233 250 / var(--tw-border-opacity, 1)) !important; }
.focus\:border-white:focus { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); }
.focus\:bg-danger-400\/50:focus { background-color: hsl(var(--nextui-danger-400) / .5); }
.focus\:bg-default-400\/50:focus { background-color: hsl(var(--nextui-default-400) / .5); }
.focus\:bg-primary-400\/50:focus { background-color: hsl(var(--nextui-primary-400) / .5); }
.focus\:bg-secondary-400\/50:focus { background-color: hsl(var(--nextui-secondary-400) / .5); }
.focus\:bg-success-400\/50:focus { background-color: hsl(var(--nextui-success-400) / .5); }
.focus\:bg-warning-400\/50:focus { background-color: hsl(var(--nextui-warning-400) / .5); }
.focus\:underline:focus { text-decoration-line: underline; }
.focus\:shadow-sm:focus { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }
.focus-visible\:z-10:focus-visible { z-index: 10; }
.focus-visible\:outline-none:focus-visible { outline: transparent solid 2px; outline-offset: 2px; }
.focus-visible\:outline-2:focus-visible { outline-width: 2px; }
.focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; }
.focus-visible\:outline-focus:focus-visible { outline-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, 1)); }
.active\:bg-default-200:active { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.active\:bg-default-300:active { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-bg-opacity))); }
.active\:underline:active { text-decoration-line: underline; }
.active\:\!opacity-70:active { opacity: 0.7 !important; }
.active\:opacity-disabled:active { opacity: var(--nextui-disabled-opacity); }
.disabled\:cursor-default:disabled { cursor: default; }
.disabled\:bg-\[\#FFFFFF80\]:disabled { background-color: rgba(255, 255, 255, 0.5); }
.disabled\:text-\[\#00000080\]:disabled { color: rgba(0, 0, 0, 0.5); }
.disabled\:\[--tw-bg-opacity\:0\.5\]:disabled { --tw-bg-opacity: .5; }
.disabled\:\!\[--tw-bg-opacity\:1\]:disabled { --tw-bg-opacity: 1 !important; }
.disabled\:\[--tw-bg-opacity\:1\]:disabled { --tw-bg-opacity: 1; }
.disabled\:\[--tw-text-opacity\:0\.5\]:disabled { --tw-text-opacity: .5; }
.disabled\:\!\[--tw-text-opacity\:1\]:disabled { --tw-text-opacity: 1 !important; }
.disabled\:\[--tw-text-opacity\:1\]:disabled { --tw-text-opacity: 1; }
.group:hover .group-hover\:block { display: block; }
.group:hover .group-hover\:hidden { display: none; }
.group:hover .group-hover\:translate-x-1 { --tw-translate-x: .25rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group:hover .group-hover\:border-current { border-color: currentcolor; }
.group\/item:hover .group-hover\/item\:fill-black { fill: rgb(9, 10, 9); }
.group:hover .group-hover\:text-current { color: currentcolor; }
.group:hover .group-hover\:underline { text-decoration-line: underline; }
.group:hover .group-hover\:opacity-100 { opacity: 1; }
.group:hover .group-hover\:grayscale-0 { --tw-grayscale: grayscale(0); 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); }
.group:hover .group-hover\:backdrop-brightness-50 { --tw-backdrop-brightness: brightness(.5); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.has-\[\:disabled\]\:opacity-60:has(:disabled) { opacity: 0.6; }
.aria-expanded\:scale-\[0\.97\][aria-expanded="true"] { --tw-scale-x: .97; --tw-scale-y: .97; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.aria-expanded\:opacity-70[aria-expanded="true"] { opacity: 0.7; }
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; }
.data-\[loaded\=true\]\:pointer-events-auto[data-loaded="true"], .data-\[visible\=true\]\:pointer-events-auto[data-visible="true"] { pointer-events: auto; }
.data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"], .data-\[focused\=true\]\:z-10[data-focused="true"] { z-index: 10; }
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_10px\)\][data-has-label="true"] { margin-top: calc(var(--nextui-font-size-small) + 10px); }
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_12px\)\][data-has-label="true"] { margin-top: calc(var(--nextui-font-size-small) + 12px); }
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_8px\)\][data-has-label="true"] { margin-top: calc(var(--nextui-font-size-small) + 8px); }
.data-\[open\=true\]\:block[data-open="true"] { display: block; }
.data-\[open\=true\]\:flex[data-open="true"] { display: flex; }
.data-\[hidden\=true\]\:hidden[data-hidden="true"], .data-\[inert\=true\]\:hidden[data-inert="true"] { display: none; }
.data-\[dragging\=true\]\:h-7[data-dragging="true"] { height: 1.75rem; }
.data-\[dragging\=true\]\:w-7[data-dragging="true"] { width: 1.75rem; }
.data-\[justify\=end\]\:flex-grow[data-justify="end"], .data-\[justify\=start\]\:flex-grow[data-justify="start"] { flex-grow: 1; }
.data-\[justify\=end\]\:basis-0[data-justify="end"], .data-\[justify\=start\]\:basis-0[data-justify="start"] { flex-basis: 0px; }
.data-\[focus-visible\=true\]\:-translate-x-3[data-focus-visible="true"], .data-\[hover\=true\]\:-translate-x-3[data-hover="true"] { --tw-translate-x: -.75rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[hover\=true\]\:translate-x-0[data-hover="true"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[before\=true\]\:rotate-180[data-before="true"], .data-\[direction\=ascending\]\:rotate-180[data-direction="ascending"] { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[open\=true\]\:-rotate-90[data-open="true"] { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[open\=true\]\:rotate-180[data-open="true"] { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[active\=true\]\:scale-100[data-active="true"] { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[active\=true\]\:scale-110[data-active="true"] { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[invisible\=true\]\:scale-0[data-invisible="true"] { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[pressed\=true\]\:scale-100[data-pressed="true"] { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed="true"] { --tw-scale-x: .97; --tw-scale-y: .97; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[disabled\=true\]\:cursor-default[data-disabled="true"] { cursor: default; }
.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] { cursor: not-allowed; }
.data-\[dragging\=true\]\:cursor-grabbing[data-dragging="true"] { cursor: grabbing; }
.data-\[readonly\=true\]\:cursor-default[data-readonly="true"] { cursor: default; }
.data-\[sortable\=true\]\:cursor-pointer[data-sortable="true"] { cursor: pointer; }
.data-\[unavailable\=true\]\:cursor-default[data-unavailable="true"] { cursor: default; }
.data-\[visible\=true\]\:cursor-pointer[data-visible="true"] { cursor: pointer; }
.data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] { flex-direction: row; }
.data-\[has-helper\=true\]\:items-start[data-has-helper="true"] { align-items: flex-start; }
.data-\[justify\=start\]\:justify-start[data-justify="start"] { justify-content: flex-start; }
.data-\[justify\=end\]\:justify-end[data-justify="end"] { justify-content: flex-end; }
.data-\[justify\=center\]\:justify-center[data-justify="center"] { justify-content: center; }
.data-\[loaded\=true\]\:overflow-visible[data-loaded="true"] { overflow: visible; }
.data-\[has-multiple-rows\=true\]\:rounded-large[data-has-multiple-rows="true"] { border-radius: var(--nextui-radius-large); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection="true"][data-selection-end="true"][data-selected="true"], .data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:rounded-full[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { border-radius: 9999px; }
.data-\[menu-open\=true\]\:border-none[data-menu-open="true"] { border-style: none; }
.data-\[active\=true\]\:border-danger[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-danger-400[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger-400) / var(--nextui-danger-400-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-default-300[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-default-400[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-foreground[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-primary[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-secondary[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-success[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:border-warning[data-active="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-danger[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-default-400[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-default-foreground[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-primary[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-secondary[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-success[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.data-\[focus\=true\]\:border-warning[data-focus="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-danger[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-default[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-default-400[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-primary[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-secondary[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-success[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.data-\[hover\=true\]\:border-warning[data-hover="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-danger[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-default-400[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-default-foreground[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-primary[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-secondary[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-success[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.data-\[open\=true\]\:border-warning[data-open="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.data-\[active\=true\]\:bg-danger[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-danger-100[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-danger-200[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-200) / var(--nextui-danger-200-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-default-200[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-default-400[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-primary[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-primary-200[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-200) / var(--nextui-primary-200-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-secondary[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-secondary-200[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-200) / var(--nextui-secondary-200-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-success[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-success-200[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-200) / var(--nextui-success-200-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-warning[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[active\=true\]\:bg-warning-200[data-active="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-200) / var(--nextui-warning-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:\!bg-danger[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:\!bg-danger-100[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:\!bg-default[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:\!bg-primary[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:\!bg-secondary[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:\!bg-success[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:\!bg-warning[data-hover="true"] { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))) !important; }
.data-\[hover\=true\]\:bg-content2[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-danger[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-danger-100[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-danger-50[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-danger\/20[data-hover="true"] { background-color: hsl(var(--nextui-danger) / .2); }
.data-\[hover\=true\]\:bg-default[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-default-100[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-default-200[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-default\/40[data-hover="true"] { background-color: hsl(var(--nextui-default) / .4); }
.data-\[hover\=true\]\:bg-foreground-200[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground-200) / var(--nextui-foreground-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-primary[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-primary-50[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-primary\/20[data-hover="true"] { background-color: hsl(var(--nextui-primary) / .2); }
.data-\[hover\=true\]\:bg-secondary[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-secondary-50[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-secondary\/20[data-hover="true"] { background-color: hsl(var(--nextui-secondary) / .2); }
.data-\[hover\=true\]\:bg-success[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-success-100[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-success-50[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-success\/20[data-hover="true"] { background-color: hsl(var(--nextui-success) / .2); }
.data-\[hover\=true\]\:bg-transparent[data-hover="true"] { background-color: transparent; }
.data-\[hover\=true\]\:bg-warning[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-warning-100[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-warning-50[data-hover="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\=true\]\:bg-warning\/20[data-hover="true"] { background-color: hsl(var(--nextui-warning) / .2); }
.data-\[hover\]\:bg-danger-200[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-200) / var(--nextui-danger-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-danger-50[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-default-100[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-primary-200[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-200) / var(--nextui-primary-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-primary-50[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-secondary-200[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-200) / var(--nextui-secondary-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-secondary-50[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-success-200[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-200) / var(--nextui-success-200-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-success-50[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-warning-100[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))); }
.data-\[hover\]\:bg-warning-200[data-hover] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-200) / var(--nextui-warning-200-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=false\]\:bg-default-200[data-in-range="false"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=true\]\:bg-background\/50[data-in-range="true"] { background-color: hsl(var(--nextui-background) / .5); }
.data-\[in-range\=true\]\:bg-black\/30[data-in-range="true"] { background-color: rgba(9, 10, 9, 0.3); }
.data-\[in-range\=true\]\:bg-danger[data-in-range="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=true\]\:bg-foreground[data-in-range="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=true\]\:bg-primary[data-in-range="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=true\]\:bg-secondary[data-in-range="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=true\]\:bg-success[data-in-range="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[in-range\=true\]\:bg-warning[data-in-range="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[loaded\=true\]\:\!bg-transparent[data-loaded="true"] { background-color: transparent !important; }
.data-\[selected\=true\]\:bg-danger[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:bg-default[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:bg-foreground[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:bg-primary[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:bg-secondary[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:bg-success[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:bg-warning[data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-foreground[data-hover="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-primary[data-hover="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-secondary[data-hover="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:bg-transparent[data-outside-month="true"][data-range-selection="true"][data-selected="true"] { background-color: transparent; }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-danger[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-primary[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-secondary[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-success[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:bg-warning[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[has-end-content\=true\]\:pe-1\.5[data-has-end-content="true"] { padding-inline-end: 0.375rem; }
.data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+8px\)\][data-has-helper="true"], .data-\[has-helper\=true\]\:pb-\[calc\(theme\(fontSize\.tiny\)_\+_8px\)\][data-has-helper="true"] { padding-bottom: calc(var(--nextui-font-size-tiny) + 8px); }
.data-\[has-start-content\=true\]\:ps-1\.5[data-has-start-content="true"] { padding-inline-start: 0.375rem; }
.data-\[has-title\=true\]\:pt-1[data-has-title="true"] { padding-top: 0.25rem; }
.data-\[active\=true\]\:font-semibold[data-active="true"] { font-weight: 600; }
.data-\[active\=true\]\:text-danger-foreground[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[active\=true\]\:text-default-foreground[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.data-\[active\=true\]\:text-primary-foreground[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[active\=true\]\:text-secondary-foreground[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[active\=true\]\:text-success-foreground[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[active\=true\]\:text-warning-foreground[data-active="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[disabled\=true\]\:text-default-300[data-disabled="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-danger-300[data-placeholder="true"][data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-300) / var(--nextui-danger-300-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-foreground-500[data-placeholder="true"][data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-500) / var(--nextui-foreground-500-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-primary-300[data-placeholder="true"][data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-300) / var(--nextui-primary-300-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-secondary-300[data-placeholder="true"][data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-300) / var(--nextui-secondary-300-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-success-400[data-placeholder="true"][data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-400) / var(--nextui-success-400-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:data-\[placeholder\=true\]\:text-warning-400[data-placeholder="true"][data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-400) / var(--nextui-warning-400-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:text-danger[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:text-foreground[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:text-primary[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:text-secondary[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:text-success-600[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:text-warning-600[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity))); }
.data-\[has-value\=true\]\:text-default-foreground[data-has-value="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:\!text-danger-foreground[data-hover="true"] { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))) !important; }
.data-\[hover\=true\]\:\!text-primary-foreground[data-hover="true"] { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))) !important; }
.data-\[hover\=true\]\:\!text-secondary-foreground[data-hover="true"] { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))) !important; }
.data-\[hover\=true\]\:\!text-success-foreground[data-hover="true"] { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))) !important; }
.data-\[hover\=true\]\:\!text-warning-foreground[data-hover="true"] { --tw-text-opacity: 1 !important; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))) !important; }
.data-\[hover\=true\]\:text-danger[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-danger-500[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-danger-foreground[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-default-500[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-default-foreground[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-foreground-400[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-400) / var(--nextui-foreground-400-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-foreground-600[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-600) / var(--nextui-foreground-600-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-primary[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-primary-400[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-400) / var(--nextui-primary-400-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-primary-foreground[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-secondary[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-secondary-400[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-400) / var(--nextui-secondary-400-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-success[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-success-600[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-success-foreground[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-warning[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-warning-600[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity))); }
.data-\[hover\=true\]\:text-warning-foreground[data-hover="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[invalid\=true\]\:data-\[editable\=true\]\:text-danger[data-editable="true"][data-invalid="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[invalid\=true\]\:text-danger-300[data-invalid="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-300) / var(--nextui-danger-300-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-background[data-hover="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-primary-foreground[data-hover="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:data-\[outside-month\=true\]\:text-default-300[data-outside-month="true"][data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-danger-500[data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-foreground[data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-primary[data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-secondary[data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-600[data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-warning-500[data-range-selection="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-500) / var(--nextui-warning-500-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-background[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-danger-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-primary-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-secondary-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-warning-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-background[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-danger[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-danger-foreground[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-default-foreground[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-primary[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-primary-foreground[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-secondary[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-secondary-foreground[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-success-600[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-success-foreground[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-warning-600[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity))); }
.data-\[selected\=true\]\:text-warning-foreground[data-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[unavailable\=true\]\:text-default-300[data-unavailable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-300) / var(--nextui-default-300-opacity, var(--tw-text-opacity))); }
.data-\[unavailable\=true\]\:line-through[data-unavailable="true"] { text-decoration-line: line-through; }
.data-\[disabled\=true\]\:data-\[outside-month\=true\]\:opacity-0[data-outside-month="true"][data-disabled="true"] { opacity: 0; }
.data-\[disabled\=true\]\:opacity-30[data-disabled="true"] { opacity: 0.3; }
.data-\[hover-unselected\=true\]\:opacity-disabled[data-hover-unselected="true"] { opacity: var(--nextui-disabled-opacity); }
.data-\[hover\=true\]\:opacity-hover[data-hover="true"] { opacity: var(--nextui-hover-opacity); }
.data-\[in-range\=true\]\:opacity-100[data-in-range="true"] { opacity: 1; }
.data-\[invisible\=true\]\:opacity-0[data-invisible="true"] { opacity: 0; }
.data-\[loaded\=true\]\:opacity-100[data-loaded="true"], .data-\[moving\]\:opacity-100[data-moving] { opacity: 1; }
.data-\[pressed\=true\]\:opacity-50[data-pressed="true"] { opacity: 0.5; }
.data-\[pressed\=true\]\:opacity-70[data-pressed="true"] { opacity: 0.7; }
.data-\[visible\=true\]\:opacity-100[data-visible="true"] { opacity: 1; }
.data-\[active\=true\]\:shadow-md[data-active="true"] { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.data-\[dragging\=true\]\:shadow-lg[data-dragging="true"], .data-\[hover\=true\]\:shadow-lg[data-hover="true"] { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.data-\[selected\=true\]\:data-\[selection-end\=true\]\:shadow-md[data-selection-end="true"][data-selected="true"], .data-\[selected\=true\]\:data-\[selection-start\=true\]\:shadow-md[data-selection-start="true"][data-selected="true"], .data-\[selected\=true\]\:shadow-md[data-selected="true"] { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.data-\[selected\=true\]\:shadow-none[data-selected="true"] { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.data-\[active\=true\]\:shadow-danger\/40[data-active="true"] { --tw-shadow-color: hsl(var(--nextui-danger) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[active\=true\]\:shadow-default\/50[data-active="true"] { --tw-shadow-color: hsl(var(--nextui-default) / .5); --tw-shadow: var(--tw-shadow-colored); }
.data-\[active\=true\]\:shadow-primary\/40[data-active="true"] { --tw-shadow-color: hsl(var(--nextui-primary) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[active\=true\]\:shadow-secondary\/40[data-active="true"] { --tw-shadow-color: hsl(var(--nextui-secondary) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[active\=true\]\:shadow-success\/40[data-active="true"] { --tw-shadow-color: hsl(var(--nextui-success) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[active\=true\]\:shadow-warning\/40[data-active="true"] { --tw-shadow-color: hsl(var(--nextui-warning) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[dragging\=true\]\:shadow-black\/20[data-dragging="true"] { --tw-shadow-color: rgb(9 10 9 / .2); --tw-shadow: var(--tw-shadow-colored); }
.data-\[hover\=true\]\:shadow-danger\/30[data-hover="true"] { --tw-shadow-color: hsl(var(--nextui-danger) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[hover\=true\]\:shadow-default\/50[data-hover="true"] { --tw-shadow-color: hsl(var(--nextui-default) / .5); --tw-shadow: var(--tw-shadow-colored); }
.data-\[hover\=true\]\:shadow-primary\/30[data-hover="true"] { --tw-shadow-color: hsl(var(--nextui-primary) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[hover\=true\]\:shadow-secondary\/30[data-hover="true"] { --tw-shadow-color: hsl(var(--nextui-secondary) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[hover\=true\]\:shadow-success\/30[data-hover="true"] { --tw-shadow-color: hsl(var(--nextui-success) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[hover\=true\]\:shadow-warning\/30[data-hover="true"] { --tw-shadow-color: hsl(var(--nextui-warning) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selected\=true\]\:shadow-danger\/40[data-selected="true"] { --tw-shadow-color: hsl(var(--nextui-danger) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selected\=true\]\:shadow-foreground\/40[data-selected="true"] { --tw-shadow-color: hsl(var(--nextui-foreground) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selected\=true\]\:shadow-primary\/40[data-selected="true"] { --tw-shadow-color: hsl(var(--nextui-primary) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selected\=true\]\:shadow-secondary\/40[data-selected="true"] { --tw-shadow-color: hsl(var(--nextui-secondary) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selected\=true\]\:shadow-success\/40[data-selected="true"] { --tw-shadow-color: hsl(var(--nextui-success) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selected\=true\]\:shadow-warning\/40[data-selected="true"] { --tw-shadow-color: hsl(var(--nextui-warning) / .4); --tw-shadow: var(--tw-shadow-colored); }
.data-\[focus-visible\=true\]\:outline-2[data-focus-visible="true"] { outline-width: 2px; }
.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible="true"] { outline-offset: 2px; }
.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible="true"] { outline-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, 1)); }
.data-\[focus-visible\]\:outline-danger-foreground[data-focus-visible] { outline-color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, 1)); }
.data-\[focus-visible\]\:outline-default-foreground[data-focus-visible] { outline-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, 1)); }
.data-\[focus-visible\]\:outline-primary-foreground[data-focus-visible] { outline-color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, 1)); }
.data-\[focus-visible\]\:outline-secondary-foreground[data-focus-visible] { outline-color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, 1)); }
.data-\[focus-visible\]\:outline-success-foreground[data-focus-visible] { outline-color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, 1)); }
.data-\[focus-visible\]\:outline-warning-foreground[data-focus-visible] { outline-color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, 1)); }
.data-\[menu-open\=true\]\:backdrop-blur-xl[data-menu-open="true"] { --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }
.data-\[disabled\=true\]\:transition-none[data-disabled="true"] { transition-property: none; }
.data-\[hover\=true\]\:transition-colors[data-hover="true"] { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.data-\[moving\=true\]\:transition-transform[data-moving="true"] { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"] { scrollbar-width: none; }
.data-\[hide-scroll\=true\]\:scrollbar-hide[data-hide-scroll="true"]::-webkit-scrollbar { display: none; }
.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-bottom-scroll="true"] { mask-image: linear-gradient(#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-top-scroll="true"] { mask-image: linear-gradient(0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-bottom-scroll="true"] { mask-image: linear-gradient(180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-scroll="true"] { mask-image: linear-gradient(270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-right-scroll="true"] { mask-image: linear-gradient(90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\,\#000\,\#000\,transparent_0\,\#000_var\(--scroll-shadow-size\)\,\#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\,transparent\)\][data-left-right-scroll="true"] { mask-image: linear-gradient(to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent); }
.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-end"]::before { content: var(--tw-content); top: calc(1.5px - 0.3125rem); }
.data-\[placement\=bottom-end\]\:before\:right-3[data-placement="bottom-end"]::before { content: var(--tw-content); right: 0.75rem; }
.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-start"]::before { content: var(--tw-content); top: calc(1.5px - 0.3125rem); }
.data-\[placement\=bottom-start\]\:before\:left-3[data-placement="bottom-start"]::before { content: var(--tw-content); left: 0.75rem; }
.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom"]::before { content: var(--tw-content); top: calc(1.5px - 0.3125rem); }
.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement="bottom"]::before { content: var(--tw-content); left: 50%; }
.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-end"]::before { content: var(--tw-content); right: calc(3px - 0.3125rem); }
.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement="left-end"]::before { content: var(--tw-content); bottom: 25%; }
.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-start"]::before { content: var(--tw-content); right: calc(3px - 0.3125rem); }
.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement="left-start"]::before { content: var(--tw-content); top: 25%; }
.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="left"]::before { content: var(--tw-content); right: calc(2px - 0.3125rem); }
.data-\[placement\=left\]\:before\:top-1\/2[data-placement="left"]::before { content: var(--tw-content); top: 50%; }
.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-end"]::before { content: var(--tw-content); left: calc(3px - 0.3125rem); }
.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement="right-end"]::before { content: var(--tw-content); bottom: 25%; }
.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-start"]::before { content: var(--tw-content); left: calc(3px - 0.3125rem); }
.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement="right-start"]::before { content: var(--tw-content); top: 25%; }
.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="right"]::before { content: var(--tw-content); left: calc(2px - 0.3125rem); }
.data-\[placement\=right\]\:before\:top-1\/2[data-placement="right"]::before { content: var(--tw-content); top: 50%; }
.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-end"]::before { content: var(--tw-content); bottom: calc(1.5px - 0.3125rem); }
.data-\[placement\=top-end\]\:before\:right-3[data-placement="top-end"]::before { content: var(--tw-content); right: 0.75rem; }
.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-start"]::before { content: var(--tw-content); bottom: calc(1.5px - 0.3125rem); }
.data-\[placement\=top-start\]\:before\:left-3[data-placement="top-start"]::before { content: var(--tw-content); left: 0.75rem; }
.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top"]::before { content: var(--tw-content); bottom: calc(1.5px - 0.3125rem); }
.data-\[placement\=top\]\:before\:left-1\/2[data-placement="top"]::before { content: var(--tw-content); left: 50%; }
.data-\[loaded\=true\]\:before\:-z-10[data-loaded="true"]::before { content: var(--tw-content); z-index: -10; }
.data-\[arrow\=true\]\:before\:block[data-arrow="true"]::before { content: var(--tw-content); display: block; }
.data-\[outside-month\=true\]\:before\:hidden[data-outside-month="true"]::before { content: var(--tw-content); display: none; }
.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]::before { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]::before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]::before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]::before { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[loaded\=true\]\:before\:animate-none[data-loaded="true"]::before { content: var(--tw-content); animation: auto ease 0s 1 normal none running none; }
.data-\[range-end\=true\]\:before\:rounded-r-full[data-range-end="true"]::before { content: var(--tw-content); border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
.data-\[range-start\=true\]\:before\:rounded-l-full[data-range-start="true"]::before { content: var(--tw-content); border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
.data-\[selection-end\=true\]\:before\:rounded-r-full[data-selection-end="true"]::before { content: var(--tw-content); border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; }
.data-\[selection-start\=true\]\:before\:rounded-l-full[data-selection-start="true"]::before { content: var(--tw-content); border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-danger-50[data-range-selection="true"][data-selected="true"]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-foreground\/10[data-range-selection="true"][data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-foreground) / .1); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-primary-50[data-range-selection="true"][data-selected="true"]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-secondary-50[data-range-selection="true"][data-selected="true"]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-100[data-range-selection="true"][data-selected="true"]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-100[data-range-selection="true"][data-selected="true"]::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))); }
.data-\[loaded\=true\]\:before\:opacity-0[data-loaded="true"]::before { content: var(--tw-content); opacity: 0; }
.data-\[selected\=true\]\:before\:opacity-100[data-selected="true"]::before { content: var(--tw-content); opacity: 1; }
.data-\[dragging\=true\]\:after\:h-6[data-dragging="true"]::after { content: var(--tw-content); height: 1.5rem; }
.data-\[active\=true\]\:after\:w-full[data-active="true"]::after { content: var(--tw-content); width: 100%; }
.data-\[dragging\=true\]\:after\:w-6[data-dragging="true"]::after { content: var(--tw-content); width: 1.5rem; }
.data-\[focus\=true\]\:after\:w-full[data-focus="true"]::after { content: var(--tw-content); width: 100%; }
.data-\[open\=true\]\:after\:w-full[data-open="true"]::after { content: var(--tw-content); width: 100%; }
.data-\[dragging\=true\]\:after\:scale-100[data-dragging="true"]::after { content: var(--tw-content); --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[dragging\=true\]\:after\:scale-80[data-dragging="true"]::after { content: var(--tw-content); --tw-scale-x: .8; --tw-scale-y: .8; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.data-\[active\=true\]\:after\:bg-danger-400[data-active="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-400) / var(--nextui-danger-400-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:after\:bg-danger[data-selected="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:after\:bg-foreground[data-selected="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:after\:bg-primary[data-selected="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:after\:bg-secondary[data-selected="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:after\:bg-success[data-selected="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[selected\=true\]\:after\:bg-warning[data-selected="true"]::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[loaded\=true\]\:after\:opacity-0[data-loaded="true"]::after { content: var(--tw-content); opacity: 0; }
.data-\[selected\=true\]\:after\:opacity-100[data-selected="true"]::after { content: var(--tw-content); opacity: 1; }
.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable="true"] { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.data-\[invalid\=true\]\:focus\:bg-danger-400\/50:focus[data-invalid="true"] { background-color: hsl(var(--nextui-danger-400) / .5); }
.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable="true"] { background-color: hsl(var(--nextui-danger) / .2); }
.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable="true"] { background-color: hsl(var(--nextui-default) / .4); }
.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable="true"] { background-color: hsl(var(--nextui-primary) / .2); }
.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable="true"] { background-color: hsl(var(--nextui-secondary) / .2); }
.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable="true"] { background-color: hsl(var(--nextui-success) / .2); }
.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable="true"] { background-color: hsl(var(--nextui-warning) / .2); }
.data-\[editable\=true\]\:focus\:text-danger:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-default-foreground:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-primary:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-secondary:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-success:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-success-600:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-600) / var(--nextui-success-600-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-warning:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.data-\[editable\=true\]\:focus\:text-warning-600:focus[data-editable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-600) / var(--nextui-warning-600-opacity, var(--tw-text-opacity))); }
.data-\[invalid\=true\]\:data-\[editable\=true\]\:focus\:text-danger:focus[data-editable="true"][data-invalid="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable="true"] { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable="true"] { --tw-shadow-color: hsl(var(--nextui-danger) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable="true"] { --tw-shadow-color: hsl(var(--nextui-default) / .5); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable="true"] { --tw-shadow-color: hsl(var(--nextui-primary) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable="true"] { --tw-shadow-color: hsl(var(--nextui-secondary) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable="true"] { --tw-shadow-color: hsl(var(--nextui-success) / .3); --tw-shadow: var(--tw-shadow-colored); }
.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable="true"] { --tw-shadow-color: hsl(var(--nextui-warning) / .3); --tw-shadow: var(--tw-shadow-colored); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:pointer-events-auto, .group[data-has-value="true"] .group-data-\[has-value\=true\]\:pointer-events-auto { pointer-events: auto; }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:start-0, .group[data-filled="true"] .group-data-\[filled\=true\]\:start-0 { inset-inline-start: 0px; }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:z-10 { z-index: 10; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-4 { margin-inline-start: 1rem; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-5 { margin-inline-start: 1.25rem; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:ms-6 { margin-inline-start: 1.5rem; }
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-3 { margin-left: 0.75rem; }
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-4 { margin-left: 1rem; }
.group[data-selected][data-pressed] .group-data-\[selected\]\:group-data-\[pressed\]\:ml-5 { margin-left: 1.25rem; }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:block, .group[data-has-value="true"] .group-data-\[has-value\=true\]\:block { display: block; }
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:flex { display: flex; }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:hidden { display: none; }
.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-5 { width: 1.25rem; }
.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-6 { width: 1.5rem; }
.group[data-pressed="true"] .group-data-\[pressed\=true\]\:w-7 { width: 1.75rem; }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] { --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 20px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] { --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 24px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] { --tw-translate-y: calc(calc(100% + var(--nextui-font-size-tiny) / 2 + 16px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 3.5px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 4px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 6px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 6px - var(--nextui-border-width-medium)) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 8px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 8px - var(--nextui-border-width-medium)) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 5px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 8px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 8px - var(--nextui-border-width-medium)) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] { --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 20px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] { --tw-translate-y: calc(calc(100% + var(--nextui-font-size-small) / 2 + 24px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] { --tw-translate-y: calc(calc(100% + var(--nextui-font-size-tiny) / 2 + 16px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 3.5px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 4px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 6px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 6px - var(--nextui-border-width-medium)) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 8px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-small) / 2 - 8px - var(--nextui-border-width-medium)) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 5px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 8px) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] { --tw-translate-y: calc(calc(50% + var(--nextui-font-size-tiny) / 2 - 8px - var(--nextui-border-width-medium)) * -1); transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:translate-x-3 { --tw-translate-x: .75rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-copied="true"] .group-data-\[copied\=true\]\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-copied="true"] .group-data-\[copied\=true\]\:scale-50 { --tw-scale-x: .5; --tw-scale-y: .5; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:scale-85, .group[data-filled="true"] .group-data-\[filled\=true\]\:scale-85 { --tw-scale-x: .85; --tw-scale-y: .85; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-has-value="true"] .group-data-\[has-value\=true\]\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-pressed="true"] .group-data-\[pressed\=true\]\:scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group\/tr[data-disabled="true"] .group-data-\[disabled\=true\]\/tr\:cursor-not-allowed { cursor: not-allowed; }
.group[data-has-multiple-months="true"] .group-data-\[has-multiple-months\=true\]\:flex-row { flex-direction: row; }
.group[data-has-label="true"] .group-data-\[has-label\=true\]\:items-start { align-items: flex-start; }
.group[data-has-label="true"] .group-data-\[has-label\=true\]\:items-end { align-items: flex-end; }
.group[data-focus="true"] .group-data-\[focus\=true\]\:\!border-danger { --tw-border-opacity: 1 !important; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))) !important; }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-\[\#00F0FF\] { --tw-border-opacity: 1; border-color: rgb(0 240 255 / var(--tw-border-opacity, 1)); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-danger { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-default-foreground { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-border-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-primary { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-secondary { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-success { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-warning { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:border-danger, .group[data-selected="true"] .group-data-\[selected\=true\]\:border-danger { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:border-default { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-border-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:border-default-500 { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-500) / var(--nextui-default-500-opacity, var(--tw-border-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:border-primary { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-border-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:border-secondary { --tw-border-opacity: 1; border-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-border-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:border-success { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-border-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:border-warning { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-border-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:\!bg-danger-50 { --tw-bg-opacity: 1 !important; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))) !important; }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-danger-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-200 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-primary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-secondary-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-success-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-warning-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.group[data-hover-unselected="true"] .group-data-\[hover-unselected\=true\]\:bg-default-100 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:bg-danger-50 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-danger { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-default-400 { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-400) / var(--nextui-default-400-opacity, var(--tw-bg-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-primary { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-bg-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-secondary { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-bg-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-success { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:bg-warning { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-2 { padding-top: 0.5rem; }
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-3 { padding-top: 0.75rem; }
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-4, .group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-4 { padding-top: 1rem; }
.group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-5 { padding-top: 1.25rem; }
.group\/tr[data-disabled="true"] .group-data-\[disabled\=true\]\/tr\:text-foreground-300 { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground-300) / var(--nextui-foreground-300-opacity, var(--tw-text-opacity))); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-default-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity))); }
.group[data-filled-within="true"] .group-data-\[filled-within\=true\]\:text-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:text-default-600 { --tw-text-opacity: 1; color: hsl(var(--nextui-default-600) / var(--nextui-default-600-opacity, var(--tw-text-opacity))); }
.group[data-filled="true"] .group-data-\[filled\=true\]\:text-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-default-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:text-danger, .group[data-selected="true"] .group-data-\[selected\=true\]\:text-danger { --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-danger-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-default-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-default-foreground) / var(--nextui-default-foreground-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-foreground) / var(--nextui-foreground-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-primary { --tw-text-opacity: 1; color: hsl(var(--nextui-primary) / var(--nextui-primary-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-primary-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-primary-foreground) / var(--nextui-primary-foreground-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-secondary { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary) / var(--nextui-secondary-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-secondary-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-secondary-foreground) / var(--nextui-secondary-foreground-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-success { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-success-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-warning { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:text-warning-foreground { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.group[data-copied="true"] .group-data-\[copied\=true\]\:opacity-0 { opacity: 0; }
.group[data-copied="true"] .group-data-\[copied\=true\]\:opacity-100 { opacity: 1; }
.group[data-has-value="true"] .group-data-\[has-value\=true\]\:opacity-70 { opacity: 0.7; }
.group\/th[data-hover="true"] .group-data-\[hover\=true\]\/th\:opacity-100, .group[data-loaded="true"] .group-data-\[loaded\=true\]\:opacity-100 { opacity: 1; }
.group[data-pressed="true"] .group-data-\[pressed\=true\]\:opacity-70 { opacity: 0.7; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-0 { opacity: 0; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-100 { opacity: 1; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:opacity-60 { opacity: 0.6; }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-focus { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--nextui-focus) / var(--nextui-focus-opacity, var(--tw-ring-opacity))); }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-2 { --tw-ring-offset-width: 2px; }
.group[data-focus-visible="true"] .group-data-\[focus-visible\=true\]\:ring-offset-background { --tw-ring-offset-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, 1)); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:-z-10::before { content: var(--tw-content); z-index: -10; }
.group[data-selected="true"] .group-data-\[selected\=true\]\:before\:w-full::before { content: var(--tw-content); width: 100%; }
.group[data-open="true"] .group-data-\[open\=true\]\:before\:translate-y-px::before { content: var(--tw-content); --tw-translate-y: 1px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-open="true"] .group-data-\[open\=true\]\:before\:rotate-45::before { content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group\/tr[data-middle="true"] .group-data-\[middle\=true\]\/tr\:before\:rounded-none::before { content: var(--tw-content); border-radius: 0px; }
.group[data-hover="true"] .group-data-\[hover\=true\]\:before\:bg-default-100::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:bg-default-100::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:before\:opacity-100::before { content: var(--tw-content); opacity: 1; }
.group[data-required="true"] .group-data-\[required\=true\]\:after\:ml-0\.5::after { content: var(--tw-content); margin-left: 0.125rem; }
.group[data-focus="true"] .group-data-\[focus\=true\]\:after\:w-full::after { content: var(--tw-content); width: 100%; }
.group[data-open="true"] .group-data-\[open\=true\]\:after\:translate-y-0::after { content: var(--tw-content); --tw-translate-y: 0px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-open="true"] .group-data-\[open\=true\]\:after\:-rotate-45::after { content: var(--tw-content); --tw-rotate: -45deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:after\:scale-100::after { content: var(--tw-content); --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:after\:bg-danger::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.group[data-required="true"] .group-data-\[required\=true\]\:after\:text-danger::after { content: var(--tw-content); --tw-text-opacity: 1; color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-text-opacity))); }
.group[data-selected="true"] .group-data-\[selected\=true\]\:after\:opacity-100::after { content: var(--tw-content); opacity: 1; }
.group[data-required="true"] .group-data-\[required\=true\]\:after\:content-\[\'\*\'\]::after { --tw-content: "*"; content: var(--tw-content); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:hover\:border-danger:hover { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:hover\:bg-danger-100:hover { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:focus-within\:hover\:border-danger:hover:focus-within { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-border-opacity))); }
.group[data-invalid="true"] .group-data-\[invalid\=true\]\:focus-within\:hover\:bg-danger-50:hover:focus-within { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.group\/tr[aria-selected="false"][data-hover="true"] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:bg-default-100::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.group\/tr[aria-selected="false"][data-hover="true"] .group-aria-\[selected\=false\]\/tr\:group-data-\[hover\=true\]\/tr\:before\:opacity-70::before { content: var(--tw-content); opacity: 0.7; }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-danger\/20[data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-danger) / .2); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-default\/60[data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-default) / .6); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-primary\/20[data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-primary) / .2); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-secondary\/20[data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-secondary) / .2); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-success\/20[data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-success) / .2); }
.group\/tr[data-odd="true"] .group-data-\[odd\=true\]\/tr\:data-\[selected\=true\]\/tr\:before\:bg-warning\/20[data-selected="true"]::before { content: var(--tw-content); background-color: hsl(var(--nextui-warning) / .2); }
.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:pointer-events-auto { pointer-events: auto; }
.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:block { display: block; }
.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.peer[data-filled="true"] ~ .peer-data-\[filled\=true\]\:opacity-70 { opacity: 0.7; }
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
  .motion-reduce\:transition-none { transition-property: none; }
  .motion-reduce\:after\:transition-none::after { content: var(--tw-content); transition-property: none; }
}
.dark\:border-danger-100:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-border-opacity))); }
.dark\:border-default-200:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-border-opacity))); }
.dark\:border-primary-100:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(var(--nextui-primary-100) / var(--nextui-primary-100-opacity, var(--tw-border-opacity))); }
.dark\:border-success-100:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-border-opacity))); }
.dark\:border-warning-100:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-border-opacity))); }
.dark\:bg-\[\#FFFFFF0D\]:is(.dark *) { background-color: rgba(255, 255, 255, 0.05); }
.dark\:bg-background:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-background) / var(--nextui-background-opacity, var(--tw-bg-opacity))); }
.dark\:bg-background\/20:is(.dark *) { background-color: hsl(var(--nextui-background) / .2); }
.dark\:bg-content2:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))); }
.dark\:bg-danger-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-100) / var(--nextui-danger-100-opacity, var(--tw-bg-opacity))); }
.dark\:bg-danger-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.dark\:bg-danger-50\/50:is(.dark *) { background-color: hsl(var(--nextui-danger-50) / .5); }
.dark\:bg-default:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default) / var(--nextui-default-opacity, var(--tw-bg-opacity))); }
.dark\:bg-default-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.dark\:bg-default-50\/50:is(.dark *) { background-color: hsl(var(--nextui-default-50) / .5); }
.dark\:bg-primary-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-100) / var(--nextui-primary-100-opacity, var(--tw-bg-opacity))); }
.dark\:bg-primary-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-primary-50) / var(--nextui-primary-50-opacity, var(--tw-bg-opacity))); }
.dark\:bg-primary-50\/50:is(.dark *) { background-color: hsl(var(--nextui-primary-50) / .5); }
.dark\:bg-secondary-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-100) / var(--nextui-secondary-100-opacity, var(--tw-bg-opacity))); }
.dark\:bg-secondary-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-secondary-50) / var(--nextui-secondary-50-opacity, var(--tw-bg-opacity))); }
.dark\:bg-secondary-50\/50:is(.dark *) { background-color: hsl(var(--nextui-secondary-50) / .5); }
.dark\:bg-success-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-100) / var(--nextui-success-100-opacity, var(--tw-bg-opacity))); }
.dark\:bg-success-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.dark\:bg-success-50\/50:is(.dark *) { background-color: hsl(var(--nextui-success-50) / .5); }
.dark\:bg-transparent:is(.dark *) { background-color: transparent; }
.dark\:bg-warning-100:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-100) / var(--nextui-warning-100-opacity, var(--tw-bg-opacity))); }
.dark\:bg-warning-50:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.dark\:bg-warning-50\/50:is(.dark *) { background-color: hsl(var(--nextui-warning-50) / .5); }
.dark\:text-danger-500:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.dark\:text-success:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.dark\:text-warning:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.dark\:text-white\/90:is(.dark *) { color: rgba(255, 255, 255, 0.9); }
.dark\:placeholder\:text-danger-500:is(.dark *)::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.dark\:placeholder\:text-success:is(.dark *)::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.dark\:placeholder\:text-warning:is(.dark *)::placeholder { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.dark\:placeholder\:text-white\/60:is(.dark *)::placeholder { color: rgba(255, 255, 255, 0.6); }
.dark\:before\:via-default-700\/10:is(.dark *)::before { content: var(--tw-content); --tw-gradient-to: hsl(var(--nextui-default-700) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--nextui-default-700) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to); }
.dark\:after\:bg-content2:is(.dark *)::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))); }
.dark\:hover\:bg-default\/70:hover:is(.dark *) { background-color: hsl(var(--nextui-default) / .7); }
.dark\:focus\:bg-danger-400\/20:focus:is(.dark *) { background-color: hsl(var(--nextui-danger-400) / .2); }
.dark\:focus\:bg-success-400\/20:focus:is(.dark *) { background-color: hsl(var(--nextui-success-400) / .2); }
.dark\:focus\:bg-warning-400\/20:focus:is(.dark *) { background-color: hsl(var(--nextui-warning-400) / .2); }
.dark\:data-\[hover\=true\]\:bg-content2[data-hover="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-content2) / var(--nextui-content2-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[hover\=true\]\:bg-danger-50[data-hover="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger-50) / var(--nextui-danger-50-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[hover\=true\]\:bg-success-50[data-hover="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[hover\=true\]\:bg-warning-50[data-hover="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[in-range\=true\]\:bg-white\/50[data-in-range="true"]:is(.dark *) { background-color: rgba(255, 255, 255, 0.5); }
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-danger[data-hover="true"][data-selected="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-danger) / var(--nextui-danger-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-success[data-hover="true"][data-selected="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:bg-warning[data-hover="true"][data-selected="true"]:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[hover\=true\]\:text-danger-500[data-hover="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.dark\:data-\[hover\=true\]\:text-success-500[data-hover="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success-500) / var(--nextui-success-500-opacity, var(--tw-text-opacity))); }
.dark\:data-\[hover\=true\]\:text-warning-500[data-hover="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-500) / var(--nextui-warning-500-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-danger-foreground[data-hover="true"][data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-foreground) / var(--nextui-danger-foreground-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-success-foreground[data-hover="true"][data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[hover\=true\]\:text-warning-foreground[data-hover="true"][data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-warning-foreground) / var(--nextui-warning-foreground-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:text-success-500[data-range-selection="true"][data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success-500) / var(--nextui-success-500-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[selection-end\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-end="true"][data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[selection-start\=true\]\:data-\[range-selection\=true\]\:text-success-foreground[data-range-selection="true"][data-selection-start="true"][data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success-foreground) / var(--nextui-success-foreground-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:text-danger-500[data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-danger-500) / var(--nextui-danger-500-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:text-success[data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-success) / var(--nextui-success-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:text-warning[data-selected="true"]:is(.dark *) { --tw-text-opacity: 1; color: hsl(var(--nextui-warning) / var(--nextui-warning-opacity, var(--tw-text-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-success-50[data-range-selection="true"][data-selected="true"]:is(.dark *)::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-success-50) / var(--nextui-success-50-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[selected\=true\]\:data-\[range-selection\=true\]\:before\:bg-warning-50[data-range-selection="true"][data-selected="true"]:is(.dark *)::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--nextui-warning-50) / var(--nextui-warning-50-opacity, var(--tw-bg-opacity))); }
.dark\:data-\[invalid\=true\]\:focus\:bg-danger-400\/20:focus[data-invalid="true"]:is(.dark *) { background-color: hsl(var(--nextui-danger-400) / .2); }
.group[data-focus="true"] .dark\:group-data-\[focus\=true\]\:border-\[\#00F0FF\]:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(0 240 255 / var(--tw-border-opacity, 1)); }
@media (min-width: 640px) {
  .sm\:m-0 { margin: 0px; }
  .sm\:mx-0 { margin-left: 0px; margin-right: 0px; }
  .sm\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .sm\:my-0 { margin-top: 0px; margin-bottom: 0px; }
  .sm\:my-16 { margin-top: 4rem; margin-bottom: 4rem; }
  .sm\:items-start { align-items: flex-start; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:items-center { align-items: center; }
  .sm\:\[--scale-enter\:100\%\] { --scale-enter: 100%; }
  .sm\:\[--scale-exit\:103\%\] { --scale-exit: 103%; }
  .sm\:\[--slide-enter\:0px\] { --slide-enter: 0px; }
  .sm\:\[--slide-exit\:0px\] { --slide-exit: 0px; }
  .sm\:data-\[visible\=true\]\:pointer-events-none[data-visible="true"] { pointer-events: none; }
  .sm\:data-\[visible\=true\]\:opacity-0[data-visible="true"] { opacity: 0; }
  .group[data-hover="true"] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:pointer-events-auto[data-visible="true"] { pointer-events: auto; }
  .group[data-hover="true"] .sm\:group-data-\[hover\=true\]\:data-\[visible\=true\]\:opacity-100[data-visible="true"] { opacity: 1; }
}
@media (min-width: 768px) {
  .md\:w-1\/3 { width: 33.3333%; }
  .md\:w-2\/3 { width: 66.6667%; }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .md\:flex-row { flex-direction: row; }
  .md\:text-\[120px\] { font-size: 120px; }
}
@media (min-width: 1024px) {
  .lg\:absolute { position: absolute; }
  .lg\:inset-0 { inset: 0px; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:my-0 { margin-top: 0px; margin-bottom: 0px; }
  .lg\:my-12 { margin-top: 3rem; margin-bottom: 3rem; }
  .lg\:mb-0 { margin-bottom: 0px; }
  .lg\:mb-12 { margin-bottom: 3rem; }
  .lg\:mb-2 { margin-bottom: 0.5rem; }
  .lg\:mt-0 { margin-top: 0px; }
  .lg\:block { display: block; }
  .lg\:hidden { display: none; }
  .lg\:size-12 { width: 3rem; height: 3rem; }
  .lg\:\!h-10 { height: 2.5rem !important; }
  .lg\:h-10 { height: 2.5rem; }
  .lg\:h-12 { height: 3rem; }
  .lg\:h-6 { height: 1.5rem; }
  .lg\:h-\[100vh-8rem\] { }
  .lg\:h-\[10rem\] { height: 10rem; }
  .lg\:h-\[5\.5rem\] { height: 5.5rem; }
  .lg\:h-\[calc\(100\%-2rem\)\] { height: calc(100% - 2rem); }
  .lg\:h-\[calc\(min\(180vh\,110\.875rem\)-8rem-3rem-65px\)\] { height: calc(-65px - 11rem + min(180vh, 110.875rem)); }
  .lg\:h-\[min\(180vh\,110\.875rem\)\] { height: min(180vh, 110.875rem); }
  .lg\:h-full { height: 100%; }
  .lg\:h-screen { height: 100vh; }
  .lg\:max-h-screen { max-height: 100vh; }
  .lg\:\!min-h-10 { min-height: 2.5rem !important; }
  .lg\:min-h-\[1050px\] { min-height: 1050px; }
  .lg\:min-h-\[calc\(100vh-8rem\)\] { min-height: calc(-8rem + 100vh); }
  .lg\:min-h-screen { min-height: 100vh; }
  .lg\:w-1\/2 { width: 50%; }
  .lg\:w-12 { width: 3rem; }
  .lg\:w-6 { width: 1.5rem; }
  .lg\:w-\[18\.5rem\] { width: 18.5rem; }
  .lg\:w-\[24\.8rem\] { width: 24.8rem; }
  .lg\:w-\[33\%\] { width: 33%; }
  .lg\:w-\[52rem\] { width: 52rem; }
  .lg\:w-\[56rem\] { width: 56rem; }
  .lg\:w-\[59rem\] { width: 59rem; }
  .lg\:w-\[62rem\] { width: 62rem; }
  .lg\:w-\[8\.125rem\] { width: 8.125rem; }
  .lg\:w-\[9\.25rem\] { width: 9.25rem; }
  .lg\:w-\[calc\(calc\(100\%-3rem\)\/4\)\] { width: calc(25% - 0.75rem); }
  .lg\:w-auto { width: auto; }
  .lg\:w-divider { width: var(--nextui-divider-weight); }
  .lg\:w-fit { width: fit-content; }
  .lg\:min-w-\[10rem\] { min-width: 10rem; }
  .lg\:min-w-\[9\.375rem\] { min-width: 9.375rem; }
  .lg\:max-w-\[calc\(50\%-1rem\)\] { max-width: calc(50% - 1rem); }
  .lg\:flex-none { flex: 0 0 auto; }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .lg\:\!flex-row { flex-direction: row !important; }
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:items-start { align-items: flex-start; }
  .lg\:items-center { align-items: center; }
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:justify-center { justify-content: center; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:gap-0 { gap: 0px; }
  .lg\:gap-10 { gap: 2.5rem; }
  .lg\:gap-12 { gap: 3rem; }
  .lg\:gap-16 { gap: 4rem; }
  .lg\:gap-4 { gap: 1rem; }
  .lg\:gap-6 { gap: 1.5rem; }
  .lg\:gap-8 { gap: 2rem; }
  .lg\:gap-x-0 { column-gap: 0px; }
  .lg\:self-end { align-self: flex-end; }
  .lg\:border-b-0 { border-bottom-width: 0px; }
  .lg\:border-r { border-right-width: 1px; }
  .lg\:bg-\[url\(\'\@\/assets\/images\/icon\/arrow_right\.svg\'\)\] { background-image: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.6738%209.54917C23.4061%208.81694%2024.5939%208.81694%2025.3262%209.54917L38.4512%2022.6742C38.5371%2022.7601%2038.6136%2022.8552%2038.6816%2022.9564C38.7034%2022.9888%2038.7226%2023.0226%2038.7422%2023.056C38.7537%2023.0757%2038.7665%2023.0945%2038.7773%2023.1146C38.7915%2023.141%2038.8026%2023.1688%2038.8154%2023.1957C38.8298%2023.2259%2038.8456%2023.2554%2038.8584%2023.2865C38.8663%2023.3058%2038.8726%2023.3256%2038.8799%2023.3451C38.8937%2023.3821%2038.9074%2023.4193%2038.9189%2023.4574C38.9275%2023.4858%2038.9342%2023.5146%2038.9414%2023.5433C38.9487%2023.5725%2038.957%2023.6015%2038.9629%2023.6312C38.9699%2023.6665%2038.9745%2023.7021%2038.9795%2023.7377C38.9916%2023.8236%2039%2023.9111%2039%2024.0003C39%2024.0893%2038.9915%2024.1764%2038.9795%2024.2621C38.9745%2024.2976%2038.9699%2024.3332%2038.9629%2024.3685C38.957%2024.3982%2038.9487%2024.4272%2038.9414%2024.4564C38.9342%2024.4851%2038.9275%2024.5139%2038.9189%2024.5423C38.9074%2024.5805%2038.8937%2024.6176%2038.8799%2024.6546C38.8726%2024.6741%2038.8663%2024.694%2038.8584%2024.7132C38.8456%2024.7443%2038.8298%2024.7738%2038.8154%2024.8041C38.8026%2024.831%2038.7915%2024.8587%2038.7773%2024.8851C38.7666%2024.9052%2038.7537%2024.924%2038.7422%2024.9437C38.7226%2024.9772%2038.7034%2025.0109%2038.6816%2025.0433C38.6135%2025.1448%2038.5373%2025.2404%2038.4512%2025.3265L25.3262%2038.4515C24.5939%2039.1838%2023.4061%2039.1838%2022.6738%2038.4515C21.9416%2037.7193%2021.9416%2036.5314%2022.6738%2035.7992L32.5986%2025.8753H10.875C9.83947%2025.8753%209%2025.0359%209%2024.0003C9%2022.9648%209.83947%2022.1253%2010.875%2022.1253H32.5986L22.6738%2012.2015C21.9416%2011.4693%2021.9416%2010.2814%2022.6738%209.54917Z'%20fill='white'/%3e%3c/svg%3e"); }
  .lg\:\!p-6 { padding: 1.5rem !important; }
  .lg\:p-0 { padding: 0px; }
  .lg\:p-12 { padding: 3rem; }
  .lg\:p-6 { padding: 1.5rem; }
  .lg\:px-0 { padding-left: 0px; padding-right: 0px; }
  .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; }
  .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; }
  .lg\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
  .lg\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .lg\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; }
  .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .lg\:py-\[0\.625rem\] { padding-top: 0.625rem; padding-bottom: 0.625rem; }
  .lg\:pb-0 { padding-bottom: 0px; }
  .lg\:pb-12 { padding-bottom: 3rem; }
  .lg\:pb-\[10rem\] { padding-bottom: 10rem; }
  .lg\:pl-4 { padding-left: 1rem; }
  .lg\:pr-6 { padding-right: 1.5rem; }
  .lg\:pt-0 { padding-top: 0px; }
  .lg\:pt-12 { padding-top: 3rem; }
  .lg\:pt-\[calc\(8rem\+65px\)\] { padding-top: calc(65px + 8rem); }
  .lg\:text-left { text-align: left; }
  .lg\:text-right { text-align: right; }
  .lg\:\!text-2xl { font-size: 1.5rem !important; line-height: 2rem !important; }
  .lg\:\!text-\[1\.5rem\] { font-size: 1.5rem !important; }
  .lg\:\!text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
  .lg\:\!text-xl { font-size: 1.25rem !important; line-height: 1.75rem !important; }
  .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .lg\:text-\[2\.25rem\] { font-size: 2.25rem; }
  .lg\:text-\[32px\] { font-size: 32px; }
  .lg\:text-\[36px\] { font-size: 36px; }
  .lg\:text-\[64px\] { font-size: 64px; }
  .lg\:text-\[80px\] { font-size: 80px; }
  .lg\:text-\[8rem\] { font-size: 8rem; }
  .lg\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .lg\:tracking-\[8\.88px\] { letter-spacing: 8.88px; }
  .lg\:\!text-\[24\] { }
}
.rtl\:left-2:where([dir="rtl"], [dir="rtl"] *) { left: 0.5rem; }
.rtl\:right-auto:where([dir="rtl"], [dir="rtl"] *) { right: auto; }
.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *) { transform-origin: right top; }
.rtl\:-rotate-180:where([dir="rtl"], [dir="rtl"] *) { --tw-rotate: -180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *) { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) { flex-direction: row-reverse; }
.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
.rtl\:data-\[focus-visible\=true\]\:translate-x-3[data-focus-visible="true"]:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: .75rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:data-\[hover\=true\]\:translate-x-3[data-hover="true"]:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: .75rem; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.rtl\:data-\[open\=true\]\:-rotate-90[data-open="true"]:where([dir="rtl"], [dir="rtl"] *) { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-danger { margin-inline-start: calc(var(--nextui-border-width-medium) * -1); }
.\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-default { margin-inline-start: calc(var(--nextui-border-width-medium) * -1); }
.\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-primary { margin-inline-start: calc(var(--nextui-border-width-medium) * -1); }
.\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-secondary { margin-inline-start: calc(var(--nextui-border-width-medium) * -1); }
.\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-success { margin-inline-start: calc(var(--nextui-border-width-medium) * -1); }
.\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\] + .border-medium.border-warning { margin-inline-start: calc(var(--nextui-border-width-medium) * -1); }
.\[\&\:\:selection\]\:text-white::selection { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); }
.\[\&\:after\]\:\!h-3::after { height: 0.75rem !important; }
.\[\&\:after\]\:\!w-3::after { width: 0.75rem !important; }
.\[\&\:after\]\:\!bg-white::after { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; }
.\[\&\:last-of-type\]\:\!text-right:last-of-type { text-align: right !important; }
.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) { border-radius: 0px; }
.\[\&\:not\(\:first-child\)\]\:-ml-1:not(:first-child) { margin-left: -0.25rem; }
.\[\&\:not\(\:first-of-type\)\:not\(\:last-of-type\)\]\:rounded-none:not(:first-of-type):not(:last-of-type) { border-radius: 0px; }
.\[\&\:not\(\:first-of-type\)\]\:absolute:not(:first-of-type) { position: absolute; }
.\[\&\:not\(\:first-of-type\)\]\:ms-\[calc\(theme\(borderWidth\.2\)\*-1\)\]:not(:first-of-type) { margin-inline-start: -2px; }
.\[\&\:not\(\:first-of-type\)\]\:opacity-0:not(:first-of-type) { opacity: 0; }
.\[\&\:not\(\:last-child\)\]\:border-r:not(:last-child) { border-right-width: 1px; }
.\[\&\:not\(\:last-child\)\]\:border-r-\[\#FFFFFF80\]:not(:last-child) { border-right-color: rgba(255, 255, 255, 0.5); }
.\[\&\>\*\]\:relative > * { position: relative; }
.\[\&\>code\]\:\!whitespace-break-spaces > code { white-space: break-spaces !important; }
.\[\&\>code\]\:leading-4 > code { line-height: 1rem; }
.\[\&\>div\]\:flex > div { display: flex; }
.\[\&\>div\]\:flex-1 > div { flex: 1 1 0%; }
.\[\&\>div\]\:flex-col > div { flex-direction: column; }
.\[\&\>div\]\:gap-4 > div { gap: 1rem; }
.\[\&\>div\]\:\!p-0 > div { padding: 0px !important; }
.\[\&\>div\]\:p-0 > div { padding: 0px; }
.\[\&\>div\]\:\!pt-0 > div { padding-top: 0px !important; }
@media (min-width: 1024px) {
  .lg\:\[\&\>div\]\:gap-2 > div { gap: 0.5rem; }
}
.\[\&\>span\]\:flex > span { display: flex; }
.\[\&\>span\]\:items-center > span { align-items: center; }
.\[\&\>span\]\:justify-between > span { justify-content: space-between; }
.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\] > svg { max-width: 2rem; }
.\[\&\>tr\]\:first\:rounded-lg:first-child > tr { border-radius: 0.5rem; }
.\[\&\>tr\]\:first\:shadow-small:first-child > tr { --tw-shadow: var(--nextui-box-shadow-small); --tw-shadow-colored: var(--nextui-box-shadow-small); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow); }
.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-100[data-hover="true"]:not([data-active="true"]) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-100) / var(--nextui-default-100-opacity, var(--tw-bg-opacity))); }
.\[\&\[data-hover\=true\]\:not\(\[data-active\=true\]\)\]\:bg-default-200[data-hover="true"]:not([data-active="true"]) { --tw-bg-opacity: 1; background-color: hsl(var(--nextui-default-200) / var(--nextui-default-200-opacity, var(--tw-bg-opacity))); }
.\[\&_\.chevron-icon\]\:flex-none .chevron-icon { flex: 0 0 auto; }
.\[\&_\.chevron-icon\]\:rotate-180 .chevron-icon { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.\[\&_\.chevron-icon\]\:transition-transform .chevron-icon { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.25s; }
.\[\&_\.indicator\]\:h-2 .indicator { height: 0.5rem; }
.\[\&_\.indicator\]\:w-2 .indicator { width: 0.5rem; }
.\[\&_\.loading\]\:size-4 .loading { width: 1rem; height: 1rem; }
.\[\&_\.modal-content\]\:\!p-0 .modal-content { padding: 0px !important; }
.\[\&_\.prover-status-list\]\:flex-row .prover-status-list { flex-direction: row; }
.\[\&_\.prover-status-list\]\:flex-wrap .prover-status-list { flex-wrap: wrap; }
.\[\&_input\]\:flex-1 input { flex: 1 1 0%; }
.\[\&_label\]\:\!max-w-none label { max-width: none !important; }
@media (min-width: 1024px) {
  .lg\:\[\&_label\]\:\!max-w-fit label { max-width: fit-content !important; }
}
.\[\&_li\]\:leading-\[1\.3\] li { line-height: 1.3; }
.\[\&_pre\]\:w-full pre { width: 100%; }
.\[\&_svg\]\:\!hidden svg { display: none !important; }
.\[\&_svg\]\:\!size-4 svg { width: 1rem !important; height: 1rem !important; }
.arco-upload-trigger, .arco-upload-trigger-picture-wrapper, .arco-upload-trigger-picture { height: 100%; width: 100%; border-radius: 8px; }
.arco-upload-trigger-picture { position: relative; border: 1.5px solid rgba(255, 255, 255, 0.2); }
.arco-upload-trigger-picture:hover { background: transparent; border: 1.5px solid rgb(33, 233, 250); }
.arco-upload-trigger-picture, .arco-upload-list-item-picture { background: transparent; width: 96px; height: 96px; }
* { margin: 0px; font-family: Teachers; box-sizing: border-box; line-height: 1; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: inherit; backface-visibility: hidden; }
img { display: block; outline: none; }
body { -webkit-font-smoothing: antialiased; text-size-adjust: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#root, html, body { background: rgb(9, 10, 9); position: relative; }
.basic-bg-gradient { position: relative; }
.basic-bg-gradient::after { content: ""; position: absolute; z-index: 1; inset: 0px; width: 100%; height: 100%; background: linear-gradient(106.25deg, rgba(154, 75, 254, 0.2), rgba(28, 214, 255, 0.2) 30.99%, rgba(27, 254, 223, 0.2) 97.85%); }
.gradient-bg { background: linear-gradient(90deg, rgb(217, 157, 253), rgb(138, 42, 247) 11.41%, rgb(23, 131, 231) 70%, rgb(1, 240, 255)); }
.gradient-sub-bg { background: linear-gradient(83.04deg, rgba(157, 71, 255, 0.2) 5.44%, rgba(0, 240, 255, 0.2) 54.92%); }
.gradient-border { overflow: hidden; border: 1px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, rgb(217, 157, 253), rgb(138, 42, 247) 11.41%, rgb(23, 131, 231) 70%, rgb(1, 240, 255)); }
.gradient-color { background: linear-gradient(253.59deg, rgb(232, 215, 224) 37.6%, rgb(157, 71, 255) 97.1%) text; -webkit-text-fill-color: transparent; }
.gradient-sub-border { overflow: hidden; border: 1px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(to right, rgb(16, 20, 26), rgb(16, 20, 26)), linear-gradient(90deg, rgb(217, 157, 253), rgb(138, 42, 247) 11.41%, rgb(23, 131, 231) 70%, rgb(1, 240, 255)); }
.Toastify__toast-container--top-right { top: 3.825rem; }
.Toastify__toast.Toastify__toast-theme--dark#unmathedAddressToast { border: 2px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box; background-image: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0)), linear-gradient(90deg, rgb(217, 157, 253), rgb(138, 42, 247) 11.41%, rgb(23, 131, 231) 70%, rgb(1, 240, 255)); }
.title-lg { font-size: 180px; }
@media (max-width: 1400px) {
  .title-lg { font-size: 48px; }
}
.title-md { font-size: 96px; }
@media (max-width: 1400px) {
  .title-md { font-size: 48px; }
}
.title-md-2 { font-size: 80px; }
@media (max-width: 1400px) {
  .title-md-2 { font-size: 48px; }
}
.title { font-family: Unbounded; font-style: normal; font-weight: 200; text-transform: uppercase; }
@media (max-width: 1400px) {
  .title { font-size: 48px; }
}
.sub-title { font-family: Teachers; font-size: 24px; font-style: normal; font-weight: 400; letter-spacing: 8.88px; text-transform: uppercase; }
@media (max-width: 1400px) {
  .sub-title { font-size: 20px; }
}
.desc { color: rgba(255, 255, 255, 0.8); font-family: Teachers; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
@media (max-width: 1400px) {
  .desc { font-size: 16px; }
}
.teacher { font-family: teachers; text-transform: uppercase; }
.unbounded { font-family: Unbounded; text-transform: uppercase; }
.code { color: rgba(255, 255, 255, 0.8); font-family: "Fira Code"; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.hover-bright-gradient[data-hover="true"] { background: linear-gradient(90deg, rgba(23, 209, 178, 0.9), rgba(76, 31, 153, 0.9)); box-shadow: rgba(255, 255, 255, 0.3) 0px 0px 10px inset; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px; }
.vertical-gradient-border { position: relative; z-index: 0; }
.vertical-gradient-border::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); z-index: -1; }
.gradient-border-card::after { content: ""; position: absolute; z-index: -1; inset: 0px; border-radius: inherit; padding: var(--border-width, 1px); background: linear-gradient(var(--gradient-direction, 90deg),var(--gradient-from, #fff) 0%,var(--gradient-to, rgba(255, 255, 255, .2)) 100%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100%) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100%); }
[data-rk] .iekbcc0 { border: 0px; box-sizing: border-box; font-size: 100%; line-height: normal; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline; -webkit-tap-highlight-color: transparent; }
[data-rk] .iekbcc1 { list-style: none; }
[data-rk] .iekbcc2 { quotes: none; }
[data-rk] .iekbcc2::before, [data-rk] .iekbcc2::after { content: ""; }
[data-rk] .iekbcc3 { border-collapse: collapse; border-spacing: 0px; }
[data-rk] .iekbcc4 { appearance: none; }
[data-rk] .iekbcc5 { outline: none; }
[data-rk] .iekbcc5::placeholder { opacity: 1; }
[data-rk] .iekbcc6 { background-color: transparent; color: inherit; }
[data-rk] .iekbcc7:disabled { opacity: 1; }
[data-rk] .iekbcc8::-webkit-search-cancel-button { appearance: none; }
[data-rk] .iekbcc9 { background: none; cursor: pointer; text-align: left; }
[data-rk] .iekbcca { color: inherit; text-decoration: none; }
[data-rk] .ju367v0 { align-items: flex-start; }
[data-rk] .ju367v2 { align-items: flex-end; }
[data-rk] .ju367v4 { align-items: center; }
[data-rk] .ju367v6 { display: none; }
[data-rk] .ju367v8 { display: block; }
[data-rk] .ju367va { display: flex; }
[data-rk] .ju367vc { display: inline; }
[data-rk] .ju367ve { align-self: flex-start; }
[data-rk] .ju367vf { align-self: flex-end; }
[data-rk] .ju367vg { align-self: center; }
[data-rk] .ju367vh { background-size: cover; }
[data-rk] .ju367vi { border-radius: 1px; }
[data-rk] .ju367vj { border-radius: 6px; }
[data-rk] .ju367vk { border-radius: 10px; }
[data-rk] .ju367vl { border-radius: 13px; }
[data-rk] .ju367vm { border-radius: var(--rk-radii-actionButton); }
[data-rk] .ju367vn { border-radius: var(--rk-radii-connectButton); }
[data-rk] .ju367vo { border-radius: var(--rk-radii-menuButton); }
[data-rk] .ju367vp { border-radius: var(--rk-radii-modal); }
[data-rk] .ju367vq { border-radius: var(--rk-radii-modalMobile); }
[data-rk] .ju367vr { border-radius: 25%; }
[data-rk] .ju367vs { border-radius: 9999px; }
[data-rk] .ju367vt { border-style: solid; }
[data-rk] .ju367vu { border-width: 0px; }
[data-rk] .ju367vv { border-width: 1px; }
[data-rk] .ju367vw { border-width: 2px; }
[data-rk] .ju367vx { border-width: 4px; }
[data-rk] .ju367vy { cursor: pointer; }
[data-rk] .ju367vz { cursor: none; }
[data-rk] .ju367v10 { pointer-events: none; }
[data-rk] .ju367v11 { pointer-events: all; }
[data-rk] .ju367v12 { min-height: 8px; }
[data-rk] .ju367v13 { min-height: 44px; }
[data-rk] .ju367v14 { flex-direction: row; }
[data-rk] .ju367v15 { flex-direction: column; }
[data-rk] .ju367v16 { font-family: var(--rk-fonts-body); }
[data-rk] .ju367v17 { font-size: 12px; line-height: 18px; }
[data-rk] .ju367v18 { font-size: 13px; line-height: 18px; }
[data-rk] .ju367v19 { font-size: 14px; line-height: 18px; }
[data-rk] .ju367v1a { font-size: 16px; line-height: 20px; }
[data-rk] .ju367v1b { font-size: 18px; line-height: 24px; }
[data-rk] .ju367v1c { font-size: 20px; line-height: 24px; }
[data-rk] .ju367v1d { font-size: 23px; line-height: 29px; }
[data-rk] .ju367v1e { font-weight: 400; }
[data-rk] .ju367v1f { font-weight: 500; }
[data-rk] .ju367v1g { font-weight: 600; }
[data-rk] .ju367v1h { font-weight: 700; }
[data-rk] .ju367v1i { font-weight: 800; }
[data-rk] .ju367v1j { gap: 0px; }
[data-rk] .ju367v1k { gap: 1px; }
[data-rk] .ju367v1l { gap: 2px; }
[data-rk] .ju367v1m { gap: 3px; }
[data-rk] .ju367v1n { gap: 4px; }
[data-rk] .ju367v1o { gap: 5px; }
[data-rk] .ju367v1p { gap: 6px; }
[data-rk] .ju367v1q { gap: 8px; }
[data-rk] .ju367v1r { gap: 10px; }
[data-rk] .ju367v1s { gap: 12px; }
[data-rk] .ju367v1t { gap: 14px; }
[data-rk] .ju367v1u { gap: 16px; }
[data-rk] .ju367v1v { gap: 18px; }
[data-rk] .ju367v1w { gap: 20px; }
[data-rk] .ju367v1x { gap: 24px; }
[data-rk] .ju367v1y { gap: 28px; }
[data-rk] .ju367v1z { gap: 32px; }
[data-rk] .ju367v20 { gap: 36px; }
[data-rk] .ju367v21 { gap: 44px; }
[data-rk] .ju367v22 { gap: 64px; }
[data-rk] .ju367v23 { }
[data-rk] .ju367v24 { height: 1px; }
[data-rk] .ju367v25 { height: 2px; }
[data-rk] .ju367v26 { height: 4px; }
[data-rk] .ju367v27 { height: 8px; }
[data-rk] .ju367v28 { height: 12px; }
[data-rk] .ju367v29 { height: 20px; }
[data-rk] .ju367v2a { height: 24px; }
[data-rk] .ju367v2b { height: 28px; }
[data-rk] .ju367v2c { height: 30px; }
[data-rk] .ju367v2d { height: 32px; }
[data-rk] .ju367v2e { height: 34px; }
[data-rk] .ju367v2f { height: 36px; }
[data-rk] .ju367v2g { height: 40px; }
[data-rk] .ju367v2h { height: 44px; }
[data-rk] .ju367v2i { height: 48px; }
[data-rk] .ju367v2j { height: 54px; }
[data-rk] .ju367v2k { height: 60px; }
[data-rk] .ju367v2l { height: 200px; }
[data-rk] .ju367v2m { height: 100%; }
[data-rk] .ju367v2n { height: max-content; }
[data-rk] .ju367v2o { justify-content: flex-start; }
[data-rk] .ju367v2p { justify-content: flex-end; }
[data-rk] .ju367v2q { justify-content: center; }
[data-rk] .ju367v2r { justify-content: space-between; }
[data-rk] .ju367v2s { justify-content: space-around; }
[data-rk] .ju367v2t { text-align: left; }
[data-rk] .ju367v2u { text-align: center; }
[data-rk] .ju367v2v { text-align: inherit; }
[data-rk] .ju367v2w { margin-bottom: 0px; }
[data-rk] .ju367v2x { margin-bottom: 1px; }
[data-rk] .ju367v2y { margin-bottom: 2px; }
[data-rk] .ju367v2z { margin-bottom: 3px; }
[data-rk] .ju367v30 { margin-bottom: 4px; }
[data-rk] .ju367v31 { margin-bottom: 5px; }
[data-rk] .ju367v32 { margin-bottom: 6px; }
[data-rk] .ju367v33 { margin-bottom: 8px; }
[data-rk] .ju367v34 { margin-bottom: 10px; }
[data-rk] .ju367v35 { margin-bottom: 12px; }
[data-rk] .ju367v36 { margin-bottom: 14px; }
[data-rk] .ju367v37 { margin-bottom: 16px; }
[data-rk] .ju367v38 { margin-bottom: 18px; }
[data-rk] .ju367v39 { margin-bottom: 20px; }
[data-rk] .ju367v3a { margin-bottom: 24px; }
[data-rk] .ju367v3b { margin-bottom: 28px; }
[data-rk] .ju367v3c { margin-bottom: 32px; }
[data-rk] .ju367v3d { margin-bottom: 36px; }
[data-rk] .ju367v3e { margin-bottom: 44px; }
[data-rk] .ju367v3f { margin-bottom: 64px; }
[data-rk] .ju367v3g { margin-bottom: -1px; }
[data-rk] .ju367v3h { margin-left: 0px; }
[data-rk] .ju367v3i { margin-left: 1px; }
[data-rk] .ju367v3j { margin-left: 2px; }
[data-rk] .ju367v3k { margin-left: 3px; }
[data-rk] .ju367v3l { margin-left: 4px; }
[data-rk] .ju367v3m { margin-left: 5px; }
[data-rk] .ju367v3n { margin-left: 6px; }
[data-rk] .ju367v3o { margin-left: 8px; }
[data-rk] .ju367v3p { margin-left: 10px; }
[data-rk] .ju367v3q { margin-left: 12px; }
[data-rk] .ju367v3r { margin-left: 14px; }
[data-rk] .ju367v3s { margin-left: 16px; }
[data-rk] .ju367v3t { margin-left: 18px; }
[data-rk] .ju367v3u { margin-left: 20px; }
[data-rk] .ju367v3v { margin-left: 24px; }
[data-rk] .ju367v3w { margin-left: 28px; }
[data-rk] .ju367v3x { margin-left: 32px; }
[data-rk] .ju367v3y { margin-left: 36px; }
[data-rk] .ju367v3z { margin-left: 44px; }
[data-rk] .ju367v40 { margin-left: 64px; }
[data-rk] .ju367v41 { margin-left: -1px; }
[data-rk] .ju367v42 { margin-right: 0px; }
[data-rk] .ju367v43 { margin-right: 1px; }
[data-rk] .ju367v44 { margin-right: 2px; }
[data-rk] .ju367v45 { margin-right: 3px; }
[data-rk] .ju367v46 { margin-right: 4px; }
[data-rk] .ju367v47 { margin-right: 5px; }
[data-rk] .ju367v48 { margin-right: 6px; }
[data-rk] .ju367v49 { margin-right: 8px; }
[data-rk] .ju367v4a { margin-right: 10px; }
[data-rk] .ju367v4b { margin-right: 12px; }
[data-rk] .ju367v4c { margin-right: 14px; }
[data-rk] .ju367v4d { margin-right: 16px; }
[data-rk] .ju367v4e { margin-right: 18px; }
[data-rk] .ju367v4f { margin-right: 20px; }
[data-rk] .ju367v4g { margin-right: 24px; }
[data-rk] .ju367v4h { margin-right: 28px; }
[data-rk] .ju367v4i { margin-right: 32px; }
[data-rk] .ju367v4j { margin-right: 36px; }
[data-rk] .ju367v4k { margin-right: 44px; }
[data-rk] .ju367v4l { margin-right: 64px; }
[data-rk] .ju367v4m { margin-right: -1px; }
[data-rk] .ju367v4n { margin-top: 0px; }
[data-rk] .ju367v4o { margin-top: 1px; }
[data-rk] .ju367v4p { margin-top: 2px; }
[data-rk] .ju367v4q { margin-top: 3px; }
[data-rk] .ju367v4r { margin-top: 4px; }
[data-rk] .ju367v4s { margin-top: 5px; }
[data-rk] .ju367v4t { margin-top: 6px; }
[data-rk] .ju367v4u { margin-top: 8px; }
[data-rk] .ju367v4v { margin-top: 10px; }
[data-rk] .ju367v4w { margin-top: 12px; }
[data-rk] .ju367v4x { margin-top: 14px; }
[data-rk] .ju367v4y { margin-top: 16px; }
[data-rk] .ju367v4z { margin-top: 18px; }
[data-rk] .ju367v50 { margin-top: 20px; }
[data-rk] .ju367v51 { margin-top: 24px; }
[data-rk] .ju367v52 { margin-top: 28px; }
[data-rk] .ju367v53 { margin-top: 32px; }
[data-rk] .ju367v54 { margin-top: 36px; }
[data-rk] .ju367v55 { margin-top: 44px; }
[data-rk] .ju367v56 { margin-top: 64px; }
[data-rk] .ju367v57 { margin-top: -1px; }
[data-rk] .ju367v58 { max-width: 1px; }
[data-rk] .ju367v59 { max-width: 2px; }
[data-rk] .ju367v5a { max-width: 4px; }
[data-rk] .ju367v5b { max-width: 8px; }
[data-rk] .ju367v5c { max-width: 12px; }
[data-rk] .ju367v5d { max-width: 20px; }
[data-rk] .ju367v5e { max-width: 24px; }
[data-rk] .ju367v5f { max-width: 28px; }
[data-rk] .ju367v5g { max-width: 30px; }
[data-rk] .ju367v5h { max-width: 32px; }
[data-rk] .ju367v5i { max-width: 34px; }
[data-rk] .ju367v5j { max-width: 36px; }
[data-rk] .ju367v5k { max-width: 40px; }
[data-rk] .ju367v5l { max-width: 44px; }
[data-rk] .ju367v5m { max-width: 48px; }
[data-rk] .ju367v5n { max-width: 54px; }
[data-rk] .ju367v5o { max-width: 60px; }
[data-rk] .ju367v5p { max-width: 200px; }
[data-rk] .ju367v5q { max-width: 100%; }
[data-rk] .ju367v5r { max-width: max-content; }
[data-rk] .ju367v5s { min-width: 1px; }
[data-rk] .ju367v5t { min-width: 2px; }
[data-rk] .ju367v5u { min-width: 4px; }
[data-rk] .ju367v5v { min-width: 8px; }
[data-rk] .ju367v5w { min-width: 12px; }
[data-rk] .ju367v5x { min-width: 20px; }
[data-rk] .ju367v5y { min-width: 24px; }
[data-rk] .ju367v5z { min-width: 28px; }
[data-rk] .ju367v60 { min-width: 30px; }
[data-rk] .ju367v61 { min-width: 32px; }
[data-rk] .ju367v62 { min-width: 34px; }
[data-rk] .ju367v63 { min-width: 36px; }
[data-rk] .ju367v64 { min-width: 40px; }
[data-rk] .ju367v65 { min-width: 44px; }
[data-rk] .ju367v66 { min-width: 48px; }
[data-rk] .ju367v67 { min-width: 54px; }
[data-rk] .ju367v68 { min-width: 60px; }
[data-rk] .ju367v69 { min-width: 200px; }
[data-rk] .ju367v6a { min-width: 100%; }
[data-rk] .ju367v6b { min-width: max-content; }
[data-rk] .ju367v6c { overflow: hidden; }
[data-rk] .ju367v6d { padding-bottom: 0px; }
[data-rk] .ju367v6e { padding-bottom: 1px; }
[data-rk] .ju367v6f { padding-bottom: 2px; }
[data-rk] .ju367v6g { padding-bottom: 3px; }
[data-rk] .ju367v6h { padding-bottom: 4px; }
[data-rk] .ju367v6i { padding-bottom: 5px; }
[data-rk] .ju367v6j { padding-bottom: 6px; }
[data-rk] .ju367v6k { padding-bottom: 8px; }
[data-rk] .ju367v6l { padding-bottom: 10px; }
[data-rk] .ju367v6m { padding-bottom: 12px; }
[data-rk] .ju367v6n { padding-bottom: 14px; }
[data-rk] .ju367v6o { padding-bottom: 16px; }
[data-rk] .ju367v6p { padding-bottom: 18px; }
[data-rk] .ju367v6q { padding-bottom: 20px; }
[data-rk] .ju367v6r { padding-bottom: 24px; }
[data-rk] .ju367v6s { padding-bottom: 28px; }
[data-rk] .ju367v6t { padding-bottom: 32px; }
[data-rk] .ju367v6u { padding-bottom: 36px; }
[data-rk] .ju367v6v { padding-bottom: 44px; }
[data-rk] .ju367v6w { padding-bottom: 64px; }
[data-rk] .ju367v6x { }
[data-rk] .ju367v6y { padding-left: 0px; }
[data-rk] .ju367v6z { padding-left: 1px; }
[data-rk] .ju367v70 { padding-left: 2px; }
[data-rk] .ju367v71 { padding-left: 3px; }
[data-rk] .ju367v72 { padding-left: 4px; }
[data-rk] .ju367v73 { padding-left: 5px; }
[data-rk] .ju367v74 { padding-left: 6px; }
[data-rk] .ju367v75 { padding-left: 8px; }
[data-rk] .ju367v76 { padding-left: 10px; }
[data-rk] .ju367v77 { padding-left: 12px; }
[data-rk] .ju367v78 { padding-left: 14px; }
[data-rk] .ju367v79 { padding-left: 16px; }
[data-rk] .ju367v7a { padding-left: 18px; }
[data-rk] .ju367v7b { padding-left: 20px; }
[data-rk] .ju367v7c { padding-left: 24px; }
[data-rk] .ju367v7d { padding-left: 28px; }
[data-rk] .ju367v7e { padding-left: 32px; }
[data-rk] .ju367v7f { padding-left: 36px; }
[data-rk] .ju367v7g { padding-left: 44px; }
[data-rk] .ju367v7h { padding-left: 64px; }
[data-rk] .ju367v7i { }
[data-rk] .ju367v7j { padding-right: 0px; }
[data-rk] .ju367v7k { padding-right: 1px; }
[data-rk] .ju367v7l { padding-right: 2px; }
[data-rk] .ju367v7m { padding-right: 3px; }
[data-rk] .ju367v7n { padding-right: 4px; }
[data-rk] .ju367v7o { padding-right: 5px; }
[data-rk] .ju367v7p { padding-right: 6px; }
[data-rk] .ju367v7q { padding-right: 8px; }
[data-rk] .ju367v7r { padding-right: 10px; }
[data-rk] .ju367v7s { padding-right: 12px; }
[data-rk] .ju367v7t { padding-right: 14px; }
[data-rk] .ju367v7u { padding-right: 16px; }
[data-rk] .ju367v7v { padding-right: 18px; }
[data-rk] .ju367v7w { padding-right: 20px; }
[data-rk] .ju367v7x { padding-right: 24px; }
[data-rk] .ju367v7y { padding-right: 28px; }
[data-rk] .ju367v7z { padding-right: 32px; }
[data-rk] .ju367v80 { padding-right: 36px; }
[data-rk] .ju367v81 { padding-right: 44px; }
[data-rk] .ju367v82 { padding-right: 64px; }
[data-rk] .ju367v83 { }
[data-rk] .ju367v84 { padding-top: 0px; }
[data-rk] .ju367v85 { padding-top: 1px; }
[data-rk] .ju367v86 { padding-top: 2px; }
[data-rk] .ju367v87 { padding-top: 3px; }
[data-rk] .ju367v88 { padding-top: 4px; }
[data-rk] .ju367v89 { padding-top: 5px; }
[data-rk] .ju367v8a { padding-top: 6px; }
[data-rk] .ju367v8b { padding-top: 8px; }
[data-rk] .ju367v8c { padding-top: 10px; }
[data-rk] .ju367v8d { padding-top: 12px; }
[data-rk] .ju367v8e { padding-top: 14px; }
[data-rk] .ju367v8f { padding-top: 16px; }
[data-rk] .ju367v8g { padding-top: 18px; }
[data-rk] .ju367v8h { padding-top: 20px; }
[data-rk] .ju367v8i { padding-top: 24px; }
[data-rk] .ju367v8j { padding-top: 28px; }
[data-rk] .ju367v8k { padding-top: 32px; }
[data-rk] .ju367v8l { padding-top: 36px; }
[data-rk] .ju367v8m { padding-top: 44px; }
[data-rk] .ju367v8n { padding-top: 64px; }
[data-rk] .ju367v8o { }
[data-rk] .ju367v8p { position: absolute; }
[data-rk] .ju367v8q { position: fixed; }
[data-rk] .ju367v8r { position: relative; }
[data-rk] .ju367v8s { user-select: none; }
[data-rk] .ju367v8t { right: 0px; }
[data-rk] .ju367v8u { transition: 0.125s; }
[data-rk] .ju367v8v { transition: transform 0.125s; }
[data-rk] .ju367v8w { user-select: none; }
[data-rk] .ju367v8x { width: 1px; }
[data-rk] .ju367v8y { width: 2px; }
[data-rk] .ju367v8z { width: 4px; }
[data-rk] .ju367v90 { width: 8px; }
[data-rk] .ju367v91 { width: 12px; }
[data-rk] .ju367v92 { width: 20px; }
[data-rk] .ju367v93 { width: 24px; }
[data-rk] .ju367v94 { width: 28px; }
[data-rk] .ju367v95 { width: 30px; }
[data-rk] .ju367v96 { width: 32px; }
[data-rk] .ju367v97 { width: 34px; }
[data-rk] .ju367v98 { width: 36px; }
[data-rk] .ju367v99 { width: 40px; }
[data-rk] .ju367v9a { width: 44px; }
[data-rk] .ju367v9b { width: 48px; }
[data-rk] .ju367v9c { width: 54px; }
[data-rk] .ju367v9d { width: 60px; }
[data-rk] .ju367v9e { width: 200px; }
[data-rk] .ju367v9f { width: 100%; }
[data-rk] .ju367v9g { width: max-content; }
[data-rk] .ju367v9h { backdrop-filter: var(--rk-blurs-modalOverlay); }
[data-rk] .ju367v9i, [data-rk] .ju367v9j:hover, [data-rk] .ju367v9k:active { background: var(--rk-colors-accentColor); }
[data-rk] .ju367v9l, [data-rk] .ju367v9m:hover, [data-rk] .ju367v9n:active { background: var(--rk-colors-accentColorForeground); }
[data-rk] .ju367v9o, [data-rk] .ju367v9p:hover, [data-rk] .ju367v9q:active { background: var(--rk-colors-actionButtonBorder); }
[data-rk] .ju367v9r, [data-rk] .ju367v9s:hover, [data-rk] .ju367v9t:active { background: var(--rk-colors-actionButtonBorderMobile); }
[data-rk] .ju367v9u, [data-rk] .ju367v9v:hover, [data-rk] .ju367v9w:active { background: var(--rk-colors-actionButtonSecondaryBackground); }
[data-rk] .ju367v9x, [data-rk] .ju367v9y:hover, [data-rk] .ju367v9z:active { background: var(--rk-colors-closeButton); }
[data-rk] .ju367va0, [data-rk] .ju367va1:hover, [data-rk] .ju367va2:active { background: var(--rk-colors-closeButtonBackground); }
[data-rk] .ju367va3, [data-rk] .ju367va4:hover, [data-rk] .ju367va5:active { background: var(--rk-colors-connectButtonBackground); }
[data-rk] .ju367va6, [data-rk] .ju367va7:hover, [data-rk] .ju367va8:active { background: var(--rk-colors-connectButtonBackgroundError); }
[data-rk] .ju367va9, [data-rk] .ju367vaa:hover, [data-rk] .ju367vab:active { background: var(--rk-colors-connectButtonInnerBackground); }
[data-rk] .ju367vac, [data-rk] .ju367vad:hover, [data-rk] .ju367vae:active { background: var(--rk-colors-connectButtonText); }
[data-rk] .ju367vaf, [data-rk] .ju367vag:hover, [data-rk] .ju367vah:active { background: var(--rk-colors-connectButtonTextError); }
[data-rk] .ju367vai, [data-rk] .ju367vaj:hover, [data-rk] .ju367vak:active { background: var(--rk-colors-connectionIndicator); }
[data-rk] .ju367val, [data-rk] .ju367vam:hover, [data-rk] .ju367van:active { background: var(--rk-colors-downloadBottomCardBackground); }
[data-rk] .ju367vao, [data-rk] .ju367vap:hover, [data-rk] .ju367vaq:active { background: var(--rk-colors-downloadTopCardBackground); }
[data-rk] .ju367var, [data-rk] .ju367vas:hover, [data-rk] .ju367vat:active { background: var(--rk-colors-error); }
[data-rk] .ju367vau, [data-rk] .ju367vav:hover, [data-rk] .ju367vaw:active { background: var(--rk-colors-generalBorder); }
[data-rk] .ju367vax, [data-rk] .ju367vay:hover, [data-rk] .ju367vaz:active { background: var(--rk-colors-generalBorderDim); }
[data-rk] .ju367vb0, [data-rk] .ju367vb1:hover, [data-rk] .ju367vb2:active { background: var(--rk-colors-menuItemBackground); }
[data-rk] .ju367vb3, [data-rk] .ju367vb4:hover, [data-rk] .ju367vb5:active { background: var(--rk-colors-modalBackdrop); }
[data-rk] .ju367vb6, [data-rk] .ju367vb7:hover, [data-rk] .ju367vb8:active { background: var(--rk-colors-modalBackground); }
[data-rk] .ju367vb9, [data-rk] .ju367vba:hover, [data-rk] .ju367vbb:active { background: var(--rk-colors-modalBorder); }
[data-rk] .ju367vbc, [data-rk] .ju367vbd:hover, [data-rk] .ju367vbe:active { background: var(--rk-colors-modalText); }
[data-rk] .ju367vbf, [data-rk] .ju367vbg:hover, [data-rk] .ju367vbh:active { background: var(--rk-colors-modalTextDim); }
[data-rk] .ju367vbi, [data-rk] .ju367vbj:hover, [data-rk] .ju367vbk:active { background: var(--rk-colors-modalTextSecondary); }
[data-rk] .ju367vbl, [data-rk] .ju367vbm:hover, [data-rk] .ju367vbn:active { background: var(--rk-colors-profileAction); }
[data-rk] .ju367vbo, [data-rk] .ju367vbp:hover, [data-rk] .ju367vbq:active { background: var(--rk-colors-profileActionHover); }
[data-rk] .ju367vbr, [data-rk] .ju367vbs:hover, [data-rk] .ju367vbt:active { background: var(--rk-colors-profileForeground); }
[data-rk] .ju367vbu, [data-rk] .ju367vbv:hover, [data-rk] .ju367vbw:active { background: var(--rk-colors-selectedOptionBorder); }
[data-rk] .ju367vbx, [data-rk] .ju367vby:hover, [data-rk] .ju367vbz:active { background: var(--rk-colors-standby); }
[data-rk] .ju367vc0, [data-rk] .ju367vc1:hover, [data-rk] .ju367vc2:active { border-color: var(--rk-colors-accentColor); }
[data-rk] .ju367vc3, [data-rk] .ju367vc4:hover, [data-rk] .ju367vc5:active { border-color: var(--rk-colors-accentColorForeground); }
[data-rk] .ju367vc6, [data-rk] .ju367vc7:hover, [data-rk] .ju367vc8:active { border-color: var(--rk-colors-actionButtonBorder); }
[data-rk] .ju367vc9, [data-rk] .ju367vca:hover, [data-rk] .ju367vcb:active { border-color: var(--rk-colors-actionButtonBorderMobile); }
[data-rk] .ju367vcc, [data-rk] .ju367vcd:hover, [data-rk] .ju367vce:active { border-color: var(--rk-colors-actionButtonSecondaryBackground); }
[data-rk] .ju367vcf, [data-rk] .ju367vcg:hover, [data-rk] .ju367vch:active { border-color: var(--rk-colors-closeButton); }
[data-rk] .ju367vci, [data-rk] .ju367vcj:hover, [data-rk] .ju367vck:active { border-color: var(--rk-colors-closeButtonBackground); }
[data-rk] .ju367vcl, [data-rk] .ju367vcm:hover, [data-rk] .ju367vcn:active { border-color: var(--rk-colors-connectButtonBackground); }
[data-rk] .ju367vco, [data-rk] .ju367vcp:hover, [data-rk] .ju367vcq:active { border-color: var(--rk-colors-connectButtonBackgroundError); }
[data-rk] .ju367vcr, [data-rk] .ju367vcs:hover, [data-rk] .ju367vct:active { border-color: var(--rk-colors-connectButtonInnerBackground); }
[data-rk] .ju367vcu, [data-rk] .ju367vcv:hover, [data-rk] .ju367vcw:active { border-color: var(--rk-colors-connectButtonText); }
[data-rk] .ju367vcx, [data-rk] .ju367vcy:hover, [data-rk] .ju367vcz:active { border-color: var(--rk-colors-connectButtonTextError); }
[data-rk] .ju367vd0, [data-rk] .ju367vd1:hover, [data-rk] .ju367vd2:active { border-color: var(--rk-colors-connectionIndicator); }
[data-rk] .ju367vd3, [data-rk] .ju367vd4:hover, [data-rk] .ju367vd5:active { border-color: var(--rk-colors-downloadBottomCardBackground); }
[data-rk] .ju367vd6, [data-rk] .ju367vd7:hover, [data-rk] .ju367vd8:active { border-color: var(--rk-colors-downloadTopCardBackground); }
[data-rk] .ju367vd9, [data-rk] .ju367vda:hover, [data-rk] .ju367vdb:active { border-color: var(--rk-colors-error); }
[data-rk] .ju367vdc, [data-rk] .ju367vdd:hover, [data-rk] .ju367vde:active { border-color: var(--rk-colors-generalBorder); }
[data-rk] .ju367vdf, [data-rk] .ju367vdg:hover, [data-rk] .ju367vdh:active { border-color: var(--rk-colors-generalBorderDim); }
[data-rk] .ju367vdi, [data-rk] .ju367vdj:hover, [data-rk] .ju367vdk:active { border-color: var(--rk-colors-menuItemBackground); }
[data-rk] .ju367vdl, [data-rk] .ju367vdm:hover, [data-rk] .ju367vdn:active { border-color: var(--rk-colors-modalBackdrop); }
[data-rk] .ju367vdo, [data-rk] .ju367vdp:hover, [data-rk] .ju367vdq:active { border-color: var(--rk-colors-modalBackground); }
[data-rk] .ju367vdr, [data-rk] .ju367vds:hover, [data-rk] .ju367vdt:active { border-color: var(--rk-colors-modalBorder); }
[data-rk] .ju367vdu, [data-rk] .ju367vdv:hover, [data-rk] .ju367vdw:active { border-color: var(--rk-colors-modalText); }
[data-rk] .ju367vdx, [data-rk] .ju367vdy:hover, [data-rk] .ju367vdz:active { border-color: var(--rk-colors-modalTextDim); }
[data-rk] .ju367ve0, [data-rk] .ju367ve1:hover, [data-rk] .ju367ve2:active { border-color: var(--rk-colors-modalTextSecondary); }
[data-rk] .ju367ve3, [data-rk] .ju367ve4:hover, [data-rk] .ju367ve5:active { border-color: var(--rk-colors-profileAction); }
[data-rk] .ju367ve6, [data-rk] .ju367ve7:hover, [data-rk] .ju367ve8:active { border-color: var(--rk-colors-profileActionHover); }
[data-rk] .ju367ve9, [data-rk] .ju367vea:hover, [data-rk] .ju367veb:active { border-color: var(--rk-colors-profileForeground); }
[data-rk] .ju367vec, [data-rk] .ju367ved:hover, [data-rk] .ju367vee:active { border-color: var(--rk-colors-selectedOptionBorder); }
[data-rk] .ju367vef, [data-rk] .ju367veg:hover, [data-rk] .ju367veh:active { border-color: var(--rk-colors-standby); }
[data-rk] .ju367vei, [data-rk] .ju367vej:hover, [data-rk] .ju367vek:active { box-shadow: var(--rk-shadows-connectButton); }
[data-rk] .ju367vel, [data-rk] .ju367vem:hover, [data-rk] .ju367ven:active { box-shadow: var(--rk-shadows-dialog); }
[data-rk] .ju367veo, [data-rk] .ju367vep:hover, [data-rk] .ju367veq:active { box-shadow: var(--rk-shadows-profileDetailsAction); }
[data-rk] .ju367ver, [data-rk] .ju367ves:hover, [data-rk] .ju367vet:active { box-shadow: var(--rk-shadows-selectedOption); }
[data-rk] .ju367veu, [data-rk] .ju367vev:hover, [data-rk] .ju367vew:active { box-shadow: var(--rk-shadows-selectedWallet); }
[data-rk] .ju367vex, [data-rk] .ju367vey:hover, [data-rk] .ju367vez:active { box-shadow: var(--rk-shadows-walletLogo); }
[data-rk] .ju367vf0, [data-rk] .ju367vf1:hover, [data-rk] .ju367vf2:active { color: var(--rk-colors-accentColor); }
[data-rk] .ju367vf3, [data-rk] .ju367vf4:hover, [data-rk] .ju367vf5:active { color: var(--rk-colors-accentColorForeground); }
[data-rk] .ju367vf6, [data-rk] .ju367vf7:hover, [data-rk] .ju367vf8:active { color: var(--rk-colors-actionButtonBorder); }
[data-rk] .ju367vf9, [data-rk] .ju367vfa:hover, [data-rk] .ju367vfb:active { color: var(--rk-colors-actionButtonBorderMobile); }
[data-rk] .ju367vfc, [data-rk] .ju367vfd:hover, [data-rk] .ju367vfe:active { color: var(--rk-colors-actionButtonSecondaryBackground); }
[data-rk] .ju367vff, [data-rk] .ju367vfg:hover, [data-rk] .ju367vfh:active { color: var(--rk-colors-closeButton); }
[data-rk] .ju367vfi, [data-rk] .ju367vfj:hover, [data-rk] .ju367vfk:active { color: var(--rk-colors-closeButtonBackground); }
[data-rk] .ju367vfl, [data-rk] .ju367vfm:hover, [data-rk] .ju367vfn:active { color: var(--rk-colors-connectButtonBackground); }
[data-rk] .ju367vfo, [data-rk] .ju367vfp:hover, [data-rk] .ju367vfq:active { color: var(--rk-colors-connectButtonBackgroundError); }
[data-rk] .ju367vfr, [data-rk] .ju367vfs:hover, [data-rk] .ju367vft:active { color: var(--rk-colors-connectButtonInnerBackground); }
[data-rk] .ju367vfu, [data-rk] .ju367vfv:hover, [data-rk] .ju367vfw:active { color: var(--rk-colors-connectButtonText); }
[data-rk] .ju367vfx, [data-rk] .ju367vfy:hover, [data-rk] .ju367vfz:active { color: var(--rk-colors-connectButtonTextError); }
[data-rk] .ju367vg0, [data-rk] .ju367vg1:hover, [data-rk] .ju367vg2:active { color: var(--rk-colors-connectionIndicator); }
[data-rk] .ju367vg3, [data-rk] .ju367vg4:hover, [data-rk] .ju367vg5:active { color: var(--rk-colors-downloadBottomCardBackground); }
[data-rk] .ju367vg6, [data-rk] .ju367vg7:hover, [data-rk] .ju367vg8:active { color: var(--rk-colors-downloadTopCardBackground); }
[data-rk] .ju367vg9, [data-rk] .ju367vga:hover, [data-rk] .ju367vgb:active { color: var(--rk-colors-error); }
[data-rk] .ju367vgc, [data-rk] .ju367vgd:hover, [data-rk] .ju367vge:active { color: var(--rk-colors-generalBorder); }
[data-rk] .ju367vgf, [data-rk] .ju367vgg:hover, [data-rk] .ju367vgh:active { color: var(--rk-colors-generalBorderDim); }
[data-rk] .ju367vgi, [data-rk] .ju367vgj:hover, [data-rk] .ju367vgk:active { color: var(--rk-colors-menuItemBackground); }
[data-rk] .ju367vgl, [data-rk] .ju367vgm:hover, [data-rk] .ju367vgn:active { color: var(--rk-colors-modalBackdrop); }
[data-rk] .ju367vgo, [data-rk] .ju367vgp:hover, [data-rk] .ju367vgq:active { color: var(--rk-colors-modalBackground); }
[data-rk] .ju367vgr, [data-rk] .ju367vgs:hover, [data-rk] .ju367vgt:active { color: var(--rk-colors-modalBorder); }
[data-rk] .ju367vgu, [data-rk] .ju367vgv:hover, [data-rk] .ju367vgw:active { color: var(--rk-colors-modalText); }
[data-rk] .ju367vgx, [data-rk] .ju367vgy:hover, [data-rk] .ju367vgz:active { color: var(--rk-colors-modalTextDim); }
[data-rk] .ju367vh0, [data-rk] .ju367vh1:hover, [data-rk] .ju367vh2:active { color: var(--rk-colors-modalTextSecondary); }
[data-rk] .ju367vh3, [data-rk] .ju367vh4:hover, [data-rk] .ju367vh5:active { color: var(--rk-colors-profileAction); }
[data-rk] .ju367vh6, [data-rk] .ju367vh7:hover, [data-rk] .ju367vh8:active { color: var(--rk-colors-profileActionHover); }
[data-rk] .ju367vh9, [data-rk] .ju367vha:hover, [data-rk] .ju367vhb:active { color: var(--rk-colors-profileForeground); }
[data-rk] .ju367vhc, [data-rk] .ju367vhd:hover, [data-rk] .ju367vhe:active { color: var(--rk-colors-selectedOptionBorder); }
[data-rk] .ju367vhf, [data-rk] .ju367vhg:hover, [data-rk] .ju367vhh:active { color: var(--rk-colors-standby); }
@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 { align-items: flex-start; }
  [data-rk] .ju367v3 { align-items: flex-end; }
  [data-rk] .ju367v5 { align-items: center; }
  [data-rk] .ju367v7 { display: none; }
  [data-rk] .ju367v9 { display: block; }
  [data-rk] .ju367vb { display: flex; }
  [data-rk] .ju367vd { display: inline; }
}
[data-rk] ._12cbo8i3, [data-rk] ._12cbo8i3::after { --_12cbo8i0: 1; --_12cbo8i1: 1; }
[data-rk] ._12cbo8i3:hover { transform: scale(var(--_12cbo8i0)); }
[data-rk] ._12cbo8i3:active { transform: scale(var(--_12cbo8i1)); }
[data-rk] ._12cbo8i3:active::after { content: ""; inset: -1px; display: block; position: absolute; transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0))); }
[data-rk] ._12cbo8i4, [data-rk] ._12cbo8i4::after { --_12cbo8i0: 1.025; }
[data-rk] ._12cbo8i5, [data-rk] ._12cbo8i5::after { --_12cbo8i0: 1.1; }
[data-rk] ._12cbo8i6, [data-rk] ._12cbo8i6::after { --_12cbo8i1: .95; }
[data-rk] ._12cbo8i7, [data-rk] ._12cbo8i7::after { --_12cbo8i1: .9; }
@keyframes _1luule41 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
[data-rk] ._1luule42 { animation: 3s linear 0s infinite normal none running _1luule41; }
[data-rk] ._1luule43 { background: conic-gradient(from 180deg at 50% 50%, rgba(72, 146, 254, 0) 0deg, currentcolor 282.04deg, rgba(72, 146, 254, 0) 319.86deg, rgba(72, 146, 254, 0) 360deg); height: 21px; width: 21px; }
@keyframes _9pm4ki0 { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes _9pm4ki1 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
[data-rk] ._9pm4ki3 { animation: 0.15s ease 0s 1 normal none running _9pm4ki1; inset: -200px; padding: 200px; transform: translateZ(0px); z-index: 2147483646; }
[data-rk] ._9pm4ki5 { animation: 0.35s cubic-bezier(0.15, 1.15, 0.6, 1) 0s 1 normal none running _9pm4ki0, 0.15s ease 0s 1 normal none running _9pm4ki1; max-width: 100vw; }
[data-rk] ._1ckjpok1 { box-sizing: content-box; max-width: 100vw; width: 360px; }
[data-rk] ._1ckjpok2 { width: 100vw; }
[data-rk] ._1ckjpok3 { min-width: 720px; width: 720px; }
[data-rk] ._1ckjpok4 { min-width: 368px; width: 368px; }
[data-rk] ._1ckjpok6 { border-width: 0px; box-sizing: border-box; width: 100vw; }
@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 { width: 360px; }
  [data-rk] ._1ckjpok2 { width: 480px; }
  [data-rk] ._1ckjpok4 { min-width: 368px; width: 368px; }
}
@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: -200px; padding-bottom: 200px; top: 200px; }
}
[data-rk] .v9horb0:hover { background: unset; }
[data-rk] ._18dqw9x0 { max-height: 456px; overflow: hidden auto; }
[data-rk] ._18dqw9x1 { max-height: 456px; overflow: hidden auto; scrollbar-width: none; }
[data-rk] ._18dqw9x1::-webkit-scrollbar { display: none; }
[data-rk] .g5kl0l0 { border-color: transparent; }
[data-rk] ._1vwt0cg0 { background: rgb(255, 255, 255); }
[data-rk] ._1vwt0cg2 { max-height: 454px; overflow-y: auto; }
[data-rk] ._1vwt0cg3 { min-width: 287px; }
[data-rk] ._1vwt0cg4 { min-width: 100%; }
@keyframes _1am14411 { 
  0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: -283; }
}
[data-rk] ._1am14410 { overflow: auto; scrollbar-width: none; transform: translateZ(0px); }
[data-rk] ._1am14410::-webkit-scrollbar { display: none; }
[data-rk] ._1am14412 { animation: 1s linear 0s infinite normal none running _1am14411; stroke-dasharray: 98, 196; fill: none; stroke-linecap: round; stroke-width: 4; }
[data-rk] ._1am14413 { position: absolute; }
[data-rk] ._1y2lnfi0 { border: 1px solid rgba(16, 21, 31, 0.06); }
[data-rk] ._1y2lnfi1 { max-width: fit-content; }
:root { --privy-border-radius-sm: 6px; --privy-border-radius-md: 12px; --privy-border-radius-mdlg: 16px; --privy-border-radius-lg: 24px; --privy-border-radius-full: 9999px; --privy-color-background: hsl(0, 0%, 100%); --privy-color-background-2: hsl(0, 0%, 96%); --privy-color-background-3: hsl(0, 0%, 92%); --privy-color-foreground: hsl(0, 0%, 12%); --privy-color-foreground-2: hsl(0, 0%, 30%); --privy-color-foreground-3: hsl(0, 0%, 57%); --privy-color-foreground-4: hsl(0, 0%, 92%); --privy-color-foreground-accent: hsl(0, 0%, 100%); --privy-color-accent: hsl(237, 100%, 70%); --privy-color-accent-light: hsl(237, 100%, 85%); --privy-color-accent-lightest: hsl(237, 100%, 95%); --privy-color-accent-dark: hsl(237, 100%, 64%); --privy-color-accent-darkest: hsl(237, 100%, 10%); --privy-color-success: hsl(147, 43%, 52%); --privy-color-success-dark: hsl(147, 43%, 36%); --privy-color-success-light: hsl(147, 43%, 92%); --privy-color-error: hsl(7, 80%, 62%); --privy-color-error-light: hsl(7, 80%, 92%); --privy-color-warn: hsl(36, 100%, 65%); --privy-color-warn-light: hsl(36, 100%, 95%); --privy-height-modal-full: 620px; --privy-height-modal-compact: 480px; }
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@keyframes w3m-shake { 
  0% { transform: scale(1) rotate(0deg); }
  20% { transform: scale(1) rotate(-1deg); }
  40% { transform: scale(1) rotate(1.5deg); }
  60% { transform: scale(1) rotate(-1.5deg); }
  80% { transform: scale(1) rotate(1deg); }
  100% { transform: scale(1) rotate(0deg); }
}
@keyframes w3m-iframe-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes w3m-iframe-zoom-in { 
  0% { transform: translateY(50px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes w3m-iframe-zoom-in-mobile { 
  0% { transform: scale(0.95); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
:root { --w3m-modal-width: 360px; --w3m-color-mix-strength: 0%; --w3m-font-family: Inter, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; --w3m-font-size-master: 10px; --w3m-border-radius-master: 4px; --w3m-z-index: 1000000; --wui-font-family: var(--w3m-font-family); --wui-font-size-mini: calc(var(--w3m-font-size-master) * 0.8); --wui-font-size-micro: var(--w3m-font-size-master); --wui-font-size-tiny: calc(var(--w3m-font-size-master) * 1.2); --wui-font-size-small: calc(var(--w3m-font-size-master) * 1.4); --wui-font-size-paragraph: calc(var(--w3m-font-size-master) * 1.6); --wui-font-size-medium: calc(var(--w3m-font-size-master) * 1.8); --wui-font-size-large: calc(var(--w3m-font-size-master) * 2); --wui-font-size-title-6: calc(var(--w3m-font-size-master) * 2.2); --wui-font-size-medium-title: calc(var(--w3m-font-size-master) * 2.4); --wui-font-size-2xl: calc(var(--w3m-font-size-master) * 4); --wui-border-radius-5xs: var(--w3m-border-radius-master); --wui-border-radius-4xs: calc(var(--w3m-border-radius-master) * 1.5); --wui-border-radius-3xs: calc(var(--w3m-border-radius-master) * 2); --wui-border-radius-xxs: calc(var(--w3m-border-radius-master) * 3); --wui-border-radius-xs: calc(var(--w3m-border-radius-master) * 4); --wui-border-radius-s: calc(var(--w3m-border-radius-master) * 5); --wui-border-radius-m: calc(var(--w3m-border-radius-master) * 7); --wui-border-radius-l: calc(var(--w3m-border-radius-master) * 9); --wui-border-radius-3xl: calc(var(--w3m-border-radius-master) * 20); --wui-font-weight-light: 400; --wui-font-weight-regular: 500; --wui-font-weight-medium: 600; --wui-font-weight-bold: 700; --wui-letter-spacing-2xl: -1.6px; --wui-letter-spacing-medium-title: -0.96px; --wui-letter-spacing-title-6: -0.88px; --wui-letter-spacing-large: -0.8px; --wui-letter-spacing-medium: -0.72px; --wui-letter-spacing-paragraph: -0.64px; --wui-letter-spacing-small: -0.56px; --wui-letter-spacing-tiny: -0.48px; --wui-letter-spacing-micro: -0.2px; --wui-letter-spacing-mini: -0.16px; --wui-spacing-0: 0px; --wui-spacing-4xs: 2px; --wui-spacing-3xs: 4px; --wui-spacing-xxs: 6px; --wui-spacing-2xs: 7px; --wui-spacing-xs: 8px; --wui-spacing-1xs: 10px; --wui-spacing-s: 12px; --wui-spacing-m: 14px; --wui-spacing-l: 16px; --wui-spacing-2l: 18px; --wui-spacing-xl: 20px; --wui-spacing-xxl: 24px; --wui-spacing-2xl: 32px; --wui-spacing-3xl: 40px; --wui-spacing-4xl: 90px; --wui-spacing-5xl: 95px; --wui-icon-box-size-xxs: 14px; --wui-icon-box-size-xs: 20px; --wui-icon-box-size-sm: 24px; --wui-icon-box-size-md: 32px; --wui-icon-box-size-mdl: 36px; --wui-icon-box-size-lg: 40px; --wui-icon-box-size-2lg: 48px; --wui-icon-box-size-xl: 64px; --wui-icon-size-inherit: inherit; --wui-icon-size-xxs: 10px; --wui-icon-size-xs: 12px; --wui-icon-size-sm: 14px; --wui-icon-size-md: 16px; --wui-icon-size-mdl: 18px; --wui-icon-size-lg: 20px; --wui-icon-size-xl: 24px; --wui-icon-size-xxl: 28px; --wui-wallet-image-size-inherit: inherit; --wui-wallet-image-size-sm: 40px; --wui-wallet-image-size-md: 56px; --wui-wallet-image-size-lg: 80px; --wui-visual-size-size-inherit: inherit; --wui-visual-size-sm: 40px; --wui-visual-size-md: 55px; --wui-visual-size-lg: 80px; --wui-box-size-md: 100px; --wui-box-size-lg: 120px; --wui-ease-out-power-2: cubic-bezier(0, 0, 0.22, 1); --wui-ease-out-power-1: cubic-bezier(0, 0, 0.55, 1); --wui-ease-in-power-3: cubic-bezier(0.66, 0, 1, 1); --wui-ease-in-power-2: cubic-bezier(0.45, 0, 1, 1); --wui-ease-in-power-1: cubic-bezier(0.3, 0, 1, 1); --wui-ease-inout-power-1: cubic-bezier(0.45, 0, 0.55, 1); --wui-duration-lg: 200ms; --wui-duration-md: 125ms; --wui-duration-sm: 75ms; --wui-path-network-sm: path(
          'M15.4 2.1a5.21 5.21 0 0 1 5.2 0l11.61 6.7a5.21 5.21 0 0 1 2.61 4.52v13.4c0 1.87-1 3.59-2.6 4.52l-11.61 6.7c-1.62.93-3.6.93-5.22 0l-11.6-6.7a5.21 5.21 0 0 1-2.61-4.51v-13.4c0-1.87 1-3.6 2.6-4.52L15.4 2.1Z'
        ); --wui-path-network-md: path(
          'M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z'
        ); --wui-path-network-lg: path(
          'M78.3244 18.926L50.1808 2.45078C45.7376 -0.150261 40.2624 -0.150262 35.8192 2.45078L7.6756 18.926C3.23322 21.5266 0.5 26.3301 0.5 31.5248V64.4752C0.5 69.6699 3.23322 74.4734 7.6756 77.074L35.8192 93.5492C40.2624 96.1503 45.7376 96.1503 50.1808 93.5492L78.3244 77.074C82.7668 74.4734 85.5 69.6699 85.5 64.4752V31.5248C85.5 26.3301 82.7668 21.5266 78.3244 18.926Z'
        ); --wui-width-network-sm: 36px; --wui-width-network-md: 48px; --wui-width-network-lg: 86px; --wui-height-network-sm: 40px; --wui-height-network-md: 54px; --wui-height-network-lg: 96px; --wui-icon-size-network-xs: 12px; --wui-icon-size-network-sm: 16px; --wui-icon-size-network-md: 24px; --wui-icon-size-network-lg: 42px; --wui-color-inherit: inherit; --wui-color-inverse-100: #fff; --wui-color-inverse-000: #000; --wui-cover: rgba(20, 20, 20, 0.8); --wui-color-modal-bg: var(--wui-color-modal-bg-base); --wui-color-accent-100: var(--wui-color-accent-base-100); --wui-color-accent-090: var(--wui-color-accent-base-090); --wui-color-accent-080: var(--wui-color-accent-base-080); --wui-color-success-100: var(--wui-color-success-base-100); --wui-color-success-125: var(--wui-color-success-base-125); --wui-color-warning-100: var(--wui-color-warning-base-100); --wui-color-error-100: var(--wui-color-error-base-100); --wui-color-error-125: var(--wui-color-error-base-125); --wui-color-blue-100: var(--wui-color-blue-base-100); --wui-color-blue-90: var(--wui-color-blue-base-90); --wui-icon-box-bg-error-100: var(--wui-icon-box-bg-error-base-100); --wui-icon-box-bg-blue-100: var(--wui-icon-box-bg-blue-base-100); --wui-icon-box-bg-success-100: var(--wui-icon-box-bg-success-base-100); --wui-icon-box-bg-inverse-100: var(--wui-icon-box-bg-inverse-base-100); --wui-all-wallets-bg-100: var(--wui-all-wallets-bg-100); --wui-avatar-border: var(--wui-avatar-border-base); --wui-thumbnail-border: var(--wui-thumbnail-border-base); --wui-wallet-button-bg: var(--wui-wallet-button-bg-base); --wui-box-shadow-blue: var(--wui-color-accent-glass-020); }
@supports (background: color-mix(in srgb, white 50%, black)) {
  :root { --wui-color-modal-bg: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-modal-bg-base)
          ); --wui-box-shadow-blue: color-mix(in srgb, var(--wui-color-accent-100) 20%, transparent); --wui-color-accent-100: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 100%,
            transparent
          ); --wui-color-accent-090: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 90%,
            transparent
          ); --wui-color-accent-080: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 80%,
            transparent
          ); --wui-color-accent-glass-090: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 90%,
            transparent
          ); --wui-color-accent-glass-080: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 80%,
            transparent
          ); --wui-color-accent-glass-020: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 20%,
            transparent
          ); --wui-color-accent-glass-015: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 15%,
            transparent
          ); --wui-color-accent-glass-010: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 10%,
            transparent
          ); --wui-color-accent-glass-005: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 5%,
            transparent
          ); --wui-color-accent-002: color-mix(
            in srgb,
            var(--wui-color-accent-base-100) 2%,
            transparent
          ); --wui-color-fg-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-100)
          ); --wui-color-fg-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-125)
          ); --wui-color-fg-150: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-150)
          ); --wui-color-fg-175: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-175)
          ); --wui-color-fg-200: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-200)
          ); --wui-color-fg-225: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-225)
          ); --wui-color-fg-250: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-250)
          ); --wui-color-fg-275: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-275)
          ); --wui-color-fg-300: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-300)
          ); --wui-color-fg-325: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-325)
          ); --wui-color-fg-350: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-fg-350)
          ); --wui-color-bg-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-100)
          ); --wui-color-bg-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-125)
          ); --wui-color-bg-150: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-150)
          ); --wui-color-bg-175: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-175)
          ); --wui-color-bg-200: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-200)
          ); --wui-color-bg-225: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-225)
          ); --wui-color-bg-250: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-250)
          ); --wui-color-bg-275: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-275)
          ); --wui-color-bg-300: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-300)
          ); --wui-color-bg-325: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-325)
          ); --wui-color-bg-350: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-bg-350)
          ); --wui-color-success-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-success-base-100)
          ); --wui-color-success-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-success-base-125)
          ); --wui-color-warning-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-warning-base-100)
          ); --wui-color-error-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-error-base-100)
          ); --wui-color-blue-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-blue-base-100)
          ); --wui-color-blue-90: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-blue-base-90)
          ); --wui-color-error-125: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-color-error-base-125)
          ); --wui-icon-box-bg-error-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-error-base-100)
          ); --wui-icon-box-bg-accent-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-blue-base-100)
          ); --wui-icon-box-bg-success-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-success-base-100)
          ); --wui-icon-box-bg-inverse-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-icon-box-bg-inverse-base-100)
          ); --wui-all-wallets-bg-100: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-all-wallets-bg-100)
          ); --wui-avatar-border: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-avatar-border-base)
          ); --wui-thumbnail-border: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-thumbnail-border-base)
          ); --wui-wallet-button-bg: color-mix(
            in srgb,
            var(--w3m-color-mix) var(--w3m-color-mix-strength),
            var(--wui-wallet-button-bg-base)
          ); }
}
:root { --w3m-color-mix: #000; --w3m-accent: hsla(231, 100%, 70%, 1); --w3m-default: #000; --wui-color-modal-bg-base: #fff; --wui-color-accent-base-100: var(--w3m-accent); --wui-color-blueberry-100: hsla(231, 100%, 70%, 1); --wui-color-blueberry-090: hsla(231, 97%, 72%, 1); --wui-color-blueberry-080: hsla(231, 92%, 74%, 1); --wui-color-fg-100: #141414; --wui-color-fg-125: #2d3131; --wui-color-fg-150: #474d4d; --wui-color-fg-175: #636d6d; --wui-color-fg-200: #798686; --wui-color-fg-225: #828f8f; --wui-color-fg-250: #8b9797; --wui-color-fg-275: #95a0a0; --wui-color-fg-300: #9ea9a9; --wui-color-fg-325: #9a9a9a; --wui-color-fg-350: #d0d0d0; --wui-color-bg-100: #ffffff; --wui-color-bg-125: #f5fafa; --wui-color-bg-150: #f3f8f8; --wui-color-bg-175: #eef4f4; --wui-color-bg-200: #eaf1f1; --wui-color-bg-225: #e5eded; --wui-color-bg-250: #e1e9e9; --wui-color-bg-275: #dce7e7; --wui-color-bg-300: #d8e3e3; --wui-color-bg-325: #f3f3f3; --wui-color-bg-350: #202020; --wui-color-success-base-100: #26b562; --wui-color-success-base-125: #30a46b; --wui-color-warning-base-100: #f3a13f; --wui-color-error-base-100: #f05142; --wui-color-error-base-125: #df4a34; --wui-color-blue-base-100: rgba(102, 125, 255, 1); --wui-color-blue-base-90: rgba(102, 125, 255, 0.9); --wui-color-success-glass-001: rgba(38, 181, 98, 0.01); --wui-color-success-glass-002: rgba(38, 181, 98, 0.02); --wui-color-success-glass-005: rgba(38, 181, 98, 0.05); --wui-color-success-glass-010: rgba(38, 181, 98, 0.1); --wui-color-success-glass-015: rgba(38, 181, 98, 0.15); --wui-color-success-glass-020: rgba(38, 181, 98, 0.2); --wui-color-success-glass-025: rgba(38, 181, 98, 0.25); --wui-color-success-glass-030: rgba(38, 181, 98, 0.3); --wui-color-success-glass-060: rgba(38, 181, 98, 0.6); --wui-color-success-glass-080: rgba(38, 181, 98, 0.8); --wui-color-success-glass-reown-020: rgba(48, 164, 107, 0.2); --wui-color-warning-glass-reown-020: rgba(243, 161, 63, 0.2); --wui-color-error-glass-001: rgba(240, 81, 66, 0.01); --wui-color-error-glass-002: rgba(240, 81, 66, 0.02); --wui-color-error-glass-005: rgba(240, 81, 66, 0.05); --wui-color-error-glass-010: rgba(240, 81, 66, 0.1); --wui-color-error-glass-015: rgba(240, 81, 66, 0.15); --wui-color-error-glass-020: rgba(240, 81, 66, 0.2); --wui-color-error-glass-025: rgba(240, 81, 66, 0.25); --wui-color-error-glass-030: rgba(240, 81, 66, 0.3); --wui-color-error-glass-060: rgba(240, 81, 66, 0.6); --wui-color-error-glass-080: rgba(240, 81, 66, 0.8); --wui-color-error-glass-reown-020: rgba(223, 74, 52, 0.2); --wui-icon-box-bg-error-base-100: #f4dfdd; --wui-icon-box-bg-blue-base-100: #d9ecfb; --wui-icon-box-bg-success-base-100: #daf0e4; --wui-icon-box-bg-inverse-base-100: #dcecfc; --wui-all-wallets-bg-100: #e8f1fa; --wui-avatar-border-base: #f3f4f4; --wui-thumbnail-border-base: #eaefef; --wui-wallet-button-bg-base: var(--wui-color-bg-125); --wui-color-gray-glass-001: rgba(0, 0, 0, 0.01); --wui-color-gray-glass-002: rgba(0, 0, 0, 0.02); --wui-color-gray-glass-005: rgba(0, 0, 0, 0.05); --wui-color-gray-glass-010: rgba(0, 0, 0, 0.1); --wui-color-gray-glass-015: rgba(0, 0, 0, 0.15); --wui-color-gray-glass-020: rgba(0, 0, 0, 0.2); --wui-color-gray-glass-025: rgba(0, 0, 0, 0.25); --wui-color-gray-glass-030: rgba(0, 0, 0, 0.3); --wui-color-gray-glass-060: rgba(0, 0, 0, 0.6); --wui-color-gray-glass-080: rgba(0, 0, 0, 0.8); --wui-color-gray-glass-090: rgba(0, 0, 0, 0.9); --wui-color-dark-glass-100: rgba(233, 233, 233, 1); --w3m-card-embedded-shadow-color: rgb(224 225 233 / 25%); }
:root { --w3m-color-mix: #fff; --w3m-accent: hsla(230, 100%, 67%, 1); --w3m-default: #fff; --wui-color-modal-bg-base: #121313; --wui-color-accent-base-100: var(--w3m-accent); --wui-color-blueberry-100: hsla(230, 100%, 67%, 1); --wui-color-blueberry-090: hsla(231, 76%, 61%, 1); --wui-color-blueberry-080: hsla(230, 59%, 55%, 1); --wui-color-blueberry-050: hsla(231, 100%, 70%, 0.1); --wui-color-fg-100: #e4e7e7; --wui-color-fg-125: #d0d5d5; --wui-color-fg-150: #a8b1b1; --wui-color-fg-175: #a8b0b0; --wui-color-fg-200: #949e9e; --wui-color-fg-225: #868f8f; --wui-color-fg-250: #788080; --wui-color-fg-275: #788181; --wui-color-fg-300: #6e7777; --wui-color-fg-325: #9a9a9a; --wui-color-fg-350: #363636; --wui-color-bg-100: #141414; --wui-color-bg-125: #191a1a; --wui-color-bg-150: #1e1f1f; --wui-color-bg-175: #222525; --wui-color-bg-200: #272a2a; --wui-color-bg-225: #2c3030; --wui-color-bg-250: #313535; --wui-color-bg-275: #363b3b; --wui-color-bg-300: #3b4040; --wui-color-bg-325: #252525; --wui-color-bg-350: #ffffff; --wui-color-success-base-100: #26d962; --wui-color-success-base-125: #30a46b; --wui-color-warning-base-100: #f3a13f; --wui-color-error-base-100: #f25a67; --wui-color-error-base-125: #df4a34; --wui-color-blue-base-100: rgba(102, 125, 255, 1); --wui-color-blue-base-90: rgba(102, 125, 255, 0.9); --wui-color-success-glass-001: rgba(38, 217, 98, 0.01); --wui-color-success-glass-002: rgba(38, 217, 98, 0.02); --wui-color-success-glass-005: rgba(38, 217, 98, 0.05); --wui-color-success-glass-010: rgba(38, 217, 98, 0.1); --wui-color-success-glass-015: rgba(38, 217, 98, 0.15); --wui-color-success-glass-020: rgba(38, 217, 98, 0.2); --wui-color-success-glass-025: rgba(38, 217, 98, 0.25); --wui-color-success-glass-030: rgba(38, 217, 98, 0.3); --wui-color-success-glass-060: rgba(38, 217, 98, 0.6); --wui-color-success-glass-080: rgba(38, 217, 98, 0.8); --wui-color-success-glass-reown-020: rgba(48, 164, 107, 0.2); --wui-color-warning-glass-reown-020: rgba(243, 161, 63, 0.2); --wui-color-error-glass-001: rgba(242, 90, 103, 0.01); --wui-color-error-glass-002: rgba(242, 90, 103, 0.02); --wui-color-error-glass-005: rgba(242, 90, 103, 0.05); --wui-color-error-glass-010: rgba(242, 90, 103, 0.1); --wui-color-error-glass-015: rgba(242, 90, 103, 0.15); --wui-color-error-glass-020: rgba(242, 90, 103, 0.2); --wui-color-error-glass-025: rgba(242, 90, 103, 0.25); --wui-color-error-glass-030: rgba(242, 90, 103, 0.3); --wui-color-error-glass-060: rgba(242, 90, 103, 0.6); --wui-color-error-glass-080: rgba(242, 90, 103, 0.8); --wui-color-error-glass-reown-020: rgba(223, 74, 52, 0.2); --wui-color-gray-glass-001: rgba(255, 255, 255, 0.01); --wui-color-gray-glass-002: rgba(255, 255, 255, 0.02); --wui-color-gray-glass-005: rgba(255, 255, 255, 0.05); --wui-color-gray-glass-010: rgba(255, 255, 255, 0.1); --wui-color-gray-glass-015: rgba(255, 255, 255, 0.15); --wui-color-gray-glass-020: rgba(255, 255, 255, 0.2); --wui-color-gray-glass-025: rgba(255, 255, 255, 0.25); --wui-color-gray-glass-030: rgba(255, 255, 255, 0.3); --wui-color-gray-glass-060: rgba(255, 255, 255, 0.6); --wui-color-gray-glass-080: rgba(255, 255, 255, 0.8); --wui-color-gray-glass-090: rgba(255, 255, 255, 0.9); --wui-color-dark-glass-100: rgba(42, 42, 42, 1); --wui-icon-box-bg-error-base-100: #3c2426; --wui-icon-box-bg-blue-base-100: #20303f; --wui-icon-box-bg-success-base-100: #1f3a28; --wui-icon-box-bg-inverse-base-100: #243240; --wui-all-wallets-bg-100: #222b35; --wui-avatar-border-base: #252525; --wui-thumbnail-border-base: #252525; --wui-wallet-button-bg-base: var(--wui-color-bg-125); --w3m-card-embedded-shadow-color: rgb(17 17 18 / 25%); }
:root, .light, .light-theme { --color-page-background: white; }
.dark, .dark-theme { --color-page-background: var(--slate-1); }
body { background-color: var(--color-page-background); }
@keyframes scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.scrolling-wrapper { display: inline-flex; animation: 20s linear 0s infinite normal none running scroll; will-change: transform; height: 100%; width: auto; }
.scrolling-item { padding-right: 2rem; height: 100%; }