/* this file is genetared automatically, never modify it manually! */
        :root {
            --rabby-color-opacity: 1;
            --tw-bg-opacity: 1;

            /* -------------------- base define -------------------- */
            --rabby-light-blue-default: rgba(76, 101, 255, 1);
            --rabby-light-blue-light1: rgba(237, 240, 255, 1);
            --rabby-light-blue-light-1: rgba(237, 240, 255, 1);
            --rabby-light-blue-light2: rgba(219, 224, 255, 1);
            --rabby-light-blue-light-2: rgba(219, 224, 255, 1);
            --rabby-light-blue-disable: rgba(165, 178, 255, 1);
            --rabby-light-green-default: rgba(42, 187, 127, 1);
            --rabby-light-green-light: rgba(216, 242, 231, 1);
            --rabby-light-orange-default: rgba(255, 176, 32, 1);
            --rabby-light-orange-light: rgba(255, 245, 226, 1);
            --rabby-light-orange-DBK: rgba(255, 124, 96, 1);
            --rabby-light-red-default: rgba(227, 73, 53, 1);
            --rabby-light-red-light: rgba(255, 242, 240, 1);
            --rabby-light-red-dark: rgba(174, 42, 25, 1);
            --rabby-light-red-light2: rgba(239, 212, 209, 1);
            --rabby-light-red-light-2: rgba(239, 212, 209, 1);
            --rabby-light-neutral-title1: rgba(25, 41, 69, 1);
            --rabby-light-neutral-title-1: rgba(25, 41, 69, 1);
            --rabby-light-neutral-body: rgba(62, 73, 94, 1);
            --rabby-light-neutral-foot: rgba(106, 117, 135, 1);
            --rabby-light-neutral-line: rgba(224, 229, 236, 1);
            --rabby-light-neutral-bg1: rgba(255, 255, 255, 1);
            --rabby-light-neutral-bg-1: rgba(255, 255, 255, 1);
            --rabby-light-neutral-bg2: rgba(242, 244, 247, 1);
            --rabby-light-neutral-bg-2: rgba(242, 244, 247, 1);
            --rabby-light-neutral-bg3: rgba(247, 250, 252, 1);
            --rabby-light-neutral-bg-3: rgba(247, 250, 252, 1);
            --rabby-light-neutral-bg-4: rgba(235, 238, 247, 1);
            --rabby-light-neutral-card1: rgba(255, 255, 255, 1);
            --rabby-light-neutral-card-1: rgba(255, 255, 255, 1);
            --rabby-light-neutral-card2: rgba(242, 244, 247, 1);
            --rabby-light-neutral-card-2: rgba(242, 244, 247, 1);
            --rabby-light-neutral-card3: rgba(247, 250, 252, 1);
            --rabby-light-neutral-card-3: rgba(247, 250, 252, 1);
            --rabby-light-neutral-title2: rgba(255, 255, 255, 1);
            --rabby-light-neutral-title-2: rgba(255, 255, 255, 1);
            --rabby-light-neutral-black: rgba(0, 0, 0, 1);
            --rabby-light-sonic-btn: rgba(33, 78, 129, 0.16);
            --rabby-light-sonic-btn-foreground: rgba(33, 78, 129, 1);
            --rabby-light-sonic-card: rgba(255, 255, 255, 1);
            --rabby-light-sonic-card-foreground: rgba(0, 0, 0, 1);
            --rabby-light-sonic-card-border: rgba(80, 97, 121, 0.1);
            --rabby-light-sonic-background: rgba(245, 245, 245, 1);
            --rabby-light-sonic-foreground: rgba(0, 0, 0, 1);

            --rabby-dark-blue-default: rgba(76, 101, 255, 1);
            --rabby-dark-blue-light1: rgba(33, 38, 64, 1);
            --rabby-dark-blue-light-1: rgba(33, 38, 64, 1);
            --rabby-dark-blue-light2: rgba(38, 45, 85, 1);
            --rabby-dark-blue-light-2: rgba(38, 45, 85, 1);
            --rabby-dark-blue-disable: rgba(47, 59, 128, 1);
            --rabby-dark-green-default: rgba(42, 187, 127, 1);
            --rabby-dark-green-light: rgba(57, 90, 90, 1);
            --rabby-dark-orange-default: rgba(255, 198, 74, 1);
            --rabby-dark-orange-light: rgba(72, 67, 57, 1);
            --rabby-dark-orange-DBK: rgba(255, 124, 96, 1);
            --rabby-dark-red-default: rgba(239, 92, 72, 1);
            --rabby-dark-red-light: rgba(79, 58, 66, 1);
            --rabby-dark-red-dark: rgba(174, 42, 25, 1);
            --rabby-dark-red-light2: rgba(79, 58, 66, 1);
            --rabby-dark-red-light-2: rgba(79, 58, 66, 1);
            --rabby-dark-neutral-title1: rgba(247, 250, 252, 1);
            --rabby-dark-neutral-title-1: rgba(247, 250, 252, 1);
            --rabby-dark-neutral-body: rgba(211, 216, 224, 1);
            --rabby-dark-neutral-foot: rgba(186, 190, 197, 1);
            --rabby-dark-neutral-line: rgba(255, 255, 255, 0.1);
            --rabby-dark-neutral-bg1: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-bg-1: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-bg2: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-bg-2: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-bg3: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-bg-3: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-bg-4: rgba(12, 15, 31, 1);
            --rabby-dark-neutral-card1: rgba(255, 255, 255, 0.06);
            --rabby-dark-neutral-card-1: rgba(255, 255, 255, 0.06);
            --rabby-dark-neutral-card2: rgba(255, 255, 255, 0.06);
            --rabby-dark-neutral-card-2: rgba(255, 255, 255, 0.06);
            --rabby-dark-neutral-card3: rgba(255, 255, 255, 0.06);
            --rabby-dark-neutral-card-3: rgba(255, 255, 255, 0.06);
            --rabby-dark-neutral-title2: rgba(255, 255, 255, 1);
            --rabby-dark-neutral-title-2: rgba(255, 255, 255, 1);
            --rabby-dark-neutral-black: rgba(0, 0, 0, 1);
            --rabby-dark-sonic-card: rgba(33, 34, 38, 1);
            --rabby-dark-sonic-card-foreground: rgba(255, 255, 255, 1);
            --rabby-dark-sonic-card-border: rgba(50, 51, 55, 1);
            --rabby-dark-sonic-background: rgba(20, 20, 22, 1);
            --rabby-dark-sonic-foreground: rgba(255, 255, 255, 1);
            --rabby-dark-sonic-btn: rgba(254, 154, 76, 0.16);
            --rabby-dark-sonic-btn-foreground: rgba(254, 154, 76, 1);
            /* -------------------- light mode -------------------- */
            --r-blue-default-rgb: 76, 101, 255;
            --r-blue-default: var(--rabby-light-blue-default);
            --r-blue-light1-rgb: 237, 240, 255;
            --r-blue-light1: var(--rabby-light-blue-light1);
            --r-blue-light-1-rgb: 237, 240, 255;
            --r-blue-light-1: var(--rabby-light-blue-light-1);
            --r-blue-light2-rgb: 219, 224, 255;
            --r-blue-light2: var(--rabby-light-blue-light2);
            --r-blue-light-2-rgb: 219, 224, 255;
            --r-blue-light-2: var(--rabby-light-blue-light-2);
            --r-blue-disable-rgb: 165, 178, 255;
            --r-blue-disable: var(--rabby-light-blue-disable);
            --r-green-default-rgb: 42, 187, 127;
            --r-green-default: var(--rabby-light-green-default);
            --r-green-light-rgb: 216, 242, 231;
            --r-green-light: var(--rabby-light-green-light);
            --r-orange-default-rgb: 255, 176, 32;
            --r-orange-default: var(--rabby-light-orange-default);
            --r-orange-light-rgb: 255, 245, 226;
            --r-orange-light: var(--rabby-light-orange-light);
            --r-orange-DBK-rgb: 255, 124, 96;
            --r-orange-DBK: var(--rabby-light-orange-DBK);
            --r-red-default-rgb: 227, 73, 53;
            --r-red-default: var(--rabby-light-red-default);
            --r-red-light-rgb: 255, 242, 240;
            --r-red-light: var(--rabby-light-red-light);
            --r-red-dark-rgb: 174, 42, 25;
            --r-red-dark: var(--rabby-light-red-dark);
            --r-red-light2-rgb: 239, 212, 209;
            --r-red-light2: var(--rabby-light-red-light2);
            --r-red-light-2-rgb: 239, 212, 209;
            --r-red-light-2: var(--rabby-light-red-light-2);
            --r-neutral-title1-rgb: 25, 41, 69;
            --r-neutral-title1: var(--rabby-light-neutral-title1);
            --r-neutral-title-1-rgb: 25, 41, 69;
            --r-neutral-title-1: var(--rabby-light-neutral-title-1);
            --r-neutral-body-rgb: 62, 73, 94;
            --r-neutral-body: var(--rabby-light-neutral-body);
            --r-neutral-foot-rgb: 106, 117, 135;
            --r-neutral-foot: var(--rabby-light-neutral-foot);
            --r-neutral-line-rgb: 224, 229, 236;
            --r-neutral-line: var(--rabby-light-neutral-line);
            --r-neutral-bg1-rgb: 255, 255, 255;
            --r-neutral-bg1: var(--rabby-light-neutral-bg1);
            --r-neutral-bg-1-rgb: 255, 255, 255;
            --r-neutral-bg-1: var(--rabby-light-neutral-bg-1);
            --r-neutral-bg2-rgb: 242, 244, 247;
            --r-neutral-bg2: var(--rabby-light-neutral-bg2);
            --r-neutral-bg-2-rgb: 242, 244, 247;
            --r-neutral-bg-2: var(--rabby-light-neutral-bg-2);
            --r-neutral-bg3-rgb: 247, 250, 252;
            --r-neutral-bg3: var(--rabby-light-neutral-bg3);
            --r-neutral-bg-3-rgb: 247, 250, 252;
            --r-neutral-bg-3: var(--rabby-light-neutral-bg-3);
            --r-neutral-bg-4-rgb: 235, 238, 247;
            --r-neutral-bg-4: var(--rabby-light-neutral-bg-4);
            --r-neutral-card1-rgb: 255, 255, 255;
            --r-neutral-card1: var(--rabby-light-neutral-card1);
            --r-neutral-card-1-rgb: 255, 255, 255;
            --r-neutral-card-1: var(--rabby-light-neutral-card-1);
            --r-neutral-card2-rgb: 242, 244, 247;
            --r-neutral-card2: var(--rabby-light-neutral-card2);
            --r-neutral-card-2-rgb: 242, 244, 247;
            --r-neutral-card-2: var(--rabby-light-neutral-card-2);
            --r-neutral-card3-rgb: 247, 250, 252;
            --r-neutral-card3: var(--rabby-light-neutral-card3);
            --r-neutral-card-3-rgb: 247, 250, 252;
            --r-neutral-card-3: var(--rabby-light-neutral-card-3);
            --r-neutral-title2-rgb: 255, 255, 255;
            --r-neutral-title2: var(--rabby-light-neutral-title2);
            --r-neutral-title-2-rgb: 255, 255, 255;
            --r-neutral-title-2: var(--rabby-light-neutral-title-2);
            --r-neutral-black-rgb: 0, 0, 0;
            --r-neutral-black: var(--rabby-light-neutral-black);
            --r-sonic-btn-rgb: 33, 78, 129;
            --r-sonic-btn: var(--rabby-light-sonic-btn);
            --r-sonic-btn-foreground-rgb: 33, 78, 129;
            --r-sonic-btn-foreground: var(--rabby-light-sonic-btn-foreground);
            --r-sonic-card-rgb: 255, 255, 255;
            --r-sonic-card: var(--rabby-light-sonic-card);
            --r-sonic-card-foreground-rgb: 0, 0, 0;
            --r-sonic-card-foreground: var(--rabby-light-sonic-card-foreground);
            --r-sonic-card-border-rgb: 80, 97, 121;
            --r-sonic-card-border: var(--rabby-light-sonic-card-border);
            --r-sonic-background-rgb: 245, 245, 245;
            --r-sonic-background: var(--rabby-light-sonic-background);
            --r-sonic-foreground-rgb: 0, 0, 0;
            --r-sonic-foreground: var(--rabby-light-sonic-foreground);
        }

        html.dark,
        body.dark {
            /* -------------------- dark mode -------------------- */
            --r-blue-default-rgb: 76, 101, 255;
            --r-blue-default: var(--rabby-dark-blue-default);
            --r-blue-light1-rgb: 33, 38, 64;
            --r-blue-light1: var(--rabby-dark-blue-light1);
            --r-blue-light-1-rgb: 33, 38, 64;
            --r-blue-light-1: var(--rabby-dark-blue-light-1);
            --r-blue-light2-rgb: 38, 45, 85;
            --r-blue-light2: var(--rabby-dark-blue-light2);
            --r-blue-light-2-rgb: 38, 45, 85;
            --r-blue-light-2: var(--rabby-dark-blue-light-2);
            --r-blue-disable-rgb: 47, 59, 128;
            --r-blue-disable: var(--rabby-dark-blue-disable);
            --r-green-default-rgb: 42, 187, 127;
            --r-green-default: var(--rabby-dark-green-default);
            --r-green-light-rgb: 57, 90, 90;
            --r-green-light: var(--rabby-dark-green-light);
            --r-orange-default-rgb: 255, 198, 74;
            --r-orange-default: var(--rabby-dark-orange-default);
            --r-orange-light-rgb: 72, 67, 57;
            --r-orange-light: var(--rabby-dark-orange-light);
            --r-orange-DBK-rgb: 255, 124, 96;
            --r-orange-DBK: var(--rabby-dark-orange-DBK);
            --r-red-default-rgb: 239, 92, 72;
            --r-red-default: var(--rabby-dark-red-default);
            --r-red-light-rgb: 79, 58, 66;
            --r-red-light: var(--rabby-dark-red-light);
            --r-red-dark-rgb: 174, 42, 25;
            --r-red-dark: var(--rabby-dark-red-dark);
            --r-red-light2-rgb: 79, 58, 66;
            --r-red-light2: var(--rabby-dark-red-light2);
            --r-red-light-2-rgb: 79, 58, 66;
            --r-red-light-2: var(--rabby-dark-red-light-2);
            --r-neutral-title1-rgb: 247, 250, 252;
            --r-neutral-title1: var(--rabby-dark-neutral-title1);
            --r-neutral-title-1-rgb: 247, 250, 252;
            --r-neutral-title-1: var(--rabby-dark-neutral-title-1);
            --r-neutral-body-rgb: 211, 216, 224;
            --r-neutral-body: var(--rabby-dark-neutral-body);
            --r-neutral-foot-rgb: 186, 190, 197;
            --r-neutral-foot: var(--rabby-dark-neutral-foot);
            --r-neutral-line-rgb: 255, 255, 255;
            --r-neutral-line: var(--rabby-dark-neutral-line);
            --r-neutral-bg1-rgb: 12, 15, 31;
            --r-neutral-bg1: var(--rabby-dark-neutral-bg1);
            --r-neutral-bg-1-rgb: 12, 15, 31;
            --r-neutral-bg-1: var(--rabby-dark-neutral-bg-1);
            --r-neutral-bg2-rgb: 12, 15, 31;
            --r-neutral-bg2: var(--rabby-dark-neutral-bg2);
            --r-neutral-bg-2-rgb: 12, 15, 31;
            --r-neutral-bg-2: var(--rabby-dark-neutral-bg-2);
            --r-neutral-bg3-rgb: 12, 15, 31;
            --r-neutral-bg3: var(--rabby-dark-neutral-bg3);
            --r-neutral-bg-3-rgb: 12, 15, 31;
            --r-neutral-bg-3: var(--rabby-dark-neutral-bg-3);
            --r-neutral-bg-4-rgb: 12, 15, 31;
            --r-neutral-bg-4: var(--rabby-dark-neutral-bg-4);
            --r-neutral-card1-rgb: 255, 255, 255;
            --r-neutral-card1: var(--rabby-dark-neutral-card1);
            --r-neutral-card-1-rgb: 255, 255, 255;
            --r-neutral-card-1: var(--rabby-dark-neutral-card-1);
            --r-neutral-card2-rgb: 255, 255, 255;
            --r-neutral-card2: var(--rabby-dark-neutral-card2);
            --r-neutral-card-2-rgb: 255, 255, 255;
            --r-neutral-card-2: var(--rabby-dark-neutral-card-2);
            --r-neutral-card3-rgb: 255, 255, 255;
            --r-neutral-card3: var(--rabby-dark-neutral-card3);
            --r-neutral-card-3-rgb: 255, 255, 255;
            --r-neutral-card-3: var(--rabby-dark-neutral-card-3);
            --r-neutral-title2-rgb: 255, 255, 255;
            --r-neutral-title2: var(--rabby-dark-neutral-title2);
            --r-neutral-title-2-rgb: 255, 255, 255;
            --r-neutral-title-2: var(--rabby-dark-neutral-title-2);
            --r-neutral-black-rgb: 0, 0, 0;
            --r-neutral-black: var(--rabby-dark-neutral-black);
            --r-sonic-card-rgb: 33, 34, 38;
            --r-sonic-card: var(--rabby-dark-sonic-card);
            --r-sonic-card-foreground-rgb: 255, 255, 255;
            --r-sonic-card-foreground: var(--rabby-dark-sonic-card-foreground);
            --r-sonic-card-border-rgb: 50, 51, 55;
            --r-sonic-card-border: var(--rabby-dark-sonic-card-border);
            --r-sonic-background-rgb: 20, 20, 22;
            --r-sonic-background: var(--rabby-dark-sonic-background);
            --r-sonic-foreground-rgb: 255, 255, 255;
            --r-sonic-foreground: var(--rabby-dark-sonic-foreground);
            --r-sonic-btn-rgb: 254, 154, 76;
            --r-sonic-btn: var(--rabby-dark-sonic-btn);
            --r-sonic-btn-foreground-rgb: 254, 154, 76;
            --r-sonic-btn-foreground: var(--rabby-dark-sonic-btn-foreground);
        }

        :root {
            --rabby-custom-ant-drawer-mask: rgba(0, 0, 0, 0.4);
            --rabby-custom-ant-modal-mask: rgba(0, 0, 0, 0.4);

            --rabby-custom-box-shadow__gas-top-up: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);
        }

        html.dark,
        html.dark>body,
        body.dark {
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-bg-1);
            --rabby-custom-ant-drawer-mask: rgba(0, 0, 0, 0.5);
            --rabby-custom-ant-modal-mask: rgba(0, 0, 0, 0.5);

            --rabby-custom-box-shadow__gas-top-up: 0px 16px 20px 0px rgba(0, 0, 0, 0.20);
        }

        /* ! tailwindcss v2.2.2 | MIT License | https://tailwindcss.com */
        /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
        /*
Document
========
*/
        /**
Use a better box model (opinionated).
*/
        *,
        ::before,
        ::after {
            box-sizing: border-box;
        }

        /**
Use a more readable tab size (opinionated).
*/
        html {
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
        }

        /**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
        html {
            line-height: 1.15;
            /* 1 */
            -webkit-text-size-adjust: 100%;
            /* 2 */
        }

        /*
Sections
========
*/
        /**
Remove the margin in all browsers.
*/
        body {
            margin: 0;
        }

        /**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
        body {
            font-family:
                system-ui,
                -apple-system,
                /* Firefox supports this but not yet `system-ui` */
                'Segoe UI',
                Roboto,
                Helvetica,
                Arial,
                sans-serif,
                'Apple Color Emoji',
                'Segoe UI Emoji';
        }

        /*
Grouping content
================
*/
        /**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
        hr {
            height: 0;
            /* 1 */
            color: inherit;
            /* 2 */
        }

        /*
Text-level semantics
====================
*/
        /**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
        abbr[title] {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
        }

        /**
Add the correct font weight in Edge and Safari.
*/
        b,
        strong {
            font-weight: bolder;
        }

        /**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
        code,
        kbd,
        samp,
        pre {
            font-family:
                ui-monospace,
                SFMono-Regular,
                Consolas,
                'Liberation Mono',
                Menlo,
                monospace;
            /* 1 */
            font-size: 1em;
            /* 2 */
        }

        /**
Add the correct font size in all browsers.
*/
        small {
            font-size: 80%;
        }

        /**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/
        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

        /*
Tabular data
============
*/
        /**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
        table {
            text-indent: 0;
            /* 1 */
            border-color: inherit;
            /* 2 */
        }

        /*
Forms
=====
*/
        /**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            /* 1 */
            font-size: 100%;
            /* 1 */
            line-height: 1.15;
            /* 1 */
            margin: 0;
            /* 2 */
        }

        /**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
        button,
        select {
            /* 1 */
            text-transform: none;
        }

        /**
Correct the inability to style clickable types in iOS and Safari.
*/
        button,
        [type='button'],
        [type='reset'],
        [type='submit'] {
            -webkit-appearance: button;
        }

        /**
Remove the inner border and padding in Firefox.
*/
        ::-moz-focus-inner {
            border-style: none;
            padding: 0;
        }

        /**
Restore the focus styles unset by the previous rule.
*/
        :-moz-focusring {
            outline: 1px dotted ButtonText;
        }

        /**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
        :-moz-ui-invalid {
            box-shadow: none;
        }

        /**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
        legend {
            padding: 0;
        }

        /**
Add the correct vertical alignment in Chrome and Firefox.
*/
        progress {
            vertical-align: baseline;
        }

        /**
Correct the cursor style of increment and decrement buttons in Safari.
*/
        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto;
        }

        /**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
        [type='search'] {
            -webkit-appearance: textfield;
            /* 1 */
            outline-offset: -2px;
            /* 2 */
        }

        /**
Remove the inner padding in Chrome and Safari on macOS.
*/
        ::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        /**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            /* 1 */
            font: inherit;
            /* 2 */
        }

        /*
Interactive
===========
*/
        /*
Add the correct display in Chrome and Safari.
*/
        summary {
            display: list-item;
        }

        /**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
        /**
 * Removes the default spacing and border for appropriate elements.
 */
        blockquote,
        dl,
        dd,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        figure,
        p,
        pre {
            margin: 0;
        }

        button {
            background-color: transparent;
            background-image: none;
        }

        /**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */
        button:focus {
            outline: 1px dotted;
            outline: 5px auto -webkit-focus-ring-color;
        }

        fieldset {
            margin: 0;
            padding: 0;
        }

        ol,
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        /**
 * Tailwind custom reset styles
 */
        /**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
        html {
            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            /* 1 */
            line-height: 1.5;
            /* 2 */
        }

        /**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
        body {
            font-family: inherit;
            line-height: inherit;
        }

        /**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
        *,
        ::before,
        ::after {
            box-sizing: border-box;
            /* 1 */
            border-width: 0;
            /* 2 */
            border-style: solid;
            /* 2 */
            border-color: currentColor;
            /* 2 */
        }

        /*
 * Ensure horizontal rules are visible by default
 */
        hr {
            border-top-width: 1px;
        }

        /**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
        img {
            border-style: solid;
        }

        textarea {
            resize: vertical;
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1;
            color: #a1a1aa;
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            opacity: 1;
            color: #a1a1aa;
        }

        input::placeholder,
        textarea::placeholder {
            opacity: 1;
            color: #a1a1aa;
        }

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

        table {
            border-collapse: collapse;
        }

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

        /**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
        a {
            color: inherit;
            text-decoration: inherit;
        }

        /**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
        button,
        input,
        optgroup,
        select,
        textarea {
            padding: 0;
            line-height: inherit;
            color: inherit;
        }

        /**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
        pre,
        code,
        kbd,
        samp {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

        /**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
            display: block;
            /* 1 */
            vertical-align: middle;
            /* 2 */
        }

        /**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
        img,
        video {
            max-width: 100%;
            height: auto;
        }

        *,
        ::before,
        ::after {
            --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-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            border-color: currentColor;
            --tw-shadow: 0 0 #0000;
            --tw-ring-inset: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgba(59, 130, 246, 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-blur: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-brightness: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-contrast: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-grayscale: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-hue-rotate: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-invert: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-saturate: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-sepia: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-drop-shadow: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-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);
            --tw-backdrop-blur: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-brightness: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-contrast: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-grayscale: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-hue-rotate: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-invert: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-opacity: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-saturate: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-backdrop-sepia: var(--tw-empty,
                    /*!*/
                    /*!*/
                );
            --tw-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);
        }

        .container {
            width: 100%;
        }

        @media (min-width: 600px) {
            .container {
                max-width: 600px;
            }
        }

        .pointer-events-none {
            pointer-events: none !important;
        }

        .visible {
            visibility: visible !important;
        }

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

        .invisible {
            visibility: hidden !important;
        }

        .static {
            position: static !important;
        }

        .fixed {
            position: fixed !important;
        }

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

        .absolute {
            position: absolute !important;
        }

        .relative {
            position: relative !important;
        }

        .sticky {
            position: sticky !important;
        }

        .inset-0 {
            top: 0px !important;
            right: 0px !important;
            bottom: 0px !important;
            left: 0px !important;
        }

        .inset-x-0 {
            left: 0px !important;
            right: 0px !important;
        }

        .right-\[-2px\] {
            right: -2px !important;
        }

        .bottom-\[-2px\] {
            bottom: -2px !important;
        }

        .bottom-0 {
            bottom: 0px !important;
        }

        .left-0 {
            left: 0px !important;
        }

        .bottom-12 {
            bottom: 12px !important;
        }

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

        .-top-10 {
            top: -10px !important;
        }

        .bottom-\[2px\] {
            bottom: 2px !important;
        }

        .right-0 {
            right: 0px !important;
        }

        .bottom-\[-3px\] {
            bottom: -3px !important;
        }

        .right-\[-3px\] {
            right: -3px !important;
        }

        .-bottom-6 {
            bottom: -6px !important;
        }

        .-right-6 {
            right: -6px !important;
        }

        .top-0 {
            top: 0px !important;
        }

        .left-\[-16px\] {
            left: -16px !important;
        }

        .right-\[-16px\] {
            right: -16px !important;
        }

        .left-\[-20px\] {
            left: -20px !important;
        }

        .right-\[-20px\] {
            right: -20px !important;
        }

        .right-\[8px\] {
            right: 8px !important;
        }

        .top-\[6px\] {
            top: 6px !important;
        }

        .top-\[13px\] {
            top: 13px !important;
        }

        .left-\[12px\] {
            left: 12px !important;
        }

        .top-1\/2 {
            top: 50% !important;
        }

        .right-\[12px\] {
            right: 12px !important;
        }

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

        .top-\[-48px\] {
            top: -48px !important;
        }

        .-bottom-2 {
            bottom: -2px !important;
        }

        .top-1 {
            top: 1px !important;
        }

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

        .left-\[10px\] {
            left: 10px !important;
        }

        .-top-4 {
            top: -4px !important;
        }

        .-right-4 {
            right: -4px !important;
        }

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

        .left-\[-75px\] {
            left: -75px !important;
        }

        .top-\[-42px\] {
            top: -42px !important;
        }

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

        .top-\[64px\] {
            top: 64px !important;
        }

        .top-\[48px\] {
            top: 48px !important;
        }

        .right-12 {
            right: 12px !important;
        }

        .-top-2 {
            top: -2px !important;
        }

        .top-20 {
            top: 20px !important;
        }

        .top-\[1px\] {
            top: 1px !important;
        }

        .bottom-\[40px\] {
            bottom: 40px !important;
        }

        .bottom-20 {
            bottom: 20px !important;
        }

        .left-20 {
            left: 20px !important;
        }

        .right-20 {
            right: 20px !important;
        }

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

        .left-\[20px\] {
            left: 20px !important;
        }

        .top-8 {
            top: 8px !important;
        }

        .-bottom-4 {
            bottom: -4px !important;
        }

        .-top-6 {
            top: -6px !important;
        }

        .left-1\/2 {
            left: 50% !important;
        }

        .bottom-24 {
            bottom: 24px !important;
        }

        .top-\[40px\] {
            top: 40px !important;
        }

        .right-\[90px\] {
            right: 90px !important;
        }

        .top-\[-39px\] {
            top: -39px !important;
        }

        .right-\[22px\] {
            right: 22px !important;
        }

        .left-\[-8px\] {
            left: -8px !important;
        }

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

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

        .bottom-32 {
            bottom: 32px !important;
        }

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

        .right-\[-8px\] {
            right: -8px !important;
        }

        .right-\[16px\] {
            right: 16px !important;
        }

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

        .top-\[2px\] {
            top: 2px !important;
        }

        .top-\[-2px\] {
            top: -2px !important;
        }

        .right-\[40px\] {
            right: 40px !important;
        }

        .top-\[14px\] {
            top: 14px !important;
        }

        .top-\[350px\] {
            top: 350px !important;
        }

        .right-\[10px\] {
            right: 10px !important;
        }

        .top-\[50\%\] {
            top: 50% !important;
        }

        .top-\[-1px\] {
            top: -1px !important;
        }

        .left-\[-1px\] {
            left: -1px !important;
        }

        .-top-1 {
            top: -1px !important;
        }

        .-right-2 {
            right: -2px !important;
        }

        .top-\[-11px\] {
            top: -11px !important;
        }

        .left-\[8px\] {
            left: 8px !important;
        }

        .right-\[-4px\] {
            right: -4px !important;
        }

        .-right-12 {
            right: -12px !important;
        }

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

        .top-\[7px\] {
            top: 7px !important;
        }

        .left-\[99999px\] {
            left: 99999px !important;
        }

        .top-\[99999px\] {
            top: 99999px !important;
        }

        .bottom-\[210px\] {
            bottom: 210px !important;
        }

        .bottom-18 {
            bottom: 18px !important;
        }

        .bottom-\[18px\] {
            bottom: 18px !important;
        }

        .right-\[-24px\] {
            right: -24px !important;
        }

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

        .z-\[11\] {
            z-index: 11 !important;
        }

        .z-\[100\] {
            z-index: 100 !important;
        }

        .z-0 {
            z-index: 0 !important;
        }

        .z-\[-1\] {
            z-index: -1 !important;
        }

        .z-20 {
            z-index: 20 !important;
        }

        .z-\[99999\] {
            z-index: 99999 !important;
        }

        .z-\[999\] {
            z-index: 999 !important;
        }

        .z-50 {
            z-index: 50 !important;
        }

        .float-right {
            float: right !important;
        }

        .clear-left {
            clear: left !important;
        }

        .m-16 {
            margin: 16px !important;
        }

        .m-auto {
            margin: auto !important;
        }

        .m-0 {
            margin: 0px !important;
        }

        .m-\[16px\] {
            margin: 16px !important;
        }

        .m-\[8px\] {
            margin: 8px !important;
        }

        .m-\[-8px\] {
            margin: -8px !important;
        }

        .-m-8 {
            margin: -8px !important;
        }

        .mx-auto {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .mx-32 {
            margin-left: 32px !important;
            margin-right: 32px !important;
        }

        .mx-\[16px\] {
            margin-left: 16px !important;
            margin-right: 16px !important;
        }

        .mx-\[-10px\] {
            margin-left: -10px !important;
            margin-right: -10px !important;
        }

        .mx-\[auto\] {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .my-\[0\] {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .mx-16 {
            margin-left: 16px !important;
            margin-right: 16px !important;
        }

        .mx-\[60px\] {
            margin-left: 60px !important;
            margin-right: 60px !important;
        }

        .my-\[10px\] {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        .mx-\[-20px\] {
            margin-left: -20px !important;
            margin-right: -20px !important;
        }

        .mx-20 {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .mx-\[20px\] {
            margin-left: 20px !important;
            margin-right: 20px !important;
        }

        .mx-\[10px\] {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        .my-20 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
        }

        .my-12 {
            margin-top: 12px !important;
            margin-bottom: 12px !important;
        }

        .mx-28 {
            margin-left: 28px !important;
            margin-right: 28px !important;
        }

        .mx-\[22px\] {
            margin-left: 22px !important;
            margin-right: 22px !important;
        }

        .mx-\[52px\] {
            margin-left: 52px !important;
            margin-right: 52px !important;
        }

        .mx-12 {
            margin-left: 12px !important;
            margin-right: 12px !important;
        }

        .mx-6 {
            margin-left: 6px !important;
            margin-right: 6px !important;
        }

        .-my-1 {
            margin-top: -1px !important;
            margin-bottom: -1px !important;
        }

        .mx-\[6px\] {
            margin-left: 6px !important;
            margin-right: 6px !important;
        }

        .my-24 {
            margin-top: 24px !important;
            margin-bottom: 24px !important;
        }

        .my-\[12px\] {
            margin-top: 12px !important;
            margin-bottom: 12px !important;
        }

        .mx-2 {
            margin-left: 2px !important;
            margin-right: 2px !important;
        }

        .my-8 {
            margin-top: 8px !important;
            margin-bottom: 8px !important;
        }

        .-mx-32 {
            margin-left: -32px !important;
            margin-right: -32px !important;
        }

        .-mx-20 {
            margin-left: -20px !important;
            margin-right: -20px !important;
        }

        .mx-10 {
            margin-left: 10px !important;
            margin-right: 10px !important;
        }

        .mb-16 {
            margin-bottom: 16px !important;
        }

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

        .mt-32 {
            margin-top: 32px !important;
        }

        .mb-24 {
            margin-bottom: 24px !important;
        }

        .mb-0 {
            margin-bottom: 0px !important;
        }

        .mt-0 {
            margin-top: 0px !important;
        }

        .mr-16 {
            margin-right: 16px !important;
        }

        .mb-20 {
            margin-bottom: 20px !important;
        }

        .mr-4 {
            margin-right: 4px !important;
        }

        .mr-0 {
            margin-right: 0px !important;
        }

        .mr-8 {
            margin-right: 8px !important;
        }

        .mb-8 {
            margin-bottom: 8px !important;
        }

        .mb-12 {
            margin-bottom: 12px !important;
        }

        .mb-4 {
            margin-bottom: 4px !important;
        }

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

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

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

        .mr-\[6px\] {
            margin-right: 6px !important;
        }

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

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

        .mb-10 {
            margin-bottom: 10px !important;
        }

        .mt-12 {
            margin-top: 12px !important;
        }

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

        .mr-\[8px\] {
            margin-right: 8px !important;
        }

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

        .ml-4 {
            margin-left: 4px !important;
        }

        .ml-\[8px\] {
            margin-left: 8px !important;
        }

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

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

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

        .ml-auto {
            margin-left: auto !important;
        }

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

        .mr-6 {
            margin-right: 6px !important;
        }

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

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

        .ml-0 {
            margin-left: 0px !important;
        }

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

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

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

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

        .ml-1 {
            margin-left: 1px !important;
        }

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

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

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

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

        .ml-8 {
            margin-left: 8px !important;
        }

        .ml-6 {
            margin-left: 6px !important;
        }

        .mt-18 {
            margin-top: 18px !important;
        }

        .mt-16 {
            margin-top: 16px !important;
        }

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

        .mr-\[4px\] {
            margin-right: 4px !important;
        }

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

        .mb-60 {
            margin-bottom: 60px !important;
        }

        .ml-\[6px\] {
            margin-left: 6px !important;
        }

        .mb-6 {
            margin-bottom: 6px !important;
        }

        .mt-6 {
            margin-top: 6px !important;
        }

        .ml-\[3px\] {
            margin-left: 3px !important;
        }

        .ml-\[7px\] {
            margin-left: 7px !important;
        }

        .mt-10 {
            margin-top: 10px !important;
        }

        .ml-2 {
            margin-left: 2px !important;
        }

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

        .mb-2 {
            margin-bottom: 2px !important;
        }

        .mt-8 {
            margin-top: 8px !important;
        }

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

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

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

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

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

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

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

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

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

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

        .mb-14 {
            margin-bottom: 14px !important;
        }

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

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

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

        .mr-\[12px\] {
            margin-right: 12px !important;
        }

        .mr-12 {
            margin-right: 12px !important;
        }

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

        .mt-24 {
            margin-top: 24px !important;
        }

        .mt-4 {
            margin-top: 4px !important;
        }

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

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

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

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

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

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

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

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

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

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

        .mt-40 {
            margin-top: 40px !important;
        }

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

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

        .mt-auto {
            margin-top: auto !important;
        }

        .mr-2 {
            margin-right: 2px !important;
        }

        .mb-18 {
            margin-bottom: 18px !important;
        }

        .mt-20 {
            margin-top: 20px !important;
        }

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

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

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

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

        .mr-28 {
            margin-right: 28px !important;
        }

        .-mt-1 {
            margin-top: -1px !important;
        }

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

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

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

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

        .mt-\[auto\] {
            margin-top: auto !important;
        }

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

        .ml-\[70px\] {
            margin-left: 70px !important;
        }

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

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

        .mr-\[5px\] {
            margin-right: 5px !important;
        }

        .ml-\[25px\] {
            margin-left: 25px !important;
        }

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

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

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

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

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

        .mb-28 {
            margin-bottom: 28px !important;
        }

        .ml-\[-20px\] {
            margin-left: -20px !important;
        }

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

        .mt-2 {
            margin-top: 2px !important;
        }

        .mt-1 {
            margin-top: 1px !important;
        }

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

        .ml-16 {
            margin-left: 16px !important;
        }

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

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

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

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

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

        .mt-14 {
            margin-top: 14px !important;
        }

        .mr-\[2px\] {
            margin-right: 2px !important;
        }

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

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

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

        .mr-\[auto\] {
            margin-right: auto !important;
        }

        .mr-auto {
            margin-right: auto !important;
        }

        .mr-\[-6px\] {
            margin-right: -6px !important;
        }

        .ml-10 {
            margin-left: 10px !important;
        }

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

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

        .mb-40 {
            margin-bottom: 40px !important;
        }

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

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

        .-ml-40 {
            margin-left: -40px !important;
        }

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

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

        .ml-\[23px\] {
            margin-left: 23px !important;
        }

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

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

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

        .mb-32 {
            margin-bottom: 32px !important;
        }

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

        .mr-10 {
            margin-right: 10px !important;
        }

        .-mt-16 {
            margin-top: -16px !important;
        }

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

        .-mb-16 {
            margin-bottom: -16px !important;
        }

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

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

        .-mt-4 {
            margin-top: -4px !important;
        }

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

        .-mb-40 {
            margin-bottom: -40px !important;
        }

        .-mt-20 {
            margin-top: -20px !important;
        }

        .-mr-20 {
            margin-right: -20px !important;
        }

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

        .mr-\[-16px\] {
            margin-right: -16px !important;
        }

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

        .mr-\[18px\] {
            margin-right: 18px !important;
        }

        .ml-12 {
            margin-left: 12px !important;
        }

        .-mt-2 {
            margin-top: -2px !important;
        }

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

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

        .box-content {
            box-sizing: content-box !important;
        }

        .block {
            display: block !important;
        }

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

        .inline {
            display: inline !important;
        }

        .flex {
            display: flex !important;
        }

        .inline-flex {
            display: inline-flex !important;
        }

        .table {
            display: table !important;
        }

        .grid {
            display: grid !important;
        }

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

        .hidden {
            display: none !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .h-80 {
            height: 80px !important;
        }

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

        .h-auto {
            height: auto !important;
        }

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

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

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

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

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

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

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

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

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

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

        .h-0 {
            height: 0px !important;
        }

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

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

        .h-screen {
            height: 100vh !important;
        }

        .h-\[calc\(100vh-180px\)\] {
            height: calc(100vh - 180px) !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .h-\[calc\(100\%-40px\)\] {
            height: calc(100% - 40px) !important;
        }

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

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

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

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

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

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

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

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

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

        .h-\[100vh\] {
            height: 100vh !important;
        }

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

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

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

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

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

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

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

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

        .h-\[calc\(100\%-97\.5px\)\] {
            height: calc(100% - 97.5px) !important;
        }

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

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

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

        .max-h-\[232px\] {
            max-height: 232px !important;
        }

        .max-h-0 {
            max-height: 0px !important;
        }

        .max-h-\[500px\] {
            max-height: 500px !important;
        }

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

        .max-h-\[324px\] {
            max-height: 324px !important;
        }

        .max-h-\[100\%\] {
            max-height: 100% !important;
        }

        .max-h-\[434px\] {
            max-height: 434px !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .min-h-\[100vh\] {
            min-height: 100vh !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .w-\[max-content\] {
            width: -moz-max-content !important;
            width: max-content !important;
        }

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

        .w-\[calc\(100\%\+32px\)\] {
            width: calc(100% + 32px) !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        .w-auto {
            width: auto !important;
        }

        .w-0 {
            width: 0px !important;
        }

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

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

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

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

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

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

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

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

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

        .w-\[calc\(100\%-34px\)\] {
            width: calc(100% - 34px) !important;
        }

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

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

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

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

        .w-8 {
            width: 8px !important;
        }

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

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

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

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

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

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

        .w-screen {
            width: 100vw !important;
        }

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

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

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

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

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

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

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

        .w-max {
            width: -moz-max-content !important;
            width: max-content !important;
        }

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

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

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

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

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

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

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

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

        .w-\[calc\(100\%\+40px\)\] {
            width: calc(100% + 40px) !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .w-\[fit-content\] {
            width: -moz-fit-content !important;
            width: fit-content !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .min-w-0 {
            min-width: 0px !important;
        }

        .min-w-max {
            min-width: -moz-max-content !important;
            min-width: max-content !important;
        }

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

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

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

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

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

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

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

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

        .max-w-\[355px\] {
            max-width: 355px !important;
        }

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

        .max-w-\[180px\] {
            max-width: 180px !important;
        }

        .max-w-\[360px\] {
            max-width: 360px !important;
        }

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

        .max-w-max {
            max-width: -moz-max-content !important;
            max-width: max-content !important;
        }

        .max-w-\[90px\] {
            max-width: 90px !important;
        }

        .max-w-\[296px\] {
            max-width: 296px !important;
        }

        .max-w-\[250px\] {
            max-width: 250px !important;
        }

        .max-w-\[320px\] {
            max-width: 320px !important;
        }

        .max-w-\[300px\] {
            max-width: 300px !important;
        }

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

        .max-w-\[8em\] {
            max-width: 8em !important;
        }

        .max-w-\[126px\] {
            max-width: 126px !important;
        }

        .max-w-\[138px\] {
            max-width: 138px !important;
        }

        .max-w-\[312px\] {
            max-width: 312px !important;
        }

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

        .max-w-\[62px\] {
            max-width: 62px !important;
        }

        .max-w-\[calc\(100\%-40px\)\] {
            max-width: calc(100% - 40px) !important;
        }

        .max-w-\[340px\] {
            max-width: 340px !important;
        }

        .max-w-\[330px\] {
            max-width: 330px !important;
        }

        .max-w-\[240px\] {
            max-width: 240px !important;
        }

        .max-w-\[170px\] {
            max-width: 170px !important;
        }

        .max-w-\[210px\] {
            max-width: 210px !important;
        }

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

        .max-w-\[220px\] {
            max-width: 220px !important;
        }

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

        .max-w-\[80ch\] {
            max-width: 80ch !important;
        }

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

        .flex-none {
            flex: none !important;
        }

        .flex-auto {
            flex: 1 1 auto !important;
        }

        .flex-initial {
            flex: 0 1 auto !important;
        }

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

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

        .origin-center {
            transform-origin: center !important;
        }

        .-translate-y-2\/4 {
            --tw-translate-y: -50% !important;
            transform: var(--tw-transform) !important;
        }

        .-translate-y-1\/2 {
            --tw-translate-y: -50% !important;
            transform: var(--tw-transform) !important;
        }

        .translate-x-\[18\%\] {
            --tw-translate-x: 18% !important;
            transform: var(--tw-transform) !important;
        }

        .translate-y-\[-38\%\] {
            --tw-translate-y: -38% !important;
            transform: var(--tw-transform) !important;
        }

        .-translate-x-1\/2 {
            --tw-translate-x: -50% !important;
            transform: var(--tw-transform) !important;
        }

        .translate-y-\[-50\%\] {
            --tw-translate-y: -50% !important;
            transform: var(--tw-transform) !important;
        }

        .translate-x-\[-50\%\] {
            --tw-translate-x: -50% !important;
            transform: var(--tw-transform) !important;
        }

        .translate-y-1 {
            --tw-translate-y: 1px !important;
            transform: var(--tw-transform) !important;
        }

        .translate-x-0 {
            --tw-translate-x: 0px !important;
            transform: var(--tw-transform) !important;
        }

        .translate-y-\[4px\] {
            --tw-translate-y: 4px !important;
            transform: var(--tw-transform) !important;
        }

        .-rotate-90 {
            --tw-rotate: -90deg !important;
            transform: var(--tw-transform) !important;
        }

        .rotate-90 {
            --tw-rotate: 90deg !important;
            transform: var(--tw-transform) !important;
        }

        .rotate-\[-45deg\] {
            --tw-rotate: -45deg !important;
            transform: var(--tw-transform) !important;
        }

        .rotate-180 {
            --tw-rotate: 180deg !important;
            transform: var(--tw-transform) !important;
        }

        .rotate-\[-23deg\] {
            --tw-rotate: -23deg !important;
            transform: var(--tw-transform) !important;
        }

        .-rotate-180 {
            --tw-rotate: -180deg !important;
            transform: var(--tw-transform) !important;
        }

        .rotate-\[-8deg\] {
            --tw-rotate: -8deg !important;
            transform: var(--tw-transform) !important;
        }

        .rotate-\[8deg\] {
            --tw-rotate: 8deg !important;
            transform: var(--tw-transform) !important;
        }

        .scale-\[1\.02\] {
            --tw-scale-x: 1.02 !important;
            --tw-scale-y: 1.02 !important;
            transform: var(--tw-transform) !important;
        }

        .transform {
            transform: var(--tw-transform) !important;
        }

        .transform-none {
            transform: none !important;
        }

        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }

        .animate-spin {
            animation: spin 1s linear infinite !important;
        }

        @keyframes pulse {
            50% {
                opacity: .5;
            }
        }

        .animate-pulse {
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
        }

        .cursor-pointer {
            cursor: pointer !important;
        }

        .cursor-default {
            cursor: default !important;
        }

        .cursor-not-allowed {
            cursor: not-allowed !important;
        }

        .cursor-text {
            cursor: text !important;
        }

        .cursor-auto {
            cursor: auto !important;
        }

        .select-none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            -ms-user-select: none !important;
            user-select: none !important;
        }

        .resize {
            resize: both !important;
        }

        .list-inside {
            list-style-position: inside !important;
        }

        .list-outside {
            list-style-position: outside !important;
        }

        .list-decimal {
            list-style-type: decimal !important;
        }

        .list-disc {
            list-style-type: disc !important;
        }

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

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

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

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

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

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

        .flex-nowrap {
            flex-wrap: nowrap !important;
        }

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

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

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

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

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

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

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

        .justify-evenly {
            justify-content: space-evenly !important;
        }

        .gap-4 {
            gap: 4px !important;
        }

        .gap-\[8px\] {
            gap: 8px !important;
        }

        .gap-\[4px\] {
            gap: 4px !important;
        }

        .gap-\[6px\] {
            gap: 6px !important;
        }

        .gap-2 {
            gap: 2px !important;
        }

        .gap-12 {
            gap: 12px !important;
        }

        .gap-\[13px\] {
            gap: 13px !important;
        }

        .gap-16 {
            gap: 16px !important;
        }

        .gap-6 {
            gap: 6px !important;
        }

        .gap-\[12px\] {
            gap: 12px !important;
        }

        .gap-8 {
            gap: 8px !important;
        }

        .gap-\[24px\] {
            gap: 24px !important;
        }

        .gap-\[16px\] {
            gap: 16px !important;
        }

        .gap-\[10px\] {
            gap: 10px !important;
        }

        .gap-\[32px\] {
            gap: 32px !important;
        }

        .gap-20 {
            gap: 20px !important;
        }

        .gap-\[30px\] {
            gap: 30px !important;
        }

        .gap-10 {
            gap: 10px !important;
        }

        .gap-\[11px\] {
            gap: 11px !important;
        }

        .gap-\[20px\] {
            gap: 20px !important;
        }

        .gap-\[2px\] {
            gap: 2px !important;
        }

        .gap-\[3px\] {
            gap: 3px !important;
        }

        .gap-\[28px\] {
            gap: 28px !important;
        }

        .gap-x-16 {
            -moz-column-gap: 16px !important;
            column-gap: 16px !important;
        }

        .gap-x-0 {
            -moz-column-gap: 0px !important;
            column-gap: 0px !important;
        }

        .gap-x-12 {
            -moz-column-gap: 12px !important;
            column-gap: 12px !important;
        }

        .gap-y-2 {
            row-gap: 2px !important;
        }

        .gap-x-\[8px\] {
            -moz-column-gap: 8px !important;
            column-gap: 8px !important;
        }

        .gap-x-\[16px\] {
            -moz-column-gap: 16px !important;
            column-gap: 16px !important;
        }

        .gap-x-\[100px\] {
            -moz-column-gap: 100px !important;
            column-gap: 100px !important;
        }

        .gap-x-4 {
            -moz-column-gap: 4px !important;
            column-gap: 4px !important;
        }

        .gap-x-\[4px\] {
            -moz-column-gap: 4px !important;
            column-gap: 4px !important;
        }

        .gap-y-20 {
            row-gap: 20px !important;
        }

        .gap-x-2 {
            -moz-column-gap: 2px !important;
            column-gap: 2px !important;
        }

        .gap-y-6 {
            row-gap: 6px !important;
        }

        .gap-y-12 {
            row-gap: 12px !important;
        }

        .gap-x-6 {
            -moz-column-gap: 6px !important;
            column-gap: 6px !important;
        }

        .gap-x-\[24px\] {
            -moz-column-gap: 24px !important;
            column-gap: 24px !important;
        }

        .gap-x-\[12px\] {
            -moz-column-gap: 12px !important;
            column-gap: 12px !important;
        }

        .gap-y-\[7px\] {
            row-gap: 7px !important;
        }

        .gap-y-\[4px\] {
            row-gap: 4px !important;
        }

        .gap-y-\[8px\] {
            row-gap: 8px !important;
        }

        .gap-x-\[10px\] {
            -moz-column-gap: 10px !important;
            column-gap: 10px !important;
        }

        .space-y-16> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(16px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-\[20px\]> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(20px * var(--tw-space-y-reverse)) !important;
        }

        .space-x-6> :not([hidden])~ :not([hidden]) {
            --tw-space-x-reverse: 0 !important;
            margin-right: calc(6px * var(--tw-space-x-reverse)) !important;
            margin-left: calc(6px * calc(1 - var(--tw-space-x-reverse))) !important;
        }

        .space-y-12> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(12px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-8> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(8px * var(--tw-space-y-reverse)) !important;
        }

        .space-x-4> :not([hidden])~ :not([hidden]) {
            --tw-space-x-reverse: 0 !important;
            margin-right: calc(4px * var(--tw-space-x-reverse)) !important;
            margin-left: calc(4px * calc(1 - var(--tw-space-x-reverse))) !important;
        }

        .space-y-\[12px\]> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(12px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-2> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(2px * var(--tw-space-y-reverse)) !important;
        }

        .space-x-1> :not([hidden])~ :not([hidden]) {
            --tw-space-x-reverse: 0 !important;
            margin-right: calc(1px * var(--tw-space-x-reverse)) !important;
            margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))) !important;
        }

        .space-y-10> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(10px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-6> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(6px * var(--tw-space-y-reverse)) !important;
        }

        .space-x-\[8px\]> :not([hidden])~ :not([hidden]) {
            --tw-space-x-reverse: 0 !important;
            margin-right: calc(8px * var(--tw-space-x-reverse)) !important;
            margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse))) !important;
        }

        .space-x-8> :not([hidden])~ :not([hidden]) {
            --tw-space-x-reverse: 0 !important;
            margin-right: calc(8px * var(--tw-space-x-reverse)) !important;
            margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse))) !important;
        }

        .space-y-24> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(24px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-4> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(4px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-\[8px\]> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(8px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-\[16px\]> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(16px * var(--tw-space-y-reverse)) !important;
        }

        .space-y-\[10px\]> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0 !important;
            margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse))) !important;
            margin-bottom: calc(10px * var(--tw-space-y-reverse)) !important;
        }

        .self-start {
            align-self: flex-start !important;
        }

        .self-center {
            align-self: center !important;
        }

        .self-stretch {
            align-self: stretch !important;
        }

        .overflow-auto {
            overflow: auto !important;
        }

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

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

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

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

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

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

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

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

        .whitespace-pre {
            white-space: pre !important;
        }

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

        .break-words {
            overflow-wrap: break-word !important;
        }

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

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

        .rounded-full {
            border-radius: 9999px !important;
        }

        .rounded-lg {
            border-radius: 0.5rem !important;
        }

        .rounded {
            border-radius: 0.25rem !important;
        }

        .rounded-\[10px\] {
            border-radius: 10px !important;
        }

        .rounded-\[6px\] {
            border-radius: 6px !important;
        }

        .rounded-\[2px\] {
            border-radius: 2px !important;
        }

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

        .rounded-\[50\%\] {
            border-radius: 50% !important;
        }

        .rounded-\[1px\] {
            border-radius: 1px !important;
        }

        .rounded-\[40px\] {
            border-radius: 40px !important;
        }

        .rounded-\[7px\] {
            border-radius: 7px !important;
        }

        .rounded-\[16px\] {
            border-radius: 16px !important;
        }

        .rounded-\[90px\] {
            border-radius: 90px !important;
        }

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

        .rounded-\[6px\]\'\] {
            border-radius: 6px !important;

        }

        .rounded-md {
            border-radius: 0.375rem !important;
        }

        .rounded-\[900px\] {
            border-radius: 900px !important;
        }

        .rounded-\[2\.667px\] {
            border-radius: 2.667px !important;
        }

        .rounded-sm {
            border-radius: 0.125rem !important;
        }

        .rounded-l-\[8px\] {
            border-top-left-radius: 8px !important;
            border-bottom-left-radius: 8px !important;
        }

        .rounded-r-none {
            border-top-right-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
        }

        .rounded-l-none {
            border-top-left-radius: 0px !important;
            border-bottom-left-radius: 0px !important;
        }

        .rounded-r-\[8px\] {
            border-top-right-radius: 8px !important;
            border-bottom-right-radius: 8px !important;
        }

        .rounded-t-\[16px\] {
            border-top-left-radius: 16px !important;
            border-top-right-radius: 16px !important;
        }

        .rounded-b-\[16px\] {
            border-bottom-right-radius: 16px !important;
            border-bottom-left-radius: 16px !important;
        }

        .rounded-b-\[6px\] {
            border-bottom-right-radius: 6px !important;
            border-bottom-left-radius: 6px !important;
        }

        .rounded-b-none {
            border-bottom-right-radius: 0px !important;
            border-bottom-left-radius: 0px !important;
        }

        .rounded-t-\[20px\] {
            border-top-left-radius: 20px !important;
            border-top-right-radius: 20px !important;
        }

        .rounded-tl-\[4px\] {
            border-top-left-radius: 4px !important;
        }

        .rounded-br-\[4px\] {
            border-bottom-right-radius: 4px !important;
        }

        .border {
            border-width: 1px !important;
        }

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

        .border-\[0\.5px\] {
            border-width: 0.5px !important;
        }

        .border-0 {
            border-width: 0px !important;
        }

        .border-t {
            border-top-width: 1px !important;
        }

        .border-b-\[0\.5px\] {
            border-bottom-width: 0.5px !important;
        }

        .border-t-\[0\.5px\] {
            border-top-width: 0.5px !important;
        }

        .border-b-\[2px\] {
            border-bottom-width: 2px !important;
        }

        .border-b-\[1px\] {
            border-bottom-width: 1px !important;
        }

        .border-b-0 {
            border-bottom-width: 0px !important;
        }

        .border-t-\[1px\] {
            border-top-width: 1px !important;
        }

        .border-b {
            border-bottom-width: 1px !important;
        }

        .border-solid {
            border-style: solid !important;
        }

        .border-dashed {
            border-style: dashed !important;
        }

        .border-none {
            border-style: none !important;
        }

        .border-blue-light {
            --tw-border-opacity: 1 !important;
            border-color: rgba(76, 101, 255, var(--tw-border-opacity)) !important;
        }

        .border-white {
            --tw-border-opacity: 1 !important;
            border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
        }

        .border-gray-divider {
            --tw-border-opacity: 1 !important;
            border-color: rgba(229, 233, 239, var(--tw-border-opacity)) !important;
        }

        .border-transparent {
            border-color: transparent !important;
        }

        .border-\[\#EC5151\] {
            --tw-border-opacity: 1 !important;
            border-color: rgba(236, 81, 81, var(--tw-border-opacity)) !important;
        }

        .border-rabby-neutral-line {
            border-color: rgba(224, 229, 236, 1) !important;
            border-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .border-rabby-blue-default {
            border-color: rgba(76, 101, 255, 1) !important;
            border-color: var(--r-blue-default, #4c65ff) !important;
        }

        .border-rabby-red-default {
            border-color: rgba(227, 73, 53, 1) !important;
            border-color: var(--r-red-default, #e34935) !important;
        }

        .border-\[\#7084ff\] {
            --tw-border-opacity: 1 !important;
            border-color: rgba(112, 132, 255, var(--tw-border-opacity)) !important;
        }

        .border-red {
            --tw-border-opacity: 1 !important;
            border-color: rgba(175, 22, 14, var(--tw-border-opacity)) !important;
        }

        .border-rabby-neutral-title1 {
            border-color: rgba(25, 41, 69, 1) !important;
            border-color: var(--r-neutral-title1, #192945) !important;
        }

        .border-\[\#F63D3D\] {
            --tw-border-opacity: 1 !important;
            border-color: rgba(246, 61, 61, var(--tw-border-opacity)) !important;
        }

        .border-green {
            --tw-border-opacity: 1 !important;
            border-color: rgba(39, 193, 147, var(--tw-border-opacity)) !important;
        }

        .border-rabby-neutral-card2 {
            border-color: rgba(242, 244, 247, 1) !important;
            border-color: var(--r-neutral-card2, #f2f4f7) !important;
        }

        .border-rabby-neutral-card-2 {
            border-color: rgba(242, 244, 247, 1) !important;
            border-color: var(--r-neutral-card-2, #f2f4f7) !important;
        }

        .border-\[\#fff\] {
            --tw-border-opacity: 1 !important;
            border-color: rgba(255, 255, 255, var(--tw-border-opacity)) !important;
        }

        .border-rabby-sonic-card-border {
            border-color: rgba(80, 97, 121, 0.1) !important;
            border-color: var(--r-sonic-card-border, #5061791a) !important;
        }

        .border-rabby-orange-DBK {
            border-color: rgba(255, 124, 96, 1) !important;
            border-color: var(--r-orange-DBK, #ff7c60) !important;
        }

        .border-t-r-neutral-line {
            border-top-color: rgba(224, 229, 236, 1) !important;
            border-top-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .border-b-r-neutral-line {
            border-bottom-color: rgba(224, 229, 236, 1) !important;
            border-bottom-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .border-b-rabby-neutral-line {
            border-bottom-color: rgba(224, 229, 236, 1) !important;
            border-bottom-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .border-t-rabby-neutral-line {
            border-top-color: rgba(224, 229, 236, 1) !important;
            border-top-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .border-t-r-neutral-card2 {
            border-top-color: rgba(242, 244, 247, 1) !important;
            border-top-color: var(--r-neutral-card2, #f2f4f7) !important;
        }

        .bg-white {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
        }

        .bg-rabby-neutral-card1 {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card1, #ffffff) !important;
        }

        .bg-r-neutral-card1 {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card1, #ffffff) !important;
        }

        .bg-orange {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(255, 176, 32, 1) !important;
            background-color: rgba(255, 176, 32, var(--tw-bg-opacity)) !important;
        }

        .bg-gray-comment {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(180, 189, 204, 1) !important;
            background-color: rgba(180, 189, 204, var(--tw-bg-opacity)) !important;
        }

        .bg-green {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(39, 193, 147, 1) !important;
            background-color: rgba(39, 193, 147, var(--tw-bg-opacity)) !important;
        }

        .bg-r-neutral-bg-1 {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-bg-1, #ffffff) !important;
        }

        .bg-gray-bg {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(245, 246, 250, 1) !important;
            background-color: rgba(245, 246, 250, var(--tw-bg-opacity)) !important;
        }

        .bg-r-neutral-card-1 {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card-1, #ffffff) !important;
        }

        .bg-r-neutral-card2 {
            background-color: rgba(242, 244, 247, 1) !important;
            background-color: var(--r-neutral-card2, #f2f4f7) !important;
        }

        .bg-r-blue-default {
            background-color: rgba(76, 101, 255, 1) !important;
            background-color: var(--r-blue-default, #4c65ff) !important;
        }

        .bg-r-neutral-foot {
            background-color: rgba(106, 117, 135, 1) !important;
            background-color: var(--r-neutral-foot, #6a7587) !important;
        }

        .bg-transparent {
            background-color: transparent !important;
        }

        .bg-r-neutral-card-2 {
            background-color: rgba(242, 244, 247, 1) !important;
            background-color: var(--r-neutral-card-2, #f2f4f7) !important;
        }

        .bg-r-neutral-line {
            background-color: rgba(224, 229, 236, 1) !important;
            background-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .bg-r-blue-light1 {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light1, #edf0ff) !important;
        }

        .bg-\[\#F248221A\] {
            background-color: #F248221A !important;
        }

        .bg-r-neutral-bg1 {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-bg1, #ffffff) !important;
        }

        .bg-rabby-blue-default {
            background-color: rgba(76, 101, 255, 1) !important;
            background-color: var(--r-blue-default, #4c65ff) !important;
        }

        .bg-rabby-blue-light2 {
            background-color: rgba(219, 224, 255, 1) !important;
            background-color: var(--r-blue-light2, #dbe0ff) !important;
        }

        .bg-r-blue-light-1 {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light-1, #edf0ff) !important;
        }

        .bg-r-neutral-bg-2 {
            background-color: rgba(242, 244, 247, 1) !important;
            background-color: var(--r-neutral-bg-2, #f2f4f7) !important;
        }

        .bg-\[\#6A7587\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(106, 117, 135, 1) !important;
            background-color: rgba(106, 117, 135, var(--tw-bg-opacity)) !important;
        }

        .bg-rabby-neutral-line {
            background-color: rgba(224, 229, 236, 1) !important;
            background-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .bg-r-blue-light2 {
            background-color: rgba(219, 224, 255, 1) !important;
            background-color: var(--r-blue-light2, #dbe0ff) !important;
        }

        .bg-r-red-light {
            background-color: rgba(255, 242, 240, 1) !important;
            background-color: var(--r-red-light, #fff2f0) !important;
        }

        .bg-r-orange-light {
            background-color: rgba(255, 245, 226, 1) !important;
            background-color: var(--r-orange-light, #fff5e2) !important;
        }

        .bg-r-green-light {
            background-color: rgba(216, 242, 231, 1) !important;
            background-color: var(--r-green-light, #d8f2e7) !important;
        }

        .bg-r-green-default {
            background-color: rgba(42, 187, 127, 1) !important;
            background-color: var(--r-green-default, #2abb7f) !important;
        }

        .bg-r-orange-default {
            background-color: rgba(255, 176, 32, 1) !important;
            background-color: var(--r-orange-default, #ffb020) !important;
        }

        .bg-rabby-neutral-card-1 {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card-1, #ffffff) !important;
        }

        .bg-\[\#000000\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(0, 0, 0, 1) !important;
            background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
        }

        .bg-r-neutral-bg2 {
            background-color: rgba(242, 244, 247, 1) !important;
            background-color: var(--r-neutral-bg2, #f2f4f7) !important;
        }

        .bg-rabby-blue-light1 {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light1, #edf0ff) !important;
        }

        .bg-red-forbidden {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(236, 81, 81, 1) !important;
            background-color: rgba(236, 81, 81, var(--tw-bg-opacity)) !important;
        }

        .bg-blue-light {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(76, 101, 255, 1) !important;
            background-color: rgba(76, 101, 255, var(--tw-bg-opacity)) !important;
        }

        .bg-\[\#0000001A\] {
            background-color: #0000001A !important;
        }

        .bg-\[\#ec5151\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(236, 81, 81, 1) !important;
            background-color: rgba(236, 81, 81, var(--tw-bg-opacity)) !important;
        }

        .bg-r-sonic-background {
            background-color: rgba(245, 245, 245, 1) !important;
            background-color: var(--r-sonic-background, #f5f5f5) !important;
        }

        .bg-light-r-blue-light2 {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(219, 224, 255, 1) !important;
            background-color: rgba(219, 224, 255, var(--tw-bg-opacity)) !important;
        }

        .bg-\[\#FFDB5C\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(255, 219, 92, 1) !important;
            background-color: rgba(255, 219, 92, var(--tw-bg-opacity)) !important;
        }

        .bg-\[\#27C193\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(39, 193, 147, 1) !important;
            background-color: rgba(39, 193, 147, var(--tw-bg-opacity)) !important;
        }

        .bg-\[\#EC5151\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(236, 81, 81, 1) !important;
            background-color: rgba(236, 81, 81, var(--tw-bg-opacity)) !important;
        }

        .bg-r-neutral-card3 {
            background-color: rgba(247, 250, 252, 1) !important;
            background-color: var(--r-neutral-card3, #f7fafc) !important;
        }

        .bg-light-r-neutral-title-2 {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
        }

        .bg-r-neutral-black {
            background-color: rgba(0, 0, 0, 1) !important;
            background-color: var(--r-neutral-black, #000000) !important;
        }

        .bg-r-neutral-card-3 {
            background-color: rgba(247, 250, 252, 1) !important;
            background-color: var(--r-neutral-card-3, #f7fafc) !important;
        }

        .bg-\[rgba\(0\2c 0\2c 0\2c 0\.3\)\] {
            background-color: rgba(0, 0, 0, 0.3) !important;
        }

        .bg-\[rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
            background-color: rgba(255, 255, 255, 0.3) !important;
        }

        .bg-\[\#000\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(0, 0, 0, 1) !important;
            background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
        }

        .bg-rabby-orange-light {
            background-color: rgba(255, 245, 226, 1) !important;
            background-color: var(--r-orange-light, #fff5e2) !important;
        }

        .bg-\[rgba\(16\2c 157\2c 99\2c 0\.20\)\] {
            background-color: rgba(16, 157, 99, 0.20) !important;
        }

        .bg-r-orange-DBK {
            background-color: rgba(255, 124, 96, 1) !important;
            background-color: var(--r-orange-DBK, #ff7c60) !important;
        }

        .bg-rabby-sonic-card {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-sonic-card, #ffffff) !important;
        }

        .bg-r-sonic-btn {
            background-color: rgba(33, 78, 129, 0.16) !important;
            background-color: var(--r-sonic-btn, #214e8129) !important;
        }

        .bg-rabby-sonic-background {
            background-color: rgba(245, 245, 245, 1) !important;
            background-color: var(--r-sonic-background, #f5f5f5) !important;
        }

        .bg-white\/30 {
            background-color: rgba(255, 255, 255, 0.3) !important;
        }

        .bg-\[rgba\(255\2c 124\2c 96\2c 0\.10\)\] {
            background-color: rgba(255, 124, 96, 0.10) !important;
        }

        .bg-opacity-70 {
            --tw-bg-opacity: 0.7 !important;
        }

        .bg-opacity-80 {
            --tw-bg-opacity: 0.8 !important;
        }

        .bg-opacity-\[0\.15\] {
            --tw-bg-opacity: 0.15 !important;
        }

        .bg-opacity-\[0\.2\] {
            --tw-bg-opacity: 0.2 !important;
        }

        .bg-opacity-10 {
            --tw-bg-opacity: 0.1 !important;
        }

        .bg-opacity-20 {
            --tw-bg-opacity: 0.2 !important;
        }

        .bg-opacity-95 {
            --tw-bg-opacity: 0.95 !important;
        }

        .fill-current {
            fill: currentColor !important;
        }

        .stroke-current {
            stroke: currentColor !important;
        }

        .p-16 {
            padding: 16px !important;
        }

        .p-32 {
            padding: 32px !important;
        }

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

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

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

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

        .p-0 {
            padding: 0px !important;
        }

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

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

        .p-20 {
            padding: 20px !important;
        }

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

        .p-6 {
            padding: 6px !important;
        }

        .p-8 {
            padding: 8px !important;
        }

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

        .p-12 {
            padding: 12px !important;
        }

        .p-\[7px\]\'\] {
            padding: 7px !important;

        }

        .p-10 {
            padding: 10px !important;
        }

        .p-2 {
            padding: 2px !important;
        }

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

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

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

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

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

        .py-12 {
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }

        .px-16 {
            padding-left: 16px !important;
            padding-right: 16px !important;
        }

        .py-20 {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

        .px-20 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .px-12 {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        .py-\[20px\] {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

        .py-0 {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .px-\[15px\] {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .py-\[11px\] {
            padding-top: 11px !important;
            padding-bottom: 11px !important;
        }

        .px-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .py-\[8px\] {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

        .py-\[14px\] {
            padding-top: 14px !important;
            padding-bottom: 14px !important;
        }

        .px-\[12px\] {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        .px-\[28px\] {
            padding-left: 28px !important;
            padding-right: 28px !important;
        }

        .px-\[16px\] {
            padding-left: 16px !important;
            padding-right: 16px !important;
        }

        .py-\[6px\] {
            padding-top: 6px !important;
            padding-bottom: 6px !important;
        }

        .px-\[20px\] {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .py-\[10px\] {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .px-\[21px\] {
            padding-left: 21px !important;
            padding-right: 21px !important;
        }

        .px-\[5px\] {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .py-\[3px\] {
            padding-top: 3px !important;
            padding-bottom: 3px !important;
        }

        .px-\[8px\] {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        .px-8 {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        .py-6 {
            padding-top: 6px !important;
            padding-bottom: 6px !important;
        }

        .py-\[15px\] {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        .py-2 {
            padding-top: 2px !important;
            padding-bottom: 2px !important;
        }

        .px-6 {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .px-10 {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .py-4 {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
        }

        .py-8 {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

        .py-10 {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

        .py-\[24px\] {
            padding-top: 24px !important;
            padding-bottom: 24px !important;
        }

        .px-\[32px\] {
            padding-left: 32px !important;
            padding-right: 32px !important;
        }

        .px-\[4px\] {
            padding-left: 4px !important;
            padding-right: 4px !important;
        }

        .py-\[16px\] {
            padding-top: 16px !important;
            padding-bottom: 16px !important;
        }

        .py-\[7px\] {
            padding-top: 7px !important;
            padding-bottom: 7px !important;
        }

        .py-\[12px\] {
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }

        .px-40 {
            padding-left: 40px !important;
            padding-right: 40px !important;
        }

        .py-\[23px\] {
            padding-top: 23px !important;
            padding-bottom: 23px !important;
        }

        .py-16 {
            padding-top: 16px !important;
            padding-bottom: 16px !important;
        }

        .py-\[90px\] {
            padding-top: 90px !important;
            padding-bottom: 90px !important;
        }

        .py-18 {
            padding-top: 18px !important;
            padding-bottom: 18px !important;
        }

        .py-\[2px\] {
            padding-top: 2px !important;
            padding-bottom: 2px !important;
        }

        .px-\[2px\] {
            padding-left: 2px !important;
            padding-right: 2px !important;
        }

        .py-\[4px\] {
            padding-top: 4px !important;
            padding-bottom: 4px !important;
        }

        .px-\[10px\] {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .px-\[6px\] {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .py-\[1px\] {
            padding-top: 1px !important;
            padding-bottom: 1px !important;
        }

        .py-\[5px\] {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
        }

        .py-1 {
            padding-top: 1px !important;
            padding-bottom: 1px !important;
        }

        .px-4 {
            padding-left: 4px !important;
            padding-right: 4px !important;
        }

        .px-\[14px\] {
            padding-left: 14px !important;
            padding-right: 14px !important;
        }

        .px-\[19px\] {
            padding-left: 19px !important;
            padding-right: 19px !important;
        }

        .px-\[9px\] {
            padding-left: 9px !important;
            padding-right: 9px !important;
        }

        .py-\[13px\] {
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }

        .py-14 {
            padding-top: 14px !important;
            padding-bottom: 14px !important;
        }

        .py-\[40px\] {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }

        .px-\[50px\] {
            padding-left: 50px !important;
            padding-right: 50px !important;
        }

        .px-18 {
            padding-left: 18px !important;
            padding-right: 18px !important;
        }

        .py-\[22px\] {
            padding-top: 22px !important;
            padding-bottom: 22px !important;
        }

        .py-\[18px\] {
            padding-top: 18px !important;
            padding-bottom: 18px !important;
        }

        .py-\[9px\] {
            padding-top: 9px !important;
            padding-bottom: 9px !important;
        }

        .px-\[17px\] {
            padding-left: 17px !important;
            padding-right: 17px !important;
        }

        .px-\[18px\] {
            padding-left: 18px !important;
            padding-right: 18px !important;
        }

        .px-\[7px\] {
            padding-left: 7px !important;
            padding-right: 7px !important;
        }

        .pr-0 {
            padding-right: 0px !important;
        }

        .pt-0 {
            padding-top: 0px !important;
        }

        .pt-32 {
            padding-top: 32px !important;
        }

        .pt-24 {
            padding-top: 24px !important;
        }

        .pl-0 {
            padding-left: 0px !important;
        }

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

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

        .pl-\[12px\] {
            padding-left: 12px !important;
        }

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

        .pl-16 {
            padding-left: 16px !important;
        }

        .pb-0 {
            padding-bottom: 0px !important;
        }

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

        .pt-6 {
            padding-top: 6px !important;
        }

        .pl-\[16px\] {
            padding-left: 16px !important;
        }

        .pr-\[18px\] {
            padding-right: 18px !important;
        }

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

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

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

        .pl-\[8px\] {
            padding-left: 8px !important;
        }

        .pr-\[6px\] {
            padding-right: 6px !important;
        }

        .pt-20 {
            padding-top: 20px !important;
        }

        .pb-80 {
            padding-bottom: 80px !important;
        }

        .pl-\[34px\] {
            padding-left: 34px !important;
        }

        .pt-12 {
            padding-top: 12px !important;
        }

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

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

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

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

        .pr-\[8px\] {
            padding-right: 8px !important;
        }

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

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

        .pt-8 {
            padding-top: 8px !important;
        }

        .pb-6 {
            padding-bottom: 6px !important;
        }

        .pl-\[20px\] {
            padding-left: 20px !important;
        }

        .pr-\[17px\] {
            padding-right: 17px !important;
        }

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

        .pr-10 {
            padding-right: 10px !important;
        }

        .pl-\[10px\] {
            padding-left: 10px !important;
        }

        .pl-\[46px\] {
            padding-left: 46px !important;
        }

        .pt-\[0\] {
            padding-top: 0 !important;
        }

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

        .pt-14 {
            padding-top: 14px !important;
        }

        .pl-\[2px\] {
            padding-left: 2px !important;
        }

        .pr-\[12px\] {
            padding-right: 12px !important;
        }

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

        .pr-20 {
            padding-right: 20px !important;
        }

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

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

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

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

        .pb-1 {
            padding-bottom: 1px !important;
        }

        .pb-16 {
            padding-bottom: 16px !important;
        }

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

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

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

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

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

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

        .pb-10 {
            padding-bottom: 10px !important;
        }

        .pb-20 {
            padding-bottom: 20px !important;
        }

        .pb-12 {
            padding-bottom: 12px !important;
        }

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

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

        .pr-\[10px\] {
            padding-right: 10px !important;
        }

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

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

        .pt-80 {
            padding-top: 80px !important;
        }

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

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

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

        .pr-\[4px\]\'\] {
            padding-right: 4px !important;

        }

        .pl-\[9px\] {
            padding-left: 9px !important;
        }

        .pr-\[3px\]\'\] {
            padding-right: 3px !important;

        }

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

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

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

        .pb-8 {
            padding-bottom: 8px !important;
        }

        .pt-10 {
            padding-top: 10px !important;
        }

        .pr-16 {
            padding-right: 16px !important;
        }

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

        .pr-\[5px\] {
            padding-right: 5px !important;
        }

        .pl-6 {
            padding-left: 6px !important;
        }

        .pr-8 {
            padding-right: 8px !important;
        }

        .pl-12 {
            padding-left: 12px !important;
        }

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

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

        .pr-14 {
            padding-right: 14px !important;
        }

        .pl-8 {
            padding-left: 8px !important;
        }

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

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

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

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

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

        .pr-\[25px\] {
            padding-right: 25px !important;
        }

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

        .pl-\[26px\] {
            padding-left: 26px !important;
        }

        .pr-\[4px\] {
            padding-right: 4px !important;
        }

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

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

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

        .pr-\[9px\] {
            padding-right: 9px !important;
        }

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

        .pr-\[40px\] {
            padding-right: 40px !important;
        }

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

        .pt-18 {
            padding-top: 18px !important;
        }

        .pl-10 {
            padding-left: 10px !important;
        }

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

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

        .pr-6 {
            padding-right: 6px !important;
        }

        .pl-4 {
            padding-left: 4px !important;
        }

        .pt-16 {
            padding-top: 16px !important;
        }

        .pb-24 {
            padding-bottom: 24px !important;
        }

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

        .pr-4 {
            padding-right: 4px !important;
        }

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

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

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

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

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

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

        .pr-\[20px\] {
            padding-right: 20px !important;
        }

        .text-left {
            text-align: left !important;
        }

        .text-center {
            text-align: center !important;
        }

        .text-right {
            text-align: right !important;
        }

        .text-\[15px\] {
            font-size: 15px !important;
        }

        .text-20 {
            font-size: 20px !important;
        }

        .text-14 {
            font-size: 14px !important;
            line-height: 18px !important;
        }

        .text-12 {
            font-size: 12px !important;
            line-height: 14px !important;
        }

        .text-13 {
            font-size: 13px !important;
        }

        .text-15 {
            font-size: 15px !important;
            line-height: 18px !important;
        }

        .text-24 {
            font-size: 24px !important;
            line-height: 28px !important;
        }

        .text-\[13px\] {
            font-size: 13px !important;
        }

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

        .text-\[16px\] {
            font-size: 16px !important;
        }

        .text-\[20px\] {
            font-size: 20px !important;
        }

        .text-\[12px\] {
            font-size: 12px !important;
        }

        .text-\[24px\] {
            font-size: 24px !important;
        }

        .text-\[18px\] {
            font-size: 18px !important;
        }

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

        .text-\[17px\] {
            font-size: 17px !important;
        }

        .text-\[40px\] {
            font-size: 40px !important;
        }

        .text-\[28px\] {
            font-size: 28px !important;
        }

        .text-18 {
            font-size: 18px !important;
            line-height: 22px !important;
        }

        .text-\[32px\] {
            font-size: 32px !important;
        }

        .text-\[10px\] {
            font-size: 10px !important;
        }

        .text-\[48px\] {
            font-size: 48px !important;
        }

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

        .font-bold {
            font-weight: 700 !important;
        }

        .font-normal {
            font-weight: 400 !important;
        }

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

        .font-extrabold {
            font-weight: 800 !important;
        }

        .uppercase {
            text-transform: uppercase !important;
        }

        .capitalize {
            text-transform: capitalize !important;
        }

        .normal-case {
            text-transform: none !important;
        }

        .italic {
            font-style: italic !important;
        }

        .not-italic {
            font-style: normal !important;
        }

        .ordinal,
        .slashed-zero,
        .lining-nums,
        .oldstyle-nums,
        .proportional-nums,
        .tabular-nums,
        .diagonal-fractions,
        .stacked-fractions {
            --tw-ordinal: var(--tw-empty,
                    /*!*/
                    /*!*/
                ) !important;
            --tw-slashed-zero: var(--tw-empty,
                    /*!*/
                    /*!*/
                ) !important;
            --tw-numeric-figure: var(--tw-empty,
                    /*!*/
                    /*!*/
                ) !important;
            --tw-numeric-spacing: var(--tw-empty,
                    /*!*/
                    /*!*/
                ) !important;
            --tw-numeric-fraction: var(--tw-empty,
                    /*!*/
                    /*!*/
                ) !important;
            font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important;
        }

        .ordinal {
            --tw-ordinal: ordinal !important;
        }

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

        .leading-normal {
            line-height: 1.5 !important;
        }

        .leading-\[24px\] {
            line-height: 24px !important;
        }

        .leading-\[18px\] {
            line-height: 18px !important;
        }

        .leading-\[16px\] {
            line-height: 16px !important;
        }

        .leading-\[15px\] {
            line-height: 15px !important;
        }

        .leading-\[14px\] {
            line-height: 14px !important;
        }

        .leading-none {
            line-height: 1 !important;
        }

        .leading-\[17px\] {
            line-height: 17px !important;
        }

        .leading-\[48px\] {
            line-height: 48px !important;
        }

        .leading-\[19px\] {
            line-height: 19px !important;
        }

        .leading-\[22px\] {
            line-height: 22px !important;
        }

        .leading-\[29px\] {
            line-height: 29px !important;
        }

        .leading-\[140\%\] {
            line-height: 140% !important;
        }

        .leading-\[52px\] {
            line-height: 52px !important;
        }

        .leading-\[26px\] {
            line-height: 26px !important;
        }

        .leading-\[1\.2\] {
            line-height: 1.2 !important;
        }

        .leading-\[1\.3\] {
            line-height: 1.3 !important;
        }

        .leading-\[16px\]\'\] {
            line-height: 16px !important;

        }

        .leading-\[normal\] {
            line-height: normal !important;
        }

        .leading-4 {
            line-height: 1rem !important;
        }

        .leading-\[33px\] {
            line-height: 33px !important;
        }

        .leading-\[150\%\] {
            line-height: 150% !important;
        }

        .leading-\[21px\] {
            line-height: 21px !important;
        }

        .leading-\[23px\] {
            line-height: 23px !important;
        }

        .leading-\[38px\] {
            line-height: 38px !important;
        }

        .leading-tight {
            line-height: 1.25 !important;
        }

        .leading-\[12px\] {
            line-height: 12px !important;
        }

        .leading-\[13px\] {
            line-height: 13px !important;
        }

        .leading-\[28\.8px\] {
            line-height: 28.8px !important;
        }

        .tracking-\[16px\] {
            letter-spacing: 16px !important;
        }

        .text-\[\#00C087\] {
            --tw-text-opacity: 1 !important;
            color: rgba(0, 192, 135, var(--tw-text-opacity)) !important;
        }

        .text-r-neutral-foot {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .text-r-red-default {
            color: rgba(227, 73, 53, 1) !important;
            color: var(--r-red-default, #e34935) !important;
        }

        .text-r-neutral-body {
            color: rgba(62, 73, 94, 1) !important;
            color: var(--r-neutral-body, #3e495e) !important;
        }

        .text-r-neutral-title-1 {
            color: rgba(25, 41, 69, 1) !important;
            color: var(--r-neutral-title-1, #192945) !important;
        }

        .text-red-light {
            --tw-text-opacity: 1 !important;
            color: rgba(242, 72, 34, var(--tw-text-opacity)) !important;
        }

        .text-gray-comment {
            --tw-text-opacity: 1 !important;
            color: rgba(180, 189, 204, var(--tw-text-opacity)) !important;
        }

        .text-r-neutral-title1 {
            color: rgba(25, 41, 69, 1) !important;
            color: var(--r-neutral-title1, #192945) !important;
        }

        .text-white {
            --tw-text-opacity: 1 !important;
            color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
        }

        .text-r-neutral-title2 {
            color: rgba(255, 255, 255, 1) !important;
            color: var(--r-neutral-title2, #ffffff) !important;
        }

        .text-r-blue-default {
            color: rgba(76, 101, 255, 1) !important;
            color: var(--r-blue-default, #4c65ff) !important;
        }

        .text-blue-light {
            --tw-text-opacity: 1 !important;
            color: rgba(76, 101, 255, var(--tw-text-opacity)) !important;
        }

        .text-r-orange-default {
            color: rgba(255, 176, 32, 1) !important;
            color: var(--r-orange-default, #ffb020) !important;
        }

        .text-\[\#EC5151\] {
            --tw-text-opacity: 1 !important;
            color: rgba(236, 81, 81, var(--tw-text-opacity)) !important;
        }

        .text-gray-content {
            --tw-text-opacity: 1 !important;
            color: rgba(112, 114, 128, var(--tw-text-opacity)) !important;
        }

        .text-r-neutral-line {
            color: rgba(224, 229, 236, 1) !important;
            color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .text-rabby-blue-default {
            color: rgba(76, 101, 255, 1) !important;
            color: var(--r-blue-default, #4c65ff) !important;
        }

        .text-rabby-blue-light2 {
            color: rgba(219, 224, 255, 1) !important;
            color: var(--r-blue-light2, #dbe0ff) !important;
        }

        .text-transparent {
            color: transparent !important;
        }

        .text-r-neutral-title-2 {
            color: rgba(255, 255, 255, 1) !important;
            color: var(--r-neutral-title-2, #ffffff) !important;
        }

        .text-rabby-red-default {
            color: rgba(227, 73, 53, 1) !important;
            color: var(--r-red-default, #e34935) !important;
        }

        .text-r-green-default {
            color: rgba(42, 187, 127, 1) !important;
            color: var(--r-green-default, #2abb7f) !important;
        }

        .text-rabby-neutral-body {
            color: rgba(62, 73, 94, 1) !important;
            color: var(--r-neutral-body, #3e495e) !important;
        }

        .text-red {
            --tw-text-opacity: 1 !important;
            color: rgba(175, 22, 14, var(--tw-text-opacity)) !important;
        }

        .text-green {
            --tw-text-opacity: 1 !important;
            color: rgba(39, 193, 147, var(--tw-text-opacity)) !important;
        }

        .text-orange {
            --tw-text-opacity: 1 !important;
            color: rgba(255, 176, 32, var(--tw-text-opacity)) !important;
        }

        .text-rabby-neutral-title1 {
            color: rgba(25, 41, 69, 1) !important;
            color: var(--r-neutral-title1, #192945) !important;
        }

        .text-rabby-neutral-foot {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .text-rabby-neutral-title-1 {
            color: rgba(25, 41, 69, 1) !important;
            color: var(--r-neutral-title-1, #192945) !important;
        }

        .text-\[\#FFDB5C\] {
            --tw-text-opacity: 1 !important;
            color: rgba(255, 219, 92, var(--tw-text-opacity)) !important;
        }

        .text-\[\#F63D3D\] {
            --tw-text-opacity: 1 !important;
            color: rgba(246, 61, 61, var(--tw-text-opacity)) !important;
        }

        .text-red-forbidden {
            --tw-text-opacity: 1 !important;
            color: rgba(236, 81, 81, var(--tw-text-opacity)) !important;
        }

        .text-black {
            --tw-text-opacity: 1 !important;
            color: rgba(112, 114, 128, var(--tw-text-opacity)) !important;
        }

        .text-r-neutral-card3 {
            color: rgba(247, 250, 252, 1) !important;
            color: var(--r-neutral-card3, #f7fafc) !important;
        }

        .text-light-r-neutral-title-2 {
            --tw-text-opacity: 1 !important;
            color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
        }

        .text-\[\#7c86c8\] {
            --tw-text-opacity: 1 !important;
            color: rgba(124, 134, 200, var(--tw-text-opacity)) !important;
        }

        .text-r-blue-light1 {
            color: rgba(237, 240, 255, 1) !important;
            color: var(--r-blue-light1, #edf0ff) !important;
        }

        .text-r-neutral-card2 {
            color: rgba(242, 244, 247, 1) !important;
            color: var(--r-neutral-card2, #f2f4f7) !important;
        }

        .text-\[\#FF6E6E\] {
            --tw-text-opacity: 1 !important;
            color: rgba(255, 110, 110, var(--tw-text-opacity)) !important;
        }

        .text-\[\#33CE43\] {
            --tw-text-opacity: 1 !important;
            color: rgba(51, 206, 67, var(--tw-text-opacity)) !important;
        }

        .text-\[\#109D63\] {
            --tw-text-opacity: 1 !important;
            color: rgba(16, 157, 99, var(--tw-text-opacity)) !important;
        }

        .text-\[\#ec5151\] {
            --tw-text-opacity: 1 !important;
            color: rgba(236, 81, 81, var(--tw-text-opacity)) !important;
        }

        .text-rabby-sonic-card-foreground {
            color: rgba(0, 0, 0, 1) !important;
            color: var(--r-sonic-card-foreground, #000000) !important;
        }

        .text-rabby-sonic-foreground {
            color: rgba(0, 0, 0, 1) !important;
            color: var(--r-sonic-foreground, #000000) !important;
        }

        .text-\[\#1969FF\] {
            --tw-text-opacity: 1 !important;
            color: rgba(25, 105, 255, var(--tw-text-opacity)) !important;
        }

        .text-\[\#FE9A4C\] {
            --tw-text-opacity: 1 !important;
            color: rgba(254, 154, 76, var(--tw-text-opacity)) !important;
        }

        .text-r-sonic-btn-foreground {
            color: rgba(33, 78, 129, 1) !important;
            color: var(--r-sonic-btn-foreground, #214e81) !important;
        }

        .text-r-orange-DBK {
            color: rgba(255, 124, 96, 1) !important;
            color: var(--r-orange-DBK, #ff7c60) !important;
        }

        .text-r-sonic-foreground {
            color: rgba(0, 0, 0, 1) !important;
            color: var(--r-sonic-foreground, #000000) !important;
        }

        .text-opacity-50 {
            --tw-text-opacity: 0.5 !important;
        }

        .underline {
            text-decoration: underline !important;
        }

        .placeholder-r-neutral-foot::-moz-placeholder {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .placeholder-r-neutral-foot:-ms-input-placeholder {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .placeholder-r-neutral-foot::placeholder {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .placeholder-opacity-70::-moz-placeholder {
            --tw-placeholder-opacity: 0.7 !important;
        }

        .placeholder-opacity-70:-ms-input-placeholder {
            --tw-placeholder-opacity: 0.7 !important;
        }

        .placeholder-opacity-70::placeholder {
            --tw-placeholder-opacity: 0.7 !important;
        }

        .opacity-40 {
            opacity: 0.4 !important;
        }

        .opacity-80 {
            opacity: 0.8 !important;
        }

        .opacity-0 {
            opacity: 0 !important;
        }

        .opacity-60 {
            opacity: 0.6 !important;
        }

        .opacity-10 {
            opacity: 0.1 !important;
        }

        .opacity-50 {
            opacity: 0.5 !important;
        }

        .opacity-100 {
            opacity: 1 !important;
        }

        .opacity-70 {
            opacity: 0.7 !important;
        }

        .opacity-30 {
            opacity: 0.3 !important;
        }

        .opacity-25 {
            opacity: 0.25 !important;
        }

        .opacity-75 {
            opacity: 0.75 !important;
        }

        .shadow-none {
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !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 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
        }

        .shadow-md {
            --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
        }

        .blur {
            --tw-blur: blur(8px) !important;
            filter: var(--tw-filter) !important;
        }

        .brightness-\[100\] {
            --tw-brightness: brightness(100) !important;
            filter: var(--tw-filter) !important;
        }

        .brightness-\[10\] {
            --tw-brightness: brightness(10) !important;
            filter: var(--tw-filter) !important;
        }

        .drop-shadow {
            --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06)) !important;
            filter: var(--tw-filter) !important;
        }

        .invert {
            --tw-invert: invert(100%) !important;
            filter: var(--tw-filter) !important;
        }

        .sepia {
            --tw-sepia: sepia(100%) !important;
            filter: var(--tw-filter) !important;
        }

        .filter {
            filter: var(--tw-filter) !important;
        }

        .backdrop-blur-md {
            --tw-backdrop-blur: blur(12px) !important;
            -webkit-backdrop-filter: var(--tw-backdrop-filter) !important;
            backdrop-filter: var(--tw-backdrop-filter) !important;
        }

        .backdrop-blur-\[4px\] {
            --tw-backdrop-blur: blur(4px) !important;
            -webkit-backdrop-filter: var(--tw-backdrop-filter) !important;
            backdrop-filter: var(--tw-backdrop-filter) !important;
        }

        .backdrop-blur-sm {
            --tw-backdrop-blur: blur(4px) !important;
            -webkit-backdrop-filter: var(--tw-backdrop-filter) !important;
            backdrop-filter: var(--tw-backdrop-filter) !important;
        }

        .transition-colors {
            transition-property: background-color, border-color, color, fill, stroke !important;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
            transition-duration: 150ms !important;
        }

        .transition-opacity {
            transition-property: opacity !important;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
            transition-duration: 150ms !important;
        }

        .transition-transform {
            transition-property: transform !important;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
            transition-duration: 150ms !important;
        }

        .transition-all {
            transition-property: all !important;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
            transition-duration: 150ms !important;
        }

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

        .duration-100 {
            transition-duration: 100ms !important;
        }

        .duration-300 {
            transition-duration: 300ms !important;
        }

        .duration-200 {
            transition-duration: 200ms !important;
        }

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

        /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
        /* stylelint-disable no-duplicate-selectors */
        /* stylelint-disable */
        /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
        [class^=ant-]::-ms-clear,
        [class*=ant-]::-ms-clear,
        [class^=ant-] input::-ms-clear,
        [class*=ant-] input::-ms-clear,
        [class^=ant-] input::-ms-reveal,
        [class*=ant-] input::-ms-reveal {
            display: none;
        }

        [class^=ant-],
        [class*=ant-],
        [class^=ant-] *,
        [class*=ant-] *,
        [class^=ant-] *::before,
        [class*=ant-] *::before,
        [class^=ant-] *::after,
        [class*=ant-] *::after {
            box-sizing: border-box;
        }

        /* stylelint-disable at-rule-no-unknown */
        html,
        body {
            width: 100%;
            height: 100%;
        }

        input::-ms-clear,
        input::-ms-reveal {
            display: none;
        }

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

        html {
            font-family: sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            -ms-overflow-style: scrollbar;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        @-ms-viewport {
            width: device-width;
        }

        body {
            margin: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            font-variant: tabular-nums;
            line-height: 1.5715;
            background-color: #fff;
            font-feature-settings: 'tnum';
        }

        [tabindex='-1']:focus {
            outline: none !important;
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            margin-bottom: 0.5em;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
        }

        p {
            margin-top: 0;
            margin-bottom: 1em;
        }

        abbr[title],
        abbr[data-original-title] {
            text-decoration: underline;
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
            border-bottom: 0;
            cursor: help;
        }

        address {
            margin-bottom: 1em;
            font-style: normal;
            line-height: inherit;
        }

        input[type='text'],
        input[type='password'],
        input[type='number'],
        textarea {
            -webkit-appearance: none;
        }

        ol,
        ul,
        dl {
            margin-top: 0;
            margin-bottom: 1em;
        }

        ol ol,
        ul ul,
        ol ul,
        ul ol {
            margin-bottom: 0;
        }

        dt {
            font-weight: 500;
        }

        dd {
            margin-bottom: 0.5em;
            margin-left: 0;
        }

        blockquote {
            margin: 0 0 1em;
        }

        dfn {
            font-style: italic;
        }

        b,
        strong {
            font-weight: bolder;
        }

        small {
            font-size: 80%;
        }

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

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

        a {
            color: #4c65ff;
            text-decoration: none;
            background-color: transparent;
            outline: none;
            cursor: pointer;
            transition: color 0.3s;
            -webkit-text-decoration-skip: objects;
        }

        a:hover {
            color: #758cff;
        }

        a:active {
            color: #3646d9;
        }

        a:active,
        a:hover {
            text-decoration: none;
            outline: 0;
        }

        a:focus {
            text-decoration: none;
            outline: 0;
        }

        a[disabled] {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        pre,
        code,
        kbd,
        samp {
            font-size: 1em;
            font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
        }

        pre {
            margin-top: 0;
            margin-bottom: 1em;
            overflow: auto;
        }

        figure {
            margin: 0 0 1em;
        }

        img {
            vertical-align: middle;
            border-style: none;
        }

        svg:not(:root) {
            overflow: hidden;
        }

        a,
        area,
        button,
        [role='button'],
        input:not([type='range']),
        label,
        select,
        summary,
        textarea {
            touch-action: manipulation;
        }

        table {
            border-collapse: collapse;
        }

        caption {
            padding-top: 0.75em;
            padding-bottom: 0.3em;
            color: rgba(0, 0, 0, 0.45);
            text-align: left;
            caption-side: bottom;
        }

        th {
            text-align: inherit;
        }

        input,
        button,
        select,
        optgroup,
        textarea {
            margin: 0;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: inherit;
        }

        button,
        input {
            overflow: visible;
        }

        button,
        select {
            text-transform: none;
        }

        button,
        html [type="button"],
        [type="reset"],
        [type="submit"] {
            -webkit-appearance: button;
        }

        button::-moz-focus-inner,
        [type='button']::-moz-focus-inner,
        [type='reset']::-moz-focus-inner,
        [type='submit']::-moz-focus-inner {
            padding: 0;
            border-style: none;
        }

        input[type='radio'],
        input[type='checkbox'] {
            box-sizing: border-box;
            padding: 0;
        }

        input[type='date'],
        input[type='time'],
        input[type='datetime-local'],
        input[type='month'] {
            -webkit-appearance: listbox;
        }

        textarea {
            overflow: auto;
            resize: vertical;
        }

        fieldset {
            min-width: 0;
            margin: 0;
            padding: 0;
            border: 0;
        }

        legend {
            display: block;
            width: 100%;
            max-width: 100%;
            margin-bottom: 0.5em;
            padding: 0;
            color: inherit;
            font-size: 1.5em;
            line-height: inherit;
            white-space: normal;
        }

        progress {
            vertical-align: baseline;
        }

        [type='number']::-webkit-inner-spin-button,
        [type='number']::-webkit-outer-spin-button {
            height: auto;
        }

        [type='search'] {
            outline-offset: -2px;
            -webkit-appearance: none;
        }

        [type='search']::-webkit-search-cancel-button,
        [type='search']::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        ::-webkit-file-upload-button {
            font: inherit;
            -webkit-appearance: button;
        }

        output {
            display: inline-block;
        }

        summary {
            display: list-item;
        }

        template {
            display: none;
        }

        [hidden] {
            display: none !important;
        }

        mark {
            padding: 0.2em;
            background-color: #feffe6;
        }

        ::-moz-selection {
            color: #fff;
            background: #4c65ff;
        }

        ::selection {
            color: #fff;
            background: #4c65ff;
        }

        .clearfix::before {
            display: table;
            content: '';
        }

        .clearfix::after {
            display: table;
            clear: both;
            content: '';
        }

        .anticon {
            display: inline-block;
            color: inherit;
            font-style: normal;
            line-height: 0;
            text-align: center;
            text-transform: none;
            vertical-align: -0.125em;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .anticon>* {
            line-height: 1;
        }

        .anticon svg {
            display: inline-block;
        }

        .anticon::before {
            display: none;
        }

        .anticon .anticon-icon {
            display: block;
        }

        .anticon[tabindex] {
            cursor: pointer;
        }

        .anticon-spin::before {
            display: inline-block;
            animation: loadingCircle 1s infinite linear;
        }

        .anticon-spin {
            display: inline-block;
            animation: loadingCircle 1s infinite linear;
        }

        .ant-fade-enter,
        .ant-fade-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-fade-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-fade-enter.ant-fade-enter-active,
        .ant-fade-appear.ant-fade-appear-active {
            animation-name: antFadeIn;
            animation-play-state: running;
        }

        .ant-fade-leave.ant-fade-leave-active {
            animation-name: antFadeOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-fade-enter,
        .ant-fade-appear {
            opacity: 0;
            animation-timing-function: linear;
        }

        .ant-fade-leave {
            animation-timing-function: linear;
        }

        @keyframes antFadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes antFadeOut {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        .ant-move-up-enter,
        .ant-move-up-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-up-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-up-enter.ant-move-up-enter-active,
        .ant-move-up-appear.ant-move-up-appear-active {
            animation-name: antMoveUpIn;
            animation-play-state: running;
        }

        .ant-move-up-leave.ant-move-up-leave-active {
            animation-name: antMoveUpOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-move-up-enter,
        .ant-move-up-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-move-up-leave {
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
        }

        .ant-move-down-enter,
        .ant-move-down-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-down-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-down-enter.ant-move-down-enter-active,
        .ant-move-down-appear.ant-move-down-appear-active {
            animation-name: antMoveDownIn;
            animation-play-state: running;
        }

        .ant-move-down-leave.ant-move-down-leave-active {
            animation-name: antMoveDownOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-move-down-enter,
        .ant-move-down-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-move-down-leave {
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
        }

        .ant-move-left-enter,
        .ant-move-left-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-left-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-left-enter.ant-move-left-enter-active,
        .ant-move-left-appear.ant-move-left-appear-active {
            animation-name: antMoveLeftIn;
            animation-play-state: running;
        }

        .ant-move-left-leave.ant-move-left-leave-active {
            animation-name: antMoveLeftOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-move-left-enter,
        .ant-move-left-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-move-left-leave {
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
        }

        .ant-move-right-enter,
        .ant-move-right-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-right-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-move-right-enter.ant-move-right-enter-active,
        .ant-move-right-appear.ant-move-right-appear-active {
            animation-name: antMoveRightIn;
            animation-play-state: running;
        }

        .ant-move-right-leave.ant-move-right-leave-active {
            animation-name: antMoveRightOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-move-right-enter,
        .ant-move-right-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-move-right-leave {
            animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
        }

        @keyframes antMoveDownIn {
            0% {
                transform: translateY(100%);
                transform-origin: 0 0;
                opacity: 0;
            }

            100% {
                transform: translateY(0%);
                transform-origin: 0 0;
                opacity: 1;
            }
        }

        @keyframes antMoveDownOut {
            0% {
                transform: translateY(0%);
                transform-origin: 0 0;
                opacity: 1;
            }

            100% {
                transform: translateY(100%);
                transform-origin: 0 0;
                opacity: 0;
            }
        }

        @keyframes antMoveLeftIn {
            0% {
                transform: translateX(-100%);
                transform-origin: 0 0;
                opacity: 0;
            }

            100% {
                transform: translateX(0%);
                transform-origin: 0 0;
                opacity: 1;
            }
        }

        @keyframes antMoveLeftOut {
            0% {
                transform: translateX(0%);
                transform-origin: 0 0;
                opacity: 1;
            }

            100% {
                transform: translateX(-100%);
                transform-origin: 0 0;
                opacity: 0;
            }
        }

        @keyframes antMoveRightIn {
            0% {
                transform: translateX(100%);
                transform-origin: 0 0;
                opacity: 0;
            }

            100% {
                transform: translateX(0%);
                transform-origin: 0 0;
                opacity: 1;
            }
        }

        @keyframes antMoveRightOut {
            0% {
                transform: translateX(0%);
                transform-origin: 0 0;
                opacity: 1;
            }

            100% {
                transform: translateX(100%);
                transform-origin: 0 0;
                opacity: 0;
            }
        }

        @keyframes antMoveUpIn {
            0% {
                transform: translateY(-100%);
                transform-origin: 0 0;
                opacity: 0;
            }

            100% {
                transform: translateY(0%);
                transform-origin: 0 0;
                opacity: 1;
            }
        }

        @keyframes antMoveUpOut {
            0% {
                transform: translateY(0%);
                transform-origin: 0 0;
                opacity: 1;
            }

            100% {
                transform: translateY(-100%);
                transform-origin: 0 0;
                opacity: 0;
            }
        }

        @keyframes loadingCircle {
            100% {
                transform: rotate(360deg);
            }
        }

        [ant-click-animating='true'],
        [ant-click-animating-without-extra-node='true'] {
            position: relative;
        }

        html {
            --antd-wave-shadow-color: #4c65ff;
            --scroll-bar: 0;
        }

        [ant-click-animating-without-extra-node='true']::after,
        .ant-click-animating-node {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            border-radius: inherit;
            box-shadow: 0 0 0 0 #4c65ff;
            box-shadow: 0 0 0 0 #4c65ff;
            box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
            opacity: 0.2;
            animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
            animation-fill-mode: forwards;
            content: '';
            pointer-events: none;
        }

        @keyframes waveEffect {
            100% {
                box-shadow: 0 0 0 #4c65ff;
                box-shadow: 0 0 0 6px #4c65ff;
                box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            }
        }

        @keyframes fadeEffect {
            100% {
                opacity: 0;
            }
        }

        .ant-slide-up-enter,
        .ant-slide-up-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-up-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-up-enter.ant-slide-up-enter-active,
        .ant-slide-up-appear.ant-slide-up-appear-active {
            animation-name: antSlideUpIn;
            animation-play-state: running;
        }

        .ant-slide-up-leave.ant-slide-up-leave-active {
            animation-name: antSlideUpOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-slide-up-enter,
        .ant-slide-up-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

        .ant-slide-up-leave {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        }

        .ant-slide-down-enter,
        .ant-slide-down-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-down-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-down-enter.ant-slide-down-enter-active,
        .ant-slide-down-appear.ant-slide-down-appear-active {
            animation-name: antSlideDownIn;
            animation-play-state: running;
        }

        .ant-slide-down-leave.ant-slide-down-leave-active {
            animation-name: antSlideDownOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-slide-down-enter,
        .ant-slide-down-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

        .ant-slide-down-leave {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        }

        .ant-slide-left-enter,
        .ant-slide-left-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-left-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-left-enter.ant-slide-left-enter-active,
        .ant-slide-left-appear.ant-slide-left-appear-active {
            animation-name: antSlideLeftIn;
            animation-play-state: running;
        }

        .ant-slide-left-leave.ant-slide-left-leave-active {
            animation-name: antSlideLeftOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-slide-left-enter,
        .ant-slide-left-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

        .ant-slide-left-leave {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        }

        .ant-slide-right-enter,
        .ant-slide-right-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-right-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-slide-right-enter.ant-slide-right-enter-active,
        .ant-slide-right-appear.ant-slide-right-appear-active {
            animation-name: antSlideRightIn;
            animation-play-state: running;
        }

        .ant-slide-right-leave.ant-slide-right-leave-active {
            animation-name: antSlideRightOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-slide-right-enter,
        .ant-slide-right-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        }

        .ant-slide-right-leave {
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        }

        @keyframes antSlideUpIn {
            0% {
                transform: scaleY(0.8);
                transform-origin: 0% 0%;
                opacity: 0;
            }

            100% {
                transform: scaleY(1);
                transform-origin: 0% 0%;
                opacity: 1;
            }
        }

        @keyframes antSlideUpOut {
            0% {
                transform: scaleY(1);
                transform-origin: 0% 0%;
                opacity: 1;
            }

            100% {
                transform: scaleY(0.8);
                transform-origin: 0% 0%;
                opacity: 0;
            }
        }

        @keyframes antSlideDownIn {
            0% {
                transform: scaleY(0.8);
                transform-origin: 100% 100%;
                opacity: 0;
            }

            100% {
                transform: scaleY(1);
                transform-origin: 100% 100%;
                opacity: 1;
            }
        }

        @keyframes antSlideDownOut {
            0% {
                transform: scaleY(1);
                transform-origin: 100% 100%;
                opacity: 1;
            }

            100% {
                transform: scaleY(0.8);
                transform-origin: 100% 100%;
                opacity: 0;
            }
        }

        @keyframes antSlideLeftIn {
            0% {
                transform: scaleX(0.8);
                transform-origin: 0% 0%;
                opacity: 0;
            }

            100% {
                transform: scaleX(1);
                transform-origin: 0% 0%;
                opacity: 1;
            }
        }

        @keyframes antSlideLeftOut {
            0% {
                transform: scaleX(1);
                transform-origin: 0% 0%;
                opacity: 1;
            }

            100% {
                transform: scaleX(0.8);
                transform-origin: 0% 0%;
                opacity: 0;
            }
        }

        @keyframes antSlideRightIn {
            0% {
                transform: scaleX(0.8);
                transform-origin: 100% 0%;
                opacity: 0;
            }

            100% {
                transform: scaleX(1);
                transform-origin: 100% 0%;
                opacity: 1;
            }
        }

        @keyframes antSlideRightOut {
            0% {
                transform: scaleX(1);
                transform-origin: 100% 0%;
                opacity: 1;
            }

            100% {
                transform: scaleX(0.8);
                transform-origin: 100% 0%;
                opacity: 0;
            }
        }

        .ant-zoom-enter,
        .ant-zoom-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-enter.ant-zoom-enter-active,
        .ant-zoom-appear.ant-zoom-appear-active {
            animation-name: antZoomIn;
            animation-play-state: running;
        }

        .ant-zoom-leave.ant-zoom-leave-active {
            animation-name: antZoomOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-enter,
        .ant-zoom-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-enter-prepare,
        .ant-zoom-appear-prepare {
            transform: none;
        }

        .ant-zoom-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-zoom-big-enter,
        .ant-zoom-big-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-big-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-big-enter.ant-zoom-big-enter-active,
        .ant-zoom-big-appear.ant-zoom-big-appear-active {
            animation-name: antZoomBigIn;
            animation-play-state: running;
        }

        .ant-zoom-big-leave.ant-zoom-big-leave-active {
            animation-name: antZoomBigOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-big-enter,
        .ant-zoom-big-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-big-enter-prepare,
        .ant-zoom-big-appear-prepare {
            transform: none;
        }

        .ant-zoom-big-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-zoom-big-fast-enter,
        .ant-zoom-big-fast-appear {
            animation-duration: 0.1s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-big-fast-leave {
            animation-duration: 0.1s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active,
        .ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active {
            animation-name: antZoomBigIn;
            animation-play-state: running;
        }

        .ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
            animation-name: antZoomBigOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-big-fast-enter,
        .ant-zoom-big-fast-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-big-fast-enter-prepare,
        .ant-zoom-big-fast-appear-prepare {
            transform: none;
        }

        .ant-zoom-big-fast-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-zoom-up-enter,
        .ant-zoom-up-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-up-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-up-enter.ant-zoom-up-enter-active,
        .ant-zoom-up-appear.ant-zoom-up-appear-active {
            animation-name: antZoomUpIn;
            animation-play-state: running;
        }

        .ant-zoom-up-leave.ant-zoom-up-leave-active {
            animation-name: antZoomUpOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-up-enter,
        .ant-zoom-up-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-up-enter-prepare,
        .ant-zoom-up-appear-prepare {
            transform: none;
        }

        .ant-zoom-up-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-zoom-down-enter,
        .ant-zoom-down-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-down-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-down-enter.ant-zoom-down-enter-active,
        .ant-zoom-down-appear.ant-zoom-down-appear-active {
            animation-name: antZoomDownIn;
            animation-play-state: running;
        }

        .ant-zoom-down-leave.ant-zoom-down-leave-active {
            animation-name: antZoomDownOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-down-enter,
        .ant-zoom-down-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-down-enter-prepare,
        .ant-zoom-down-appear-prepare {
            transform: none;
        }

        .ant-zoom-down-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-zoom-left-enter,
        .ant-zoom-left-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-left-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-left-enter.ant-zoom-left-enter-active,
        .ant-zoom-left-appear.ant-zoom-left-appear-active {
            animation-name: antZoomLeftIn;
            animation-play-state: running;
        }

        .ant-zoom-left-leave.ant-zoom-left-leave-active {
            animation-name: antZoomLeftOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-left-enter,
        .ant-zoom-left-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-left-enter-prepare,
        .ant-zoom-left-appear-prepare {
            transform: none;
        }

        .ant-zoom-left-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-zoom-right-enter,
        .ant-zoom-right-appear {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-right-leave {
            animation-duration: 0.2s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-zoom-right-enter.ant-zoom-right-enter-active,
        .ant-zoom-right-appear.ant-zoom-right-appear-active {
            animation-name: antZoomRightIn;
            animation-play-state: running;
        }

        .ant-zoom-right-leave.ant-zoom-right-leave-active {
            animation-name: antZoomRightOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-zoom-right-enter,
        .ant-zoom-right-appear {
            transform: scale(0);
            opacity: 0;
            animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
        }

        .ant-zoom-right-enter-prepare,
        .ant-zoom-right-appear-prepare {
            transform: none;
        }

        .ant-zoom-right-leave {
            animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        @keyframes antZoomIn {
            0% {
                transform: scale(0.2);
                opacity: 0;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        @keyframes antZoomOut {
            0% {
                transform: scale(1);
            }

            100% {
                transform: scale(0.2);
                opacity: 0;
            }
        }

        @keyframes antZoomBigIn {
            0% {
                transform: scale(0.8);
                opacity: 0;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        @keyframes antZoomBigOut {
            0% {
                transform: scale(1);
            }

            100% {
                transform: scale(0.8);
                opacity: 0;
            }
        }

        @keyframes antZoomUpIn {
            0% {
                transform: scale(0.8);
                transform-origin: 50% 0%;
                opacity: 0;
            }

            100% {
                transform: scale(1);
                transform-origin: 50% 0%;
            }
        }

        @keyframes antZoomUpOut {
            0% {
                transform: scale(1);
                transform-origin: 50% 0%;
            }

            100% {
                transform: scale(0.8);
                transform-origin: 50% 0%;
                opacity: 0;
            }
        }

        @keyframes antZoomLeftIn {
            0% {
                transform: scale(0.8);
                transform-origin: 0% 50%;
                opacity: 0;
            }

            100% {
                transform: scale(1);
                transform-origin: 0% 50%;
            }
        }

        @keyframes antZoomLeftOut {
            0% {
                transform: scale(1);
                transform-origin: 0% 50%;
            }

            100% {
                transform: scale(0.8);
                transform-origin: 0% 50%;
                opacity: 0;
            }
        }

        @keyframes antZoomRightIn {
            0% {
                transform: scale(0.8);
                transform-origin: 100% 50%;
                opacity: 0;
            }

            100% {
                transform: scale(1);
                transform-origin: 100% 50%;
            }
        }

        @keyframes antZoomRightOut {
            0% {
                transform: scale(1);
                transform-origin: 100% 50%;
            }

            100% {
                transform: scale(0.8);
                transform-origin: 100% 50%;
                opacity: 0;
            }
        }

        @keyframes antZoomDownIn {
            0% {
                transform: scale(0.8);
                transform-origin: 50% 100%;
                opacity: 0;
            }

            100% {
                transform: scale(1);
                transform-origin: 50% 100%;
            }
        }

        @keyframes antZoomDownOut {
            0% {
                transform: scale(1);
                transform-origin: 50% 100%;
            }

            100% {
                transform: scale(0.8);
                transform-origin: 50% 100%;
                opacity: 0;
            }
        }

        .ant-motion-collapse-legacy {
            overflow: hidden;
        }

        .ant-motion-collapse-legacy-active {
            transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
        }

        .ant-motion-collapse {
            overflow: hidden;
            transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
        }

        .ant-affix {
            position: fixed;
            z-index: 10;
        }

        .ant-alert {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: flex;
            align-items: center;
            padding: 8px 15px;
            word-wrap: break-word;
            border-radius: 2px;
        }

        .ant-alert-content {
            flex: 1;
            min-width: 0;
        }

        .ant-alert-icon {
            margin-right: 8px;
        }

        .ant-alert-description {
            display: none;
            font-size: 14px;
            line-height: 22px;
        }

        .ant-alert-success {
            background-color: #f6ffed;
            border: 1px solid #b7eb8f;
        }

        .ant-alert-success .ant-alert-icon {
            color: #52c41a;
        }

        .ant-alert-info {
            background-color: #f0f4ff;
            border: 1px solid #c7d4ff;
        }

        .ant-alert-info .ant-alert-icon {
            color: #4c65ff;
        }

        .ant-alert-warning {
            background-color: #fffbe6;
            border: 1px solid #ffe58f;
        }

        .ant-alert-warning .ant-alert-icon {
            color: #faad14;
        }

        .ant-alert-error {
            background-color: #fff5f0;
            border: 1px solid #ffba9e;
        }

        .ant-alert-error .ant-alert-icon {
            color: #f24822;
        }

        .ant-alert-error .ant-alert-description>pre {
            margin: 0;
            padding: 0;
        }

        .ant-alert-action {
            margin-left: 8px;
        }

        .ant-alert-close-icon {
            margin-left: 8px;
            padding: 0;
            overflow: hidden;
            font-size: 12px;
            line-height: 12px;
            background-color: transparent;
            border: none;
            outline: none;
            cursor: pointer;
        }

        .ant-alert-close-icon .anticon-close {
            color: rgba(0, 0, 0, 0.45);
            transition: color 0.3s;
        }

        .ant-alert-close-icon .anticon-close:hover {
            color: rgba(0, 0, 0, 0.75);
        }

        .ant-alert-close-text {
            color: rgba(0, 0, 0, 0.45);
            transition: color 0.3s;
        }

        .ant-alert-close-text:hover {
            color: rgba(0, 0, 0, 0.75);
        }

        .ant-alert-with-description {
            align-items: flex-start;
            padding: 15px 15px 15px 24px;
        }

        .ant-alert-with-description.ant-alert-no-icon {
            padding: 15px 15px;
        }

        .ant-alert-with-description .ant-alert-icon {
            margin-right: 15px;
            font-size: 24px;
        }

        .ant-alert-with-description .ant-alert-message {
            display: block;
            margin-bottom: 4px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-alert-message {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-alert-with-description .ant-alert-description {
            display: block;
        }

        .ant-alert.ant-alert-motion-leave {
            overflow: hidden;
            opacity: 1;
            transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-alert.ant-alert-motion-leave-active {
            max-height: 0;
            margin-bottom: 0 !important;
            padding-top: 0;
            padding-bottom: 0;
            opacity: 0;
        }

        .ant-alert-banner {
            margin-bottom: 0;
            border: 0;
            border-radius: 0;
        }

        .ant-alert.ant-alert-rtl {
            direction: rtl;
        }

        .ant-alert-rtl.ant-alert.ant-alert-no-icon {
            padding: 8px 15px;
        }

        .ant-alert-rtl .ant-alert-icon {
            margin-right: auto;
            margin-left: 8px;
        }

        .ant-alert-rtl .ant-alert-action {
            margin-right: 8px;
            margin-left: auto;
        }

        .ant-alert-rtl .ant-alert-close-icon {
            margin-right: 8px;
            margin-left: auto;
        }

        .ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
            margin-right: auto;
            margin-left: 15px;
        }

        .ant-anchor {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            padding-left: 2px;
        }

        .ant-anchor-wrapper {
            margin-left: -4px;
            padding-left: 4px;
            overflow: auto;
            background-color: #fff;
        }

        .ant-anchor-ink {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }

        .ant-anchor-ink::before {
            position: relative;
            display: block;
            width: 2px;
            height: 100%;
            margin: 0 auto;
            background-color: #f0f0f0;
            content: ' ';
        }

        .ant-anchor-ink-ball {
            position: absolute;
            left: 50%;
            display: none;
            width: 8px;
            height: 8px;
            background-color: #fff;
            border: 2px solid #4c65ff;
            border-radius: 8px;
            transform: translateX(-50%);
            transition: top 0.3s ease-in-out;
        }

        .ant-anchor-ink-ball.visible {
            display: inline-block;
        }

        .ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
            display: none;
        }

        .ant-anchor-link {
            padding: 7px 0 7px 16px;
            line-height: 1.143;
        }

        .ant-anchor-link-title {
            position: relative;
            display: block;
            margin-bottom: 6px;
            overflow: hidden;
            color: rgba(0, 0, 0, 0.85);
            white-space: nowrap;
            text-overflow: ellipsis;
            transition: all 0.3s;
        }

        .ant-anchor-link-title:only-child {
            margin-bottom: 0;
        }

        .ant-anchor-link-active>.ant-anchor-link-title {
            color: #4c65ff;
        }

        .ant-anchor-link .ant-anchor-link {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .ant-anchor-rtl {
            direction: rtl;
        }

        .ant-anchor-rtl.ant-anchor-wrapper {
            margin-right: -4px;
            margin-left: 0;
            padding-right: 4px;
            padding-left: 0;
        }

        .ant-anchor-rtl .ant-anchor-ink {
            right: 0;
            left: auto;
        }

        .ant-anchor-rtl .ant-anchor-ink-ball {
            right: 50%;
            left: 0;
            transform: translateX(50%);
        }

        .ant-anchor-rtl .ant-anchor-link {
            padding: 7px 16px 7px 0;
        }

        .ant-select-auto-complete {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
        }

        .ant-select-auto-complete .ant-select-clear {
            right: 13px;
        }

        .ant-avatar {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-block;
            overflow: hidden;
            color: #fff;
            white-space: nowrap;
            text-align: center;
            vertical-align: middle;
            background: #ccc;
            width: 32px;
            height: 32px;
            line-height: 32px;
            border-radius: 50%;
        }

        .ant-avatar-image {
            background: transparent;
        }

        .ant-avatar .ant-image-img {
            display: block;
        }

        .ant-avatar-string {
            position: absolute;
            left: 50%;
            transform-origin: 0 center;
        }

        .ant-avatar.ant-avatar-icon {
            font-size: 18px;
        }

        .ant-avatar.ant-avatar-icon>.anticon {
            margin: 0;
        }

        .ant-avatar-lg {
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
        }

        .ant-avatar-lg-string {
            position: absolute;
            left: 50%;
            transform-origin: 0 center;
        }

        .ant-avatar-lg.ant-avatar-icon {
            font-size: 24px;
        }

        .ant-avatar-lg.ant-avatar-icon>.anticon {
            margin: 0;
        }

        .ant-avatar-sm {
            width: 24px;
            height: 24px;
            line-height: 24px;
            border-radius: 50%;
        }

        .ant-avatar-sm-string {
            position: absolute;
            left: 50%;
            transform-origin: 0 center;
        }

        .ant-avatar-sm.ant-avatar-icon {
            font-size: 14px;
        }

        .ant-avatar-sm.ant-avatar-icon>.anticon {
            margin: 0;
        }

        .ant-avatar-square {
            border-radius: 2px;
        }

        .ant-avatar>img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .ant-avatar-group {
            display: inline-flex;
        }

        .ant-avatar-group .ant-avatar {
            border: 1px solid #fff;
        }

        .ant-avatar-group .ant-avatar:not(:first-child) {
            margin-left: -8px;
        }

        .ant-avatar-group-popover .ant-avatar+.ant-avatar {
            margin-left: 3px;
        }

        .ant-avatar-group-rtl .ant-avatar:not(:first-child) {
            margin-right: -8px;
            margin-left: 0;
        }

        .ant-avatar-group-popover.ant-popover-rtl .ant-avatar+.ant-avatar {
            margin-right: 3px;
            margin-left: 0;
        }

        .ant-back-top {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: fixed;
            right: 100px;
            bottom: 50px;
            z-index: 10;
            width: 40px;
            height: 40px;
            cursor: pointer;
        }

        .ant-back-top:empty {
            display: none;
        }

        .ant-back-top-rtl {
            right: auto;
            left: 100px;
            direction: rtl;
        }

        .ant-back-top-content {
            width: 40px;
            height: 40px;
            overflow: hidden;
            color: #fff;
            text-align: center;
            background-color: rgba(0, 0, 0, 0.45);
            border-radius: 20px;
            transition: all 0.3s;
        }

        .ant-back-top-content:hover {
            background-color: rgba(0, 0, 0, 0.85);
            transition: all 0.3s;
        }

        .ant-back-top-icon {
            font-size: 24px;
            line-height: 40px;
        }

        @media screen and (max-width: 768px) {
            .ant-back-top {
                right: 60px;
            }
        }

        @media screen and (max-width: 480px) {
            .ant-back-top {
                right: 20px;
            }
        }

        .ant-badge {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-block;
            line-height: 1;
        }

        .ant-badge-count {
            z-index: auto;
            min-width: 20px;
            height: 20px;
            padding: 0 6px;
            color: #fff;
            font-weight: normal;
            font-size: 12px;
            line-height: 20px;
            white-space: nowrap;
            text-align: center;
            background: #ff4d4f;
            border-radius: 10px;
            box-shadow: 0 0 0 1px #fff;
        }

        .ant-badge-count a,
        .ant-badge-count a:hover {
            color: #fff;
        }

        .ant-badge-count-sm {
            min-width: 14px;
            height: 14px;
            padding: 0;
            font-size: 12px;
            line-height: 14px;
            border-radius: 7px;
        }

        .ant-badge-multiple-words {
            padding: 0 8px;
        }

        .ant-badge-dot {
            z-index: auto;
            width: 6px;
            min-width: 6px;
            height: 6px;
            background: #ff4d4f;
            border-radius: 100%;
            box-shadow: 0 0 0 1px #fff;
        }

        .ant-badge-count,
        .ant-badge-dot,
        .ant-badge .ant-scroll-number-custom-component {
            position: absolute;
            top: 0;
            right: 0;
            transform: translate(50%, -50%);
            transform-origin: 100% 0%;
        }

        .ant-badge-count.anticon-spin,
        .ant-badge-dot.anticon-spin,
        .ant-badge .ant-scroll-number-custom-component.anticon-spin {
            animation: antBadgeLoadingCircle 1s infinite linear;
        }

        .ant-badge-status {
            line-height: inherit;
            vertical-align: baseline;
        }

        .ant-badge-status-dot {
            position: relative;
            top: -1px;
            display: inline-block;
            width: 6px;
            height: 6px;
            vertical-align: middle;
            border-radius: 50%;
        }

        .ant-badge-status-success {
            background-color: #52c41a;
        }

        .ant-badge-status-processing {
            position: relative;
            background-color: #1890ff;
        }

        .ant-badge-status-processing::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid #1890ff;
            border-radius: 50%;
            animation: antStatusProcessing 1.2s infinite ease-in-out;
            content: '';
        }

        .ant-badge-status-default {
            background-color: #d9d9d9;
        }

        .ant-badge-status-error {
            background-color: #f24822;
        }

        .ant-badge-status-warning {
            background-color: #faad14;
        }

        .ant-badge-status-pink {
            background: #eb2f96;
        }

        .ant-badge-status-magenta {
            background: #eb2f96;
        }

        .ant-badge-status-red {
            background: #f5222d;
        }

        .ant-badge-status-volcano {
            background: #fa541c;
        }

        .ant-badge-status-orange {
            background: #fa8c16;
        }

        .ant-badge-status-yellow {
            background: #fadb14;
        }

        .ant-badge-status-gold {
            background: #faad14;
        }

        .ant-badge-status-cyan {
            background: #13c2c2;
        }

        .ant-badge-status-lime {
            background: #a0d911;
        }

        .ant-badge-status-green {
            background: #52c41a;
        }

        .ant-badge-status-blue {
            background: #1890ff;
        }

        .ant-badge-status-geekblue {
            background: #2f54eb;
        }

        .ant-badge-status-purple {
            background: #722ed1;
        }

        .ant-badge-status-text {
            margin-left: 8px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-badge-zoom-appear,
        .ant-badge-zoom-enter {
            animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
            animation-fill-mode: both;
        }

        .ant-badge-zoom-leave {
            animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
            animation-fill-mode: both;
        }

        .ant-badge-not-a-wrapper .ant-badge-zoom-appear,
        .ant-badge-not-a-wrapper .ant-badge-zoom-enter {
            animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
        }

        .ant-badge-not-a-wrapper .ant-badge-zoom-leave {
            animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
        }

        .ant-badge-not-a-wrapper:not(.ant-badge-status) {
            vertical-align: middle;
        }

        .ant-badge-not-a-wrapper .ant-scroll-number-custom-component {
            transform: none;
        }

        .ant-badge-not-a-wrapper .ant-scroll-number-custom-component,
        .ant-badge-not-a-wrapper .ant-scroll-number {
            position: relative;
            top: auto;
            display: block;
            transform-origin: 50% 50%;
        }

        .ant-badge-not-a-wrapper .ant-badge-count {
            transform: none;
        }

        @keyframes antStatusProcessing {
            0% {
                transform: scale(0.8);
                opacity: 0.5;
            }

            100% {
                transform: scale(2.4);
                opacity: 0;
            }
        }

        .ant-scroll-number {
            overflow: hidden;
        }

        .ant-scroll-number-only {
            position: relative;
            display: inline-block;
            height: 20px;
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -webkit-transform-style: preserve-3d;
            -webkit-backface-visibility: hidden;
        }

        .ant-scroll-number-only>p.ant-scroll-number-only-unit {
            height: 20px;
            margin: 0;
            -webkit-transform-style: preserve-3d;
            -webkit-backface-visibility: hidden;
        }

        .ant-scroll-number-symbol {
            vertical-align: top;
        }

        @keyframes antZoomBadgeIn {
            0% {
                transform: scale(0) translate(50%, -50%);
                opacity: 0;
            }

            100% {
                transform: scale(1) translate(50%, -50%);
            }
        }

        @keyframes antZoomBadgeOut {
            0% {
                transform: scale(1) translate(50%, -50%);
            }

            100% {
                transform: scale(0) translate(50%, -50%);
                opacity: 0;
            }
        }

        @keyframes antNoWrapperZoomBadgeIn {
            0% {
                transform: scale(0);
                opacity: 0;
            }

            100% {
                transform: scale(1);
            }
        }

        @keyframes antNoWrapperZoomBadgeOut {
            0% {
                transform: scale(1);
            }

            100% {
                transform: scale(0);
                opacity: 0;
            }
        }

        @keyframes antBadgeLoadingCircle {
            0% {
                transform-origin: 50%;
            }

            100% {
                transform: translate(50%, -50%) rotate(360deg);
                transform-origin: 50%;
            }
        }

        .ant-ribbon-wrapper {
            position: relative;
        }

        .ant-ribbon {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            top: 8px;
            height: 22px;
            padding: 0 8px;
            color: #fff;
            line-height: 22px;
            white-space: nowrap;
            background-color: #4c65ff;
            border-radius: 2px;
        }

        .ant-ribbon-text {
            color: #fff;
        }

        .ant-ribbon-corner {
            position: absolute;
            top: 100%;
            width: 8px;
            height: 8px;
            color: currentColor;
            border: 4px solid;
            transform: scaleY(0.75);
            transform-origin: top;
        }

        .ant-ribbon-corner::after {
            position: absolute;
            top: -4px;
            left: -4px;
            width: inherit;
            height: inherit;
            color: rgba(0, 0, 0, 0.25);
            border: inherit;
            content: '';
        }

        .ant-ribbon-color-pink {
            color: #eb2f96;
            background: #eb2f96;
        }

        .ant-ribbon-color-magenta {
            color: #eb2f96;
            background: #eb2f96;
        }

        .ant-ribbon-color-red {
            color: #f5222d;
            background: #f5222d;
        }

        .ant-ribbon-color-volcano {
            color: #fa541c;
            background: #fa541c;
        }

        .ant-ribbon-color-orange {
            color: #fa8c16;
            background: #fa8c16;
        }

        .ant-ribbon-color-yellow {
            color: #fadb14;
            background: #fadb14;
        }

        .ant-ribbon-color-gold {
            color: #faad14;
            background: #faad14;
        }

        .ant-ribbon-color-cyan {
            color: #13c2c2;
            background: #13c2c2;
        }

        .ant-ribbon-color-lime {
            color: #a0d911;
            background: #a0d911;
        }

        .ant-ribbon-color-green {
            color: #52c41a;
            background: #52c41a;
        }

        .ant-ribbon-color-blue {
            color: #1890ff;
            background: #1890ff;
        }

        .ant-ribbon-color-geekblue {
            color: #2f54eb;
            background: #2f54eb;
        }

        .ant-ribbon-color-purple {
            color: #722ed1;
            background: #722ed1;
        }

        .ant-ribbon.ant-ribbon-placement-end {
            right: -8px;
            border-bottom-right-radius: 0;
        }

        .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner {
            right: 0;
            border-color: currentColor transparent transparent currentColor;
        }

        .ant-ribbon.ant-ribbon-placement-start {
            left: -8px;
            border-bottom-left-radius: 0;
        }

        .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner {
            left: 0;
            border-color: currentColor currentColor transparent transparent;
        }

        .ant-badge-rtl {
            direction: rtl;
        }

        .ant-badge-rtl .ant-badge-count,
        .ant-badge-rtl .ant-badge-dot,
        .ant-badge-rtl .ant-badge .ant-scroll-number-custom-component {
            right: auto;
            left: 0;
            direction: ltr;
            transform: translate(-50%, -50%);
            transform-origin: 0% 0%;
        }

        .ant-badge-rtl.ant-badge .ant-scroll-number-custom-component {
            right: auto;
            left: 0;
            transform: translate(-50%, -50%);
            transform-origin: 0% 0%;
        }

        .ant-badge-rtl .ant-badge-status-text {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-badge-rtl .ant-badge-zoom-appear,
        .ant-badge-rtl .ant-badge-zoom-enter {
            animation-name: antZoomBadgeInRtl;
        }

        .ant-badge-rtl .ant-badge-zoom-leave {
            animation-name: antZoomBadgeOutRtl;
        }

        .ant-badge-not-a-wrapper .ant-badge-count {
            transform: none;
        }

        .ant-ribbon-rtl {
            direction: rtl;
        }

        .ant-ribbon-rtl.ant-ribbon-placement-end {
            right: unset;
            left: -8px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 0;
        }

        .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner {
            right: unset;
            left: 0;
            border-color: currentColor currentColor transparent transparent;
        }

        .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after {
            border-color: currentColor currentColor transparent transparent;
        }

        .ant-ribbon-rtl.ant-ribbon-placement-start {
            right: -8px;
            left: unset;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
        }

        .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner {
            right: 0;
            left: unset;
            border-color: currentColor transparent transparent currentColor;
        }

        .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after {
            border-color: currentColor transparent transparent currentColor;
        }

        @keyframes antZoomBadgeInRtl {
            0% {
                transform: scale(0) translate(-50%, -50%);
                opacity: 0;
            }

            100% {
                transform: scale(1) translate(-50%, -50%);
            }
        }

        @keyframes antZoomBadgeOutRtl {
            0% {
                transform: scale(1) translate(-50%, -50%);
            }

            100% {
                transform: scale(0) translate(-50%, -50%);
                opacity: 0;
            }
        }

        .ant-breadcrumb {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }

        .ant-breadcrumb .anticon {
            font-size: 14px;
        }

        .ant-breadcrumb a {
            color: rgba(0, 0, 0, 0.45);
            transition: color 0.3s;
        }

        .ant-breadcrumb a:hover {
            color: #758cff;
        }

        .ant-breadcrumb>span:last-child {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-breadcrumb>span:last-child a {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-breadcrumb>span:last-child .ant-breadcrumb-separator {
            display: none;
        }

        .ant-breadcrumb-separator {
            margin: 0 8px;
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-breadcrumb-link>.anticon+span,
        .ant-breadcrumb-link>.anticon+a {
            margin-left: 4px;
        }

        .ant-breadcrumb-overlay-link>.anticon {
            margin-left: 4px;
        }

        .ant-breadcrumb-rtl {
            direction: rtl;
        }

        .ant-breadcrumb-rtl::before {
            display: table;
            content: '';
        }

        .ant-breadcrumb-rtl::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-breadcrumb-rtl::before {
            display: table;
            content: '';
        }

        .ant-breadcrumb-rtl::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-breadcrumb-rtl>span {
            float: right;
        }

        .ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,
        .ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-btn {
            line-height: 1.5715;
            position: relative;
            display: inline-block;
            font-weight: 500;
            white-space: nowrap;
            text-align: center;
            background-image: none;
            border: 1px solid transparent;
            box-shadow: none;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            touch-action: manipulation;
            height: 32px;
            padding: 4px 15px;
            font-size: 14px;
            border-radius: 2px;
            color: white;
            background: #b4bdcc;
            border-color: #b4bdcc;
        }

        .ant-btn>.anticon {
            line-height: 1;
        }

        .ant-btn,
        .ant-btn:active,
        .ant-btn:focus {
            outline: 0;
        }

        .ant-btn:not([disabled]):hover {
            text-decoration: none;
        }

        .ant-btn:not([disabled]):active {
            outline: 0;
            box-shadow: none;
        }

        .ant-btn[disabled] {
            cursor: not-allowed;
        }

        .ant-btn[disabled]>* {
            pointer-events: none;
        }

        .ant-btn-lg {
            height: 44px;
            padding: 9.2px 13px;
            font-size: 15px;
            border-radius: 2px;
        }

        .ant-btn-sm {
            height: 24px;
            padding: 0px 7px;
            font-size: 14px;
            border-radius: 2px;
        }

        .ant-btn>a:only-child {
            color: currentColor;
        }

        .ant-btn>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn:hover,
        .ant-btn:focus {
            color: #758cff;
            background: #b4bdcc;
            border-color: #758cff;
        }

        .ant-btn:hover>a:only-child,
        .ant-btn:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn:hover>a:only-child::after,
        .ant-btn:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn:active {
            color: #3646d9;
            background: #b4bdcc;
            border-color: #3646d9;
        }

        .ant-btn:active>a:only-child {
            color: currentColor;
        }

        .ant-btn:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn[disabled],
        .ant-btn[disabled]:hover,
        .ant-btn[disabled]:focus,
        .ant-btn[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn[disabled]>a:only-child,
        .ant-btn[disabled]:hover>a:only-child,
        .ant-btn[disabled]:focus>a:only-child,
        .ant-btn[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn[disabled]>a:only-child::after,
        .ant-btn[disabled]:hover>a:only-child::after,
        .ant-btn[disabled]:focus>a:only-child::after,
        .ant-btn[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn:hover,
        .ant-btn:focus,
        .ant-btn:active {
            text-decoration: none;
            background: #b4bdcc;
        }

        .ant-btn>span {
            display: inline-block;
        }

        .ant-btn-primary {
            color: #fff;
            background: #4c65ff;
            border-color: #4c65ff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
            box-shadow: none;
        }

        .ant-btn-primary>a:only-child {
            color: currentColor;
        }

        .ant-btn-primary>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-primary:hover,
        .ant-btn-primary:focus {
            color: #fff;
            background: #758cff;
            border-color: #758cff;
        }

        .ant-btn-primary:hover>a:only-child,
        .ant-btn-primary:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-primary:hover>a:only-child::after,
        .ant-btn-primary:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-primary:active {
            color: #fff;
            background: #3646d9;
            border-color: #3646d9;
        }

        .ant-btn-primary:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-primary:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-primary[disabled],
        .ant-btn-primary[disabled]:hover,
        .ant-btn-primary[disabled]:focus,
        .ant-btn-primary[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-primary[disabled]>a:only-child,
        .ant-btn-primary[disabled]:hover>a:only-child,
        .ant-btn-primary[disabled]:focus>a:only-child,
        .ant-btn-primary[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-primary[disabled]>a:only-child::after,
        .ant-btn-primary[disabled]:hover>a:only-child::after,
        .ant-btn-primary[disabled]:focus>a:only-child::after,
        .ant-btn-primary[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
            border-right-color: #758cff;
            border-left-color: #758cff;
        }

        .ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
            border-color: #b4bdcc;
        }

        .ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
            border-right-color: #758cff;
        }

        .ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
            border-right-color: #b4bdcc;
        }

        .ant-btn-group .ant-btn-primary:last-child:not(:first-child),
        .ant-btn-group .ant-btn-primary+.ant-btn-primary {
            border-left-color: #758cff;
        }

        .ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
        .ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
            border-left-color: #b4bdcc;
        }

        .ant-btn-ghost {
            color: rgba(0, 0, 0, 0.85);
            background: transparent;
            border-color: #d9d9d9;
        }

        .ant-btn-ghost>a:only-child {
            color: currentColor;
        }

        .ant-btn-ghost>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-ghost:hover,
        .ant-btn-ghost:focus {
            color: #758cff;
            background: transparent;
            border-color: #758cff;
        }

        .ant-btn-ghost:hover>a:only-child,
        .ant-btn-ghost:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-ghost:hover>a:only-child::after,
        .ant-btn-ghost:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-ghost:active {
            color: #3646d9;
            background: transparent;
            border-color: #3646d9;
        }

        .ant-btn-ghost:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-ghost:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-ghost[disabled],
        .ant-btn-ghost[disabled]:hover,
        .ant-btn-ghost[disabled]:focus,
        .ant-btn-ghost[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-ghost[disabled]>a:only-child,
        .ant-btn-ghost[disabled]:hover>a:only-child,
        .ant-btn-ghost[disabled]:focus>a:only-child,
        .ant-btn-ghost[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-ghost[disabled]>a:only-child::after,
        .ant-btn-ghost[disabled]:hover>a:only-child::after,
        .ant-btn-ghost[disabled]:focus>a:only-child::after,
        .ant-btn-ghost[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dashed {
            color: white;
            background: #b4bdcc;
            border-color: #b4bdcc;
            border-style: dashed;
        }

        .ant-btn-dashed>a:only-child {
            color: currentColor;
        }

        .ant-btn-dashed>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dashed:hover,
        .ant-btn-dashed:focus {
            color: #758cff;
            background: #b4bdcc;
            border-color: #758cff;
        }

        .ant-btn-dashed:hover>a:only-child,
        .ant-btn-dashed:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dashed:hover>a:only-child::after,
        .ant-btn-dashed:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dashed:active {
            color: #3646d9;
            background: #b4bdcc;
            border-color: #3646d9;
        }

        .ant-btn-dashed:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dashed:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dashed[disabled],
        .ant-btn-dashed[disabled]:hover,
        .ant-btn-dashed[disabled]:focus,
        .ant-btn-dashed[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dashed[disabled]>a:only-child,
        .ant-btn-dashed[disabled]:hover>a:only-child,
        .ant-btn-dashed[disabled]:focus>a:only-child,
        .ant-btn-dashed[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dashed[disabled]>a:only-child::after,
        .ant-btn-dashed[disabled]:hover>a:only-child::after,
        .ant-btn-dashed[disabled]:focus>a:only-child::after,
        .ant-btn-dashed[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-danger {
            color: #fff;
            background: #f24822;
            border-color: #f24822;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
            box-shadow: none;
        }

        .ant-btn-danger>a:only-child {
            color: currentColor;
        }

        .ant-btn-danger>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-danger:hover,
        .ant-btn-danger:focus {
            color: #fff;
            background: #ff734d;
            border-color: #ff734d;
        }

        .ant-btn-danger:hover>a:only-child,
        .ant-btn-danger:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-danger:hover>a:only-child::after,
        .ant-btn-danger:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-danger:active {
            color: #fff;
            background: #cc2e12;
            border-color: #cc2e12;
        }

        .ant-btn-danger:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-danger:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-danger[disabled],
        .ant-btn-danger[disabled]:hover,
        .ant-btn-danger[disabled]:focus,
        .ant-btn-danger[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-danger[disabled]>a:only-child,
        .ant-btn-danger[disabled]:hover>a:only-child,
        .ant-btn-danger[disabled]:focus>a:only-child,
        .ant-btn-danger[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-danger[disabled]>a:only-child::after,
        .ant-btn-danger[disabled]:hover>a:only-child::after,
        .ant-btn-danger[disabled]:focus>a:only-child::after,
        .ant-btn-danger[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-link {
            color: #4c65ff;
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }

        .ant-btn-link>a:only-child {
            color: currentColor;
        }

        .ant-btn-link>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-link:hover,
        .ant-btn-link:focus {
            color: #758cff;
            background: transparent;
            border-color: #758cff;
        }

        .ant-btn-link:hover>a:only-child,
        .ant-btn-link:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-link:hover>a:only-child::after,
        .ant-btn-link:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-link:active {
            color: #3646d9;
            background: transparent;
            border-color: #3646d9;
        }

        .ant-btn-link:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-link:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-link[disabled],
        .ant-btn-link[disabled]:hover,
        .ant-btn-link[disabled]:focus,
        .ant-btn-link[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-link[disabled]>a:only-child,
        .ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-link[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-link[disabled]>a:only-child::after,
        .ant-btn-link[disabled]:hover>a:only-child::after,
        .ant-btn-link[disabled]:focus>a:only-child::after,
        .ant-btn-link[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-link:hover {
            background: transparent;
        }

        .ant-btn-link:hover,
        .ant-btn-link:focus,
        .ant-btn-link:active {
            border-color: transparent;
        }

        .ant-btn-link[disabled],
        .ant-btn-link[disabled]:hover,
        .ant-btn-link[disabled]:focus,
        .ant-btn-link[disabled]:active {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            border-color: transparent;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-link[disabled]>a:only-child,
        .ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-link[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-link[disabled]>a:only-child::after,
        .ant-btn-link[disabled]:hover>a:only-child::after,
        .ant-btn-link[disabled]:focus>a:only-child::after,
        .ant-btn-link[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-text {
            color: rgba(0, 0, 0, 0.85);
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }

        .ant-btn-text>a:only-child {
            color: currentColor;
        }

        .ant-btn-text>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-text:hover,
        .ant-btn-text:focus {
            color: #758cff;
            background: transparent;
            border-color: #758cff;
        }

        .ant-btn-text:hover>a:only-child,
        .ant-btn-text:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-text:hover>a:only-child::after,
        .ant-btn-text:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-text:active {
            color: #3646d9;
            background: transparent;
            border-color: #3646d9;
        }

        .ant-btn-text:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-text:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-text[disabled],
        .ant-btn-text[disabled]:hover,
        .ant-btn-text[disabled]:focus,
        .ant-btn-text[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-text[disabled]>a:only-child,
        .ant-btn-text[disabled]:hover>a:only-child,
        .ant-btn-text[disabled]:focus>a:only-child,
        .ant-btn-text[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-text[disabled]>a:only-child::after,
        .ant-btn-text[disabled]:hover>a:only-child::after,
        .ant-btn-text[disabled]:focus>a:only-child::after,
        .ant-btn-text[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-text:hover,
        .ant-btn-text:focus {
            color: rgba(0, 0, 0, 0.85);
            background: rgba(0, 0, 0, 0.018);
            border-color: transparent;
        }

        .ant-btn-text:active {
            color: rgba(0, 0, 0, 0.85);
            background: rgba(0, 0, 0, 0.028);
            border-color: transparent;
        }

        .ant-btn-text[disabled],
        .ant-btn-text[disabled]:hover,
        .ant-btn-text[disabled]:focus,
        .ant-btn-text[disabled]:active {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            border-color: transparent;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-text[disabled]>a:only-child,
        .ant-btn-text[disabled]:hover>a:only-child,
        .ant-btn-text[disabled]:focus>a:only-child,
        .ant-btn-text[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-text[disabled]>a:only-child::after,
        .ant-btn-text[disabled]:hover>a:only-child::after,
        .ant-btn-text[disabled]:focus>a:only-child::after,
        .ant-btn-text[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous {
            color: #f24822;
            background: #b4bdcc;
            border-color: #f24822;
        }

        .ant-btn-dangerous>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous:hover,
        .ant-btn-dangerous:focus {
            color: #ff734d;
            background: #b4bdcc;
            border-color: #ff734d;
        }

        .ant-btn-dangerous:hover>a:only-child,
        .ant-btn-dangerous:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous:hover>a:only-child::after,
        .ant-btn-dangerous:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous:active {
            color: #cc2e12;
            background: #b4bdcc;
            border-color: #cc2e12;
        }

        .ant-btn-dangerous:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous[disabled],
        .ant-btn-dangerous[disabled]:hover,
        .ant-btn-dangerous[disabled]:focus,
        .ant-btn-dangerous[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dangerous[disabled]>a:only-child,
        .ant-btn-dangerous[disabled]:hover>a:only-child,
        .ant-btn-dangerous[disabled]:focus>a:only-child,
        .ant-btn-dangerous[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous[disabled]>a:only-child::after,
        .ant-btn-dangerous[disabled]:hover>a:only-child::after,
        .ant-btn-dangerous[disabled]:focus>a:only-child::after,
        .ant-btn-dangerous[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-primary {
            color: #fff;
            background: #f24822;
            border-color: #f24822;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-primary>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-primary>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-primary:hover,
        .ant-btn-dangerous.ant-btn-primary:focus {
            color: #fff;
            background: #ff734d;
            border-color: #ff734d;
        }

        .ant-btn-dangerous.ant-btn-primary:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-primary:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-primary:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-primary:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-primary:active {
            color: #fff;
            background: #cc2e12;
            border-color: #cc2e12;
        }

        .ant-btn-dangerous.ant-btn-primary:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-primary:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-primary[disabled],
        .ant-btn-dangerous.ant-btn-primary[disabled]:hover,
        .ant-btn-dangerous.ant-btn-primary[disabled]:focus,
        .ant-btn-dangerous.ant-btn-primary[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child,
        .ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,
        .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child::after,
        .ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child::after,
        .ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link {
            color: #f24822;
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-link>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link:hover,
        .ant-btn-dangerous.ant-btn-link:focus {
            color: #758cff;
            background: transparent;
            border-color: #758cff;
        }

        .ant-btn-dangerous.ant-btn-link:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-link:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link:active {
            color: #3646d9;
            background: transparent;
            border-color: #3646d9;
        }

        .ant-btn-dangerous.ant-btn-link:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link[disabled],
        .ant-btn-dangerous.ant-btn-link[disabled]:hover,
        .ant-btn-dangerous.ant-btn-link[disabled]:focus,
        .ant-btn-dangerous.ant-btn-link[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,
        .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link:hover,
        .ant-btn-dangerous.ant-btn-link:focus {
            color: #ff734d;
            background: transparent;
            border-color: transparent;
        }

        .ant-btn-dangerous.ant-btn-link:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-link:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link:active {
            color: #cc2e12;
            background: transparent;
            border-color: transparent;
        }

        .ant-btn-dangerous.ant-btn-link:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-link[disabled],
        .ant-btn-dangerous.ant-btn-link[disabled]:hover,
        .ant-btn-dangerous.ant-btn-link[disabled]:focus,
        .ant-btn-dangerous.ant-btn-link[disabled]:active {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            border-color: transparent;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,
        .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,
        .ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text {
            color: #f24822;
            background: transparent;
            border-color: transparent;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-text>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text:hover,
        .ant-btn-dangerous.ant-btn-text:focus {
            color: #758cff;
            background: transparent;
            border-color: #758cff;
        }

        .ant-btn-dangerous.ant-btn-text:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-text:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text:active {
            color: #3646d9;
            background: transparent;
            border-color: #3646d9;
        }

        .ant-btn-dangerous.ant-btn-text:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text[disabled],
        .ant-btn-dangerous.ant-btn-text[disabled]:hover,
        .ant-btn-dangerous.ant-btn-text[disabled]:focus,
        .ant-btn-dangerous.ant-btn-text[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child,
        .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,
        .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text:hover,
        .ant-btn-dangerous.ant-btn-text:focus {
            color: #ff734d;
            background: rgba(0, 0, 0, 0.018);
            border-color: transparent;
        }

        .ant-btn-dangerous.ant-btn-text:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-text:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text:active {
            color: #cc2e12;
            background: rgba(0, 0, 0, 0.028);
            border-color: transparent;
        }

        .ant-btn-dangerous.ant-btn-text:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-dangerous.ant-btn-text[disabled],
        .ant-btn-dangerous.ant-btn-text[disabled]:hover,
        .ant-btn-dangerous.ant-btn-text[disabled]:focus,
        .ant-btn-dangerous.ant-btn-text[disabled]:active {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            border-color: transparent;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child,
        .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,
        .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,
        .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,
        .ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-icon-only {
            width: 32px;
            height: 32px;
            padding: 2.4px 0;
            font-size: 16px;
            border-radius: 2px;
            vertical-align: -1px;
        }

        .ant-btn-icon-only>* {
            font-size: 16px;
        }

        .ant-btn-icon-only.ant-btn-lg {
            width: 44px;
            height: 44px;
            padding: 7.6px 0;
            font-size: 17px;
            border-radius: 2px;
        }

        .ant-btn-icon-only.ant-btn-lg>* {
            font-size: 17px;
        }

        .ant-btn-icon-only.ant-btn-sm {
            width: 24px;
            height: 24px;
            padding: 0px 0;
            font-size: 14px;
            border-radius: 2px;
        }

        .ant-btn-icon-only.ant-btn-sm>* {
            font-size: 14px;
        }

        .ant-btn-round {
            height: 32px;
            padding: 4px 16px;
            font-size: 14px;
            border-radius: 32px;
        }

        .ant-btn-round.ant-btn-lg {
            height: 44px;
            padding: 9.2px 22px;
            font-size: 15px;
            border-radius: 44px;
        }

        .ant-btn-round.ant-btn-sm {
            height: 24px;
            padding: 0px 12px;
            font-size: 14px;
            border-radius: 24px;
        }

        .ant-btn-round.ant-btn-icon-only {
            width: auto;
        }

        .ant-btn-circle {
            min-width: 32px;
            padding-right: 0;
            padding-left: 0;
            text-align: center;
            border-radius: 50%;
        }

        .ant-btn-circle.ant-btn-lg {
            min-width: 44px;
            border-radius: 50%;
        }

        .ant-btn-circle.ant-btn-sm {
            min-width: 24px;
            border-radius: 50%;
        }

        .ant-btn::before {
            position: absolute;
            top: -1px;
            right: -1px;
            bottom: -1px;
            left: -1px;
            z-index: 1;
            display: none;
            background: #fff;
            border-radius: inherit;
            opacity: 0.35;
            transition: opacity 0.2s;
            content: '';
            pointer-events: none;
        }

        .ant-btn .anticon {
            transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-btn .anticon.anticon-plus>svg,
        .ant-btn .anticon.anticon-minus>svg {
            shape-rendering: optimizeSpeed;
        }

        .ant-btn.ant-btn-loading {
            position: relative;
        }

        .ant-btn.ant-btn-loading:not([disabled]) {
            pointer-events: none;
        }

        .ant-btn.ant-btn-loading::before {
            display: block;
        }

        .ant-btn>.ant-btn-loading-icon {
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-btn>.ant-btn-loading-icon .anticon {
            padding-right: 8px;
            animation: none;
        }

        .ant-btn>.ant-btn-loading-icon .anticon svg {
            animation: loadingCircle 1s infinite linear;
        }

        .ant-btn>.ant-btn-loading-icon:only-child .anticon {
            padding-right: 0;
        }

        .ant-btn-group {
            position: relative;
            display: inline-flex;
        }

        .ant-btn-group>.ant-btn,
        .ant-btn-group>span>.ant-btn {
            position: relative;
        }

        .ant-btn-group>.ant-btn:hover,
        .ant-btn-group>span>.ant-btn:hover,
        .ant-btn-group>.ant-btn:focus,
        .ant-btn-group>span>.ant-btn:focus,
        .ant-btn-group>.ant-btn:active,
        .ant-btn-group>span>.ant-btn:active {
            z-index: 2;
        }

        .ant-btn-group>.ant-btn[disabled],
        .ant-btn-group>span>.ant-btn[disabled] {
            z-index: 0;
        }

        .ant-btn-group .ant-btn-icon-only {
            font-size: 14px;
        }

        .ant-btn-group-lg>.ant-btn,
        .ant-btn-group-lg>span>.ant-btn {
            height: 44px;
            padding: 9.2px 13px;
            font-size: 15px;
            border-radius: 0;
        }

        .ant-btn-group-lg .ant-btn.ant-btn-icon-only {
            width: 44px;
            height: 44px;
            padding-right: 0;
            padding-left: 0;
        }

        .ant-btn-group-sm>.ant-btn,
        .ant-btn-group-sm>span>.ant-btn {
            height: 24px;
            padding: 0px 7px;
            font-size: 14px;
            border-radius: 0;
        }

        .ant-btn-group-sm>.ant-btn>.anticon,
        .ant-btn-group-sm>span>.ant-btn>.anticon {
            font-size: 14px;
        }

        .ant-btn-group-sm .ant-btn.ant-btn-icon-only {
            width: 24px;
            height: 24px;
            padding-right: 0;
            padding-left: 0;
        }

        .ant-btn-group .ant-btn+.ant-btn,
        .ant-btn+.ant-btn-group,
        .ant-btn-group span+.ant-btn,
        .ant-btn-group .ant-btn+span,
        .ant-btn-group>span+span,
        .ant-btn-group+.ant-btn,
        .ant-btn-group+.ant-btn-group {
            margin-left: -1px;
        }

        .ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
            border-left-color: transparent;
        }

        .ant-btn-group .ant-btn {
            border-radius: 0;
        }

        .ant-btn-group>.ant-btn:first-child,
        .ant-btn-group>span:first-child>.ant-btn {
            margin-left: 0;
        }

        .ant-btn-group>.ant-btn:only-child {
            border-radius: 2px;
        }

        .ant-btn-group>span:only-child>.ant-btn {
            border-radius: 2px;
        }

        .ant-btn-group>.ant-btn:first-child:not(:last-child),
        .ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        .ant-btn-group>.ant-btn:last-child:not(:first-child),
        .ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        .ant-btn-group-sm>.ant-btn:only-child {
            border-radius: 2px;
        }

        .ant-btn-group-sm>span:only-child>.ant-btn {
            border-radius: 2px;
        }

        .ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
        .ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        .ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
        .ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        .ant-btn-group>.ant-btn-group {
            float: left;
        }

        .ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
            border-radius: 0;
        }

        .ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
            padding-right: 8px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
            padding-left: 8px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,
        .ant-btn-rtl.ant-btn+.ant-btn-group,
        .ant-btn-rtl.ant-btn-group span+.ant-btn,
        .ant-btn-rtl.ant-btn-group .ant-btn+span,
        .ant-btn-rtl.ant-btn-group>span+span,
        .ant-btn-rtl.ant-btn-group+.ant-btn,
        .ant-btn-rtl.ant-btn-group+.ant-btn-group,
        .ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,
        .ant-btn-group-rtl.ant-btn+.ant-btn-group,
        .ant-btn-group-rtl.ant-btn-group span+.ant-btn,
        .ant-btn-group-rtl.ant-btn-group .ant-btn+span,
        .ant-btn-group-rtl.ant-btn-group>span+span,
        .ant-btn-group-rtl.ant-btn-group+.ant-btn,
        .ant-btn-group-rtl.ant-btn-group+.ant-btn-group {
            margin-right: -1px;
            margin-left: auto;
        }

        .ant-btn-group.ant-btn-group-rtl {
            direction: rtl;
        }

        .ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),
        .ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
            border-top-left-radius: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 0;
        }

        .ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),
        .ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
        }

        .ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
        .ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
            border-top-left-radius: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 0;
        }

        .ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
        .ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
        }

        .ant-btn:focus>span,
        .ant-btn:active>span {
            position: relative;
        }

        .ant-btn>.anticon+span,
        .ant-btn>span+.anticon {
            margin-left: 8px;
        }

        .ant-btn-background-ghost {
            color: #fff;
            background: transparent !important;
            border-color: #fff;
        }

        .ant-btn-background-ghost.ant-btn-primary {
            color: #4c65ff;
            background: transparent;
            border-color: #4c65ff;
            text-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-primary>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-primary>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-primary:hover,
        .ant-btn-background-ghost.ant-btn-primary:focus {
            color: #758cff;
            background: transparent;
            border-color: #758cff;
        }

        .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-primary:active {
            color: #3646d9;
            background: transparent;
            border-color: #3646d9;
        }

        .ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-primary[disabled],
        .ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-danger {
            color: #f24822;
            background: transparent;
            border-color: #f24822;
            text-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-danger>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-danger>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-danger:hover,
        .ant-btn-background-ghost.ant-btn-danger:focus {
            color: #ff734d;
            background: transparent;
            border-color: #ff734d;
        }

        .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-danger:active {
            color: #cc2e12;
            background: transparent;
            border-color: #cc2e12;
        }

        .ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-danger[disabled],
        .ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous {
            color: #f24822;
            background: transparent;
            border-color: #f24822;
            text-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous:hover,
        .ant-btn-background-ghost.ant-btn-dangerous:focus {
            color: #ff734d;
            background: transparent;
            border-color: #ff734d;
        }

        .ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous:active {
            color: #cc2e12;
            background: transparent;
            border-color: #cc2e12;
        }

        .ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous[disabled],
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
            color: #f24822;
            background: transparent;
            border-color: transparent;
            text-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus {
            color: #ff734d;
            background: transparent;
            border-color: transparent;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
            color: #cc2e12;
            background: transparent;
            border-color: transparent;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active {
            color: white;
            background: #e5e9ef;
            border-color: #e5e9ef;
            text-shadow: none;
            box-shadow: none;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child {
            color: currentColor;
        }

        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,
        .ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            content: '';
        }

        .ant-btn-two-chinese-chars::first-letter {
            letter-spacing: 0.34em;
        }

        .ant-btn-two-chinese-chars>*:not(.anticon) {
            margin-right: -0.34em;
            letter-spacing: 0.34em;
        }

        .ant-btn-block {
            width: 100%;
        }

        .ant-btn:empty {
            display: inline-block;
            width: 0;
            visibility: hidden;
            content: '\a0';
        }

        a.ant-btn {
            padding-top: 0.01px !important;
            line-height: 30px;
        }

        a.ant-btn-lg {
            line-height: 42px;
        }

        a.ant-btn-sm {
            line-height: 22px;
        }

        .ant-btn-rtl {
            direction: rtl;
        }

        .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
        .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary {
            border-right-color: #758cff;
            border-left-color: #b4bdcc;
        }

        .ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
        .ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled] {
            border-right-color: #b4bdcc;
            border-left-color: #758cff;
        }

        .ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
            padding-right: 0;
            padding-left: 8px;
        }

        .ant-btn>.ant-btn-loading-icon:only-child .anticon {
            padding-right: 0;
            padding-left: 0;
        }

        .ant-btn-rtl.ant-btn>.anticon+span,
        .ant-btn-rtl.ant-btn>span+.anticon {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-picker-calendar {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            background: #fff;
        }

        .ant-picker-calendar-header {
            display: flex;
            justify-content: flex-end;
            padding: 12px 0;
        }

        .ant-picker-calendar-header .ant-picker-calendar-year-select {
            min-width: 80px;
        }

        .ant-picker-calendar-header .ant-picker-calendar-month-select {
            min-width: 70px;
            margin-left: 8px;
        }

        .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
            margin-left: 8px;
        }

        .ant-picker-calendar .ant-picker-panel {
            background: #fff;
            border: 0;
            border-top: 1px solid #f0f0f0;
            border-radius: 0;
        }

        .ant-picker-calendar .ant-picker-panel .ant-picker-month-panel,
        .ant-picker-calendar .ant-picker-panel .ant-picker-date-panel {
            width: auto;
        }

        .ant-picker-calendar .ant-picker-panel .ant-picker-body {
            padding: 8px 0;
        }

        .ant-picker-calendar .ant-picker-panel .ant-picker-content {
            width: 100%;
        }

        .ant-picker-calendar-mini {
            border-radius: 2px;
        }

        .ant-picker-calendar-mini .ant-picker-calendar-header {
            padding-right: 8px;
            padding-left: 8px;
        }

        .ant-picker-calendar-mini .ant-picker-panel {
            border-radius: 0 0 2px 2px;
        }

        .ant-picker-calendar-mini .ant-picker-content {
            height: 256px;
        }

        .ant-picker-calendar-mini .ant-picker-content th {
            height: auto;
            padding: 0;
            line-height: 18px;
        }

        .ant-picker-calendar-full .ant-picker-panel {
            display: block;
            width: 100%;
            text-align: right;
            background: #fff;
            border: 0;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-body td {
            padding: 0;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
            height: auto;
            padding: 0 12px 5px 0;
            line-height: 18px;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before {
            display: none;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
            background: #f5f5f5;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before {
            display: none;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
            background: #f0f4ff;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,
        .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
            color: #4c65ff;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
            display: block;
            width: auto;
            height: auto;
            margin: 0 4px;
            padding: 4px 8px 0;
            border: 0;
            border-top: 2px solid #f0f0f0;
            border-radius: 0;
            transition: background 0.3s;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
            line-height: 24px;
            transition: color 0.3s;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
            position: static;
            width: auto;
            height: 86px;
            overflow-y: auto;
            color: rgba(0, 0, 0, 0.85);
            line-height: 1.5715;
            text-align: left;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today {
            border-color: #4c65ff;
        }

        .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
            color: rgba(0, 0, 0, 0.85);
        }

        @media only screen and (max-width: 480px) {
            .ant-picker-calendar-header {
                display: block;
            }

            .ant-picker-calendar-header .ant-picker-calendar-year-select {
                width: 50%;
            }

            .ant-picker-calendar-header .ant-picker-calendar-month-select {
                width: calc(50% - 8px);
            }

            .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
                width: 100%;
                margin-top: 8px;
                margin-left: 0;
            }

            .ant-picker-calendar-header .ant-picker-calendar-mode-switch>label {
                width: 50%;
                text-align: center;
            }
        }

        .ant-picker-calendar-rtl {
            direction: rtl;
        }

        .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel {
            text-align: left;
        }

        .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th {
            padding: 0 0 5px 12px;
        }

        .ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
            text-align: right;
        }

        .ant-card {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            background: #fff;
            border-radius: 2px;
        }

        .ant-card-rtl {
            direction: rtl;
        }

        .ant-card-hoverable {
            cursor: pointer;
            transition: box-shadow 0.3s, border-color 0.3s;
        }

        .ant-card-hoverable:hover {
            border-color: transparent;
            box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
        }

        .ant-card-bordered {
            border: 1px solid #f0f0f0;
        }

        .ant-card-head {
            min-height: 48px;
            margin-bottom: -1px;
            padding: 0 24px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;
            background: transparent;
            border-bottom: 1px solid #f0f0f0;
            border-radius: 2px 2px 0 0;
        }

        .ant-card-head::before {
            display: table;
            content: '';
        }

        .ant-card-head::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-head::before {
            display: table;
            content: '';
        }

        .ant-card-head::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-head-wrapper {
            display: flex;
            align-items: center;
        }

        .ant-card-head-title {
            display: inline-block;
            flex: 1;
            padding: 16px 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-card-head-title>.ant-typography,
        .ant-card-head-title>.ant-typography-edit-content {
            left: 0;
            margin-top: 0;
            margin-bottom: 0;
        }

        .ant-card-head .ant-tabs {
            clear: both;
            margin-bottom: -17px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
        }

        .ant-card-head .ant-tabs-bar {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-card-extra {
            float: right;
            margin-left: auto;
            padding: 16px 0;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
        }

        .ant-card-rtl .ant-card-extra {
            margin-right: auto;
            margin-left: 0;
        }

        .ant-card-body {
            padding: 24px;
        }

        .ant-card-body::before {
            display: table;
            content: '';
        }

        .ant-card-body::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-body::before {
            display: table;
            content: '';
        }

        .ant-card-body::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
            margin: -1px 0 0 -1px;
            padding: 0;
        }

        .ant-card-grid {
            float: left;
            width: 33.33%;
            padding: 24px;
            border: 0;
            border-radius: 0;
            box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
            transition: all 0.3s;
        }

        .ant-card-rtl .ant-card-grid {
            float: right;
        }

        .ant-card-grid-hoverable:hover {
            position: relative;
            z-index: 1;
            box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
        }

        .ant-card-contain-tabs>.ant-card-head .ant-card-head-title {
            min-height: 32px;
            padding-bottom: 0;
        }

        .ant-card-contain-tabs>.ant-card-head .ant-card-extra {
            padding-bottom: 0;
        }

        .ant-card-bordered .ant-card-cover {
            margin-top: -1px;
            margin-right: -1px;
            margin-left: -1px;
        }

        .ant-card-cover>* {
            display: block;
            width: 100%;
        }

        .ant-card-cover img {
            border-radius: 2px 2px 0 0;
        }

        .ant-card-actions {
            margin: 0;
            padding: 0;
            list-style: none;
            background: #fff;
            border-top: 1px solid #f0f0f0;
        }

        .ant-card-actions::before {
            display: table;
            content: '';
        }

        .ant-card-actions::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-actions::before {
            display: table;
            content: '';
        }

        .ant-card-actions::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-actions>li {
            float: left;
            margin: 12px 0;
            color: rgba(0, 0, 0, 0.45);
            text-align: center;
        }

        .ant-card-rtl .ant-card-actions>li {
            float: right;
        }

        .ant-card-actions>li>span {
            position: relative;
            display: block;
            min-width: 32px;
            font-size: 14px;
            line-height: 1.5715;
            cursor: pointer;
        }

        .ant-card-actions>li>span:hover {
            color: #4c65ff;
            transition: color 0.3s;
        }

        .ant-card-actions>li>span a:not(.ant-btn),
        .ant-card-actions>li>span>.anticon {
            display: inline-block;
            width: 100%;
            color: rgba(0, 0, 0, 0.45);
            line-height: 22px;
            transition: color 0.3s;
        }

        .ant-card-actions>li>span a:not(.ant-btn):hover,
        .ant-card-actions>li>span>.anticon:hover {
            color: #4c65ff;
        }

        .ant-card-actions>li>span>.anticon {
            font-size: 16px;
            line-height: 22px;
        }

        .ant-card-actions>li:not(:last-child) {
            border-right: 1px solid #f0f0f0;
        }

        .ant-card-rtl .ant-card-actions>li:not(:last-child) {
            border-right: none;
            border-left: 1px solid #f0f0f0;
        }

        .ant-card-type-inner .ant-card-head {
            padding: 0 24px;
            background: #fafafa;
        }

        .ant-card-type-inner .ant-card-head-title {
            padding: 12px 0;
            font-size: 14px;
        }

        .ant-card-type-inner .ant-card-body {
            padding: 16px 24px;
        }

        .ant-card-type-inner .ant-card-extra {
            padding: 13.5px 0;
        }

        .ant-card-meta {
            margin: -4px 0;
        }

        .ant-card-meta::before {
            display: table;
            content: '';
        }

        .ant-card-meta::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-meta::before {
            display: table;
            content: '';
        }

        .ant-card-meta::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-card-meta-avatar {
            float: left;
            padding-right: 16px;
        }

        .ant-card-rtl .ant-card-meta-avatar {
            float: right;
            padding-right: 0;
            padding-left: 16px;
        }

        .ant-card-meta-detail {
            overflow: hidden;
        }

        .ant-card-meta-detail>div:not(:last-child) {
            margin-bottom: 8px;
        }

        .ant-card-meta-title {
            overflow: hidden;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-card-meta-description {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-card-loading {
            overflow: hidden;
        }

        .ant-card-loading .ant-card-body {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-card-loading-content p {
            margin: 0;
        }

        .ant-card-loading-block {
            height: 14px;
            margin: 4px 0;
            background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
            background-size: 600% 600%;
            border-radius: 2px;
            animation: card-loading 1.4s ease infinite;
        }

        @keyframes card-loading {

            0%,
            100% {
                background-position: 0 50%;
            }

            50% {
                background-position: 100% 50%;
            }
        }

        .ant-card-small>.ant-card-head {
            min-height: 36px;
            padding: 0 12px;
            font-size: 14px;
        }

        .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title {
            padding: 8px 0;
        }

        .ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra {
            padding: 8px 0;
            font-size: 14px;
        }

        .ant-card-small>.ant-card-body {
            padding: 12px;
        }

        .ant-carousel {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
        }

        .ant-carousel .slick-slider {
            position: relative;
            display: block;
            box-sizing: border-box;
            touch-action: pan-y;
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
        }

        .ant-carousel .slick-list {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        .ant-carousel .slick-list:focus {
            outline: none;
        }

        .ant-carousel .slick-list.dragging {
            cursor: pointer;
        }

        .ant-carousel .slick-list .slick-slide {
            pointer-events: none;
        }

        .ant-carousel .slick-list .slick-slide input.ant-radio-input,
        .ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
            visibility: hidden;
        }

        .ant-carousel .slick-list .slick-slide.slick-active {
            pointer-events: auto;
        }

        .ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
        .ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
            visibility: visible;
        }

        .ant-carousel .slick-list .slick-slide>div>div {
            vertical-align: bottom;
        }

        .ant-carousel .slick-slider .slick-track,
        .ant-carousel .slick-slider .slick-list {
            transform: translate3d(0, 0, 0);
            touch-action: pan-y;
        }

        .ant-carousel .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
        }

        .ant-carousel .slick-track::before,
        .ant-carousel .slick-track::after {
            display: table;
            content: '';
        }

        .ant-carousel .slick-track::after {
            clear: both;
        }

        .slick-loading .ant-carousel .slick-track {
            visibility: hidden;
        }

        .ant-carousel .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px;
        }

        .ant-carousel .slick-slide img {
            display: block;
        }

        .ant-carousel .slick-slide.slick-loading img {
            display: none;
        }

        .ant-carousel .slick-slide.dragging img {
            pointer-events: none;
        }

        .ant-carousel .slick-initialized .slick-slide {
            display: block;
        }

        .ant-carousel .slick-loading .slick-slide {
            visibility: hidden;
        }

        .ant-carousel .slick-vertical .slick-slide {
            display: block;
            height: auto;
        }

        .ant-carousel .slick-arrow.slick-hidden {
            display: none;
        }

        .ant-carousel .slick-prev,
        .ant-carousel .slick-next {
            position: absolute;
            top: 50%;
            display: block;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            padding: 0;
            color: transparent;
            font-size: 0;
            line-height: 0;
            background: transparent;
            border: 0;
            outline: none;
            cursor: pointer;
        }

        .ant-carousel .slick-prev:hover,
        .ant-carousel .slick-next:hover,
        .ant-carousel .slick-prev:focus,
        .ant-carousel .slick-next:focus {
            color: transparent;
            background: transparent;
            outline: none;
        }

        .ant-carousel .slick-prev:hover::before,
        .ant-carousel .slick-next:hover::before,
        .ant-carousel .slick-prev:focus::before,
        .ant-carousel .slick-next:focus::before {
            opacity: 1;
        }

        .ant-carousel .slick-prev.slick-disabled::before,
        .ant-carousel .slick-next.slick-disabled::before {
            opacity: 0.25;
        }

        .ant-carousel .slick-prev {
            left: -25px;
        }

        .ant-carousel .slick-prev::before {
            content: '←';
        }

        .ant-carousel .slick-next {
            right: -25px;
        }

        .ant-carousel .slick-next::before {
            content: '→';
        }

        .ant-carousel .slick-dots {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 15;
            display: flex !important;
            justify-content: center;
            margin-right: 15%;
            margin-left: 15%;
            padding-left: 0;
            list-style: none;
        }

        .ant-carousel .slick-dots-bottom {
            bottom: 12px;
        }

        .ant-carousel .slick-dots-top {
            top: 12px;
            bottom: auto;
        }

        .ant-carousel .slick-dots li {
            position: relative;
            display: inline-block;
            flex: 0 1 auto;
            box-sizing: content-box;
            width: 16px;
            height: 3px;
            margin: 0 2px;
            margin-right: 3px;
            margin-left: 3px;
            padding: 0;
            text-align: center;
            text-indent: -999px;
            vertical-align: top;
            transition: all 0.5s;
        }

        .ant-carousel .slick-dots li button {
            display: block;
            width: 100%;
            height: 3px;
            padding: 0;
            color: transparent;
            font-size: 0;
            background: #fff;
            border: 0;
            border-radius: 1px;
            outline: none;
            cursor: pointer;
            opacity: 0.3;
            transition: all 0.5s;
        }

        .ant-carousel .slick-dots li button:hover,
        .ant-carousel .slick-dots li button:focus {
            opacity: 0.75;
        }

        .ant-carousel .slick-dots li.slick-active {
            width: 24px;
        }

        .ant-carousel .slick-dots li.slick-active button {
            background: #fff;
            opacity: 1;
        }

        .ant-carousel .slick-dots li.slick-active:hover,
        .ant-carousel .slick-dots li.slick-active:focus {
            opacity: 1;
        }

        .ant-carousel-vertical .slick-dots {
            top: 50%;
            bottom: auto;
            flex-direction: column;
            width: 3px;
            height: auto;
            margin: 0;
            transform: translateY(-50%);
        }

        .ant-carousel-vertical .slick-dots-left {
            right: auto;
            left: 12px;
        }

        .ant-carousel-vertical .slick-dots-right {
            right: 12px;
            left: auto;
        }

        .ant-carousel-vertical .slick-dots li {
            width: 3px;
            height: 16px;
            margin: 4px 2px;
            vertical-align: baseline;
        }

        .ant-carousel-vertical .slick-dots li button {
            width: 3px;
            height: 16px;
        }

        .ant-carousel-vertical .slick-dots li.slick-active {
            width: 3px;
            height: 24px;
        }

        .ant-carousel-vertical .slick-dots li.slick-active button {
            width: 3px;
            height: 24px;
        }

        .ant-carousel-rtl {
            direction: rtl;
        }

        .ant-carousel-rtl .ant-carousel .slick-track {
            right: 0;
            left: auto;
        }

        .ant-carousel-rtl .ant-carousel .slick-prev {
            right: -25px;
            left: auto;
        }

        .ant-carousel-rtl .ant-carousel .slick-prev::before {
            content: '→';
        }

        .ant-carousel-rtl .ant-carousel .slick-next {
            right: auto;
            left: -25px;
        }

        .ant-carousel-rtl .ant-carousel .slick-next::before {
            content: '←';
        }

        .ant-carousel-rtl.ant-carousel .slick-dots {
            flex-direction: row-reverse;
        }

        .ant-carousel-rtl.ant-carousel-vertical .slick-dots {
            flex-direction: column;
        }

        .ant-cascader {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
        }

        .ant-cascader-input.ant-input {
            position: static;
            width: 100%;
            padding-right: 24px;
            background-color: transparent !important;
            cursor: pointer;
        }

        .ant-cascader-picker-show-search .ant-cascader-input.ant-input {
            position: relative;
        }

        .ant-cascader-picker {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-block;
            background-color: #fff;
            border-radius: 2px;
            outline: 0;
            cursor: pointer;
            transition: color 0.3s;
        }

        .ant-cascader-picker-with-value .ant-cascader-picker-label {
            color: transparent;
        }

        .ant-cascader-picker-disabled {
            color: rgba(0, 0, 0, 0.25);
            background: #f5f5f5;
            cursor: not-allowed;
        }

        .ant-cascader-picker-disabled .ant-cascader-input {
            cursor: not-allowed;
        }

        .ant-cascader-picker:focus .ant-cascader-input {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-cascader-picker-borderless .ant-cascader-input {
            border-color: transparent !important;
            box-shadow: none !important;
        }

        .ant-cascader-picker-show-search.ant-cascader-picker-focused {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-cascader-picker-label {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 20px;
            margin-top: -10px;
            padding: 0 20px 0 12px;
            overflow: hidden;
            line-height: 20px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-cascader-picker-clear {
            position: absolute;
            top: 50%;
            right: 12px;
            z-index: 2;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 12px;
            line-height: 12px;
            background: #fff;
            cursor: pointer;
            opacity: 0;
            transition: color 0.3s ease, opacity 0.15s ease;
        }

        .ant-cascader-picker-clear:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-cascader-picker:hover .ant-cascader-picker-clear {
            opacity: 1;
        }

        .ant-cascader-picker-arrow {
            position: absolute;
            top: 50%;
            right: 12px;
            z-index: 1;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 12px;
            line-height: 12px;
        }

        .ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover + .ant-cascader-input) {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-cascader-picker-small .ant-cascader-picker-clear,
        .ant-cascader-picker-small .ant-cascader-picker-arrow {
            right: 8px;
        }

        .ant-cascader-menus {
            position: absolute;
            z-index: 1050;
            font-size: 14px;
            white-space: nowrap;
            background: #fff;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-cascader-menus ul,
        .ant-cascader-menus ol {
            margin: 0;
            list-style: none;
        }

        .ant-cascader-menus-empty,
        .ant-cascader-menus-hidden {
            display: none;
        }

        .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
        .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
            animation-name: antSlideUpIn;
        }

        .ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
        .ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
            animation-name: antSlideDownIn;
        }

        .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
            animation-name: antSlideUpOut;
        }

        .ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
            animation-name: antSlideDownOut;
        }

        .ant-cascader-menu {
            display: inline-block;
            min-width: 111px;
            height: 180px;
            margin: 0;
            padding: 4px 0;
            overflow: auto;
            vertical-align: top;
            list-style: none;
            border-right: 1px solid #f0f0f0;
            -ms-overflow-style: -ms-autohiding-scrollbar;
        }

        .ant-cascader-menu:first-child {
            border-radius: 2px 0 0 2px;
        }

        .ant-cascader-menu:last-child {
            margin-right: -1px;
            border-right-color: transparent;
            border-radius: 0 2px 2px 0;
        }

        .ant-cascader-menu:only-child {
            border-radius: 2px;
        }

        .ant-cascader-menu-item {
            padding: 5px 12px;
            overflow: hidden;
            line-height: 22px;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-cascader-menu-item:hover {
            background: #f5f5f5;
        }

        .ant-cascader-menu-item-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-cascader-menu-item-disabled:hover {
            background: transparent;
        }

        .ant-cascader-menu-empty .ant-cascader-menu-item {
            color: rgba(0, 0, 0, 0.25);
            cursor: default;
            pointer-events: none;
        }

        .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
        .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
            font-weight: 600;
            background-color: #f0f4ff;
        }

        .ant-cascader-menu-item-expand {
            position: relative;
            padding-right: 24px;
        }

        .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
        .ant-cascader-menu-item-loading-icon {
            position: absolute;
            right: 12px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 10px;
        }

        .ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
        .ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-cascader-menu-item .ant-cascader-menu-item-keyword {
            color: #ff4d4f;
        }

        .ant-cascader-picker-rtl .ant-cascader-input.ant-input {
            padding-right: 11px;
            padding-left: 24px;
            text-align: right;
        }

        .ant-cascader-picker-rtl {
            direction: rtl;
        }

        .ant-cascader-picker-rtl .ant-cascader-picker-label {
            padding: 0 12px 0 20px;
            text-align: right;
        }

        .ant-cascader-picker-rtl .ant-cascader-picker-clear {
            right: auto;
            left: 12px;
        }

        .ant-cascader-picker-rtl .ant-cascader-picker-arrow {
            right: auto;
            left: 12px;
        }

        .ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear,
        .ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow {
            right: auto;
            left: 8px;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu {
            direction: rtl;
            border-right: none;
            border-left: 1px solid #f0f0f0;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu:first-child {
            border-radius: 0 2px 2px 0;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu:last-child {
            margin-right: 0;
            margin-left: -1px;
            border-left-color: transparent;
            border-radius: 2px 0 0 2px;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu:only-child {
            border-radius: 2px;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu-item-expand {
            padding-right: 12px;
            padding-left: 24px;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
        .ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
            right: auto;
            left: 12px;
        }

        .ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon {
            transform: scaleY(-1);
        }

        @keyframes antCheckboxEffect {
            0% {
                transform: scale(1);
                opacity: 0.5;
            }

            100% {
                transform: scale(1.6);
                opacity: 0;
            }
        }

        .ant-checkbox {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            top: 0.2em;
            line-height: 1;
            white-space: nowrap;
            outline: none;
            cursor: pointer;
        }

        .ant-checkbox-wrapper:hover .ant-checkbox-inner,
        .ant-checkbox:hover .ant-checkbox-inner,
        .ant-checkbox-input:focus+.ant-checkbox-inner {
            border-color: #4c65ff;
        }

        .ant-checkbox-checked::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid #4c65ff;
            border-radius: 2px;
            visibility: hidden;
            animation: antCheckboxEffect 0.36s ease-in-out;
            animation-fill-mode: backwards;
            content: '';
        }

        .ant-checkbox:hover::after,
        .ant-checkbox-wrapper:hover .ant-checkbox::after {
            visibility: visible;
        }

        .ant-checkbox-inner {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            width: 16px;
            height: 16px;
            direction: ltr;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            border-collapse: separate;
            transition: all 0.3s;
        }

        .ant-checkbox-inner::after {
            position: absolute;
            top: 50%;
            left: 22%;
            display: table;
            width: 5.71428571px;
            height: 9.14285714px;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(0) translate(-50%, -50%);
            opacity: 0;
            transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
            content: ' ';
        }

        .ant-checkbox-input {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0;
        }

        .ant-checkbox-checked .ant-checkbox-inner::after {
            position: absolute;
            display: table;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(1) translate(-50%, -50%);
            opacity: 1;
            transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
            content: ' ';
        }

        .ant-checkbox-checked .ant-checkbox-inner {
            background-color: #4c65ff;
            border-color: #4c65ff;
        }

        .ant-checkbox-disabled {
            cursor: not-allowed;
        }

        .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
            border-color: rgba(0, 0, 0, 0.25);
            animation-name: none;
        }

        .ant-checkbox-disabled .ant-checkbox-input {
            cursor: not-allowed;
        }

        .ant-checkbox-disabled .ant-checkbox-inner {
            background-color: #f5f5f5;
            border-color: #d9d9d9 !important;
        }

        .ant-checkbox-disabled .ant-checkbox-inner::after {
            border-color: #f5f5f5;
            border-collapse: separate;
            animation-name: none;
        }

        .ant-checkbox-disabled+span {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-checkbox-disabled:hover::after,
        .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
            visibility: hidden;
        }

        .ant-checkbox-wrapper {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-flex;
            align-items: baseline;
            line-height: unset;
            cursor: pointer;
        }

        .ant-checkbox-wrapper::after {
            display: inline-block;
            width: 0;
            overflow: hidden;
            content: '\a0';
        }

        .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
            cursor: not-allowed;
        }

        .ant-checkbox-wrapper+.ant-checkbox-wrapper {
            margin-left: 8px;
        }

        .ant-checkbox+span {
            padding-right: 8px;
            padding-left: 8px;
        }

        .ant-checkbox-group {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-block;
        }

        .ant-checkbox-group-item {
            margin-right: 8px;
        }

        .ant-checkbox-group-item:last-child {
            margin-right: 0;
        }

        .ant-checkbox-group-item+.ant-checkbox-group-item {
            margin-left: 0;
        }

        .ant-checkbox-indeterminate .ant-checkbox-inner {
            background-color: #fff;
            border-color: #d9d9d9;
        }

        .ant-checkbox-indeterminate .ant-checkbox-inner::after {
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            background-color: #4c65ff;
            border: 0;
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
            content: ' ';
        }

        .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
            background-color: rgba(0, 0, 0, 0.25);
            border-color: rgba(0, 0, 0, 0.25);
        }

        .ant-checkbox-rtl {
            direction: rtl;
        }

        .ant-checkbox-group-rtl .ant-checkbox-group-item {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
            margin-left: 0 !important;
        }

        .ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item {
            margin-left: 8px;
        }

        .ant-collapse {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            background-color: #fafafa;
            border: 1px solid #d9d9d9;
            border-bottom: 0;
            border-radius: 2px;
        }

        .ant-collapse>.ant-collapse-item {
            border-bottom: 1px solid #d9d9d9;
        }

        .ant-collapse>.ant-collapse-item:last-child,
        .ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header {
            border-radius: 0 0 2px 2px;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header {
            position: relative;
            padding: 12px 16px;
            padding-left: 40px;
            color: rgba(0, 0, 0, 0.85);
            line-height: 1.5715;
            cursor: pointer;
            transition: all 0.3s, visibility 0s;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header::before {
            display: table;
            content: '';
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header::before {
            display: table;
            content: '';
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
            color: inherit;
            font-style: normal;
            line-height: 0;
            text-align: center;
            text-transform: none;
            vertical-align: -0.125em;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 5.0005px;
            left: 16px;
            display: inline-block;
            padding: 12px 16px;
            padding-right: 0;
            padding-bottom: 0;
            padding-left: 0;
            font-size: 12px;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow>* {
            line-height: 1;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
            display: inline-block;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow::before {
            display: none;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow-icon {
            display: block;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
            transition: transform 0.24s;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra {
            float: right;
        }

        .ant-collapse>.ant-collapse-item>.ant-collapse-header:focus {
            outline: none;
        }

        .ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only {
            cursor: default;
        }

        .ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
            cursor: pointer;
        }

        .ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
            padding-left: 12px;
        }

        .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header {
            padding: 12px 16px;
            padding-right: 40px;
        }

        .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow {
            right: 16px;
            left: auto;
        }

        .ant-collapse-content {
            color: rgba(0, 0, 0, 0.85);
            background-color: #fff;
            border-top: 1px solid #d9d9d9;
        }

        .ant-collapse-content>.ant-collapse-content-box {
            padding: 16px;
        }

        .ant-collapse-content-hidden {
            display: none;
        }

        .ant-collapse-item:last-child>.ant-collapse-content {
            border-radius: 0 0 2px 2px;
        }

        .ant-collapse-borderless {
            background-color: #fafafa;
            border: 0;
        }

        .ant-collapse-borderless>.ant-collapse-item {
            border-bottom: 1px solid #d9d9d9;
        }

        .ant-collapse-borderless>.ant-collapse-item:last-child,
        .ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header {
            border-radius: 0;
        }

        .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content {
            background-color: transparent;
            border-top: 0;
        }

        .ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
            padding-top: 4px;
        }

        .ant-collapse-ghost {
            background-color: transparent;
            border: 0;
        }

        .ant-collapse-ghost>.ant-collapse-item {
            border-bottom: 0;
        }

        .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content {
            background-color: transparent;
            border-top: 0;
        }

        .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,
        .ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-collapse-rtl {
            direction: rtl;
        }

        .ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header {
            padding: 12px 16px;
            padding-right: 40px;
        }

        .ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg {
            transform: rotate(180deg);
        }

        .ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra {
            float: left;
        }

        .ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header {
            padding-right: 12px;
            padding-left: 0;
        }

        .ant-comment {
            position: relative;
            background-color: inherit;
        }

        .ant-comment-inner {
            display: flex;
            padding: 16px 0;
        }

        .ant-comment-avatar {
            position: relative;
            flex-shrink: 0;
            margin-right: 12px;
            cursor: pointer;
        }

        .ant-comment-avatar img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
        }

        .ant-comment-content {
            position: relative;
            flex: 1 1 auto;
            min-width: 1px;
            font-size: 14px;
            word-wrap: break-word;
        }

        .ant-comment-content-author {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin-bottom: 4px;
            font-size: 14px;
        }

        .ant-comment-content-author>a,
        .ant-comment-content-author>span {
            padding-right: 8px;
            font-size: 12px;
            line-height: 18px;
        }

        .ant-comment-content-author-name {
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            transition: color 0.3s;
        }

        .ant-comment-content-author-name>* {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-comment-content-author-name>*:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-comment-content-author-time {
            color: #ccc;
            white-space: nowrap;
            cursor: auto;
        }

        .ant-comment-content-detail p {
            margin-bottom: inherit;
            white-space: pre-wrap;
        }

        .ant-comment-actions {
            margin-top: 12px;
            margin-bottom: inherit;
            padding-left: 0;
        }

        .ant-comment-actions>li {
            display: inline-block;
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-comment-actions>li>span {
            margin-right: 10px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 12px;
            cursor: pointer;
            transition: color 0.3s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-comment-actions>li>span:hover {
            color: #595959;
        }

        .ant-comment-nested {
            margin-left: 44px;
        }

        .ant-comment-rtl {
            direction: rtl;
        }

        .ant-comment-rtl .ant-comment-avatar {
            margin-right: 0;
            margin-left: 12px;
        }

        .ant-comment-rtl .ant-comment-content-author>a,
        .ant-comment-rtl .ant-comment-content-author>span {
            padding-right: 0;
            padding-left: 8px;
        }

        .ant-comment-rtl .ant-comment-actions {
            padding-right: 0;
        }

        .ant-comment-rtl .ant-comment-actions>li>span {
            margin-right: 0;
            margin-left: 10px;
        }

        .ant-comment-rtl .ant-comment-nested {
            margin-right: 44px;
            margin-left: 0;
        }

        .ant-picker {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            padding: 4px 11px 4px;
            position: relative;
            display: inline-flex;
            align-items: center;
            background: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            transition: border 0.3s, box-shadow 0.3s;
        }

        .ant-picker:hover,
        .ant-picker-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-picker:hover,
        .ant-input-rtl .ant-picker-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-picker-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-picker-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-picker.ant-picker-disabled {
            background: #f5f5f5;
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-picker.ant-picker-disabled .ant-picker-suffix {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-picker.ant-picker-borderless {
            background-color: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        .ant-picker-input {
            position: relative;
            display: inline-flex;
            align-items: center;
            width: 100%;
        }

        .ant-picker-input>input {
            position: relative;
            display: inline-block;
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
            background-color: #fff;
            background-image: none;
            border: 1px solid white;
            border-radius: 2px;
            transition: all 0.3s;
            flex: auto;
            min-width: 1px;
            height: auto;
            padding: 0;
            background: transparent;
            border: 0;
        }

        .ant-picker-input>input::-moz-placeholder {
            opacity: 1;
        }

        .ant-picker-input>input:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-picker-input>input::placeholder {
            color: #bfbfbf;
        }

        .ant-picker-input>input:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-picker-input>input:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-picker-input>input:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-picker-input>input:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-picker-input>input:hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-picker-input>input:focus,
        .ant-picker-input>input-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-picker-input>input:focus,
        .ant-input-rtl .ant-picker-input>input-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-picker-input>input-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-picker-input>input-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-picker-input>input[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-picker-input>input[disabled]:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-picker-input>input-borderless,
        .ant-picker-input>input-borderless:hover,
        .ant-picker-input>input-borderless:focus,
        .ant-picker-input>input-borderless-focused,
        .ant-picker-input>input-borderless-disabled,
        .ant-picker-input>input-borderless[disabled] {
            background-color: transparent;
            border: none;
            box-shadow: none;
        }

        textarea.ant-picker-input>input {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all 0.3s, height 0s;
        }

        .ant-picker-input>input-lg {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-picker-input>input-sm {
            padding: 0px 7px;
        }

        .ant-picker-input>input-rtl {
            direction: rtl;
        }

        .ant-picker-input>input:focus {
            box-shadow: none;
        }

        .ant-picker-input>input[disabled] {
            background: transparent;
        }

        .ant-picker-input:hover .ant-picker-clear {
            opacity: 1;
        }

        .ant-picker-input-placeholder>input {
            color: #bfbfbf;
        }

        .ant-picker-large {
            padding: 8px 16px 8px;
        }

        .ant-picker-large .ant-picker-input>input {
            font-size: 14px;
        }

        .ant-picker-small {
            padding: 0px 7px 0px;
        }

        .ant-picker-suffix {
            align-self: center;
            margin-left: 4px;
            color: rgba(0, 0, 0, 0.25);
            line-height: 1;
            pointer-events: none;
        }

        .ant-picker-suffix>* {
            vertical-align: top;
        }

        .ant-picker-clear {
            position: absolute;
            top: 50%;
            right: 0;
            color: rgba(0, 0, 0, 0.25);
            line-height: 1;
            background: #fff;
            transform: translateY(-50%);
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.3s, color 0.3s;
        }

        .ant-picker-clear>* {
            vertical-align: top;
        }

        .ant-picker-clear:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-picker-separator {
            position: relative;
            display: inline-block;
            width: 1em;
            height: 14px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 14px;
            vertical-align: top;
            cursor: default;
        }

        .ant-picker-focused .ant-picker-separator {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-picker-disabled .ant-picker-range-separator .ant-picker-separator {
            cursor: not-allowed;
        }

        .ant-picker-range {
            position: relative;
            display: inline-flex;
        }

        .ant-picker-range .ant-picker-clear {
            right: 11px;
        }

        .ant-picker-range:hover .ant-picker-clear {
            opacity: 1;
        }

        .ant-picker-range .ant-picker-active-bar {
            bottom: -1px;
            height: 2px;
            margin-left: 11px;
            background: #4c65ff;
            opacity: 0;
            transition: all 0.3s ease-out;
            pointer-events: none;
        }

        .ant-picker-range.ant-picker-focused .ant-picker-active-bar {
            opacity: 1;
        }

        .ant-picker-range-separator {
            align-items: center;
            padding: 0 8px;
            line-height: 1;
        }

        .ant-picker-range.ant-picker-small .ant-picker-clear {
            right: 7px;
        }

        .ant-picker-range.ant-picker-small .ant-picker-active-bar {
            margin-left: 7px;
        }

        .ant-picker-dropdown {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            z-index: 1050;
        }

        .ant-picker-dropdown-hidden {
            display: none;
        }

        .ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow {
            top: 1.66666667px;
            display: block;
            transform: rotate(-45deg);
        }

        .ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow {
            bottom: 1.66666667px;
            display: block;
            transform: rotate(135deg);
        }

        .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topLeft,
        .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topRight,
        .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topLeft,
        .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topRight {
            animation-name: antSlideDownIn;
        }

        .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,
        .ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,
        .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,
        .ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomRight {
            animation-name: antSlideUpIn;
        }

        .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topLeft,
        .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topRight {
            animation-name: antSlideDownOut;
        }

        .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,
        .ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomRight {
            animation-name: antSlideUpOut;
        }

        .ant-picker-dropdown-range {
            padding: 6.66666667px 0;
        }

        .ant-picker-dropdown-range-hidden {
            display: none;
        }

        .ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel {
            padding-top: 4px;
        }

        .ant-picker-ranges {
            margin-bottom: 0;
            padding: 4px 12px;
            overflow: hidden;
            line-height: 34px;
            text-align: left;
            list-style: none;
        }

        .ant-picker-ranges>li {
            display: inline-block;
        }

        .ant-picker-ranges .ant-picker-preset>.ant-tag-blue {
            color: #4c65ff;
            background: #f0f4ff;
            border-color: #c7d4ff;
            cursor: pointer;
        }

        .ant-picker-ranges .ant-picker-ok {
            float: right;
            margin-left: 8px;
        }

        .ant-picker-range-wrapper {
            display: flex;
        }

        .ant-picker-range-arrow {
            position: absolute;
            z-index: 1;
            display: none;
            width: 10px;
            height: 10px;
            margin-left: 16.5px;
            box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
            transition: left 0.3s ease-out;
        }

        .ant-picker-range-arrow::after {
            position: absolute;
            top: 1px;
            right: 1px;
            width: 10px;
            height: 10px;
            border: 5px solid #f0f0f0;
            border-color: #fff #fff transparent transparent;
            content: '';
        }

        .ant-picker-panel-container {
            overflow: hidden;
            vertical-align: top;
            background: #fff;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            transition: margin 0.3s;
        }

        .ant-picker-panel-container .ant-picker-panels {
            display: inline-flex;
            flex-wrap: nowrap;
            direction: ltr;
        }

        .ant-picker-panel-container .ant-picker-panel {
            vertical-align: top;
            background: transparent;
            border-width: 0 0 1px 0;
            border-radius: 0;
        }

        .ant-picker-panel-container .ant-picker-panel-focused {
            border-color: #f0f0f0;
        }

        .ant-picker-panel {
            display: inline-flex;
            flex-direction: column;
            text-align: center;
            background: #fff;
            border: 1px solid #f0f0f0;
            border-radius: 2px;
            outline: none;
        }

        .ant-picker-panel-focused {
            border-color: #4c65ff;
        }

        .ant-picker-decade-panel,
        .ant-picker-year-panel,
        .ant-picker-quarter-panel,
        .ant-picker-month-panel,
        .ant-picker-week-panel,
        .ant-picker-date-panel,
        .ant-picker-time-panel {
            display: flex;
            flex-direction: column;
            width: 280px;
        }

        .ant-picker-header {
            display: flex;
            padding: 0 8px;
            color: rgba(0, 0, 0, 0.85);
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-picker-header>* {
            flex: none;
        }

        .ant-picker-header button {
            padding: 0;
            color: rgba(0, 0, 0, 0.25);
            line-height: 40px;
            background: transparent;
            border: 0;
            cursor: pointer;
            transition: color 0.3s;
        }

        .ant-picker-header>button {
            min-width: 1.6em;
            font-size: 14px;
        }

        .ant-picker-header>button:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-picker-header-view {
            flex: auto;
            font-weight: 500;
            line-height: 40px;
        }

        .ant-picker-header-view button {
            color: inherit;
            font-weight: inherit;
        }

        .ant-picker-header-view button:not(:first-child) {
            margin-left: 8px;
        }

        .ant-picker-header-view button:hover {
            color: #4c65ff;
        }

        .ant-picker-prev-icon,
        .ant-picker-next-icon,
        .ant-picker-super-prev-icon,
        .ant-picker-super-next-icon {
            position: relative;
            display: inline-block;
            width: 7px;
            height: 7px;
        }

        .ant-picker-prev-icon::before,
        .ant-picker-next-icon::before,
        .ant-picker-super-prev-icon::before,
        .ant-picker-super-next-icon::before {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 7px;
            height: 7px;
            border: 0 solid currentColor;
            border-width: 1.5px 0 0 1.5px;
            content: '';
        }

        .ant-picker-super-prev-icon::after,
        .ant-picker-super-next-icon::after {
            position: absolute;
            top: 4px;
            left: 4px;
            display: inline-block;
            width: 7px;
            height: 7px;
            border: 0 solid currentColor;
            border-width: 1.5px 0 0 1.5px;
            content: '';
        }

        .ant-picker-prev-icon,
        .ant-picker-super-prev-icon {
            transform: rotate(-45deg);
        }

        .ant-picker-next-icon,
        .ant-picker-super-next-icon {
            transform: rotate(135deg);
        }

        .ant-picker-content {
            width: 100%;
            table-layout: fixed;
            border-collapse: collapse;
        }

        .ant-picker-content th,
        .ant-picker-content td {
            position: relative;
            min-width: 24px;
            font-weight: 400;
        }

        .ant-picker-content th {
            height: 30px;
            color: rgba(0, 0, 0, 0.85);
            line-height: 30px;
        }

        .ant-picker-cell {
            padding: 3px 0;
            color: rgba(0, 0, 0, 0.25);
            cursor: pointer;
        }

        .ant-picker-cell-in-view {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-picker-cell-disabled {
            cursor: not-allowed;
        }

        .ant-picker-cell::before {
            position: absolute;
            top: 50%;
            right: 0;
            left: 0;
            z-index: 1;
            height: 24px;
            transform: translateY(-50%);
            content: '';
        }

        .ant-picker-cell .ant-picker-cell-inner {
            position: relative;
            z-index: 2;
            display: inline-block;
            min-width: 24px;
            height: 24px;
            line-height: 24px;
            border-radius: 2px;
            transition: background 0.3s, border 0.3s;
        }

        .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
        .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
            background: #f5f5f5;
        }

        .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            border: 1px solid #4c65ff;
            border-radius: 2px;
            content: '';
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range {
            position: relative;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
            background: #f0f4ff;
        }

        .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
        .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
        .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
            color: #fff;
            background: #4c65ff;
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
            background: #f0f4ff;
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
            left: 50%;
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
            right: 50%;
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
            position: absolute;
            top: 50%;
            z-index: 0;
            height: 24px;
            border-top: 1px dashed #b2bdff;
            border-bottom: 1px dashed #b2bdff;
            transform: translateY(-50%);
            content: '';
        }

        .ant-picker-cell-range-hover-start::after,
        .ant-picker-cell-range-hover-end::after,
        .ant-picker-cell-range-hover::after {
            right: 0;
            left: 2px;
        }

        .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
        .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
        .ant-picker-panel> :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
            background: #ffffff;
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
            border-radius: 2px 0 0 2px;
        }

        .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
            border-radius: 0 2px 2px 0;
        }

        .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
        .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: -1;
            background: #ffffff;
            content: '';
        }

        .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
            right: -6px;
            left: 0;
        }

        .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
            right: 0;
            left: -6px;
        }

        .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
            right: 50%;
        }

        .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
            left: 50%;
        }

        tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after,
        tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
        .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
            left: 6px;
            border-left: 1px dashed #b2bdff;
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after,
        tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
        .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
        .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
            right: 6px;
            border-right: 1px dashed #b2bdff;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        .ant-picker-cell-disabled {
            pointer-events: none;
        }

        .ant-picker-cell-disabled .ant-picker-cell-inner {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
        }

        .ant-picker-cell-disabled::before {
            background: #f5f5f5;
        }

        .ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before {
            border-color: rgba(0, 0, 0, 0.25);
        }

        .ant-picker-decade-panel .ant-picker-content,
        .ant-picker-year-panel .ant-picker-content,
        .ant-picker-quarter-panel .ant-picker-content,
        .ant-picker-month-panel .ant-picker-content {
            height: 264px;
        }

        .ant-picker-decade-panel .ant-picker-cell-inner,
        .ant-picker-year-panel .ant-picker-cell-inner,
        .ant-picker-quarter-panel .ant-picker-cell-inner,
        .ant-picker-month-panel .ant-picker-cell-inner {
            padding: 0 8px;
        }

        .ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
        .ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
        .ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,
        .ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner {
            background: #f5f5f5;
        }

        .ant-picker-quarter-panel .ant-picker-content {
            height: 56px;
        }

        .ant-picker-footer {
            width: -moz-min-content;
            width: min-content;
            min-width: 100%;
            line-height: 38px;
            text-align: center;
            border-bottom: 1px solid transparent;
        }

        .ant-picker-panel .ant-picker-footer {
            border-top: 1px solid #f0f0f0;
        }

        .ant-picker-footer-extra {
            padding: 0 12px;
            line-height: 38px;
            text-align: left;
        }

        .ant-picker-footer-extra:not(:last-child) {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-picker-now {
            text-align: left;
        }

        .ant-picker-today-btn {
            color: #4c65ff;
        }

        .ant-picker-today-btn:hover {
            color: #758cff;
        }

        .ant-picker-today-btn:active {
            color: #3646d9;
        }

        .ant-picker-today-btn.ant-picker-today-btn-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-picker-decade-panel .ant-picker-cell-inner {
            padding: 0 4px;
        }

        .ant-picker-decade-panel .ant-picker-cell::before {
            display: none;
        }

        .ant-picker-year-panel .ant-picker-body,
        .ant-picker-quarter-panel .ant-picker-body,
        .ant-picker-month-panel .ant-picker-body {
            padding: 0 8px;
        }

        .ant-picker-year-panel .ant-picker-cell-inner,
        .ant-picker-quarter-panel .ant-picker-cell-inner,
        .ant-picker-month-panel .ant-picker-cell-inner {
            width: 60px;
        }

        .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
        .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
        .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
            left: 14px;
            border-left: 1px dashed #b2bdff;
            border-radius: 2px 0 0 2px;
        }

        .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,
        .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,
        .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after {
            right: 14px;
            border-right: 1px dashed #b2bdff;
            border-radius: 0 2px 2px 0;
        }

        .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
        .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
        .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
            right: 14px;
            border-right: 1px dashed #b2bdff;
            border-radius: 0 2px 2px 0;
        }

        .ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after,
        .ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,
        .ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after {
            left: 14px;
            border-left: 1px dashed #b2bdff;
            border-radius: 2px 0 0 2px;
        }

        .ant-picker-week-panel .ant-picker-body {
            padding: 8px 12px;
        }

        .ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner,
        .ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,
        .ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner {
            background: transparent !important;
        }

        .ant-picker-week-panel-row td {
            transition: background 0.3s;
        }

        .ant-picker-week-panel-row:hover td {
            background: #f5f5f5;
        }

        .ant-picker-week-panel-row-selected td,
        .ant-picker-week-panel-row-selected:hover td {
            background: #4c65ff;
        }

        .ant-picker-week-panel-row-selected td.ant-picker-cell-week,
        .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week {
            color: rgba(255, 255, 255, 0.5);
        }

        .ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,
        .ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before {
            border-color: #fff;
        }

        .ant-picker-week-panel-row-selected td .ant-picker-cell-inner,
        .ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner {
            color: #fff;
        }

        .ant-picker-date-panel .ant-picker-body {
            padding: 8px 12px;
        }

        .ant-picker-date-panel .ant-picker-content {
            width: 252px;
        }

        .ant-picker-date-panel .ant-picker-content th {
            width: 36px;
        }

        .ant-picker-datetime-panel {
            display: flex;
        }

        .ant-picker-datetime-panel .ant-picker-time-panel {
            border-left: 1px solid #f0f0f0;
        }

        .ant-picker-datetime-panel .ant-picker-date-panel,
        .ant-picker-datetime-panel .ant-picker-time-panel {
            transition: opacity 0.3s;
        }

        .ant-picker-datetime-panel-active .ant-picker-date-panel,
        .ant-picker-datetime-panel-active .ant-picker-time-panel {
            opacity: 0.3;
        }

        .ant-picker-datetime-panel-active .ant-picker-date-panel-active,
        .ant-picker-datetime-panel-active .ant-picker-time-panel-active {
            opacity: 1;
        }

        .ant-picker-time-panel {
            width: auto;
            min-width: auto;
        }

        .ant-picker-time-panel .ant-picker-content {
            display: flex;
            flex: auto;
            height: 224px;
        }

        .ant-picker-time-panel-column {
            flex: 1 0 auto;
            width: 56px;
            margin: 0;
            padding: 0;
            overflow-y: hidden;
            text-align: left;
            list-style: none;
            transition: background 0.3s;
        }

        .ant-picker-time-panel-column::after {
            display: block;
            height: 196px;
            content: '';
        }

        .ant-picker-datetime-panel .ant-picker-time-panel-column::after {
            height: 198px;
        }

        .ant-picker-time-panel-column:not(:first-child) {
            border-left: 1px solid #f0f0f0;
        }

        .ant-picker-time-panel-column-active {
            background: rgba(240, 244, 255, 0.2);
        }

        .ant-picker-time-panel-column:hover {
            overflow-y: auto;
        }

        .ant-picker-time-panel-column>li {
            margin: 0;
            padding: 0;
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
            display: block;
            width: 100%;
            height: 28px;
            margin: 0;
            padding: 0 0 0 14px;
            color: rgba(0, 0, 0, 0.85);
            line-height: 28px;
            border-radius: 0;
            cursor: pointer;
            transition: background 0.3s;
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
            background: #f5f5f5;
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
            background: #f0f4ff;
        }

        .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            cursor: not-allowed;
        }

        /* stylelint-disable-next-line */
        _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
        :root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,
        _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,
        :root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell {
            padding: 21px 0;
        }

        .ant-picker-rtl {
            direction: rtl;
        }

        .ant-picker-rtl .ant-picker-suffix {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-picker-rtl .ant-picker-clear {
            right: auto;
            left: 0;
        }

        .ant-picker-rtl .ant-picker-separator {
            transform: rotate(180deg);
        }

        .ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-picker-rtl.ant-picker-range .ant-picker-clear {
            right: auto;
            left: 11px;
        }

        .ant-picker-rtl.ant-picker-range .ant-picker-active-bar {
            margin-right: 11px;
            margin-left: 0;
        }

        .ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar {
            margin-right: 7px;
        }

        .ant-picker-dropdown-rtl .ant-picker-ranges {
            text-align: right;
        }

        .ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok {
            float: left;
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-picker-panel-rtl {
            direction: rtl;
        }

        .ant-picker-panel-rtl .ant-picker-prev-icon,
        .ant-picker-panel-rtl .ant-picker-super-prev-icon {
            transform: rotate(135deg);
        }

        .ant-picker-panel-rtl .ant-picker-next-icon,
        .ant-picker-panel-rtl .ant-picker-super-next-icon {
            transform: rotate(-45deg);
        }

        .ant-picker-cell .ant-picker-cell-inner {
            position: relative;
            z-index: 2;
            display: inline-block;
            min-width: 24px;
            height: 24px;
            line-height: 24px;
            border-radius: 2px;
            transition: background 0.3s, border 0.3s;
        }

        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before {
            right: 50%;
            left: 0;
        }

        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before {
            right: 0;
            left: 50%;
        }

        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before {
            right: 50%;
            left: 50%;
        }

        .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after {
            right: 0;
            left: -6px;
        }

        .ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
            right: -6px;
            left: 0;
        }

        .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after {
            right: 0;
            left: 50%;
        }

        .ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after {
            right: 50%;
            left: 0;
        }

        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
            border-radius: 0 2px 2px 0;
        }

        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner {
            border-radius: 2px 0 0 2px;
        }

        .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after {
            right: 6px;
            left: 0;
            border-right: 1px dashed #b2bdff;
            border-left: none;
            border-top-left-radius: 0;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
            border-bottom-left-radius: 0;
        }

        .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
            right: 0;
            left: 6px;
            border-right: none;
            border-left: 1px dashed #b2bdff;
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
        }

        .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
        .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,
        .ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,
        .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after,
        .ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after {
            right: 6px;
            left: 6px;
            border-right: 1px dashed #b2bdff;
            border-left: 1px dashed #b2bdff;
            border-radius: 2px;
        }

        .ant-picker-dropdown-rtl .ant-picker-footer-extra {
            direction: rtl;
            text-align: right;
        }

        .ant-picker-panel-rtl .ant-picker-time-panel {
            direction: ltr;
        }

        .ant-descriptions-header {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .ant-descriptions-title {
            flex: auto;
            overflow: hidden;
            color: rgba(0, 0, 0, 0.85);
            font-weight: bold;
            font-size: 14px;
            line-height: 1.5715;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-descriptions-extra {
            margin-left: auto;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-descriptions-view {
            width: 100%;
            overflow: hidden;
            border-radius: 2px;
        }

        .ant-descriptions-view table {
            width: 100%;
            table-layout: fixed;
        }

        .ant-descriptions-row>th,
        .ant-descriptions-row>td {
            padding-bottom: 16px;
        }

        .ant-descriptions-row:last-child {
            border-bottom: none;
        }

        .ant-descriptions-item-label {
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
            line-height: 1.5715;
            text-align: start;
        }

        .ant-descriptions-item-label::after {
            content: ':';
            position: relative;
            top: -0.5px;
            margin: 0 8px 0 2px;
        }

        .ant-descriptions-item-label.ant-descriptions-item-no-colon::after {
            content: ' ';
        }

        .ant-descriptions-item-no-label::after {
            margin: 0;
            content: '';
        }

        .ant-descriptions-item-content {
            display: table-cell;
            flex: 1;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
            word-break: break-word;
            overflow-wrap: break-word;
        }

        .ant-descriptions-item {
            padding-bottom: 0;
            vertical-align: top;
        }

        .ant-descriptions-item-container {
            display: flex;
        }

        .ant-descriptions-item-container .ant-descriptions-item-label,
        .ant-descriptions-item-container .ant-descriptions-item-content {
            display: inline-flex;
            align-items: baseline;
        }

        .ant-descriptions-middle .ant-descriptions-row>th,
        .ant-descriptions-middle .ant-descriptions-row>td {
            padding-bottom: 12px;
        }

        .ant-descriptions-small .ant-descriptions-row>th,
        .ant-descriptions-small .ant-descriptions-row>td {
            padding-bottom: 8px;
        }

        .ant-descriptions-bordered .ant-descriptions-view {
            border: 1px solid #f0f0f0;
        }

        .ant-descriptions-bordered .ant-descriptions-view>table {
            table-layout: auto;
        }

        .ant-descriptions-bordered .ant-descriptions-item-label,
        .ant-descriptions-bordered .ant-descriptions-item-content {
            padding: 16px 24px;
            border-right: 1px solid #f0f0f0;
        }

        .ant-descriptions-bordered .ant-descriptions-item-label:last-child,
        .ant-descriptions-bordered .ant-descriptions-item-content:last-child {
            border-right: none;
        }

        .ant-descriptions-bordered .ant-descriptions-item-label {
            background-color: #fafafa;
        }

        .ant-descriptions-bordered .ant-descriptions-item-label::after {
            display: none;
        }

        .ant-descriptions-bordered .ant-descriptions-row {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-descriptions-bordered .ant-descriptions-row:last-child {
            border-bottom: none;
        }

        .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
        .ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
            padding: 12px 24px;
        }

        .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
        .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
            padding: 8px 16px;
        }

        .ant-descriptions-rtl {
            direction: rtl;
        }

        .ant-descriptions-rtl .ant-descriptions-item-label::after {
            margin: 0 2px 0 8px;
        }

        .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label,
        .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content {
            border-right: none;
            border-left: 1px solid #f0f0f0;
        }

        .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
        .ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
            border-left: none;
        }

        .ant-divider {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            border-top: 1px solid rgba(0, 0, 0, 0.06);
        }

        .ant-divider-vertical {
            position: relative;
            top: -0.06em;
            display: inline-block;
            height: 0.9em;
            margin: 0 8px;
            vertical-align: middle;
            border-top: 0;
            border-left: 1px solid rgba(0, 0, 0, 0.06);
        }

        .ant-divider-horizontal {
            display: flex;
            clear: both;
            width: 100%;
            min-width: 100%;
            margin: 24px 0;
        }

        .ant-divider-horizontal.ant-divider-with-text {
            display: flex;
            margin: 16px 0;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;
            white-space: nowrap;
            text-align: center;
            border-top: 0;
            border-top-color: rgba(0, 0, 0, 0.06);
        }

        .ant-divider-horizontal.ant-divider-with-text::before,
        .ant-divider-horizontal.ant-divider-with-text::after {
            position: relative;
            top: 50%;
            width: 50%;
            border-top: 1px solid transparent;
            border-top-color: inherit;
            border-bottom: 0;
            transform: translateY(50%);
            content: '';
        }

        .ant-divider-horizontal.ant-divider-with-text-left::before {
            top: 50%;
            width: 5%;
        }

        .ant-divider-horizontal.ant-divider-with-text-left::after {
            top: 50%;
            width: 95%;
        }

        .ant-divider-horizontal.ant-divider-with-text-right::before {
            top: 50%;
            width: 95%;
        }

        .ant-divider-horizontal.ant-divider-with-text-right::after {
            top: 50%;
            width: 5%;
        }

        .ant-divider-inner-text {
            display: inline-block;
            padding: 0 1em;
        }

        .ant-divider-dashed {
            background: none;
            border-color: rgba(0, 0, 0, 0.06);
            border-style: dashed;
            border-width: 1px 0 0;
        }

        .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed {
            border-top: 0;
        }

        .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
        .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after {
            border-style: dashed none none;
        }

        .ant-divider-vertical.ant-divider-dashed {
            border-width: 0 0 0 1px;
        }

        .ant-divider-plain.ant-divider-with-text {
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
        }

        .ant-divider-rtl {
            direction: rtl;
        }

        .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before {
            width: 95%;
        }

        .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after {
            width: 5%;
        }

        .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before {
            width: 5%;
        }

        .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
            width: 95%;
        }

        .ant-drawer {
            position: fixed;
            z-index: 1000;
            width: 0%;
            height: 100%;
            transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
        }

        .ant-drawer>* {
            transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
        }

        .ant-drawer-content-wrapper {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .ant-drawer .ant-drawer-content {
            width: 100%;
            height: 100%;
        }

        .ant-drawer-left,
        .ant-drawer-right {
            top: 0;
            width: 0%;
            height: 100%;
        }

        .ant-drawer-left .ant-drawer-content-wrapper,
        .ant-drawer-right .ant-drawer-content-wrapper {
            height: 100%;
        }

        .ant-drawer-left.ant-drawer-open,
        .ant-drawer-right.ant-drawer-open {
            width: 100%;
            transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
        }

        .ant-drawer-left {
            left: 0;
        }

        .ant-drawer-left .ant-drawer-content-wrapper {
            left: 0;
        }

        .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
            box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);
        }

        .ant-drawer-right {
            right: 0;
        }

        .ant-drawer-right .ant-drawer-content-wrapper {
            right: 0;
        }

        .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
            box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
        }

        .ant-drawer-right.ant-drawer-open.no-mask {
            right: 1px;
            transform: translateX(1px);
        }

        .ant-drawer-top,
        .ant-drawer-bottom {
            left: 0;
            width: 100%;
            height: 0%;
        }

        .ant-drawer-top .ant-drawer-content-wrapper,
        .ant-drawer-bottom .ant-drawer-content-wrapper {
            width: 100%;
        }

        .ant-drawer-top.ant-drawer-open,
        .ant-drawer-bottom.ant-drawer-open {
            height: 100%;
            transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
        }

        .ant-drawer-top {
            top: 0;
        }

        .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
            box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);
        }

        .ant-drawer-bottom {
            bottom: 0;
        }

        .ant-drawer-bottom .ant-drawer-content-wrapper {
            bottom: 0;
        }

        .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
            box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
        }

        .ant-drawer-bottom.ant-drawer-open.no-mask {
            bottom: 1px;
            transform: translateY(1px);
        }

        .ant-drawer.ant-drawer-open .ant-drawer-mask {
            height: 100%;
            opacity: 1;
            transition: none;
            animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
            pointer-events: auto;
        }

        .ant-drawer-title {
            margin: 0;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
        }

        .ant-drawer-content {
            position: relative;
            z-index: 1;
            overflow: auto;
            background-color: #fff;
            background-clip: padding-box;
            border: 0;
        }

        .ant-drawer-close {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
            display: block;
            padding: 21px;
            color: rgba(0, 0, 0, 0.45);
            font-weight: 700;
            font-size: 14px;
            font-style: normal;
            line-height: 1;
            text-align: center;
            text-transform: none;
            text-decoration: none;
            background: transparent;
            border: 0;
            outline: 0;
            cursor: pointer;
            transition: color 0.3s;
            text-rendering: auto;
        }

        .ant-drawer-close:focus,
        .ant-drawer-close:hover {
            color: rgba(0, 0, 0, 0.75);
            text-decoration: none;
        }

        .ant-drawer-header-no-title .ant-drawer-close {
            margin-right: 0;
            margin-right: var(--scroll-bar);
            /* stylelint-disable-next-line function-calc-no-invalid */
            padding-right: calc(21px - 0);
            padding-right: calc(21px - var(--scroll-bar));
        }

        .ant-drawer-header {
            position: relative;
            padding: 16px 24px;
            color: rgba(0, 0, 0, 0.85);
            background: #fff;
            border-bottom: 1px solid #f0f0f0;
            border-radius: 2px 2px 0 0;
        }

        .ant-drawer-header-no-title {
            color: rgba(0, 0, 0, 0.85);
            background: #fff;
        }

        .ant-drawer-wrapper-body {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            width: 100%;
            height: 100%;
        }

        .ant-drawer-body {
            flex-grow: 1;
            padding: 24px;
            overflow: auto;
            font-size: 14px;
            line-height: 1.5715;
            word-wrap: break-word;
        }

        .ant-drawer-footer {
            flex-shrink: 0;
            padding: 10px 16px;
            border-top: 1px solid #f0f0f0;
        }

        .ant-drawer-mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0;
            background-color: rgba(0, 0, 0, 0.45);
            opacity: 0;
            filter: alpha(opacity=45);
            transition: opacity 0.3s linear, height 0s ease 0.3s;
            pointer-events: none;
        }

        .ant-drawer-open-content {
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-drawer .ant-picker-clear {
            background: #fff;
        }

        @keyframes antdDrawerFadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        .ant-drawer-rtl {
            direction: rtl;
        }

        .ant-drawer-rtl .ant-drawer-close {
            right: auto;
            left: 0;
        }

        .ant-dropdown-menu-item.ant-dropdown-menu-item-danger {
            color: #f24822;
        }

        .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover {
            color: #fff;
            background-color: #f24822;
        }

        .ant-dropdown {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            top: -9999px;
            left: -9999px;
            z-index: 1050;
            display: block;
        }

        .ant-dropdown::before {
            position: absolute;
            top: -4px;
            right: 0;
            bottom: -4px;
            left: -7px;
            z-index: -9999;
            opacity: 0.0001;
            content: ' ';
        }

        .ant-dropdown-wrap {
            position: relative;
        }

        .ant-dropdown-wrap .ant-btn>.anticon-down {
            font-size: 10px;
        }

        .ant-dropdown-wrap .anticon-down::before {
            transition: transform 0.2s;
        }

        .ant-dropdown-wrap-open .anticon-down::before {
            transform: rotate(180deg);
        }

        .ant-dropdown-hidden,
        .ant-dropdown-menu-hidden {
            display: none;
        }

        .ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,
        .ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,
        .ant-dropdown-show-arrow.ant-dropdown-placement-topRight {
            padding-bottom: 10px;
        }

        .ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,
        .ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,
        .ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight {
            padding-top: 10px;
        }

        .ant-dropdown-arrow {
            position: absolute;
            z-index: 1;
            display: block;
            width: 8.48528137px;
            height: 8.48528137px;
            background: transparent;
            border-style: solid;
            border-width: 4.24264069px;
            transform: rotate(45deg);
        }

        .ant-dropdown-placement-topCenter>.ant-dropdown-arrow,
        .ant-dropdown-placement-topLeft>.ant-dropdown-arrow,
        .ant-dropdown-placement-topRight>.ant-dropdown-arrow {
            bottom: 6.2px;
            border-top-color: transparent;
            border-right-color: #fff;
            border-bottom-color: #fff;
            border-left-color: transparent;
            box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
        }

        .ant-dropdown-placement-topCenter>.ant-dropdown-arrow {
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
        }

        .ant-dropdown-placement-topLeft>.ant-dropdown-arrow {
            left: 16px;
        }

        .ant-dropdown-placement-topRight>.ant-dropdown-arrow {
            right: 16px;
        }

        .ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow,
        .ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow,
        .ant-dropdown-placement-bottomRight>.ant-dropdown-arrow {
            top: 6px;
            border-top-color: #fff;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fff;
            box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
        }

        .ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow {
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
        }

        .ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow {
            left: 16px;
        }

        .ant-dropdown-placement-bottomRight>.ant-dropdown-arrow {
            right: 16px;
        }

        .ant-dropdown-menu {
            position: relative;
            margin: 0;
            padding: 4px 0;
            text-align: left;
            list-style-type: none;
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 2px;
            outline: none;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-dropdown-menu-item-group-title {
            padding: 5px 12px;
            color: rgba(0, 0, 0, 0.45);
            transition: all 0.3s;
        }

        .ant-dropdown-menu-submenu-popup {
            position: absolute;
            z-index: 1050;
            background: transparent;
            box-shadow: none;
            transform-origin: 0 0;
        }

        .ant-dropdown-menu-submenu-popup ul,
        .ant-dropdown-menu-submenu-popup li {
            list-style: none;
        }

        .ant-dropdown-menu-submenu-popup ul {
            margin-right: 0.3em;
            margin-left: 0.3em;
        }

        .ant-dropdown-menu-item,
        .ant-dropdown-menu-submenu-title {
            clear: both;
            margin: 0;
            padding: 5px 12px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-dropdown-menu-item>.anticon:first-child,
        .ant-dropdown-menu-submenu-title>.anticon:first-child,
        .ant-dropdown-menu-item>a>.anticon:first-child,
        .ant-dropdown-menu-submenu-title>a>.anticon:first-child,
        .ant-dropdown-menu-item>span>.anticon:first-child,
        .ant-dropdown-menu-submenu-title>span>.anticon:first-child {
            min-width: 12px;
            margin-right: 8px;
            font-size: 12px;
            vertical-align: -0.1em;
        }

        .ant-dropdown-menu-item>a,
        .ant-dropdown-menu-submenu-title>a {
            display: block;
            margin: -5px -12px;
            padding: 5px 12px;
            color: rgba(0, 0, 0, 0.85);
            transition: all 0.3s;
        }

        .ant-dropdown-menu-item>a:hover,
        .ant-dropdown-menu-submenu-title>a:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-dropdown-menu-item>.anticon+span>a,
        .ant-dropdown-menu-submenu-title>.anticon+span>a {
            color: rgba(0, 0, 0, 0.85);
            transition: all 0.3s;
        }

        .ant-dropdown-menu-item>.anticon+span>a:hover,
        .ant-dropdown-menu-submenu-title>.anticon+span>a:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-dropdown-menu-item-selected,
        .ant-dropdown-menu-submenu-title-selected,
        .ant-dropdown-menu-item-selected>a,
        .ant-dropdown-menu-submenu-title-selected>a {
            color: #4c65ff;
            background-color: #f0f4ff;
        }

        .ant-dropdown-menu-item:hover,
        .ant-dropdown-menu-submenu-title:hover {
            background-color: #f5f5f5;
        }

        .ant-dropdown-menu-item-disabled,
        .ant-dropdown-menu-submenu-title-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-dropdown-menu-item-disabled:hover,
        .ant-dropdown-menu-submenu-title-disabled:hover {
            color: rgba(0, 0, 0, 0.25);
            background-color: #fff;
            cursor: not-allowed;
        }

        .ant-dropdown-menu-item-disabled>.anticon+span>a,
        .ant-dropdown-menu-submenu-title-disabled>.anticon+span>a,
        .ant-dropdown-menu-item-disabled>a,
        .ant-dropdown-menu-submenu-title-disabled>a {
            position: relative;
            color: rgba(0, 0, 0, 0.25);
            pointer-events: none;
        }

        .ant-dropdown-menu-item-disabled>.anticon+span>a::after,
        .ant-dropdown-menu-submenu-title-disabled>.anticon+span>a::after,
        .ant-dropdown-menu-item-disabled>a::after,
        .ant-dropdown-menu-submenu-title-disabled>a::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: not-allowed;
            content: '';
        }

        .ant-dropdown-menu-item-divider,
        .ant-dropdown-menu-submenu-title-divider {
            height: 1px;
            margin: 4px 0;
            overflow: hidden;
            line-height: 0;
            background-color: #f0f0f0;
        }

        .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,
        .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
            position: absolute;
            right: 8px;
        }

        .ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,
        .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon {
            margin-right: 0 !important;
            color: rgba(0, 0, 0, 0.45);
            font-size: 10px;
            font-style: normal;
        }

        .ant-dropdown-menu-item-group-list {
            margin: 0 8px;
            padding: 0;
            list-style: none;
        }

        .ant-dropdown-menu-submenu-title {
            padding-right: 24px;
        }

        .ant-dropdown-menu-submenu-vertical {
            position: relative;
        }

        .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
            position: absolute;
            top: 0;
            left: 100%;
            min-width: 100%;
            margin-left: 4px;
            transform-origin: 0 0;
        }

        .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
        .ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
            color: rgba(0, 0, 0, 0.25);
            background-color: #fff;
            cursor: not-allowed;
        }

        .ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
            color: #4c65ff;
        }

        .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
        .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
        .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
        .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
        .ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
        .ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
            animation-name: antSlideUpIn;
        }

        .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
        .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
        .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
        .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
        .ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
        .ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
            animation-name: antSlideDownIn;
        }

        .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
        .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
        .ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
            animation-name: antSlideUpOut;
        }

        .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
        .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
        .ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
            animation-name: antSlideDownOut;
        }

        .ant-dropdown-trigger>.anticon.anticon-down,
        .ant-dropdown-link>.anticon.anticon-down,
        .ant-dropdown-button>.anticon.anticon-down {
            font-size: 10px;
            vertical-align: baseline;
        }

        .ant-dropdown-button {
            white-space: nowrap;
        }

        .ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only) {
            padding-right: 8px;
            padding-left: 8px;
        }

        .ant-dropdown-menu-dark,
        .ant-dropdown-menu-dark .ant-dropdown-menu {
            background: #001529;
        }

        .ant-dropdown-menu-dark .ant-dropdown-menu-item,
        .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item>a,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a {
            color: rgba(255, 255, 255, 0.65);
        }

        .ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
        .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow::after,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a .ant-dropdown-menu-submenu-arrow::after {
            color: rgba(255, 255, 255, 0.65);
        }

        .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
        .ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a:hover {
            color: #fff;
            background: transparent;
        }

        .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
        .ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a {
            color: #fff;
            background: #4c65ff;
        }

        .ant-dropdown-rtl {
            direction: rtl;
        }

        .ant-dropdown-rtl.ant-dropdown::before {
            right: -7px;
            left: 0;
        }

        .ant-dropdown-menu.ant-dropdown-menu-rtl {
            direction: rtl;
            text-align: right;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-item-group-title {
            direction: rtl;
            text-align: right;
        }

        .ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl {
            transform-origin: 100% 0;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,
        .ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li {
            text-align: right;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-item,
        .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
            text-align: right;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-item>.anticon:first-child,
        .ant-dropdown-rtl .ant-dropdown-menu-submenu-title>.anticon:first-child,
        .ant-dropdown-rtl .ant-dropdown-menu-item>span>.anticon:first-child,
        .ant-dropdown-rtl .ant-dropdown-menu-submenu-title>span>.anticon:first-child {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
        .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
            right: auto;
            left: 8px;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
        .ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
            margin-left: 0 !important;
            transform: scaleX(-1);
        }

        .ant-dropdown-rtl .ant-dropdown-menu-submenu-title {
            padding-right: 12px;
            padding-left: 24px;
        }

        .ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu {
            right: 100%;
            left: 0;
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-empty {
            margin: 0 8px;
            font-size: 14px;
            line-height: 1.5715;
            text-align: center;
        }

        .ant-empty-image {
            height: 100px;
            margin-bottom: 8px;
        }

        .ant-empty-image img {
            height: 100%;
        }

        .ant-empty-image svg {
            height: 100%;
            margin: auto;
        }

        .ant-empty-footer {
            margin-top: 16px;
        }

        .ant-empty-normal {
            margin: 32px 0;
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-empty-normal .ant-empty-image {
            height: 40px;
        }

        .ant-empty-small {
            margin: 8px 0;
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-empty-small .ant-empty-image {
            height: 35px;
        }

        .ant-empty-img-default-ellipse {
            fill: #f5f5f5;
            fill-opacity: 0.8;
        }

        .ant-empty-img-default-path-1 {
            fill: #aeb8c2;
        }

        .ant-empty-img-default-path-2 {
            fill: url(#linearGradient-1);
        }

        .ant-empty-img-default-path-3 {
            fill: #f5f5f7;
        }

        .ant-empty-img-default-path-4 {
            fill: #dce0e6;
        }

        .ant-empty-img-default-path-5 {
            fill: #dce0e6;
        }

        .ant-empty-img-default-g {
            fill: #fff;
        }

        .ant-empty-img-simple-ellipse {
            fill: #f5f5f5;
        }

        .ant-empty-img-simple-g {
            stroke: #d9d9d9;
        }

        .ant-empty-img-simple-path {
            fill: #fafafa;
        }

        .ant-empty-rtl {
            direction: rtl;
        }

        .ant-form-item .ant-mentions,
        .ant-form-item textarea.ant-input {
            height: auto;
        }

        .ant-form-item .ant-upload {
            background: transparent;
        }

        .ant-form-item .ant-upload.ant-upload-drag {
            background: #fafafa;
        }

        .ant-form-item input[type='radio'],
        .ant-form-item input[type='checkbox'] {
            width: 14px;
            height: 14px;
        }

        .ant-form-item .ant-radio-inline,
        .ant-form-item .ant-checkbox-inline {
            display: inline-block;
            margin-left: 8px;
            font-weight: normal;
            vertical-align: middle;
            cursor: pointer;
        }

        .ant-form-item .ant-radio-inline:first-child,
        .ant-form-item .ant-checkbox-inline:first-child {
            margin-left: 0;
        }

        .ant-form-item .ant-checkbox-vertical,
        .ant-form-item .ant-radio-vertical {
            display: block;
        }

        .ant-form-item .ant-checkbox-vertical+.ant-checkbox-vertical,
        .ant-form-item .ant-radio-vertical+.ant-radio-vertical {
            margin-left: 0;
        }

        .ant-form-item .ant-input-number+.ant-form-text {
            margin-left: 8px;
        }

        .ant-form-item .ant-input-number-handler-wrap {
            z-index: 2;
        }

        .ant-form-item .ant-select,
        .ant-form-item .ant-cascader-picker {
            width: 100%;
        }

        .ant-form-item .ant-input-group .ant-select,
        .ant-form-item .ant-input-group .ant-cascader-picker {
            width: auto;
        }

        .ant-form-inline {
            display: flex;
            flex-wrap: wrap;
        }

        .ant-form-inline .ant-form-item {
            flex: none;
            flex-wrap: nowrap;
            margin-right: 16px;
            margin-bottom: 0;
        }

        .ant-form-inline .ant-form-item-with-help {
            margin-bottom: 24px;
        }

        .ant-form-inline .ant-form-item>.ant-form-item-label,
        .ant-form-inline .ant-form-item>.ant-form-item-control {
            display: inline-block;
            vertical-align: top;
        }

        .ant-form-inline .ant-form-item>.ant-form-item-label {
            flex: none;
        }

        .ant-form-inline .ant-form-item .ant-form-text {
            display: inline-block;
        }

        .ant-form-inline .ant-form-item .ant-form-item-has-feedback {
            display: inline-block;
        }

        .ant-form-horizontal .ant-form-item-label {
            flex-grow: 0;
        }

        .ant-form-horizontal .ant-form-item-control {
            flex: 1 1 0;
        }

        .ant-form-vertical .ant-form-item {
            flex-direction: column;
        }

        .ant-form-vertical .ant-form-item-label>label {
            height: auto;
        }

        .ant-form-vertical .ant-form-item-label,
        .ant-col-24.ant-form-item-label,
        .ant-col-xl-24.ant-form-item-label {
            padding: 0 0 8px;
            line-height: 1.5715;
            white-space: initial;
            text-align: left;
        }

        .ant-form-vertical .ant-form-item-label>label,
        .ant-col-24.ant-form-item-label>label,
        .ant-col-xl-24.ant-form-item-label>label {
            margin: 0;
        }

        .ant-form-vertical .ant-form-item-label>label::after,
        .ant-col-24.ant-form-item-label>label::after,
        .ant-col-xl-24.ant-form-item-label>label::after {
            display: none;
        }

        .ant-form-rtl.ant-form-vertical .ant-form-item-label,
        .ant-form-rtl.ant-col-24.ant-form-item-label,
        .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
            text-align: right;
        }

        @media (max-width: 575px) {
            .ant-form-item .ant-form-item-label {
                padding: 0 0 8px;
                line-height: 1.5715;
                white-space: initial;
                text-align: left;
            }

            .ant-form-item .ant-form-item-label>label {
                margin: 0;
            }

            .ant-form-item .ant-form-item-label>label::after {
                display: none;
            }

            .ant-form-rtl.ant-form-item .ant-form-item-label {
                text-align: right;
            }

            .ant-form .ant-form-item {
                flex-wrap: wrap;
            }

            .ant-form .ant-form-item .ant-form-item-label,
            .ant-form .ant-form-item .ant-form-item-control {
                flex: 0 0 100%;
                max-width: 100%;
            }

            .ant-col-xs-24.ant-form-item-label {
                padding: 0 0 8px;
                line-height: 1.5715;
                white-space: initial;
                text-align: left;
            }

            .ant-col-xs-24.ant-form-item-label>label {
                margin: 0;
            }

            .ant-col-xs-24.ant-form-item-label>label::after {
                display: none;
            }

            .ant-form-rtl.ant-col-xs-24.ant-form-item-label {
                text-align: right;
            }
        }

        @media (max-width: 767px) {
            .ant-col-sm-24.ant-form-item-label {
                padding: 0 0 8px;
                line-height: 1.5715;
                white-space: initial;
                text-align: left;
            }

            .ant-col-sm-24.ant-form-item-label>label {
                margin: 0;
            }

            .ant-col-sm-24.ant-form-item-label>label::after {
                display: none;
            }

            .ant-form-rtl.ant-col-sm-24.ant-form-item-label {
                text-align: right;
            }
        }

        @media (max-width: 991px) {
            .ant-col-md-24.ant-form-item-label {
                padding: 0 0 8px;
                line-height: 1.5715;
                white-space: initial;
                text-align: left;
            }

            .ant-col-md-24.ant-form-item-label>label {
                margin: 0;
            }

            .ant-col-md-24.ant-form-item-label>label::after {
                display: none;
            }

            .ant-form-rtl.ant-col-md-24.ant-form-item-label {
                text-align: right;
            }
        }

        @media (max-width: 1199px) {
            .ant-col-lg-24.ant-form-item-label {
                padding: 0 0 8px;
                line-height: 1.5715;
                white-space: initial;
                text-align: left;
            }

            .ant-col-lg-24.ant-form-item-label>label {
                margin: 0;
            }

            .ant-col-lg-24.ant-form-item-label>label::after {
                display: none;
            }

            .ant-form-rtl.ant-col-lg-24.ant-form-item-label {
                text-align: right;
            }
        }

        @media (max-width: 1599px) {
            .ant-col-xl-24.ant-form-item-label {
                padding: 0 0 8px;
                line-height: 1.5715;
                white-space: initial;
                text-align: left;
            }

            .ant-col-xl-24.ant-form-item-label>label {
                margin: 0;
            }

            .ant-col-xl-24.ant-form-item-label>label::after {
                display: none;
            }

            .ant-form-rtl.ant-col-xl-24.ant-form-item-label {
                text-align: right;
            }
        }

        .ant-form-item {
            /* Some non-status related component style is in `components.less` */
            /* To support leave along ErrorList. We add additional className to handle explain style */
        }

        .ant-form-item-explain.ant-form-item-explain-error {
            color: #f24822;
        }

        .ant-form-item-explain.ant-form-item-explain-warning {
            color: #faad14;
        }

        .ant-form-item-has-feedback .ant-input {
            padding-right: 24px;
        }

        .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
            padding-right: 18px;
        }

        .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
            right: 28px;
        }

        .ant-form-item-has-feedback .ant-switch {
            margin: 2px 0 4px;
        }

        .ant-form-item-has-feedback>.ant-select .ant-select-arrow,
        .ant-form-item-has-feedback>.ant-select .ant-select-clear,
        .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,
        .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear {
            right: 32px;
        }

        .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value,
        .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value {
            padding-right: 42px;
        }

        .ant-form-item-has-feedback .ant-cascader-picker-arrow {
            margin-right: 19px;
        }

        .ant-form-item-has-feedback .ant-cascader-picker-clear {
            right: 32px;
        }

        .ant-form-item-has-feedback .ant-picker {
            padding-right: 29.2px;
        }

        .ant-form-item-has-feedback .ant-picker-large {
            padding-right: 34.2px;
        }

        .ant-form-item-has-feedback .ant-picker-small {
            padding-right: 25.2px;
        }

        .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
        .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
        .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
        .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
            position: absolute;
            top: 50%;
            right: 0;
            z-index: 1;
            width: 32px;
            height: 20px;
            margin-top: -10px;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            visibility: visible;
            animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
            pointer-events: none;
        }

        .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon {
            color: #52c41a;
            animation-name: diffZoomIn1 !important;
        }

        .ant-form-item-has-warning .ant-form-item-split {
            color: #faad14;
        }

        .ant-form-item-has-warning .ant-input,
        .ant-form-item-has-warning .ant-input-affix-wrapper,
        .ant-form-item-has-warning .ant-input:hover,
        .ant-form-item-has-warning .ant-input-affix-wrapper:hover {
            background-color: #fff;
            border-color: #faad14;
        }

        .ant-form-item-has-warning .ant-input:focus,
        .ant-form-item-has-warning .ant-input-affix-wrapper:focus,
        .ant-form-item-has-warning .ant-input-focused,
        .ant-form-item-has-warning .ant-input-affix-wrapper-focused {
            border-color: #ffc53d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.2);
        }

        .ant-form-item-has-warning .ant-input-disabled,
        .ant-form-item-has-warning .ant-input-disabled:hover {
            background-color: #f5f5f5;
            border-color: white;
        }

        .ant-form-item-has-warning .ant-input-affix-wrapper-disabled,
        .ant-form-item-has-warning .ant-input-affix-wrapper-disabled:hover {
            background-color: #f5f5f5;
            border-color: white;
        }

        .ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus,
        .ant-form-item-has-warning .ant-input-affix-wrapper-disabled:hover input:focus {
            box-shadow: none !important;
        }

        .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
            border-color: #ffc53d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.2);
        }

        .ant-form-item-has-warning .ant-input-prefix {
            color: #faad14;
        }

        .ant-form-item-has-warning .ant-input-group-addon {
            color: #faad14;
            border-color: #faad14;
        }

        .ant-form-item-has-warning .has-feedback {
            color: #faad14;
        }

        .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon {
            color: #faad14;
            animation-name: diffZoomIn3 !important;
        }

        .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
            background-color: #fff;
            border-color: #faad14 !important;
        }

        .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
        .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
            border-color: #ffc53d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.2);
        }

        .ant-form-item-has-warning .ant-input-number,
        .ant-form-item-has-warning .ant-picker {
            background-color: #fff;
            border-color: #faad14;
        }

        .ant-form-item-has-warning .ant-input-number-focused,
        .ant-form-item-has-warning .ant-picker-focused,
        .ant-form-item-has-warning .ant-input-number:focus,
        .ant-form-item-has-warning .ant-picker:focus {
            border-color: #ffc53d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.2);
        }

        .ant-form-item-has-warning .ant-input-number:not([disabled]):hover,
        .ant-form-item-has-warning .ant-picker:not([disabled]):hover {
            background-color: #fff;
            border-color: #faad14;
        }

        .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input {
            border-color: #ffc53d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(250, 173, 20, 0.2);
        }

        .ant-form-item-has-error .ant-form-item-split {
            color: #f24822;
        }

        .ant-form-item-has-error .ant-input,
        .ant-form-item-has-error .ant-input-affix-wrapper,
        .ant-form-item-has-error .ant-input:hover,
        .ant-form-item-has-error .ant-input-affix-wrapper:hover {
            background-color: #fff;
            border-color: #f24822;
        }

        .ant-form-item-has-error .ant-input:focus,
        .ant-form-item-has-error .ant-input-affix-wrapper:focus,
        .ant-form-item-has-error .ant-input-focused,
        .ant-form-item-has-error .ant-input-affix-wrapper-focused {
            border-color: #ff734d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(242, 72, 34, 0.2);
        }

        .ant-form-item-has-error .ant-input-disabled,
        .ant-form-item-has-error .ant-input-disabled:hover {
            background-color: #f5f5f5;
            border-color: white;
        }

        .ant-form-item-has-error .ant-input-affix-wrapper-disabled,
        .ant-form-item-has-error .ant-input-affix-wrapper-disabled:hover {
            background-color: #f5f5f5;
            border-color: white;
        }

        .ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus,
        .ant-form-item-has-error .ant-input-affix-wrapper-disabled:hover input:focus {
            box-shadow: none !important;
        }

        .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input {
            border-color: #ff734d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(242, 72, 34, 0.2);
        }

        .ant-form-item-has-error .ant-input-prefix {
            color: #f24822;
        }

        .ant-form-item-has-error .ant-input-group-addon {
            color: #f24822;
            border-color: #f24822;
        }

        .ant-form-item-has-error .has-feedback {
            color: #f24822;
        }

        .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon {
            color: #f24822;
            animation-name: diffZoomIn2 !important;
        }

        .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector {
            background-color: #fff;
            border-color: #f24822 !important;
        }

        .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector,
        .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector {
            border-color: #ff734d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(242, 72, 34, 0.2);
        }

        .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            border: 0;
        }

        .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus {
            border-color: #f24822;
        }

        .ant-form-item-has-error .ant-input-number,
        .ant-form-item-has-error .ant-picker {
            background-color: #fff;
            border-color: #f24822;
        }

        .ant-form-item-has-error .ant-input-number-focused,
        .ant-form-item-has-error .ant-picker-focused,
        .ant-form-item-has-error .ant-input-number:focus,
        .ant-form-item-has-error .ant-picker:focus {
            border-color: #ff734d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(242, 72, 34, 0.2);
        }

        .ant-form-item-has-error .ant-input-number:not([disabled]):hover,
        .ant-form-item-has-error .ant-picker:not([disabled]):hover {
            background-color: #fff;
            border-color: #f24822;
        }

        .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,
        .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
            background-color: #fff;
            border-color: #f24822;
        }

        .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
        .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
            border-color: #ff734d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(242, 72, 34, 0.2);
        }

        .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input {
            background-color: #fff;
            border-color: #ff734d;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(242, 72, 34, 0.2);
        }

        .ant-form-item-has-error .ant-transfer-list {
            border-color: #f24822;
        }

        .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) {
            border-color: white;
        }

        .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-form-item-has-error .ant-radio-button-wrapper {
            border-color: #f24822 !important;
        }

        .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before {
            background-color: #f24822;
        }

        .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon {
            display: inline-block;
            color: #4c65ff;
        }

        .ant-form {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
        }

        .ant-form legend {
            display: block;
            width: 100%;
            margin-bottom: 20px;
            padding: 0;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: inherit;
            border: 0;
            border-bottom: 1px solid #d9d9d9;
        }

        .ant-form label {
            font-size: 14px;
        }

        .ant-form input[type='search'] {
            box-sizing: border-box;
        }

        .ant-form input[type='radio'],
        .ant-form input[type='checkbox'] {
            line-height: normal;
        }

        .ant-form input[type='file'] {
            display: block;
        }

        .ant-form input[type='range'] {
            display: block;
            width: 100%;
        }

        .ant-form select[multiple],
        .ant-form select[size] {
            height: auto;
        }

        .ant-form input[type='file']:focus,
        .ant-form input[type='radio']:focus,
        .ant-form input[type='checkbox']:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .ant-form output {
            display: block;
            padding-top: 15px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
        }

        .ant-form .ant-form-text {
            display: inline-block;
            padding-right: 8px;
        }

        .ant-form-small .ant-form-item-label>label {
            height: 24px;
        }

        .ant-form-small .ant-form-item-control-input {
            min-height: 24px;
        }

        .ant-form-large .ant-form-item-label>label {
            height: 40px;
        }

        .ant-form-large .ant-form-item-control-input {
            min-height: 40px;
        }

        .ant-form-item {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            margin-bottom: 24px;
            vertical-align: top;
        }

        .ant-form-item-with-help {
            margin-bottom: 0;
        }

        .ant-form-item-hidden,
        .ant-form-item-hidden.ant-row {
            display: none;
        }

        .ant-form-item-label {
            display: inline-block;
            flex-grow: 0;
            overflow: hidden;
            white-space: nowrap;
            text-align: right;
            vertical-align: middle;
        }

        .ant-form-item-label-left {
            text-align: left;
        }

        .ant-form-item-label>label {
            position: relative;
            display: inline-flex;
            align-items: center;
            height: 32px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-form-item-label>label>.anticon {
            font-size: 14px;
            vertical-align: top;
        }

        .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
            display: inline-block;
            margin-right: 4px;
            color: #ff4d4f;
            font-size: 14px;
            font-family: SimSun, sans-serif;
            line-height: 1;
            content: '*';
        }

        .ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
            display: none;
        }

        .ant-form-item-label>label .ant-form-item-optional {
            display: inline-block;
            margin-left: 4px;
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional {
            display: none;
        }

        .ant-form-item-label>label .ant-form-item-tooltip {
            color: rgba(0, 0, 0, 0.45);
            cursor: help;
            -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
            margin-inline-start: 4px;
        }

        .ant-form-item-label>label::after {
            content: ':';
            position: relative;
            top: -0.5px;
            margin: 0 8px 0 2px;
        }

        .ant-form-item-label>label.ant-form-item-no-colon::after {
            content: ' ';
        }

        .ant-form-item-control {
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) {
            width: 100%;
        }

        .ant-form-item-control-input {
            position: relative;
            display: flex;
            align-items: center;
            min-height: 32px;
        }

        .ant-form-item-control-input-content {
            flex: auto;
            max-width: 100%;
        }

        .ant-form-item-explain,
        .ant-form-item-extra {
            clear: both;
            min-height: 24px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 1.5715;
            transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
            padding-top: 0px;
        }

        .ant-form-item .ant-input-textarea-show-count::after {
            margin-bottom: -22px;
        }

        .ant-show-help-enter,
        .ant-show-help-appear {
            animation-duration: 0.3s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-show-help-leave {
            animation-duration: 0.3s;
            animation-fill-mode: both;
            animation-play-state: paused;
        }

        .ant-show-help-enter.ant-show-help-enter-active,
        .ant-show-help-appear.ant-show-help-appear-active {
            animation-name: antShowHelpIn;
            animation-play-state: running;
        }

        .ant-show-help-leave.ant-show-help-leave-active {
            animation-name: antShowHelpOut;
            animation-play-state: running;
            pointer-events: none;
        }

        .ant-show-help-enter,
        .ant-show-help-appear {
            opacity: 0;
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-show-help-leave {
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        @keyframes antShowHelpIn {
            0% {
                transform: translateY(-5px);
                opacity: 0;
            }

            100% {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes antShowHelpOut {
            to {
                transform: translateY(-5px);
                opacity: 0;
            }
        }

        @keyframes diffZoomIn1 {
            0% {
                transform: scale(0);
            }

            100% {
                transform: scale(1);
            }
        }

        @keyframes diffZoomIn2 {
            0% {
                transform: scale(0);
            }

            100% {
                transform: scale(1);
            }
        }

        @keyframes diffZoomIn3 {
            0% {
                transform: scale(0);
            }

            100% {
                transform: scale(1);
            }
        }

        .ant-form-rtl {
            direction: rtl;
        }

        .ant-form-rtl .ant-form-item-label {
            text-align: left;
        }

        .ant-form-rtl .ant-form-item-label>label.ant-form-item-required::before {
            margin-right: 0;
            margin-left: 4px;
        }

        .ant-form-rtl .ant-form-item-label>label::after {
            margin: 0 2px 0 8px;
        }

        .ant-form-rtl .ant-form-item-label>label .ant-form-item-optional {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-col-rtl .ant-form-item-control:first-child {
            width: 100%;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-input {
            padding-right: 11px;
            padding-left: 24px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix {
            padding-right: 11px;
            padding-left: 18px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input {
            padding: 0;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
            right: auto;
            left: 28px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-input-number {
            padding-left: 18px;
        }

        .ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,
        .ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear,
        .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,
        .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear {
            right: auto;
            left: 32px;
        }

        .ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value,
        .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value {
            padding-right: 0;
            padding-left: 42px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow {
            margin-right: 0;
            margin-left: 19px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear {
            right: auto;
            left: 32px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-picker {
            padding-right: 11px;
            padding-left: 29.2px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large {
            padding-right: 16px;
            padding-left: 34.2px;
        }

        .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small {
            padding-right: 7px;
            padding-left: 25.2px;
        }

        .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,
        .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,
        .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,
        .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon {
            right: auto;
            left: 0;
        }

        .ant-form-rtl.ant-form-inline .ant-form-item {
            margin-right: 0;
            margin-left: 16px;
        }

        .ant-row {
            display: flex;
            flex-flow: row wrap;
        }

        .ant-row::before,
        .ant-row::after {
            display: flex;
        }

        .ant-row-no-wrap {
            flex-wrap: nowrap;
        }

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

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

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

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

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

        .ant-row-top {
            align-items: flex-start;
        }

        .ant-row-middle {
            align-items: center;
        }

        .ant-row-bottom {
            align-items: flex-end;
        }

        .ant-col {
            position: relative;
            max-width: 100%;
            min-height: 1px;
        }

        .ant-col-24 {
            display: block;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .ant-col-push-24 {
            left: 100%;
        }

        .ant-col-pull-24 {
            right: 100%;
        }

        .ant-col-offset-24 {
            margin-left: 100%;
        }

        .ant-col-order-24 {
            order: 24;
        }

        .ant-col-23 {
            display: block;
            flex: 0 0 95.83333333%;
            max-width: 95.83333333%;
        }

        .ant-col-push-23 {
            left: 95.83333333%;
        }

        .ant-col-pull-23 {
            right: 95.83333333%;
        }

        .ant-col-offset-23 {
            margin-left: 95.83333333%;
        }

        .ant-col-order-23 {
            order: 23;
        }

        .ant-col-22 {
            display: block;
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%;
        }

        .ant-col-push-22 {
            left: 91.66666667%;
        }

        .ant-col-pull-22 {
            right: 91.66666667%;
        }

        .ant-col-offset-22 {
            margin-left: 91.66666667%;
        }

        .ant-col-order-22 {
            order: 22;
        }

        .ant-col-21 {
            display: block;
            flex: 0 0 87.5%;
            max-width: 87.5%;
        }

        .ant-col-push-21 {
            left: 87.5%;
        }

        .ant-col-pull-21 {
            right: 87.5%;
        }

        .ant-col-offset-21 {
            margin-left: 87.5%;
        }

        .ant-col-order-21 {
            order: 21;
        }

        .ant-col-20 {
            display: block;
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%;
        }

        .ant-col-push-20 {
            left: 83.33333333%;
        }

        .ant-col-pull-20 {
            right: 83.33333333%;
        }

        .ant-col-offset-20 {
            margin-left: 83.33333333%;
        }

        .ant-col-order-20 {
            order: 20;
        }

        .ant-col-19 {
            display: block;
            flex: 0 0 79.16666667%;
            max-width: 79.16666667%;
        }

        .ant-col-push-19 {
            left: 79.16666667%;
        }

        .ant-col-pull-19 {
            right: 79.16666667%;
        }

        .ant-col-offset-19 {
            margin-left: 79.16666667%;
        }

        .ant-col-order-19 {
            order: 19;
        }

        .ant-col-18 {
            display: block;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .ant-col-push-18 {
            left: 75%;
        }

        .ant-col-pull-18 {
            right: 75%;
        }

        .ant-col-offset-18 {
            margin-left: 75%;
        }

        .ant-col-order-18 {
            order: 18;
        }

        .ant-col-17 {
            display: block;
            flex: 0 0 70.83333333%;
            max-width: 70.83333333%;
        }

        .ant-col-push-17 {
            left: 70.83333333%;
        }

        .ant-col-pull-17 {
            right: 70.83333333%;
        }

        .ant-col-offset-17 {
            margin-left: 70.83333333%;
        }

        .ant-col-order-17 {
            order: 17;
        }

        .ant-col-16 {
            display: block;
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%;
        }

        .ant-col-push-16 {
            left: 66.66666667%;
        }

        .ant-col-pull-16 {
            right: 66.66666667%;
        }

        .ant-col-offset-16 {
            margin-left: 66.66666667%;
        }

        .ant-col-order-16 {
            order: 16;
        }

        .ant-col-15 {
            display: block;
            flex: 0 0 62.5%;
            max-width: 62.5%;
        }

        .ant-col-push-15 {
            left: 62.5%;
        }

        .ant-col-pull-15 {
            right: 62.5%;
        }

        .ant-col-offset-15 {
            margin-left: 62.5%;
        }

        .ant-col-order-15 {
            order: 15;
        }

        .ant-col-14 {
            display: block;
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%;
        }

        .ant-col-push-14 {
            left: 58.33333333%;
        }

        .ant-col-pull-14 {
            right: 58.33333333%;
        }

        .ant-col-offset-14 {
            margin-left: 58.33333333%;
        }

        .ant-col-order-14 {
            order: 14;
        }

        .ant-col-13 {
            display: block;
            flex: 0 0 54.16666667%;
            max-width: 54.16666667%;
        }

        .ant-col-push-13 {
            left: 54.16666667%;
        }

        .ant-col-pull-13 {
            right: 54.16666667%;
        }

        .ant-col-offset-13 {
            margin-left: 54.16666667%;
        }

        .ant-col-order-13 {
            order: 13;
        }

        .ant-col-12 {
            display: block;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .ant-col-push-12 {
            left: 50%;
        }

        .ant-col-pull-12 {
            right: 50%;
        }

        .ant-col-offset-12 {
            margin-left: 50%;
        }

        .ant-col-order-12 {
            order: 12;
        }

        .ant-col-11 {
            display: block;
            flex: 0 0 45.83333333%;
            max-width: 45.83333333%;
        }

        .ant-col-push-11 {
            left: 45.83333333%;
        }

        .ant-col-pull-11 {
            right: 45.83333333%;
        }

        .ant-col-offset-11 {
            margin-left: 45.83333333%;
        }

        .ant-col-order-11 {
            order: 11;
        }

        .ant-col-10 {
            display: block;
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%;
        }

        .ant-col-push-10 {
            left: 41.66666667%;
        }

        .ant-col-pull-10 {
            right: 41.66666667%;
        }

        .ant-col-offset-10 {
            margin-left: 41.66666667%;
        }

        .ant-col-order-10 {
            order: 10;
        }

        .ant-col-9 {
            display: block;
            flex: 0 0 37.5%;
            max-width: 37.5%;
        }

        .ant-col-push-9 {
            left: 37.5%;
        }

        .ant-col-pull-9 {
            right: 37.5%;
        }

        .ant-col-offset-9 {
            margin-left: 37.5%;
        }

        .ant-col-order-9 {
            order: 9;
        }

        .ant-col-8 {
            display: block;
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%;
        }

        .ant-col-push-8 {
            left: 33.33333333%;
        }

        .ant-col-pull-8 {
            right: 33.33333333%;
        }

        .ant-col-offset-8 {
            margin-left: 33.33333333%;
        }

        .ant-col-order-8 {
            order: 8;
        }

        .ant-col-7 {
            display: block;
            flex: 0 0 29.16666667%;
            max-width: 29.16666667%;
        }

        .ant-col-push-7 {
            left: 29.16666667%;
        }

        .ant-col-pull-7 {
            right: 29.16666667%;
        }

        .ant-col-offset-7 {
            margin-left: 29.16666667%;
        }

        .ant-col-order-7 {
            order: 7;
        }

        .ant-col-6 {
            display: block;
            flex: 0 0 25%;
            max-width: 25%;
        }

        .ant-col-push-6 {
            left: 25%;
        }

        .ant-col-pull-6 {
            right: 25%;
        }

        .ant-col-offset-6 {
            margin-left: 25%;
        }

        .ant-col-order-6 {
            order: 6;
        }

        .ant-col-5 {
            display: block;
            flex: 0 0 20.83333333%;
            max-width: 20.83333333%;
        }

        .ant-col-push-5 {
            left: 20.83333333%;
        }

        .ant-col-pull-5 {
            right: 20.83333333%;
        }

        .ant-col-offset-5 {
            margin-left: 20.83333333%;
        }

        .ant-col-order-5 {
            order: 5;
        }

        .ant-col-4 {
            display: block;
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%;
        }

        .ant-col-push-4 {
            left: 16.66666667%;
        }

        .ant-col-pull-4 {
            right: 16.66666667%;
        }

        .ant-col-offset-4 {
            margin-left: 16.66666667%;
        }

        .ant-col-order-4 {
            order: 4;
        }

        .ant-col-3 {
            display: block;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }

        .ant-col-push-3 {
            left: 12.5%;
        }

        .ant-col-pull-3 {
            right: 12.5%;
        }

        .ant-col-offset-3 {
            margin-left: 12.5%;
        }

        .ant-col-order-3 {
            order: 3;
        }

        .ant-col-2 {
            display: block;
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%;
        }

        .ant-col-push-2 {
            left: 8.33333333%;
        }

        .ant-col-pull-2 {
            right: 8.33333333%;
        }

        .ant-col-offset-2 {
            margin-left: 8.33333333%;
        }

        .ant-col-order-2 {
            order: 2;
        }

        .ant-col-1 {
            display: block;
            flex: 0 0 4.16666667%;
            max-width: 4.16666667%;
        }

        .ant-col-push-1 {
            left: 4.16666667%;
        }

        .ant-col-pull-1 {
            right: 4.16666667%;
        }

        .ant-col-offset-1 {
            margin-left: 4.16666667%;
        }

        .ant-col-order-1 {
            order: 1;
        }

        .ant-col-0 {
            display: none;
        }

        .ant-col-push-0 {
            left: auto;
        }

        .ant-col-pull-0 {
            right: auto;
        }

        .ant-col-push-0 {
            left: auto;
        }

        .ant-col-pull-0 {
            right: auto;
        }

        .ant-col-offset-0 {
            margin-left: 0;
        }

        .ant-col-order-0 {
            order: 0;
        }

        .ant-col-push-0.ant-col-rtl {
            right: auto;
        }

        .ant-col-pull-0.ant-col-rtl {
            left: auto;
        }

        .ant-col-push-0.ant-col-rtl {
            right: auto;
        }

        .ant-col-pull-0.ant-col-rtl {
            left: auto;
        }

        .ant-col-offset-0.ant-col-rtl {
            margin-right: 0;
        }

        .ant-col-push-1.ant-col-rtl {
            right: 4.16666667%;
            left: auto;
        }

        .ant-col-pull-1.ant-col-rtl {
            right: auto;
            left: 4.16666667%;
        }

        .ant-col-offset-1.ant-col-rtl {
            margin-right: 4.16666667%;
            margin-left: 0;
        }

        .ant-col-push-2.ant-col-rtl {
            right: 8.33333333%;
            left: auto;
        }

        .ant-col-pull-2.ant-col-rtl {
            right: auto;
            left: 8.33333333%;
        }

        .ant-col-offset-2.ant-col-rtl {
            margin-right: 8.33333333%;
            margin-left: 0;
        }

        .ant-col-push-3.ant-col-rtl {
            right: 12.5%;
            left: auto;
        }

        .ant-col-pull-3.ant-col-rtl {
            right: auto;
            left: 12.5%;
        }

        .ant-col-offset-3.ant-col-rtl {
            margin-right: 12.5%;
            margin-left: 0;
        }

        .ant-col-push-4.ant-col-rtl {
            right: 16.66666667%;
            left: auto;
        }

        .ant-col-pull-4.ant-col-rtl {
            right: auto;
            left: 16.66666667%;
        }

        .ant-col-offset-4.ant-col-rtl {
            margin-right: 16.66666667%;
            margin-left: 0;
        }

        .ant-col-push-5.ant-col-rtl {
            right: 20.83333333%;
            left: auto;
        }

        .ant-col-pull-5.ant-col-rtl {
            right: auto;
            left: 20.83333333%;
        }

        .ant-col-offset-5.ant-col-rtl {
            margin-right: 20.83333333%;
            margin-left: 0;
        }

        .ant-col-push-6.ant-col-rtl {
            right: 25%;
            left: auto;
        }

        .ant-col-pull-6.ant-col-rtl {
            right: auto;
            left: 25%;
        }

        .ant-col-offset-6.ant-col-rtl {
            margin-right: 25%;
            margin-left: 0;
        }

        .ant-col-push-7.ant-col-rtl {
            right: 29.16666667%;
            left: auto;
        }

        .ant-col-pull-7.ant-col-rtl {
            right: auto;
            left: 29.16666667%;
        }

        .ant-col-offset-7.ant-col-rtl {
            margin-right: 29.16666667%;
            margin-left: 0;
        }

        .ant-col-push-8.ant-col-rtl {
            right: 33.33333333%;
            left: auto;
        }

        .ant-col-pull-8.ant-col-rtl {
            right: auto;
            left: 33.33333333%;
        }

        .ant-col-offset-8.ant-col-rtl {
            margin-right: 33.33333333%;
            margin-left: 0;
        }

        .ant-col-push-9.ant-col-rtl {
            right: 37.5%;
            left: auto;
        }

        .ant-col-pull-9.ant-col-rtl {
            right: auto;
            left: 37.5%;
        }

        .ant-col-offset-9.ant-col-rtl {
            margin-right: 37.5%;
            margin-left: 0;
        }

        .ant-col-push-10.ant-col-rtl {
            right: 41.66666667%;
            left: auto;
        }

        .ant-col-pull-10.ant-col-rtl {
            right: auto;
            left: 41.66666667%;
        }

        .ant-col-offset-10.ant-col-rtl {
            margin-right: 41.66666667%;
            margin-left: 0;
        }

        .ant-col-push-11.ant-col-rtl {
            right: 45.83333333%;
            left: auto;
        }

        .ant-col-pull-11.ant-col-rtl {
            right: auto;
            left: 45.83333333%;
        }

        .ant-col-offset-11.ant-col-rtl {
            margin-right: 45.83333333%;
            margin-left: 0;
        }

        .ant-col-push-12.ant-col-rtl {
            right: 50%;
            left: auto;
        }

        .ant-col-pull-12.ant-col-rtl {
            right: auto;
            left: 50%;
        }

        .ant-col-offset-12.ant-col-rtl {
            margin-right: 50%;
            margin-left: 0;
        }

        .ant-col-push-13.ant-col-rtl {
            right: 54.16666667%;
            left: auto;
        }

        .ant-col-pull-13.ant-col-rtl {
            right: auto;
            left: 54.16666667%;
        }

        .ant-col-offset-13.ant-col-rtl {
            margin-right: 54.16666667%;
            margin-left: 0;
        }

        .ant-col-push-14.ant-col-rtl {
            right: 58.33333333%;
            left: auto;
        }

        .ant-col-pull-14.ant-col-rtl {
            right: auto;
            left: 58.33333333%;
        }

        .ant-col-offset-14.ant-col-rtl {
            margin-right: 58.33333333%;
            margin-left: 0;
        }

        .ant-col-push-15.ant-col-rtl {
            right: 62.5%;
            left: auto;
        }

        .ant-col-pull-15.ant-col-rtl {
            right: auto;
            left: 62.5%;
        }

        .ant-col-offset-15.ant-col-rtl {
            margin-right: 62.5%;
            margin-left: 0;
        }

        .ant-col-push-16.ant-col-rtl {
            right: 66.66666667%;
            left: auto;
        }

        .ant-col-pull-16.ant-col-rtl {
            right: auto;
            left: 66.66666667%;
        }

        .ant-col-offset-16.ant-col-rtl {
            margin-right: 66.66666667%;
            margin-left: 0;
        }

        .ant-col-push-17.ant-col-rtl {
            right: 70.83333333%;
            left: auto;
        }

        .ant-col-pull-17.ant-col-rtl {
            right: auto;
            left: 70.83333333%;
        }

        .ant-col-offset-17.ant-col-rtl {
            margin-right: 70.83333333%;
            margin-left: 0;
        }

        .ant-col-push-18.ant-col-rtl {
            right: 75%;
            left: auto;
        }

        .ant-col-pull-18.ant-col-rtl {
            right: auto;
            left: 75%;
        }

        .ant-col-offset-18.ant-col-rtl {
            margin-right: 75%;
            margin-left: 0;
        }

        .ant-col-push-19.ant-col-rtl {
            right: 79.16666667%;
            left: auto;
        }

        .ant-col-pull-19.ant-col-rtl {
            right: auto;
            left: 79.16666667%;
        }

        .ant-col-offset-19.ant-col-rtl {
            margin-right: 79.16666667%;
            margin-left: 0;
        }

        .ant-col-push-20.ant-col-rtl {
            right: 83.33333333%;
            left: auto;
        }

        .ant-col-pull-20.ant-col-rtl {
            right: auto;
            left: 83.33333333%;
        }

        .ant-col-offset-20.ant-col-rtl {
            margin-right: 83.33333333%;
            margin-left: 0;
        }

        .ant-col-push-21.ant-col-rtl {
            right: 87.5%;
            left: auto;
        }

        .ant-col-pull-21.ant-col-rtl {
            right: auto;
            left: 87.5%;
        }

        .ant-col-offset-21.ant-col-rtl {
            margin-right: 87.5%;
            margin-left: 0;
        }

        .ant-col-push-22.ant-col-rtl {
            right: 91.66666667%;
            left: auto;
        }

        .ant-col-pull-22.ant-col-rtl {
            right: auto;
            left: 91.66666667%;
        }

        .ant-col-offset-22.ant-col-rtl {
            margin-right: 91.66666667%;
            margin-left: 0;
        }

        .ant-col-push-23.ant-col-rtl {
            right: 95.83333333%;
            left: auto;
        }

        .ant-col-pull-23.ant-col-rtl {
            right: auto;
            left: 95.83333333%;
        }

        .ant-col-offset-23.ant-col-rtl {
            margin-right: 95.83333333%;
            margin-left: 0;
        }

        .ant-col-push-24.ant-col-rtl {
            right: 100%;
            left: auto;
        }

        .ant-col-pull-24.ant-col-rtl {
            right: auto;
            left: 100%;
        }

        .ant-col-offset-24.ant-col-rtl {
            margin-right: 100%;
            margin-left: 0;
        }

        .ant-col-xs-24 {
            display: block;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .ant-col-xs-push-24 {
            left: 100%;
        }

        .ant-col-xs-pull-24 {
            right: 100%;
        }

        .ant-col-xs-offset-24 {
            margin-left: 100%;
        }

        .ant-col-xs-order-24 {
            order: 24;
        }

        .ant-col-xs-23 {
            display: block;
            flex: 0 0 95.83333333%;
            max-width: 95.83333333%;
        }

        .ant-col-xs-push-23 {
            left: 95.83333333%;
        }

        .ant-col-xs-pull-23 {
            right: 95.83333333%;
        }

        .ant-col-xs-offset-23 {
            margin-left: 95.83333333%;
        }

        .ant-col-xs-order-23 {
            order: 23;
        }

        .ant-col-xs-22 {
            display: block;
            flex: 0 0 91.66666667%;
            max-width: 91.66666667%;
        }

        .ant-col-xs-push-22 {
            left: 91.66666667%;
        }

        .ant-col-xs-pull-22 {
            right: 91.66666667%;
        }

        .ant-col-xs-offset-22 {
            margin-left: 91.66666667%;
        }

        .ant-col-xs-order-22 {
            order: 22;
        }

        .ant-col-xs-21 {
            display: block;
            flex: 0 0 87.5%;
            max-width: 87.5%;
        }

        .ant-col-xs-push-21 {
            left: 87.5%;
        }

        .ant-col-xs-pull-21 {
            right: 87.5%;
        }

        .ant-col-xs-offset-21 {
            margin-left: 87.5%;
        }

        .ant-col-xs-order-21 {
            order: 21;
        }

        .ant-col-xs-20 {
            display: block;
            flex: 0 0 83.33333333%;
            max-width: 83.33333333%;
        }

        .ant-col-xs-push-20 {
            left: 83.33333333%;
        }

        .ant-col-xs-pull-20 {
            right: 83.33333333%;
        }

        .ant-col-xs-offset-20 {
            margin-left: 83.33333333%;
        }

        .ant-col-xs-order-20 {
            order: 20;
        }

        .ant-col-xs-19 {
            display: block;
            flex: 0 0 79.16666667%;
            max-width: 79.16666667%;
        }

        .ant-col-xs-push-19 {
            left: 79.16666667%;
        }

        .ant-col-xs-pull-19 {
            right: 79.16666667%;
        }

        .ant-col-xs-offset-19 {
            margin-left: 79.16666667%;
        }

        .ant-col-xs-order-19 {
            order: 19;
        }

        .ant-col-xs-18 {
            display: block;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .ant-col-xs-push-18 {
            left: 75%;
        }

        .ant-col-xs-pull-18 {
            right: 75%;
        }

        .ant-col-xs-offset-18 {
            margin-left: 75%;
        }

        .ant-col-xs-order-18 {
            order: 18;
        }

        .ant-col-xs-17 {
            display: block;
            flex: 0 0 70.83333333%;
            max-width: 70.83333333%;
        }

        .ant-col-xs-push-17 {
            left: 70.83333333%;
        }

        .ant-col-xs-pull-17 {
            right: 70.83333333%;
        }

        .ant-col-xs-offset-17 {
            margin-left: 70.83333333%;
        }

        .ant-col-xs-order-17 {
            order: 17;
        }

        .ant-col-xs-16 {
            display: block;
            flex: 0 0 66.66666667%;
            max-width: 66.66666667%;
        }

        .ant-col-xs-push-16 {
            left: 66.66666667%;
        }

        .ant-col-xs-pull-16 {
            right: 66.66666667%;
        }

        .ant-col-xs-offset-16 {
            margin-left: 66.66666667%;
        }

        .ant-col-xs-order-16 {
            order: 16;
        }

        .ant-col-xs-15 {
            display: block;
            flex: 0 0 62.5%;
            max-width: 62.5%;
        }

        .ant-col-xs-push-15 {
            left: 62.5%;
        }

        .ant-col-xs-pull-15 {
            right: 62.5%;
        }

        .ant-col-xs-offset-15 {
            margin-left: 62.5%;
        }

        .ant-col-xs-order-15 {
            order: 15;
        }

        .ant-col-xs-14 {
            display: block;
            flex: 0 0 58.33333333%;
            max-width: 58.33333333%;
        }

        .ant-col-xs-push-14 {
            left: 58.33333333%;
        }

        .ant-col-xs-pull-14 {
            right: 58.33333333%;
        }

        .ant-col-xs-offset-14 {
            margin-left: 58.33333333%;
        }

        .ant-col-xs-order-14 {
            order: 14;
        }

        .ant-col-xs-13 {
            display: block;
            flex: 0 0 54.16666667%;
            max-width: 54.16666667%;
        }

        .ant-col-xs-push-13 {
            left: 54.16666667%;
        }

        .ant-col-xs-pull-13 {
            right: 54.16666667%;
        }

        .ant-col-xs-offset-13 {
            margin-left: 54.16666667%;
        }

        .ant-col-xs-order-13 {
            order: 13;
        }

        .ant-col-xs-12 {
            display: block;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .ant-col-xs-push-12 {
            left: 50%;
        }

        .ant-col-xs-pull-12 {
            right: 50%;
        }

        .ant-col-xs-offset-12 {
            margin-left: 50%;
        }

        .ant-col-xs-order-12 {
            order: 12;
        }

        .ant-col-xs-11 {
            display: block;
            flex: 0 0 45.83333333%;
            max-width: 45.83333333%;
        }

        .ant-col-xs-push-11 {
            left: 45.83333333%;
        }

        .ant-col-xs-pull-11 {
            right: 45.83333333%;
        }

        .ant-col-xs-offset-11 {
            margin-left: 45.83333333%;
        }

        .ant-col-xs-order-11 {
            order: 11;
        }

        .ant-col-xs-10 {
            display: block;
            flex: 0 0 41.66666667%;
            max-width: 41.66666667%;
        }

        .ant-col-xs-push-10 {
            left: 41.66666667%;
        }

        .ant-col-xs-pull-10 {
            right: 41.66666667%;
        }

        .ant-col-xs-offset-10 {
            margin-left: 41.66666667%;
        }

        .ant-col-xs-order-10 {
            order: 10;
        }

        .ant-col-xs-9 {
            display: block;
            flex: 0 0 37.5%;
            max-width: 37.5%;
        }

        .ant-col-xs-push-9 {
            left: 37.5%;
        }

        .ant-col-xs-pull-9 {
            right: 37.5%;
        }

        .ant-col-xs-offset-9 {
            margin-left: 37.5%;
        }

        .ant-col-xs-order-9 {
            order: 9;
        }

        .ant-col-xs-8 {
            display: block;
            flex: 0 0 33.33333333%;
            max-width: 33.33333333%;
        }

        .ant-col-xs-push-8 {
            left: 33.33333333%;
        }

        .ant-col-xs-pull-8 {
            right: 33.33333333%;
        }

        .ant-col-xs-offset-8 {
            margin-left: 33.33333333%;
        }

        .ant-col-xs-order-8 {
            order: 8;
        }

        .ant-col-xs-7 {
            display: block;
            flex: 0 0 29.16666667%;
            max-width: 29.16666667%;
        }

        .ant-col-xs-push-7 {
            left: 29.16666667%;
        }

        .ant-col-xs-pull-7 {
            right: 29.16666667%;
        }

        .ant-col-xs-offset-7 {
            margin-left: 29.16666667%;
        }

        .ant-col-xs-order-7 {
            order: 7;
        }

        .ant-col-xs-6 {
            display: block;
            flex: 0 0 25%;
            max-width: 25%;
        }

        .ant-col-xs-push-6 {
            left: 25%;
        }

        .ant-col-xs-pull-6 {
            right: 25%;
        }

        .ant-col-xs-offset-6 {
            margin-left: 25%;
        }

        .ant-col-xs-order-6 {
            order: 6;
        }

        .ant-col-xs-5 {
            display: block;
            flex: 0 0 20.83333333%;
            max-width: 20.83333333%;
        }

        .ant-col-xs-push-5 {
            left: 20.83333333%;
        }

        .ant-col-xs-pull-5 {
            right: 20.83333333%;
        }

        .ant-col-xs-offset-5 {
            margin-left: 20.83333333%;
        }

        .ant-col-xs-order-5 {
            order: 5;
        }

        .ant-col-xs-4 {
            display: block;
            flex: 0 0 16.66666667%;
            max-width: 16.66666667%;
        }

        .ant-col-xs-push-4 {
            left: 16.66666667%;
        }

        .ant-col-xs-pull-4 {
            right: 16.66666667%;
        }

        .ant-col-xs-offset-4 {
            margin-left: 16.66666667%;
        }

        .ant-col-xs-order-4 {
            order: 4;
        }

        .ant-col-xs-3 {
            display: block;
            flex: 0 0 12.5%;
            max-width: 12.5%;
        }

        .ant-col-xs-push-3 {
            left: 12.5%;
        }

        .ant-col-xs-pull-3 {
            right: 12.5%;
        }

        .ant-col-xs-offset-3 {
            margin-left: 12.5%;
        }

        .ant-col-xs-order-3 {
            order: 3;
        }

        .ant-col-xs-2 {
            display: block;
            flex: 0 0 8.33333333%;
            max-width: 8.33333333%;
        }

        .ant-col-xs-push-2 {
            left: 8.33333333%;
        }

        .ant-col-xs-pull-2 {
            right: 8.33333333%;
        }

        .ant-col-xs-offset-2 {
            margin-left: 8.33333333%;
        }

        .ant-col-xs-order-2 {
            order: 2;
        }

        .ant-col-xs-1 {
            display: block;
            flex: 0 0 4.16666667%;
            max-width: 4.16666667%;
        }

        .ant-col-xs-push-1 {
            left: 4.16666667%;
        }

        .ant-col-xs-pull-1 {
            right: 4.16666667%;
        }

        .ant-col-xs-offset-1 {
            margin-left: 4.16666667%;
        }

        .ant-col-xs-order-1 {
            order: 1;
        }

        .ant-col-xs-0 {
            display: none;
        }

        .ant-col-push-0 {
            left: auto;
        }

        .ant-col-pull-0 {
            right: auto;
        }

        .ant-col-xs-push-0 {
            left: auto;
        }

        .ant-col-xs-pull-0 {
            right: auto;
        }

        .ant-col-xs-offset-0 {
            margin-left: 0;
        }

        .ant-col-xs-order-0 {
            order: 0;
        }

        .ant-col-push-0.ant-col-rtl {
            right: auto;
        }

        .ant-col-pull-0.ant-col-rtl {
            left: auto;
        }

        .ant-col-xs-push-0.ant-col-rtl {
            right: auto;
        }

        .ant-col-xs-pull-0.ant-col-rtl {
            left: auto;
        }

        .ant-col-xs-offset-0.ant-col-rtl {
            margin-right: 0;
        }

        .ant-col-xs-push-1.ant-col-rtl {
            right: 4.16666667%;
            left: auto;
        }

        .ant-col-xs-pull-1.ant-col-rtl {
            right: auto;
            left: 4.16666667%;
        }

        .ant-col-xs-offset-1.ant-col-rtl {
            margin-right: 4.16666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-2.ant-col-rtl {
            right: 8.33333333%;
            left: auto;
        }

        .ant-col-xs-pull-2.ant-col-rtl {
            right: auto;
            left: 8.33333333%;
        }

        .ant-col-xs-offset-2.ant-col-rtl {
            margin-right: 8.33333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-3.ant-col-rtl {
            right: 12.5%;
            left: auto;
        }

        .ant-col-xs-pull-3.ant-col-rtl {
            right: auto;
            left: 12.5%;
        }

        .ant-col-xs-offset-3.ant-col-rtl {
            margin-right: 12.5%;
            margin-left: 0;
        }

        .ant-col-xs-push-4.ant-col-rtl {
            right: 16.66666667%;
            left: auto;
        }

        .ant-col-xs-pull-4.ant-col-rtl {
            right: auto;
            left: 16.66666667%;
        }

        .ant-col-xs-offset-4.ant-col-rtl {
            margin-right: 16.66666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-5.ant-col-rtl {
            right: 20.83333333%;
            left: auto;
        }

        .ant-col-xs-pull-5.ant-col-rtl {
            right: auto;
            left: 20.83333333%;
        }

        .ant-col-xs-offset-5.ant-col-rtl {
            margin-right: 20.83333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-6.ant-col-rtl {
            right: 25%;
            left: auto;
        }

        .ant-col-xs-pull-6.ant-col-rtl {
            right: auto;
            left: 25%;
        }

        .ant-col-xs-offset-6.ant-col-rtl {
            margin-right: 25%;
            margin-left: 0;
        }

        .ant-col-xs-push-7.ant-col-rtl {
            right: 29.16666667%;
            left: auto;
        }

        .ant-col-xs-pull-7.ant-col-rtl {
            right: auto;
            left: 29.16666667%;
        }

        .ant-col-xs-offset-7.ant-col-rtl {
            margin-right: 29.16666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-8.ant-col-rtl {
            right: 33.33333333%;
            left: auto;
        }

        .ant-col-xs-pull-8.ant-col-rtl {
            right: auto;
            left: 33.33333333%;
        }

        .ant-col-xs-offset-8.ant-col-rtl {
            margin-right: 33.33333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-9.ant-col-rtl {
            right: 37.5%;
            left: auto;
        }

        .ant-col-xs-pull-9.ant-col-rtl {
            right: auto;
            left: 37.5%;
        }

        .ant-col-xs-offset-9.ant-col-rtl {
            margin-right: 37.5%;
            margin-left: 0;
        }

        .ant-col-xs-push-10.ant-col-rtl {
            right: 41.66666667%;
            left: auto;
        }

        .ant-col-xs-pull-10.ant-col-rtl {
            right: auto;
            left: 41.66666667%;
        }

        .ant-col-xs-offset-10.ant-col-rtl {
            margin-right: 41.66666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-11.ant-col-rtl {
            right: 45.83333333%;
            left: auto;
        }

        .ant-col-xs-pull-11.ant-col-rtl {
            right: auto;
            left: 45.83333333%;
        }

        .ant-col-xs-offset-11.ant-col-rtl {
            margin-right: 45.83333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-12.ant-col-rtl {
            right: 50%;
            left: auto;
        }

        .ant-col-xs-pull-12.ant-col-rtl {
            right: auto;
            left: 50%;
        }

        .ant-col-xs-offset-12.ant-col-rtl {
            margin-right: 50%;
            margin-left: 0;
        }

        .ant-col-xs-push-13.ant-col-rtl {
            right: 54.16666667%;
            left: auto;
        }

        .ant-col-xs-pull-13.ant-col-rtl {
            right: auto;
            left: 54.16666667%;
        }

        .ant-col-xs-offset-13.ant-col-rtl {
            margin-right: 54.16666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-14.ant-col-rtl {
            right: 58.33333333%;
            left: auto;
        }

        .ant-col-xs-pull-14.ant-col-rtl {
            right: auto;
            left: 58.33333333%;
        }

        .ant-col-xs-offset-14.ant-col-rtl {
            margin-right: 58.33333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-15.ant-col-rtl {
            right: 62.5%;
            left: auto;
        }

        .ant-col-xs-pull-15.ant-col-rtl {
            right: auto;
            left: 62.5%;
        }

        .ant-col-xs-offset-15.ant-col-rtl {
            margin-right: 62.5%;
            margin-left: 0;
        }

        .ant-col-xs-push-16.ant-col-rtl {
            right: 66.66666667%;
            left: auto;
        }

        .ant-col-xs-pull-16.ant-col-rtl {
            right: auto;
            left: 66.66666667%;
        }

        .ant-col-xs-offset-16.ant-col-rtl {
            margin-right: 66.66666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-17.ant-col-rtl {
            right: 70.83333333%;
            left: auto;
        }

        .ant-col-xs-pull-17.ant-col-rtl {
            right: auto;
            left: 70.83333333%;
        }

        .ant-col-xs-offset-17.ant-col-rtl {
            margin-right: 70.83333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-18.ant-col-rtl {
            right: 75%;
            left: auto;
        }

        .ant-col-xs-pull-18.ant-col-rtl {
            right: auto;
            left: 75%;
        }

        .ant-col-xs-offset-18.ant-col-rtl {
            margin-right: 75%;
            margin-left: 0;
        }

        .ant-col-xs-push-19.ant-col-rtl {
            right: 79.16666667%;
            left: auto;
        }

        .ant-col-xs-pull-19.ant-col-rtl {
            right: auto;
            left: 79.16666667%;
        }

        .ant-col-xs-offset-19.ant-col-rtl {
            margin-right: 79.16666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-20.ant-col-rtl {
            right: 83.33333333%;
            left: auto;
        }

        .ant-col-xs-pull-20.ant-col-rtl {
            right: auto;
            left: 83.33333333%;
        }

        .ant-col-xs-offset-20.ant-col-rtl {
            margin-right: 83.33333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-21.ant-col-rtl {
            right: 87.5%;
            left: auto;
        }

        .ant-col-xs-pull-21.ant-col-rtl {
            right: auto;
            left: 87.5%;
        }

        .ant-col-xs-offset-21.ant-col-rtl {
            margin-right: 87.5%;
            margin-left: 0;
        }

        .ant-col-xs-push-22.ant-col-rtl {
            right: 91.66666667%;
            left: auto;
        }

        .ant-col-xs-pull-22.ant-col-rtl {
            right: auto;
            left: 91.66666667%;
        }

        .ant-col-xs-offset-22.ant-col-rtl {
            margin-right: 91.66666667%;
            margin-left: 0;
        }

        .ant-col-xs-push-23.ant-col-rtl {
            right: 95.83333333%;
            left: auto;
        }

        .ant-col-xs-pull-23.ant-col-rtl {
            right: auto;
            left: 95.83333333%;
        }

        .ant-col-xs-offset-23.ant-col-rtl {
            margin-right: 95.83333333%;
            margin-left: 0;
        }

        .ant-col-xs-push-24.ant-col-rtl {
            right: 100%;
            left: auto;
        }

        .ant-col-xs-pull-24.ant-col-rtl {
            right: auto;
            left: 100%;
        }

        .ant-col-xs-offset-24.ant-col-rtl {
            margin-right: 100%;
            margin-left: 0;
        }

        @media (min-width: 576px) {
            .ant-col-sm-24 {
                display: block;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .ant-col-sm-push-24 {
                left: 100%;
            }

            .ant-col-sm-pull-24 {
                right: 100%;
            }

            .ant-col-sm-offset-24 {
                margin-left: 100%;
            }

            .ant-col-sm-order-24 {
                order: 24;
            }

            .ant-col-sm-23 {
                display: block;
                flex: 0 0 95.83333333%;
                max-width: 95.83333333%;
            }

            .ant-col-sm-push-23 {
                left: 95.83333333%;
            }

            .ant-col-sm-pull-23 {
                right: 95.83333333%;
            }

            .ant-col-sm-offset-23 {
                margin-left: 95.83333333%;
            }

            .ant-col-sm-order-23 {
                order: 23;
            }

            .ant-col-sm-22 {
                display: block;
                flex: 0 0 91.66666667%;
                max-width: 91.66666667%;
            }

            .ant-col-sm-push-22 {
                left: 91.66666667%;
            }

            .ant-col-sm-pull-22 {
                right: 91.66666667%;
            }

            .ant-col-sm-offset-22 {
                margin-left: 91.66666667%;
            }

            .ant-col-sm-order-22 {
                order: 22;
            }

            .ant-col-sm-21 {
                display: block;
                flex: 0 0 87.5%;
                max-width: 87.5%;
            }

            .ant-col-sm-push-21 {
                left: 87.5%;
            }

            .ant-col-sm-pull-21 {
                right: 87.5%;
            }

            .ant-col-sm-offset-21 {
                margin-left: 87.5%;
            }

            .ant-col-sm-order-21 {
                order: 21;
            }

            .ant-col-sm-20 {
                display: block;
                flex: 0 0 83.33333333%;
                max-width: 83.33333333%;
            }

            .ant-col-sm-push-20 {
                left: 83.33333333%;
            }

            .ant-col-sm-pull-20 {
                right: 83.33333333%;
            }

            .ant-col-sm-offset-20 {
                margin-left: 83.33333333%;
            }

            .ant-col-sm-order-20 {
                order: 20;
            }

            .ant-col-sm-19 {
                display: block;
                flex: 0 0 79.16666667%;
                max-width: 79.16666667%;
            }

            .ant-col-sm-push-19 {
                left: 79.16666667%;
            }

            .ant-col-sm-pull-19 {
                right: 79.16666667%;
            }

            .ant-col-sm-offset-19 {
                margin-left: 79.16666667%;
            }

            .ant-col-sm-order-19 {
                order: 19;
            }

            .ant-col-sm-18 {
                display: block;
                flex: 0 0 75%;
                max-width: 75%;
            }

            .ant-col-sm-push-18 {
                left: 75%;
            }

            .ant-col-sm-pull-18 {
                right: 75%;
            }

            .ant-col-sm-offset-18 {
                margin-left: 75%;
            }

            .ant-col-sm-order-18 {
                order: 18;
            }

            .ant-col-sm-17 {
                display: block;
                flex: 0 0 70.83333333%;
                max-width: 70.83333333%;
            }

            .ant-col-sm-push-17 {
                left: 70.83333333%;
            }

            .ant-col-sm-pull-17 {
                right: 70.83333333%;
            }

            .ant-col-sm-offset-17 {
                margin-left: 70.83333333%;
            }

            .ant-col-sm-order-17 {
                order: 17;
            }

            .ant-col-sm-16 {
                display: block;
                flex: 0 0 66.66666667%;
                max-width: 66.66666667%;
            }

            .ant-col-sm-push-16 {
                left: 66.66666667%;
            }

            .ant-col-sm-pull-16 {
                right: 66.66666667%;
            }

            .ant-col-sm-offset-16 {
                margin-left: 66.66666667%;
            }

            .ant-col-sm-order-16 {
                order: 16;
            }

            .ant-col-sm-15 {
                display: block;
                flex: 0 0 62.5%;
                max-width: 62.5%;
            }

            .ant-col-sm-push-15 {
                left: 62.5%;
            }

            .ant-col-sm-pull-15 {
                right: 62.5%;
            }

            .ant-col-sm-offset-15 {
                margin-left: 62.5%;
            }

            .ant-col-sm-order-15 {
                order: 15;
            }

            .ant-col-sm-14 {
                display: block;
                flex: 0 0 58.33333333%;
                max-width: 58.33333333%;
            }

            .ant-col-sm-push-14 {
                left: 58.33333333%;
            }

            .ant-col-sm-pull-14 {
                right: 58.33333333%;
            }

            .ant-col-sm-offset-14 {
                margin-left: 58.33333333%;
            }

            .ant-col-sm-order-14 {
                order: 14;
            }

            .ant-col-sm-13 {
                display: block;
                flex: 0 0 54.16666667%;
                max-width: 54.16666667%;
            }

            .ant-col-sm-push-13 {
                left: 54.16666667%;
            }

            .ant-col-sm-pull-13 {
                right: 54.16666667%;
            }

            .ant-col-sm-offset-13 {
                margin-left: 54.16666667%;
            }

            .ant-col-sm-order-13 {
                order: 13;
            }

            .ant-col-sm-12 {
                display: block;
                flex: 0 0 50%;
                max-width: 50%;
            }

            .ant-col-sm-push-12 {
                left: 50%;
            }

            .ant-col-sm-pull-12 {
                right: 50%;
            }

            .ant-col-sm-offset-12 {
                margin-left: 50%;
            }

            .ant-col-sm-order-12 {
                order: 12;
            }

            .ant-col-sm-11 {
                display: block;
                flex: 0 0 45.83333333%;
                max-width: 45.83333333%;
            }

            .ant-col-sm-push-11 {
                left: 45.83333333%;
            }

            .ant-col-sm-pull-11 {
                right: 45.83333333%;
            }

            .ant-col-sm-offset-11 {
                margin-left: 45.83333333%;
            }

            .ant-col-sm-order-11 {
                order: 11;
            }

            .ant-col-sm-10 {
                display: block;
                flex: 0 0 41.66666667%;
                max-width: 41.66666667%;
            }

            .ant-col-sm-push-10 {
                left: 41.66666667%;
            }

            .ant-col-sm-pull-10 {
                right: 41.66666667%;
            }

            .ant-col-sm-offset-10 {
                margin-left: 41.66666667%;
            }

            .ant-col-sm-order-10 {
                order: 10;
            }

            .ant-col-sm-9 {
                display: block;
                flex: 0 0 37.5%;
                max-width: 37.5%;
            }

            .ant-col-sm-push-9 {
                left: 37.5%;
            }

            .ant-col-sm-pull-9 {
                right: 37.5%;
            }

            .ant-col-sm-offset-9 {
                margin-left: 37.5%;
            }

            .ant-col-sm-order-9 {
                order: 9;
            }

            .ant-col-sm-8 {
                display: block;
                flex: 0 0 33.33333333%;
                max-width: 33.33333333%;
            }

            .ant-col-sm-push-8 {
                left: 33.33333333%;
            }

            .ant-col-sm-pull-8 {
                right: 33.33333333%;
            }

            .ant-col-sm-offset-8 {
                margin-left: 33.33333333%;
            }

            .ant-col-sm-order-8 {
                order: 8;
            }

            .ant-col-sm-7 {
                display: block;
                flex: 0 0 29.16666667%;
                max-width: 29.16666667%;
            }

            .ant-col-sm-push-7 {
                left: 29.16666667%;
            }

            .ant-col-sm-pull-7 {
                right: 29.16666667%;
            }

            .ant-col-sm-offset-7 {
                margin-left: 29.16666667%;
            }

            .ant-col-sm-order-7 {
                order: 7;
            }

            .ant-col-sm-6 {
                display: block;
                flex: 0 0 25%;
                max-width: 25%;
            }

            .ant-col-sm-push-6 {
                left: 25%;
            }

            .ant-col-sm-pull-6 {
                right: 25%;
            }

            .ant-col-sm-offset-6 {
                margin-left: 25%;
            }

            .ant-col-sm-order-6 {
                order: 6;
            }

            .ant-col-sm-5 {
                display: block;
                flex: 0 0 20.83333333%;
                max-width: 20.83333333%;
            }

            .ant-col-sm-push-5 {
                left: 20.83333333%;
            }

            .ant-col-sm-pull-5 {
                right: 20.83333333%;
            }

            .ant-col-sm-offset-5 {
                margin-left: 20.83333333%;
            }

            .ant-col-sm-order-5 {
                order: 5;
            }

            .ant-col-sm-4 {
                display: block;
                flex: 0 0 16.66666667%;
                max-width: 16.66666667%;
            }

            .ant-col-sm-push-4 {
                left: 16.66666667%;
            }

            .ant-col-sm-pull-4 {
                right: 16.66666667%;
            }

            .ant-col-sm-offset-4 {
                margin-left: 16.66666667%;
            }

            .ant-col-sm-order-4 {
                order: 4;
            }

            .ant-col-sm-3 {
                display: block;
                flex: 0 0 12.5%;
                max-width: 12.5%;
            }

            .ant-col-sm-push-3 {
                left: 12.5%;
            }

            .ant-col-sm-pull-3 {
                right: 12.5%;
            }

            .ant-col-sm-offset-3 {
                margin-left: 12.5%;
            }

            .ant-col-sm-order-3 {
                order: 3;
            }

            .ant-col-sm-2 {
                display: block;
                flex: 0 0 8.33333333%;
                max-width: 8.33333333%;
            }

            .ant-col-sm-push-2 {
                left: 8.33333333%;
            }

            .ant-col-sm-pull-2 {
                right: 8.33333333%;
            }

            .ant-col-sm-offset-2 {
                margin-left: 8.33333333%;
            }

            .ant-col-sm-order-2 {
                order: 2;
            }

            .ant-col-sm-1 {
                display: block;
                flex: 0 0 4.16666667%;
                max-width: 4.16666667%;
            }

            .ant-col-sm-push-1 {
                left: 4.16666667%;
            }

            .ant-col-sm-pull-1 {
                right: 4.16666667%;
            }

            .ant-col-sm-offset-1 {
                margin-left: 4.16666667%;
            }

            .ant-col-sm-order-1 {
                order: 1;
            }

            .ant-col-sm-0 {
                display: none;
            }

            .ant-col-push-0 {
                left: auto;
            }

            .ant-col-pull-0 {
                right: auto;
            }

            .ant-col-sm-push-0 {
                left: auto;
            }

            .ant-col-sm-pull-0 {
                right: auto;
            }

            .ant-col-sm-offset-0 {
                margin-left: 0;
            }

            .ant-col-sm-order-0 {
                order: 0;
            }

            .ant-col-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-sm-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-sm-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-sm-offset-0.ant-col-rtl {
                margin-right: 0;
            }

            .ant-col-sm-push-1.ant-col-rtl {
                right: 4.16666667%;
                left: auto;
            }

            .ant-col-sm-pull-1.ant-col-rtl {
                right: auto;
                left: 4.16666667%;
            }

            .ant-col-sm-offset-1.ant-col-rtl {
                margin-right: 4.16666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-2.ant-col-rtl {
                right: 8.33333333%;
                left: auto;
            }

            .ant-col-sm-pull-2.ant-col-rtl {
                right: auto;
                left: 8.33333333%;
            }

            .ant-col-sm-offset-2.ant-col-rtl {
                margin-right: 8.33333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-3.ant-col-rtl {
                right: 12.5%;
                left: auto;
            }

            .ant-col-sm-pull-3.ant-col-rtl {
                right: auto;
                left: 12.5%;
            }

            .ant-col-sm-offset-3.ant-col-rtl {
                margin-right: 12.5%;
                margin-left: 0;
            }

            .ant-col-sm-push-4.ant-col-rtl {
                right: 16.66666667%;
                left: auto;
            }

            .ant-col-sm-pull-4.ant-col-rtl {
                right: auto;
                left: 16.66666667%;
            }

            .ant-col-sm-offset-4.ant-col-rtl {
                margin-right: 16.66666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-5.ant-col-rtl {
                right: 20.83333333%;
                left: auto;
            }

            .ant-col-sm-pull-5.ant-col-rtl {
                right: auto;
                left: 20.83333333%;
            }

            .ant-col-sm-offset-5.ant-col-rtl {
                margin-right: 20.83333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-6.ant-col-rtl {
                right: 25%;
                left: auto;
            }

            .ant-col-sm-pull-6.ant-col-rtl {
                right: auto;
                left: 25%;
            }

            .ant-col-sm-offset-6.ant-col-rtl {
                margin-right: 25%;
                margin-left: 0;
            }

            .ant-col-sm-push-7.ant-col-rtl {
                right: 29.16666667%;
                left: auto;
            }

            .ant-col-sm-pull-7.ant-col-rtl {
                right: auto;
                left: 29.16666667%;
            }

            .ant-col-sm-offset-7.ant-col-rtl {
                margin-right: 29.16666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-8.ant-col-rtl {
                right: 33.33333333%;
                left: auto;
            }

            .ant-col-sm-pull-8.ant-col-rtl {
                right: auto;
                left: 33.33333333%;
            }

            .ant-col-sm-offset-8.ant-col-rtl {
                margin-right: 33.33333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-9.ant-col-rtl {
                right: 37.5%;
                left: auto;
            }

            .ant-col-sm-pull-9.ant-col-rtl {
                right: auto;
                left: 37.5%;
            }

            .ant-col-sm-offset-9.ant-col-rtl {
                margin-right: 37.5%;
                margin-left: 0;
            }

            .ant-col-sm-push-10.ant-col-rtl {
                right: 41.66666667%;
                left: auto;
            }

            .ant-col-sm-pull-10.ant-col-rtl {
                right: auto;
                left: 41.66666667%;
            }

            .ant-col-sm-offset-10.ant-col-rtl {
                margin-right: 41.66666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-11.ant-col-rtl {
                right: 45.83333333%;
                left: auto;
            }

            .ant-col-sm-pull-11.ant-col-rtl {
                right: auto;
                left: 45.83333333%;
            }

            .ant-col-sm-offset-11.ant-col-rtl {
                margin-right: 45.83333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-12.ant-col-rtl {
                right: 50%;
                left: auto;
            }

            .ant-col-sm-pull-12.ant-col-rtl {
                right: auto;
                left: 50%;
            }

            .ant-col-sm-offset-12.ant-col-rtl {
                margin-right: 50%;
                margin-left: 0;
            }

            .ant-col-sm-push-13.ant-col-rtl {
                right: 54.16666667%;
                left: auto;
            }

            .ant-col-sm-pull-13.ant-col-rtl {
                right: auto;
                left: 54.16666667%;
            }

            .ant-col-sm-offset-13.ant-col-rtl {
                margin-right: 54.16666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-14.ant-col-rtl {
                right: 58.33333333%;
                left: auto;
            }

            .ant-col-sm-pull-14.ant-col-rtl {
                right: auto;
                left: 58.33333333%;
            }

            .ant-col-sm-offset-14.ant-col-rtl {
                margin-right: 58.33333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-15.ant-col-rtl {
                right: 62.5%;
                left: auto;
            }

            .ant-col-sm-pull-15.ant-col-rtl {
                right: auto;
                left: 62.5%;
            }

            .ant-col-sm-offset-15.ant-col-rtl {
                margin-right: 62.5%;
                margin-left: 0;
            }

            .ant-col-sm-push-16.ant-col-rtl {
                right: 66.66666667%;
                left: auto;
            }

            .ant-col-sm-pull-16.ant-col-rtl {
                right: auto;
                left: 66.66666667%;
            }

            .ant-col-sm-offset-16.ant-col-rtl {
                margin-right: 66.66666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-17.ant-col-rtl {
                right: 70.83333333%;
                left: auto;
            }

            .ant-col-sm-pull-17.ant-col-rtl {
                right: auto;
                left: 70.83333333%;
            }

            .ant-col-sm-offset-17.ant-col-rtl {
                margin-right: 70.83333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-18.ant-col-rtl {
                right: 75%;
                left: auto;
            }

            .ant-col-sm-pull-18.ant-col-rtl {
                right: auto;
                left: 75%;
            }

            .ant-col-sm-offset-18.ant-col-rtl {
                margin-right: 75%;
                margin-left: 0;
            }

            .ant-col-sm-push-19.ant-col-rtl {
                right: 79.16666667%;
                left: auto;
            }

            .ant-col-sm-pull-19.ant-col-rtl {
                right: auto;
                left: 79.16666667%;
            }

            .ant-col-sm-offset-19.ant-col-rtl {
                margin-right: 79.16666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-20.ant-col-rtl {
                right: 83.33333333%;
                left: auto;
            }

            .ant-col-sm-pull-20.ant-col-rtl {
                right: auto;
                left: 83.33333333%;
            }

            .ant-col-sm-offset-20.ant-col-rtl {
                margin-right: 83.33333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-21.ant-col-rtl {
                right: 87.5%;
                left: auto;
            }

            .ant-col-sm-pull-21.ant-col-rtl {
                right: auto;
                left: 87.5%;
            }

            .ant-col-sm-offset-21.ant-col-rtl {
                margin-right: 87.5%;
                margin-left: 0;
            }

            .ant-col-sm-push-22.ant-col-rtl {
                right: 91.66666667%;
                left: auto;
            }

            .ant-col-sm-pull-22.ant-col-rtl {
                right: auto;
                left: 91.66666667%;
            }

            .ant-col-sm-offset-22.ant-col-rtl {
                margin-right: 91.66666667%;
                margin-left: 0;
            }

            .ant-col-sm-push-23.ant-col-rtl {
                right: 95.83333333%;
                left: auto;
            }

            .ant-col-sm-pull-23.ant-col-rtl {
                right: auto;
                left: 95.83333333%;
            }

            .ant-col-sm-offset-23.ant-col-rtl {
                margin-right: 95.83333333%;
                margin-left: 0;
            }

            .ant-col-sm-push-24.ant-col-rtl {
                right: 100%;
                left: auto;
            }

            .ant-col-sm-pull-24.ant-col-rtl {
                right: auto;
                left: 100%;
            }

            .ant-col-sm-offset-24.ant-col-rtl {
                margin-right: 100%;
                margin-left: 0;
            }
        }

        @media (min-width: 768px) {
            .ant-col-md-24 {
                display: block;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .ant-col-md-push-24 {
                left: 100%;
            }

            .ant-col-md-pull-24 {
                right: 100%;
            }

            .ant-col-md-offset-24 {
                margin-left: 100%;
            }

            .ant-col-md-order-24 {
                order: 24;
            }

            .ant-col-md-23 {
                display: block;
                flex: 0 0 95.83333333%;
                max-width: 95.83333333%;
            }

            .ant-col-md-push-23 {
                left: 95.83333333%;
            }

            .ant-col-md-pull-23 {
                right: 95.83333333%;
            }

            .ant-col-md-offset-23 {
                margin-left: 95.83333333%;
            }

            .ant-col-md-order-23 {
                order: 23;
            }

            .ant-col-md-22 {
                display: block;
                flex: 0 0 91.66666667%;
                max-width: 91.66666667%;
            }

            .ant-col-md-push-22 {
                left: 91.66666667%;
            }

            .ant-col-md-pull-22 {
                right: 91.66666667%;
            }

            .ant-col-md-offset-22 {
                margin-left: 91.66666667%;
            }

            .ant-col-md-order-22 {
                order: 22;
            }

            .ant-col-md-21 {
                display: block;
                flex: 0 0 87.5%;
                max-width: 87.5%;
            }

            .ant-col-md-push-21 {
                left: 87.5%;
            }

            .ant-col-md-pull-21 {
                right: 87.5%;
            }

            .ant-col-md-offset-21 {
                margin-left: 87.5%;
            }

            .ant-col-md-order-21 {
                order: 21;
            }

            .ant-col-md-20 {
                display: block;
                flex: 0 0 83.33333333%;
                max-width: 83.33333333%;
            }

            .ant-col-md-push-20 {
                left: 83.33333333%;
            }

            .ant-col-md-pull-20 {
                right: 83.33333333%;
            }

            .ant-col-md-offset-20 {
                margin-left: 83.33333333%;
            }

            .ant-col-md-order-20 {
                order: 20;
            }

            .ant-col-md-19 {
                display: block;
                flex: 0 0 79.16666667%;
                max-width: 79.16666667%;
            }

            .ant-col-md-push-19 {
                left: 79.16666667%;
            }

            .ant-col-md-pull-19 {
                right: 79.16666667%;
            }

            .ant-col-md-offset-19 {
                margin-left: 79.16666667%;
            }

            .ant-col-md-order-19 {
                order: 19;
            }

            .ant-col-md-18 {
                display: block;
                flex: 0 0 75%;
                max-width: 75%;
            }

            .ant-col-md-push-18 {
                left: 75%;
            }

            .ant-col-md-pull-18 {
                right: 75%;
            }

            .ant-col-md-offset-18 {
                margin-left: 75%;
            }

            .ant-col-md-order-18 {
                order: 18;
            }

            .ant-col-md-17 {
                display: block;
                flex: 0 0 70.83333333%;
                max-width: 70.83333333%;
            }

            .ant-col-md-push-17 {
                left: 70.83333333%;
            }

            .ant-col-md-pull-17 {
                right: 70.83333333%;
            }

            .ant-col-md-offset-17 {
                margin-left: 70.83333333%;
            }

            .ant-col-md-order-17 {
                order: 17;
            }

            .ant-col-md-16 {
                display: block;
                flex: 0 0 66.66666667%;
                max-width: 66.66666667%;
            }

            .ant-col-md-push-16 {
                left: 66.66666667%;
            }

            .ant-col-md-pull-16 {
                right: 66.66666667%;
            }

            .ant-col-md-offset-16 {
                margin-left: 66.66666667%;
            }

            .ant-col-md-order-16 {
                order: 16;
            }

            .ant-col-md-15 {
                display: block;
                flex: 0 0 62.5%;
                max-width: 62.5%;
            }

            .ant-col-md-push-15 {
                left: 62.5%;
            }

            .ant-col-md-pull-15 {
                right: 62.5%;
            }

            .ant-col-md-offset-15 {
                margin-left: 62.5%;
            }

            .ant-col-md-order-15 {
                order: 15;
            }

            .ant-col-md-14 {
                display: block;
                flex: 0 0 58.33333333%;
                max-width: 58.33333333%;
            }

            .ant-col-md-push-14 {
                left: 58.33333333%;
            }

            .ant-col-md-pull-14 {
                right: 58.33333333%;
            }

            .ant-col-md-offset-14 {
                margin-left: 58.33333333%;
            }

            .ant-col-md-order-14 {
                order: 14;
            }

            .ant-col-md-13 {
                display: block;
                flex: 0 0 54.16666667%;
                max-width: 54.16666667%;
            }

            .ant-col-md-push-13 {
                left: 54.16666667%;
            }

            .ant-col-md-pull-13 {
                right: 54.16666667%;
            }

            .ant-col-md-offset-13 {
                margin-left: 54.16666667%;
            }

            .ant-col-md-order-13 {
                order: 13;
            }

            .ant-col-md-12 {
                display: block;
                flex: 0 0 50%;
                max-width: 50%;
            }

            .ant-col-md-push-12 {
                left: 50%;
            }

            .ant-col-md-pull-12 {
                right: 50%;
            }

            .ant-col-md-offset-12 {
                margin-left: 50%;
            }

            .ant-col-md-order-12 {
                order: 12;
            }

            .ant-col-md-11 {
                display: block;
                flex: 0 0 45.83333333%;
                max-width: 45.83333333%;
            }

            .ant-col-md-push-11 {
                left: 45.83333333%;
            }

            .ant-col-md-pull-11 {
                right: 45.83333333%;
            }

            .ant-col-md-offset-11 {
                margin-left: 45.83333333%;
            }

            .ant-col-md-order-11 {
                order: 11;
            }

            .ant-col-md-10 {
                display: block;
                flex: 0 0 41.66666667%;
                max-width: 41.66666667%;
            }

            .ant-col-md-push-10 {
                left: 41.66666667%;
            }

            .ant-col-md-pull-10 {
                right: 41.66666667%;
            }

            .ant-col-md-offset-10 {
                margin-left: 41.66666667%;
            }

            .ant-col-md-order-10 {
                order: 10;
            }

            .ant-col-md-9 {
                display: block;
                flex: 0 0 37.5%;
                max-width: 37.5%;
            }

            .ant-col-md-push-9 {
                left: 37.5%;
            }

            .ant-col-md-pull-9 {
                right: 37.5%;
            }

            .ant-col-md-offset-9 {
                margin-left: 37.5%;
            }

            .ant-col-md-order-9 {
                order: 9;
            }

            .ant-col-md-8 {
                display: block;
                flex: 0 0 33.33333333%;
                max-width: 33.33333333%;
            }

            .ant-col-md-push-8 {
                left: 33.33333333%;
            }

            .ant-col-md-pull-8 {
                right: 33.33333333%;
            }

            .ant-col-md-offset-8 {
                margin-left: 33.33333333%;
            }

            .ant-col-md-order-8 {
                order: 8;
            }

            .ant-col-md-7 {
                display: block;
                flex: 0 0 29.16666667%;
                max-width: 29.16666667%;
            }

            .ant-col-md-push-7 {
                left: 29.16666667%;
            }

            .ant-col-md-pull-7 {
                right: 29.16666667%;
            }

            .ant-col-md-offset-7 {
                margin-left: 29.16666667%;
            }

            .ant-col-md-order-7 {
                order: 7;
            }

            .ant-col-md-6 {
                display: block;
                flex: 0 0 25%;
                max-width: 25%;
            }

            .ant-col-md-push-6 {
                left: 25%;
            }

            .ant-col-md-pull-6 {
                right: 25%;
            }

            .ant-col-md-offset-6 {
                margin-left: 25%;
            }

            .ant-col-md-order-6 {
                order: 6;
            }

            .ant-col-md-5 {
                display: block;
                flex: 0 0 20.83333333%;
                max-width: 20.83333333%;
            }

            .ant-col-md-push-5 {
                left: 20.83333333%;
            }

            .ant-col-md-pull-5 {
                right: 20.83333333%;
            }

            .ant-col-md-offset-5 {
                margin-left: 20.83333333%;
            }

            .ant-col-md-order-5 {
                order: 5;
            }

            .ant-col-md-4 {
                display: block;
                flex: 0 0 16.66666667%;
                max-width: 16.66666667%;
            }

            .ant-col-md-push-4 {
                left: 16.66666667%;
            }

            .ant-col-md-pull-4 {
                right: 16.66666667%;
            }

            .ant-col-md-offset-4 {
                margin-left: 16.66666667%;
            }

            .ant-col-md-order-4 {
                order: 4;
            }

            .ant-col-md-3 {
                display: block;
                flex: 0 0 12.5%;
                max-width: 12.5%;
            }

            .ant-col-md-push-3 {
                left: 12.5%;
            }

            .ant-col-md-pull-3 {
                right: 12.5%;
            }

            .ant-col-md-offset-3 {
                margin-left: 12.5%;
            }

            .ant-col-md-order-3 {
                order: 3;
            }

            .ant-col-md-2 {
                display: block;
                flex: 0 0 8.33333333%;
                max-width: 8.33333333%;
            }

            .ant-col-md-push-2 {
                left: 8.33333333%;
            }

            .ant-col-md-pull-2 {
                right: 8.33333333%;
            }

            .ant-col-md-offset-2 {
                margin-left: 8.33333333%;
            }

            .ant-col-md-order-2 {
                order: 2;
            }

            .ant-col-md-1 {
                display: block;
                flex: 0 0 4.16666667%;
                max-width: 4.16666667%;
            }

            .ant-col-md-push-1 {
                left: 4.16666667%;
            }

            .ant-col-md-pull-1 {
                right: 4.16666667%;
            }

            .ant-col-md-offset-1 {
                margin-left: 4.16666667%;
            }

            .ant-col-md-order-1 {
                order: 1;
            }

            .ant-col-md-0 {
                display: none;
            }

            .ant-col-push-0 {
                left: auto;
            }

            .ant-col-pull-0 {
                right: auto;
            }

            .ant-col-md-push-0 {
                left: auto;
            }

            .ant-col-md-pull-0 {
                right: auto;
            }

            .ant-col-md-offset-0 {
                margin-left: 0;
            }

            .ant-col-md-order-0 {
                order: 0;
            }

            .ant-col-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-md-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-md-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-md-offset-0.ant-col-rtl {
                margin-right: 0;
            }

            .ant-col-md-push-1.ant-col-rtl {
                right: 4.16666667%;
                left: auto;
            }

            .ant-col-md-pull-1.ant-col-rtl {
                right: auto;
                left: 4.16666667%;
            }

            .ant-col-md-offset-1.ant-col-rtl {
                margin-right: 4.16666667%;
                margin-left: 0;
            }

            .ant-col-md-push-2.ant-col-rtl {
                right: 8.33333333%;
                left: auto;
            }

            .ant-col-md-pull-2.ant-col-rtl {
                right: auto;
                left: 8.33333333%;
            }

            .ant-col-md-offset-2.ant-col-rtl {
                margin-right: 8.33333333%;
                margin-left: 0;
            }

            .ant-col-md-push-3.ant-col-rtl {
                right: 12.5%;
                left: auto;
            }

            .ant-col-md-pull-3.ant-col-rtl {
                right: auto;
                left: 12.5%;
            }

            .ant-col-md-offset-3.ant-col-rtl {
                margin-right: 12.5%;
                margin-left: 0;
            }

            .ant-col-md-push-4.ant-col-rtl {
                right: 16.66666667%;
                left: auto;
            }

            .ant-col-md-pull-4.ant-col-rtl {
                right: auto;
                left: 16.66666667%;
            }

            .ant-col-md-offset-4.ant-col-rtl {
                margin-right: 16.66666667%;
                margin-left: 0;
            }

            .ant-col-md-push-5.ant-col-rtl {
                right: 20.83333333%;
                left: auto;
            }

            .ant-col-md-pull-5.ant-col-rtl {
                right: auto;
                left: 20.83333333%;
            }

            .ant-col-md-offset-5.ant-col-rtl {
                margin-right: 20.83333333%;
                margin-left: 0;
            }

            .ant-col-md-push-6.ant-col-rtl {
                right: 25%;
                left: auto;
            }

            .ant-col-md-pull-6.ant-col-rtl {
                right: auto;
                left: 25%;
            }

            .ant-col-md-offset-6.ant-col-rtl {
                margin-right: 25%;
                margin-left: 0;
            }

            .ant-col-md-push-7.ant-col-rtl {
                right: 29.16666667%;
                left: auto;
            }

            .ant-col-md-pull-7.ant-col-rtl {
                right: auto;
                left: 29.16666667%;
            }

            .ant-col-md-offset-7.ant-col-rtl {
                margin-right: 29.16666667%;
                margin-left: 0;
            }

            .ant-col-md-push-8.ant-col-rtl {
                right: 33.33333333%;
                left: auto;
            }

            .ant-col-md-pull-8.ant-col-rtl {
                right: auto;
                left: 33.33333333%;
            }

            .ant-col-md-offset-8.ant-col-rtl {
                margin-right: 33.33333333%;
                margin-left: 0;
            }

            .ant-col-md-push-9.ant-col-rtl {
                right: 37.5%;
                left: auto;
            }

            .ant-col-md-pull-9.ant-col-rtl {
                right: auto;
                left: 37.5%;
            }

            .ant-col-md-offset-9.ant-col-rtl {
                margin-right: 37.5%;
                margin-left: 0;
            }

            .ant-col-md-push-10.ant-col-rtl {
                right: 41.66666667%;
                left: auto;
            }

            .ant-col-md-pull-10.ant-col-rtl {
                right: auto;
                left: 41.66666667%;
            }

            .ant-col-md-offset-10.ant-col-rtl {
                margin-right: 41.66666667%;
                margin-left: 0;
            }

            .ant-col-md-push-11.ant-col-rtl {
                right: 45.83333333%;
                left: auto;
            }

            .ant-col-md-pull-11.ant-col-rtl {
                right: auto;
                left: 45.83333333%;
            }

            .ant-col-md-offset-11.ant-col-rtl {
                margin-right: 45.83333333%;
                margin-left: 0;
            }

            .ant-col-md-push-12.ant-col-rtl {
                right: 50%;
                left: auto;
            }

            .ant-col-md-pull-12.ant-col-rtl {
                right: auto;
                left: 50%;
            }

            .ant-col-md-offset-12.ant-col-rtl {
                margin-right: 50%;
                margin-left: 0;
            }

            .ant-col-md-push-13.ant-col-rtl {
                right: 54.16666667%;
                left: auto;
            }

            .ant-col-md-pull-13.ant-col-rtl {
                right: auto;
                left: 54.16666667%;
            }

            .ant-col-md-offset-13.ant-col-rtl {
                margin-right: 54.16666667%;
                margin-left: 0;
            }

            .ant-col-md-push-14.ant-col-rtl {
                right: 58.33333333%;
                left: auto;
            }

            .ant-col-md-pull-14.ant-col-rtl {
                right: auto;
                left: 58.33333333%;
            }

            .ant-col-md-offset-14.ant-col-rtl {
                margin-right: 58.33333333%;
                margin-left: 0;
            }

            .ant-col-md-push-15.ant-col-rtl {
                right: 62.5%;
                left: auto;
            }

            .ant-col-md-pull-15.ant-col-rtl {
                right: auto;
                left: 62.5%;
            }

            .ant-col-md-offset-15.ant-col-rtl {
                margin-right: 62.5%;
                margin-left: 0;
            }

            .ant-col-md-push-16.ant-col-rtl {
                right: 66.66666667%;
                left: auto;
            }

            .ant-col-md-pull-16.ant-col-rtl {
                right: auto;
                left: 66.66666667%;
            }

            .ant-col-md-offset-16.ant-col-rtl {
                margin-right: 66.66666667%;
                margin-left: 0;
            }

            .ant-col-md-push-17.ant-col-rtl {
                right: 70.83333333%;
                left: auto;
            }

            .ant-col-md-pull-17.ant-col-rtl {
                right: auto;
                left: 70.83333333%;
            }

            .ant-col-md-offset-17.ant-col-rtl {
                margin-right: 70.83333333%;
                margin-left: 0;
            }

            .ant-col-md-push-18.ant-col-rtl {
                right: 75%;
                left: auto;
            }

            .ant-col-md-pull-18.ant-col-rtl {
                right: auto;
                left: 75%;
            }

            .ant-col-md-offset-18.ant-col-rtl {
                margin-right: 75%;
                margin-left: 0;
            }

            .ant-col-md-push-19.ant-col-rtl {
                right: 79.16666667%;
                left: auto;
            }

            .ant-col-md-pull-19.ant-col-rtl {
                right: auto;
                left: 79.16666667%;
            }

            .ant-col-md-offset-19.ant-col-rtl {
                margin-right: 79.16666667%;
                margin-left: 0;
            }

            .ant-col-md-push-20.ant-col-rtl {
                right: 83.33333333%;
                left: auto;
            }

            .ant-col-md-pull-20.ant-col-rtl {
                right: auto;
                left: 83.33333333%;
            }

            .ant-col-md-offset-20.ant-col-rtl {
                margin-right: 83.33333333%;
                margin-left: 0;
            }

            .ant-col-md-push-21.ant-col-rtl {
                right: 87.5%;
                left: auto;
            }

            .ant-col-md-pull-21.ant-col-rtl {
                right: auto;
                left: 87.5%;
            }

            .ant-col-md-offset-21.ant-col-rtl {
                margin-right: 87.5%;
                margin-left: 0;
            }

            .ant-col-md-push-22.ant-col-rtl {
                right: 91.66666667%;
                left: auto;
            }

            .ant-col-md-pull-22.ant-col-rtl {
                right: auto;
                left: 91.66666667%;
            }

            .ant-col-md-offset-22.ant-col-rtl {
                margin-right: 91.66666667%;
                margin-left: 0;
            }

            .ant-col-md-push-23.ant-col-rtl {
                right: 95.83333333%;
                left: auto;
            }

            .ant-col-md-pull-23.ant-col-rtl {
                right: auto;
                left: 95.83333333%;
            }

            .ant-col-md-offset-23.ant-col-rtl {
                margin-right: 95.83333333%;
                margin-left: 0;
            }

            .ant-col-md-push-24.ant-col-rtl {
                right: 100%;
                left: auto;
            }

            .ant-col-md-pull-24.ant-col-rtl {
                right: auto;
                left: 100%;
            }

            .ant-col-md-offset-24.ant-col-rtl {
                margin-right: 100%;
                margin-left: 0;
            }
        }

        @media (min-width: 992px) {
            .ant-col-lg-24 {
                display: block;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .ant-col-lg-push-24 {
                left: 100%;
            }

            .ant-col-lg-pull-24 {
                right: 100%;
            }

            .ant-col-lg-offset-24 {
                margin-left: 100%;
            }

            .ant-col-lg-order-24 {
                order: 24;
            }

            .ant-col-lg-23 {
                display: block;
                flex: 0 0 95.83333333%;
                max-width: 95.83333333%;
            }

            .ant-col-lg-push-23 {
                left: 95.83333333%;
            }

            .ant-col-lg-pull-23 {
                right: 95.83333333%;
            }

            .ant-col-lg-offset-23 {
                margin-left: 95.83333333%;
            }

            .ant-col-lg-order-23 {
                order: 23;
            }

            .ant-col-lg-22 {
                display: block;
                flex: 0 0 91.66666667%;
                max-width: 91.66666667%;
            }

            .ant-col-lg-push-22 {
                left: 91.66666667%;
            }

            .ant-col-lg-pull-22 {
                right: 91.66666667%;
            }

            .ant-col-lg-offset-22 {
                margin-left: 91.66666667%;
            }

            .ant-col-lg-order-22 {
                order: 22;
            }

            .ant-col-lg-21 {
                display: block;
                flex: 0 0 87.5%;
                max-width: 87.5%;
            }

            .ant-col-lg-push-21 {
                left: 87.5%;
            }

            .ant-col-lg-pull-21 {
                right: 87.5%;
            }

            .ant-col-lg-offset-21 {
                margin-left: 87.5%;
            }

            .ant-col-lg-order-21 {
                order: 21;
            }

            .ant-col-lg-20 {
                display: block;
                flex: 0 0 83.33333333%;
                max-width: 83.33333333%;
            }

            .ant-col-lg-push-20 {
                left: 83.33333333%;
            }

            .ant-col-lg-pull-20 {
                right: 83.33333333%;
            }

            .ant-col-lg-offset-20 {
                margin-left: 83.33333333%;
            }

            .ant-col-lg-order-20 {
                order: 20;
            }

            .ant-col-lg-19 {
                display: block;
                flex: 0 0 79.16666667%;
                max-width: 79.16666667%;
            }

            .ant-col-lg-push-19 {
                left: 79.16666667%;
            }

            .ant-col-lg-pull-19 {
                right: 79.16666667%;
            }

            .ant-col-lg-offset-19 {
                margin-left: 79.16666667%;
            }

            .ant-col-lg-order-19 {
                order: 19;
            }

            .ant-col-lg-18 {
                display: block;
                flex: 0 0 75%;
                max-width: 75%;
            }

            .ant-col-lg-push-18 {
                left: 75%;
            }

            .ant-col-lg-pull-18 {
                right: 75%;
            }

            .ant-col-lg-offset-18 {
                margin-left: 75%;
            }

            .ant-col-lg-order-18 {
                order: 18;
            }

            .ant-col-lg-17 {
                display: block;
                flex: 0 0 70.83333333%;
                max-width: 70.83333333%;
            }

            .ant-col-lg-push-17 {
                left: 70.83333333%;
            }

            .ant-col-lg-pull-17 {
                right: 70.83333333%;
            }

            .ant-col-lg-offset-17 {
                margin-left: 70.83333333%;
            }

            .ant-col-lg-order-17 {
                order: 17;
            }

            .ant-col-lg-16 {
                display: block;
                flex: 0 0 66.66666667%;
                max-width: 66.66666667%;
            }

            .ant-col-lg-push-16 {
                left: 66.66666667%;
            }

            .ant-col-lg-pull-16 {
                right: 66.66666667%;
            }

            .ant-col-lg-offset-16 {
                margin-left: 66.66666667%;
            }

            .ant-col-lg-order-16 {
                order: 16;
            }

            .ant-col-lg-15 {
                display: block;
                flex: 0 0 62.5%;
                max-width: 62.5%;
            }

            .ant-col-lg-push-15 {
                left: 62.5%;
            }

            .ant-col-lg-pull-15 {
                right: 62.5%;
            }

            .ant-col-lg-offset-15 {
                margin-left: 62.5%;
            }

            .ant-col-lg-order-15 {
                order: 15;
            }

            .ant-col-lg-14 {
                display: block;
                flex: 0 0 58.33333333%;
                max-width: 58.33333333%;
            }

            .ant-col-lg-push-14 {
                left: 58.33333333%;
            }

            .ant-col-lg-pull-14 {
                right: 58.33333333%;
            }

            .ant-col-lg-offset-14 {
                margin-left: 58.33333333%;
            }

            .ant-col-lg-order-14 {
                order: 14;
            }

            .ant-col-lg-13 {
                display: block;
                flex: 0 0 54.16666667%;
                max-width: 54.16666667%;
            }

            .ant-col-lg-push-13 {
                left: 54.16666667%;
            }

            .ant-col-lg-pull-13 {
                right: 54.16666667%;
            }

            .ant-col-lg-offset-13 {
                margin-left: 54.16666667%;
            }

            .ant-col-lg-order-13 {
                order: 13;
            }

            .ant-col-lg-12 {
                display: block;
                flex: 0 0 50%;
                max-width: 50%;
            }

            .ant-col-lg-push-12 {
                left: 50%;
            }

            .ant-col-lg-pull-12 {
                right: 50%;
            }

            .ant-col-lg-offset-12 {
                margin-left: 50%;
            }

            .ant-col-lg-order-12 {
                order: 12;
            }

            .ant-col-lg-11 {
                display: block;
                flex: 0 0 45.83333333%;
                max-width: 45.83333333%;
            }

            .ant-col-lg-push-11 {
                left: 45.83333333%;
            }

            .ant-col-lg-pull-11 {
                right: 45.83333333%;
            }

            .ant-col-lg-offset-11 {
                margin-left: 45.83333333%;
            }

            .ant-col-lg-order-11 {
                order: 11;
            }

            .ant-col-lg-10 {
                display: block;
                flex: 0 0 41.66666667%;
                max-width: 41.66666667%;
            }

            .ant-col-lg-push-10 {
                left: 41.66666667%;
            }

            .ant-col-lg-pull-10 {
                right: 41.66666667%;
            }

            .ant-col-lg-offset-10 {
                margin-left: 41.66666667%;
            }

            .ant-col-lg-order-10 {
                order: 10;
            }

            .ant-col-lg-9 {
                display: block;
                flex: 0 0 37.5%;
                max-width: 37.5%;
            }

            .ant-col-lg-push-9 {
                left: 37.5%;
            }

            .ant-col-lg-pull-9 {
                right: 37.5%;
            }

            .ant-col-lg-offset-9 {
                margin-left: 37.5%;
            }

            .ant-col-lg-order-9 {
                order: 9;
            }

            .ant-col-lg-8 {
                display: block;
                flex: 0 0 33.33333333%;
                max-width: 33.33333333%;
            }

            .ant-col-lg-push-8 {
                left: 33.33333333%;
            }

            .ant-col-lg-pull-8 {
                right: 33.33333333%;
            }

            .ant-col-lg-offset-8 {
                margin-left: 33.33333333%;
            }

            .ant-col-lg-order-8 {
                order: 8;
            }

            .ant-col-lg-7 {
                display: block;
                flex: 0 0 29.16666667%;
                max-width: 29.16666667%;
            }

            .ant-col-lg-push-7 {
                left: 29.16666667%;
            }

            .ant-col-lg-pull-7 {
                right: 29.16666667%;
            }

            .ant-col-lg-offset-7 {
                margin-left: 29.16666667%;
            }

            .ant-col-lg-order-7 {
                order: 7;
            }

            .ant-col-lg-6 {
                display: block;
                flex: 0 0 25%;
                max-width: 25%;
            }

            .ant-col-lg-push-6 {
                left: 25%;
            }

            .ant-col-lg-pull-6 {
                right: 25%;
            }

            .ant-col-lg-offset-6 {
                margin-left: 25%;
            }

            .ant-col-lg-order-6 {
                order: 6;
            }

            .ant-col-lg-5 {
                display: block;
                flex: 0 0 20.83333333%;
                max-width: 20.83333333%;
            }

            .ant-col-lg-push-5 {
                left: 20.83333333%;
            }

            .ant-col-lg-pull-5 {
                right: 20.83333333%;
            }

            .ant-col-lg-offset-5 {
                margin-left: 20.83333333%;
            }

            .ant-col-lg-order-5 {
                order: 5;
            }

            .ant-col-lg-4 {
                display: block;
                flex: 0 0 16.66666667%;
                max-width: 16.66666667%;
            }

            .ant-col-lg-push-4 {
                left: 16.66666667%;
            }

            .ant-col-lg-pull-4 {
                right: 16.66666667%;
            }

            .ant-col-lg-offset-4 {
                margin-left: 16.66666667%;
            }

            .ant-col-lg-order-4 {
                order: 4;
            }

            .ant-col-lg-3 {
                display: block;
                flex: 0 0 12.5%;
                max-width: 12.5%;
            }

            .ant-col-lg-push-3 {
                left: 12.5%;
            }

            .ant-col-lg-pull-3 {
                right: 12.5%;
            }

            .ant-col-lg-offset-3 {
                margin-left: 12.5%;
            }

            .ant-col-lg-order-3 {
                order: 3;
            }

            .ant-col-lg-2 {
                display: block;
                flex: 0 0 8.33333333%;
                max-width: 8.33333333%;
            }

            .ant-col-lg-push-2 {
                left: 8.33333333%;
            }

            .ant-col-lg-pull-2 {
                right: 8.33333333%;
            }

            .ant-col-lg-offset-2 {
                margin-left: 8.33333333%;
            }

            .ant-col-lg-order-2 {
                order: 2;
            }

            .ant-col-lg-1 {
                display: block;
                flex: 0 0 4.16666667%;
                max-width: 4.16666667%;
            }

            .ant-col-lg-push-1 {
                left: 4.16666667%;
            }

            .ant-col-lg-pull-1 {
                right: 4.16666667%;
            }

            .ant-col-lg-offset-1 {
                margin-left: 4.16666667%;
            }

            .ant-col-lg-order-1 {
                order: 1;
            }

            .ant-col-lg-0 {
                display: none;
            }

            .ant-col-push-0 {
                left: auto;
            }

            .ant-col-pull-0 {
                right: auto;
            }

            .ant-col-lg-push-0 {
                left: auto;
            }

            .ant-col-lg-pull-0 {
                right: auto;
            }

            .ant-col-lg-offset-0 {
                margin-left: 0;
            }

            .ant-col-lg-order-0 {
                order: 0;
            }

            .ant-col-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-lg-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-lg-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-lg-offset-0.ant-col-rtl {
                margin-right: 0;
            }

            .ant-col-lg-push-1.ant-col-rtl {
                right: 4.16666667%;
                left: auto;
            }

            .ant-col-lg-pull-1.ant-col-rtl {
                right: auto;
                left: 4.16666667%;
            }

            .ant-col-lg-offset-1.ant-col-rtl {
                margin-right: 4.16666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-2.ant-col-rtl {
                right: 8.33333333%;
                left: auto;
            }

            .ant-col-lg-pull-2.ant-col-rtl {
                right: auto;
                left: 8.33333333%;
            }

            .ant-col-lg-offset-2.ant-col-rtl {
                margin-right: 8.33333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-3.ant-col-rtl {
                right: 12.5%;
                left: auto;
            }

            .ant-col-lg-pull-3.ant-col-rtl {
                right: auto;
                left: 12.5%;
            }

            .ant-col-lg-offset-3.ant-col-rtl {
                margin-right: 12.5%;
                margin-left: 0;
            }

            .ant-col-lg-push-4.ant-col-rtl {
                right: 16.66666667%;
                left: auto;
            }

            .ant-col-lg-pull-4.ant-col-rtl {
                right: auto;
                left: 16.66666667%;
            }

            .ant-col-lg-offset-4.ant-col-rtl {
                margin-right: 16.66666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-5.ant-col-rtl {
                right: 20.83333333%;
                left: auto;
            }

            .ant-col-lg-pull-5.ant-col-rtl {
                right: auto;
                left: 20.83333333%;
            }

            .ant-col-lg-offset-5.ant-col-rtl {
                margin-right: 20.83333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-6.ant-col-rtl {
                right: 25%;
                left: auto;
            }

            .ant-col-lg-pull-6.ant-col-rtl {
                right: auto;
                left: 25%;
            }

            .ant-col-lg-offset-6.ant-col-rtl {
                margin-right: 25%;
                margin-left: 0;
            }

            .ant-col-lg-push-7.ant-col-rtl {
                right: 29.16666667%;
                left: auto;
            }

            .ant-col-lg-pull-7.ant-col-rtl {
                right: auto;
                left: 29.16666667%;
            }

            .ant-col-lg-offset-7.ant-col-rtl {
                margin-right: 29.16666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-8.ant-col-rtl {
                right: 33.33333333%;
                left: auto;
            }

            .ant-col-lg-pull-8.ant-col-rtl {
                right: auto;
                left: 33.33333333%;
            }

            .ant-col-lg-offset-8.ant-col-rtl {
                margin-right: 33.33333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-9.ant-col-rtl {
                right: 37.5%;
                left: auto;
            }

            .ant-col-lg-pull-9.ant-col-rtl {
                right: auto;
                left: 37.5%;
            }

            .ant-col-lg-offset-9.ant-col-rtl {
                margin-right: 37.5%;
                margin-left: 0;
            }

            .ant-col-lg-push-10.ant-col-rtl {
                right: 41.66666667%;
                left: auto;
            }

            .ant-col-lg-pull-10.ant-col-rtl {
                right: auto;
                left: 41.66666667%;
            }

            .ant-col-lg-offset-10.ant-col-rtl {
                margin-right: 41.66666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-11.ant-col-rtl {
                right: 45.83333333%;
                left: auto;
            }

            .ant-col-lg-pull-11.ant-col-rtl {
                right: auto;
                left: 45.83333333%;
            }

            .ant-col-lg-offset-11.ant-col-rtl {
                margin-right: 45.83333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-12.ant-col-rtl {
                right: 50%;
                left: auto;
            }

            .ant-col-lg-pull-12.ant-col-rtl {
                right: auto;
                left: 50%;
            }

            .ant-col-lg-offset-12.ant-col-rtl {
                margin-right: 50%;
                margin-left: 0;
            }

            .ant-col-lg-push-13.ant-col-rtl {
                right: 54.16666667%;
                left: auto;
            }

            .ant-col-lg-pull-13.ant-col-rtl {
                right: auto;
                left: 54.16666667%;
            }

            .ant-col-lg-offset-13.ant-col-rtl {
                margin-right: 54.16666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-14.ant-col-rtl {
                right: 58.33333333%;
                left: auto;
            }

            .ant-col-lg-pull-14.ant-col-rtl {
                right: auto;
                left: 58.33333333%;
            }

            .ant-col-lg-offset-14.ant-col-rtl {
                margin-right: 58.33333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-15.ant-col-rtl {
                right: 62.5%;
                left: auto;
            }

            .ant-col-lg-pull-15.ant-col-rtl {
                right: auto;
                left: 62.5%;
            }

            .ant-col-lg-offset-15.ant-col-rtl {
                margin-right: 62.5%;
                margin-left: 0;
            }

            .ant-col-lg-push-16.ant-col-rtl {
                right: 66.66666667%;
                left: auto;
            }

            .ant-col-lg-pull-16.ant-col-rtl {
                right: auto;
                left: 66.66666667%;
            }

            .ant-col-lg-offset-16.ant-col-rtl {
                margin-right: 66.66666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-17.ant-col-rtl {
                right: 70.83333333%;
                left: auto;
            }

            .ant-col-lg-pull-17.ant-col-rtl {
                right: auto;
                left: 70.83333333%;
            }

            .ant-col-lg-offset-17.ant-col-rtl {
                margin-right: 70.83333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-18.ant-col-rtl {
                right: 75%;
                left: auto;
            }

            .ant-col-lg-pull-18.ant-col-rtl {
                right: auto;
                left: 75%;
            }

            .ant-col-lg-offset-18.ant-col-rtl {
                margin-right: 75%;
                margin-left: 0;
            }

            .ant-col-lg-push-19.ant-col-rtl {
                right: 79.16666667%;
                left: auto;
            }

            .ant-col-lg-pull-19.ant-col-rtl {
                right: auto;
                left: 79.16666667%;
            }

            .ant-col-lg-offset-19.ant-col-rtl {
                margin-right: 79.16666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-20.ant-col-rtl {
                right: 83.33333333%;
                left: auto;
            }

            .ant-col-lg-pull-20.ant-col-rtl {
                right: auto;
                left: 83.33333333%;
            }

            .ant-col-lg-offset-20.ant-col-rtl {
                margin-right: 83.33333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-21.ant-col-rtl {
                right: 87.5%;
                left: auto;
            }

            .ant-col-lg-pull-21.ant-col-rtl {
                right: auto;
                left: 87.5%;
            }

            .ant-col-lg-offset-21.ant-col-rtl {
                margin-right: 87.5%;
                margin-left: 0;
            }

            .ant-col-lg-push-22.ant-col-rtl {
                right: 91.66666667%;
                left: auto;
            }

            .ant-col-lg-pull-22.ant-col-rtl {
                right: auto;
                left: 91.66666667%;
            }

            .ant-col-lg-offset-22.ant-col-rtl {
                margin-right: 91.66666667%;
                margin-left: 0;
            }

            .ant-col-lg-push-23.ant-col-rtl {
                right: 95.83333333%;
                left: auto;
            }

            .ant-col-lg-pull-23.ant-col-rtl {
                right: auto;
                left: 95.83333333%;
            }

            .ant-col-lg-offset-23.ant-col-rtl {
                margin-right: 95.83333333%;
                margin-left: 0;
            }

            .ant-col-lg-push-24.ant-col-rtl {
                right: 100%;
                left: auto;
            }

            .ant-col-lg-pull-24.ant-col-rtl {
                right: auto;
                left: 100%;
            }

            .ant-col-lg-offset-24.ant-col-rtl {
                margin-right: 100%;
                margin-left: 0;
            }
        }

        @media (min-width: 1200px) {
            .ant-col-xl-24 {
                display: block;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .ant-col-xl-push-24 {
                left: 100%;
            }

            .ant-col-xl-pull-24 {
                right: 100%;
            }

            .ant-col-xl-offset-24 {
                margin-left: 100%;
            }

            .ant-col-xl-order-24 {
                order: 24;
            }

            .ant-col-xl-23 {
                display: block;
                flex: 0 0 95.83333333%;
                max-width: 95.83333333%;
            }

            .ant-col-xl-push-23 {
                left: 95.83333333%;
            }

            .ant-col-xl-pull-23 {
                right: 95.83333333%;
            }

            .ant-col-xl-offset-23 {
                margin-left: 95.83333333%;
            }

            .ant-col-xl-order-23 {
                order: 23;
            }

            .ant-col-xl-22 {
                display: block;
                flex: 0 0 91.66666667%;
                max-width: 91.66666667%;
            }

            .ant-col-xl-push-22 {
                left: 91.66666667%;
            }

            .ant-col-xl-pull-22 {
                right: 91.66666667%;
            }

            .ant-col-xl-offset-22 {
                margin-left: 91.66666667%;
            }

            .ant-col-xl-order-22 {
                order: 22;
            }

            .ant-col-xl-21 {
                display: block;
                flex: 0 0 87.5%;
                max-width: 87.5%;
            }

            .ant-col-xl-push-21 {
                left: 87.5%;
            }

            .ant-col-xl-pull-21 {
                right: 87.5%;
            }

            .ant-col-xl-offset-21 {
                margin-left: 87.5%;
            }

            .ant-col-xl-order-21 {
                order: 21;
            }

            .ant-col-xl-20 {
                display: block;
                flex: 0 0 83.33333333%;
                max-width: 83.33333333%;
            }

            .ant-col-xl-push-20 {
                left: 83.33333333%;
            }

            .ant-col-xl-pull-20 {
                right: 83.33333333%;
            }

            .ant-col-xl-offset-20 {
                margin-left: 83.33333333%;
            }

            .ant-col-xl-order-20 {
                order: 20;
            }

            .ant-col-xl-19 {
                display: block;
                flex: 0 0 79.16666667%;
                max-width: 79.16666667%;
            }

            .ant-col-xl-push-19 {
                left: 79.16666667%;
            }

            .ant-col-xl-pull-19 {
                right: 79.16666667%;
            }

            .ant-col-xl-offset-19 {
                margin-left: 79.16666667%;
            }

            .ant-col-xl-order-19 {
                order: 19;
            }

            .ant-col-xl-18 {
                display: block;
                flex: 0 0 75%;
                max-width: 75%;
            }

            .ant-col-xl-push-18 {
                left: 75%;
            }

            .ant-col-xl-pull-18 {
                right: 75%;
            }

            .ant-col-xl-offset-18 {
                margin-left: 75%;
            }

            .ant-col-xl-order-18 {
                order: 18;
            }

            .ant-col-xl-17 {
                display: block;
                flex: 0 0 70.83333333%;
                max-width: 70.83333333%;
            }

            .ant-col-xl-push-17 {
                left: 70.83333333%;
            }

            .ant-col-xl-pull-17 {
                right: 70.83333333%;
            }

            .ant-col-xl-offset-17 {
                margin-left: 70.83333333%;
            }

            .ant-col-xl-order-17 {
                order: 17;
            }

            .ant-col-xl-16 {
                display: block;
                flex: 0 0 66.66666667%;
                max-width: 66.66666667%;
            }

            .ant-col-xl-push-16 {
                left: 66.66666667%;
            }

            .ant-col-xl-pull-16 {
                right: 66.66666667%;
            }

            .ant-col-xl-offset-16 {
                margin-left: 66.66666667%;
            }

            .ant-col-xl-order-16 {
                order: 16;
            }

            .ant-col-xl-15 {
                display: block;
                flex: 0 0 62.5%;
                max-width: 62.5%;
            }

            .ant-col-xl-push-15 {
                left: 62.5%;
            }

            .ant-col-xl-pull-15 {
                right: 62.5%;
            }

            .ant-col-xl-offset-15 {
                margin-left: 62.5%;
            }

            .ant-col-xl-order-15 {
                order: 15;
            }

            .ant-col-xl-14 {
                display: block;
                flex: 0 0 58.33333333%;
                max-width: 58.33333333%;
            }

            .ant-col-xl-push-14 {
                left: 58.33333333%;
            }

            .ant-col-xl-pull-14 {
                right: 58.33333333%;
            }

            .ant-col-xl-offset-14 {
                margin-left: 58.33333333%;
            }

            .ant-col-xl-order-14 {
                order: 14;
            }

            .ant-col-xl-13 {
                display: block;
                flex: 0 0 54.16666667%;
                max-width: 54.16666667%;
            }

            .ant-col-xl-push-13 {
                left: 54.16666667%;
            }

            .ant-col-xl-pull-13 {
                right: 54.16666667%;
            }

            .ant-col-xl-offset-13 {
                margin-left: 54.16666667%;
            }

            .ant-col-xl-order-13 {
                order: 13;
            }

            .ant-col-xl-12 {
                display: block;
                flex: 0 0 50%;
                max-width: 50%;
            }

            .ant-col-xl-push-12 {
                left: 50%;
            }

            .ant-col-xl-pull-12 {
                right: 50%;
            }

            .ant-col-xl-offset-12 {
                margin-left: 50%;
            }

            .ant-col-xl-order-12 {
                order: 12;
            }

            .ant-col-xl-11 {
                display: block;
                flex: 0 0 45.83333333%;
                max-width: 45.83333333%;
            }

            .ant-col-xl-push-11 {
                left: 45.83333333%;
            }

            .ant-col-xl-pull-11 {
                right: 45.83333333%;
            }

            .ant-col-xl-offset-11 {
                margin-left: 45.83333333%;
            }

            .ant-col-xl-order-11 {
                order: 11;
            }

            .ant-col-xl-10 {
                display: block;
                flex: 0 0 41.66666667%;
                max-width: 41.66666667%;
            }

            .ant-col-xl-push-10 {
                left: 41.66666667%;
            }

            .ant-col-xl-pull-10 {
                right: 41.66666667%;
            }

            .ant-col-xl-offset-10 {
                margin-left: 41.66666667%;
            }

            .ant-col-xl-order-10 {
                order: 10;
            }

            .ant-col-xl-9 {
                display: block;
                flex: 0 0 37.5%;
                max-width: 37.5%;
            }

            .ant-col-xl-push-9 {
                left: 37.5%;
            }

            .ant-col-xl-pull-9 {
                right: 37.5%;
            }

            .ant-col-xl-offset-9 {
                margin-left: 37.5%;
            }

            .ant-col-xl-order-9 {
                order: 9;
            }

            .ant-col-xl-8 {
                display: block;
                flex: 0 0 33.33333333%;
                max-width: 33.33333333%;
            }

            .ant-col-xl-push-8 {
                left: 33.33333333%;
            }

            .ant-col-xl-pull-8 {
                right: 33.33333333%;
            }

            .ant-col-xl-offset-8 {
                margin-left: 33.33333333%;
            }

            .ant-col-xl-order-8 {
                order: 8;
            }

            .ant-col-xl-7 {
                display: block;
                flex: 0 0 29.16666667%;
                max-width: 29.16666667%;
            }

            .ant-col-xl-push-7 {
                left: 29.16666667%;
            }

            .ant-col-xl-pull-7 {
                right: 29.16666667%;
            }

            .ant-col-xl-offset-7 {
                margin-left: 29.16666667%;
            }

            .ant-col-xl-order-7 {
                order: 7;
            }

            .ant-col-xl-6 {
                display: block;
                flex: 0 0 25%;
                max-width: 25%;
            }

            .ant-col-xl-push-6 {
                left: 25%;
            }

            .ant-col-xl-pull-6 {
                right: 25%;
            }

            .ant-col-xl-offset-6 {
                margin-left: 25%;
            }

            .ant-col-xl-order-6 {
                order: 6;
            }

            .ant-col-xl-5 {
                display: block;
                flex: 0 0 20.83333333%;
                max-width: 20.83333333%;
            }

            .ant-col-xl-push-5 {
                left: 20.83333333%;
            }

            .ant-col-xl-pull-5 {
                right: 20.83333333%;
            }

            .ant-col-xl-offset-5 {
                margin-left: 20.83333333%;
            }

            .ant-col-xl-order-5 {
                order: 5;
            }

            .ant-col-xl-4 {
                display: block;
                flex: 0 0 16.66666667%;
                max-width: 16.66666667%;
            }

            .ant-col-xl-push-4 {
                left: 16.66666667%;
            }

            .ant-col-xl-pull-4 {
                right: 16.66666667%;
            }

            .ant-col-xl-offset-4 {
                margin-left: 16.66666667%;
            }

            .ant-col-xl-order-4 {
                order: 4;
            }

            .ant-col-xl-3 {
                display: block;
                flex: 0 0 12.5%;
                max-width: 12.5%;
            }

            .ant-col-xl-push-3 {
                left: 12.5%;
            }

            .ant-col-xl-pull-3 {
                right: 12.5%;
            }

            .ant-col-xl-offset-3 {
                margin-left: 12.5%;
            }

            .ant-col-xl-order-3 {
                order: 3;
            }

            .ant-col-xl-2 {
                display: block;
                flex: 0 0 8.33333333%;
                max-width: 8.33333333%;
            }

            .ant-col-xl-push-2 {
                left: 8.33333333%;
            }

            .ant-col-xl-pull-2 {
                right: 8.33333333%;
            }

            .ant-col-xl-offset-2 {
                margin-left: 8.33333333%;
            }

            .ant-col-xl-order-2 {
                order: 2;
            }

            .ant-col-xl-1 {
                display: block;
                flex: 0 0 4.16666667%;
                max-width: 4.16666667%;
            }

            .ant-col-xl-push-1 {
                left: 4.16666667%;
            }

            .ant-col-xl-pull-1 {
                right: 4.16666667%;
            }

            .ant-col-xl-offset-1 {
                margin-left: 4.16666667%;
            }

            .ant-col-xl-order-1 {
                order: 1;
            }

            .ant-col-xl-0 {
                display: none;
            }

            .ant-col-push-0 {
                left: auto;
            }

            .ant-col-pull-0 {
                right: auto;
            }

            .ant-col-xl-push-0 {
                left: auto;
            }

            .ant-col-xl-pull-0 {
                right: auto;
            }

            .ant-col-xl-offset-0 {
                margin-left: 0;
            }

            .ant-col-xl-order-0 {
                order: 0;
            }

            .ant-col-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-xl-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-xl-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-xl-offset-0.ant-col-rtl {
                margin-right: 0;
            }

            .ant-col-xl-push-1.ant-col-rtl {
                right: 4.16666667%;
                left: auto;
            }

            .ant-col-xl-pull-1.ant-col-rtl {
                right: auto;
                left: 4.16666667%;
            }

            .ant-col-xl-offset-1.ant-col-rtl {
                margin-right: 4.16666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-2.ant-col-rtl {
                right: 8.33333333%;
                left: auto;
            }

            .ant-col-xl-pull-2.ant-col-rtl {
                right: auto;
                left: 8.33333333%;
            }

            .ant-col-xl-offset-2.ant-col-rtl {
                margin-right: 8.33333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-3.ant-col-rtl {
                right: 12.5%;
                left: auto;
            }

            .ant-col-xl-pull-3.ant-col-rtl {
                right: auto;
                left: 12.5%;
            }

            .ant-col-xl-offset-3.ant-col-rtl {
                margin-right: 12.5%;
                margin-left: 0;
            }

            .ant-col-xl-push-4.ant-col-rtl {
                right: 16.66666667%;
                left: auto;
            }

            .ant-col-xl-pull-4.ant-col-rtl {
                right: auto;
                left: 16.66666667%;
            }

            .ant-col-xl-offset-4.ant-col-rtl {
                margin-right: 16.66666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-5.ant-col-rtl {
                right: 20.83333333%;
                left: auto;
            }

            .ant-col-xl-pull-5.ant-col-rtl {
                right: auto;
                left: 20.83333333%;
            }

            .ant-col-xl-offset-5.ant-col-rtl {
                margin-right: 20.83333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-6.ant-col-rtl {
                right: 25%;
                left: auto;
            }

            .ant-col-xl-pull-6.ant-col-rtl {
                right: auto;
                left: 25%;
            }

            .ant-col-xl-offset-6.ant-col-rtl {
                margin-right: 25%;
                margin-left: 0;
            }

            .ant-col-xl-push-7.ant-col-rtl {
                right: 29.16666667%;
                left: auto;
            }

            .ant-col-xl-pull-7.ant-col-rtl {
                right: auto;
                left: 29.16666667%;
            }

            .ant-col-xl-offset-7.ant-col-rtl {
                margin-right: 29.16666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-8.ant-col-rtl {
                right: 33.33333333%;
                left: auto;
            }

            .ant-col-xl-pull-8.ant-col-rtl {
                right: auto;
                left: 33.33333333%;
            }

            .ant-col-xl-offset-8.ant-col-rtl {
                margin-right: 33.33333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-9.ant-col-rtl {
                right: 37.5%;
                left: auto;
            }

            .ant-col-xl-pull-9.ant-col-rtl {
                right: auto;
                left: 37.5%;
            }

            .ant-col-xl-offset-9.ant-col-rtl {
                margin-right: 37.5%;
                margin-left: 0;
            }

            .ant-col-xl-push-10.ant-col-rtl {
                right: 41.66666667%;
                left: auto;
            }

            .ant-col-xl-pull-10.ant-col-rtl {
                right: auto;
                left: 41.66666667%;
            }

            .ant-col-xl-offset-10.ant-col-rtl {
                margin-right: 41.66666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-11.ant-col-rtl {
                right: 45.83333333%;
                left: auto;
            }

            .ant-col-xl-pull-11.ant-col-rtl {
                right: auto;
                left: 45.83333333%;
            }

            .ant-col-xl-offset-11.ant-col-rtl {
                margin-right: 45.83333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-12.ant-col-rtl {
                right: 50%;
                left: auto;
            }

            .ant-col-xl-pull-12.ant-col-rtl {
                right: auto;
                left: 50%;
            }

            .ant-col-xl-offset-12.ant-col-rtl {
                margin-right: 50%;
                margin-left: 0;
            }

            .ant-col-xl-push-13.ant-col-rtl {
                right: 54.16666667%;
                left: auto;
            }

            .ant-col-xl-pull-13.ant-col-rtl {
                right: auto;
                left: 54.16666667%;
            }

            .ant-col-xl-offset-13.ant-col-rtl {
                margin-right: 54.16666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-14.ant-col-rtl {
                right: 58.33333333%;
                left: auto;
            }

            .ant-col-xl-pull-14.ant-col-rtl {
                right: auto;
                left: 58.33333333%;
            }

            .ant-col-xl-offset-14.ant-col-rtl {
                margin-right: 58.33333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-15.ant-col-rtl {
                right: 62.5%;
                left: auto;
            }

            .ant-col-xl-pull-15.ant-col-rtl {
                right: auto;
                left: 62.5%;
            }

            .ant-col-xl-offset-15.ant-col-rtl {
                margin-right: 62.5%;
                margin-left: 0;
            }

            .ant-col-xl-push-16.ant-col-rtl {
                right: 66.66666667%;
                left: auto;
            }

            .ant-col-xl-pull-16.ant-col-rtl {
                right: auto;
                left: 66.66666667%;
            }

            .ant-col-xl-offset-16.ant-col-rtl {
                margin-right: 66.66666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-17.ant-col-rtl {
                right: 70.83333333%;
                left: auto;
            }

            .ant-col-xl-pull-17.ant-col-rtl {
                right: auto;
                left: 70.83333333%;
            }

            .ant-col-xl-offset-17.ant-col-rtl {
                margin-right: 70.83333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-18.ant-col-rtl {
                right: 75%;
                left: auto;
            }

            .ant-col-xl-pull-18.ant-col-rtl {
                right: auto;
                left: 75%;
            }

            .ant-col-xl-offset-18.ant-col-rtl {
                margin-right: 75%;
                margin-left: 0;
            }

            .ant-col-xl-push-19.ant-col-rtl {
                right: 79.16666667%;
                left: auto;
            }

            .ant-col-xl-pull-19.ant-col-rtl {
                right: auto;
                left: 79.16666667%;
            }

            .ant-col-xl-offset-19.ant-col-rtl {
                margin-right: 79.16666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-20.ant-col-rtl {
                right: 83.33333333%;
                left: auto;
            }

            .ant-col-xl-pull-20.ant-col-rtl {
                right: auto;
                left: 83.33333333%;
            }

            .ant-col-xl-offset-20.ant-col-rtl {
                margin-right: 83.33333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-21.ant-col-rtl {
                right: 87.5%;
                left: auto;
            }

            .ant-col-xl-pull-21.ant-col-rtl {
                right: auto;
                left: 87.5%;
            }

            .ant-col-xl-offset-21.ant-col-rtl {
                margin-right: 87.5%;
                margin-left: 0;
            }

            .ant-col-xl-push-22.ant-col-rtl {
                right: 91.66666667%;
                left: auto;
            }

            .ant-col-xl-pull-22.ant-col-rtl {
                right: auto;
                left: 91.66666667%;
            }

            .ant-col-xl-offset-22.ant-col-rtl {
                margin-right: 91.66666667%;
                margin-left: 0;
            }

            .ant-col-xl-push-23.ant-col-rtl {
                right: 95.83333333%;
                left: auto;
            }

            .ant-col-xl-pull-23.ant-col-rtl {
                right: auto;
                left: 95.83333333%;
            }

            .ant-col-xl-offset-23.ant-col-rtl {
                margin-right: 95.83333333%;
                margin-left: 0;
            }

            .ant-col-xl-push-24.ant-col-rtl {
                right: 100%;
                left: auto;
            }

            .ant-col-xl-pull-24.ant-col-rtl {
                right: auto;
                left: 100%;
            }

            .ant-col-xl-offset-24.ant-col-rtl {
                margin-right: 100%;
                margin-left: 0;
            }
        }

        @media (min-width: 1600px) {
            .ant-col-xxl-24 {
                display: block;
                flex: 0 0 100%;
                max-width: 100%;
            }

            .ant-col-xxl-push-24 {
                left: 100%;
            }

            .ant-col-xxl-pull-24 {
                right: 100%;
            }

            .ant-col-xxl-offset-24 {
                margin-left: 100%;
            }

            .ant-col-xxl-order-24 {
                order: 24;
            }

            .ant-col-xxl-23 {
                display: block;
                flex: 0 0 95.83333333%;
                max-width: 95.83333333%;
            }

            .ant-col-xxl-push-23 {
                left: 95.83333333%;
            }

            .ant-col-xxl-pull-23 {
                right: 95.83333333%;
            }

            .ant-col-xxl-offset-23 {
                margin-left: 95.83333333%;
            }

            .ant-col-xxl-order-23 {
                order: 23;
            }

            .ant-col-xxl-22 {
                display: block;
                flex: 0 0 91.66666667%;
                max-width: 91.66666667%;
            }

            .ant-col-xxl-push-22 {
                left: 91.66666667%;
            }

            .ant-col-xxl-pull-22 {
                right: 91.66666667%;
            }

            .ant-col-xxl-offset-22 {
                margin-left: 91.66666667%;
            }

            .ant-col-xxl-order-22 {
                order: 22;
            }

            .ant-col-xxl-21 {
                display: block;
                flex: 0 0 87.5%;
                max-width: 87.5%;
            }

            .ant-col-xxl-push-21 {
                left: 87.5%;
            }

            .ant-col-xxl-pull-21 {
                right: 87.5%;
            }

            .ant-col-xxl-offset-21 {
                margin-left: 87.5%;
            }

            .ant-col-xxl-order-21 {
                order: 21;
            }

            .ant-col-xxl-20 {
                display: block;
                flex: 0 0 83.33333333%;
                max-width: 83.33333333%;
            }

            .ant-col-xxl-push-20 {
                left: 83.33333333%;
            }

            .ant-col-xxl-pull-20 {
                right: 83.33333333%;
            }

            .ant-col-xxl-offset-20 {
                margin-left: 83.33333333%;
            }

            .ant-col-xxl-order-20 {
                order: 20;
            }

            .ant-col-xxl-19 {
                display: block;
                flex: 0 0 79.16666667%;
                max-width: 79.16666667%;
            }

            .ant-col-xxl-push-19 {
                left: 79.16666667%;
            }

            .ant-col-xxl-pull-19 {
                right: 79.16666667%;
            }

            .ant-col-xxl-offset-19 {
                margin-left: 79.16666667%;
            }

            .ant-col-xxl-order-19 {
                order: 19;
            }

            .ant-col-xxl-18 {
                display: block;
                flex: 0 0 75%;
                max-width: 75%;
            }

            .ant-col-xxl-push-18 {
                left: 75%;
            }

            .ant-col-xxl-pull-18 {
                right: 75%;
            }

            .ant-col-xxl-offset-18 {
                margin-left: 75%;
            }

            .ant-col-xxl-order-18 {
                order: 18;
            }

            .ant-col-xxl-17 {
                display: block;
                flex: 0 0 70.83333333%;
                max-width: 70.83333333%;
            }

            .ant-col-xxl-push-17 {
                left: 70.83333333%;
            }

            .ant-col-xxl-pull-17 {
                right: 70.83333333%;
            }

            .ant-col-xxl-offset-17 {
                margin-left: 70.83333333%;
            }

            .ant-col-xxl-order-17 {
                order: 17;
            }

            .ant-col-xxl-16 {
                display: block;
                flex: 0 0 66.66666667%;
                max-width: 66.66666667%;
            }

            .ant-col-xxl-push-16 {
                left: 66.66666667%;
            }

            .ant-col-xxl-pull-16 {
                right: 66.66666667%;
            }

            .ant-col-xxl-offset-16 {
                margin-left: 66.66666667%;
            }

            .ant-col-xxl-order-16 {
                order: 16;
            }

            .ant-col-xxl-15 {
                display: block;
                flex: 0 0 62.5%;
                max-width: 62.5%;
            }

            .ant-col-xxl-push-15 {
                left: 62.5%;
            }

            .ant-col-xxl-pull-15 {
                right: 62.5%;
            }

            .ant-col-xxl-offset-15 {
                margin-left: 62.5%;
            }

            .ant-col-xxl-order-15 {
                order: 15;
            }

            .ant-col-xxl-14 {
                display: block;
                flex: 0 0 58.33333333%;
                max-width: 58.33333333%;
            }

            .ant-col-xxl-push-14 {
                left: 58.33333333%;
            }

            .ant-col-xxl-pull-14 {
                right: 58.33333333%;
            }

            .ant-col-xxl-offset-14 {
                margin-left: 58.33333333%;
            }

            .ant-col-xxl-order-14 {
                order: 14;
            }

            .ant-col-xxl-13 {
                display: block;
                flex: 0 0 54.16666667%;
                max-width: 54.16666667%;
            }

            .ant-col-xxl-push-13 {
                left: 54.16666667%;
            }

            .ant-col-xxl-pull-13 {
                right: 54.16666667%;
            }

            .ant-col-xxl-offset-13 {
                margin-left: 54.16666667%;
            }

            .ant-col-xxl-order-13 {
                order: 13;
            }

            .ant-col-xxl-12 {
                display: block;
                flex: 0 0 50%;
                max-width: 50%;
            }

            .ant-col-xxl-push-12 {
                left: 50%;
            }

            .ant-col-xxl-pull-12 {
                right: 50%;
            }

            .ant-col-xxl-offset-12 {
                margin-left: 50%;
            }

            .ant-col-xxl-order-12 {
                order: 12;
            }

            .ant-col-xxl-11 {
                display: block;
                flex: 0 0 45.83333333%;
                max-width: 45.83333333%;
            }

            .ant-col-xxl-push-11 {
                left: 45.83333333%;
            }

            .ant-col-xxl-pull-11 {
                right: 45.83333333%;
            }

            .ant-col-xxl-offset-11 {
                margin-left: 45.83333333%;
            }

            .ant-col-xxl-order-11 {
                order: 11;
            }

            .ant-col-xxl-10 {
                display: block;
                flex: 0 0 41.66666667%;
                max-width: 41.66666667%;
            }

            .ant-col-xxl-push-10 {
                left: 41.66666667%;
            }

            .ant-col-xxl-pull-10 {
                right: 41.66666667%;
            }

            .ant-col-xxl-offset-10 {
                margin-left: 41.66666667%;
            }

            .ant-col-xxl-order-10 {
                order: 10;
            }

            .ant-col-xxl-9 {
                display: block;
                flex: 0 0 37.5%;
                max-width: 37.5%;
            }

            .ant-col-xxl-push-9 {
                left: 37.5%;
            }

            .ant-col-xxl-pull-9 {
                right: 37.5%;
            }

            .ant-col-xxl-offset-9 {
                margin-left: 37.5%;
            }

            .ant-col-xxl-order-9 {
                order: 9;
            }

            .ant-col-xxl-8 {
                display: block;
                flex: 0 0 33.33333333%;
                max-width: 33.33333333%;
            }

            .ant-col-xxl-push-8 {
                left: 33.33333333%;
            }

            .ant-col-xxl-pull-8 {
                right: 33.33333333%;
            }

            .ant-col-xxl-offset-8 {
                margin-left: 33.33333333%;
            }

            .ant-col-xxl-order-8 {
                order: 8;
            }

            .ant-col-xxl-7 {
                display: block;
                flex: 0 0 29.16666667%;
                max-width: 29.16666667%;
            }

            .ant-col-xxl-push-7 {
                left: 29.16666667%;
            }

            .ant-col-xxl-pull-7 {
                right: 29.16666667%;
            }

            .ant-col-xxl-offset-7 {
                margin-left: 29.16666667%;
            }

            .ant-col-xxl-order-7 {
                order: 7;
            }

            .ant-col-xxl-6 {
                display: block;
                flex: 0 0 25%;
                max-width: 25%;
            }

            .ant-col-xxl-push-6 {
                left: 25%;
            }

            .ant-col-xxl-pull-6 {
                right: 25%;
            }

            .ant-col-xxl-offset-6 {
                margin-left: 25%;
            }

            .ant-col-xxl-order-6 {
                order: 6;
            }

            .ant-col-xxl-5 {
                display: block;
                flex: 0 0 20.83333333%;
                max-width: 20.83333333%;
            }

            .ant-col-xxl-push-5 {
                left: 20.83333333%;
            }

            .ant-col-xxl-pull-5 {
                right: 20.83333333%;
            }

            .ant-col-xxl-offset-5 {
                margin-left: 20.83333333%;
            }

            .ant-col-xxl-order-5 {
                order: 5;
            }

            .ant-col-xxl-4 {
                display: block;
                flex: 0 0 16.66666667%;
                max-width: 16.66666667%;
            }

            .ant-col-xxl-push-4 {
                left: 16.66666667%;
            }

            .ant-col-xxl-pull-4 {
                right: 16.66666667%;
            }

            .ant-col-xxl-offset-4 {
                margin-left: 16.66666667%;
            }

            .ant-col-xxl-order-4 {
                order: 4;
            }

            .ant-col-xxl-3 {
                display: block;
                flex: 0 0 12.5%;
                max-width: 12.5%;
            }

            .ant-col-xxl-push-3 {
                left: 12.5%;
            }

            .ant-col-xxl-pull-3 {
                right: 12.5%;
            }

            .ant-col-xxl-offset-3 {
                margin-left: 12.5%;
            }

            .ant-col-xxl-order-3 {
                order: 3;
            }

            .ant-col-xxl-2 {
                display: block;
                flex: 0 0 8.33333333%;
                max-width: 8.33333333%;
            }

            .ant-col-xxl-push-2 {
                left: 8.33333333%;
            }

            .ant-col-xxl-pull-2 {
                right: 8.33333333%;
            }

            .ant-col-xxl-offset-2 {
                margin-left: 8.33333333%;
            }

            .ant-col-xxl-order-2 {
                order: 2;
            }

            .ant-col-xxl-1 {
                display: block;
                flex: 0 0 4.16666667%;
                max-width: 4.16666667%;
            }

            .ant-col-xxl-push-1 {
                left: 4.16666667%;
            }

            .ant-col-xxl-pull-1 {
                right: 4.16666667%;
            }

            .ant-col-xxl-offset-1 {
                margin-left: 4.16666667%;
            }

            .ant-col-xxl-order-1 {
                order: 1;
            }

            .ant-col-xxl-0 {
                display: none;
            }

            .ant-col-push-0 {
                left: auto;
            }

            .ant-col-pull-0 {
                right: auto;
            }

            .ant-col-xxl-push-0 {
                left: auto;
            }

            .ant-col-xxl-pull-0 {
                right: auto;
            }

            .ant-col-xxl-offset-0 {
                margin-left: 0;
            }

            .ant-col-xxl-order-0 {
                order: 0;
            }

            .ant-col-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-xxl-push-0.ant-col-rtl {
                right: auto;
            }

            .ant-col-xxl-pull-0.ant-col-rtl {
                left: auto;
            }

            .ant-col-xxl-offset-0.ant-col-rtl {
                margin-right: 0;
            }

            .ant-col-xxl-push-1.ant-col-rtl {
                right: 4.16666667%;
                left: auto;
            }

            .ant-col-xxl-pull-1.ant-col-rtl {
                right: auto;
                left: 4.16666667%;
            }

            .ant-col-xxl-offset-1.ant-col-rtl {
                margin-right: 4.16666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-2.ant-col-rtl {
                right: 8.33333333%;
                left: auto;
            }

            .ant-col-xxl-pull-2.ant-col-rtl {
                right: auto;
                left: 8.33333333%;
            }

            .ant-col-xxl-offset-2.ant-col-rtl {
                margin-right: 8.33333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-3.ant-col-rtl {
                right: 12.5%;
                left: auto;
            }

            .ant-col-xxl-pull-3.ant-col-rtl {
                right: auto;
                left: 12.5%;
            }

            .ant-col-xxl-offset-3.ant-col-rtl {
                margin-right: 12.5%;
                margin-left: 0;
            }

            .ant-col-xxl-push-4.ant-col-rtl {
                right: 16.66666667%;
                left: auto;
            }

            .ant-col-xxl-pull-4.ant-col-rtl {
                right: auto;
                left: 16.66666667%;
            }

            .ant-col-xxl-offset-4.ant-col-rtl {
                margin-right: 16.66666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-5.ant-col-rtl {
                right: 20.83333333%;
                left: auto;
            }

            .ant-col-xxl-pull-5.ant-col-rtl {
                right: auto;
                left: 20.83333333%;
            }

            .ant-col-xxl-offset-5.ant-col-rtl {
                margin-right: 20.83333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-6.ant-col-rtl {
                right: 25%;
                left: auto;
            }

            .ant-col-xxl-pull-6.ant-col-rtl {
                right: auto;
                left: 25%;
            }

            .ant-col-xxl-offset-6.ant-col-rtl {
                margin-right: 25%;
                margin-left: 0;
            }

            .ant-col-xxl-push-7.ant-col-rtl {
                right: 29.16666667%;
                left: auto;
            }

            .ant-col-xxl-pull-7.ant-col-rtl {
                right: auto;
                left: 29.16666667%;
            }

            .ant-col-xxl-offset-7.ant-col-rtl {
                margin-right: 29.16666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-8.ant-col-rtl {
                right: 33.33333333%;
                left: auto;
            }

            .ant-col-xxl-pull-8.ant-col-rtl {
                right: auto;
                left: 33.33333333%;
            }

            .ant-col-xxl-offset-8.ant-col-rtl {
                margin-right: 33.33333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-9.ant-col-rtl {
                right: 37.5%;
                left: auto;
            }

            .ant-col-xxl-pull-9.ant-col-rtl {
                right: auto;
                left: 37.5%;
            }

            .ant-col-xxl-offset-9.ant-col-rtl {
                margin-right: 37.5%;
                margin-left: 0;
            }

            .ant-col-xxl-push-10.ant-col-rtl {
                right: 41.66666667%;
                left: auto;
            }

            .ant-col-xxl-pull-10.ant-col-rtl {
                right: auto;
                left: 41.66666667%;
            }

            .ant-col-xxl-offset-10.ant-col-rtl {
                margin-right: 41.66666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-11.ant-col-rtl {
                right: 45.83333333%;
                left: auto;
            }

            .ant-col-xxl-pull-11.ant-col-rtl {
                right: auto;
                left: 45.83333333%;
            }

            .ant-col-xxl-offset-11.ant-col-rtl {
                margin-right: 45.83333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-12.ant-col-rtl {
                right: 50%;
                left: auto;
            }

            .ant-col-xxl-pull-12.ant-col-rtl {
                right: auto;
                left: 50%;
            }

            .ant-col-xxl-offset-12.ant-col-rtl {
                margin-right: 50%;
                margin-left: 0;
            }

            .ant-col-xxl-push-13.ant-col-rtl {
                right: 54.16666667%;
                left: auto;
            }

            .ant-col-xxl-pull-13.ant-col-rtl {
                right: auto;
                left: 54.16666667%;
            }

            .ant-col-xxl-offset-13.ant-col-rtl {
                margin-right: 54.16666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-14.ant-col-rtl {
                right: 58.33333333%;
                left: auto;
            }

            .ant-col-xxl-pull-14.ant-col-rtl {
                right: auto;
                left: 58.33333333%;
            }

            .ant-col-xxl-offset-14.ant-col-rtl {
                margin-right: 58.33333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-15.ant-col-rtl {
                right: 62.5%;
                left: auto;
            }

            .ant-col-xxl-pull-15.ant-col-rtl {
                right: auto;
                left: 62.5%;
            }

            .ant-col-xxl-offset-15.ant-col-rtl {
                margin-right: 62.5%;
                margin-left: 0;
            }

            .ant-col-xxl-push-16.ant-col-rtl {
                right: 66.66666667%;
                left: auto;
            }

            .ant-col-xxl-pull-16.ant-col-rtl {
                right: auto;
                left: 66.66666667%;
            }

            .ant-col-xxl-offset-16.ant-col-rtl {
                margin-right: 66.66666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-17.ant-col-rtl {
                right: 70.83333333%;
                left: auto;
            }

            .ant-col-xxl-pull-17.ant-col-rtl {
                right: auto;
                left: 70.83333333%;
            }

            .ant-col-xxl-offset-17.ant-col-rtl {
                margin-right: 70.83333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-18.ant-col-rtl {
                right: 75%;
                left: auto;
            }

            .ant-col-xxl-pull-18.ant-col-rtl {
                right: auto;
                left: 75%;
            }

            .ant-col-xxl-offset-18.ant-col-rtl {
                margin-right: 75%;
                margin-left: 0;
            }

            .ant-col-xxl-push-19.ant-col-rtl {
                right: 79.16666667%;
                left: auto;
            }

            .ant-col-xxl-pull-19.ant-col-rtl {
                right: auto;
                left: 79.16666667%;
            }

            .ant-col-xxl-offset-19.ant-col-rtl {
                margin-right: 79.16666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-20.ant-col-rtl {
                right: 83.33333333%;
                left: auto;
            }

            .ant-col-xxl-pull-20.ant-col-rtl {
                right: auto;
                left: 83.33333333%;
            }

            .ant-col-xxl-offset-20.ant-col-rtl {
                margin-right: 83.33333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-21.ant-col-rtl {
                right: 87.5%;
                left: auto;
            }

            .ant-col-xxl-pull-21.ant-col-rtl {
                right: auto;
                left: 87.5%;
            }

            .ant-col-xxl-offset-21.ant-col-rtl {
                margin-right: 87.5%;
                margin-left: 0;
            }

            .ant-col-xxl-push-22.ant-col-rtl {
                right: 91.66666667%;
                left: auto;
            }

            .ant-col-xxl-pull-22.ant-col-rtl {
                right: auto;
                left: 91.66666667%;
            }

            .ant-col-xxl-offset-22.ant-col-rtl {
                margin-right: 91.66666667%;
                margin-left: 0;
            }

            .ant-col-xxl-push-23.ant-col-rtl {
                right: 95.83333333%;
                left: auto;
            }

            .ant-col-xxl-pull-23.ant-col-rtl {
                right: auto;
                left: 95.83333333%;
            }

            .ant-col-xxl-offset-23.ant-col-rtl {
                margin-right: 95.83333333%;
                margin-left: 0;
            }

            .ant-col-xxl-push-24.ant-col-rtl {
                right: 100%;
                left: auto;
            }

            .ant-col-xxl-pull-24.ant-col-rtl {
                right: auto;
                left: 100%;
            }

            .ant-col-xxl-offset-24.ant-col-rtl {
                margin-right: 100%;
                margin-left: 0;
            }
        }

        .ant-row-rtl {
            direction: rtl;
        }

        .ant-image {
            position: relative;
            display: inline-block;
        }

        .ant-image-img {
            display: block;
            width: 100%;
            height: auto;
        }

        .ant-image-img-placeholder {
            background-color: #f5f5f5;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 30%;
        }

        .ant-image-mask {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            background: rgba(0, 0, 0, 0.5);
            cursor: pointer;
            opacity: 0;
            transition: opacity 0.3s;
        }

        .ant-image-mask-info .anticon {
            margin-inline-end: 4px;
        }

        .ant-image-mask:hover {
            opacity: 1;
        }

        .ant-image-placeholder {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .ant-image-preview {
            pointer-events: none;
            height: 100%;
            text-align: center;
        }

        .ant-image-preview.zoom-enter,
        .ant-image-preview.zoom-appear {
            transform: none;
            opacity: 0;
            animation-duration: 0.3s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-image-preview-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1000;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.45);
        }

        .ant-image-preview-mask-hidden {
            display: none;
        }

        .ant-image-preview-wrap {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: auto;
            outline: 0;
            -webkit-overflow-scrolling: touch;
        }

        .ant-image-preview-body {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
        }

        .ant-image-preview-img {
            max-width: 100%;
            max-height: 100%;
            vertical-align: middle;
            transform: scale3d(1, 1, 1);
            cursor: grab;
            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            pointer-events: auto;
        }

        .ant-image-preview-img-wrapper {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
        }

        .ant-image-preview-img-wrapper::before {
            display: inline-block;
            width: 1px;
            height: 50%;
            margin-right: -1px;
            content: '';
        }

        .ant-image-preview-moving .ant-image-preview-img {
            cursor: grabbing;
        }

        .ant-image-preview-moving .ant-image-preview-img-wrapper {
            transition-duration: 0s;
        }

        .ant-image-preview-wrap {
            z-index: 1080;
        }

        .ant-image-preview-operations {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            font-feature-settings: 'tnum';
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            width: 100%;
            color: rgba(255, 255, 255, 0.85);
            list-style: none;
            background: rgba(0, 0, 0, 0.1);
            pointer-events: auto;
        }

        .ant-image-preview-operations-operation {
            margin-left: 12px;
            padding: 12px;
            cursor: pointer;
        }

        .ant-image-preview-operations-operation-disabled {
            color: rgba(255, 255, 255, 0.25);
            pointer-events: none;
        }

        .ant-image-preview-operations-operation:last-of-type {
            margin-left: 0;
        }

        .ant-image-preview-operations-icon {
            font-size: 18px;
        }

        .ant-image-preview-switch-left,
        .ant-image-preview-switch-right {
            position: absolute;
            top: 50%;
            right: 10px;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            margin-top: -22px;
            color: rgba(255, 255, 255, 0.85);
            background: rgba(0, 0, 0, 0.1);
            border-radius: 50%;
            cursor: pointer;
            pointer-events: auto;
        }

        .ant-image-preview-switch-left-disabled,
        .ant-image-preview-switch-right-disabled {
            color: rgba(255, 255, 255, 0.25);
            cursor: not-allowed;
        }

        .ant-image-preview-switch-left-disabled>.anticon,
        .ant-image-preview-switch-right-disabled>.anticon {
            cursor: not-allowed;
        }

        .ant-image-preview-switch-left>.anticon,
        .ant-image-preview-switch-right>.anticon {
            font-size: 18px;
        }

        .ant-image-preview-switch-left {
            left: 10px;
        }

        .ant-image-preview-switch-right {
            right: 10px;
        }

        .ant-input-affix-wrapper {
            position: relative;
            display: inline-block;
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
            background-color: #fff;
            background-image: none;
            border: 1px solid white;
            border-radius: 2px;
            transition: all 0.3s;
            display: inline-flex;
        }

        .ant-input-affix-wrapper::-moz-placeholder {
            opacity: 1;
        }

        .ant-input-affix-wrapper:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-input-affix-wrapper::placeholder {
            color: #bfbfbf;
        }

        .ant-input-affix-wrapper:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input-affix-wrapper:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-input-affix-wrapper:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input-affix-wrapper:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-input-affix-wrapper:hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-affix-wrapper:focus,
        .ant-input-affix-wrapper-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-input-affix-wrapper:focus,
        .ant-input-rtl .ant-input-affix-wrapper-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-affix-wrapper-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input-affix-wrapper-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input-affix-wrapper[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input-affix-wrapper[disabled]:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input-affix-wrapper-borderless,
        .ant-input-affix-wrapper-borderless:hover,
        .ant-input-affix-wrapper-borderless:focus,
        .ant-input-affix-wrapper-borderless-focused,
        .ant-input-affix-wrapper-borderless-disabled,
        .ant-input-affix-wrapper-borderless[disabled] {
            background-color: transparent;
            border: none;
            box-shadow: none;
        }

        textarea.ant-input-affix-wrapper {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all 0.3s, height 0s;
        }

        .ant-input-affix-wrapper-lg {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-input-affix-wrapper-sm {
            padding: 0px 7px;
        }

        .ant-input-affix-wrapper-rtl {
            direction: rtl;
        }

        .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
            border-color: #758cff;
            border-right-width: 1px !important;
            z-index: 1;
        }

        .ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
            z-index: 0;
        }

        .ant-input-affix-wrapper-focused,
        .ant-input-affix-wrapper:focus {
            z-index: 1;
        }

        .ant-input-affix-wrapper-disabled .ant-input[disabled] {
            background: transparent;
        }

        .ant-input-affix-wrapper>input.ant-input {
            padding: 0;
            border: none;
            outline: none;
        }

        .ant-input-affix-wrapper>input.ant-input:focus {
            box-shadow: none;
        }

        .ant-input-affix-wrapper::before {
            width: 0;
            visibility: hidden;
            content: '\a0';
        }

        .ant-input-prefix,
        .ant-input-suffix {
            display: flex;
            flex: none;
            align-items: center;
        }

        .ant-input-prefix {
            margin-right: 4px;
        }

        .ant-input-suffix {
            margin-left: 4px;
        }

        .ant-input-clear-icon {
            margin: 0 4px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 12px;
            vertical-align: -1px;
            cursor: pointer;
            transition: color 0.3s;
        }

        .ant-input-clear-icon:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-input-clear-icon:active {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-input-clear-icon-hidden {
            visibility: hidden;
        }

        .ant-input-clear-icon:last-child {
            margin-right: 0;
        }

        .ant-input-affix-wrapper-textarea-with-clear-btn {
            padding: 0 !important;
            border: 0 !important;
        }

        .ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon {
            position: absolute;
            top: 8px;
            right: 8px;
            z-index: 1;
        }

        .ant-input {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-variant: tabular-nums;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-block;
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
            background-color: #fff;
            background-image: none;
            border: 1px solid white;
            border-radius: 2px;
            transition: all 0.3s;
        }

        .ant-input::-moz-placeholder {
            opacity: 1;
        }

        .ant-input:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-input::placeholder {
            color: #bfbfbf;
        }

        .ant-input:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-input:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-input:hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input:focus,
        .ant-input-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-input:focus,
        .ant-input-rtl .ant-input-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input[disabled]:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input-borderless,
        .ant-input-borderless:hover,
        .ant-input-borderless:focus,
        .ant-input-borderless-focused,
        .ant-input-borderless-disabled,
        .ant-input-borderless[disabled] {
            background-color: transparent;
            border: none;
            box-shadow: none;
        }

        textarea.ant-input {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all 0.3s, height 0s;
        }

        .ant-input-lg {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-input-sm {
            padding: 0px 7px;
        }

        .ant-input-rtl {
            direction: rtl;
        }

        .ant-input-group {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: table;
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
        }

        .ant-input-group[class*='col-'] {
            float: none;
            padding-right: 0;
            padding-left: 0;
        }

        .ant-input-group>[class*='col-'] {
            padding-right: 8px;
        }

        .ant-input-group>[class*='col-']:last-child {
            padding-right: 0;
        }

        .ant-input-group-addon,
        .ant-input-group-wrap,
        .ant-input-group>.ant-input {
            display: table-cell;
        }

        .ant-input-group-addon:not(:first-child):not(:last-child),
        .ant-input-group-wrap:not(:first-child):not(:last-child),
        .ant-input-group>.ant-input:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

        .ant-input-group-addon,
        .ant-input-group-wrap {
            width: 1px;
            white-space: nowrap;
            vertical-align: middle;
        }

        .ant-input-group-wrap>* {
            display: block !important;
        }

        .ant-input-group .ant-input {
            float: left;
            width: 100%;
            margin-bottom: 0;
            text-align: inherit;
        }

        .ant-input-group .ant-input:focus {
            z-index: 1;
            border-right-width: 1px;
        }

        .ant-input-group .ant-input:hover {
            z-index: 1;
            border-right-width: 1px;
        }

        .ant-input-search-with-button .ant-input-group .ant-input:hover {
            z-index: 0;
        }

        .ant-input-group-addon {
            position: relative;
            padding: 0 11px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
            text-align: center;
            background-color: #fafafa;
            border: 1px solid white;
            border-radius: 2px;
            transition: all 0.3s;
        }

        .ant-input-group-addon .ant-select {
            margin: -5px -11px;
        }

        .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            background-color: inherit;
            border: 1px solid transparent;
            box-shadow: none;
        }

        .ant-input-group-addon .ant-select-open .ant-select-selector,
        .ant-input-group-addon .ant-select-focused .ant-select-selector {
            color: #4c65ff;
        }

        .ant-input-group>.ant-input:first-child,
        .ant-input-group-addon:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .ant-input-group>.ant-input:first-child .ant-select .ant-select-selector,
        .ant-input-group-addon:first-child .ant-select .ant-select-selector {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .ant-input-group-addon:first-child {
            border-right: 0;
        }

        .ant-input-group-addon:last-child {
            border-left: 0;
        }

        .ant-input-group>.ant-input:last-child,
        .ant-input-group-addon:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .ant-input-group>.ant-input:last-child .ant-select .ant-select-selector,
        .ant-input-group-addon:last-child .ant-select .ant-select-selector {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .ant-input-group-lg .ant-input,
        .ant-input-group-lg>.ant-input-group-addon {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-input-group-sm .ant-input,
        .ant-input-group-sm>.ant-input-group-addon {
            padding: 0px 7px;
        }

        .ant-input-group-lg .ant-select-single .ant-select-selector {
            height: 40px;
        }

        .ant-input-group-sm .ant-select-single .ant-select-selector {
            height: 24px;
        }

        .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        .ant-input-group.ant-input-group-compact {
            display: block;
        }

        .ant-input-group.ant-input-group-compact::before {
            display: table;
            content: '';
        }

        .ant-input-group.ant-input-group-compact::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-input-group.ant-input-group-compact::before {
            display: table;
            content: '';
        }

        .ant-input-group.ant-input-group-compact::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
        .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
        .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child) {
            border-right-width: 1px;
        }

        .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
        .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
        .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover {
            z-index: 1;
        }

        .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
        .ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
        .ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus {
            z-index: 1;
        }

        .ant-input-group.ant-input-group-compact>* {
            display: inline-block;
            float: none;
            vertical-align: top;
            border-radius: 0;
        }

        .ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper {
            display: inline-flex;
        }

        .ant-input-group.ant-input-group-compact>.ant-picker-range {
            display: inline-flex;
        }

        .ant-input-group.ant-input-group-compact>*:not(:last-child) {
            margin-right: -1px;
            border-right-width: 1px;
        }

        .ant-input-group.ant-input-group-compact .ant-input {
            float: none;
        }

        .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector,
        .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,
        .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,
        .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input {
            border-right-width: 1px;
            border-radius: 0;
        }

        .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover,
        .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,
        .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,
        .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover {
            z-index: 1;
        }

        .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,
        .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,
        .ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,
        .ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus {
            z-index: 1;
        }

        .ant-input-group.ant-input-group-compact>.ant-select-focused {
            z-index: 1;
        }

        .ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow {
            z-index: 1;
        }

        .ant-input-group.ant-input-group-compact>*:first-child,
        .ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,
        .ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
        .ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px;
        }

        .ant-input-group.ant-input-group-compact>*:last-child,
        .ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,
        .ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
        .ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
            border-right-width: 1px;
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px;
        }

        .ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input {
            vertical-align: top;
        }

        .ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper {
            margin-left: -1px;
        }

        .ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper {
            border-radius: 0;
        }

        .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button {
            border-radius: 0;
        }

        .ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
            border-radius: 2px 0 0 2px;
        }

        .ant-input-group>.ant-input-rtl:first-child,
        .ant-input-group-rtl .ant-input-group-addon:first-child {
            border-radius: 0 2px 2px 0;
        }

        .ant-input-group-rtl .ant-input-group-addon:first-child {
            border-right: 1px solid white;
            border-left: 0;
        }

        .ant-input-group-rtl .ant-input-group-addon:last-child {
            border-right: 0;
            border-left: 1px solid white;
        }

        .ant-input-group-rtl.ant-input-group>.ant-input:last-child,
        .ant-input-group-rtl.ant-input-group-addon:last-child {
            border-radius: 2px 0 0 2px;
        }

        .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) {
            border-radius: 2px 0 0 2px;
        }

        .ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) {
            border-radius: 0 2px 2px 0;
        }

        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:not(:last-child) {
            margin-right: 0;
            margin-left: -1px;
            border-left-width: 1px;
        }

        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:first-child,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input {
            border-radius: 0 2px 2px 0;
        }

        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>*:last-child,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
        .ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input {
            border-left-width: 1px;
            border-radius: 2px 0 0 2px;
        }

        .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl {
            margin-right: -1px;
            margin-left: 0;
        }

        .ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input {
            border-radius: 0 2px 2px 0;
        }

        .ant-input-group-wrapper {
            display: inline-block;
            width: 100%;
            text-align: start;
            vertical-align: top;
        }

        .ant-input-password-icon {
            color: rgba(0, 0, 0, 0.45);
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-input-password-icon:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-input[type='color'] {
            height: 32px;
        }

        .ant-input[type='color'].ant-input-lg {
            height: 40px;
        }

        .ant-input[type='color'].ant-input-sm {
            height: 24px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .ant-input-textarea-show-count::after {
            float: right;
            color: rgba(0, 0, 0, 0.45);
            white-space: nowrap;
            content: attr(data-count);
            pointer-events: none;
        }

        .ant-input-search .ant-input:hover,
        .ant-input-search .ant-input:focus {
            border-color: #758cff;
        }

        .ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
        .ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
            border-left-color: #758cff;
        }

        .ant-input-search .ant-input-affix-wrapper {
            border-radius: 0;
        }

        .ant-input-search .ant-input-lg {
            line-height: 1.5713;
        }

        .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child {
            left: -1px;
            padding: 0;
            border: 0;
        }

        .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button {
            padding-top: 0;
            padding-bottom: 0;
            border-radius: 0 2px 2px 0;
        }

        .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .ant-input-search-button {
            height: 32px;
        }

        .ant-input-search-button:hover,
        .ant-input-search-button:focus {
            z-index: 1;
        }

        .ant-input-search-large .ant-input-search-button {
            height: 40px;
        }

        .ant-input-search-small .ant-input-search-button {
            height: 24px;
        }

        .ant-input-group-wrapper-rtl {
            direction: rtl;
        }

        .ant-input-group-rtl {
            direction: rtl;
        }

        .ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input {
            border: none;
            outline: none;
        }

        .ant-input-affix-wrapper-rtl .ant-input-prefix {
            margin: 0 0 0 4px;
        }

        .ant-input-affix-wrapper-rtl .ant-input-suffix {
            margin: 0 4px 0 0;
        }

        .ant-input-textarea-rtl {
            direction: rtl;
        }

        .ant-input-textarea-rtl.ant-input-textarea-show-count::after {
            text-align: left;
        }

        .ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-input-affix-wrapper-rtl .ant-input-clear-icon {
            right: auto;
            left: 8px;
        }

        .ant-input-search-rtl {
            direction: rtl;
        }

        .ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),
        .ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
            border-right-color: #758cff;
            border-left-color: #d9d9d9;
        }

        .ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover,
        .ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused {
            border-right-color: #758cff;
        }

        .ant-input-search-rtl>.ant-input-group>.ant-input-group-addon {
            right: -1px;
            left: auto;
        }

        .ant-input-search-rtl>.ant-input-group>.ant-input-group-addon .ant-input-search-button {
            border-radius: 2px 0 0 2px;
        }

        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {
            .ant-input {
                height: 32px;
            }

            .ant-input-lg {
                height: 40px;
            }

            .ant-input-sm {
                height: 24px;
            }

            .ant-input-affix-wrapper>input.ant-input {
                height: auto;
            }
        }

        .ant-input-number {
            box-sizing: border-box;
            font-variant: tabular-nums;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
            background-color: #fff;
            background-image: none;
            border: 1px solid white;
            transition: all 0.3s;
            display: inline-block;
            width: 90px;
            margin: 0;
            padding: 0;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
        }

        .ant-input-number::-moz-placeholder {
            opacity: 1;
        }

        .ant-input-number:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-input-number::placeholder {
            color: #bfbfbf;
        }

        .ant-input-number:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input-number:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-input-number:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input-number:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-input-number:hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-number:focus,
        .ant-input-number-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-input-number:focus,
        .ant-input-rtl .ant-input-number-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-number-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input-number-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input-number[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input-number[disabled]:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input-number-borderless,
        .ant-input-number-borderless:hover,
        .ant-input-number-borderless:focus,
        .ant-input-number-borderless-focused,
        .ant-input-number-borderless-disabled,
        .ant-input-number-borderless[disabled] {
            background-color: transparent;
            border: none;
            box-shadow: none;
        }

        textarea.ant-input-number {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all 0.3s, height 0s;
        }

        .ant-input-number-lg {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-input-number-sm {
            padding: 0px 7px;
        }

        .ant-input-number-rtl {
            direction: rtl;
        }

        .ant-input-number-handler {
            position: relative;
            display: block;
            width: 100%;
            height: 50%;
            overflow: hidden;
            color: rgba(0, 0, 0, 0.45);
            font-weight: bold;
            line-height: 0;
            text-align: center;
            transition: all 0.1s linear;
        }

        .ant-input-number-handler:active {
            background: #f4f4f4;
        }

        .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
        .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
            color: #758cff;
        }

        .ant-input-number-handler-up-inner,
        .ant-input-number-handler-down-inner {
            display: inline-block;
            color: inherit;
            font-style: normal;
            line-height: 0;
            text-align: center;
            text-transform: none;
            vertical-align: -0.125em;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 4px;
            width: 12px;
            height: 12px;
            color: rgba(0, 0, 0, 0.45);
            line-height: 12px;
            transition: all 0.1s linear;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-input-number-handler-up-inner>*,
        .ant-input-number-handler-down-inner>* {
            line-height: 1;
        }

        .ant-input-number-handler-up-inner svg,
        .ant-input-number-handler-down-inner svg {
            display: inline-block;
        }

        .ant-input-number-handler-up-inner::before,
        .ant-input-number-handler-down-inner::before {
            display: none;
        }

        .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
        .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
        .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
        .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
            display: block;
        }

        .ant-input-number:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-number:hover+.ant-form-item-children-icon {
            opacity: 0;
            transition: opacity 0.24s linear 0.24s;
        }

        .ant-input-number-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-input-number-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-input-number-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-input-number-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-input-number-disabled .ant-input-number-input {
            cursor: not-allowed;
        }

        .ant-input-number-disabled .ant-input-number-handler-wrap {
            display: none;
        }

        .ant-input-number-readonly .ant-input-number-handler-wrap {
            display: none;
        }

        .ant-input-number-input {
            width: 100%;
            height: 30px;
            padding: 0 11px;
            text-align: left;
            background-color: transparent;
            border: 0;
            border-radius: 2px;
            outline: 0;
            transition: all 0.3s linear;
            -moz-appearance: textfield !important;
        }

        .ant-input-number-input::-moz-placeholder {
            opacity: 1;
        }

        .ant-input-number-input:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-input-number-input::placeholder {
            color: #bfbfbf;
        }

        .ant-input-number-input:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input-number-input:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-input-number-input:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-input-number-input[type='number']::-webkit-inner-spin-button,
        .ant-input-number-input[type='number']::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

        .ant-input-number-lg {
            padding: 0;
            font-size: 14px;
        }

        .ant-input-number-lg input {
            height: 38px;
        }

        .ant-input-number-sm {
            padding: 0;
        }

        .ant-input-number-sm input {
            height: 22px;
            padding: 0 7px;
        }

        .ant-input-number-handler-wrap {
            position: absolute;
            top: 0;
            right: 0;
            width: 22px;
            height: 100%;
            background: #fff;
            border-left: 1px solid #d9d9d9;
            border-radius: 0 2px 2px 0;
            opacity: 0;
            transition: opacity 0.24s linear 0.1s;
        }

        .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
        .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
            min-width: auto;
            margin-right: 0;
            font-size: 7px;
        }

        .ant-input-number-borderless .ant-input-number-handler-wrap {
            border-left-width: 0;
        }

        .ant-input-number-handler-wrap:hover .ant-input-number-handler {
            height: 40%;
        }

        .ant-input-number:hover .ant-input-number-handler-wrap {
            opacity: 1;
        }

        .ant-input-number-handler-up {
            border-top-right-radius: 2px;
            cursor: pointer;
        }

        .ant-input-number-handler-up-inner {
            top: 50%;
            margin-top: -5px;
            text-align: center;
        }

        .ant-input-number-handler-up:hover {
            height: 60% !important;
        }

        .ant-input-number-handler-down {
            top: 0;
            border-top: 1px solid #d9d9d9;
            border-bottom-right-radius: 2px;
            cursor: pointer;
        }

        .ant-input-number-handler-down-inner {
            top: 50%;
            text-align: center;
            transform: translateY(-50%);
        }

        .ant-input-number-handler-down:hover {
            height: 60% !important;
        }

        .ant-input-number-borderless .ant-input-number-handler-down {
            border-top-width: 0;
        }

        .ant-input-number-handler-up-disabled,
        .ant-input-number-handler-down-disabled {
            cursor: not-allowed;
        }

        .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
        .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-input-number-borderless {
            box-shadow: none;
        }

        .ant-input-number-out-of-range input {
            color: #f24822;
        }

        .ant-input-number-rtl {
            direction: rtl;
        }

        .ant-input-number-rtl .ant-input-number-handler-wrap {
            right: auto;
            left: 0;
            border-right: 1px solid #d9d9d9;
            border-left: 0;
            border-radius: 2px 0 0 2px;
        }

        .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
            border-right-width: 0;
        }

        .ant-input-number-rtl .ant-input-number-input {
            direction: ltr;
            text-align: right;
        }

        .ant-layout {
            display: flex;
            flex: auto;
            flex-direction: column;
            /* fix firefox can't set height smaller than content on flex item */
            min-height: 0;
            background: #f0f2f5;
        }

        .ant-layout,
        .ant-layout * {
            box-sizing: border-box;
        }

        .ant-layout.ant-layout-has-sider {
            flex-direction: row;
        }

        .ant-layout.ant-layout-has-sider>.ant-layout,
        .ant-layout.ant-layout-has-sider>.ant-layout-content {
            width: 0;
        }

        .ant-layout-header,
        .ant-layout-footer {
            flex: 0 0 auto;
        }

        .ant-layout-header {
            height: 64px;
            padding: 0 50px;
            color: rgba(0, 0, 0, 0.85);
            line-height: 64px;
            background: #001529;
        }

        .ant-layout-footer {
            padding: 24px 50px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            background: #f0f2f5;
        }

        .ant-layout-content {
            flex: auto;
            /* fix firefox can't set height smaller than content on flex item */
            min-height: 0;
        }

        .ant-layout-sider {
            position: relative;
            /* fix firefox can't set width smaller than content on flex item */
            min-width: 0;
            background: #001529;
            transition: all 0.2s;
        }

        .ant-layout-sider-children {
            height: 100%;
            margin-top: -0.1px;
            padding-top: 0.1px;
        }

        .ant-layout-sider-has-trigger {
            padding-bottom: 48px;
        }

        .ant-layout-sider-right {
            order: 1;
        }

        .ant-layout-sider-trigger {
            position: fixed;
            bottom: 0;
            z-index: 1;
            height: 48px;
            color: #fff;
            line-height: 48px;
            text-align: center;
            background: #002140;
            cursor: pointer;
            transition: all 0.2s;
        }

        .ant-layout-sider-zero-width>* {
            overflow: hidden;
        }

        .ant-layout-sider-zero-width-trigger {
            position: absolute;
            top: 64px;
            right: -36px;
            z-index: 1;
            width: 36px;
            height: 42px;
            color: #fff;
            font-size: 18px;
            line-height: 42px;
            text-align: center;
            background: #001529;
            border-radius: 0 2px 2px 0;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .ant-layout-sider-zero-width-trigger::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: transparent;
            transition: all 0.3s;
            content: '';
        }

        .ant-layout-sider-zero-width-trigger:hover::after {
            background: rgba(255, 255, 255, 0.1);
        }

        .ant-layout-sider-zero-width-trigger-right {
            left: -36px;
            border-radius: 2px 0 0 2px;
        }

        .ant-layout-sider-light {
            background: #fff;
        }

        .ant-layout-sider-light .ant-layout-sider-trigger {
            color: rgba(0, 0, 0, 0.85);
            background: #fff;
        }

        .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
            color: rgba(0, 0, 0, 0.85);
            background: #fff;
        }

        .ant-layout-rtl {
            direction: rtl;
        }

        .ant-list {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
        }

        .ant-list * {
            outline: none;
        }

        .ant-list-pagination {
            margin-top: 24px;
            text-align: right;
        }

        .ant-list-pagination .ant-pagination-options {
            text-align: left;
        }

        .ant-list-more {
            margin-top: 12px;
            text-align: center;
        }

        .ant-list-more button {
            padding-right: 32px;
            padding-left: 32px;
        }

        .ant-list-spin {
            min-height: 40px;
            text-align: center;
        }

        .ant-list-empty-text {
            padding: 16px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 14px;
            text-align: center;
        }

        .ant-list-items {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ant-list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px 0;
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-list-item-meta {
            display: flex;
            flex: 1;
            align-items: flex-start;
            max-width: 100%;
        }

        .ant-list-item-meta-avatar {
            margin-right: 16px;
        }

        .ant-list-item-meta-content {
            flex: 1 0;
            width: 0;
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-list-item-meta-title {
            margin-bottom: 4px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
        }

        .ant-list-item-meta-title>a {
            color: rgba(0, 0, 0, 0.85);
            transition: all 0.3s;
        }

        .ant-list-item-meta-title>a:hover {
            color: #4c65ff;
        }

        .ant-list-item-meta-description {
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 1.5715;
        }

        .ant-list-item-action {
            flex: 0 0 auto;
            margin-left: 48px;
            padding: 0;
            font-size: 0;
            list-style: none;
        }

        .ant-list-item-action>li {
            position: relative;
            display: inline-block;
            padding: 0 8px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 1.5715;
            text-align: center;
        }

        .ant-list-item-action>li:first-child {
            padding-left: 0;
        }

        .ant-list-item-action-split {
            position: absolute;
            top: 50%;
            right: 0;
            width: 1px;
            height: 14px;
            margin-top: -7px;
            background-color: #f0f0f0;
        }

        .ant-list-header {
            background: transparent;
        }

        .ant-list-footer {
            background: transparent;
        }

        .ant-list-header,
        .ant-list-footer {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        .ant-list-empty {
            padding: 16px 0;
            color: rgba(0, 0, 0, 0.45);
            font-size: 12px;
            text-align: center;
        }

        .ant-list-split .ant-list-item {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-list-split .ant-list-item:last-child {
            border-bottom: none;
        }

        .ant-list-split .ant-list-header {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-list-split.ant-list-empty .ant-list-footer {
            border-top: 1px solid #f0f0f0;
        }

        .ant-list-loading .ant-list-spin-nested-loading {
            min-height: 32px;
        }

        .ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-list-lg .ant-list-item {
            padding: 16px 24px;
        }

        .ant-list-sm .ant-list-item {
            padding: 8px 16px;
        }

        .ant-list-vertical .ant-list-item {
            align-items: initial;
        }

        .ant-list-vertical .ant-list-item-main {
            display: block;
            flex: 1;
        }

        .ant-list-vertical .ant-list-item-extra {
            margin-left: 40px;
        }

        .ant-list-vertical .ant-list-item-meta {
            margin-bottom: 16px;
        }

        .ant-list-vertical .ant-list-item-meta-title {
            margin-bottom: 12px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 24px;
        }

        .ant-list-vertical .ant-list-item-action {
            margin-top: 16px;
            margin-left: auto;
        }

        .ant-list-vertical .ant-list-item-action>li {
            padding: 0 16px;
        }

        .ant-list-vertical .ant-list-item-action>li:first-child {
            padding-left: 0;
        }

        .ant-list-grid .ant-col>.ant-list-item {
            display: block;
            max-width: 100%;
            margin-bottom: 16px;
            padding-top: 0;
            padding-bottom: 0;
            border-bottom: none;
        }

        .ant-list-item-no-flex {
            display: block;
        }

        .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
            float: right;
        }

        .ant-list-bordered {
            border: 1px solid #d9d9d9;
            border-radius: 2px;
        }

        .ant-list-bordered .ant-list-header {
            padding-right: 24px;
            padding-left: 24px;
        }

        .ant-list-bordered .ant-list-footer {
            padding-right: 24px;
            padding-left: 24px;
        }

        .ant-list-bordered .ant-list-item {
            padding-right: 24px;
            padding-left: 24px;
        }

        .ant-list-bordered .ant-list-pagination {
            margin: 16px 24px;
        }

        .ant-list-bordered.ant-list-sm .ant-list-item {
            padding: 8px 16px;
        }

        .ant-list-bordered.ant-list-sm .ant-list-header,
        .ant-list-bordered.ant-list-sm .ant-list-footer {
            padding: 8px 16px;
        }

        .ant-list-bordered.ant-list-lg .ant-list-item {
            padding: 16px 24px;
        }

        .ant-list-bordered.ant-list-lg .ant-list-header,
        .ant-list-bordered.ant-list-lg .ant-list-footer {
            padding: 16px 24px;
        }

        @media screen and (max-width: 768px) {
            .ant-list-item-action {
                margin-left: 24px;
            }

            .ant-list-vertical .ant-list-item-extra {
                margin-left: 24px;
            }
        }

        @media screen and (max-width: 576px) {
            .ant-list-item {
                flex-wrap: wrap;
            }

            .ant-list-item-action {
                margin-left: 12px;
            }

            .ant-list-vertical .ant-list-item {
                flex-wrap: wrap-reverse;
            }

            .ant-list-vertical .ant-list-item-main {
                min-width: 220px;
            }

            .ant-list-vertical .ant-list-item-extra {
                margin: auto auto 16px;
            }
        }

        .ant-list-rtl {
            direction: rtl;
            text-align: right;
        }

        .ant-list-rtl .ReactVirtualized__List .ant-list-item {
            direction: rtl;
        }

        .ant-list-rtl .ant-list-pagination {
            text-align: left;
        }

        .ant-list-rtl .ant-list-item-meta-avatar {
            margin-right: 0;
            margin-left: 16px;
        }

        .ant-list-rtl .ant-list-item-action {
            margin-right: 48px;
            margin-left: 0;
        }

        .ant-list.ant-list-rtl .ant-list-item-action>li:first-child {
            padding-right: 0;
            padding-left: 16px;
        }

        .ant-list-rtl .ant-list-item-action-split {
            right: auto;
            left: 0;
        }

        .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
            margin-right: 40px;
            margin-left: 0;
        }

        .ant-list-rtl.ant-list-vertical .ant-list-item-action {
            margin-right: auto;
        }

        .ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child {
            padding-right: 0;
            padding-left: 16px;
        }

        .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
            float: left;
        }

        @media screen and (max-width: 768px) {
            .ant-list-rtl .ant-list-item-action {
                margin-right: 24px;
                margin-left: 0;
            }

            .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
                margin-right: 24px;
                margin-left: 0;
            }
        }

        @media screen and (max-width: 576px) {
            .ant-list-rtl .ant-list-item-action {
                margin-right: 22px;
                margin-left: 0;
            }

            .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
                margin: auto auto 16px;
            }
        }

        .ant-mentions {
            box-sizing: border-box;
            margin: 0;
            font-variant: tabular-nums;
            list-style: none;
            font-feature-settings: 'tnum';
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            background-color: #fff;
            background-image: none;
            border: 1px solid white;
            border-radius: 2px;
            transition: all 0.3s;
            position: relative;
            display: inline-block;
            height: auto;
            padding: 0;
            overflow: hidden;
            line-height: 1.5715;
            white-space: pre-wrap;
            vertical-align: bottom;
        }

        .ant-mentions::-moz-placeholder {
            opacity: 1;
        }

        .ant-mentions:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-mentions::placeholder {
            color: #bfbfbf;
        }

        .ant-mentions:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-mentions:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-mentions:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-mentions:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-mentions:hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-mentions:focus,
        .ant-mentions-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-mentions:focus,
        .ant-input-rtl .ant-mentions-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-mentions-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-mentions-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-mentions[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-mentions[disabled]:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-mentions-borderless,
        .ant-mentions-borderless:hover,
        .ant-mentions-borderless:focus,
        .ant-mentions-borderless-focused,
        .ant-mentions-borderless-disabled,
        .ant-mentions-borderless[disabled] {
            background-color: transparent;
            border: none;
            box-shadow: none;
        }

        textarea.ant-mentions {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all 0.3s, height 0s;
        }

        .ant-mentions-lg {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-mentions-sm {
            padding: 0px 7px;
        }

        .ant-mentions-rtl {
            direction: rtl;
        }

        .ant-mentions-disabled>textarea {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-mentions-disabled>textarea:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-mentions-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-mentions-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-mentions>textarea,
        .ant-mentions-measure {
            min-height: 30px;
            margin: 0;
            padding: 4px 11px;
            overflow: inherit;
            overflow-x: hidden;
            overflow-y: auto;
            font-weight: inherit;
            font-size: inherit;
            font-family: inherit;
            font-style: inherit;
            font-variant: inherit;
            font-size-adjust: inherit;
            font-stretch: inherit;
            line-height: inherit;
            direction: inherit;
            letter-spacing: inherit;
            white-space: inherit;
            text-align: inherit;
            vertical-align: top;
            word-wrap: break-word;
            word-break: inherit;
            -moz-tab-size: inherit;
            -o-tab-size: inherit;
            tab-size: inherit;
        }

        .ant-mentions>textarea {
            width: 100%;
            border: none;
            outline: none;
            resize: none;
        }

        .ant-mentions>textarea::-moz-placeholder {
            opacity: 1;
        }

        .ant-mentions>textarea:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-mentions>textarea::placeholder {
            color: #bfbfbf;
        }

        .ant-mentions>textarea:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-mentions>textarea:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-mentions>textarea:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-mentions-measure {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            color: transparent;
            pointer-events: none;
        }

        .ant-mentions-measure>span {
            display: inline-block;
            min-height: 1em;
        }

        .ant-mentions-dropdown {
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            top: -9999px;
            left: -9999px;
            z-index: 1050;
            box-sizing: border-box;
            font-size: 14px;
            font-variant: initial;
            background-color: #fff;
            border-radius: 2px;
            outline: none;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-mentions-dropdown-hidden {
            display: none;
        }

        .ant-mentions-dropdown-menu {
            max-height: 250px;
            margin-bottom: 0;
            padding-left: 0;
            overflow: auto;
            list-style: none;
            outline: none;
        }

        .ant-mentions-dropdown-menu-item {
            position: relative;
            display: block;
            min-width: 100px;
            padding: 5px 12px;
            overflow: hidden;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            line-height: 1.5715;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .ant-mentions-dropdown-menu-item:hover {
            background-color: #f5f5f5;
        }

        .ant-mentions-dropdown-menu-item:first-child {
            border-radius: 2px 2px 0 0;
        }

        .ant-mentions-dropdown-menu-item:last-child {
            border-radius: 0 0 2px 2px;
        }

        .ant-mentions-dropdown-menu-item-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-mentions-dropdown-menu-item-disabled:hover {
            color: rgba(0, 0, 0, 0.25);
            background-color: #fff;
            cursor: not-allowed;
        }

        .ant-mentions-dropdown-menu-item-selected {
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            background-color: #fafafa;
        }

        .ant-mentions-dropdown-menu-item-active {
            background-color: #f5f5f5;
        }

        .ant-mentions-rtl {
            direction: rtl;
        }

        .ant-menu-item-danger.ant-menu-item {
            color: #f24822;
        }

        .ant-menu-item-danger.ant-menu-item:hover,
        .ant-menu-item-danger.ant-menu-item-active {
            color: #f24822;
        }

        .ant-menu-item-danger.ant-menu-item:active {
            background: #fff1f0;
        }

        .ant-menu-item-danger.ant-menu-item-selected {
            color: #f24822;
        }

        .ant-menu-item-danger.ant-menu-item-selected>a,
        .ant-menu-item-danger.ant-menu-item-selected>a:hover {
            color: #f24822;
        }

        .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
            background-color: #fff1f0;
        }

        .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
            border-right-color: #f24822;
        }

        .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
        .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
        .ant-menu-dark .ant-menu-item-danger.ant-menu-item>a {
            color: #f24822;
        }

        .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
            color: #fff;
            background-color: #f24822;
        }

        .ant-menu {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-variant: tabular-nums;
            line-height: 1.5715;
            font-feature-settings: 'tnum';
            margin-bottom: 0;
            padding-left: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 0;
            text-align: left;
            list-style: none;
            background: #fff;
            outline: none;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
        }

        .ant-menu::before {
            display: table;
            content: '';
        }

        .ant-menu::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-menu::before {
            display: table;
            content: '';
        }

        .ant-menu::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-menu ul,
        .ant-menu ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ant-menu-hidden {
            display: none;
        }

        .ant-menu-item-group-title {
            height: 1.5715;
            padding: 8px 16px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 1.5715;
            transition: all 0.3s;
        }

        .ant-menu-horizontal .ant-menu-submenu {
            transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-submenu,
        .ant-menu-submenu-inline {
            transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-submenu-selected {
            color: #4c65ff;
        }

        .ant-menu-item:active,
        .ant-menu-submenu-title:active {
            background: #f0f4ff;
        }

        .ant-menu-submenu .ant-menu-sub {
            cursor: initial;
            transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-item a {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-menu-item a:hover {
            color: #4c65ff;
        }

        .ant-menu-item a::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: transparent;
            content: '';
        }

        .ant-menu-item>.ant-badge a {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-menu-item>.ant-badge a:hover {
            color: #4c65ff;
        }

        .ant-menu-item-divider {
            height: 1px;
            overflow: hidden;
            line-height: 0;
            background-color: #f0f0f0;
        }

        .ant-menu-item:hover,
        .ant-menu-item-active,
        .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
        .ant-menu-submenu-active,
        .ant-menu-submenu-title:hover {
            color: #4c65ff;
        }

        .ant-menu-horizontal .ant-menu-item,
        .ant-menu-horizontal .ant-menu-submenu {
            margin-top: -1px;
        }

        .ant-menu-horizontal>.ant-menu-item:hover,
        .ant-menu-horizontal>.ant-menu-item-active,
        .ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover {
            background-color: transparent;
        }

        .ant-menu-item-selected {
            color: #4c65ff;
        }

        .ant-menu-item-selected a,
        .ant-menu-item-selected a:hover {
            color: #4c65ff;
        }

        .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
            background-color: #f0f4ff;
        }

        .ant-menu-inline,
        .ant-menu-vertical,
        .ant-menu-vertical-left {
            border-right: 1px solid #f0f0f0;
        }

        .ant-menu-vertical-right {
            border-left: 1px solid #f0f0f0;
        }

        .ant-menu-vertical.ant-menu-sub,
        .ant-menu-vertical-left.ant-menu-sub,
        .ant-menu-vertical-right.ant-menu-sub {
            min-width: 160px;
            max-height: calc(100vh - 100px);
            padding: 0;
            overflow: hidden;
            border-right: 0;
        }

        .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
        .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
        .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
            overflow-x: hidden;
            overflow-y: auto;
        }

        .ant-menu-vertical.ant-menu-sub .ant-menu-item,
        .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
        .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
            left: 0;
            margin-left: 0;
            border-right: 0;
        }

        .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
        .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
        .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
            border-right: 0;
        }

        .ant-menu-vertical.ant-menu-sub>.ant-menu-item,
        .ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,
        .ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,
        .ant-menu-vertical.ant-menu-sub>.ant-menu-submenu,
        .ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,
        .ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu {
            transform-origin: 0 0;
        }

        .ant-menu-horizontal.ant-menu-sub {
            min-width: 114px;
        }

        .ant-menu-horizontal .ant-menu-item,
        .ant-menu-horizontal .ant-menu-submenu-title {
            transition: border-color 0.3s, background 0.3s;
        }

        .ant-menu-item,
        .ant-menu-submenu-title {
            position: relative;
            display: block;
            margin: 0;
            padding: 0 20px;
            white-space: nowrap;
            cursor: pointer;
            transition: border-color 0.3s, background 0.3s, padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-item .ant-menu-item-icon,
        .ant-menu-submenu-title .ant-menu-item-icon,
        .ant-menu-item .anticon,
        .ant-menu-submenu-title .anticon {
            min-width: 14px;
            margin-right: 10px;
            font-size: 14px;
            transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
        }

        .ant-menu-item .ant-menu-item-icon+span,
        .ant-menu-submenu-title .ant-menu-item-icon+span,
        .ant-menu-item .anticon+span,
        .ant-menu-submenu-title .anticon+span {
            opacity: 1;
            transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
        }

        .ant-menu-item.ant-menu-item-only-child>.anticon,
        .ant-menu-submenu-title.ant-menu-item-only-child>.anticon,
        .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,
        .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon {
            margin-right: 0;
        }

        .ant-menu>.ant-menu-item-divider {
            height: 1px;
            margin: 1px 0;
            padding: 0;
            overflow: hidden;
            line-height: 0;
            background-color: #f0f0f0;
        }

        .ant-menu-submenu-popup {
            position: absolute;
            z-index: 1050;
            background: transparent;
            border-radius: 2px;
            box-shadow: none;
            transform-origin: 0 0;
        }

        .ant-menu-submenu-popup::before {
            position: absolute;
            top: -7px;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
            opacity: 0.0001;
            content: ' ';
        }

        .ant-menu-submenu-placement-rightTop::before {
            top: 0;
            left: -7px;
        }

        .ant-menu-submenu>.ant-menu {
            background-color: #fff;
            border-radius: 2px;
        }

        .ant-menu-submenu>.ant-menu-submenu-title::after {
            transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-submenu-popup>.ant-menu {
            background-color: #fff;
        }

        .ant-menu-submenu-expand-icon,
        .ant-menu-submenu-arrow {
            position: absolute;
            top: 50%;
            right: 16px;
            width: 10px;
            color: rgba(0, 0, 0, 0.85);
            transform: translateY(-50%);
            transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-submenu-arrow::before,
        .ant-menu-submenu-arrow::after {
            position: absolute;
            width: 6px;
            height: 1.5px;
            background-color: currentColor;
            border-radius: 2px;
            transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
            content: '';
        }

        .ant-menu-submenu-arrow::before {
            transform: rotate(45deg) translateY(-2.5px);
        }

        .ant-menu-submenu-arrow::after {
            transform: rotate(-45deg) translateY(2.5px);
        }

        .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,
        .ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
            color: #4c65ff;
        }

        .ant-menu-submenu-inline .ant-menu-submenu-arrow::before {
            transform: rotate(-45deg) translateX(2.5px);
        }

        .ant-menu-submenu-inline .ant-menu-submenu-arrow::after {
            transform: rotate(45deg) translateX(-2.5px);
        }

        .ant-menu-submenu-horizontal .ant-menu-submenu-arrow {
            display: none;
        }

        .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow {
            transform: translateY(-2px);
        }

        .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after {
            transform: rotate(-45deg) translateX(-2.5px);
        }

        .ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before {
            transform: rotate(45deg) translateX(2.5px);
        }

        .ant-menu-vertical .ant-menu-submenu-selected,
        .ant-menu-vertical-left .ant-menu-submenu-selected,
        .ant-menu-vertical-right .ant-menu-submenu-selected {
            color: #4c65ff;
        }

        .ant-menu-horizontal {
            line-height: 46px;
            border: 0;
            border-bottom: 1px solid #f0f0f0;
            box-shadow: none;
        }

        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu {
            margin: 0 20px;
            margin-top: -1px;
            margin-bottom: 0;
            padding: 0 20px;
            padding-right: 0;
            padding-left: 0;
        }

        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,
        .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected {
            color: #4c65ff;
            border-bottom: 2px solid #4c65ff;
        }

        .ant-menu-horizontal>.ant-menu-item,
        .ant-menu-horizontal>.ant-menu-submenu {
            position: relative;
            top: 1px;
            display: inline-block;
            vertical-align: bottom;
            border-bottom: 2px solid transparent;
        }

        .ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title {
            padding: 0;
        }

        .ant-menu-horizontal>.ant-menu-item a {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-menu-horizontal>.ant-menu-item a:hover {
            color: #4c65ff;
        }

        .ant-menu-horizontal>.ant-menu-item a::before {
            bottom: -2px;
        }

        .ant-menu-horizontal>.ant-menu-item-selected a {
            color: #4c65ff;
        }

        .ant-menu-horizontal::after {
            display: block;
            clear: both;
            height: 0;
            content: '\20';
        }

        .ant-menu-vertical .ant-menu-item,
        .ant-menu-vertical-left .ant-menu-item,
        .ant-menu-vertical-right .ant-menu-item,
        .ant-menu-inline .ant-menu-item {
            position: relative;
        }

        .ant-menu-vertical .ant-menu-item::after,
        .ant-menu-vertical-left .ant-menu-item::after,
        .ant-menu-vertical-right .ant-menu-item::after,
        .ant-menu-inline .ant-menu-item::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            border-right: 3px solid #4c65ff;
            transform: scaleY(0.0001);
            opacity: 0;
            transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
            content: '';
        }

        .ant-menu-vertical .ant-menu-item,
        .ant-menu-vertical-left .ant-menu-item,
        .ant-menu-vertical-right .ant-menu-item,
        .ant-menu-inline .ant-menu-item,
        .ant-menu-vertical .ant-menu-submenu-title,
        .ant-menu-vertical-left .ant-menu-submenu-title,
        .ant-menu-vertical-right .ant-menu-submenu-title,
        .ant-menu-inline .ant-menu-submenu-title {
            height: 40px;
            margin-top: 4px;
            margin-bottom: 4px;
            padding: 0 16px;
            overflow: hidden;
            line-height: 40px;
            text-overflow: ellipsis;
        }

        .ant-menu-vertical .ant-menu-submenu,
        .ant-menu-vertical-left .ant-menu-submenu,
        .ant-menu-vertical-right .ant-menu-submenu,
        .ant-menu-inline .ant-menu-submenu {
            padding-bottom: 0.02px;
        }

        .ant-menu-vertical .ant-menu-item:not(:last-child),
        .ant-menu-vertical-left .ant-menu-item:not(:last-child),
        .ant-menu-vertical-right .ant-menu-item:not(:last-child),
        .ant-menu-inline .ant-menu-item:not(:last-child) {
            margin-bottom: 8px;
        }

        .ant-menu-vertical>.ant-menu-item,
        .ant-menu-vertical-left>.ant-menu-item,
        .ant-menu-vertical-right>.ant-menu-item,
        .ant-menu-inline>.ant-menu-item,
        .ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title,
        .ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,
        .ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,
        .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
            height: 40px;
            line-height: 40px;
        }

        .ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,
        .ant-menu-vertical .ant-menu-submenu-title {
            padding-right: 34px;
        }

        .ant-menu-inline {
            width: 100%;
        }

        .ant-menu-inline .ant-menu-selected::after,
        .ant-menu-inline .ant-menu-item-selected::after {
            transform: scaleY(1);
            opacity: 1;
            transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-menu-inline .ant-menu-item,
        .ant-menu-inline .ant-menu-submenu-title {
            width: calc(100% + 1px);
        }

        .ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,
        .ant-menu-inline .ant-menu-submenu-title {
            padding-right: 34px;
        }

        .ant-menu-inline-collapsed {
            width: 80px;
        }

        .ant-menu-inline-collapsed>.ant-menu-item,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,
        .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title {
            left: 0;
            padding: 0 calc(50% - 14px / 2);
            text-overflow: clip;
        }

        .ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,
        .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow {
            display: none;
        }

        .ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,
        .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,
        .ant-menu-inline-collapsed>.ant-menu-item .anticon,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,
        .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
            margin: 0;
            font-size: 14px;
            line-height: 40px;
        }

        .ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon+span,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon+span,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,
        .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,
        .ant-menu-inline-collapsed>.ant-menu-item .anticon+span,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,
        .ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,
        .ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span {
            display: inline-block;
            max-width: 0;
            opacity: 0;
        }

        .ant-menu-inline-collapsed .ant-menu-item-icon,
        .ant-menu-inline-collapsed .anticon {
            display: inline-block;
        }

        .ant-menu-inline-collapsed-tooltip {
            pointer-events: none;
        }

        .ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,
        .ant-menu-inline-collapsed-tooltip .anticon {
            display: none;
        }

        .ant-menu-inline-collapsed-tooltip a {
            color: rgba(255, 255, 255, 0.85);
        }

        .ant-menu-inline-collapsed .ant-menu-item-group-title {
            padding-right: 4px;
            padding-left: 4px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-menu-item-group-list {
            margin: 0;
            padding: 0;
        }

        .ant-menu-item-group-list .ant-menu-item,
        .ant-menu-item-group-list .ant-menu-submenu-title {
            padding: 0 16px 0 28px;
        }

        .ant-menu-root.ant-menu-vertical,
        .ant-menu-root.ant-menu-vertical-left,
        .ant-menu-root.ant-menu-vertical-right,
        .ant-menu-root.ant-menu-inline {
            box-shadow: none;
        }

        .ant-menu-root.ant-menu-inline-collapsed .ant-menu-item>.ant-menu-inline-collapsed-noicon,
        .ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title>.ant-menu-inline-collapsed-noicon {
            font-size: 14px;
            text-align: center;
        }

        .ant-menu-sub.ant-menu-inline {
            padding: 0;
            background: #fafafa;
            border: 0;
            border-radius: 0;
            box-shadow: none;
        }

        .ant-menu-sub.ant-menu-inline>.ant-menu-item,
        .ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title {
            height: 40px;
            line-height: 40px;
            list-style-position: inside;
            list-style-type: disc;
        }

        .ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
            padding-left: 32px;
        }

        .ant-menu-item-disabled,
        .ant-menu-submenu-disabled {
            color: rgba(0, 0, 0, 0.25) !important;
            background: none;
            border-color: transparent !important;
            cursor: not-allowed;
        }

        .ant-menu-item-disabled a,
        .ant-menu-submenu-disabled a {
            color: rgba(0, 0, 0, 0.25) !important;
            pointer-events: none;
        }

        .ant-menu-item-disabled>.ant-menu-submenu-title,
        .ant-menu-submenu-disabled>.ant-menu-submenu-title {
            color: rgba(0, 0, 0, 0.25) !important;
            cursor: not-allowed;
        }

        .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after {
            background: rgba(0, 0, 0, 0.25) !important;
        }

        .ant-layout-header .ant-menu {
            line-height: inherit;
        }

        .ant-menu.ant-menu-dark,
        .ant-menu-dark .ant-menu-sub,
        .ant-menu.ant-menu-dark .ant-menu-sub {
            color: rgba(255, 255, 255, 0.65);
            background: #001529;
        }

        .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,
        .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
            opacity: 0.45;
            transition: all 0.3s;
        }

        .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
        .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
        .ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
        .ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
            background: #fff;
        }

        .ant-menu-dark.ant-menu-submenu-popup {
            background: transparent;
        }

        .ant-menu-dark .ant-menu-inline.ant-menu-sub {
            background: #000c17;
        }

        .ant-menu-dark.ant-menu-horizontal {
            border-bottom: 0;
        }

        .ant-menu-dark.ant-menu-horizontal>.ant-menu-item,
        .ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu {
            top: 0;
            margin-top: 0;
            padding: 0 20px;
            border-color: #001529;
            border-bottom: 0;
        }

        .ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover {
            background-color: #4c65ff;
        }

        .ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a::before {
            bottom: 0;
        }

        .ant-menu-dark .ant-menu-item,
        .ant-menu-dark .ant-menu-item-group-title,
        .ant-menu-dark .ant-menu-item>a,
        .ant-menu-dark .ant-menu-item>span>a {
            color: rgba(255, 255, 255, 0.65);
        }

        .ant-menu-dark.ant-menu-inline,
        .ant-menu-dark.ant-menu-vertical,
        .ant-menu-dark.ant-menu-vertical-left,
        .ant-menu-dark.ant-menu-vertical-right {
            border-right: 0;
        }

        .ant-menu-dark.ant-menu-inline .ant-menu-item,
        .ant-menu-dark.ant-menu-vertical .ant-menu-item,
        .ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
        .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
            left: 0;
            margin-left: 0;
            border-right: 0;
        }

        .ant-menu-dark.ant-menu-inline .ant-menu-item::after,
        .ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
        .ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
        .ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
            border-right: 0;
        }

        .ant-menu-dark.ant-menu-inline .ant-menu-item,
        .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
            width: 100%;
        }

        .ant-menu-dark .ant-menu-item:hover,
        .ant-menu-dark .ant-menu-item-active,
        .ant-menu-dark .ant-menu-submenu-active,
        .ant-menu-dark .ant-menu-submenu-open,
        .ant-menu-dark .ant-menu-submenu-selected,
        .ant-menu-dark .ant-menu-submenu-title:hover {
            color: #fff;
            background-color: transparent;
        }

        .ant-menu-dark .ant-menu-item:hover>a,
        .ant-menu-dark .ant-menu-item-active>a,
        .ant-menu-dark .ant-menu-submenu-active>a,
        .ant-menu-dark .ant-menu-submenu-open>a,
        .ant-menu-dark .ant-menu-submenu-selected>a,
        .ant-menu-dark .ant-menu-submenu-title:hover>a,
        .ant-menu-dark .ant-menu-item:hover>span>a,
        .ant-menu-dark .ant-menu-item-active>span>a,
        .ant-menu-dark .ant-menu-submenu-active>span>a,
        .ant-menu-dark .ant-menu-submenu-open>span>a,
        .ant-menu-dark .ant-menu-submenu-selected>span>a,
        .ant-menu-dark .ant-menu-submenu-title:hover>span>a {
            color: #fff;
        }

        .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow,
        .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow {
            opacity: 1;
        }

        .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title:hover>.ant-menu-submenu-arrow::before {
            background: #fff;
        }

        .ant-menu-dark .ant-menu-item:hover {
            background-color: transparent;
        }

        .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
            background-color: #4c65ff;
        }

        .ant-menu-dark .ant-menu-item-selected {
            color: #fff;
            border-right: 0;
        }

        .ant-menu-dark .ant-menu-item-selected::after {
            border-right: 0;
        }

        .ant-menu-dark .ant-menu-item-selected>a,
        .ant-menu-dark .ant-menu-item-selected>span>a,
        .ant-menu-dark .ant-menu-item-selected>a:hover,
        .ant-menu-dark .ant-menu-item-selected>span>a:hover {
            color: #fff;
        }

        .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,
        .ant-menu-dark .ant-menu-item-selected .anticon {
            color: #fff;
        }

        .ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon+span,
        .ant-menu-dark .ant-menu-item-selected .anticon+span {
            color: #fff;
        }

        .ant-menu.ant-menu-dark .ant-menu-item-selected,
        .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
            background-color: #4c65ff;
        }

        .ant-menu-dark .ant-menu-item-disabled,
        .ant-menu-dark .ant-menu-submenu-disabled,
        .ant-menu-dark .ant-menu-item-disabled>a,
        .ant-menu-dark .ant-menu-submenu-disabled>a,
        .ant-menu-dark .ant-menu-item-disabled>span>a,
        .ant-menu-dark .ant-menu-submenu-disabled>span>a {
            color: rgba(255, 255, 255, 0.35) !important;
            opacity: 0.8;
        }

        .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,
        .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title {
            color: rgba(255, 255, 255, 0.35) !important;
        }

        .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,
        .ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,
        .ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after {
            background: rgba(255, 255, 255, 0.35) !important;
        }

        .ant-menu.ant-menu-rtl {
            direction: rtl;
            text-align: right;
        }

        .ant-menu-rtl .ant-menu-item-group-title {
            text-align: right;
        }

        .ant-menu-rtl.ant-menu-inline,
        .ant-menu-rtl.ant-menu-vertical {
            border-right: none;
            border-left: 1px solid #f0f0f0;
        }

        .ant-menu-rtl.ant-menu-dark.ant-menu-inline,
        .ant-menu-rtl.ant-menu-dark.ant-menu-vertical {
            border-left: none;
        }

        .ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-item,
        .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,
        .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,
        .ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu,
        .ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,
        .ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu {
            transform-origin: top right;
        }

        .ant-menu-rtl .ant-menu-item .ant-menu-item-icon,
        .ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,
        .ant-menu-rtl .ant-menu-item .anticon,
        .ant-menu-rtl .ant-menu-submenu-title .anticon {
            margin-right: auto;
            margin-left: 10px;
        }

        .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,
        .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,
        .ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.anticon,
        .ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.anticon {
            margin-left: 0;
        }

        .ant-menu-submenu-rtl.ant-menu-submenu-popup {
            transform-origin: 100% 0;
        }

        .ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow,
        .ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,
        .ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,
        .ant-menu-rtl .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow {
            right: auto;
            left: 16px;
        }

        .ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
        .ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,
        .ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before {
            transform: rotate(-45deg) translateY(-2px);
        }

        .ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
        .ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,
        .ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after {
            transform: rotate(45deg) translateY(2px);
        }

        .ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,
        .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,
        .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after,
        .ant-menu-rtl.ant-menu-inline .ant-menu-item::after {
            right: auto;
            left: 0;
        }

        .ant-menu-rtl.ant-menu-vertical .ant-menu-item,
        .ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,
        .ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,
        .ant-menu-rtl.ant-menu-inline .ant-menu-item,
        .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,
        .ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,
        .ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,
        .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
            text-align: right;
        }

        .ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title {
            padding-right: 0;
            padding-left: 34px;
        }

        .ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title {
            padding-right: 16px;
            padding-left: 34px;
        }

        .ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title {
            padding: 0 calc(50% - 14px / 2);
        }

        .ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,
        .ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title {
            padding: 0 28px 0 16px;
        }

        .ant-menu-sub.ant-menu-inline {
            border: 0;
        }

        .ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
            padding-right: 32px;
            padding-left: 0;
        }

        .ant-message {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: fixed;
            top: 8px;
            left: 0;
            z-index: 1010;
            width: 100%;
            pointer-events: none;
        }

        .ant-message-notice {
            padding: 8px;
            text-align: center;
        }

        .ant-message-notice-content {
            display: inline-block;
            padding: 10px 16px;
            background: #fff;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            pointer-events: all;
        }

        .ant-message-success .anticon {
            color: #52c41a;
        }

        .ant-message-error .anticon {
            color: #f24822;
        }

        .ant-message-warning .anticon {
            color: #faad14;
        }

        .ant-message-info .anticon,
        .ant-message-loading .anticon {
            color: #4c65ff;
        }

        .ant-message .anticon {
            position: relative;
            top: 1px;
            margin-right: 8px;
            font-size: 14px;
        }

        .ant-message-notice.move-up-leave.move-up-leave-active {
            animation-name: MessageMoveOut;
            animation-duration: 0.3s;
        }

        @keyframes MessageMoveOut {
            0% {
                max-height: 150px;
                padding: 8px;
                opacity: 1;
            }

            100% {
                max-height: 0;
                padding: 0;
                opacity: 0;
            }
        }

        .ant-message-rtl {
            direction: rtl;
        }

        .ant-message-rtl span {
            direction: rtl;
        }

        .ant-message-rtl .anticon {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-modal {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            pointer-events: none;
            position: relative;
            top: 100px;
            width: auto;
            max-width: calc(100vw - 32px);
            margin: 0 auto;
            padding-bottom: 24px;
        }

        .ant-modal.zoom-enter,
        .ant-modal.zoom-appear {
            transform: none;
            opacity: 0;
            animation-duration: 0.3s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-modal-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1000;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.45);
        }

        .ant-modal-mask-hidden {
            display: none;
        }

        .ant-modal-wrap {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: auto;
            outline: 0;
            -webkit-overflow-scrolling: touch;
            z-index: 1000;
        }

        .ant-modal-title {
            margin: 0;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;
            line-height: 22px;
            word-wrap: break-word;
        }

        .ant-modal-content {
            position: relative;
            background-color: #fff;
            background-clip: padding-box;
            border: 0;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            pointer-events: auto;
        }

        .ant-modal-close {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 10;
            padding: 0;
            color: rgba(0, 0, 0, 0.45);
            font-weight: 700;
            line-height: 1;
            text-decoration: none;
            background: transparent;
            border: 0;
            outline: 0;
            cursor: pointer;
            transition: color 0.3s;
        }

        .ant-modal-close-x {
            display: block;
            width: 56px;
            height: 56px;
            font-size: 14px;
            font-style: normal;
            line-height: 56px;
            text-align: center;
            text-transform: none;
            text-rendering: auto;
        }

        .ant-modal-close:focus,
        .ant-modal-close:hover {
            color: rgba(0, 0, 0, 0.75);
            text-decoration: none;
        }

        .ant-modal-header {
            padding: 16px;
            color: rgba(0, 0, 0, 0.85);
            background: #fff;
            border-bottom: 1px solid #f0f0f0;
            border-radius: 2px 2px 0 0;
        }

        .ant-modal-body {
            padding: 20px 16px 24px;
            font-size: 14px;
            line-height: 1.5715;
            word-wrap: break-word;
        }

        .ant-modal-footer {
            padding: 10px 16px;
            text-align: right;
            background: transparent;
            border-top: 1px solid #f0f0f0;
            border-radius: 0 0 2px 2px;
        }

        .ant-modal-footer .ant-btn+.ant-btn {
            margin-bottom: 0;
            margin-left: 8px;
        }

        .ant-modal-open {
            overflow: hidden;
        }

        .ant-modal-centered {
            text-align: center;
        }

        .ant-modal-centered::before {
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
            content: '';
        }

        .ant-modal-centered .ant-modal {
            top: 0;
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }

        @media (max-width: 767px) {
            .ant-modal {
                max-width: calc(100vw - 16px);
                margin: 8px auto;
            }

            .ant-modal-centered .ant-modal {
                flex: 1;
            }
        }

        .ant-modal-confirm .ant-modal-header {
            display: none;
        }

        .ant-modal-confirm .ant-modal-body {
            padding: 20px 16px 24px;
        }

        .ant-modal-confirm-body-wrapper::before {
            display: table;
            content: '';
        }

        .ant-modal-confirm-body-wrapper::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-modal-confirm-body-wrapper::before {
            display: table;
            content: '';
        }

        .ant-modal-confirm-body-wrapper::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-modal-confirm-body .ant-modal-confirm-title {
            display: block;
            overflow: hidden;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            font-size: 14px;
            line-height: 1.4;
        }

        .ant-modal-confirm-body .ant-modal-confirm-content {
            margin-top: 8px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-modal-confirm-body>.anticon {
            float: left;
            margin-right: 16px;
            font-size: 22px;
        }

        .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
            margin-left: 38px;
        }

        .ant-modal-confirm .ant-modal-confirm-btns {
            float: right;
            margin-top: 24px;
        }

        .ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
            margin-bottom: 0;
            margin-left: 8px;
        }

        .ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
            color: #f24822;
        }

        .ant-modal-confirm-warning .ant-modal-confirm-body>.anticon,
        .ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon {
            color: #faad14;
        }

        .ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
            color: #4c65ff;
        }

        .ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
            color: #52c41a;
        }

        .ant-modal-wrap-rtl {
            direction: rtl;
        }

        .ant-modal-wrap-rtl .ant-modal-close {
            right: initial;
            left: 0;
        }

        .ant-modal-wrap-rtl .ant-modal-footer {
            text-align: left;
        }

        .ant-modal-wrap-rtl .ant-modal-footer .ant-btn+.ant-btn {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-modal-wrap-rtl .ant-modal-confirm-body {
            direction: rtl;
        }

        .ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon {
            float: right;
            margin-right: 0;
            margin-left: 16px;
        }

        .ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
            margin-right: 38px;
            margin-left: 0;
        }

        .ant-modal-wrap-rtl .ant-modal-confirm-btns {
            float: left;
        }

        .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn+.ant-btn {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
            text-align: right;
        }

        .ant-notification {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: fixed;
            z-index: 1010;
            margin-right: 24px;
        }

        .ant-notification-topLeft,
        .ant-notification-bottomLeft {
            margin-right: 0;
            margin-left: 24px;
        }

        .ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
        .ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
        .ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
        .ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
            animation-name: NotificationLeftFadeIn;
        }

        .ant-notification-close-icon {
            font-size: 14px;
            cursor: pointer;
        }

        .ant-notification-hook-holder,
        .ant-notification-notice {
            position: relative;
            width: 384px;
            max-width: calc(100vw - 24px * 2);
            margin-bottom: 16px;
            margin-left: auto;
            overflow: hidden;
            word-wrap: break-word;
            background: #fff;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-notification-topLeft .ant-notification-hook-holder,
        .ant-notification-topLeft .ant-notification-notice,
        .ant-notification-bottomLeft .ant-notification-hook-holder,
        .ant-notification-bottomLeft .ant-notification-notice {
            margin-right: auto;
            margin-left: 0;
        }

        .ant-notification-hook-holder>.ant-notification-notice {
            margin-bottom: 0;
            box-shadow: none;
        }

        .ant-notification-notice {
            padding: 16px 24px;
            line-height: 1.5715;
        }

        .ant-notification-notice-message {
            margin-bottom: 8px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 24px;
        }

        .ant-notification-notice-message-single-line-auto-margin {
            display: block;
            width: calc(384px - 24px * 2 - 24px - 48px - 100%);
            max-width: 4px;
            background-color: transparent;
            pointer-events: none;
        }

        .ant-notification-notice-message-single-line-auto-margin::before {
            display: block;
            content: '';
        }

        .ant-notification-notice-description {
            font-size: 14px;
        }

        .ant-notification-notice-closable .ant-notification-notice-message {
            padding-right: 24px;
        }

        .ant-notification-notice-with-icon .ant-notification-notice-message {
            margin-bottom: 4px;
            margin-left: 48px;
            font-size: 14px;
        }

        .ant-notification-notice-with-icon .ant-notification-notice-description {
            margin-left: 48px;
            font-size: 14px;
        }

        .ant-notification-notice-icon {
            position: absolute;
            margin-left: 4px;
            font-size: 24px;
            line-height: 24px;
        }

        .anticon.ant-notification-notice-icon-success {
            color: #52c41a;
        }

        .anticon.ant-notification-notice-icon-info {
            color: #4c65ff;
        }

        .anticon.ant-notification-notice-icon-warning {
            color: #faad14;
        }

        .anticon.ant-notification-notice-icon-error {
            color: #f24822;
        }

        .ant-notification-notice-close {
            position: absolute;
            top: 16px;
            right: 22px;
            color: rgba(0, 0, 0, 0.45);
            outline: none;
        }

        .ant-notification-notice-close:hover {
            color: rgba(0, 0, 0, 0.67);
        }

        .ant-notification-notice-btn {
            float: right;
            margin-top: 16px;
        }

        .ant-notification .notification-fade-effect {
            animation-duration: 0.24s;
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            animation-fill-mode: both;
        }

        .ant-notification-fade-enter,
        .ant-notification-fade-appear {
            animation-duration: 0.24s;
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            animation-fill-mode: both;
            opacity: 0;
            animation-play-state: paused;
        }

        .ant-notification-fade-leave {
            animation-duration: 0.24s;
            animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
            animation-fill-mode: both;
            animation-duration: 0.2s;
            animation-play-state: paused;
        }

        .ant-notification-fade-enter.ant-notification-fade-enter-active,
        .ant-notification-fade-appear.ant-notification-fade-appear-active {
            animation-name: NotificationFadeIn;
            animation-play-state: running;
        }

        .ant-notification-fade-leave.ant-notification-fade-leave-active {
            animation-name: NotificationFadeOut;
            animation-play-state: running;
        }

        @keyframes NotificationFadeIn {
            0% {
                left: 384px;
                opacity: 0;
            }

            100% {
                left: 0;
                opacity: 1;
            }
        }

        @keyframes NotificationLeftFadeIn {
            0% {
                right: 384px;
                opacity: 0;
            }

            100% {
                right: 0;
                opacity: 1;
            }
        }

        @keyframes NotificationFadeOut {
            0% {
                max-height: 150px;
                margin-bottom: 16px;
                opacity: 1;
            }

            100% {
                max-height: 0;
                margin-bottom: 0;
                padding-top: 0;
                padding-bottom: 0;
                opacity: 0;
            }
        }

        .ant-notification-rtl {
            direction: rtl;
        }

        .ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message {
            padding-right: 0;
            padding-left: 24px;
        }

        .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message {
            margin-right: 48px;
            margin-left: 0;
        }

        .ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description {
            margin-right: 48px;
            margin-left: 0;
        }

        .ant-notification-rtl .ant-notification-notice-icon {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-notification-rtl .ant-notification-notice-close {
            right: auto;
            left: 22px;
        }

        .ant-notification-rtl .ant-notification-notice-btn {
            float: left;
        }

        .ant-page-header {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            padding: 16px 24px;
            background-color: #fff;
        }

        .ant-page-header-ghost {
            background-color: inherit;
        }

        .ant-page-header.has-breadcrumb {
            padding-top: 12px;
        }

        .ant-page-header.has-footer {
            padding-bottom: 0;
        }

        .ant-page-header-back {
            margin-right: 16px;
            font-size: 16px;
            line-height: 1;
        }

        .ant-page-header-back-button {
            color: #4c65ff;
            text-decoration: none;
            outline: none;
            transition: color 0.3s;
            color: #000;
            cursor: pointer;
        }

        .ant-page-header-back-button:focus,
        .ant-page-header-back-button:hover {
            color: #758cff;
        }

        .ant-page-header-back-button:active {
            color: #3646d9;
        }

        .ant-page-header .ant-divider-vertical {
            height: 14px;
            margin: 0 12px;
            vertical-align: middle;
        }

        .ant-breadcrumb+.ant-page-header-heading {
            margin-top: 8px;
        }

        .ant-page-header-heading {
            display: flex;
            justify-content: space-between;
        }

        .ant-page-header-heading-left {
            display: flex;
            align-items: center;
            margin: 4px 0;
            overflow: hidden;
        }

        .ant-page-header-heading-title {
            margin-right: 12px;
            margin-bottom: 0;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            font-size: 20px;
            line-height: 32px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-page-header-heading .ant-avatar {
            margin-right: 12px;
        }

        .ant-page-header-heading-sub-title {
            margin-right: 12px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 1.5715;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-page-header-heading-extra {
            margin: 4px 0;
            white-space: nowrap;
        }

        .ant-page-header-heading-extra>* {
            margin-left: 12px;
            white-space: unset;
        }

        .ant-page-header-heading-extra>*:first-child {
            margin-left: 0;
        }

        .ant-page-header-content {
            padding-top: 12px;
        }

        .ant-page-header-footer {
            margin-top: 16px;
        }

        .ant-page-header-footer .ant-tabs>.ant-tabs-nav {
            margin: 0;
        }

        .ant-page-header-footer .ant-tabs>.ant-tabs-nav::before {
            border: none;
        }

        .ant-page-header-footer .ant-tabs .ant-tabs-tab {
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 16px;
        }

        .ant-page-header-compact .ant-page-header-heading {
            flex-wrap: wrap;
        }

        .ant-page-header-rtl {
            direction: rtl;
        }

        .ant-page-header-rtl .ant-page-header-back {
            float: right;
            margin-right: 0;
            margin-left: 16px;
        }

        .ant-page-header-rtl .ant-page-header-heading-title {
            margin-right: 0;
            margin-left: 12px;
        }

        .ant-page-header-rtl .ant-page-header-heading .ant-avatar {
            margin-right: 0;
            margin-left: 12px;
        }

        .ant-page-header-rtl .ant-page-header-heading-sub-title {
            float: right;
            margin-right: 0;
            margin-left: 12px;
        }

        .ant-page-header-rtl .ant-page-header-heading-tags {
            float: right;
        }

        .ant-page-header-rtl .ant-page-header-heading-extra {
            float: left;
        }

        .ant-page-header-rtl .ant-page-header-heading-extra>* {
            margin-right: 12px;
            margin-left: 0;
        }

        .ant-page-header-rtl .ant-page-header-heading-extra>*:first-child {
            margin-right: 0;
        }

        .ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav {
            float: right;
        }

        .ant-pagination {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
        }

        .ant-pagination ul,
        .ant-pagination ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ant-pagination::after {
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;
            content: ' ';
        }

        .ant-pagination-total-text {
            display: inline-block;
            height: 32px;
            margin-right: 8px;
            line-height: 30px;
            vertical-align: middle;
        }

        .ant-pagination-item {
            display: inline-block;
            min-width: 32px;
            height: 32px;
            margin-right: 8px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            line-height: 30px;
            text-align: center;
            vertical-align: middle;
            list-style: none;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            outline: 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-pagination-item a {
            display: block;
            padding: 0 6px;
            color: rgba(0, 0, 0, 0.85);
            transition: none;
        }

        .ant-pagination-item a:hover {
            text-decoration: none;
        }

        .ant-pagination-item:focus-visible,
        .ant-pagination-item:hover {
            border-color: #4c65ff;
            transition: all 0.3s;
        }

        .ant-pagination-item:focus-visible a,
        .ant-pagination-item:hover a {
            color: #4c65ff;
        }

        .ant-pagination-item-active {
            font-weight: 500;
            background: #fff;
            border-color: #4c65ff;
        }

        .ant-pagination-item-active a {
            color: #4c65ff;
        }

        .ant-pagination-item-active:focus-visible,
        .ant-pagination-item-active:hover {
            border-color: #758cff;
        }

        .ant-pagination-item-active:focus-visible a,
        .ant-pagination-item-active:hover a {
            color: #758cff;
        }

        .ant-pagination-jump-prev,
        .ant-pagination-jump-next {
            outline: 0;
        }

        .ant-pagination-jump-prev .ant-pagination-item-container,
        .ant-pagination-jump-next .ant-pagination-item-container {
            position: relative;
        }

        .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
        .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
            color: #4c65ff;
            font-size: 12px;
            letter-spacing: -1px;
            opacity: 0;
            transition: all 0.2s;
        }

        .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
        .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
        }

        .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
        .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            margin: auto;
            color: rgba(0, 0, 0, 0.25);
            font-family: Arial, Helvetica, sans-serif;
            letter-spacing: 2px;
            text-align: center;
            text-indent: 0.13em;
            opacity: 1;
            transition: all 0.2s;
        }

        .ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,
        .ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,
        .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
        .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
            opacity: 1;
        }

        .ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,
        .ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,
        .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
        .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
            opacity: 0;
        }

        .ant-pagination-prev,
        .ant-pagination-jump-prev,
        .ant-pagination-jump-next {
            margin-right: 8px;
        }

        .ant-pagination-prev,
        .ant-pagination-next,
        .ant-pagination-jump-prev,
        .ant-pagination-jump-next {
            display: inline-block;
            min-width: 32px;
            height: 32px;
            color: rgba(0, 0, 0, 0.85);
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            line-height: 32px;
            text-align: center;
            vertical-align: middle;
            list-style: none;
            border-radius: 2px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-pagination-prev,
        .ant-pagination-next {
            font-family: Arial, Helvetica, sans-serif;
            outline: 0;
        }

        .ant-pagination-prev button,
        .ant-pagination-next button {
            color: rgba(0, 0, 0, 0.85);
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-pagination-prev:hover button,
        .ant-pagination-next:hover button {
            border-color: #758cff;
        }

        .ant-pagination-prev .ant-pagination-item-link,
        .ant-pagination-next .ant-pagination-item-link {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            font-size: 12px;
            text-align: center;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            outline: none;
            transition: all 0.3s;
        }

        .ant-pagination-prev:focus-visible .ant-pagination-item-link,
        .ant-pagination-next:focus-visible .ant-pagination-item-link,
        .ant-pagination-prev:hover .ant-pagination-item-link,
        .ant-pagination-next:hover .ant-pagination-item-link {
            color: #4c65ff;
            border-color: #4c65ff;
        }

        .ant-pagination-disabled,
        .ant-pagination-disabled:hover,
        .ant-pagination-disabled:focus-visible {
            cursor: not-allowed;
        }

        .ant-pagination-disabled .ant-pagination-item-link,
        .ant-pagination-disabled:hover .ant-pagination-item-link,
        .ant-pagination-disabled:focus-visible .ant-pagination-item-link {
            color: rgba(0, 0, 0, 0.25);
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-pagination-slash {
            margin: 0 10px 0 5px;
        }

        .ant-pagination-options {
            display: inline-block;
            margin-left: 16px;
            vertical-align: middle;
        }

        @media all and (-ms-high-contrast: none) {

            .ant-pagination-options *::-ms-backdrop,
            .ant-pagination-options {
                vertical-align: top;
            }
        }

        .ant-pagination-options-size-changer.ant-select {
            display: inline-block;
            width: auto;
        }

        .ant-pagination-options-quick-jumper {
            display: inline-block;
            height: 32px;
            margin-left: 8px;
            line-height: 32px;
            vertical-align: top;
        }

        .ant-pagination-options-quick-jumper input {
            position: relative;
            display: inline-block;
            width: 100%;
            min-width: 0;
            padding: 4px 11px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 1.5715;
            background-color: #fff;
            background-image: none;
            border: 1px solid white;
            border-radius: 2px;
            transition: all 0.3s;
            width: 50px;
            height: 32px;
            margin: 0 8px;
        }

        .ant-pagination-options-quick-jumper input::-moz-placeholder {
            opacity: 1;
        }

        .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
            color: #bfbfbf;
        }

        .ant-pagination-options-quick-jumper input::placeholder {
            color: #bfbfbf;
        }

        .ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-pagination-options-quick-jumper input:-ms-input-placeholder {
            text-overflow: ellipsis;
        }

        .ant-pagination-options-quick-jumper input:placeholder-shown {
            text-overflow: ellipsis;
        }

        .ant-pagination-options-quick-jumper input:hover {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-pagination-options-quick-jumper input:hover {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-pagination-options-quick-jumper input:focus,
        .ant-pagination-options-quick-jumper input-focused {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-pagination-options-quick-jumper input:focus,
        .ant-input-rtl .ant-pagination-options-quick-jumper input-focused {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-pagination-options-quick-jumper input-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-pagination-options-quick-jumper input-disabled:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-pagination-options-quick-jumper input[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-pagination-options-quick-jumper input[disabled]:hover {
            border-color: white;
            border-right-width: 1px !important;
        }

        .ant-pagination-options-quick-jumper input-borderless,
        .ant-pagination-options-quick-jumper input-borderless:hover,
        .ant-pagination-options-quick-jumper input-borderless:focus,
        .ant-pagination-options-quick-jumper input-borderless-focused,
        .ant-pagination-options-quick-jumper input-borderless-disabled,
        .ant-pagination-options-quick-jumper input-borderless[disabled] {
            background-color: transparent;
            border: none;
            box-shadow: none;
        }

        textarea.ant-pagination-options-quick-jumper input {
            max-width: 100%;
            height: auto;
            min-height: 32px;
            line-height: 1.5715;
            vertical-align: bottom;
            transition: all 0.3s, height 0s;
        }

        .ant-pagination-options-quick-jumper input-lg {
            padding: 15px 16px;
            font-size: 14px;
        }

        .ant-pagination-options-quick-jumper input-sm {
            padding: 0px 7px;
        }

        .ant-pagination-options-quick-jumper input-rtl {
            direction: rtl;
        }

        .ant-pagination-simple .ant-pagination-prev,
        .ant-pagination-simple .ant-pagination-next {
            height: 24px;
            line-height: 24px;
            vertical-align: top;
        }

        .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
        .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
            height: 24px;
            background-color: transparent;
            border: 0;
        }

        .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
        .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
            height: 24px;
            line-height: 24px;
        }

        .ant-pagination-simple .ant-pagination-simple-pager {
            display: inline-block;
            height: 24px;
            margin-right: 8px;
        }

        .ant-pagination-simple .ant-pagination-simple-pager input {
            box-sizing: border-box;
            height: 100%;
            margin-right: 8px;
            padding: 0 6px;
            text-align: center;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            outline: none;
            transition: border-color 0.3s;
        }

        .ant-pagination-simple .ant-pagination-simple-pager input:hover {
            border-color: #4c65ff;
        }

        .ant-pagination-simple .ant-pagination-simple-pager input[disabled] {
            color: rgba(0, 0, 0, 0.25);
            background: #f5f5f5;
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-pagination.mini .ant-pagination-total-text,
        .ant-pagination.mini .ant-pagination-simple-pager {
            height: 24px;
            line-height: 24px;
        }

        .ant-pagination.mini .ant-pagination-item {
            min-width: 24px;
            height: 24px;
            margin: 0;
            line-height: 22px;
        }

        .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
            background: transparent;
            border-color: transparent;
        }

        .ant-pagination.mini .ant-pagination-prev,
        .ant-pagination.mini .ant-pagination-next {
            min-width: 24px;
            height: 24px;
            margin: 0;
            line-height: 24px;
        }

        .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
        .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
            background: transparent;
            border-color: transparent;
        }

        .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
        .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
            height: 24px;
            line-height: 24px;
        }

        .ant-pagination.mini .ant-pagination-jump-prev,
        .ant-pagination.mini .ant-pagination-jump-next {
            height: 24px;
            margin-right: 0;
            line-height: 24px;
        }

        .ant-pagination.mini .ant-pagination-options {
            margin-left: 2px;
        }

        .ant-pagination.mini .ant-pagination-options-size-changer {
            top: 0px;
        }

        .ant-pagination.mini .ant-pagination-options-quick-jumper {
            height: 24px;
            line-height: 24px;
        }

        .ant-pagination.mini .ant-pagination-options-quick-jumper input {
            padding: 0px 7px;
            width: 44px;
            height: 24px;
        }

        .ant-pagination.ant-pagination-disabled {
            cursor: not-allowed;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item {
            background: #f5f5f5;
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item a {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            border: none;
            cursor: not-allowed;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
            background: #dbdbdb;
            border-color: transparent;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
            color: #fff;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
            color: rgba(0, 0, 0, 0.25);
            background: #f5f5f5;
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link {
            background: transparent;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon {
            opacity: 0;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis {
            opacity: 1;
        }

        .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager {
            color: rgba(0, 0, 0, 0.25);
        }

        @media only screen and (max-width: 992px) {

            .ant-pagination-item-after-jump-prev,
            .ant-pagination-item-before-jump-next {
                display: none;
            }
        }

        @media only screen and (max-width: 576px) {
            .ant-pagination-options {
                display: none;
            }
        }

        .ant-pagination-rtl .ant-pagination-total-text {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-pagination-rtl .ant-pagination-item,
        .ant-pagination-rtl .ant-pagination-prev,
        .ant-pagination-rtl .ant-pagination-jump-prev,
        .ant-pagination-rtl .ant-pagination-jump-next {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-pagination-rtl .ant-pagination-slash {
            margin: 0 5px 0 10px;
        }

        .ant-pagination-rtl .ant-pagination-options {
            margin-right: 16px;
            margin-left: 0;
        }

        .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper {
            margin-left: 0;
        }

        .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options {
            margin-right: 2px;
            margin-left: 0;
        }

        .ant-popconfirm {
            z-index: 1060;
        }

        .ant-popover {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1030;
            font-weight: normal;
            white-space: normal;
            text-align: left;
            cursor: auto;
            -webkit-user-select: text;
            -moz-user-select: text;
            -ms-user-select: text;
            user-select: text;
        }

        .ant-popover::after {
            position: absolute;
            background: rgba(255, 255, 255, 0.01);
            content: '';
        }

        .ant-popover-hidden {
            display: none;
        }

        .ant-popover-placement-top,
        .ant-popover-placement-topLeft,
        .ant-popover-placement-topRight {
            padding-bottom: 10px;
        }

        .ant-popover-placement-right,
        .ant-popover-placement-rightTop,
        .ant-popover-placement-rightBottom {
            padding-left: 10px;
        }

        .ant-popover-placement-bottom,
        .ant-popover-placement-bottomLeft,
        .ant-popover-placement-bottomRight {
            padding-top: 10px;
        }

        .ant-popover-placement-left,
        .ant-popover-placement-leftTop,
        .ant-popover-placement-leftBottom {
            padding-right: 10px;
        }

        .ant-popover-inner {
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
        }

        @media screen and (-ms-high-contrast: active),
        (-ms-high-contrast: none) {
            .ant-popover {
                /* IE10+ */
            }

            .ant-popover-inner {
                box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
            }
        }

        .ant-popover-title {
            min-width: 177px;
            min-height: 32px;
            margin: 0;
            padding: 5px 16px 4px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-popover-inner-content {
            padding: 12px 16px;
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-popover-message {
            position: relative;
            padding: 4px 0 12px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-popover-message>.anticon {
            position: absolute;
            top: 8.0005px;
            color: #faad14;
            font-size: 14px;
        }

        .ant-popover-message-title {
            padding-left: 22px;
        }

        .ant-popover-buttons {
            margin-bottom: 4px;
            text-align: right;
        }

        .ant-popover-buttons button {
            margin-left: 8px;
        }

        .ant-popover-arrow {
            position: absolute;
            display: block;
            width: 8.48528137px;
            height: 8.48528137px;
            background: transparent;
            border-style: solid;
            border-width: 4.24264069px;
            transform: rotate(45deg);
        }

        .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
            bottom: 6.2px;
            border-top-color: transparent;
            border-right-color: #fff;
            border-bottom-color: #fff;
            border-left-color: transparent;
            box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
        }

        .ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow {
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
        }

        .ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow {
            left: 16px;
        }

        .ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow {
            right: 16px;
        }

        .ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
            left: 6px;
            border-top-color: transparent;
            border-right-color: transparent;
            border-bottom-color: #fff;
            border-left-color: #fff;
            box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
        }

        .ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow {
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }

        .ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow {
            top: 12px;
        }

        .ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow {
            bottom: 12px;
        }

        .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
            top: 6px;
            border-top-color: #fff;
            border-right-color: transparent;
            border-bottom-color: transparent;
            border-left-color: #fff;
            box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
        }

        .ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
        }

        .ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow {
            left: 16px;
        }

        .ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow {
            right: 16px;
        }

        .ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow,
        .ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow {
            right: 6px;
            border-top-color: #fff;
            border-right-color: #fff;
            border-bottom-color: transparent;
            border-left-color: transparent;
            box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
        }

        .ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow {
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
        }

        .ant-popover-placement-leftTop>.ant-popover-content>.ant-popover-arrow {
            top: 12px;
        }

        .ant-popover-placement-leftBottom>.ant-popover-content>.ant-popover-arrow {
            bottom: 12px;
        }

        .ant-popover-rtl {
            direction: rtl;
            text-align: right;
        }

        .ant-popover-rtl .ant-popover-message-title {
            padding-right: 22px;
            padding-left: 16px;
        }

        .ant-popover-rtl .ant-popover-buttons {
            text-align: left;
        }

        .ant-popover-rtl .ant-popover-buttons button {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-progress {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-block;
        }

        .ant-progress-line {
            position: relative;
            width: 100%;
            font-size: 14px;
        }

        .ant-progress-steps {
            display: inline-block;
        }

        .ant-progress-steps-outer {
            display: flex;
            flex-direction: row;
            align-items: center;
        }

        .ant-progress-steps-item {
            flex-shrink: 0;
            min-width: 2px;
            margin-right: 2px;
            background: #f3f3f3;
            transition: all 0.3s;
        }

        .ant-progress-steps-item-active {
            background: #1890ff;
        }

        .ant-progress-small.ant-progress-line,
        .ant-progress-small.ant-progress-line .ant-progress-text .anticon {
            font-size: 12px;
        }

        .ant-progress-outer {
            display: inline-block;
            width: 100%;
            margin-right: 0;
            padding-right: 0;
        }

        .ant-progress-show-info .ant-progress-outer {
            margin-right: calc(-2em - 8px);
            padding-right: calc(2em + 8px);
        }

        .ant-progress-inner {
            position: relative;
            display: inline-block;
            width: 100%;
            overflow: hidden;
            vertical-align: middle;
            background-color: #f5f5f5;
            border-radius: 100px;
        }

        .ant-progress-circle-trail {
            stroke: #f5f5f5;
        }

        .ant-progress-circle-path {
            animation: ant-progress-appear 0.3s;
        }

        .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
            stroke: #1890ff;
        }

        .ant-progress-success-bg,
        .ant-progress-bg {
            position: relative;
            background-color: #1890ff;
            border-radius: 100px;
            transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
        }

        .ant-progress-success-bg {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #52c41a;
        }

        .ant-progress-text {
            display: inline-block;
            width: 2em;
            margin-left: 8px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 1em;
            line-height: 1;
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
            word-break: normal;
        }

        .ant-progress-text .anticon {
            font-size: 14px;
        }

        .ant-progress-status-active .ant-progress-bg::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #fff;
            border-radius: 10px;
            opacity: 0;
            animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
            content: '';
        }

        .ant-progress-status-exception .ant-progress-bg {
            background-color: #f24822;
        }

        .ant-progress-status-exception .ant-progress-text {
            color: #f24822;
        }

        .ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
            stroke: #f24822;
        }

        .ant-progress-status-success .ant-progress-bg {
            background-color: #52c41a;
        }

        .ant-progress-status-success .ant-progress-text {
            color: #52c41a;
        }

        .ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
            stroke: #52c41a;
        }

        .ant-progress-circle .ant-progress-inner {
            position: relative;
            line-height: 1;
            background-color: transparent;
        }

        .ant-progress-circle .ant-progress-text {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100%;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 1em;
            line-height: 1;
            white-space: normal;
            text-align: center;
            transform: translate(-50%, -50%);
        }

        .ant-progress-circle .ant-progress-text .anticon {
            font-size: 1.16666667em;
        }

        .ant-progress-circle.ant-progress-status-exception .ant-progress-text {
            color: #f24822;
        }

        .ant-progress-circle.ant-progress-status-success .ant-progress-text {
            color: #52c41a;
        }

        @keyframes ant-progress-active {
            0% {
                width: 0;
                opacity: 0.1;
            }

            20% {
                width: 0;
                opacity: 0.5;
            }

            100% {
                width: 100%;
                opacity: 0;
            }
        }

        .ant-progress-rtl {
            direction: rtl;
        }

        .ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
            margin-right: 0;
            margin-left: calc(-2em - 8px);
            padding-right: 0;
            padding-left: calc(2em + 8px);
        }

        .ant-progress-rtl .ant-progress-success-bg {
            right: 0;
            left: auto;
        }

        .ant-progress-rtl.ant-progress-line .ant-progress-text,
        .ant-progress-rtl.ant-progress-steps .ant-progress-text {
            margin-right: 8px;
            margin-left: 0;
            text-align: right;
        }

        .ant-radio-group {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-block;
            font-size: 0;
            line-height: unset;
        }

        .ant-radio-group .ant-badge-count {
            z-index: 1;
        }

        .ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper {
            border-left: none;
        }

        .ant-radio-wrapper {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-flex;
            align-items: baseline;
            margin-right: 8px;
            cursor: pointer;
        }

        .ant-radio-wrapper::after {
            display: inline-block;
            width: 0;
            overflow: hidden;
            content: '\a0';
        }

        .ant-radio {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            top: 0.2em;
            display: inline-block;
            outline: none;
            cursor: pointer;
        }

        .ant-radio-wrapper:hover .ant-radio,
        .ant-radio:hover .ant-radio-inner,
        .ant-radio-input:focus+.ant-radio-inner {
            border-color: #4c65ff;
        }

        .ant-radio-input:focus+.ant-radio-inner {
            box-shadow: 0 0 0 3px rgba(76, 101, 255, 0.08);
        }

        .ant-radio-checked::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid #4c65ff;
            border-radius: 50%;
            visibility: hidden;
            animation: antRadioEffect 0.36s ease-in-out;
            animation-fill-mode: both;
            content: '';
        }

        .ant-radio:hover::after,
        .ant-radio-wrapper:hover .ant-radio::after {
            visibility: visible;
        }

        .ant-radio-inner {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            width: 16px;
            height: 16px;
            background-color: #b4bdcc;
            border-color: #d9d9d9;
            border-style: solid;
            border-width: 1px;
            border-radius: 50%;
            transition: all 0.3s;
        }

        .ant-radio-inner::after {
            position: absolute;
            top: 3px;
            left: 3px;
            display: table;
            width: 8px;
            height: 8px;
            background-color: #4c65ff;
            border-top: 0;
            border-left: 0;
            border-radius: 8px;
            transform: scale(0);
            opacity: 0;
            transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
            content: ' ';
        }

        .ant-radio-input {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            cursor: pointer;
            opacity: 0;
        }

        .ant-radio-checked .ant-radio-inner {
            border-color: #4c65ff;
        }

        .ant-radio-checked .ant-radio-inner::after {
            transform: scale(1);
            opacity: 1;
            transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-radio-disabled {
            cursor: not-allowed;
        }

        .ant-radio-disabled .ant-radio-inner {
            background-color: #f5f5f5;
            border-color: #d9d9d9 !important;
            cursor: not-allowed;
        }

        .ant-radio-disabled .ant-radio-inner::after {
            background-color: rgba(0, 0, 0, 0.2);
        }

        .ant-radio-disabled .ant-radio-input {
            cursor: not-allowed;
        }

        .ant-radio-disabled+span {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        span.ant-radio+* {
            padding-right: 8px;
            padding-left: 8px;
        }

        .ant-radio-button-wrapper {
            position: relative;
            display: inline-block;
            height: 32px;
            margin: 0;
            padding: 0 15px;
            color: white;
            font-size: 14px;
            line-height: 30px;
            background: #b4bdcc;
            border: 1px solid #d9d9d9;
            border-top-width: 1.02px;
            border-left-width: 0;
            cursor: pointer;
            transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
        }

        .ant-radio-button-wrapper a {
            color: white;
        }

        .ant-radio-button-wrapper>.ant-radio-button {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            width: 100%;
            height: 100%;
        }

        .ant-radio-group-large .ant-radio-button-wrapper {
            height: 40px;
            font-size: 14px;
            line-height: 38px;
        }

        .ant-radio-group-small .ant-radio-button-wrapper {
            height: 24px;
            padding: 0 7px;
            line-height: 22px;
        }

        .ant-radio-button-wrapper:not(:first-child)::before {
            position: absolute;
            top: -1px;
            left: -1px;
            display: block;
            box-sizing: content-box;
            width: 1px;
            height: 100%;
            padding: 1px 0;
            background-color: #d9d9d9;
            transition: background-color 0.3s;
            content: '';
        }

        .ant-radio-button-wrapper:first-child {
            border-left: 1px solid #d9d9d9;
            border-radius: 2px 0 0 2px;
        }

        .ant-radio-button-wrapper:last-child {
            border-radius: 0 2px 2px 0;
        }

        .ant-radio-button-wrapper:first-child:last-child {
            border-radius: 2px;
        }

        .ant-radio-button-wrapper:hover {
            position: relative;
            color: #4c65ff;
        }

        .ant-radio-button-wrapper:focus-within {
            box-shadow: 0 0 0 3px rgba(76, 101, 255, 0.08);
        }

        .ant-radio-button-wrapper .ant-radio-inner,
        .ant-radio-button-wrapper input[type='checkbox'],
        .ant-radio-button-wrapper input[type='radio'] {
            width: 0;
            height: 0;
            opacity: 0;
            pointer-events: none;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
            z-index: 1;
            color: #4c65ff;
            background: #b4bdcc;
            border-color: #4c65ff;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
            background-color: #4c65ff;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
            border-color: #4c65ff;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
            color: #758cff;
            border-color: #758cff;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
            background-color: #758cff;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
            color: #3646d9;
            border-color: #3646d9;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
            background-color: #3646d9;
        }

        .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
            box-shadow: 0 0 0 3px rgba(76, 101, 255, 0.08);
        }

        .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
            color: #fff;
            background: #4c65ff;
            border-color: #4c65ff;
        }

        .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
            color: #fff;
            background: #758cff;
            border-color: #758cff;
        }

        .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
            color: #fff;
            background: #3646d9;
            border-color: #3646d9;
        }

        .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
            box-shadow: 0 0 0 3px rgba(76, 101, 255, 0.08);
        }

        .ant-radio-button-wrapper-disabled {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-radio-button-wrapper-disabled:first-child,
        .ant-radio-button-wrapper-disabled:hover {
            color: rgba(0, 0, 0, 0.25);
            background-color: #f5f5f5;
            border-color: #d9d9d9;
        }

        .ant-radio-button-wrapper-disabled:first-child {
            border-left-color: #d9d9d9;
        }

        .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
            color: rgba(0, 0, 0, 0.25);
            background-color: #e6e6e6;
            border-color: #d9d9d9;
            box-shadow: none;
        }

        @keyframes antRadioEffect {
            0% {
                transform: scale(1);
                opacity: 0.5;
            }

            100% {
                transform: scale(1.6);
                opacity: 0;
            }
        }

        .ant-radio-group.ant-radio-group-rtl {
            direction: rtl;
        }

        .ant-radio-wrapper.ant-radio-wrapper-rtl {
            margin-right: 0;
            margin-left: 8px;
            direction: rtl;
        }

        .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
            border-right-width: 0;
            border-left-width: 1px;
        }

        .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
            right: -1px;
            left: 0;
        }

        .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
            border-right: 1px solid #d9d9d9;
            border-radius: 0 2px 2px 0;
        }

        .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
            border-right-color: #758cff;
        }

        .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
            border-radius: 2px 0 0 2px;
        }

        .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
            border-right-color: #d9d9d9;
        }

        .ant-rate {
            box-sizing: border-box;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            font-feature-settings: 'tnum';
            display: inline-block;
            margin: 0;
            padding: 0;
            color: #fadb14;
            font-size: 20px;
            line-height: unset;
            list-style: none;
            outline: none;
        }

        .ant-rate-disabled .ant-rate-star {
            cursor: default;
        }

        .ant-rate-disabled .ant-rate-star:hover {
            transform: scale(1);
        }

        .ant-rate-star {
            position: relative;
            display: inline-block;
            color: inherit;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-rate-star:not(:last-child) {
            margin-right: 8px;
        }

        .ant-rate-star>div:focus {
            outline: 0;
        }

        .ant-rate-star>div:hover,
        .ant-rate-star>div:focus {
            transform: scale(1.1);
        }

        .ant-rate-star-first,
        .ant-rate-star-second {
            color: #f0f0f0;
            transition: all 0.3s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-rate-star-first .anticon,
        .ant-rate-star-second .anticon {
            vertical-align: middle;
        }

        .ant-rate-star-first {
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            overflow: hidden;
            opacity: 0;
        }

        .ant-rate-star-half .ant-rate-star-first,
        .ant-rate-star-half .ant-rate-star-second {
            opacity: 1;
        }

        .ant-rate-star-half .ant-rate-star-first,
        .ant-rate-star-full .ant-rate-star-second {
            color: inherit;
        }

        .ant-rate-text {
            display: inline-block;
            margin: 0 8px;
            font-size: 14px;
        }

        .ant-rate-rtl {
            direction: rtl;
        }

        .ant-rate-rtl .ant-rate-star:not(:last-child) {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-rate-rtl .ant-rate-star-first {
            right: 0;
            left: auto;
        }

        .ant-result {
            padding: 48px 32px;
        }

        .ant-result-success .ant-result-icon>.anticon {
            color: #52c41a;
        }

        .ant-result-error .ant-result-icon>.anticon {
            color: #f24822;
        }

        .ant-result-info .ant-result-icon>.anticon {
            color: #4c65ff;
        }

        .ant-result-warning .ant-result-icon>.anticon {
            color: #faad14;
        }

        .ant-result-image {
            width: 250px;
            height: 295px;
            margin: auto;
        }

        .ant-result-icon {
            margin-bottom: 24px;
            text-align: center;
        }

        .ant-result-icon>.anticon {
            font-size: 72px;
        }

        .ant-result-title {
            color: rgba(0, 0, 0, 0.85);
            font-size: 24px;
            line-height: 1.8;
            text-align: center;
        }

        .ant-result-subtitle {
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
            line-height: 1.6;
            text-align: center;
        }

        .ant-result-extra {
            margin: 24px 0 0 0;
            text-align: center;
        }

        .ant-result-extra>* {
            margin-right: 8px;
        }

        .ant-result-extra>*:last-child {
            margin-right: 0;
        }

        .ant-result-content {
            margin-top: 24px;
            padding: 24px 40px;
            background-color: #fafafa;
        }

        .ant-result-rtl {
            direction: rtl;
        }

        .ant-result-rtl .ant-result-extra>* {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-result-rtl .ant-result-extra>*:last-child {
            margin-left: 0;
        }

        .ant-select-single .ant-select-selector {
            display: flex;
        }

        .ant-select-single .ant-select-selector .ant-select-selection-search {
            position: absolute;
            top: 0;
            right: 11px;
            bottom: 0;
            left: 11px;
        }

        .ant-select-single .ant-select-selector .ant-select-selection-search-input {
            width: 100%;
        }

        .ant-select-single .ant-select-selector .ant-select-selection-item,
        .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            padding: 0;
            line-height: 30px;
            transition: all 0.3s;
        }

        @supports (-moz-appearance: meterbar) {

            .ant-select-single .ant-select-selector .ant-select-selection-item,
            .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
                line-height: 30px;
            }
        }

        .ant-select-single .ant-select-selector .ant-select-selection-item {
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            pointer-events: none;
        }

        .ant-select-single .ant-select-selector::after,
        .ant-select-single .ant-select-selector .ant-select-selection-item::after,
        .ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
            display: inline-block;
            width: 0;
            visibility: hidden;
            content: '\a0';
        }

        .ant-select-single.ant-select-show-arrow .ant-select-selection-search {
            right: 25px;
        }

        .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
        .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
            padding-right: 18px;
        }

        .ant-select-single.ant-select-open .ant-select-selection-item {
            color: #bfbfbf;
        }

        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            width: 100%;
            height: 32px;
            padding: 0 11px;
        }

        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            height: 30px;
        }

        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
            line-height: 30px;
        }

        .ant-select-single.ant-select-customize-input .ant-select-selector::after {
            display: none;
        }

        .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
            position: static;
            width: 100%;
        }

        .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
            position: absolute;
            right: 0;
            left: 0;
            padding: 0 11px;
        }

        .ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
            display: none;
        }

        .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
            height: 40px;
        }

        .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
        .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
        .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
            line-height: 38px;
        }

        .ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
            height: 38px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
            height: 24px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
        .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
        .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
            line-height: 22px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
            height: 22px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
            right: 7px;
            left: 7px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
            padding: 0 7px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
            right: 28px;
        }

        .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
        .ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
            padding-right: 21px;
        }

        .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
            padding: 0 16px;
        }

        /**
 * Do not merge `height` & `line-height` under style with `selection` & `search`,
 * since chrome may update to redesign with its align logic.
 */
        .ant-select-selection-overflow {
            position: relative;
            display: flex;
            flex: auto;
            flex-wrap: wrap;
            max-width: 100%;
        }

        .ant-select-selection-overflow-item {
            flex: none;
            align-self: center;
            max-width: 100%;
        }

        .ant-select-multiple .ant-select-selector {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: 1px 4px;
        }

        .ant-select-show-search.ant-select-multiple .ant-select-selector {
            cursor: text;
        }

        .ant-select-disabled.ant-select-multiple .ant-select-selector {
            background: #f5f5f5;
            cursor: not-allowed;
        }

        .ant-select-multiple .ant-select-selector::after {
            display: inline-block;
            width: 0;
            margin: 2px 0;
            line-height: 24px;
            content: '\a0';
        }

        .ant-select-multiple.ant-select-show-arrow .ant-select-selector,
        .ant-select-multiple.ant-select-allow-clear .ant-select-selector {
            padding-right: 24px;
        }

        .ant-select-multiple .ant-select-selection-item {
            position: relative;
            display: flex;
            flex: none;
            box-sizing: border-box;
            max-width: 100%;
            height: 24px;
            margin-top: 2px;
            margin-bottom: 2px;
            line-height: 22px;
            background: #f5f5f5;
            border: 1px solid #f0f0f0;
            border-radius: 2px;
            cursor: default;
            transition: font-size 0.3s, line-height 0.3s, height 0.3s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            margin-inline-end: 4px;
            padding-inline-start: 8px;
            padding-inline-end: 4px;
        }

        .ant-select-disabled.ant-select-multiple .ant-select-selection-item {
            color: #bfbfbf;
            border-color: #d9d9d9;
            cursor: not-allowed;
        }

        .ant-select-multiple .ant-select-selection-item-content {
            display: inline-block;
            margin-right: 4px;
            overflow: hidden;
            white-space: pre;
            text-overflow: ellipsis;
        }

        .ant-select-multiple .ant-select-selection-item-remove {
            color: inherit;
            font-style: normal;
            line-height: 0;
            text-align: center;
            text-transform: none;
            vertical-align: -0.125em;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            color: rgba(0, 0, 0, 0.45);
            font-weight: bold;
            font-size: 10px;
            line-height: inherit;
            cursor: pointer;
        }

        .ant-select-multiple .ant-select-selection-item-remove>* {
            line-height: 1;
        }

        .ant-select-multiple .ant-select-selection-item-remove svg {
            display: inline-block;
        }

        .ant-select-multiple .ant-select-selection-item-remove::before {
            display: none;
        }

        .ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
            display: block;
        }

        .ant-select-multiple .ant-select-selection-item-remove>.anticon {
            vertical-align: -0.2em;
        }

        .ant-select-multiple .ant-select-selection-item-remove:hover {
            color: rgba(0, 0, 0, 0.75);
        }

        .ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search {
            margin-inline-start: 0;
        }

        .ant-select-multiple .ant-select-selection-search {
            position: relative;
            max-width: 100%;
            margin-top: 2px;
            margin-bottom: 2px;
            margin-inline-start: 7px;
        }

        .ant-select-multiple .ant-select-selection-search-input,
        .ant-select-multiple .ant-select-selection-search-mirror {
            height: 24px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            line-height: 24px;
            transition: all 0.3s;
        }

        .ant-select-multiple .ant-select-selection-search-input {
            width: 100%;
            min-width: 4.1px;
        }

        .ant-select-multiple .ant-select-selection-search-mirror {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 999;
            white-space: pre;
            visibility: hidden;
        }

        .ant-select-multiple .ant-select-selection-placeholder {
            position: absolute;
            top: 50%;
            right: 11px;
            left: 11px;
            transform: translateY(-50%);
            transition: all 0.3s;
        }

        .ant-select-multiple.ant-select-lg .ant-select-selector::after {
            line-height: 32px;
        }

        .ant-select-multiple.ant-select-lg .ant-select-selection-item {
            height: 32px;
            line-height: 30px;
        }

        .ant-select-multiple.ant-select-lg .ant-select-selection-search {
            height: 32px;
            line-height: 32px;
        }

        .ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
        .ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
            height: 32px;
            line-height: 30px;
        }

        .ant-select-multiple.ant-select-sm .ant-select-selector::after {
            line-height: 16px;
        }

        .ant-select-multiple.ant-select-sm .ant-select-selection-item {
            height: 16px;
            line-height: 14px;
        }

        .ant-select-multiple.ant-select-sm .ant-select-selection-search {
            height: 16px;
            line-height: 16px;
        }

        .ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
        .ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
            height: 16px;
            line-height: 14px;
        }

        .ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
            left: 7px;
        }

        .ant-select-multiple.ant-select-sm .ant-select-selection-search {
            margin-inline-start: 3px;
        }

        .ant-select-multiple.ant-select-lg .ant-select-selection-item {
            height: 32px;
            line-height: 32px;
        }

        .ant-select-disabled .ant-select-selection-item-remove {
            display: none;
        }

        /* Reset search input style */
        .ant-select {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

        .ant-select:not(.ant-select-customize-input) .ant-select-selector {
            position: relative;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-select:not(.ant-select-customize-input) .ant-select-selector input {
            cursor: pointer;
        }

        .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
            cursor: text;
        }

        .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
            cursor: auto;
        }

        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
            border-color: #758cff;
            border-right-width: 1px !important;
            outline: 0;
            box-shadow: 0 0 0 0 rgba(76, 101, 255, 0.2);
        }

        .ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
            color: rgba(0, 0, 0, 0.25);
            background: #f5f5f5;
            cursor: not-allowed;
        }

        .ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
            background: #f5f5f5;
        }

        .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
            cursor: not-allowed;
        }

        .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            margin: 0;
            padding: 0;
            background: transparent;
            border: none;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
            display: none;
            -webkit-appearance: none;
        }

        .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
            border-color: #758cff;
            border-right-width: 1px !important;
        }

        .ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector {
            border-right-width: 0;
            border-left-width: 1px !important;
        }

        .ant-select-selection-item {
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        @media all and (-ms-high-contrast: none) {

            .ant-select-selection-item *::-ms-backdrop,
            .ant-select-selection-item {
                flex: auto;
            }
        }

        .ant-select-selection-placeholder {
            flex: 1;
            overflow: hidden;
            color: #bfbfbf;
            white-space: nowrap;
            text-overflow: ellipsis;
            pointer-events: none;
        }

        @media all and (-ms-high-contrast: none) {

            .ant-select-selection-placeholder *::-ms-backdrop,
            .ant-select-selection-placeholder {
                flex: auto;
            }
        }

        .ant-select-arrow {
            display: inline-block;
            color: inherit;
            font-style: normal;
            line-height: 0;
            text-transform: none;
            vertical-align: -0.125em;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: 53%;
            right: 11px;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 12px;
            line-height: 1;
            text-align: center;
            pointer-events: none;
        }

        .ant-select-arrow>* {
            line-height: 1;
        }

        .ant-select-arrow svg {
            display: inline-block;
        }

        .ant-select-arrow::before {
            display: none;
        }

        .ant-select-arrow .ant-select-arrow-icon {
            display: block;
        }

        .ant-select-arrow .anticon {
            vertical-align: top;
            transition: transform 0.3s;
        }

        .ant-select-arrow .anticon>svg {
            vertical-align: top;
        }

        .ant-select-arrow .anticon:not(.ant-select-suffix) {
            pointer-events: auto;
        }

        .ant-select-disabled .ant-select-arrow {
            cursor: not-allowed;
        }

        .ant-select-clear {
            position: absolute;
            top: 50%;
            right: 11px;
            z-index: 1;
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            color: rgba(0, 0, 0, 0.25);
            font-size: 12px;
            font-style: normal;
            line-height: 1;
            text-align: center;
            text-transform: none;
            background: #fff;
            cursor: pointer;
            opacity: 0;
            transition: color 0.3s ease, opacity 0.15s ease;
            text-rendering: auto;
        }

        .ant-select-clear::before {
            display: block;
        }

        .ant-select-clear:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-select:hover .ant-select-clear {
            opacity: 1;
        }

        .ant-select-dropdown {
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            top: -9999px;
            left: -9999px;
            z-index: 1050;
            box-sizing: border-box;
            padding: 4px 0;
            overflow: hidden;
            font-size: 14px;
            font-variant: initial;
            background-color: #fff;
            border-radius: 2px;
            outline: none;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
        .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
            animation-name: antSlideUpIn;
        }

        .ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
        .ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
            animation-name: antSlideDownIn;
        }

        .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
            animation-name: antSlideUpOut;
        }

        .ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
            animation-name: antSlideDownOut;
        }

        .ant-select-dropdown-hidden {
            display: none;
        }

        .ant-select-dropdown-empty {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-select-item-empty {
            position: relative;
            display: block;
            min-height: 32px;
            padding: 5px 12px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-select-item {
            position: relative;
            display: block;
            min-height: 32px;
            padding: 5px 12px;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            cursor: pointer;
            transition: background 0.3s ease;
        }

        .ant-select-item-group {
            color: rgba(0, 0, 0, 0.45);
            font-size: 12px;
            cursor: default;
        }

        .ant-select-item-option {
            display: flex;
        }

        .ant-select-item-option-content {
            flex: auto;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-select-item-option-state {
            flex: none;
        }

        .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
            background-color: #f5f5f5;
        }

        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            background-color: #f0f4ff;
        }

        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
            color: #4c65ff;
        }

        .ant-select-item-option-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-select-item-option-grouped {
            padding-left: 24px;
        }

        .ant-select-lg {
            font-size: 14px;
        }

        .ant-select-borderless .ant-select-selector {
            background-color: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        .ant-select-rtl {
            direction: rtl;
        }

        .ant-select-rtl .ant-select-arrow {
            right: initial;
            left: 11px;
        }

        .ant-select-rtl .ant-select-clear {
            right: initial;
            left: 11px;
        }

        .ant-select-dropdown-rtl {
            direction: rtl;
        }

        .ant-select-dropdown-rtl .ant-select-item-option-grouped {
            padding-right: 24px;
            padding-left: 12px;
        }

        .ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
        .ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
            padding-right: 4px;
            padding-left: 24px;
        }

        .ant-select-rtl.ant-select-multiple .ant-select-selection-item {
            text-align: right;
        }

        .ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
            margin-right: 0;
            margin-left: 4px;
            text-align: right;
        }

        .ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
            right: 0;
            left: auto;
        }

        .ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
            right: 11px;
            left: auto;
        }

        .ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
            right: 7px;
        }

        .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
        .ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            right: 0;
            left: 9px;
            text-align: right;
        }

        .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
            right: 11px;
            left: 25px;
        }

        .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
        .ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
            padding-right: 0;
            padding-left: 18px;
        }

        .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
            right: 6px;
        }

        .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
        .ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
            padding-right: 0;
            padding-left: 21px;
        }

        .ant-skeleton {
            display: table;
            width: 100%;
        }

        .ant-skeleton-header {
            display: table-cell;
            padding-right: 16px;
            vertical-align: top;
        }

        .ant-skeleton-header .ant-skeleton-avatar {
            display: inline-block;
            vertical-align: top;
            background: rgba(190, 190, 190, 0.2);
            width: 32px;
            height: 32px;
            line-height: 32px;
        }

        .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
            border-radius: 50%;
        }

        .ant-skeleton-header .ant-skeleton-avatar-lg {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
            border-radius: 50%;
        }

        .ant-skeleton-header .ant-skeleton-avatar-sm {
            width: 24px;
            height: 24px;
            line-height: 24px;
        }

        .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
            border-radius: 50%;
        }

        .ant-skeleton-content {
            display: table-cell;
            width: 100%;
            vertical-align: top;
        }

        .ant-skeleton-content .ant-skeleton-title {
            width: 100%;
            height: 16px;
            margin-top: 16px;
            background: rgba(190, 190, 190, 0.2);
            border-radius: 4px;
        }

        .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
            margin-top: 24px;
        }

        .ant-skeleton-content .ant-skeleton-paragraph {
            padding: 0;
        }

        .ant-skeleton-content .ant-skeleton-paragraph>li {
            width: 100%;
            height: 16px;
            list-style: none;
            background: rgba(190, 190, 190, 0.2);
            border-radius: 4px;
        }

        .ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
            width: 61%;
        }

        .ant-skeleton-content .ant-skeleton-paragraph>li+li {
            margin-top: 16px;
        }

        .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
            margin-top: 12px;
        }

        .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
            margin-top: 28px;
        }

        .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title,
        .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li {
            border-radius: 100px;
        }

        .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
        .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li {
            background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
            background-size: 400% 100%;
            animation: ant-skeleton-loading 1.4s ease infinite;
        }

        .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
            background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
            background-size: 400% 100%;
            animation: ant-skeleton-loading 1.4s ease infinite;
        }

        .ant-skeleton.ant-skeleton-active .ant-skeleton-button {
            background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
            background-size: 400% 100%;
            animation: ant-skeleton-loading 1.4s ease infinite;
        }

        .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
            background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
            background-size: 400% 100%;
            animation: ant-skeleton-loading 1.4s ease infinite;
        }

        .ant-skeleton.ant-skeleton-active .ant-skeleton-image {
            background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
            background-size: 400% 100%;
            animation: ant-skeleton-loading 1.4s ease infinite;
        }

        .ant-skeleton-element {
            display: inline-block;
            width: auto;
        }

        .ant-skeleton-element .ant-skeleton-button {
            display: inline-block;
            vertical-align: top;
            background: rgba(190, 190, 190, 0.2);
            border-radius: 2px;
            width: 64px;
            height: 32px;
            line-height: 32px;
        }

        .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
            width: 32px;
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
            border-radius: 32px;
        }

        .ant-skeleton-element .ant-skeleton-button-lg {
            width: 88px;
            height: 44px;
            line-height: 44px;
        }

        .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
            width: 44px;
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
            border-radius: 44px;
        }

        .ant-skeleton-element .ant-skeleton-button-sm {
            width: 48px;
            height: 24px;
            line-height: 24px;
        }

        .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
            width: 24px;
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
            border-radius: 24px;
        }

        .ant-skeleton-element .ant-skeleton-avatar {
            display: inline-block;
            vertical-align: top;
            background: rgba(190, 190, 190, 0.2);
            width: 32px;
            height: 32px;
            line-height: 32px;
        }

        .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-avatar-lg {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-avatar-sm {
            width: 24px;
            height: 24px;
            line-height: 24px;
        }

        .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-input {
            display: inline-block;
            vertical-align: top;
            background: rgba(190, 190, 190, 0.2);
            width: 100%;
            height: 32px;
            line-height: 32px;
        }

        .ant-skeleton-element .ant-skeleton-input-lg {
            width: 100%;
            height: 40px;
            line-height: 40px;
        }

        .ant-skeleton-element .ant-skeleton-input-sm {
            width: 100%;
            height: 24px;
            line-height: 24px;
        }

        .ant-skeleton-element .ant-skeleton-image {
            display: flex;
            align-items: center;
            justify-content: center;
            vertical-align: top;
            background: rgba(190, 190, 190, 0.2);
            width: 96px;
            height: 96px;
            line-height: 96px;
        }

        .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
            border-radius: 50%;
        }

        .ant-skeleton-element .ant-skeleton-image-path {
            fill: #bfbfbf;
        }

        .ant-skeleton-element .ant-skeleton-image-svg {
            width: 48px;
            height: 48px;
            line-height: 48px;
            max-width: 192px;
            max-height: 192px;
        }

        .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
            border-radius: 50%;
        }

        @keyframes ant-skeleton-loading {
            0% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0 50%;
            }
        }

        .ant-skeleton-rtl {
            direction: rtl;
        }

        .ant-skeleton-rtl .ant-skeleton-header {
            padding-right: 0;
            padding-left: 16px;
        }

        .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
        .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li {
            animation-name: ant-skeleton-loading-rtl;
        }

        .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
            animation-name: ant-skeleton-loading-rtl;
        }

        @keyframes ant-skeleton-loading-rtl {
            0% {
                background-position: 0% 50%;
            }

            100% {
                background-position: 100% 50%;
            }
        }

        .ant-slider {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            height: 12px;
            margin: 10px 6px 10px;
            padding: 4px 0;
            cursor: pointer;
            touch-action: none;
        }

        .ant-slider-vertical {
            width: 12px;
            height: 100%;
            margin: 6px 10px;
            padding: 0 4px;
        }

        .ant-slider-vertical .ant-slider-rail {
            width: 4px;
            height: 100%;
        }

        .ant-slider-vertical .ant-slider-track {
            width: 4px;
        }

        .ant-slider-vertical .ant-slider-handle {
            margin-top: -6px;
            margin-left: -5px;
        }

        .ant-slider-vertical .ant-slider-mark {
            top: 0;
            left: 12px;
            width: 18px;
            height: 100%;
        }

        .ant-slider-vertical .ant-slider-mark-text {
            left: 4px;
            white-space: nowrap;
        }

        .ant-slider-vertical .ant-slider-step {
            width: 4px;
            height: 100%;
        }

        .ant-slider-vertical .ant-slider-dot {
            top: auto;
            left: 2px;
            margin-bottom: -4px;
        }

        .ant-slider-tooltip .ant-tooltip-inner {
            min-width: unset;
        }

        .ant-slider-rtl.ant-slider-vertical .ant-slider-handle {
            margin-right: -5px;
            margin-left: 0;
        }

        .ant-slider-rtl.ant-slider-vertical .ant-slider-mark {
            right: 12px;
            left: auto;
        }

        .ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text {
            right: 4px;
            left: auto;
        }

        .ant-slider-rtl.ant-slider-vertical .ant-slider-dot {
            right: 2px;
            left: auto;
        }

        .ant-slider-with-marks {
            margin-bottom: 28px;
        }

        .ant-slider-rail {
            position: absolute;
            width: 100%;
            height: 4px;
            background-color: #f5f5f5;
            border-radius: 2px;
            transition: background-color 0.3s;
        }

        .ant-slider-track {
            position: absolute;
            height: 4px;
            background-color: #c7d4ff;
            border-radius: 2px;
            transition: background-color 0.3s;
        }

        .ant-slider-handle {
            position: absolute;
            width: 14px;
            height: 14px;
            margin-top: -5px;
            background-color: #fff;
            border: solid 2px #c7d4ff;
            border-radius: 50%;
            box-shadow: 0;
            cursor: pointer;
            transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
        }

        .ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging {
            border-color: #7084ff;
            box-shadow: 0 0 0 5px rgba(76, 101, 255, 0.12);
        }

        .ant-slider-handle:focus {
            border-color: #7084ff;
            outline: none;
            box-shadow: 0 0 0 5px rgba(76, 101, 255, 0.12);
        }

        .ant-slider-handle.ant-tooltip-open {
            border-color: #4c65ff;
        }

        .ant-slider:hover .ant-slider-rail {
            background-color: #e1e1e1;
        }

        .ant-slider:hover .ant-slider-track {
            background-color: #9eb1ff;
        }

        .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
            border-color: #9eb1ff;
        }

        .ant-slider-mark {
            position: absolute;
            top: 14px;
            left: 0;
            width: 100%;
            font-size: 14px;
        }

        .ant-slider-mark-text {
            position: absolute;
            display: inline-block;
            color: rgba(0, 0, 0, 0.45);
            text-align: center;
            word-break: keep-all;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-slider-mark-text-active {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-slider-step {
            position: absolute;
            width: 100%;
            height: 4px;
            background: transparent;
        }

        .ant-slider-dot {
            position: absolute;
            top: -2px;
            width: 8px;
            height: 8px;
            margin-left: -4px;
            background-color: #fff;
            border: 2px solid #f0f0f0;
            border-radius: 50%;
            cursor: pointer;
        }

        .ant-slider-dot:first-child {
            margin-left: -4px;
        }

        .ant-slider-dot:last-child {
            margin-left: -4px;
        }

        .ant-slider-dot-active {
            border-color: #a6b2ff;
        }

        .ant-slider-disabled {
            cursor: not-allowed;
        }

        .ant-slider-disabled .ant-slider-track {
            background-color: rgba(0, 0, 0, 0.25) !important;
        }

        .ant-slider-disabled .ant-slider-handle,
        .ant-slider-disabled .ant-slider-dot {
            background-color: #fff;
            border-color: rgba(0, 0, 0, 0.25) !important;
            box-shadow: none;
            cursor: not-allowed;
        }

        .ant-slider-disabled .ant-slider-mark-text,
        .ant-slider-disabled .ant-slider-dot {
            cursor: not-allowed !important;
        }

        .ant-slider-rtl {
            direction: rtl;
        }

        .ant-slider-rtl .ant-slider-mark {
            right: 0;
            left: auto;
        }

        .ant-slider-rtl .ant-slider-dot {
            margin-right: -4px;
            margin-left: 0;
        }

        .ant-slider-rtl .ant-slider-dot:first-child {
            margin-right: -4px;
            margin-left: 0;
        }

        .ant-slider-rtl .ant-slider-dot:last-child {
            margin-right: -4px;
            margin-left: 0;
        }

        .ant-space {
            display: inline-flex;
        }

        .ant-space-vertical {
            flex-direction: column;
        }

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

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

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

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

        .ant-space-item:empty {
            display: none;
        }

        .ant-space-rtl {
            direction: rtl;
        }

        .ant-spin {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            display: none;
            color: #4c65ff;
            text-align: center;
            vertical-align: middle;
            opacity: 0;
            transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-spin-spinning {
            position: static;
            display: inline-block;
            opacity: 1;
        }

        .ant-spin-nested-loading {
            position: relative;
        }

        .ant-spin-nested-loading>div>.ant-spin {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 4;
            display: block;
            width: 100%;
            height: 100%;
            max-height: 400px;
        }

        .ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -10px;
        }

        .ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
            position: absolute;
            top: 50%;
            width: 100%;
            padding-top: 5px;
            text-shadow: 0 1px 2px #fff;
        }

        .ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
            margin-top: -20px;
        }

        .ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
            margin: -7px;
        }

        .ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
            padding-top: 2px;
        }

        .ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
            margin-top: -17px;
        }

        .ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
            margin: -16px;
        }

        .ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
            padding-top: 11px;
        }

        .ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
            margin-top: -26px;
        }

        .ant-spin-container {
            position: relative;
            transition: opacity 0.3s;
        }

        .ant-spin-container::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 10;
            display: none \9;
            width: 100%;
            height: 100%;
            background: #fff;
            opacity: 0;
            transition: all 0.3s;
            content: '';
            pointer-events: none;
        }

        .ant-spin-blur {
            clear: both;
            overflow: hidden;
            opacity: 0.5;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            pointer-events: none;
        }

        .ant-spin-blur::after {
            opacity: 0.4;
            pointer-events: auto;
        }

        .ant-spin-tip {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-spin-dot {
            position: relative;
            display: inline-block;
            font-size: 20px;
            width: 1em;
            height: 1em;
        }

        .ant-spin-dot-item {
            position: absolute;
            display: block;
            width: 9px;
            height: 9px;
            background-color: #4c65ff;
            border-radius: 100%;
            transform: scale(0.75);
            transform-origin: 50% 50%;
            opacity: 0.3;
            animation: antSpinMove 1s infinite linear alternate;
        }

        .ant-spin-dot-item:nth-child(1) {
            top: 0;
            left: 0;
        }

        .ant-spin-dot-item:nth-child(2) {
            top: 0;
            right: 0;
            animation-delay: 0.4s;
        }

        .ant-spin-dot-item:nth-child(3) {
            right: 0;
            bottom: 0;
            animation-delay: 0.8s;
        }

        .ant-spin-dot-item:nth-child(4) {
            bottom: 0;
            left: 0;
            animation-delay: 1.2s;
        }

        .ant-spin-dot-spin {
            transform: rotate(45deg);
            animation: antRotate 1.2s infinite linear;
        }

        .ant-spin-sm .ant-spin-dot {
            font-size: 14px;
        }

        .ant-spin-sm .ant-spin-dot i {
            width: 6px;
            height: 6px;
        }

        .ant-spin-lg .ant-spin-dot {
            font-size: 32px;
        }

        .ant-spin-lg .ant-spin-dot i {
            width: 14px;
            height: 14px;
        }

        .ant-spin.ant-spin-show-text .ant-spin-text {
            display: block;
        }

        @media all and (-ms-high-contrast: none),
        (-ms-high-contrast: active) {

            /* IE10+ */
            .ant-spin-blur {
                background: #fff;
                opacity: 0.5;
            }
        }

        @keyframes antSpinMove {
            to {
                opacity: 1;
            }
        }

        @keyframes antRotate {
            to {
                transform: rotate(405deg);
            }
        }

        .ant-spin-rtl {
            direction: rtl;
        }

        .ant-spin-rtl .ant-spin-dot-spin {
            transform: rotate(-45deg);
            animation-name: antRotateRtl;
        }

        @keyframes antRotateRtl {
            to {
                transform: rotate(-405deg);
            }
        }

        .ant-statistic {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
        }

        .ant-statistic-title {
            margin-bottom: 4px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }

        .ant-statistic-content {
            color: rgba(0, 0, 0, 0.85);
            font-size: 24px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        }

        .ant-statistic-content-value {
            display: inline-block;
            direction: ltr;
        }

        .ant-statistic-content-prefix,
        .ant-statistic-content-suffix {
            display: inline-block;
        }

        .ant-statistic-content-prefix {
            margin-right: 4px;
        }

        .ant-statistic-content-suffix {
            margin-left: 4px;
        }

        .ant-statistic-rtl {
            direction: rtl;
        }

        .ant-statistic-rtl .ant-statistic-content-prefix {
            margin-right: 0;
            margin-left: 4px;
        }

        .ant-statistic-rtl .ant-statistic-content-suffix {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-steps {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: flex;
            width: 100%;
            font-size: 0;
            text-align: initial;
        }

        .ant-steps-item {
            position: relative;
            display: inline-block;
            flex: 1;
            overflow: hidden;
            vertical-align: top;
        }

        .ant-steps-item-container {
            outline: none;
        }

        .ant-steps-item:last-child {
            flex: none;
        }

        .ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail,
        .ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
            display: none;
        }

        .ant-steps-item-icon,
        .ant-steps-item-content {
            display: inline-block;
            vertical-align: top;
        }

        .ant-steps-item-icon {
            width: 32px;
            height: 32px;
            margin: 0 8px 0 0;
            font-size: 14px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
            line-height: 32px;
            text-align: center;
            border: 1px solid rgba(0, 0, 0, 0.25);
            border-radius: 32px;
            transition: background-color 0.3s, border-color 0.3s;
        }

        .ant-steps-item-icon .ant-steps-icon {
            position: relative;
            top: -0.5px;
            color: #4c65ff;
            line-height: 1;
        }

        .ant-steps-item-tail {
            position: absolute;
            top: 12px;
            left: 0;
            width: 100%;
            padding: 0 10px;
        }

        .ant-steps-item-tail::after {
            display: inline-block;
            width: 100%;
            height: 1px;
            background: #f0f0f0;
            border-radius: 1px;
            transition: background 0.3s;
            content: '';
        }

        .ant-steps-item-title {
            position: relative;
            display: inline-block;
            padding-right: 16px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            line-height: 32px;
        }

        .ant-steps-item-title::after {
            position: absolute;
            top: 16px;
            left: 100%;
            display: block;
            width: 9999px;
            height: 1px;
            background: #f0f0f0;
            content: '';
        }

        .ant-steps-item-subtitle {
            display: inline;
            margin-left: 8px;
            color: rgba(0, 0, 0, 0.45);
            font-weight: normal;
            font-size: 14px;
        }

        .ant-steps-item-description {
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }

        .ant-steps-item-wait .ant-steps-item-icon {
            background-color: #fff;
            border-color: rgba(0, 0, 0, 0.25);
        }

        .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
            background: rgba(0, 0, 0, 0.25);
        }

        .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
            background-color: #f0f0f0;
        }

        .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after {
            background-color: #f0f0f0;
        }

        .ant-steps-item-process .ant-steps-item-icon {
            background-color: #fff;
            border-color: #4c65ff;
        }

        .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
            color: #4c65ff;
        }

        .ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
            background: #4c65ff;
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
            background-color: #f0f0f0;
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after {
            background-color: #f0f0f0;
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon {
            background: #4c65ff;
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon {
            color: #fff;
        }

        .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title {
            font-weight: 500;
        }

        .ant-steps-item-finish .ant-steps-item-icon {
            background-color: #fff;
            border-color: #4c65ff;
        }

        .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
            color: #4c65ff;
        }

        .ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
            background: #4c65ff;
        }

        .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
            background-color: #4c65ff;
        }

        .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after {
            background-color: #4c65ff;
        }

        .ant-steps-item-error .ant-steps-item-icon {
            background-color: #fff;
            border-color: #f24822;
        }

        .ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon {
            color: #f24822;
        }

        .ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
            background: #f24822;
        }

        .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
            color: #f24822;
        }

        .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
            background-color: #f0f0f0;
        }

        .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
            color: #f24822;
        }

        .ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail::after {
            background-color: #f0f0f0;
        }

        .ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
            background: #f24822;
        }

        .ant-steps-item-disabled {
            cursor: not-allowed;
        }

        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] {
            cursor: pointer;
        }

        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-title,
        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-subtitle,
        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-description,
        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
            transition: color 0.3s;
        }

        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-title,
        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
        .ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role='button']:hover .ant-steps-item-description {
            color: #4c65ff;
        }

        .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
            border-color: #4c65ff;
        }

        .ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
            color: #4c65ff;
        }

        .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
            padding-left: 16px;
            white-space: nowrap;
        }

        .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
            padding-left: 0;
        }

        .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
            padding-right: 0;
        }

        .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
            display: none;
        }

        .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
            max-width: 140px;
            white-space: normal;
        }

        .ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon {
            height: auto;
            background: none;
            border: 0;
        }

        .ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon {
            top: 0px;
            left: 0.5px;
            width: 32px;
            height: 32px;
            font-size: 24px;
            line-height: 32px;
        }

        .ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
            color: #4c65ff;
        }

        .ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
            width: auto;
            background: none;
        }

        .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
            padding-left: 12px;
        }

        .ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
            padding-left: 0;
        }

        .ant-steps-small .ant-steps-item-icon {
            width: 24px;
            height: 24px;
            margin: 0 8px 0 0;
            font-size: 12px;
            line-height: 24px;
            text-align: center;
            border-radius: 24px;
        }

        .ant-steps-small .ant-steps-item-title {
            padding-right: 12px;
            font-size: 14px;
            line-height: 24px;
        }

        .ant-steps-small .ant-steps-item-title::after {
            top: 12px;
        }

        .ant-steps-small .ant-steps-item-description {
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }

        .ant-steps-small .ant-steps-item-tail {
            top: 8px;
        }

        .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
            width: inherit;
            height: inherit;
            line-height: inherit;
            background: none;
            border: 0;
            border-radius: 0;
        }

        .ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
            font-size: 24px;
            line-height: 24px;
            transform: none;
        }

        .ant-steps-vertical {
            display: flex;
            flex-direction: column;
        }

        .ant-steps-vertical>.ant-steps-item {
            display: block;
            flex: 1 0 auto;
            padding-left: 0;
            overflow: visible;
        }

        .ant-steps-vertical>.ant-steps-item .ant-steps-item-icon {
            float: left;
            margin-right: 16px;
        }

        .ant-steps-vertical>.ant-steps-item .ant-steps-item-content {
            display: block;
            min-height: 48px;
            overflow: hidden;
        }

        .ant-steps-vertical>.ant-steps-item .ant-steps-item-title {
            line-height: 32px;
        }

        .ant-steps-vertical>.ant-steps-item .ant-steps-item-description {
            padding-bottom: 12px;
        }

        .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
            position: absolute;
            top: 0;
            left: 16px;
            width: 1px;
            height: 100%;
            padding: 38px 0 6px;
        }

        .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after {
            width: 1px;
            height: 100%;
        }

        .ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail {
            display: block;
        }

        .ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after {
            display: none;
        }

        .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
            position: absolute;
            top: 0;
            left: 12px;
            padding: 30px 0 6px;
        }

        .ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
            line-height: 24px;
        }

        .ant-steps-label-vertical .ant-steps-item {
            overflow: visible;
        }

        .ant-steps-label-vertical .ant-steps-item-tail {
            margin-left: 58px;
            padding: 3.5px 24px;
        }

        .ant-steps-label-vertical .ant-steps-item-content {
            display: block;
            width: 116px;
            margin-top: 8px;
            text-align: center;
        }

        .ant-steps-label-vertical .ant-steps-item-icon {
            display: inline-block;
            margin-left: 42px;
        }

        .ant-steps-label-vertical .ant-steps-item-title {
            padding-right: 0;
            padding-left: 0;
        }

        .ant-steps-label-vertical .ant-steps-item-title::after {
            display: none;
        }

        .ant-steps-label-vertical .ant-steps-item-subtitle {
            display: block;
            margin-bottom: 4px;
            margin-left: 0;
            line-height: 1.5715;
        }

        .ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
            margin-left: 46px;
        }

        .ant-steps-dot .ant-steps-item-title,
        .ant-steps-dot.ant-steps-small .ant-steps-item-title {
            line-height: 1.5715;
        }

        .ant-steps-dot .ant-steps-item-tail,
        .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
            top: 2px;
            width: 100%;
            margin: 0 0 0 70px;
            padding: 0;
        }

        .ant-steps-dot .ant-steps-item-tail::after,
        .ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
            width: calc(100% - 20px);
            height: 3px;
            margin-left: 12px;
        }

        .ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
        .ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
            left: 2px;
        }

        .ant-steps-dot .ant-steps-item-icon,
        .ant-steps-dot.ant-steps-small .ant-steps-item-icon {
            width: 8px;
            height: 8px;
            margin-left: 67px;
            padding-right: 0;
            line-height: 8px;
            background: transparent;
            border: 0;
        }

        .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
        .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
            position: relative;
            float: left;
            width: 100%;
            height: 100%;
            border-radius: 100px;
            transition: all 0.3s;
            /* expand hover area */
        }

        .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
        .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
            position: absolute;
            top: -12px;
            left: -26px;
            width: 60px;
            height: 32px;
            background: rgba(0, 0, 0, 0.001);
            content: '';
        }

        .ant-steps-dot .ant-steps-item-content,
        .ant-steps-dot.ant-steps-small .ant-steps-item-content {
            width: 140px;
        }

        .ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
        .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
            position: relative;
            top: -1px;
            width: 10px;
            height: 10px;
            line-height: 10px;
            background: none;
        }

        .ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
        .ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
            left: 0;
        }

        .ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
            margin-top: 8px;
            margin-left: 0;
            background: none;
        }

        .ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
            top: 2px;
            left: -9px;
            margin: 0;
            padding: 22px 0 4px;
        }

        .ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
            left: 0;
        }

        .ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
            width: inherit;
        }

        .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
            left: -2px;
        }

        .ant-steps-navigation {
            padding-top: 12px;
        }

        .ant-steps-navigation.ant-steps-small .ant-steps-item-container {
            margin-left: -12px;
        }

        .ant-steps-navigation .ant-steps-item {
            overflow: visible;
            text-align: center;
        }

        .ant-steps-navigation .ant-steps-item-container {
            display: inline-block;
            height: 100%;
            margin-left: -16px;
            padding-bottom: 12px;
            text-align: left;
            transition: opacity 0.3s;
        }

        .ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
            max-width: auto;
        }

        .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
            max-width: 100%;
            padding-right: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
            display: none;
        }

        .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
            cursor: pointer;
        }

        .ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
            opacity: 0.85;
        }

        .ant-steps-navigation .ant-steps-item:last-child {
            flex: 1;
        }

        .ant-steps-navigation .ant-steps-item:last-child::after {
            display: none;
        }

        .ant-steps-navigation .ant-steps-item::after {
            position: absolute;
            top: 50%;
            left: 100%;
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-top: -14px;
            margin-left: -2px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            border-bottom: none;
            border-left: none;
            transform: rotate(45deg);
            content: '';
        }

        .ant-steps-navigation .ant-steps-item::before {
            position: absolute;
            bottom: 0;
            left: 50%;
            display: inline-block;
            width: 0;
            height: 2px;
            background-color: #4c65ff;
            transition: width 0.3s, left 0.3s;
            transition-timing-function: ease-out;
            content: '';
        }

        .ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
            left: 0;
            width: 100%;
        }

        .ant-steps-navigation.ant-steps-vertical>.ant-steps-item {
            margin-right: 0 !important;
        }

        .ant-steps-navigation.ant-steps-vertical>.ant-steps-item::before {
            display: none;
        }

        .ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active::before {
            top: 0;
            right: 0;
            left: unset;
            display: block;
            width: 3px;
            height: calc(100% - 24px);
        }

        .ant-steps-navigation.ant-steps-vertical>.ant-steps-item::after {
            position: relative;
            top: -2px;
            left: 50%;
            display: block;
            width: 8px;
            height: 8px;
            margin-bottom: 8px;
            text-align: center;
            transform: rotate(135deg);
        }

        .ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
            visibility: hidden;
        }

        .ant-steps-rtl {
            direction: rtl;
        }

        .ant-steps.ant-steps-rtl .ant-steps-item-icon {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-steps-rtl .ant-steps-item-tail {
            right: 0;
            left: auto;
        }

        .ant-steps-rtl .ant-steps-item-title {
            padding-right: 0;
            padding-left: 16px;
        }

        .ant-steps-rtl .ant-steps-item-title::after {
            right: 100%;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
            padding-right: 16px;
            padding-left: 0;
        }

        .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
            padding-right: 0;
        }

        .ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
            padding-left: 0;
        }

        .ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
            right: 0.5px;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
            margin-right: -12px;
            margin-left: 0;
        }

        .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
            margin-right: -16px;
            margin-left: 0;
            text-align: right;
        }

        .ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
            padding-left: 0;
        }

        .ant-steps-rtl.ant-steps-navigation .ant-steps-item::after {
            right: 100%;
            left: auto;
            margin-right: -2px;
            margin-left: 0;
            transform: rotate(225deg);
        }

        .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
            padding-right: 12px;
            padding-left: 0;
        }

        .ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
            padding-right: 0;
        }

        .ant-steps-rtl.ant-steps-small .ant-steps-item-title {
            padding-right: 0;
            padding-left: 12px;
        }

        .ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon {
            float: right;
            margin-right: 0;
            margin-left: 16px;
        }

        .ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
            right: 16px;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
            right: 12px;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
            padding-left: 0;
        }

        .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
        .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
            margin: 0 70px 0 0;
        }

        .ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,
        .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
            margin-right: 12px;
            margin-left: 0;
        }

        .ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
        .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
            right: 2px;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
        .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
            margin-right: 67px;
            margin-left: 0;
        }

        .ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
        .ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
            /* expand hover area */
        }

        .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
        .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
            float: right;
        }

        .ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
        .ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
            right: -26px;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
            margin-right: 0;
            margin-left: 16px;
        }

        .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
            right: -9px;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
            right: 0;
            left: auto;
        }

        .ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
            right: -2px;
            left: auto;
        }

        .ant-steps-with-progress .ant-steps-item {
            padding-top: 4px;
        }

        .ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
            top: 4px !important;
        }

        .ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
            padding-left: 4px;
        }

        .ant-steps-with-progress .ant-steps-item-icon {
            position: relative;
        }

        .ant-steps-with-progress .ant-steps-item-icon .ant-progress {
            position: absolute;
            top: -5px;
            right: -5px;
            bottom: -5px;
            left: -5px;
        }

        .ant-switch {
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: inline-block;
            box-sizing: border-box;
            min-width: 32px;
            height: 16px;
            line-height: 16px;
            vertical-align: middle;
            background-color: rgba(0, 0, 0, 0.25);
            border: 0;
            border-radius: 100px;
            cursor: pointer;
            transition: all 0.2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-switch:focus {
            outline: 0;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
        }

        .ant-switch-checked:focus {
            box-shadow: 0 0 0 2px rgba(76, 101, 255, 0.2);
        }

        .ant-switch:focus:hover {
            box-shadow: none;
        }

        .ant-switch-checked {
            background-color: #4c65ff;
        }

        .ant-switch-loading,
        .ant-switch-disabled {
            cursor: not-allowed;
            opacity: 0.4;
        }

        .ant-switch-loading *,
        .ant-switch-disabled * {
            box-shadow: none;
            cursor: not-allowed;
        }

        .ant-switch-inner {
            display: block;
            margin: 0 5px 0 18px;
            color: #fff;
            font-size: 12px;
            transition: margin 0.2s;
        }

        .ant-switch-checked .ant-switch-inner {
            margin: 0 18px 0 5px;
        }

        .ant-switch-handle {
            position: absolute;
            top: 2px;
            left: 2px;
            width: 12px;
            height: 12px;
            transition: all 0.2s ease-in-out;
        }

        .ant-switch-handle::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #fff;
            border-radius: 6px;
            box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
            transition: all 0.2s ease-in-out;
            content: '';
        }

        .ant-switch-checked .ant-switch-handle {
            left: calc(100% - 12px - 2px);
        }

        .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
            right: -30%;
            left: 0;
        }

        .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
            right: 0;
            left: -30%;
        }

        .ant-switch-loading-icon {
            position: relative;
            top: -1px;
            color: rgba(0, 0, 0, 0.65);
            vertical-align: top;
        }

        .ant-switch-checked .ant-switch-loading-icon {
            color: #4c65ff;
        }

        .ant-switch-small {
            min-width: 28px;
            height: 16px;
            line-height: 16px;
        }

        .ant-switch-small .ant-switch-inner {
            margin: 0 5px 0 18px;
            font-size: 12px;
        }

        .ant-switch-small .ant-switch-handle {
            width: 12px;
            height: 12px;
        }

        .ant-switch-small .ant-switch-loading-icon {
            top: 1.5px;
            font-size: 9px;
        }

        .ant-switch-small.ant-switch-checked .ant-switch-inner {
            margin: 0 18px 0 5px;
        }

        .ant-switch-small.ant-switch-checked .ant-switch-handle {
            left: calc(100% - 12px - 2px);
        }

        .ant-switch-rtl {
            direction: rtl;
        }

        .ant-switch-rtl .ant-switch-inner {
            margin: 0 18px 0 5px;
        }

        .ant-switch-rtl .ant-switch-handle {
            right: 2px;
            left: auto;
        }

        .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before {
            right: 0;
            left: -30%;
        }

        .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before {
            right: -30%;
            left: 0;
        }

        .ant-switch-rtl.ant-switch-checked .ant-switch-inner {
            margin: 0 5px 0 18px;
        }

        .ant-switch-rtl.ant-switch-checked .ant-switch-handle {
            right: calc(100% - 12px - 2px);
        }

        .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
            right: calc(100% - 12px - 2px);
        }

        .ant-table.ant-table-middle {
            font-size: 14px;
        }

        .ant-table.ant-table-middle .ant-table-title,
        .ant-table.ant-table-middle .ant-table-footer,
        .ant-table.ant-table-middle .ant-table-thead>tr>th,
        .ant-table.ant-table-middle .ant-table-tbody>tr>td,
        .ant-table.ant-table-middle tfoot>tr>th,
        .ant-table.ant-table-middle tfoot>tr>td {
            padding: 12px 8px;
        }

        .ant-table.ant-table-middle .ant-table-thead th.ant-table-column-has-sorters {
            padding: 0;
        }

        .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column {
            margin: -12px -8px;
        }

        .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title {
            padding: 12px 2.3em 12px 8px;
        }

        .ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters {
            padding: 12px 8px;
        }

        .ant-table.ant-table-middle .ant-table-expanded-row-fixed {
            margin: -12px -8px;
        }

        .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
            margin: -12px -8px -12px 25px;
        }

        .ant-table.ant-table-small {
            font-size: 14px;
        }

        .ant-table.ant-table-small .ant-table-title,
        .ant-table.ant-table-small .ant-table-footer,
        .ant-table.ant-table-small .ant-table-thead>tr>th,
        .ant-table.ant-table-small .ant-table-tbody>tr>td,
        .ant-table.ant-table-small tfoot>tr>th,
        .ant-table.ant-table-small tfoot>tr>td {
            padding: 8px 8px;
        }

        .ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters {
            padding: 0;
        }

        .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column {
            margin: -8px -8px;
        }

        .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title {
            padding: 8px 2.3em 8px 8px;
        }

        .ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters {
            padding: 8px 8px;
        }

        .ant-table.ant-table-small .ant-table-expanded-row-fixed {
            margin: -8px -8px;
        }

        .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table {
            margin: -8px -8px -8px 25px;
        }

        .ant-table-small .ant-table-thead>tr>th {
            background-color: #fafafa;
        }

        .ant-table-small .ant-table-selection-column {
            width: 46px;
            min-width: 46px;
        }

        .ant-table.ant-table-bordered>.ant-table-title {
            border: 1px solid #f0f0f0;
            border-bottom: 0;
        }

        .ant-table.ant-table-bordered>.ant-table-container {
            border: 1px solid #f0f0f0;
            border-right: 0;
            border-bottom: 0;
        }

        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td {
            border-right: 1px solid #f0f0f0;
        }

        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first::after {
            border-right: 1px solid #f0f0f0;
        }

        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed {
            margin: -16px -17px;
        }

        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,
        .ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed::after {
            position: absolute;
            top: 0;
            right: 1px;
            bottom: 0;
            border-right: 1px solid #f0f0f0;
            content: '';
        }

        .ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,
        .ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td {
            border-right: 0;
        }

        .ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,
        .ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed {
            margin: -12px -9px;
        }

        .ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,
        .ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed {
            margin: -8px -9px;
        }

        .ant-table.ant-table-bordered>.ant-table-footer {
            border: 1px solid #f0f0f0;
            border-top: 0;
        }

        .ant-table-cell .ant-table-container:first-child {
            border-top: 0;
        }

        .ant-table-cell-scrollbar {
            box-shadow: 0 1px 0 1px #fafafa;
        }

        .ant-table-wrapper {
            clear: both;
            max-width: 100%;
        }

        .ant-table-wrapper::before {
            display: table;
            content: '';
        }

        .ant-table-wrapper::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-table-wrapper::before {
            display: table;
            content: '';
        }

        .ant-table-wrapper::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-table {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            font-size: 14px;
            background: #fff;
            border-radius: 2px;
        }

        .ant-table table {
            width: 100%;
            text-align: left;
            border-radius: 2px 2px 0 0;
            border-collapse: separate;
            border-spacing: 0;
        }

        .ant-table-thead>tr>th,
        .ant-table-tbody>tr>td,
        .ant-table tfoot>tr>th,
        .ant-table tfoot>tr>td {
            position: relative;
            padding: 16px 16px;
            overflow-wrap: break-word;
        }

        .ant-table-cell-ellipsis {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: keep-all;
        }

        .ant-table-cell-ellipsis.ant-table-cell-fix-left-last,
        .ant-table-cell-ellipsis.ant-table-cell-fix-right-first {
            overflow: visible;
        }

        .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,
        .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ant-table-title {
            padding: 16px 16px;
        }

        .ant-table-footer {
            padding: 16px 16px;
            color: rgba(0, 0, 0, 0.85);
            background: #fafafa;
        }

        .ant-table-thead>tr>th {
            color: rgba(0, 0, 0, 0.85);
            font-weight: 500;
            text-align: left;
            background: #fafafa;
            border-bottom: 1px solid #f0f0f0;
            transition: background 0.3s ease;
        }

        .ant-table-thead>tr>th[colspan]:not([colspan='1']) {
            text-align: center;
        }

        .ant-table-thead>tr:not(:last-child)>th[colspan] {
            border-bottom: 0;
        }

        .ant-table-tbody>tr>td {
            border-bottom: 1px solid #f0f0f0;
            transition: background 0.3s;
        }

        .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table {
            margin: -16px -16px -16px 33px;
        }

        .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td {
            border-bottom: 0;
        }

        .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,
        .ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child {
            border-radius: 0;
        }

        .ant-table-tbody>tr.ant-table-row:hover>td {
            background: #fafafa;
        }

        .ant-table-tbody>tr.ant-table-row-selected>td {
            background: #f0f4ff;
            border-color: rgba(0, 0, 0, 0.03);
        }

        .ant-table-tbody>tr.ant-table-row-selected:hover>td {
            background: #e6edff;
        }

        .ant-table tfoot>tr>th,
        .ant-table tfoot>tr>td {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-table-pagination.ant-pagination {
            margin: 16px 0;
        }

        .ant-table-pagination {
            display: flex;
            flex-wrap: wrap;
            row-gap: 8px;
        }

        .ant-table-pagination>* {
            flex: none;
        }

        .ant-table-pagination-left {
            justify-content: flex-start;
        }

        .ant-table-pagination-center {
            justify-content: center;
        }

        .ant-table-pagination-right {
            justify-content: flex-end;
        }

        .ant-table-thead th.ant-table-column-has-sorters {
            padding: 0;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-table-thead th.ant-table-column-has-sorters:hover {
            background: #f2f2f2;
        }

        .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container {
            background: #f7f7f7;
        }

        .ant-table-thead th.ant-table-column-sort {
            background: #f5f5f5;
        }

        td.ant-table-column-sort {
            background: #fafafa;
        }

        .ant-table-column-sorters-with-tooltip {
            display: inline-block;
            width: 100%;
        }

        .ant-table-column-sorters {
            display: inline-flex;
            align-items: center;
            padding: 16px 16px;
        }

        .ant-table-column-sorter {
            margin-top: 0.15em;
            margin-bottom: -0.15em;
            margin-left: 8px;
            color: #bfbfbf;
        }

        .ant-table-column-sorter-full {
            margin-top: -0.2em;
            margin-bottom: 0;
        }

        .ant-table-column-sorter-inner {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
        }

        .ant-table-column-sorter-up,
        .ant-table-column-sorter-down {
            font-size: 11px;
        }

        .ant-table-column-sorter-up.active,
        .ant-table-column-sorter-down.active {
            color: #4c65ff;
        }

        .ant-table-column-sorter-up+.ant-table-column-sorter-down {
            margin-top: -0.3em;
        }

        .ant-table-filter-column {
            display: flex;
            align-items: center;
            margin: -16px -16px;
        }

        .ant-table-filter-column-title {
            flex: auto;
            padding: 16px 2.3em 16px 16px;
        }

        .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column {
            margin: 0;
        }

        .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
            padding: 0 2.3em 0 0;
        }

        .ant-table-filter-trigger-container {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            display: flex;
            flex: none;
            align-items: stretch;
            align-self: stretch;
            cursor: pointer;
            transition: background-color 0.3s;
        }

        .ant-table-filter-trigger-container-open,
        .ant-table-filter-trigger-container:hover,
        .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
            background: #e5e5e5;
        }

        .ant-table-filter-trigger {
            display: block;
            width: 2.3em;
            color: #bfbfbf;
            font-size: 12px;
            transition: color 0.3s;
        }

        .ant-table-filter-trigger .anticon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .ant-table-filter-trigger-container-open .ant-table-filter-trigger,
        .ant-table-filter-trigger:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-table-filter-trigger.active {
            color: #4c65ff;
        }

        .ant-table-filter-dropdown {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            min-width: 120px;
            background-color: #fff;
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-table-filter-dropdown .ant-dropdown-menu {
            max-height: 264px;
            overflow-x: hidden;
            border: 0;
            box-shadow: none;
        }

        .ant-table-filter-dropdown-submenu>ul {
            max-height: calc(100vh - 130px);
            overflow-x: hidden;
            overflow-y: auto;
        }

        .ant-table-filter-dropdown .ant-checkbox-wrapper+span,
        .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
            padding-left: 8px;
        }

        .ant-table-filter-dropdown-btns {
            display: flex;
            justify-content: space-between;
            padding: 7px 8px 7px 3px;
            overflow: hidden;
            background-color: inherit;
            border-top: 1px solid #f0f0f0;
        }

        .ant-table-selection-col {
            width: 32px;
        }

        .ant-table-bordered .ant-table-selection-col {
            width: 50px;
        }

        table tr th.ant-table-selection-column,
        table tr td.ant-table-selection-column {
            padding-right: 8px;
            padding-left: 8px;
            text-align: center;
        }

        table tr th.ant-table-selection-column .ant-radio-wrapper,
        table tr td.ant-table-selection-column .ant-radio-wrapper {
            margin-right: 0;
        }

        .ant-table-selection {
            position: relative;
            display: inline-flex;
            flex-direction: column;
        }

        .ant-table-selection-extra {
            position: absolute;
            top: 0;
            z-index: 1;
            cursor: pointer;
            transition: all 0.3s;
            margin-inline-start: 100%;
            padding-inline-start: 4px;
        }

        .ant-table-selection-extra .anticon {
            color: #bfbfbf;
            font-size: 10px;
        }

        .ant-table-selection-extra .anticon:hover {
            color: #a6a6a6;
        }

        .ant-table-expand-icon-col {
            width: 48px;
        }

        .ant-table-row-expand-icon-cell {
            text-align: center;
        }

        .ant-table-row-indent {
            float: left;
            height: 1px;
        }

        .ant-table-row-expand-icon {
            color: #4c65ff;
            text-decoration: none;
            cursor: pointer;
            transition: color 0.3s;
            position: relative;
            display: inline-flex;
            float: left;
            box-sizing: border-box;
            width: 17px;
            height: 17px;
            padding: 0;
            color: inherit;
            line-height: 17px;
            background: #fff;
            border: 1px solid #f0f0f0;
            border-radius: 2px;
            outline: none;
            transform: scale(0.94117647);
            transform-origin: bottom;
            transition: all 0.3s;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-table-row-expand-icon:focus,
        .ant-table-row-expand-icon:hover {
            color: #758cff;
        }

        .ant-table-row-expand-icon:active {
            color: #3646d9;
        }

        .ant-table-row-expand-icon:focus,
        .ant-table-row-expand-icon:hover,
        .ant-table-row-expand-icon:active {
            border-color: currentColor;
        }

        .ant-table-row-expand-icon::before,
        .ant-table-row-expand-icon::after {
            position: absolute;
            background: currentColor;
            transition: transform 0.3s ease-out;
            content: '';
        }

        .ant-table-row-expand-icon::before {
            top: 7px;
            right: 3px;
            left: 3px;
            height: 1px;
        }

        .ant-table-row-expand-icon::after {
            top: 3px;
            bottom: 3px;
            left: 7px;
            width: 1px;
            transform: rotate(90deg);
        }

        .ant-table-row-expand-icon-collapsed::before {
            transform: rotate(-180deg);
        }

        .ant-table-row-expand-icon-collapsed::after {
            transform: rotate(0deg);
        }

        .ant-table-row-expand-icon-spaced {
            background: transparent;
            border: 0;
            visibility: hidden;
        }

        .ant-table-row-expand-icon-spaced::before,
        .ant-table-row-expand-icon-spaced::after {
            display: none;
            content: none;
        }

        .ant-table-row-indent+.ant-table-row-expand-icon {
            margin-top: 2.5005px;
            margin-right: 8px;
        }

        tr.ant-table-expanded-row>td,
        tr.ant-table-expanded-row:hover>td {
            background: #fbfbfb;
        }

        tr.ant-table-expanded-row .ant-descriptions-view {
            display: flex;
        }

        tr.ant-table-expanded-row .ant-descriptions-view table {
            flex: auto;
            width: auto;
        }

        .ant-table .ant-table-expanded-row-fixed {
            position: relative;
            margin: -16px -16px;
            padding: 16px 16px;
        }

        .ant-table-tbody>tr.ant-table-placeholder {
            text-align: center;
        }

        .ant-table-empty .ant-table-tbody>tr.ant-table-placeholder {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-table-tbody>tr.ant-table-placeholder:hover>td {
            background: #fff;
        }

        .ant-table-cell-fix-left,
        .ant-table-cell-fix-right {
            position: sticky !important;
            z-index: 2;
            background: #fff;
        }

        .ant-table-cell-fix-left-first::after,
        .ant-table-cell-fix-left-last::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: -1px;
            width: 30px;
            transform: translateX(100%);
            transition: box-shadow 0.3s;
            content: '';
            pointer-events: none;
        }

        .ant-table-cell-fix-right-first::after,
        .ant-table-cell-fix-right-last::after {
            position: absolute;
            top: 0;
            bottom: -1px;
            left: 0;
            width: 30px;
            transform: translateX(-100%);
            transition: box-shadow 0.3s;
            content: '';
            pointer-events: none;
        }

        .ant-table .ant-table-container::before,
        .ant-table .ant-table-container::after {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 1;
            width: 30px;
            transition: box-shadow 0.3s;
            content: '';
            pointer-events: none;
        }

        .ant-table .ant-table-container::before {
            left: 0;
        }

        .ant-table .ant-table-container::after {
            right: 0;
        }

        .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container {
            position: relative;
        }

        .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before {
            box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
        }

        .ant-table-ping-left .ant-table-cell-fix-left-first::after,
        .ant-table-ping-left .ant-table-cell-fix-left-last::after {
            box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
        }

        .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container {
            position: relative;
        }

        .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
            box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
        }

        .ant-table-ping-right .ant-table-cell-fix-right-first::after,
        .ant-table-ping-right .ant-table-cell-fix-right-last::after {
            box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
        }

        .ant-table-sticky-header {
            position: sticky;
            z-index: calc(2 + 1);
        }

        .ant-table-sticky-scroll {
            position: sticky;
            bottom: 0;
            z-index: calc(2 + 1);
            display: flex;
            align-items: center;
            background: #ffffff;
            border-top: 1px solid #f0f0f0;
            opacity: 0.6;
        }

        .ant-table-sticky-scroll:hover {
            transform-origin: center bottom;
        }

        .ant-table-sticky-scroll-bar {
            height: 8px;
            background-color: rgba(0, 0, 0, 0.35);
            border-radius: 4px;
        }

        .ant-table-sticky-scroll-bar:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

        .ant-table-sticky-scroll-bar-active {
            background-color: rgba(0, 0, 0, 0.8);
        }

        @media all and (-ms-high-contrast: none) {
            .ant-table-ping-left .ant-table-cell-fix-left-last::after {
                box-shadow: none !important;
            }

            .ant-table-ping-right .ant-table-cell-fix-right-first::after {
                box-shadow: none !important;
            }
        }

        .ant-table {
            /* title + table */
            /* table */
            /* table + footer */
        }

        .ant-table-title {
            border-radius: 2px 2px 0 0;
        }

        .ant-table-title+.ant-table-container {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child {
            border-radius: 0;
        }

        .ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child {
            border-radius: 0;
        }

        .ant-table-container {
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
        }

        .ant-table-container table>thead>tr:first-child th:first-child {
            border-top-left-radius: 2px;
        }

        .ant-table-container table>thead>tr:first-child th:last-child {
            border-top-right-radius: 2px;
        }

        .ant-table-footer {
            border-radius: 0 0 2px 2px;
        }

        .ant-table-wrapper-rtl {
            direction: rtl;
        }

        .ant-table-rtl {
            direction: rtl;
        }

        .ant-table-wrapper-rtl .ant-table table {
            text-align: right;
        }

        .ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan='1']) {
            text-align: center;
        }

        .ant-table-wrapper-rtl .ant-table-thead>tr>th {
            text-align: right;
        }

        .ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl {
            margin: -16px 33px -16px -16px;
        }

        .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left {
            justify-content: flex-end;
        }

        .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right {
            justify-content: flex-start;
        }

        .ant-table-wrapper-rtl .ant-table-column-sorter {
            margin-right: 8px;
            margin-left: 0;
        }

        .ant-table-wrapper-rtl .ant-table-filter-column-title {
            padding: 16px 16px 16px 2.3em;
        }

        .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title {
            padding: 0 0 0 2.3em;
        }

        .ant-table-wrapper-rtl .ant-table-filter-trigger-container {
            right: auto;
            left: 0;
        }

        .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,
        .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,
        .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,
        .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span {
            padding-right: 8px;
            padding-left: 0;
        }

        .ant-table-wrapper-rtl .ant-table-selection {
            text-align: center;
        }

        .ant-table-wrapper-rtl .ant-table-row-indent {
            float: right;
        }

        .ant-table-wrapper-rtl .ant-table-row-expand-icon {
            float: right;
        }

        .ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-table-wrapper-rtl .ant-table-row-expand-icon::after {
            transform: rotate(-90deg);
        }

        .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before {
            transform: rotate(180deg);
        }

        .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after {
            transform: rotate(0deg);
        }

        .ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
            padding: 8px 0;
            font-size: 14px;
        }

        .ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
            padding: 16px 0;
            font-size: 14px;
        }

        .ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
            padding: 6px 16px;
        }

        .ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
            padding: 7px 16px 6px;
        }

        .ant-tabs-rtl {
            direction: rtl;
        }

        .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
            margin: 0 0 0 32px;
        }

        .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
            margin-left: 0;
        }

        .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
            margin-right: 0;
            margin-left: 12px;
        }

        .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
            margin-right: 8px;
            margin-left: -4px;
        }

        .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
            margin: 0;
        }

        .ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav {
            order: 1;
        }

        .ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder {
            order: 0;
        }

        .ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav {
            order: 0;
        }

        .ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder {
            order: 1;
        }

        .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
            margin-right: 0;
            margin-left: 2px;
        }

        .ant-tabs-dropdown-rtl {
            direction: rtl;
        }

        .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
            text-align: right;
        }

        .ant-tabs-top,
        .ant-tabs-bottom {
            flex-direction: column;
        }

        .ant-tabs-top>.ant-tabs-nav,
        .ant-tabs-bottom>.ant-tabs-nav,
        .ant-tabs-top>div>.ant-tabs-nav,
        .ant-tabs-bottom>div>.ant-tabs-nav {
            margin: 0 0 16px 0;
        }

        .ant-tabs-top>.ant-tabs-nav::before,
        .ant-tabs-bottom>.ant-tabs-nav::before,
        .ant-tabs-top>div>.ant-tabs-nav::before,
        .ant-tabs-bottom>div>.ant-tabs-nav::before {
            position: absolute;
            right: 0;
            left: 0;
            border-bottom: 1px solid #f0f0f0;
            content: '';
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar {
            height: 2px;
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
            transition: width 0.3s, left 0.3s, right 0.3s;
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
            top: 0;
            bottom: 0;
            width: 30px;
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before {
            left: 0;
            box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
            right: 0;
            box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
            opacity: 1;
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
            opacity: 1;
        }

        .ant-tabs-top>.ant-tabs-nav::before,
        .ant-tabs-top>div>.ant-tabs-nav::before {
            bottom: 0;
        }

        .ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar {
            bottom: 0;
        }

        .ant-tabs-bottom>.ant-tabs-nav,
        .ant-tabs-bottom>div>.ant-tabs-nav {
            order: 1;
            margin-top: 16px;
            margin-bottom: 0;
        }

        .ant-tabs-bottom>.ant-tabs-nav::before,
        .ant-tabs-bottom>div>.ant-tabs-nav::before {
            top: 0;
        }

        .ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar {
            top: 0;
        }

        .ant-tabs-bottom>.ant-tabs-content-holder,
        .ant-tabs-bottom>div>.ant-tabs-content-holder {
            order: 0;
        }

        .ant-tabs-left>.ant-tabs-nav,
        .ant-tabs-right>.ant-tabs-nav,
        .ant-tabs-left>div>.ant-tabs-nav,
        .ant-tabs-right>div>.ant-tabs-nav {
            flex-direction: column;
            min-width: 50px;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
            padding: 8px 24px;
            text-align: center;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
            margin: 16px 0 0 0;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap {
            flex-direction: column;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
            right: 0;
            left: 0;
            height: 30px;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before {
            top: 0;
            box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
            bottom: 0;
            box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
            opacity: 1;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
            opacity: 1;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
            width: 2px;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
            transition: height 0.3s, top 0.3s;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,
        .ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,
        .ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations {
            flex: 1 0 auto;
            flex-direction: column;
        }

        .ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar {
            right: 0;
        }

        .ant-tabs-left>.ant-tabs-content-holder,
        .ant-tabs-left>div>.ant-tabs-content-holder {
            margin-left: -1px;
            border-left: 1px solid #f0f0f0;
        }

        .ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,
        .ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
            padding-left: 24px;
        }

        .ant-tabs-right>.ant-tabs-nav,
        .ant-tabs-right>div>.ant-tabs-nav {
            order: 1;
        }

        .ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
            left: 0;
        }

        .ant-tabs-right>.ant-tabs-content-holder,
        .ant-tabs-right>div>.ant-tabs-content-holder {
            order: 0;
            margin-right: -1px;
            border-right: 1px solid #f0f0f0;
        }

        .ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,
        .ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
            padding-right: 24px;
        }

        .ant-tabs-dropdown {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            top: -9999px;
            left: -9999px;
            z-index: 1050;
            display: block;
        }

        .ant-tabs-dropdown-hidden {
            display: none;
        }

        .ant-tabs-dropdown-menu {
            max-height: 200px;
            margin: 0;
            padding: 4px 0;
            overflow-x: hidden;
            overflow-y: auto;
            text-align: left;
            list-style-type: none;
            background-color: #fff;
            background-clip: padding-box;
            border-radius: 2px;
            outline: none;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-tabs-dropdown-menu-item {
            min-width: 120px;
            margin: 0;
            padding: 5px 12px;
            overflow: hidden;
            color: rgba(0, 0, 0, 0.85);
            font-weight: normal;
            font-size: 14px;
            line-height: 22px;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-tabs-dropdown-menu-item:hover {
            background: #f5f5f5;
        }

        .ant-tabs-dropdown-menu-item-disabled,
        .ant-tabs-dropdown-menu-item-disabled:hover {
            color: rgba(0, 0, 0, 0.25);
            background: transparent;
            cursor: not-allowed;
        }

        .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
            margin: 0;
            padding: 8px 16px;
            background: #fafafa;
            border: 1px solid #f0f0f0;
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,
        .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active {
            color: #4c65ff;
            background: #fff;
        }

        .ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,
        .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar {
            visibility: hidden;
        }

        .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
            margin-left: 2px;
        }

        .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab {
            border-radius: 2px 2px 0 0;
        }

        .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,
        .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active {
            border-bottom-color: #fff;
        }

        .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab {
            border-radius: 0 0 2px 2px;
        }

        .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,
        .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active {
            border-top-color: #fff;
        }

        .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
        .ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
            margin-top: 2px;
        }

        .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab {
            border-radius: 2px 0 0 2px;
        }

        .ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,
        .ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active {
            border-right-color: #fff;
        }

        .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,
        .ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
            border-radius: 0 2px 2px 0;
        }

        .ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,
        .ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active {
            border-left-color: #fff;
        }

        .ant-tabs {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: flex;
            overflow: hidden;
        }

        .ant-tabs>.ant-tabs-nav,
        .ant-tabs>div>.ant-tabs-nav {
            position: relative;
            display: flex;
            flex: none;
            align-items: center;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap {
            position: relative;
            display: inline-block;
            display: flex;
            flex: auto;
            align-self: stretch;
            overflow: hidden;
            white-space: nowrap;
            transform: translate(0);
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,
        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::after,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::after {
            position: absolute;
            z-index: 1;
            opacity: 0;
            transition: opacity 0.3s;
            content: '';
            pointer-events: none;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list {
            position: relative;
            display: flex;
            transition: transform 0.3s;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations {
            display: flex;
            align-self: stretch;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden {
            position: absolute;
            visibility: hidden;
            pointer-events: none;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
            position: relative;
            padding: 8px 16px;
            background: transparent;
            border: 0;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-more::after,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more::after {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 5px;
            transform: translateY(100%);
            content: '';
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add {
            min-width: 40px;
            padding: 0 8px;
            background: #fafafa;
            border: 1px solid #f0f0f0;
            border-radius: 2px 2px 0 0;
            outline: none;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover {
            color: #758cff;
        }

        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,
        .ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,
        .ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus {
            color: #3646d9;
        }

        .ant-tabs-extra-content {
            flex: none;
        }

        .ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
        .ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
            justify-content: center;
        }

        .ant-tabs-ink-bar {
            position: absolute;
            background: #4c65ff;
            pointer-events: none;
        }

        .ant-tabs-tab {
            position: relative;
            display: inline-flex;
            align-items: center;
            padding: 12px 0;
            font-size: 14px;
            background: transparent;
            border: 0;
            outline: none;
            cursor: pointer;
        }

        .ant-tabs-tab-btn:focus,
        .ant-tabs-tab-remove:focus,
        .ant-tabs-tab-btn:active,
        .ant-tabs-tab-remove:active {
            color: #3646d9;
        }

        .ant-tabs-tab-btn {
            outline: none;
            transition: all 0.3s;
        }

        .ant-tabs-tab-remove {
            flex: none;
            margin-right: -4px;
            margin-left: 8px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 12px;
            background: transparent;
            border: none;
            outline: none;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-tabs-tab-remove:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-tabs-tab:hover {
            color: #758cff;
        }

        .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
            color: #4c65ff;
            text-shadow: 0 0 0.25px currentColor;
        }

        .ant-tabs-tab.ant-tabs-tab-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
        .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
        .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
        .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
            color: rgba(0, 0, 0, 0.25);
        }

        .ant-tabs-tab .ant-tabs-tab-remove .anticon {
            margin: 0;
        }

        .ant-tabs-tab .anticon {
            margin-right: 12px;
        }

        .ant-tabs-tab+.ant-tabs-tab {
            margin: 0 0 0 32px;
        }

        .ant-tabs-content {
            display: flex;
            width: 100%;
        }

        .ant-tabs-content-holder {
            flex: auto;
            min-width: 0;
            min-height: 0;
        }

        .ant-tabs-content-animated {
            transition: margin 0.3s;
        }

        .ant-tabs-tabpane {
            flex: none;
            width: 100%;
            outline: none;
        }

        .ant-tag {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-block;
            height: auto;
            margin-right: 8px;
            padding: 0 7px;
            font-size: 12px;
            line-height: 20px;
            white-space: nowrap;
            background: #fafafa;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            opacity: 1;
            transition: all 0.3s;
        }

        .ant-tag,
        .ant-tag a,
        .ant-tag a:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-tag>a:first-child:last-child {
            display: inline-block;
            margin: 0 -8px;
            padding: 0 8px;
        }

        .ant-tag-close-icon {
            margin-left: 3px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 10px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-tag-close-icon:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-tag-has-color {
            border-color: transparent;
        }

        .ant-tag-has-color,
        .ant-tag-has-color a,
        .ant-tag-has-color a:hover,
        .ant-tag-has-color .anticon-close,
        .ant-tag-has-color .anticon-close:hover {
            color: #fff;
        }

        .ant-tag-checkable {
            background-color: transparent;
            border-color: transparent;
            cursor: pointer;
        }

        .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
            color: #4c65ff;
        }

        .ant-tag-checkable:active,
        .ant-tag-checkable-checked {
            color: #fff;
        }

        .ant-tag-checkable-checked {
            background-color: #4c65ff;
        }

        .ant-tag-checkable:active {
            background-color: #3646d9;
        }

        .ant-tag-hidden {
            display: none;
        }

        .ant-tag-pink {
            color: #c41d7f;
            background: #fff0f6;
            border-color: #ffadd2;
        }

        .ant-tag-pink-inverse {
            color: #fff;
            background: #eb2f96;
            border-color: #eb2f96;
        }

        .ant-tag-magenta {
            color: #c41d7f;
            background: #fff0f6;
            border-color: #ffadd2;
        }

        .ant-tag-magenta-inverse {
            color: #fff;
            background: #eb2f96;
            border-color: #eb2f96;
        }

        .ant-tag-red {
            color: #cf1322;
            background: #fff1f0;
            border-color: #ffa39e;
        }

        .ant-tag-red-inverse {
            color: #fff;
            background: #f5222d;
            border-color: #f5222d;
        }

        .ant-tag-volcano {
            color: #d4380d;
            background: #fff2e8;
            border-color: #ffbb96;
        }

        .ant-tag-volcano-inverse {
            color: #fff;
            background: #fa541c;
            border-color: #fa541c;
        }

        .ant-tag-orange {
            color: #d46b08;
            background: #fff7e6;
            border-color: #ffd591;
        }

        .ant-tag-orange-inverse {
            color: #fff;
            background: #fa8c16;
            border-color: #fa8c16;
        }

        .ant-tag-yellow {
            color: #d4b106;
            background: #feffe6;
            border-color: #fffb8f;
        }

        .ant-tag-yellow-inverse {
            color: #fff;
            background: #fadb14;
            border-color: #fadb14;
        }

        .ant-tag-gold {
            color: #d48806;
            background: #fffbe6;
            border-color: #ffe58f;
        }

        .ant-tag-gold-inverse {
            color: #fff;
            background: #faad14;
            border-color: #faad14;
        }

        .ant-tag-cyan {
            color: #08979c;
            background: #e6fffb;
            border-color: #87e8de;
        }

        .ant-tag-cyan-inverse {
            color: #fff;
            background: #13c2c2;
            border-color: #13c2c2;
        }

        .ant-tag-lime {
            color: #7cb305;
            background: #fcffe6;
            border-color: #eaff8f;
        }

        .ant-tag-lime-inverse {
            color: #fff;
            background: #a0d911;
            border-color: #a0d911;
        }

        .ant-tag-green {
            color: #389e0d;
            background: #f6ffed;
            border-color: #b7eb8f;
        }

        .ant-tag-green-inverse {
            color: #fff;
            background: #52c41a;
            border-color: #52c41a;
        }

        .ant-tag-blue {
            color: #096dd9;
            background: #e6f7ff;
            border-color: #91d5ff;
        }

        .ant-tag-blue-inverse {
            color: #fff;
            background: #1890ff;
            border-color: #1890ff;
        }

        .ant-tag-geekblue {
            color: #1d39c4;
            background: #f0f5ff;
            border-color: #adc6ff;
        }

        .ant-tag-geekblue-inverse {
            color: #fff;
            background: #2f54eb;
            border-color: #2f54eb;
        }

        .ant-tag-purple {
            color: #531dab;
            background: #f9f0ff;
            border-color: #d3adf7;
        }

        .ant-tag-purple-inverse {
            color: #fff;
            background: #722ed1;
            border-color: #722ed1;
        }

        .ant-tag-success {
            color: #52c41a;
            background: #f6ffed;
            border-color: #b7eb8f;
        }

        .ant-tag-processing {
            color: #1890ff;
            background: #e6f7ff;
            border-color: #91d5ff;
        }

        .ant-tag-error {
            color: #f5222d;
            background: #fff1f0;
            border-color: #ffa39e;
        }

        .ant-tag-warning {
            color: #fa8c16;
            background: #fff7e6;
            border-color: #ffd591;
        }

        .ant-tag>.anticon+span,
        .ant-tag>span+.anticon {
            margin-left: 7px;
        }

        .ant-tag.ant-tag-rtl {
            margin-right: 0;
            margin-left: 8px;
            direction: rtl;
            text-align: right;
        }

        .ant-tag-rtl .ant-tag-close-icon {
            margin-right: 3px;
            margin-left: 0;
        }

        .ant-tag-rtl.ant-tag>.anticon+span,
        .ant-tag-rtl.ant-tag>span+.anticon {
            margin-right: 7px;
            margin-left: 0;
        }

        .ant-timeline {
            box-sizing: border-box;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            font-feature-settings: 'tnum';
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ant-timeline-item {
            position: relative;
            margin: 0;
            padding-bottom: 20px;
            font-size: 14px;
            list-style: none;
        }

        .ant-timeline-item-tail {
            position: absolute;
            top: 10px;
            left: 4px;
            height: calc(100% - 10px);
            border-left: 2px solid #f0f0f0;
        }

        .ant-timeline-item-pending .ant-timeline-item-head {
            font-size: 12px;
            background-color: transparent;
        }

        .ant-timeline-item-pending .ant-timeline-item-tail {
            display: none;
        }

        .ant-timeline-item-head {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border: 2px solid transparent;
            border-radius: 100px;
        }

        .ant-timeline-item-head-blue {
            color: #4c65ff;
            border-color: #4c65ff;
        }

        .ant-timeline-item-head-red {
            color: #f24822;
            border-color: #f24822;
        }

        .ant-timeline-item-head-green {
            color: #52c41a;
            border-color: #52c41a;
        }

        .ant-timeline-item-head-gray {
            color: rgba(0, 0, 0, 0.25);
            border-color: rgba(0, 0, 0, 0.25);
        }

        .ant-timeline-item-head-custom {
            position: absolute;
            top: 5.5px;
            left: 5px;
            width: auto;
            height: auto;
            margin-top: 0;
            padding: 3px 1px;
            line-height: 1;
            text-align: center;
            border: 0;
            border-radius: 0;
            transform: translate(-50%, -50%);
        }

        .ant-timeline-item-content {
            position: relative;
            top: -7.001px;
            margin: 0 0 0 26px;
            word-break: break-word;
        }

        .ant-timeline-item-last>.ant-timeline-item-tail {
            display: none;
        }

        .ant-timeline-item-last>.ant-timeline-item-content {
            min-height: 48px;
        }

        .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
        .ant-timeline.ant-timeline-right .ant-timeline-item-tail,
        .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
        .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
        .ant-timeline.ant-timeline-right .ant-timeline-item-head,
        .ant-timeline.ant-timeline-label .ant-timeline-item-head,
        .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
        .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
        .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
            left: 50%;
        }

        .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
        .ant-timeline.ant-timeline-right .ant-timeline-item-head,
        .ant-timeline.ant-timeline-label .ant-timeline-item-head {
            margin-left: -4px;
        }

        .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
        .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
        .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
            margin-left: 1px;
        }

        .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
        .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
        .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
            left: calc(50% - 4px);
            width: calc(50% - 14px);
            text-align: left;
        }

        .ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
        .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
        .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
            width: calc(50% - 12px);
            margin: 0;
            text-align: right;
        }

        .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
        .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
        .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
            left: calc(100% - 4px - 2px);
        }

        .ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
            width: calc(100% - 18px);
        }

        .ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
            display: block;
            height: calc(100% - 14px);
            border-left: 2px dotted #f0f0f0;
        }

        .ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
            display: none;
        }

        .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
            top: 15px;
            display: block;
            height: calc(100% - 15px);
            border-left: 2px dotted #f0f0f0;
        }

        .ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
            min-height: 48px;
        }

        .ant-timeline.ant-timeline-label .ant-timeline-item-label {
            position: absolute;
            top: -7.001px;
            width: calc(50% - 12px);
            text-align: right;
        }

        .ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
            left: calc(50% + 14px);
            width: calc(50% - 14px);
            text-align: left;
        }

        .ant-timeline-rtl {
            direction: rtl;
        }

        .ant-timeline-rtl .ant-timeline-item-tail {
            right: 4px;
            left: auto;
            border-right: 2px solid #f0f0f0;
            border-left: none;
        }

        .ant-timeline-rtl .ant-timeline-item-head-custom {
            right: 5px;
            left: auto;
            transform: translate(50%, -50%);
        }

        .ant-timeline-rtl .ant-timeline-item-content {
            margin: 0 18px 0 0;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,
        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,
        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
            right: 50%;
            left: auto;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head {
            margin-right: -4px;
            margin-left: 0;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
            margin-right: 1px;
            margin-left: 0;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
            right: calc(50% - 4px);
            left: auto;
            text-align: right;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content,
        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content {
            text-align: left;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
            right: 0;
            left: auto;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
            width: 100%;
            margin-right: 18px;
            text-align: right;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
            border-right: 2px dotted #f0f0f0;
            border-left: none;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
            border-right: 2px dotted #f0f0f0;
            border-left: none;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label {
            text-align: left;
        }

        .ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label {
            right: calc(50% + 14px);
            text-align: right;
        }

        .ant-tooltip {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: absolute;
            z-index: 1070;
            display: block;
            max-width: 250px;
            visibility: visible;
        }

        .ant-tooltip-hidden {
            display: none;
        }

        .ant-tooltip-placement-top,
        .ant-tooltip-placement-topLeft,
        .ant-tooltip-placement-topRight {
            padding-bottom: 8px;
        }

        .ant-tooltip-placement-right,
        .ant-tooltip-placement-rightTop,
        .ant-tooltip-placement-rightBottom {
            padding-left: 8px;
        }

        .ant-tooltip-placement-bottom,
        .ant-tooltip-placement-bottomLeft,
        .ant-tooltip-placement-bottomRight {
            padding-top: 8px;
        }

        .ant-tooltip-placement-left,
        .ant-tooltip-placement-leftTop,
        .ant-tooltip-placement-leftBottom {
            padding-right: 8px;
        }

        .ant-tooltip-inner {
            min-width: 30px;
            min-height: 32px;
            padding: 6px 8px;
            color: #fff;
            text-align: left;
            text-decoration: none;
            word-wrap: break-word;
            background-color: rgba(0, 0, 0, 0.75);
            border-radius: 2px;
            box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        }

        .ant-tooltip-arrow {
            position: absolute;
            display: block;
            width: 13.07106781px;
            height: 13.07106781px;
            overflow: hidden;
            background: transparent;
            pointer-events: none;
        }

        .ant-tooltip-arrow-content {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            display: block;
            width: 5px;
            height: 5px;
            margin: auto;
            background-color: rgba(0, 0, 0, 0.75);
            content: '';
            pointer-events: auto;
        }

        .ant-tooltip-placement-top .ant-tooltip-arrow,
        .ant-tooltip-placement-topLeft .ant-tooltip-arrow,
        .ant-tooltip-placement-topRight .ant-tooltip-arrow {
            bottom: -5.07106781px;
        }

        .ant-tooltip-placement-top .ant-tooltip-arrow-content,
        .ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
        .ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
            box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
            transform: translateY(-6.53553391px) rotate(45deg);
        }

        .ant-tooltip-placement-top .ant-tooltip-arrow {
            left: 50%;
            transform: translateX(-50%);
        }

        .ant-tooltip-placement-topLeft .ant-tooltip-arrow {
            left: 13px;
        }

        .ant-tooltip-placement-topRight .ant-tooltip-arrow {
            right: 13px;
        }

        .ant-tooltip-placement-right .ant-tooltip-arrow,
        .ant-tooltip-placement-rightTop .ant-tooltip-arrow,
        .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
            left: -5.07106781px;
        }

        .ant-tooltip-placement-right .ant-tooltip-arrow-content,
        .ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
        .ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
            box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
            transform: translateX(6.53553391px) rotate(45deg);
        }

        .ant-tooltip-placement-right .ant-tooltip-arrow {
            top: 50%;
            transform: translateY(-50%);
        }

        .ant-tooltip-placement-rightTop .ant-tooltip-arrow {
            top: 5px;
        }

        .ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
            bottom: 5px;
        }

        .ant-tooltip-placement-left .ant-tooltip-arrow,
        .ant-tooltip-placement-leftTop .ant-tooltip-arrow,
        .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
            right: -5.07106781px;
        }

        .ant-tooltip-placement-left .ant-tooltip-arrow-content,
        .ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
        .ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
            box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
            transform: translateX(-6.53553391px) rotate(45deg);
        }

        .ant-tooltip-placement-left .ant-tooltip-arrow {
            top: 50%;
            transform: translateY(-50%);
        }

        .ant-tooltip-placement-leftTop .ant-tooltip-arrow {
            top: 5px;
        }

        .ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
            bottom: 5px;
        }

        .ant-tooltip-placement-bottom .ant-tooltip-arrow,
        .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
        .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
            top: -5.07106781px;
        }

        .ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
        .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
        .ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
            box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
            transform: translateY(6.53553391px) rotate(45deg);
        }

        .ant-tooltip-placement-bottom .ant-tooltip-arrow {
            left: 50%;
            transform: translateX(-50%);
        }

        .ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
            left: 13px;
        }

        .ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
            right: 13px;
        }

        .ant-tooltip-pink .ant-tooltip-inner {
            background-color: #eb2f96;
        }

        .ant-tooltip-pink .ant-tooltip-arrow-content {
            background-color: #eb2f96;
        }

        .ant-tooltip-magenta .ant-tooltip-inner {
            background-color: #eb2f96;
        }

        .ant-tooltip-magenta .ant-tooltip-arrow-content {
            background-color: #eb2f96;
        }

        .ant-tooltip-red .ant-tooltip-inner {
            background-color: #f5222d;
        }

        .ant-tooltip-red .ant-tooltip-arrow-content {
            background-color: #f5222d;
        }

        .ant-tooltip-volcano .ant-tooltip-inner {
            background-color: #fa541c;
        }

        .ant-tooltip-volcano .ant-tooltip-arrow-content {
            background-color: #fa541c;
        }

        .ant-tooltip-orange .ant-tooltip-inner {
            background-color: #fa8c16;
        }

        .ant-tooltip-orange .ant-tooltip-arrow-content {
            background-color: #fa8c16;
        }

        .ant-tooltip-yellow .ant-tooltip-inner {
            background-color: #fadb14;
        }

        .ant-tooltip-yellow .ant-tooltip-arrow-content {
            background-color: #fadb14;
        }

        .ant-tooltip-gold .ant-tooltip-inner {
            background-color: #faad14;
        }

        .ant-tooltip-gold .ant-tooltip-arrow-content {
            background-color: #faad14;
        }

        .ant-tooltip-cyan .ant-tooltip-inner {
            background-color: #13c2c2;
        }

        .ant-tooltip-cyan .ant-tooltip-arrow-content {
            background-color: #13c2c2;
        }

        .ant-tooltip-lime .ant-tooltip-inner {
            background-color: #a0d911;
        }

        .ant-tooltip-lime .ant-tooltip-arrow-content {
            background-color: #a0d911;
        }

        .ant-tooltip-green .ant-tooltip-inner {
            background-color: #52c41a;
        }

        .ant-tooltip-green .ant-tooltip-arrow-content {
            background-color: #52c41a;
        }

        .ant-tooltip-blue .ant-tooltip-inner {
            background-color: #1890ff;
        }

        .ant-tooltip-blue .ant-tooltip-arrow-content {
            background-color: #1890ff;
        }

        .ant-tooltip-geekblue .ant-tooltip-inner {
            background-color: #2f54eb;
        }

        .ant-tooltip-geekblue .ant-tooltip-arrow-content {
            background-color: #2f54eb;
        }

        .ant-tooltip-purple .ant-tooltip-inner {
            background-color: #722ed1;
        }

        .ant-tooltip-purple .ant-tooltip-arrow-content {
            background-color: #722ed1;
        }

        .ant-tooltip-rtl {
            direction: rtl;
        }

        .ant-tooltip-rtl .ant-tooltip-inner {
            text-align: right;
        }

        .ant-transfer-customize-list .ant-transfer-list {
            flex: 1 1 50%;
            width: auto;
            height: auto;
            min-height: 200px;
        }

        .ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
            border: 0;
            border-radius: 0;
        }

        .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th {
            background: #fafafa;
        }

        .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td {
            border-bottom: 1px solid #f0f0f0;
        }

        .ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
            margin: 0;
        }

        .ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
            margin: 16px 0 4px;
        }

        .ant-transfer-customize-list .ant-input[disabled] {
            background-color: transparent;
        }

        .ant-transfer {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            display: flex;
            align-items: stretch;
        }

        .ant-transfer-disabled .ant-transfer-list {
            background: #f5f5f5;
        }

        .ant-transfer-list {
            display: flex;
            flex-direction: column;
            width: 180px;
            height: 200px;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
        }

        .ant-transfer-list-with-pagination {
            width: 250px;
            height: auto;
        }

        .ant-transfer-list-search {
            padding-right: 24px;
            padding-left: 8px;
        }

        .ant-transfer-list-search-action {
            position: absolute;
            top: 12px;
            right: 12px;
            bottom: 12px;
            width: 28px;
            color: rgba(0, 0, 0, 0.25);
            line-height: 32px;
            text-align: center;
        }

        .ant-transfer-list-search-action .anticon {
            color: rgba(0, 0, 0, 0.25);
            transition: all 0.3s;
        }

        .ant-transfer-list-search-action .anticon:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        span.ant-transfer-list-search-action {
            pointer-events: none;
        }

        .ant-transfer-list-header {
            display: flex;
            flex: none;
            align-items: center;
            height: 40px;
            padding: 8px 12px 9px;
            color: rgba(0, 0, 0, 0.85);
            background: #fff;
            border-bottom: 1px solid #f0f0f0;
            border-radius: 2px 2px 0 0;
        }

        .ant-transfer-list-header>*:not(:last-child) {
            margin-right: 4px;
        }

        .ant-transfer-list-header>* {
            flex: none;
        }

        .ant-transfer-list-header-title {
            flex: auto;
            overflow: hidden;
            white-space: nowrap;
            text-align: right;
            text-overflow: ellipsis;
        }

        .ant-transfer-list-header-dropdown {
            font-size: 10px;
            transform: translateY(10%);
            cursor: pointer;
        }

        .ant-transfer-list-header-dropdown[disabled] {
            cursor: not-allowed;
        }

        .ant-transfer-list-body {
            display: flex;
            flex: auto;
            flex-direction: column;
            overflow: hidden;
            font-size: 14px;
        }

        .ant-transfer-list-body-search-wrapper {
            position: relative;
            flex: none;
            padding: 12px;
        }

        .ant-transfer-list-content {
            flex: auto;
            margin: 0;
            padding: 0;
            overflow: auto;
            list-style: none;
        }

        .ant-transfer-list-content-item {
            display: flex;
            align-items: center;
            min-height: 32px;
            padding: 6px 12px;
            line-height: 20px;
            transition: all 0.3s;
        }

        .ant-transfer-list-content-item>*:not(:last-child) {
            margin-right: 8px;
        }

        .ant-transfer-list-content-item>* {
            flex: none;
        }

        .ant-transfer-list-content-item-text {
            flex: auto;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-transfer-list-content-item-remove {
            color: #4c65ff;
            text-decoration: none;
            outline: none;
            cursor: pointer;
            transition: color 0.3s;
            position: relative;
            color: #d9d9d9;
        }

        .ant-transfer-list-content-item-remove:focus,
        .ant-transfer-list-content-item-remove:hover {
            color: #758cff;
        }

        .ant-transfer-list-content-item-remove:active {
            color: #3646d9;
        }

        .ant-transfer-list-content-item-remove::after {
            position: absolute;
            top: -6px;
            right: -50%;
            bottom: -6px;
            left: -50%;
            content: '';
        }

        .ant-transfer-list-content-item-remove:hover {
            color: #758cff;
        }

        .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
            background-color: #f5f5f5;
            cursor: pointer;
        }

        .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover {
            background-color: #e6edff;
        }

        .ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
            background: transparent;
            cursor: default;
        }

        .ant-transfer-list-content-item-checked {
            background-color: #f0f4ff;
        }

        .ant-transfer-list-content-item-disabled {
            color: white;
            cursor: not-allowed;
        }

        .ant-transfer-list-pagination {
            padding: 8px 0;
            text-align: right;
            border-top: 1px solid #f0f0f0;
        }

        .ant-transfer-list-body-not-found {
            flex: none;
            width: 100%;
            margin: auto 0;
            color: rgba(0, 0, 0, 0.25);
            text-align: center;
        }

        .ant-transfer-list-footer {
            border-top: 1px solid #f0f0f0;
        }

        .ant-transfer-operation {
            display: flex;
            flex: none;
            flex-direction: column;
            align-self: center;
            margin: 0 8px;
            vertical-align: middle;
        }

        .ant-transfer-operation .ant-btn {
            display: block;
        }

        .ant-transfer-operation .ant-btn:first-child {
            margin-bottom: 4px;
        }

        .ant-transfer-operation .ant-btn .anticon {
            font-size: 12px;
        }

        .ant-transfer .ant-empty-image {
            max-height: -2px;
        }

        .ant-transfer-rtl {
            direction: rtl;
        }

        .ant-transfer-rtl .ant-transfer-list-search {
            padding-right: 8px;
            padding-left: 24px;
        }

        .ant-transfer-rtl .ant-transfer-list-search-action {
            right: auto;
            left: 12px;
        }

        .ant-transfer-rtl .ant-transfer-list-header>*:not(:last-child) {
            margin-right: 0;
            margin-left: 4px;
        }

        .ant-transfer-rtl .ant-transfer-list-header {
            right: 0;
            left: auto;
        }

        .ant-transfer-rtl .ant-transfer-list-header-title {
            text-align: left;
        }

        .ant-transfer-rtl .ant-transfer-list-content-item>*:not(:last-child) {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-transfer-rtl .ant-transfer-list-pagination {
            text-align: left;
        }

        .ant-transfer-rtl .ant-transfer-list-footer {
            right: 0;
            left: auto;
        }

        .ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before {
            top: auto !important;
            bottom: auto !important;
            height: 14px !important;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode {
            position: relative;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode::before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 4px;
            left: 0;
            transition: background-color 0.3s;
            content: '';
            pointer-events: none;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode:hover::before {
            background: #f5f5f5;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode>* {
            z-index: 1;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher {
            transition: color 0.3s;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper {
            border-radius: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
            background: transparent;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
            color: #fff;
            background: transparent;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before,
        .ant-tree.ant-tree-directory .ant-tree-treenode-selected::before {
            background: #4c65ff;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
            color: #fff;
        }

        .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper {
            color: #fff;
            background: transparent;
        }

        .ant-tree-checkbox {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            top: 0.2em;
            line-height: 1;
            white-space: nowrap;
            outline: none;
            cursor: pointer;
        }

        .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
        .ant-tree-checkbox:hover .ant-tree-checkbox-inner,
        .ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner {
            border-color: #4c65ff;
        }

        .ant-tree-checkbox-checked::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid #4c65ff;
            border-radius: 2px;
            visibility: hidden;
            animation: antCheckboxEffect 0.36s ease-in-out;
            animation-fill-mode: backwards;
            content: '';
        }

        .ant-tree-checkbox:hover::after,
        .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
            visibility: visible;
        }

        .ant-tree-checkbox-inner {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            width: 16px;
            height: 16px;
            direction: ltr;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            border-collapse: separate;
            transition: all 0.3s;
        }

        .ant-tree-checkbox-inner::after {
            position: absolute;
            top: 50%;
            left: 22%;
            display: table;
            width: 5.71428571px;
            height: 9.14285714px;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(0) translate(-50%, -50%);
            opacity: 0;
            transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
            content: ' ';
        }

        .ant-tree-checkbox-input {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0;
        }

        .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
            position: absolute;
            display: table;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(1) translate(-50%, -50%);
            opacity: 1;
            transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
            content: ' ';
        }

        .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
            background-color: #4c65ff;
            border-color: #4c65ff;
        }

        .ant-tree-checkbox-disabled {
            cursor: not-allowed;
        }

        .ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
            border-color: rgba(0, 0, 0, 0.25);
            animation-name: none;
        }

        .ant-tree-checkbox-disabled .ant-tree-checkbox-input {
            cursor: not-allowed;
        }

        .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
            background-color: #f5f5f5;
            border-color: #d9d9d9 !important;
        }

        .ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
            border-color: #f5f5f5;
            border-collapse: separate;
            animation-name: none;
        }

        .ant-tree-checkbox-disabled+span {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-tree-checkbox-disabled:hover::after,
        .ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
            visibility: hidden;
        }

        .ant-tree-checkbox-wrapper {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-flex;
            align-items: baseline;
            line-height: unset;
            cursor: pointer;
        }

        .ant-tree-checkbox-wrapper::after {
            display: inline-block;
            width: 0;
            overflow: hidden;
            content: '\a0';
        }

        .ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
            cursor: not-allowed;
        }

        .ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper {
            margin-left: 8px;
        }

        .ant-tree-checkbox+span {
            padding-right: 8px;
            padding-left: 8px;
        }

        .ant-tree-checkbox-group {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-block;
        }

        .ant-tree-checkbox-group-item {
            margin-right: 8px;
        }

        .ant-tree-checkbox-group-item:last-child {
            margin-right: 0;
        }

        .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item {
            margin-left: 0;
        }

        .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
            background-color: #fff;
            border-color: #d9d9d9;
        }

        .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            background-color: #4c65ff;
            border: 0;
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
            content: ' ';
        }

        .ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
            background-color: rgba(0, 0, 0, 0.25);
            border-color: rgba(0, 0, 0, 0.25);
        }

        .ant-tree-checkbox-rtl {
            direction: rtl;
        }

        .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child {
            margin-left: 0 !important;
        }

        .ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item {
            margin-left: 8px;
        }

        .ant-tree {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            background: #fff;
            border-radius: 2px;
            transition: background-color 0.3s;
        }

        .ant-tree-focused:not(:hover):not(.ant-tree-active-focused) {
            background: #f0f4ff;
        }

        .ant-tree-list-holder-inner {
            align-items: flex-start;
        }

        .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner {
            align-items: stretch;
        }

        .ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper {
            flex: auto;
        }

        .ant-tree .ant-tree-treenode {
            display: flex;
            align-items: flex-start;
            padding: 0 0 4px 0;
            outline: none;
        }

        .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover {
            background: transparent;
        }

        .ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper {
            background: #f5f5f5;
        }

        .ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title {
            color: inherit;
            font-weight: 500;
        }

        .ant-tree-indent {
            align-self: stretch;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-tree-indent-unit {
            display: inline-block;
            width: 24px;
        }

        .ant-tree-switcher {
            position: relative;
            flex: none;
            align-self: stretch;
            width: 24px;
            margin: 0;
            line-height: 24px;
            text-align: center;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-tree-switcher .ant-tree-switcher-icon,
        .ant-tree-switcher .ant-select-tree-switcher-icon {
            display: inline-block;
            font-size: 10px;
            vertical-align: baseline;
        }

        .ant-tree-switcher .ant-tree-switcher-icon svg,
        .ant-tree-switcher .ant-select-tree-switcher-icon svg {
            transition: transform 0.3s;
        }

        .ant-tree-switcher-noop {
            cursor: default;
        }

        .ant-tree-switcher_close .ant-tree-switcher-icon svg {
            transform: rotate(-90deg);
        }

        .ant-tree-switcher-loading-icon {
            color: #4c65ff;
        }

        .ant-tree-switcher-leaf-line {
            position: relative;
            z-index: 1;
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .ant-tree-switcher-leaf-line::before {
            position: absolute;
            top: 0;
            bottom: -4px;
            margin-left: -1px;
            border-left: 1px solid #d9d9d9;
            content: ' ';
        }

        .ant-tree-switcher-leaf-line::after {
            position: absolute;
            width: 10px;
            height: 14px;
            margin-left: -1px;
            border-bottom: 1px solid #d9d9d9;
            content: ' ';
        }

        .ant-tree-checkbox {
            top: initial;
            margin: 4px 8px 0 0;
        }

        .ant-tree .ant-tree-node-content-wrapper {
            position: relative;
            z-index: auto;
            min-height: 24px;
            margin: 0;
            padding: 0 4px;
            color: inherit;
            line-height: 24px;
            background: transparent;
            border-radius: 2px;
            cursor: pointer;
            transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
        }

        .ant-tree .ant-tree-node-content-wrapper:hover {
            background-color: #f5f5f5;
        }

        .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
            background-color: #f0f4ff;
        }

        .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle {
            display: inline-block;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            vertical-align: top;
        }

        .ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty {
            display: none;
        }

        .ant-tree-unselectable .ant-tree-node-content-wrapper:hover {
            background-color: transparent;
        }

        .ant-tree-node-content-wrapper[draggable='true'] {
            line-height: 24px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
            position: absolute;
            z-index: 1;
            height: 2px;
            background-color: #4c65ff;
            border-radius: 1px;
            pointer-events: none;
        }

        .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
            position: absolute;
            top: -3px;
            left: -6px;
            width: 8px;
            height: 8px;
            background-color: transparent;
            border: 2px solid #4c65ff;
            border-radius: 50%;
            content: '';
        }

        .ant-tree .ant-tree-treenode.drop-container>[draggable] {
            box-shadow: 0 0 0 2px #4c65ff;
        }

        .ant-tree-show-line .ant-tree-indent-unit {
            position: relative;
            height: 100%;
        }

        .ant-tree-show-line .ant-tree-indent-unit::before {
            position: absolute;
            top: 0;
            right: 12px;
            bottom: -4px;
            border-right: 1px solid #d9d9d9;
            content: '';
        }

        .ant-tree-show-line .ant-tree-indent-unit-end::before {
            display: none;
        }

        .ant-tree-show-line .ant-tree-switcher {
            background: #fff;
        }

        .ant-tree-show-line .ant-tree-switcher-line-icon {
            vertical-align: -0.225em;
        }

        .ant-tree-rtl {
            direction: rtl;
        }

        .ant-tree-rtl .ant-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
            right: -6px;
            left: unset;
        }

        .ant-tree .ant-tree-treenode-rtl {
            direction: rtl;
        }

        .ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg {
            transform: rotate(90deg);
        }

        .ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before {
            right: auto;
            left: -13px;
            border-right: none;
            border-left: 1px solid #d9d9d9;
        }

        .ant-tree-rtl.ant-tree-checkbox {
            margin: 4px 0 0 8px;
        }

        .ant-tree-select-dropdown-rtl .ant-select-tree-checkbox {
            margin: 4px 0 0 8px;
        }

        .ant-select-tree-checkbox {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            position: relative;
            top: 0.2em;
            line-height: 1;
            white-space: nowrap;
            outline: none;
            cursor: pointer;
        }

        .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
        .ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
        .ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner {
            border-color: #4c65ff;
        }

        .ant-select-tree-checkbox-checked::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 1px solid #4c65ff;
            border-radius: 2px;
            visibility: hidden;
            animation: antCheckboxEffect 0.36s ease-in-out;
            animation-fill-mode: backwards;
            content: '';
        }

        .ant-select-tree-checkbox:hover::after,
        .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
            visibility: visible;
        }

        .ant-select-tree-checkbox-inner {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            width: 16px;
            height: 16px;
            direction: ltr;
            background-color: #fff;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
            border-collapse: separate;
            transition: all 0.3s;
        }

        .ant-select-tree-checkbox-inner::after {
            position: absolute;
            top: 50%;
            left: 22%;
            display: table;
            width: 5.71428571px;
            height: 9.14285714px;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(0) translate(-50%, -50%);
            opacity: 0;
            transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
            content: ' ';
        }

        .ant-select-tree-checkbox-input {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            cursor: pointer;
            opacity: 0;
        }

        .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
            position: absolute;
            display: table;
            border: 2px solid #fff;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg) scale(1) translate(-50%, -50%);
            opacity: 1;
            transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
            content: ' ';
        }

        .ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
            background-color: #4c65ff;
            border-color: #4c65ff;
        }

        .ant-select-tree-checkbox-disabled {
            cursor: not-allowed;
        }

        .ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
            border-color: rgba(0, 0, 0, 0.25);
            animation-name: none;
        }

        .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
            cursor: not-allowed;
        }

        .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
            background-color: #f5f5f5;
            border-color: #d9d9d9 !important;
        }

        .ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
            border-color: #f5f5f5;
            border-collapse: separate;
            animation-name: none;
        }

        .ant-select-tree-checkbox-disabled+span {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-select-tree-checkbox-disabled:hover::after,
        .ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
            visibility: hidden;
        }

        .ant-select-tree-checkbox-wrapper {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-flex;
            align-items: baseline;
            line-height: unset;
            cursor: pointer;
        }

        .ant-select-tree-checkbox-wrapper::after {
            display: inline-block;
            width: 0;
            overflow: hidden;
            content: '\a0';
        }

        .ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
            cursor: not-allowed;
        }

        .ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper {
            margin-left: 8px;
        }

        .ant-select-tree-checkbox+span {
            padding-right: 8px;
            padding-left: 8px;
        }

        .ant-select-tree-checkbox-group {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            display: inline-block;
        }

        .ant-select-tree-checkbox-group-item {
            margin-right: 8px;
        }

        .ant-select-tree-checkbox-group-item:last-child {
            margin-right: 0;
        }

        .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item {
            margin-left: 0;
        }

        .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
            background-color: #fff;
            border-color: #d9d9d9;
        }

        .ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
            top: 50%;
            left: 50%;
            width: 8px;
            height: 8px;
            background-color: #4c65ff;
            border: 0;
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
            content: ' ';
        }

        .ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
            background-color: rgba(0, 0, 0, 0.25);
            border-color: rgba(0, 0, 0, 0.25);
        }

        .ant-select-tree-checkbox-rtl {
            direction: rtl;
        }

        .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item {
            margin-right: 0;
            margin-left: 8px;
        }

        .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child {
            margin-left: 0 !important;
        }

        .ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item {
            margin-left: 8px;
        }

        .ant-tree-select-dropdown {
            padding: 8px 4px 0;
        }

        .ant-tree-select-dropdown-rtl {
            direction: rtl;
        }

        .ant-tree-select-dropdown .ant-select-tree {
            border-radius: 0;
        }

        .ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
            align-items: stretch;
        }

        .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode {
            padding-bottom: 8px;
        }

        .ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
            flex: auto;
        }

        .ant-select-tree {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            background: #fff;
            border-radius: 2px;
            transition: background-color 0.3s;
        }

        .ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
            background: #f0f4ff;
        }

        .ant-select-tree-list-holder-inner {
            align-items: flex-start;
        }

        .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
            align-items: stretch;
        }

        .ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
            flex: auto;
        }

        .ant-select-tree .ant-select-tree-treenode {
            display: flex;
            align-items: flex-start;
            padding: 0 0 4px 0;
            outline: none;
        }

        .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        .ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
            background: transparent;
        }

        .ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
            background: #f5f5f5;
        }

        .ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
            color: inherit;
            font-weight: 500;
        }

        .ant-select-tree-indent {
            align-self: stretch;
            white-space: nowrap;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-select-tree-indent-unit {
            display: inline-block;
            width: 24px;
        }

        .ant-select-tree-switcher {
            position: relative;
            flex: none;
            align-self: stretch;
            width: 24px;
            margin: 0;
            line-height: 24px;
            text-align: center;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-select-tree-switcher .ant-tree-switcher-icon,
        .ant-select-tree-switcher .ant-select-tree-switcher-icon {
            display: inline-block;
            font-size: 10px;
            vertical-align: baseline;
        }

        .ant-select-tree-switcher .ant-tree-switcher-icon svg,
        .ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
            transition: transform 0.3s;
        }

        .ant-select-tree-switcher-noop {
            cursor: default;
        }

        .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
            transform: rotate(-90deg);
        }

        .ant-select-tree-switcher-loading-icon {
            color: #4c65ff;
        }

        .ant-select-tree-switcher-leaf-line {
            position: relative;
            z-index: 1;
            display: inline-block;
            width: 100%;
            height: 100%;
        }

        .ant-select-tree-switcher-leaf-line::before {
            position: absolute;
            top: 0;
            bottom: -4px;
            margin-left: -1px;
            border-left: 1px solid #d9d9d9;
            content: ' ';
        }

        .ant-select-tree-switcher-leaf-line::after {
            position: absolute;
            width: 10px;
            height: 14px;
            margin-left: -1px;
            border-bottom: 1px solid #d9d9d9;
            content: ' ';
        }

        .ant-select-tree-checkbox {
            top: initial;
            margin: 4px 8px 0 0;
        }

        .ant-select-tree .ant-select-tree-node-content-wrapper {
            position: relative;
            z-index: auto;
            min-height: 24px;
            margin: 0;
            padding: 0 4px;
            color: inherit;
            line-height: 24px;
            background: transparent;
            border-radius: 2px;
            cursor: pointer;
            transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
        }

        .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
            background-color: #f5f5f5;
        }

        .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
            background-color: #f0f4ff;
        }

        .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
            display: inline-block;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            vertical-align: top;
        }

        .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
            display: none;
        }

        .ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
            background-color: transparent;
        }

        .ant-select-tree-node-content-wrapper[draggable='true'] {
            line-height: 24px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator {
            position: absolute;
            z-index: 1;
            height: 2px;
            background-color: #4c65ff;
            border-radius: 1px;
            pointer-events: none;
        }

        .ant-select-tree-node-content-wrapper[draggable='true'] .ant-tree-drop-indicator::after {
            position: absolute;
            top: -3px;
            left: -6px;
            width: 8px;
            height: 8px;
            background-color: transparent;
            border: 2px solid #4c65ff;
            border-radius: 50%;
            content: '';
        }

        .ant-select-tree .ant-select-tree-treenode.drop-container>[draggable] {
            box-shadow: 0 0 0 2px #4c65ff;
        }

        .ant-select-tree-show-line .ant-select-tree-indent-unit {
            position: relative;
            height: 100%;
        }

        .ant-select-tree-show-line .ant-select-tree-indent-unit::before {
            position: absolute;
            top: 0;
            right: 12px;
            bottom: -4px;
            border-right: 1px solid #d9d9d9;
            content: '';
        }

        .ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
            display: none;
        }

        .ant-select-tree-show-line .ant-select-tree-switcher {
            background: #fff;
        }

        .ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
            vertical-align: -0.225em;
        }

        .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
            transform: rotate(90deg);
        }

        .ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
            transform: scaleY(-1);
        }

        .ant-typography {
            color: rgba(0, 0, 0, 0.85);
            overflow-wrap: break-word;
        }

        .ant-typography.ant-typography-secondary {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-typography.ant-typography-success {
            color: #52c41a;
        }

        .ant-typography.ant-typography-warning {
            color: #faad14;
        }

        .ant-typography.ant-typography-danger {
            color: #f24822;
        }

        a.ant-typography.ant-typography-danger:active,
        a.ant-typography.ant-typography-danger:focus,
        a.ant-typography.ant-typography-danger:hover {
            color: #ff734d;
        }

        .ant-typography.ant-typography-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        div.ant-typography,
        .ant-typography p {
            margin-bottom: 1em;
        }

        h1.ant-typography,
        .ant-typography h1 {
            margin-bottom: 0.5em;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            font-size: 38px;
            line-height: 1.23;
        }

        h2.ant-typography,
        .ant-typography h2 {
            margin-bottom: 0.5em;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            font-size: 30px;
            line-height: 1.35;
        }

        h3.ant-typography,
        .ant-typography h3 {
            margin-bottom: 0.5em;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            font-size: 24px;
            line-height: 1.35;
        }

        h4.ant-typography,
        .ant-typography h4 {
            margin-bottom: 0.5em;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            font-size: 20px;
            line-height: 1.4;
        }

        h5.ant-typography,
        .ant-typography h5 {
            margin-bottom: 0.5em;
            color: rgba(0, 0, 0, 0.85);
            font-weight: 600;
            font-size: 16px;
            line-height: 1.5;
        }

        .ant-typography+h1.ant-typography,
        .ant-typography+h2.ant-typography,
        .ant-typography+h3.ant-typography,
        .ant-typography+h4.ant-typography,
        .ant-typography+h5.ant-typography {
            margin-top: 1.2em;
        }

        .ant-typography div+h1,
        .ant-typography ul+h1,
        .ant-typography li+h1,
        .ant-typography p+h1,
        .ant-typography h1+h1,
        .ant-typography h2+h1,
        .ant-typography h3+h1,
        .ant-typography h4+h1,
        .ant-typography h5+h1,
        .ant-typography div+h2,
        .ant-typography ul+h2,
        .ant-typography li+h2,
        .ant-typography p+h2,
        .ant-typography h1+h2,
        .ant-typography h2+h2,
        .ant-typography h3+h2,
        .ant-typography h4+h2,
        .ant-typography h5+h2,
        .ant-typography div+h3,
        .ant-typography ul+h3,
        .ant-typography li+h3,
        .ant-typography p+h3,
        .ant-typography h1+h3,
        .ant-typography h2+h3,
        .ant-typography h3+h3,
        .ant-typography h4+h3,
        .ant-typography h5+h3,
        .ant-typography div+h4,
        .ant-typography ul+h4,
        .ant-typography li+h4,
        .ant-typography p+h4,
        .ant-typography h1+h4,
        .ant-typography h2+h4,
        .ant-typography h3+h4,
        .ant-typography h4+h4,
        .ant-typography h5+h4,
        .ant-typography div+h5,
        .ant-typography ul+h5,
        .ant-typography li+h5,
        .ant-typography p+h5,
        .ant-typography h1+h5,
        .ant-typography h2+h5,
        .ant-typography h3+h5,
        .ant-typography h4+h5,
        .ant-typography h5+h5 {
            margin-top: 1.2em;
        }

        a.ant-typography-ellipsis,
        span.ant-typography-ellipsis {
            display: inline-block;
        }

        a.ant-typography,
        .ant-typography a {
            color: #4c65ff;
            outline: none;
            cursor: pointer;
            transition: color 0.3s;
            text-decoration: none;
        }

        a.ant-typography:focus,
        .ant-typography a:focus,
        a.ant-typography:hover,
        .ant-typography a:hover {
            color: #758cff;
        }

        a.ant-typography:active,
        .ant-typography a:active {
            color: #3646d9;
        }

        a.ant-typography:active,
        .ant-typography a:active,
        a.ant-typography:hover,
        .ant-typography a:hover {
            text-decoration: none;
        }

        a.ant-typography[disabled],
        .ant-typography a[disabled],
        a.ant-typography.ant-typography-disabled,
        .ant-typography a.ant-typography-disabled {
            color: rgba(0, 0, 0, 0.25);
            cursor: not-allowed;
        }

        a.ant-typography[disabled]:active,
        .ant-typography a[disabled]:active,
        a.ant-typography.ant-typography-disabled:active,
        .ant-typography a.ant-typography-disabled:active,
        a.ant-typography[disabled]:hover,
        .ant-typography a[disabled]:hover,
        a.ant-typography.ant-typography-disabled:hover,
        .ant-typography a.ant-typography-disabled:hover {
            color: rgba(0, 0, 0, 0.25);
        }

        a.ant-typography[disabled]:active,
        .ant-typography a[disabled]:active,
        a.ant-typography.ant-typography-disabled:active,
        .ant-typography a.ant-typography-disabled:active {
            pointer-events: none;
        }

        .ant-typography code {
            margin: 0 0.2em;
            padding: 0.2em 0.4em 0.1em;
            font-size: 85%;
            background: rgba(150, 150, 150, 0.1);
            border: 1px solid rgba(100, 100, 100, 0.2);
            border-radius: 3px;
        }

        .ant-typography kbd {
            margin: 0 0.2em;
            padding: 0.15em 0.4em 0.1em;
            font-size: 90%;
            background: rgba(150, 150, 150, 0.06);
            border: 1px solid rgba(100, 100, 100, 0.2);
            border-bottom-width: 2px;
            border-radius: 3px;
        }

        .ant-typography mark {
            padding: 0;
            background-color: #ffe58f;
        }

        .ant-typography u,
        .ant-typography ins {
            text-decoration: underline;
            -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
        }

        .ant-typography s,
        .ant-typography del {
            text-decoration: line-through;
        }

        .ant-typography strong {
            font-weight: 600;
        }

        .ant-typography-expand,
        .ant-typography-edit,
        .ant-typography-copy {
            color: #4c65ff;
            text-decoration: none;
            outline: none;
            cursor: pointer;
            transition: color 0.3s;
            margin-left: 4px;
        }

        .ant-typography-expand:focus,
        .ant-typography-edit:focus,
        .ant-typography-copy:focus,
        .ant-typography-expand:hover,
        .ant-typography-edit:hover,
        .ant-typography-copy:hover {
            color: #758cff;
        }

        .ant-typography-expand:active,
        .ant-typography-edit:active,
        .ant-typography-copy:active {
            color: #3646d9;
        }

        .ant-typography-copy-success,
        .ant-typography-copy-success:hover,
        .ant-typography-copy-success:focus {
            color: #52c41a;
        }

        .ant-typography-edit-content {
            position: relative;
        }

        div.ant-typography-edit-content {
            left: -12px;
            margin-top: -5px;
            margin-bottom: calc(1em - 4px - 1px);
        }

        .ant-typography-edit-content-confirm {
            position: absolute;
            right: 10px;
            bottom: 8px;
            color: rgba(0, 0, 0, 0.45);
            pointer-events: none;
        }

        .ant-typography-edit-content textarea {
            -moz-transition: none;
        }

        .ant-typography ul,
        .ant-typography ol {
            margin: 0 0 1em 0;
            padding: 0;
        }

        .ant-typography ul li,
        .ant-typography ol li {
            margin: 0 0 0 20px;
            padding: 0 0 0 4px;
        }

        .ant-typography ul {
            list-style-type: circle;
        }

        .ant-typography ul ul {
            list-style-type: disc;
        }

        .ant-typography ol {
            list-style-type: decimal;
        }

        .ant-typography pre,
        .ant-typography blockquote {
            margin: 1em 0;
        }

        .ant-typography pre {
            padding: 0.4em 0.6em;
            white-space: pre-wrap;
            word-wrap: break-word;
            background: rgba(150, 150, 150, 0.1);
            border: 1px solid rgba(100, 100, 100, 0.2);
            border-radius: 3px;
        }

        .ant-typography pre code {
            display: inline;
            margin: 0;
            padding: 0;
            font-size: inherit;
            font-family: inherit;
            background: transparent;
            border: 0;
        }

        .ant-typography blockquote {
            padding: 0 0 0 0.6em;
            border-left: 4px solid rgba(100, 100, 100, 0.2);
            opacity: 0.85;
        }

        .ant-typography-ellipsis-single-line {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        a.ant-typography-ellipsis-single-line,
        span.ant-typography-ellipsis-single-line {
            vertical-align: bottom;
        }

        .ant-typography-ellipsis-multiple-line {
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 3;
            /*! autoprefixer: ignore next */
            -webkit-box-orient: vertical;
        }

        .ant-typography-rtl {
            direction: rtl;
        }

        .ant-typography-rtl .ant-typography-expand,
        .ant-typography-rtl .ant-typography-edit,
        .ant-typography-rtl .ant-typography-copy {
            margin-right: 4px;
            margin-left: 0;
        }

        .ant-typography-rtl .ant-typography-expand {
            float: left;
        }

        div.ant-typography-edit-content.ant-typography-rtl {
            right: -12px;
            left: auto;
        }

        .ant-typography-rtl .ant-typography-edit-content-confirm {
            right: auto;
            left: 10px;
        }

        .ant-typography-rtl.ant-typography ul li,
        .ant-typography-rtl.ant-typography ol li {
            margin: 0 20px 0 0;
            padding: 0 4px 0 0;
        }

        .ant-upload {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            line-height: 1.5715;
            list-style: none;
            font-feature-settings: 'tnum';
            outline: 0;
        }

        .ant-upload p {
            margin: 0;
        }

        .ant-upload-btn {
            display: block;
            width: 100%;
            outline: none;
        }

        .ant-upload input[type='file'] {
            cursor: pointer;
        }

        .ant-upload.ant-upload-select {
            display: inline-block;
        }

        .ant-upload.ant-upload-disabled {
            cursor: not-allowed;
        }

        .ant-upload.ant-upload-select-picture-card {
            width: 104px;
            height: 104px;
            margin-right: 8px;
            margin-bottom: 8px;
            text-align: center;
            vertical-align: top;
            background-color: #fafafa;
            border: 1px dashed #d9d9d9;
            border-radius: 2px;
            cursor: pointer;
            transition: border-color 0.3s;
        }

        .ant-upload.ant-upload-select-picture-card>.ant-upload {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            text-align: center;
        }

        .ant-upload.ant-upload-select-picture-card:hover {
            border-color: #4c65ff;
        }

        .ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover {
            border-color: #d9d9d9;
        }

        .ant-upload.ant-upload-drag {
            position: relative;
            width: 100%;
            height: 100%;
            text-align: center;
            background: #fafafa;
            border: 1px dashed #d9d9d9;
            border-radius: 2px;
            cursor: pointer;
            transition: border-color 0.3s;
        }

        .ant-upload.ant-upload-drag .ant-upload {
            padding: 16px 0;
        }

        .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
            border-color: #3646d9;
        }

        .ant-upload.ant-upload-drag.ant-upload-disabled {
            cursor: not-allowed;
        }

        .ant-upload.ant-upload-drag .ant-upload-btn {
            display: table;
            height: 100%;
        }

        .ant-upload.ant-upload-drag .ant-upload-drag-container {
            display: table-cell;
            vertical-align: middle;
        }

        .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
            border-color: #758cff;
        }

        .ant-upload.ant-upload-drag p.ant-upload-drag-icon {
            margin-bottom: 20px;
        }

        .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
            color: #758cff;
            font-size: 48px;
        }

        .ant-upload.ant-upload-drag p.ant-upload-text {
            margin: 0 0 4px;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
        }

        .ant-upload.ant-upload-drag p.ant-upload-hint {
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }

        .ant-upload.ant-upload-drag .anticon-plus {
            color: rgba(0, 0, 0, 0.25);
            font-size: 30px;
            transition: all 0.3s;
        }

        .ant-upload.ant-upload-drag .anticon-plus:hover {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-upload.ant-upload-drag:hover .anticon-plus {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-upload-picture-card-wrapper {
            display: inline-block;
            width: 100%;
        }

        .ant-upload-picture-card-wrapper::before {
            display: table;
            content: '';
        }

        .ant-upload-picture-card-wrapper::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-upload-picture-card-wrapper::before {
            display: table;
            content: '';
        }

        .ant-upload-picture-card-wrapper::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-upload-list {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            color: rgba(0, 0, 0, 0.85);
            font-size: 14px;
            font-variant: tabular-nums;
            list-style: none;
            font-feature-settings: 'tnum';
            line-height: 1.5715;
        }

        .ant-upload-list::before {
            display: table;
            content: '';
        }

        .ant-upload-list::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-upload-list::before {
            display: table;
            content: '';
        }

        .ant-upload-list::after {
            display: table;
            clear: both;
            content: '';
        }

        .ant-upload-list-item {
            position: relative;
            height: 22.001px;
            margin-top: 8px;
            font-size: 14px;
        }

        .ant-upload-list-item-name {
            display: inline-block;
            width: 100%;
            padding-left: 22px;
            overflow: hidden;
            line-height: 1.5715;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .ant-upload-list-item-card-actions {
            position: absolute;
            right: 0;
        }

        .ant-upload-list-item-card-actions-btn {
            opacity: 0;
        }

        .ant-upload-list-item-card-actions-btn.ant-btn-sm {
            height: 20px;
            line-height: 1;
        }

        .ant-upload-list-item-card-actions.picture {
            top: 22px;
            line-height: 0;
        }

        .ant-upload-list-item-card-actions-btn:focus,
        .ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn {
            opacity: 1;
        }

        .ant-upload-list-item-card-actions .anticon {
            color: rgba(0, 0, 0, 0.45);
        }

        .ant-upload-list-item-info {
            height: 100%;
            padding: 0 4px;
            transition: background-color 0.3s;
        }

        .ant-upload-list-item-info>span {
            display: block;
            width: 100%;
            height: 100%;
        }

        .ant-upload-list-item-info .anticon-loading .anticon,
        .ant-upload-list-item-info .ant-upload-text-icon .anticon {
            position: absolute;
            top: 5px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 14px;
        }

        .ant-upload-list-item .anticon-close {
            position: absolute;
            top: 6px;
            right: 4px;
            color: rgba(0, 0, 0, 0.45);
            font-size: 10px;
            line-height: 0;
            cursor: pointer;
            opacity: 0;
            transition: all 0.3s;
        }

        .ant-upload-list-item .anticon-close:hover {
            color: rgba(0, 0, 0, 0.85);
        }

        .ant-upload-list-item:hover .ant-upload-list-item-info {
            background-color: #f5f5f5;
        }

        .ant-upload-list-item:hover .anticon-close {
            opacity: 1;
        }

        .ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn {
            opacity: 1;
        }

        .ant-upload-list-item-error,
        .ant-upload-list-item-error .ant-upload-text-icon>.anticon,
        .ant-upload-list-item-error .ant-upload-list-item-name {
            color: #f24822;
        }

        .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
            color: #f24822;
        }

        .ant-upload-list-item-error .ant-upload-list-item-card-actions-btn {
            opacity: 1;
        }

        .ant-upload-list-item-progress {
            position: absolute;
            bottom: -12px;
            width: 100%;
            padding-left: 26px;
            font-size: 14px;
            line-height: 0;
        }

        .ant-upload-list-picture .ant-upload-list-item,
        .ant-upload-list-picture-card .ant-upload-list-item {
            position: relative;
            height: 66px;
            padding: 8px;
            border: 1px solid #d9d9d9;
            border-radius: 2px;
        }

        .ant-upload-list-picture .ant-upload-list-item:hover,
        .ant-upload-list-picture-card .ant-upload-list-item:hover {
            background: transparent;
        }

        .ant-upload-list-picture .ant-upload-list-item-error,
        .ant-upload-list-picture-card .ant-upload-list-item-error {
            border-color: #f24822;
        }

        .ant-upload-list-picture .ant-upload-list-item-info,
        .ant-upload-list-picture-card .ant-upload-list-item-info {
            padding: 0;
        }

        .ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
        .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
            background: transparent;
        }

        .ant-upload-list-picture .ant-upload-list-item-uploading,
        .ant-upload-list-picture-card .ant-upload-list-item-uploading {
            border-style: dashed;
        }

        .ant-upload-list-picture .ant-upload-list-item-thumbnail,
        .ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
            width: 48px;
            height: 48px;
            line-height: 54px;
            text-align: center;
            opacity: 0.8;
        }

        .ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,
        .ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon {
            font-size: 26px;
        }

        .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],
        .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'] {
            fill: #fff5f0;
        }

        .ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],
        .ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'] {
            fill: #f24822;
        }

        .ant-upload-list-picture .ant-upload-list-item-icon,
        .ant-upload-list-picture-card .ant-upload-list-item-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 26px;
            transform: translate(-50%, -50%);
        }

        .ant-upload-list-picture .ant-upload-list-item-icon .anticon,
        .ant-upload-list-picture-card .ant-upload-list-item-icon .anticon {
            font-size: 26px;
        }

        .ant-upload-list-picture .ant-upload-list-item-image,
        .ant-upload-list-picture-card .ant-upload-list-item-image {
            max-width: 100%;
        }

        .ant-upload-list-picture .ant-upload-list-item-thumbnail img,
        .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
            display: block;
            width: 48px;
            height: 48px;
            overflow: hidden;
        }

        .ant-upload-list-picture .ant-upload-list-item-name,
        .ant-upload-list-picture-card .ant-upload-list-item-name {
            display: inline-block;
            box-sizing: border-box;
            max-width: 100%;
            margin: 0 0 0 8px;
            padding-right: 8px;
            padding-left: 48px;
            overflow: hidden;
            line-height: 44px;
            white-space: nowrap;
            text-overflow: ellipsis;
            transition: all 0.3s;
        }

        .ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
        .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
            line-height: 28px;
        }

        .ant-upload-list-picture .ant-upload-list-item-progress,
        .ant-upload-list-picture-card .ant-upload-list-item-progress {
            bottom: 14px;
            width: calc(100% - 24px);
            margin-top: 0;
            padding-left: 56px;
        }

        .ant-upload-list-picture .anticon-close,
        .ant-upload-list-picture-card .anticon-close {
            position: absolute;
            top: 8px;
            right: 8px;
            line-height: 1;
            opacity: 1;
        }

        .ant-upload-list-picture-card-container {
            display: inline-block;
            width: 104px;
            height: 104px;
            margin: 0 8px 8px 0;
            vertical-align: top;
        }

        .ant-upload-list-picture-card.ant-upload-list::after {
            display: none;
        }

        .ant-upload-list-picture-card .ant-upload-list-item {
            height: 100%;
            margin: 0;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-info {
            position: relative;
            height: 100%;
            overflow: hidden;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-info::before {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            opacity: 0;
            transition: all 0.3s;
            content: ' ';
        }

        .ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
            opacity: 1;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-actions {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 10;
            white-space: nowrap;
            transform: translate(-50%, -50%);
            opacity: 0;
            transition: all 0.3s;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye,
        .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
        .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
            z-index: 10;
            width: 16px;
            margin: 0 4px;
            color: rgba(255, 255, 255, 0.85);
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover,
        .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
        .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
            color: #fff;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions,
        .ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
            opacity: 1;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
        .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
            position: static;
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-name {
            display: none;
            margin: 8px 0 0;
            padding: 0;
            line-height: 1.5715;
            text-align: center;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name {
            position: absolute;
            bottom: 10px;
            display: block;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
            background-color: #fafafa;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
            height: auto;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
        .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,
        .ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
            display: none;
        }

        .ant-upload-list-picture-card .ant-upload-list-item-progress {
            bottom: 32px;
            width: calc(100% - 14px);
            padding-left: 0;
        }

        .ant-upload-list-text-container,
        .ant-upload-list-picture-container {
            transition: opacity 0.3s, height 0.3s;
        }

        .ant-upload-list-text-container::before,
        .ant-upload-list-picture-container::before {
            display: table;
            width: 0;
            height: 0;
            content: '';
        }

        .ant-upload-list-text-container .ant-upload-span,
        .ant-upload-list-picture-container .ant-upload-span {
            display: block;
            flex: auto;
        }

        .ant-upload-list-text .ant-upload-span,
        .ant-upload-list-picture .ant-upload-span {
            display: flex;
            align-items: center;
        }

        .ant-upload-list-text .ant-upload-span>*,
        .ant-upload-list-picture .ant-upload-span>* {
            flex: none;
        }

        .ant-upload-list-text .ant-upload-list-item-name,
        .ant-upload-list-picture .ant-upload-list-item-name {
            flex: auto;
            padding: 0 8px;
        }

        .ant-upload-list-text .ant-upload-list-item-card-actions,
        .ant-upload-list-picture .ant-upload-list-item-card-actions {
            position: static;
        }

        .ant-upload-list-text .ant-upload-text-icon .anticon {
            position: static;
        }

        .ant-upload-list .ant-upload-animate-inline-appear,
        .ant-upload-list .ant-upload-animate-inline-enter,
        .ant-upload-list .ant-upload-animate-inline-leave {
            animation-duration: 0.3s;
            animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
        }

        .ant-upload-list .ant-upload-animate-inline-appear,
        .ant-upload-list .ant-upload-animate-inline-enter {
            animation-name: uploadAnimateInlineIn;
        }

        .ant-upload-list .ant-upload-animate-inline-leave {
            animation-name: uploadAnimateInlineOut;
        }

        @keyframes uploadAnimateInlineIn {
            from {
                width: 0;
                height: 0;
                margin: 0;
                padding: 0;
                opacity: 0;
            }
        }

        @keyframes uploadAnimateInlineOut {
            to {
                width: 0;
                height: 0;
                margin: 0;
                padding: 0;
                opacity: 0;
            }
        }

        .ant-upload-rtl {
            direction: rtl;
        }

        .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
            margin-right: auto;
            margin-left: 8px;
        }

        .ant-upload-list-rtl {
            direction: rtl;
        }

        .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
            padding-right: 22px;
            padding-left: 14px;
        }

        .ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
            padding-right: 22px;
            padding-left: 28px;
        }

        .ant-upload-list-rtl .ant-upload-list-item-name {
            padding-right: 22px;
            padding-left: 0;
        }

        .ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1 {
            padding-left: 14px;
        }

        .ant-upload-list-rtl .ant-upload-list-item-card-actions {
            right: auto;
            left: 0;
        }

        .ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon {
            padding-right: 0;
            padding-left: 5px;
        }

        .ant-upload-list-rtl .ant-upload-list-item-info {
            padding: 0 4px 0 12px;
        }

        .ant-upload-list-rtl .ant-upload-list-item .anticon-close {
            right: auto;
            left: 4px;
        }

        .ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
            padding-right: 0;
            padding-left: 5px;
        }

        .ant-upload-list-rtl .ant-upload-list-item-progress {
            padding-right: 26px;
            padding-left: 0;
        }

        .ant-upload-list-picture .ant-upload-list-item-info,
        .ant-upload-list-picture-card .ant-upload-list-item-info {
            padding: 0;
        }

        .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,
        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
            right: 8px;
            left: auto;
        }

        .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,
        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon {
            right: 50%;
            left: auto;
            transform: translate(50%, -50%);
        }

        .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,
        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name {
            margin: 0 8px 0 0;
            padding-right: 48px;
            padding-left: 8px;
        }

        .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
            padding-right: 48px;
            padding-left: 18px;
        }

        .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
            padding-right: 48px;
            padding-left: 36px;
        }

        .ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,
        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress {
            padding-right: 0;
            padding-left: 0;
        }

        .ant-upload-list-rtl.ant-upload-list-picture .anticon-close,
        .ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close {
            right: auto;
            left: 8px;
        }

        .ant-upload-list-rtl .ant-upload-list-picture-card-container {
            margin: 0 0 8px 8px;
        }

        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions {
            right: 50%;
            left: auto;
            transform: translate(50%, -50%);
        }

        .ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name {
            margin: 8px 0 0;
            padding: 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .ant-spin {
            line-height: 1;
        }

        .ant-spin .ant-spin-dot {
            display: block;
        }

        .ant-input {
            border-radius: 6px;
        }

        .ant-input[type='password'] {
            letter-spacing: 4px;
        }

        .ant-input[type='password']::-moz-placeholder {
            letter-spacing: normal;
        }

        .ant-input[type='password']:-ms-input-placeholder {
            letter-spacing: normal;
        }

        .ant-input[type='password']::placeholder {
            letter-spacing: normal;
        }

        /*---------------------
        btn
---------------------*/
        .ant-btn {
            border-radius: 6px;
        }

        .ant-btn>.ant-btn-loading-icon .anticon {
            display: block;
        }

        .ant-btn:hover {
            color: #fff;
            border-color: transparent;
        }

        .ant-btn:hover::before {
            opacity: 1;
        }

        .ant-btn::before {
            display: block;
            content: ' ';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(45, 48, 51, 0.1);
            opacity: 0;
            transition: opacity 0.2s ease-in-out;
        }

        .ant-btn-primary {
            background-color: rgba(76, 101, 255, 1);
            background-color: var(--r-blue-default, #7084ff);
            border-color: rgba(76, 101, 255, 1);
            border-color: var(--r-blue-default);
        }

        .ant-btn-primary:hover,
        .ant-btn-primary:focus {
            background-color: rgba(76, 101, 255, 1);
            background-color: var(--r-blue-default, #7084ff);
            border-color: rgba(76, 101, 255, 1);
            border-color: var(--r-blue-default, #7084ff);
            box-shadow: 0px 8px 16px rgba(134, 151, 255, 0.3);
        }

        .ant-btn-primary[disabled],
        .ant-btn-primary[disabled]:hover,
        .ant-btn-primary[disabled]:focus,
        .ant-btn-primary[disabled]:active {
            color: rgba(255, 255, 255, 1);
            color: var(--r-neutral-title-2, #fff);
            background-color: rgba(165, 178, 255, 1);
            background-color: var(--r-blue-disable, #dbe0ff);
            border-color: rgba(165, 178, 255, 1);
            border-color: var(--r-blue-disable, #dbe0ff);
        }

        /*---------------------
        message
---------------------*/
        .ant-message {
            top: 12px;
            z-index: 1500;
        }

        .ant-message-notice-content {
            padding: 8px 12px;
            background: rgba(45, 48, 51, 0.95);
            border-radius: 2px;
        }

        .ant-message-notice-content .ant-message-custom-content {
            display: flex;
            align-items: center;
        }

        .ant-message-notice-content .ant-message-success {
            color: #27c193;
            font-size: 12px;
            line-height: 16px;
        }

        .ant-message-notice-content .ant-message-success .icon-success {
            width: 12px;
            height: 12px;
            margin-right: 10px;
        }

        .ant-message-notice-content .ant-message-error {
            color: #fff;
        }

        .ant-message-notice-content .ant-message-error>span {
            word-break: break-all;
        }

        .toast-message-2025 .ant-message-notice-content {
            display: inline-flex;
            justify-content: center;
            padding-top: 8px;
            padding-bottom: 8px;
            align-items: center;
            border-radius: 2px;
            background: rgba(0, 0, 0, 1);
            background: var(--r-neutral-black, #000);
        }

        .toast-message-2025 .ant-message-notice-content .anticon {
            top: 0;
        }

        .toast-message-2025 .ant-message-notice-content .anticon+span {
            line-height: 1;
            font-size: 13px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            color: var(--r-neutral-title-2, #fff);
        }

        /*---------------------
        modal
---------------------*/
        .ant-modal-mask {
            background-color: rgba(0, 0, 0, 0.4);
            background-color: var(--rabby-custom-ant-modal-mask);
        }

        .ant-modal-header,
        .ant-modal-content,
        .ant-modal-content {
            background: #f5f6fa;
        }

        .rabby-modal .ant-modal-header,
        .rabby-modal .ant-modal-content {
            background-color: #fff;
        }

        .rabby-modal .ant-modal-header {
            border-bottom: 0;
        }

        .modal-bg-white .ant-modal-content {
            background: white;
        }

        .modal-support-darkmode .ant-modal-header,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-header,
        .modal-support-darkmode.rabby-modal .ant-modal-header,
        .modal-support-darkmode .ant-modal-content,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-content,
        .modal-support-darkmode.rabby-modal .ant-modal-content,
        .modal-support-darkmode .ant-modal-content,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-content,
        .modal-support-darkmode.rabby-modal .ant-modal-content {
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-bg-1, #3d4251);
        }

        .modal-support-darkmode .ant-modal-confirm-title,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-confirm-title,
        .modal-support-darkmode.rabby-modal .ant-modal-confirm-title,
        .modal-support-darkmode .ant-modal-confirm-body .ant-modal-confirm-title,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-confirm-body .ant-modal-confirm-title,
        .modal-support-darkmode.rabby-modal .ant-modal-confirm-body .ant-modal-confirm-title,
        .modal-support-darkmode .ant-modal-confirm-body .ant-modal-confirm-content,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-confirm-body .ant-modal-confirm-content,
        .modal-support-darkmode.rabby-modal .ant-modal-confirm-body .ant-modal-confirm-content {
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .modal-support-darkmode .ant-modal-close-x .anticon-close svg,
        .modal-support-darkmode.ant-modal-confirm-error .ant-modal-close-x .anticon-close svg,
        .modal-support-darkmode.rabby-modal .ant-modal-close-x .anticon-close svg {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot, #6a7587);
        }

        .ant-modal-content {
            border: 1.5px solid rgba(224, 229, 236, 1);
            border: 1.5px solid var(--r-neutral-line);
            border-radius: 6px;
            overflow: hidden;
        }

        .ant-modal-content .ant-modal-close-x {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .ant-modal-title {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1);
        }

        .ant-modal-header {
            padding-bottom: 0;
        }

        .ant-modal-confirm-body .anticon.anticon-info-circle,
        .ant-modal-confirm-body .anticon.anticon-exclamation-circle {
            display: none;
        }

        .ant-modal-confirm-body .ant-modal-confirm-title {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1);
        }

        .ant-modal-confirm-body .ant-modal-confirm-content {
            margin-top: 20px;
            color: rgba(62, 73, 94, 1);
            color: var(--r-neutral-body);
            background-color: rgba(255, 255, 255, 1);
            background-color: var(--r-neutral-bg-1);
            padding: 18px 12px;
            border-radius: 6px;
            margin-left: 0 !important;
            white-space: pre-wrap;
        }

        .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns .ant-btn {
            min-width: 144px;
            font-size: 15px;
            font-weight: 500;
            height: 44px;
        }

        .ant-modal-confirm.single-btn .ant-modal-confirm-btns {
            justify-content: center;
        }

        .ant-modal .ant-modal-body {
            max-height: 500px;
            overflow: auto;
            overflow: -moz-scrollbars-none;
        }

        .ant-modal .ant-modal-body::-webkit-scrollbar {
            display: none;
        }

        .ant-modal-confirm-error .ant-modal-content {
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-bg-1, #FFF);
        }

        .ant-modal-confirm-error .anticon-close-circle {
            display: none;
        }

        .ant-modal-confirm-error .ant-modal-confirm-btns {
            justify-content: center;
        }

        .ant-modal-confirm-info .ant-modal-confirm-content {
            max-height: 365px;
            overflow: auto;
        }

        /*---------------------
        form
---------------------*/
        .ant-form-item {
            margin-bottom: 32px;
        }

        .ant-form-item.ant-form-item-with-help {
            margin-bottom: 0;
        }

        .ant-form-item-explain,
        .ant-form-item-extra {
            font-size: 12px;
            line-height: 12px;
            margin-top: 8px;
        }

        .ant-form-item-control-input {
            min-height: 14px;
        }

        /*---------------------
        Switch
---------------------*/
        .ant-switch {
            background: #b4bdcc;
        }

        .ant-switch.ant-switch-small {
            height: 14px;
            line-height: 14px;
        }

        .ant-switch.ant-switch-small .ant-switch-handle {
            top: 1px;
            left: 1px;
        }

        .ant-switch.ant-switch-small.ant-switch-checked .ant-switch-handle {
            left: calc(100% - 12px - 1px);
        }

        .ant-switch-disabled {
            background: rgba(180, 189, 204, 0.3);
        }

        .ant-switch-checked {
            background-color: #27c193;
        }

        /*---------------------
      Checkbox
---------------------*/
        .ant-checkbox {
            border-radius: 100%;
            overflow: hidden;
        }

        .ant-checkbox .ant-checkbox-inner {
            border: none;
            background-color: #e5e9ef;
        }

        .ant-checkbox-checked .ant-checkbox-inner {
            background-color: rgba(76, 101, 255, 1);
            background-color: var(--r-blue-default, #7084ff);
        }

        .ant-checkbox-checked::after {
            border-color: rgba(76, 101, 255, 1);
            border-color: var(--r-blue-default, #7084ff);
        }

        /*---------------------
      Input
---------------------*/
        .ant-input {
            line-height: 1;
        }

        .ant-input.border-bright-on-active:active,
        .ant-input.border-bright-on-active:focus,
        .ant-input.border-bright-on-active:hover {
            border-color: rgba(76, 101, 255, 1);
            border-color: var(--r-blue-default);
        }

        textarea {
            resize: none;
        }

        /*---------------------
      Popover
---------------------*/
        .ant-popover-inner {
            border-radius: 6px;
        }

        .ant-popover-arrow {
            box-shadow: none !important;
        }

        /*---------------------
      Tooltip
---------------------*/
        .ant-tooltip:not(.disable-ant-overwrite) {
            max-width: 360px;
        }

        .ant-tooltip:not(.disable-ant-overwrite) .ant-tooltip-inner {
            font-size: 12px;
            border-radius: 14px;
            padding: 6px 12px;
            background-color: black;
        }

        .ant-tooltip:not(.disable-ant-overwrite) .ant-tooltip-arrow-content {
            background-color: black;
        }

        .ant-tooltip:not(.disable-ant-overwrite) .ant-tooltip-arrow {
            display: none;
        }

        .ant-tooltip:not(.disable-ant-overwrite).rectangle {
            max-width: 350px;
        }

        .ant-tooltip:not(.disable-ant-overwrite).rectangle .ant-tooltip-inner {
            border-radius: 2px;
        }

        .ant-tooltip:not(.disable-ant-overwrite).rectangle .ant-tooltip-arrow {
            display: block;
        }

        .ant-tooltip:not(.disable-ant-overwrite).hide-arrow .ant-tooltip-arrow {
            display: none !important;
        }

        /*---------------------
      Dropdown
---------------------*/
        .ant-dropdown-menu-root {
            border-radius: 6px;
        }

        .ant-skeleton-element {
            line-height: 1;
        }

        .ant-skeleton-element .ant-skeleton-input {
            height: 18px;
            border-radius: 2px;
            background: linear-gradient(90deg, rgba(216, 223, 235, 0.55) 0%, rgba(216, 223, 235, 0.6) 95.31%);
        }

        /*---------------------
      Drawer
---------------------*/
        .ant-drawer .ant-drawer-content {
            border-top: 1.5px solid rgba(224, 229, 236, 1);
            border-top: 1.5px solid var(--r-neutral-line);
        }

        .ant-drawer .ant-drawer-close {
            font-size: 19px;
            line-height: 0;
        }

        .ant-drawer .ant-drawer-body {
            padding: 20px 20px 24px;
        }

        .ant-drawer .ant-drawer-close {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .ant-drawer .ant-drawer-close:focus,
        .ant-drawer .ant-drawer-close:hover {
            color: rgba(62, 73, 94, 1);
            color: var(--r-neutral-body);
        }

        .ant-drawer.disable-body-scroll .ant-drawer-wrapper-body,
        .ant-drawer.disable-body-scroll .ant-drawer-body {
            overflow: hidden;
        }

        .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
            box-shadow: none;
        }

        .ant-slider {
            margin: 0;
        }

        .ant-slider .ant-slider-rail {
            background-color: #e5e9ef;
        }

        .ant-slider .ant-slider-track {
            background-color: #b4bdcc;
        }

        .ant-slider .ant-slider-handle {
            border-color: #b4bdcc;
            transition: box-shadow 0.3s;
        }

        .ant-slider:hover .ant-slider-handle,
        .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
            border-color: #b4bdcc;
            box-shadow: 0px 2px 6px rgba(28, 31, 53, 0.2);
        }

        .ant-slider:hover .ant-slider-rail {
            background-color: #e5e9ef;
        }

        .ant-slider:hover .ant-slider-track {
            background-color: #b4bdcc;
        }

        .field.field-outlined {
            background: #f5f6fa;
            border-radius: 6px;
            padding: 16px 12px;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #13141a;
            border: 1px solid transparent;
        }

        .field.field-outlined:hover {
            background-color: rgba(134, 151, 255, 0.2);
            border: 1px solid rgba(76, 101, 255, 1);
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        html,
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Roboto, sans-serif;
        }

        html[lang='zh-CN'],
        html[lang='zh-HK'],
        html[lang='zh-CN'] body,
        html[lang='zh-HK'] body {
            font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Roboto, 'PingFang SC', 'Microsoft Yahei', sans-serif;
        }

        html[lang='ja'],
        html[lang='ja'] body {
            font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Roboto, 'Noto Sans JP', sans-serif;
        }

        h1,
        h2,
        h3,
        h4 {
            margin: 0;
        }

        h1 {
            font-size: 20px;
            line-height: 23px;
            font-weight: 500;
        }

        button:focus {
            outline: none;
        }

        .subtitle {
            color: #707280;
            font-size: 14px;
            line-height: 14px;
        }

        .create-new-header {
            position: relative;
            background: rgba(76, 101, 255, 1);
            background: var(--r-blue-default, #7084ff);
            padding: 32px 20px;
        }

        .create-new-header .unlock-logo {
            border: 1px solid #fff;
            border-radius: 100%;
        }

        .create-new-header.res {
            padding: 0;
        }

        .create-new-header.res .mask {
            width: unset;
            max-width: none;
            left: 50%;
            transform: translateX(-50%);
        }

        .create-new-header.res .rabby-container {
            padding: 16px 20px 32px;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .create-new-header .icon-back {
            margin-bottom: 40px;
            cursor: pointer;
        }

        .create-new-header .rabby-logo {
            width: 120px;
            margin-left: 12px;
            opacity: 0.6;
        }

        .create-new-header .mask {
            position: absolute;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            z-index: 0;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        @media (min-width: 401px) {
            .rabby-stray-page {
                background-color: rgba(242, 244, 247, 1);
                background-color: var(--r-neutral-bg-2, #f2f4f7);
                height: 100%;
            }

            .rabby-stray-page .footer {
                background-color: #fff;
                bottom: 0 !important;
            }

            .rabby-stray-page .footer>div {
                width: 400px !important;
                margin: 0 auto;
                border-top: 0;
            }

            .rabby-stray-page .footer>div .ant-btn {
                height: 42px !important;
            }
        }

        .stray-page .stray-footer-nav {
            background-color: rgba(255, 255, 255, 1);
            background-color: var(--r-neutral-card-1, #fff);
            border-top: 0.5px solid rgba(224, 229, 236, 1);
            border-top: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .stray-page .stray-footer-nav .ant-btn {
            height: 42px !important;
            padding-left: 40px;
            padding-right: 40px;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            width: auto !important;
            min-width: 155px;
        }

        .stray-page .ant-input .ant-input {
            border-color: transparent;
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .stray-page .ant-input .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input {
            background: transparent;
        }

        .stray-page .ant-input .ant-input-number {
            border-color: transparent;
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .stray-page .ant-input .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .stray-page .ant-input .ant-input-affix-wrapper {
            border-color: rgba(224, 229, 236, 1);
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(242, 244, 247, 1);
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .stray-page .ant-input .ant-input-affix-wrapper .ant-input {
            background: transparent;
        }

        .stray-page .ant-input .ant-input-affix-wrapper:focus,
        .stray-page .ant-input .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .stray-page .ant-input .ant-input-suffix {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .stray-page .ant-input .ant-input-suffix .anticon-close-circle {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .stray-page-wide.stray-page-wide .stray-footer-nav {
            background-color: transparent;
            border-top: none !important;
        }

        @media (min-width: 600px) {
            .ledger-page {
                top: calc(50% + 24px - 100px) !important;
            }
        }

        .ledger-page .ledger-banner {
            position: absolute;
            bottom: -230px;
            left: 0;
        }

        .ledger-page .stray-footer-nav {
            width: 222px !important;
            margin: auto;
        }

        .ledger-page .stray-footer-nav .ant-btn {
            height: 52px !important;
        }

        .import-watchmode {
            min-height: 100%;
            background-color: #f5f6fa;
        }

        .import-watchmode .tags {
            margin: -4px 0 16px;
            padding: 0 20px;
            display: flex;
        }

        .import-watchmode .tags li {
            padding: 5px 10px;
            border: 1px solid #e5e9ef;
            border-radius: 2px;
            font-size: 12px;
            line-height: 14px;
            color: #707880;
        }

        .import-watchmode .ant-form-item {
            margin-bottom: 16px;
        }

        .import-watchmode__button {
            display: flex;
            justify-content: center;
            padding: 11px 0;
            font-size: 12px;
            line-height: 14px;
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            border-radius: 6px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .import-watchmode__button .icon {
            width: 14px;
            height: 14px;
            margin-right: 8px;
        }

        .import-watchmode .ens-search {
            position: absolute;
            padding: 4px;
            border-radius: 6px;
            background-color: #fff;
            width: 360px;
            top: calc(100% + 8px);
            left: 50%;
            margin-left: -180px;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .import-watchmode .ens-search__inner {
            background-color: rgba(237, 240, 255, 1);
            background-color: var(--r-blue-light-1, #eef1ff);
            border-radius: 4px;
            height: 40px;
            display: flex;
            align-items: center;
            padding: 0 12px;
            justify-content: space-between;
            font-size: 12px;
            line-height: 14px;
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .import-watchmode .icon-checked {
            width: 24px;
            height: 24px;
        }

        .import-watchmode .ant-input-affix-wrapper {
            line-height: 1;
            border-radius: 6px;
        }

        .import-watchmode .ant-input-affix-wrapper .ant-input {
            border-radius: 0;
        }

        .walletconnect-modal .ant-modal-content {
            background-color: #fff;
            height: 365px;
        }

        .walletconnect-modal .ant-drawer-body {
            padding-top: 32px;
        }

        .walletconnect-modal .guide {
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            text-align: center;
            width: 239px;
            margin: 0 auto 24px;
        }

        .walletconnect-modal .symbol {
            display: flex;
            justify-content: center;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #3b99fd;
            margin-bottom: 16px;
        }

        .walletconnect-modal .symbol .icon {
            width: 15px;
            height: 15px;
            margin-right: 6px;
        }

        .walletconnect-modal .qrcode {
            padding: 10px;
            border: 1px solid #e5e9ef;
            border-radius: 12px;
            margin: 0 auto;
            width: 200px;
        }

        .walletconnect-modal .qrcode canvas {
            margin: 0;
        }

        .walletconnect-modal .qrcode video {
            margin: 0;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 8px;
            background-color: #b4bdcc;
        }

        .walletconnect-modal .icon-arrow-down {
            width: 28px;
            height: 28px;
            margin: 13px auto;
        }

        .uploader {
            border-color: transparent;
            border-width: 1px;
            transition: border 0.2s;
        }

        .uploader:hover {
            border-color: #b0bdff;
        }

        .rectangle-toast .ant-message-notice-content {
            border-radius: 2px;
        }

        .refresh-toast {
            color: #fff;
            font-size: 12px;
        }

        .refresh-toast .anticon-info-circle {
            display: none;
        }

        .welcome .ant-btn:hover {
            box-shadow: 0px 16px 20px rgba(37, 51, 137, 0.12);
        }

        .slogan {
            font-family: 'Lato', sans-serif;
            font-weight: bold;
            width: 100%;
            margin: 0;
        }

        @media (min-width: 401px) {
            html.page-notification {
                background: rgba(247, 250, 252, 1);
                background: var(--r-neutral-bg-3, #f7fafc);
                overflow: hidden;
            }

            html.page-notification body {
                max-width: 400px;
                margin: 0 auto;
            }
        }

        .rabby-container {
            width: 100%;
        }

        @media (min-width: 401px) {
            .rabby-container {
                width: 400px;
                margin-left: auto;
                margin-right: auto;
            }
        }

        .rabby-btn-ghost.ant-btn-primary.ant-btn-background-ghost:hover {
            background: rgba(219, 224, 255, 1) !important;
            background: var(--r-blue-light-2, #eef1ff) !important;
            color: rgba(76, 101, 255, 1);
            color: var(--r-blue-default, #7084ff);
            box-shadow: none;
        }

        .rabby-btn-ghost.ant-btn-primary.ant-btn-background-ghost:hover::before {
            opacity: 0;
        }

        .rabby-btn-ghost.ant-btn-primary.ant-btn-background-ghost:disabled {
            color: rgba(76, 101, 255, 1) !important;
            color: var(--r-blue-default, #7084ff) !important;
        }

        .input-password-popup {
            max-width: 400px;
            margin: auto;
            left: 0;
            right: 0;
        }

        .input-password-popup.has-desc .ant-drawer-body {
            padding-top: 12px;
        }

        .page-has-ant-input .ant-input,
        .widget-has-ant-input .ant-input {
            border-color: transparent;
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .page-has-ant-input .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input,
        .widget-has-ant-input .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input {
            background: transparent;
        }

        .page-has-ant-input .ant-input-number,
        .widget-has-ant-input .ant-input-number {
            border-color: transparent;
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .page-has-ant-input .ant-input-number .ant-input-number-input,
        .widget-has-ant-input .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .page-has-ant-input .ant-input-affix-wrapper,
        .widget-has-ant-input .ant-input-affix-wrapper {
            border-color: rgba(224, 229, 236, 1);
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(242, 244, 247, 1);
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .page-has-ant-input .ant-input-affix-wrapper .ant-input,
        .widget-has-ant-input .ant-input-affix-wrapper .ant-input {
            background: transparent;
        }

        .page-has-ant-input .ant-input-affix-wrapper:focus,
        .widget-has-ant-input .ant-input-affix-wrapper:focus,
        .page-has-ant-input .ant-input-affix-wrapper-focused,
        .widget-has-ant-input .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .page-has-ant-input .ant-input-suffix,
        .widget-has-ant-input .ant-input-suffix {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .page-has-ant-input .ant-input-suffix .anticon-close-circle,
        .widget-has-ant-input .ant-input-suffix .anticon-close-circle {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .page-has-ant-input2 .ant-input,
        .widget-has-ant-input2 .ant-input {
            border: 1px solid rgba(224, 229, 236, 1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(242, 244, 247, 1);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .page-has-ant-input2 .ant-input-number,
        .widget-has-ant-input2 .ant-input-number {
            border: 1px solid rgba(224, 229, 236, 1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(242, 244, 247, 1);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .page-has-ant-input2 .ant-input-number .ant-input-number-input,
        .widget-has-ant-input2 .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .page-has-ant-input2 .ant-form-item-has-error .ant-input,
        .widget-has-ant-input2 .ant-form-item-has-error .ant-input,
        .page-has-ant-input2 .ant-form-item-has-error .ant-input-affix-wrapper,
        .widget-has-ant-input2 .ant-form-item-has-error .ant-input-affix-wrapper,
        .page-has-ant-input2 .ant-form-item-has-error .ant-input:hover,
        .widget-has-ant-input2 .ant-form-item-has-error .ant-input:hover,
        .page-has-ant-input2 .ant-form-item-has-error .ant-input-affix-wrapper:hover,
        .widget-has-ant-input2 .ant-form-item-has-error .ant-input-affix-wrapper:hover {
            background-color: rgba(242, 244, 247, 1);
            background-color: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
        }

        .page-has-ant-input-withborder .ant-input,
        .widget-has-ant-input-withborder .ant-input {
            border-color: transparent;
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .page-has-ant-input-withborder .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input,
        .widget-has-ant-input-withborder .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input {
            background: transparent;
        }

        .page-has-ant-input-withborder .ant-input-number,
        .widget-has-ant-input-withborder .ant-input-number {
            border-color: transparent;
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-card-1, #fff);
            color: rgba(25, 41, 69, 1);
            color: var(--r-neutral-title-1, #192945);
        }

        .page-has-ant-input-withborder .ant-input-number .ant-input-number-input,
        .widget-has-ant-input-withborder .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .page-has-ant-input-withborder .ant-input-affix-wrapper,
        .widget-has-ant-input-withborder .ant-input-affix-wrapper {
            border-color: rgba(224, 229, 236, 1);
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(242, 244, 247, 1);
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .page-has-ant-input-withborder .ant-input-affix-wrapper .ant-input,
        .widget-has-ant-input-withborder .ant-input-affix-wrapper .ant-input {
            background: transparent;
        }

        .page-has-ant-input-withborder .ant-input-affix-wrapper:focus,
        .widget-has-ant-input-withborder .ant-input-affix-wrapper:focus,
        .page-has-ant-input-withborder .ant-input-affix-wrapper-focused,
        .widget-has-ant-input-withborder .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .page-has-ant-input-withborder .ant-input-suffix,
        .widget-has-ant-input-withborder .ant-input-suffix {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .page-has-ant-input-withborder .ant-input-suffix .anticon-close-circle,
        .widget-has-ant-input-withborder .ant-input-suffix .anticon-close-circle {
            color: rgba(106, 117, 135, 1);
            color: var(--r-neutral-foot);
        }

        .page-has-ant-input-withborder .ant-input,
        .widget-has-ant-input-withborder .ant-input {
            border: 1px solid rgba(224, 229, 236, 1);
            border: 1px solid var(--r-neutral-line, #D3D8E0);
        }

        .page-has-ant-input-withborder .ant-form-item-has-error .ant-input,
        .widget-has-ant-input-withborder .ant-form-item-has-error .ant-input,
        .page-has-ant-input-withborder .ant-form-item-has-error .ant-input:hover,
        .widget-has-ant-input-withborder .ant-form-item-has-error .ant-input:hover {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card-1, #fff) !important;
            border-color: rgba(227, 73, 53, 1);
            border-color: var(--r-red-default);
        }

        .page-has-ant-input-withborder .ant-form-item-has-error .ant-input,
        .widget-has-ant-input-withborder .ant-form-item-has-error .ant-input,
        .page-has-ant-input-withborder .ant-form-item-has-error .ant-input-affix-wrapper,
        .widget-has-ant-input-withborder .ant-form-item-has-error .ant-input-affix-wrapper,
        .page-has-ant-input-withborder .ant-form-item-has-error .ant-input:hover,
        .widget-has-ant-input-withborder .ant-form-item-has-error .ant-input:hover,
        .page-has-ant-input-withborder .ant-form-item-has-error .ant-input-affix-wrapper:hover,
        .widget-has-ant-input-withborder .ant-form-item-has-error .ant-input-affix-wrapper:hover {
            background-color: rgba(242, 244, 247, 1);
            background-color: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
        }

        .page-has-ant-input.rabby-input-pure-bg .ant-input,
        .widget-has-ant-input.rabby-input-pure-bg .ant-input,
        .page-has-ant-input.rabby-input-pure-bg .ant-input-affix-wrapper,
        .widget-has-ant-input.rabby-input-pure-bg .ant-input-affix-wrapper {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card-1, #fff) !important;
        }

        .page-has-ant-input .ant-form-item-has-error .ant-input,
        .widget-has-ant-input .ant-form-item-has-error .ant-input,
        .page-has-ant-input .ant-form-item-has-error .ant-input:hover,
        .widget-has-ant-input .ant-form-item-has-error .ant-input:hover {
            background-color: rgba(255, 255, 255, 1) !important;
            background-color: var(--r-neutral-card-1, #fff) !important;
            border-color: rgba(227, 73, 53, 1);
            border-color: var(--r-red-default);
        }

        .text-gradient {
            background: linear-gradient(132.94deg, #2abb7f 5.01%, #fe6949 95.5%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent;
        }

        .external-link-alert-modal {
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-bg-1);
            border-radius: 16px;
            overflow: hidden;
            padding-bottom: 0;
        }

        .external-link-alert-modal .ant-modal-confirm-title {
            font-size: 16px;
        }

        .external-link-alert-modal .ant-modal-confirm-content {
            padding: 0;
        }

        .external-link-alert-modal .ant-modal-confirm-content,
        .external-link-alert-modal .ant-modal-content {
            background: rgba(255, 255, 255, 1);
            background: var(--r-neutral-bg-1);
        }

        .external-link-alert-modal .ant-modal-content {
            box-shadow: none;
        }

        .external-link-alert-modal .ant-modal-body {
            padding: 20px;
        }

        .external-link-alert-modal .ant-modal-confirm-content {
            margin-bottom: 0 !important;
        }

        .js-rabby-popup-container ::-webkit-scrollbar {
            display: none;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .before\:absolute::before {
            content: "" !important;
            position: absolute !important;
        }

        .before\:right-\[60px\]::before {
            content: "" !important;
            right: 60px !important;
        }

        .before\:h-\[32px\]::before {
            content: "" !important;
            height: 32px !important;
        }

        .before\:w-1::before {
            content: "" !important;
            width: 1px !important;
        }

        .before\:border-transparent::before {
            content: "" !important;
            border-color: transparent !important;
        }

        .before\:border-b-red-forbidden::before {
            content: "" !important;
            --tw-border-opacity: 1 !important;
            border-bottom-color: rgba(236, 81, 81, var(--tw-border-opacity)) !important;
        }

        .before\:bg-\[\#FFFFFF1A\]::before {
            content: "" !important;
            background-color: #FFFFFF1A !important;
        }

        .before\:content-none::before {
            content: none !important;
        }

        .first\:mt-0:first-child {
            margin-top: 0px !important;
        }

        .first\:rounded-t-\[6px\]:first-child {
            border-top-left-radius: 6px !important;
            border-top-right-radius: 6px !important;
        }

        .last\:flex:last-child {
            display: flex !important;
        }

        .first-of-type\:my-0:first-of-type {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

        .placeholder-shown\:text-14:-moz-placeholder-shown {
            font-size: 14px !important;
            line-height: 18px !important;
        }

        .placeholder-shown\:text-14:-ms-input-placeholder {
            font-size: 14px !important;
            line-height: 18px !important;
        }

        .placeholder-shown\:text-14:placeholder-shown {
            font-size: 14px !important;
            line-height: 18px !important;
        }

        .placeholder-shown\:text-r-neutral-foot:-moz-placeholder-shown {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .placeholder-shown\:text-r-neutral-foot:-ms-input-placeholder {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .placeholder-shown\:text-r-neutral-foot:placeholder-shown {
            color: rgba(106, 117, 135, 1) !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .focus-within\:border-rabby-blue-default:focus-within {
            border-color: rgba(76, 101, 255, 1) !important;
            border-color: var(--r-blue-default, #4c65ff) !important;
        }

        .focus-within\:border-rabby-orange-DBK:focus-within {
            border-color: rgba(255, 124, 96, 1) !important;
            border-color: var(--r-orange-DBK, #ff7c60) !important;
        }

        .hover\:z-10:hover {
            z-index: 10 !important;
        }

        .hover\:max-w-\[200px\]:hover {
            max-width: 200px !important;
        }

        .hover\:scale-\[1\.02\]:hover {
            --tw-scale-x: 1.02 !important;
            --tw-scale-y: 1.02 !important;
            transform: var(--tw-transform) !important;
        }

        .hover\:cursor-text:hover {
            cursor: text !important;
        }

        .hover\:rounded-\[6px\]:hover {
            border-radius: 6px !important;
        }

        .hover\:border:hover {
            border-width: 1px !important;
        }

        .hover\:border-blue-light:hover {
            --tw-border-opacity: 1 !important;
            border-color: rgba(76, 101, 255, var(--tw-border-opacity)) !important;
        }

        .hover\:border-rabby-blue-default:hover {
            border-color: rgba(76, 101, 255, 1) !important;
            border-color: var(--r-blue-default, #4c65ff) !important;
        }

        .hover\:border-transparent:hover {
            border-color: transparent !important;
        }

        .hover\:border-\[\#109D63\]:hover {
            --tw-border-opacity: 1 !important;
            border-color: rgba(16, 157, 99, var(--tw-border-opacity)) !important;
        }

        .hover\:border-rabby-orange-DBK:hover {
            border-color: rgba(255, 124, 96, 1) !important;
            border-color: var(--r-orange-DBK, #ff7c60) !important;
        }

        .hover\:border-b-rabby-neutral-foot:hover {
            border-bottom-color: rgba(106, 117, 135, 1) !important;
            border-bottom-color: var(--r-neutral-foot, #6a7587) !important;
        }

        .hover\:bg-blue-light:hover {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(76, 101, 255, 1) !important;
            background-color: rgba(76, 101, 255, var(--tw-bg-opacity)) !important;
        }

        .hover\:bg-\[\#8697FF1A\]:hover {
            background-color: #8697FF1A !important;
        }

        .hover\:bg-r-blue-light1:hover {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light1, #edf0ff) !important;
        }

        .hover\:bg-r-neutral-bg-2:hover {
            background-color: rgba(242, 244, 247, 1) !important;
            background-color: var(--r-neutral-bg-2, #f2f4f7) !important;
        }

        .hover\:bg-r-neutral-line:hover {
            background-color: rgba(224, 229, 236, 1) !important;
            background-color: var(--r-neutral-line, #e0e5ec) !important;
        }

        .hover\:bg-\[rgba\(0\2c 0\2c 0\2c 0\.2\)\]:hover {
            background-color: rgba(0, 0, 0, 0.2) !important;
        }

        .hover\:bg-r-blue-light-1:hover {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light-1, #edf0ff) !important;
        }

        .hover\:bg-transparent:hover {
            background-color: transparent !important;
        }

        .hover\:bg-r-blue-disable:hover {
            background-color: rgba(165, 178, 255, 1) !important;
            background-color: var(--r-blue-disable, #a5b2ff) !important;
        }

        .hover\:bg-r-blue-light-2:hover {
            background-color: rgba(219, 224, 255, 1) !important;
            background-color: var(--r-blue-light-2, #dbe0ff) !important;
        }

        .hover\:bg-rabby-blue-light1:hover {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light1, #edf0ff) !important;
        }

        .hover\:bg-light-r-blue-light1:hover {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: rgba(237, 240, 255, var(--tw-bg-opacity)) !important;
        }

        .hover\:bg-\[\#00000033\]:hover {
            background-color: #00000033 !important;
        }

        .hover\:bg-opacity-\[0\.1\]:hover {
            --tw-bg-opacity: 0.1 !important;
        }

        .hover\:bg-opacity-10:hover {
            --tw-bg-opacity: 0.1 !important;
        }

        .hover\:bg-opacity-\[0\.08\]:hover {
            --tw-bg-opacity: 0.08 !important;
        }

        .hover\:bg-opacity-20:hover {
            --tw-bg-opacity: 0.2 !important;
        }

        .hover\:text-r-blue-default:hover {
            color: rgba(76, 101, 255, 1) !important;
            color: var(--r-blue-default, #4c65ff) !important;
        }

        .hover\:text-r-red-default:hover {
            color: rgba(227, 73, 53, 1) !important;
            color: var(--r-red-default, #e34935) !important;
        }

        .hover\:text-rabby-blue-default:hover {
            color: rgba(76, 101, 255, 1) !important;
            color: var(--r-blue-default, #4c65ff) !important;
        }

        .hover\:text-red-forbidden:hover {
            --tw-text-opacity: 1 !important;
            color: rgba(236, 81, 81, var(--tw-text-opacity)) !important;
        }

        .hover\:text-rabby-red-default:hover {
            color: rgba(227, 73, 53, 1) !important;
            color: var(--r-red-default, #e34935) !important;
        }

        .hover\:underline:hover {
            text-decoration: underline !important;
        }

        .hover\:opacity-60:hover {
            opacity: 0.6 !important;
        }

        .hover\:opacity-70:hover {
            opacity: 0.7 !important;
        }

        .hover\:shadow:hover {
            --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
        }

        .hover\:brightness-110:hover {
            --tw-brightness: brightness(1.1) !important;
            filter: var(--tw-filter) !important;
        }

        .hover\:before\:hidden:hover::before {
            content: "" !important;
            display: none !important;
        }

        .hover\:before\:border-rabby-blue-default:hover::before {
            content: "" !important;
            border-color: rgba(76, 101, 255, 1) !important;
            border-color: var(--r-blue-default, #4c65ff) !important;
        }

        .hover\:after\:pointer-events-none:hover::after {
            content: "" !important;
            pointer-events: none !important;
        }

        .hover\:after\:absolute:hover::after {
            content: "" !important;
            position: absolute !important;
        }

        .hover\:after\:inset-\[-1px\]:hover::after {
            content: "" !important;
            top: -1px !important;
            right: -1px !important;
            bottom: -1px !important;
            left: -1px !important;
        }

        .hover\:after\:hidden:hover::after {
            content: "" !important;
            display: none !important;
        }

        .hover\:after\:rounded-md:hover::after {
            content: "" !important;
            border-radius: 0.375rem !important;
        }

        .hover\:after\:border:hover::after {
            content: "" !important;
            border-width: 1px !important;
        }

        .hover\:after\:border-rabby-blue-default:hover::after {
            content: "" !important;
            border-color: rgba(76, 101, 255, 1) !important;
            border-color: var(--r-blue-default, #4c65ff) !important;
        }

        .focus\:border-blue:focus {
            --tw-border-opacity: 1 !important;
            border-color: rgba(121, 107, 253, var(--tw-border-opacity)) !important;
        }

        .focus\:border-rabby-blue-default:focus {
            border-color: rgba(76, 101, 255, 1) !important;
            border-color: var(--r-blue-default, #4c65ff) !important;
        }

        .active\:scale-100:active {
            --tw-scale-x: 1 !important;
            --tw-scale-y: 1 !important;
            transform: var(--tw-transform) !important;
        }

        .active\:bg-\[\#0000001A\]:active {
            background-color: #0000001A !important;
        }

        .active\:brightness-95:active {
            --tw-brightness: brightness(.95) !important;
            filter: var(--tw-filter) !important;
        }

        .active\:before\:bg-\[\#00000033\]:active::before {
            content: "" !important;
            background-color: #00000033 !important;
        }

        .disabled\:pointer-events-none:disabled {
            pointer-events: none !important;
        }

        .disabled\:cursor-not-allowed:disabled {
            cursor: not-allowed !important;
        }

        .disabled\:bg-transparent:disabled {
            background-color: transparent !important;
        }

        .disabled\:bg-r-red-default:disabled {
            background-color: rgba(227, 73, 53, 1) !important;
            background-color: var(--r-red-default, #e34935) !important;
        }

        .disabled\:bg-blue-light:disabled {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(76, 101, 255, 1) !important;
            background-color: rgba(76, 101, 255, var(--tw-bg-opacity)) !important;
        }

        .disabled\:bg-opacity-40:disabled {
            --tw-bg-opacity: 0.4 !important;
        }

        .disabled\:text-opacity-40:disabled {
            --tw-text-opacity: 0.4 !important;
        }

        .disabled\:opacity-40:disabled {
            opacity: 0.4 !important;
        }

        .disabled\:opacity-50:disabled {
            opacity: 0.5 !important;
        }

        .disabled\:shadow-none:disabled {
            --tw-shadow: 0 0 #0000 !important;
            box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
        }

        .disabled\:hover\:bg-transparent:disabled:hover {
            background-color: transparent !important;
        }

        .group:hover .group-hover\:visible {
            visibility: visible !important;
        }

        .group:hover .group-hover\:block {
            display: block !important;
        }

        .group:hover .group-hover\:flex {
            display: flex !important;
        }

        .group:hover .group-hover\:hidden {
            display: none !important;
        }

        .group:hover .group-hover\:h-0 {
            height: 0px !important;
        }

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

        .group:hover .group-hover\:w-0 {
            width: 0px !important;
        }

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

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

        .group:hover .group-hover\:text-rabby-blue-default {
            color: rgba(76, 101, 255, 1) !important;
            color: var(--r-blue-default, #4c65ff) !important;
        }

        .group:hover .group-hover\:text-r-neutral-body {
            color: rgba(62, 73, 94, 1) !important;
            color: var(--r-neutral-body, #3e495e) !important;
        }

        .group:hover .group-hover\:text-opacity-30 {
            --tw-text-opacity: 0.3 !important;
        }

        .group:hover .group-hover\:underline {
            text-decoration: underline !important;
        }

        .group:hover .group-hover\:opacity-100 {
            opacity: 1 !important;
        }

        .dark .dark\:bg-r-blue-disable {
            background-color: rgba(165, 178, 255, 1) !important;
            background-color: var(--r-blue-disable, #a5b2ff) !important;
        }

        .dark .dark\:bg-\[\#292c37\] {
            --tw-bg-opacity: 1 !important;
            background-color: rgba(41, 44, 55, 1) !important;
            background-color: rgba(41, 44, 55, var(--tw-bg-opacity)) !important;
        }

        .dark .dark\:hover\:bg-r-blue-light1:hover {
            background-color: rgba(237, 240, 255, 1) !important;
            background-color: var(--r-blue-light1, #edf0ff) !important;
        }

        @media (max-width: 600px) {
            .sm\:min-h-full {
                min-height: 100% !important;
            }

            .sm\:px-20 {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }

            .sm\:pt-28 {
                padding-top: 28px !important;
            }

            .sm\:pb-\[98px\] {
                padding-bottom: 98px !important;
            }
        }

        @media (min-width: 600px) {
            .lg\:bottom-\[-24px\] {
                bottom: -24px !important;
            }

            .lg\:left-2\/4 {
                left: 50% !important;
            }

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

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

            .lg\:h-\[52px\] {
                height: 52px !important;
            }

            .lg\:h-auto {
                height: auto !important;
            }

            .lg\:h-\[200px\] {
                height: 200px !important;
            }

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

            .lg\:w-\[800px\] {
                width: 800px !important;
            }

            .lg\:w-\[500px\] {
                width: 500px !important;
            }

            .lg\:w-\[460px\] {
                width: 460px !important;
            }

            .lg\:max-w-\[460px\] {
                max-width: 460px !important;
            }

            .lg\:-translate-x-2\/4 {
                --tw-translate-x: -50% !important;
                transform: var(--tw-transform) !important;
            }

            .lg\:transform {
                transform: var(--tw-transform) !important;
            }

            .lg\:flex-col {
                flex-direction: column !important;
            }

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

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

            .lg\:rounded-xl {
                border-radius: 0.75rem !important;
            }

            .lg\:py-\[60px\] {
                padding-top: 60px !important;
                padding-bottom: 60px !important;
            }

            .lg\:pb-\[72px\] {
                padding-bottom: 72px !important;
            }
        }

        .custome-modal .ant-modal-confirm-content {
            min-height: 124px;
            margin-bottom: 8px;
        }

        .custome-modal .ant-modal-confirm-btns {
            display: none !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @media (min-width: 600px) {
            .stray-page.relative {
                position: absolute !important;
                left: 50%;
                top: calc(50% + 24px);
                transform: translate(-50%, -50%);
            }
        }

        .stray-page .ant-spin-container {
            height: 100%;
        }

        .scroll-container {
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .ant-dropdown-menu.mnemonics-input-menu .ant-dropdown-menu-item .text-wrapper {
            height: 100%;
            padding: 11px 8px;
            line-height: 1.2;
        }

        .ant-dropdown-menu.mnemonics-input-menu .ant-dropdown-menu-item .text-wrapper:hover {
            background-color: #eef1ff;
            background-color: var(--r-blue-light-1, #eef1ff);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .address-viewer-text.normal {
            margin-right: 4px;
            font-size: 15px;
            line-height: 18px;
            font-weight: 500;
            color: #fff;
        }

        .address-viewer-text.subtitle {
            font-size: 12px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
        }

        .address-viewer-text.import-color {
            margin-right: 4px;
            font-size: 15px;
            line-height: 18px;
            font-weight: 500;
            color: #fff;
            color: #000000;
        }

        .address-viewer-text .number-index {
            font-weight: normal;
            font-size: 12px;
            color: #b4bdcc;
            margin-right: 22px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .address-group-list>li {
            margin-bottom: 8px;
        }

        .address-group-list>li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .address-group-list>li>.subtitle {
            margin-bottom: 8px;
        }

        .address-group-list>li>.subtitle a {
            color: currentColor;
            margin-left: 2px;
        }

        .address-group-list>li .addresses>li {
            background-color: #fff;
            padding: 12px;
            position: relative;
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            border-radius: 6px;
        }

        .address-group-list>li .addresses>li .ant-skeleton-element {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }

        .address-group-list>li .addresses>li .icon-hardware {
            width: 24px;
            height: 24px;
        }

        .address-group-list>li .addresses>li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .address-group-list.switch>li .addresses>li {
            cursor: pointer;
        }

        .edit-name {
            margin-left: 7px;
            width: 12px;
            height: 12px;
            align-self: center;
            cursor: pointer;
        }

        .number-index {
            font-weight: normal;
            font-size: 12px;
            color: #b4bdcc;
            margin-right: 22px;
        }

        .address-info {
            display: flex;
            flex-direction: column;
            align-self: center;
            align-items: flex-start;
            margin-left: 11px;
        }

        .address-info .display-name {
            max-width: 180px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 500;
        }

        .address-info .ant-input {
            width: 160px;
            height: 24px;
            background: #f5f6fa;
            border: 1px solid #e5e9ef;
            box-sizing: border-box;
            border-radius: 2px;
            padding-left: 2px;
        }

        .address-info .balance {
            color: #3b3e4a;
            font-size: 15px;
            font-weight: 500;
            margin-right: 8px;
            position: relative;
        }

        .highlight-address {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            border-radius: 6px;
        }

        .item-right-icon {
            width: 24px;
            height: 24px;
            position: absolute;
            right: 16px;
        }

        .addressType__tooltip .ant-tooltip-content {
            transform: translate(-3px, 5px);
        }

        .addressType__tooltip .ant-tooltip-arrow {
            right: 10px !important;
            bottom: -13.071068px !important;
        }

        .address-wrap {
            margin-bottom: 8px;
        }

        .address-wrap>.subtitle {
            margin-bottom: 8px;
        }

        .address-wrap>.subtitle a {
            color: currentColor;
            margin-left: 2px;
        }

        .address-wrap-with-padding {
            margin-bottom: 8px;
        }

        .address-wrap-with-padding>.subtitle {
            margin-bottom: 8px;
        }

        .address-wrap-with-padding>.subtitle a {
            color: currentColor;
            margin-left: 2px;
        }

        .address-wrap-with-padding:nth-last-child(1) {
            padding-bottom: 200px;
        }

        .addresses {
            height: 64px;
            background: #f5f6fa;
        }

        .addresses>li {
            background-color: #fff;
            padding: 10px;
            position: relative;
            display: flex;
            justify-content: space-between;
            border-radius: 6px;
        }

        .addresses>li .ant-skeleton-element {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }

        .addresses>li .icon-hardware {
            width: 32px;
            height: 32px;
        }

        .addresses>li:nth-last-child(1) {
            margin-bottom: 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @media screen and (min-width: 600px) {
            .multiselect-address {
                background-color: #FFFFFF;
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
            }
        }

        .multiselect-address {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .multiselect-address__item-index {
            margin-right: 30px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .page-header {
            display: flex;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            padding-top: 20px;
            margin-bottom: 20px;
            position: relative;
            align-items: center;
        }

        .page-header.switch-account {
            padding-top: 9px;
            padding-bottom: 6px;
        }

        .page-header.switch-account .icon-back {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .page-header.switch-account .header-content {
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
        }

        .page-header-container {
            height: 64px;
            flex-shrink: 0;
        }

        .page-header-container.transparent-wrap .page-header-wrap {
            background-color: transparent;
        }

        .page-header-wrap {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 10;
            background-color: var(--r-neutral-bg-2);
            padding: 0 20px;
            min-height: 64px;
        }

        .page-header .icon-back {
            width: 20px;
            height: 20px;
            cursor: pointer;
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .page-header .icon-close {
            position: absolute;
            width: 20px;
            height: 20px;
            bottom: 0;
            right: 0;
            cursor: pointer;
        }

        .page-header .header-content {
            width: 100%;
            text-align: center;
            line-height: 1;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .field {
            display: flex;
            padding: 0 12px;
            min-height: 56px;
            justify-content: space-between;
            background: #ffffff;
            border-radius: 6px;
            align-items: center;
        }

        .field .field-slot {
            display: flex;
            align-items: center;
            flex: 1;
            overflow: hidden;
        }

        .field .field-slot-address {
            flex-direction: column;
            align-items: flex-start;
        }

        .field .sub-text {
            font-size: 12px;
            color: #707280;
        }

        .field .left-icon {
            margin-right: 13px;
        }

        .field .left-icon-address {
            margin-right: 12px;
            position: relative;
        }

        .field .left-icon-address .corner-icon {
            width: 16px;
            height: 16px;
            position: absolute;
            left: 16px;
            top: -4px;
        }

        .field .left-icon,
        .field .right-icon {
            flex-shrink: 0;
            display: flex;
            align-items: center;
        }

        .field+.field {
            margin-top: 12px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .add-address-options {
            background: #ffffff;
            border-radius: 6px;
            height: 100%;
        }

        .add-address-options .connect-hint {
            padding: 12px 0 4px 16px;
            line-height: 14px;
            font-size: 12px;
            color: #707280;
        }

        .add-address-options .address-option-field {
            margin-bottom: 12px;
            font-weight: 500;
            border: 1px solid #ffffff;
            padding-left: 16px;
        }

        .add-address-options .address-option-field .left-icon .icon {
            width: 28px;
            height: 28px;
        }

        .add-address-options .address-option-field .left-icon .wallet-icon {
            border-radius: 100%;
        }

        .add-address-options .address-option-field .right-icon .icon {
            width: 16px;
            height: 16px;
        }

        .add-address-options .address-option-field:hover {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
        }

        .add-address-options .divide-line-list {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            width: 300px;
            margin: 8px 16px;
        }

        .saved-list {
            margin-bottom: 12px;
            background: #ffffff;
            border-radius: 6px;
        }

        .saved-list .address-option-field {
            margin-bottom: 12px;
            font-weight: 500;
            border: 1px solid #ffffff;
        }

        .saved-list .address-option-field .left-icon .icon {
            width: 28px;
            height: 28px;
        }

        .saved-list .address-option-field .left-icon .wallet-icon {
            border-radius: 100%;
        }

        .saved-list .address-option-field .right-icon .icon {
            width: 16px;
            height: 16px;
        }

        .saved-list .address-option-field:hover {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
        }

        .address-options {
            margin: 0 !important;
        }

        .hideclass {
            display: none;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .rabby-empty {
            text-align: center;
        }

        .rabby-empty-image {
            width: 100px;
            height: 100px;
            margin-bottom: 16px;
            margin-left: auto;
            margin-right: auto;
        }

        .rabby-empty-content {
            text-align: center;
        }

        .rabby-empty-title {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
            margin-bottom: 8px;
        }

        .rabby-empty-desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .pills-switch {
            background-color: var(--r-neutral-line);
            height: 100%;
            padding: 4px;
            border-radius: 6px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .pills-switch__item {
            color: var(--r-neutral-body);
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            width: 148px;
            height: 100%;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .pills-switch__item.is-active {
            border-radius: 4px;
            background: #fff;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .pills-switch__item:hover {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .chain-selector {
            height: 32px;
            cursor: pointer;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background: rgba(134, 151, 255, 0.12);
            border: 0.5px solid rgba(255, 255, 255, 0.1);
            border: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            border: 1px solid rgba(255, 255, 255, 0.1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            border-radius: 6px;
            padding: 8px 4px 8px 8px;
            font-weight: 500;
            max-width: 180px;
        }

        .chain-selector .chain-logo {
            width: 16px;
            height: 16px;
            margin-right: 6px;
        }

        .chain-selector .icon {
            width: 16px;
            height: 16px;
            margin-left: 2px;
        }

        .hover {
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .chain-selector-options {
            width: 100%;
            max-height: 376px;
            margin-bottom: 0;
            display: flex;
            flex-wrap: wrap;
            overflow-y: auto;
        }

        .chain-selector-options::-webkit-scrollbar {
            display: none !important;
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-content-wrapper {
            max-height: calc(100vh - 40px);
        }

        .chain-selector__modal.chain-selector__modal header {
            padding-bottom: 16px;
            position: sticky;
            top: 0;
            z-index: 1;
            background: #f2f4f7;
            background: var(--r-neutral-bg2, #f2f4f7);
        }

        .chain-selector__modal.chain-selector__modal header .ant-input-affix-wrapper {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            height: 44px;
            border-width: 1px;
        }

        .chain-selector__modal.chain-selector__modal header .ant-input-affix-wrapper input::-moz-placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .chain-selector__modal.chain-selector__modal header .ant-input-affix-wrapper input:-ms-input-placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .chain-selector__modal.chain-selector__modal header .ant-input-affix-wrapper input::placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .chain-selector__modal.chain-selector__modal header .ant-input-affix-wrapper:focus,
        .chain-selector__modal.chain-selector__modal header .ant-input-affix-wrapper-focused {
            border-color: var(--r-blue-default);
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-close {
            padding-top: 14px;
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-header {
            padding: 12px 14px;
            background: linear-gradient(180deg, #eff1ff 0%, rgba(238, 234, 255, 0) 111.46%);
            border: none;
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-header .chain-selector-tips {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            margin-bottom: 2px;
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-header .chain-selector-site {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-body {
            padding-top: 0 !important;
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-body::-webkit-scrollbar {
            display: none !important;
        }

        .chain-selector__modal.chain-selector__modal .ant-drawer-content {
            border-radius: 16px 16px 0 0;
        }

        .chain-selector__modal.chain-selector__modal .no-pinned-container {
            width: 360px;
            height: 56px;
            background: #f5f6fa;
            border-radius: 6px;
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            text-align: center;
            color: #707280;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }

        .chain-selector__modal.chain-selector__modal .cardg {
            background: #f5f6fa;
        }

        .chain-selector__modal.chain-selector__modal .all-chais {
            width: 100%;
            background: #ffffff;
            display: flex;
            justify-content: center;
            margin-top: 16px;
        }

        .chain-selector__modal.chain-selector__modal .all-chais span {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            text-align: center;
            color: #707280;
            cursor: pointer;
        }

        .chain-selector__modal.chain-selector__modal .ant-modal-body {
            max-height: 450px;
        }

        .chain-selector__modal.chain-selector__modal .tip {
            margin-top: 16px;
        }

        .chain-selector-large-modal .ant-modal-close .ant-modal-close-x {
            height: 64px;
            line-height: 64px;
            margin-top: 8px;
        }

        .chain-selector-large-modal .ant-modal-content {
            background: #f2f4f7;
            background: var(--r-neutral-bg2, #f2f4f7);
            box-shadow: 0px 24px 40px 0px rgba(19, 20, 26, 0.25);
            border-radius: 8px;
        }

        .chain-selector-large-modal .ant-modal-body {
            padding: 0;
            overflow: auto;
            max-height: calc(100vh - 150px) !important;
            height: 680px !important;
            padding-bottom: 20px;
        }

        .chain-selector-large-modal header {
            padding-top: 8px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            position: sticky;
            top: 0;
            z-index: 1;
            background: #f2f4f7;
            background: var(--r-neutral-bg2, #f2f4f7);
        }

        .chain-selector-large-modal header .modal-title {
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            text-align: center;
            font-size: 20px;
            font-weight: 500;
            line-height: 24px;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .chain-selector-large-modal header .ant-input-affix-wrapper {
            border: 1px solid rgba(255, 255, 255, 0.1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            height: 48px;
        }

        .chain-selector-large-modal header .ant-input-affix-wrapper:focus,
        .chain-selector-large-modal header .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .chain-selector-large-modal header .ant-input {
            background-color: transparent;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .chain-selector-large-modal .ant-drawer-header {
            padding: 12px 20px;
            background: linear-gradient(180deg, #eff1ff 0%, rgba(238, 234, 255, 0) 111.46%);
            border: none;
        }

        .chain-selector-large-modal .ant-drawer-header .chain-selector-tips {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            margin-bottom: 2px;
        }

        .chain-selector-large-modal .ant-drawer-header .chain-selector-site {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .chain-selector-large-modal .chain-selector-large-modal-content {
            padding-left: 20px;
            padding-right: 20px;
        }

        .chain-selector-large-modal .select-chain-list {
            background: #fff;
            background: var(--r-neutral-card1, #fff);
        }

        .chain-selector-large-modal .no-pinned-container {
            width: 360px;
            height: 56px;
            background: #f5f6fa;
            border-radius: 6px;
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            text-align: center;
            color: #707280;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
        }

        .chain-selector-large-modal .cardg {
            background: #f5f6fa;
        }

        .chain-selector-large-modal .all-chais {
            width: 100%;
            background: #ffffff;
            display: flex;
            justify-content: center;
            margin-top: 16px;
        }

        .chain-selector-large-modal .all-chais span {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            text-align: center;
            color: #707280;
            cursor: pointer;
        }

        .chain-selector-large-modal .tip {
            margin-top: 16px;
        }

        .chain-tag-selector {
            min-width: 116px;
            display: inline-flex;
            height: 40px;
            background: #9ba9fd;
            border-radius: 6px 6px 0px 0px;
            padding: 8px 6px 8px 12px;
            font-size: 12px;
            line-height: 14px;
            color: rgba(255, 255, 255, 0.7);
            cursor: pointer;
        }

        .chain-tag-selector .chain-tag-selector__name {
            color: #fff;
            font-weight: 500;
            margin-left: 5px;
        }

        .chain-tag-selector .icon-arrow-down path {
            width: 14px;
            height: 14px;
            fill: #fff;
        }

        .select-chain-list {
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 8px;
        }

        .select-chain-list+.select-chain-list {
            margin-top: 16px;
        }

        .select-chain-item {
            display: flex;
            align-items: center;
            flex-direction: column;
            padding: 0 16px;
            cursor: pointer;
            border-radius: 8px;
            position: relative;
            border: 1px solid transparent;
        }

        .select-chain-item::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: -1px;
            right: -1px;
            border-bottom: 0.5px solid #e0e5ec;
            border-bottom: 0.5px solid var(--r-neutral-line, #e0e5ec);
        }

        .select-chain-item .chain-icon-comp img {
            width: 28px;
            height: 28px;
        }

        .select-chain-item-icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
        }

        .select-chain-item-info {
            margin-left: 12px;
        }

        .select-chain-item-name {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .select-chain-item-balance {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .select-chain-item-star {
            margin-left: 8px;
            display: none;
        }

        .select-chain-item-checked {
            margin-left: 16px;
        }

        .select-chain-item:not(.select-chain-item-disabled):hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .select-chain-item:not(.select-chain-item-disabled):hover::after {
            display: none;
        }

        .select-chain-item:not(.select-chain-item-disabled):hover .select-chain-item-star {
            display: block;
        }

        .select-chain-item.select-chain-item-disabled:hover .select-chain-item-star {
            display: block;
        }

        .select-chain-item:last-child::after {
            display: none;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .fallback-site-logo {
            overflow: hidden;
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            border-radius: 4px;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            justify-content: center;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .rabby-checkbox__wrapper {
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .rabby-checkbox__wrapper .rabby-checkbox {
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s;
            position: relative;
        }

        .rabby-checkbox__wrapper .rabby-checkbox.circle {
            border-radius: 100%;
        }

        .rabby-checkbox__wrapper .rabby-checkbox .icon-check {
            width: 54%;
        }

        .rabby-checkbox__wrapper .rabby-checkbox__label {
            margin-left: 8px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .chain-card-wrapper {
            border: 1px solid #e5e9ef;
            position: relative;
            border-radius: 4px;
            box-sizing: border-box;
            overflow: hidden;
            margin-bottom: 8px;
            background: #ffffff;
            width: 164px;
            height: 52px;
        }

        .chain-card-wrapper:nth-child(odd) {
            margin-right: 8px;
        }

        .chain-card-wrapper.pinned {
            background: #f5f6fa;
            border-color: transparent;
        }

        .chain-card-wrapper.hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .chain-card-wrapper .chain-card {
            width: 100%;
            height: 100%;
            display: flex;
            box-sizing: border-box;
            padding: 12px 8px 12px 16px;
            cursor: default;
        }

        .chain-card-wrapper .chain-card .chain-name {
            margin-left: 12px;
            margin-bottom: 0;
            font-weight: 500;
            font-size: 15px;
            line-height: 30px;
            color: #13141a;
        }

        .chain-card-wrapper .chain-card .chain-logo {
            width: 28px;
            height: 28px;
        }

        .chain-card-wrapper .chain-add {
            width: 16px;
            height: 16px;
            position: absolute;
            right: 10px;
            top: 18px;
            cursor: pointer;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .token-with-chain {
            position: relative;
        }

        .token-with-chain .token-symbol,
        .token-with-chain .chain-symbol {
            border-radius: 100%;
        }

        .token-with-chain .chain-symbol {
            width: 14px;
            height: 14px;
            position: absolute;
            right: -2px;
            top: -2px;
        }

        .token-with-chain .no-round {
            border-radius: 4px !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .custom-popup .ant-drawer-header {
            padding: 20px 20px 0px 20px;
            border: none;
            text-align: center;
        }

        .custom-popup .ant-drawer-title {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
        }

        .custom-popup .ant-drawer-header {
            background: transparent;
        }

        .custom-popup .ant-drawer-content {
            flex: 1;
            background-color: #fff;
            background-color: var(--r-neutral-bg-1, #fff);
            border-radius: 16px 16px 0px 0px;
            overflow: visible;
        }

        .custom-popup.is-new .ant-drawer-content {
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
        }

        .custom-popup.isConnectView .ant-drawer-content {
            background: #F5F6FA;
        }

        .custom-popup:not(.is-support-darkmode) .popup-input {
            background-color: #f5f6fa !important;
            border-color: #e5e9ef;
        }

        .custom-popup:not(.is-support-darkmode) .popup-input .ant-input {
            background-color: #f5f6fa !important;
        }

        .custom-popup:not(.is-support-darkmode) .popup-input .anticon-close-circle {
            color: #707280;
        }

        .custom-popup:not(.is-support-darkmode) .popup-input:focus {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .custom-popup .popup-input {
            border-radius: 8px;
        }

        .custom-popup .popup-input input {
            border-radius: 0;
        }

        .custom-popup .popup-input input::-moz-placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .custom-popup .popup-input input:-ms-input-placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .custom-popup .popup-input input::placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .custom-popup .popup-footer {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            bottom: 24px;
        }

        .custom-popup.gas-modal .popup-footer {
            bottom: 0;
            padding-bottom: 18px;
            padding-top: 18px;
            border-top: 0.5px solid rgba(255, 255, 255, 0.1);
            border-top: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
        }

        .ant-drawer.is-support-darkmode .ant-drawer-title,
        .custom-popup.is-support-darkmode .ant-drawer-title,
        .custom-popup.chain-selector__modal .ant-drawer-title {
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .ant-drawer.is-support-darkmode .ant-drawer-header,
        .custom-popup.is-support-darkmode .ant-drawer-header,
        .custom-popup.chain-selector__modal .ant-drawer-header {
            background: transparent;
        }

        .ant-drawer.is-support-darkmode .ant-drawer-content,
        .custom-popup.is-support-darkmode .ant-drawer-content,
        .custom-popup.chain-selector__modal .ant-drawer-content {
            background: #3D4251;
            background: var(--r-neutral-bg-1, #3D4251);
        }

        .ant-drawer.is-support-darkmode.is-new .ant-drawer-content,
        .custom-popup.is-support-darkmode.is-new .ant-drawer-content,
        .custom-popup.chain-selector__modal.is-new .ant-drawer-content {
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
        }

        .ant-drawer.is-support-darkmode.isConnectView .ant-drawer-title,
        .custom-popup.is-support-darkmode.isConnectView .ant-drawer-title,
        .custom-popup.chain-selector__modal.isConnectView .ant-drawer-title {
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .ant-drawer.is-support-darkmode.isConnectView .ant-drawer-content,
        .custom-popup.is-support-darkmode.isConnectView .ant-drawer-content,
        .custom-popup.chain-selector__modal.isConnectView .ant-drawer-content {
            background: #fff;
            background: var(--r-neutral-bg-2, #fff);
        }

        .ant-drawer.is-support-darkmode .ant-input,
        .custom-popup.is-support-darkmode .ant-input,
        .custom-popup.chain-selector__modal .ant-input {
            border-color: transparent;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .ant-drawer.is-support-darkmode .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input,
        .custom-popup.is-support-darkmode .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input,
        .custom-popup.chain-selector__modal .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input {
            background: transparent;
        }

        .ant-drawer.is-support-darkmode .ant-input-number,
        .custom-popup.is-support-darkmode .ant-input-number,
        .custom-popup.chain-selector__modal .ant-input-number {
            border-color: transparent;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .ant-drawer.is-support-darkmode .ant-input-number .ant-input-number-input,
        .custom-popup.is-support-darkmode .ant-input-number .ant-input-number-input,
        .custom-popup.chain-selector__modal .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper {
            border-color: rgba(255, 255, 255, 0.1);
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper .ant-input,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper .ant-input,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper .ant-input {
            background: transparent;
        }

        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper:focus,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper:focus,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper:focus,
        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper-focused,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper-focused,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .ant-drawer.is-support-darkmode .ant-input-suffix,
        .custom-popup.is-support-darkmode .ant-input-suffix,
        .custom-popup.chain-selector__modal .ant-input-suffix {
            color: var(--r-neutral-foot);
        }

        .ant-drawer.is-support-darkmode .ant-input-suffix .anticon-close-circle,
        .custom-popup.is-support-darkmode .ant-input-suffix .anticon-close-circle,
        .custom-popup.chain-selector__modal .ant-input-suffix .anticon-close-circle {
            color: var(--r-neutral-foot);
        }

        .ant-drawer.is-support-darkmode .ant-input,
        .custom-popup.is-support-darkmode .ant-input,
        .custom-popup.chain-selector__modal .ant-input {
            background: rgba(255, 255, 255, 0.06) !important;
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06)) !important;
        }

        .ant-drawer.is-support-darkmode .ant-input.ant-input-affix-wrapper,
        .custom-popup.is-support-darkmode .ant-input.ant-input-affix-wrapper,
        .custom-popup.chain-selector__modal .ant-input.ant-input-affix-wrapper {
            border-color: rgba(255, 255, 255, 0.1) !important;
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1)) !important;
            background: #F2F4F7 !important;
            background: var(--r-neutral-card-2, #F2F4F7) !important;
        }

        .ant-drawer.is-support-darkmode .ant-form-item-has-error .ant-input-affix-wrapper,
        .custom-popup.is-support-darkmode .ant-form-item-has-error .ant-input-affix-wrapper,
        .custom-popup.chain-selector__modal .ant-form-item-has-error .ant-input-affix-wrapper {
            border-color: #FF4D4F !important;
            border-color: var(--r-red-default, #FF4D4F) !important;
        }

        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper {
            border-width: 1px;
        }

        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper.ant-input-affix-wrapper-focused,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
            border-width: 1px;
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .ant-drawer.is-support-darkmode .ant-input-affix-wrapper .ant-input,
        .custom-popup.is-support-darkmode .ant-input-affix-wrapper .ant-input,
        .custom-popup.chain-selector__modal .ant-input-affix-wrapper .ant-input {
            background: transparent !important;
        }

        .ant-drawer .ant-drawer-mask,
        .custom-popup .ant-drawer-mask {
            background-color: var(--rabby-custom-ant-drawer-mask);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .nft-avatar {
            position: relative;
            border-radius: 4px;
            border: none;
            width: 64px;
            height: 64px;
            background-color: var(--r-neutral-bg1);
        }

        .nft-avatar:hover .nft-avatar-cover {
            display: flex;
        }

        .nft-avatar .ant-image {
            width: 100%;
            height: 100%;
        }

        .nft-avatar-image {
            width: 100% !important;
            height: 100% !important;
            border-radius: 4px;
            -ms-interpolation-mode: nearest-neighbor;
            image-rendering: pixelated;
        }

        .nft-avatar-chain {
            position: absolute;
            top: -7px;
            right: -7px;
            width: 14px;
            height: 14px;
            z-index: 1;
        }

        .nft-avatar-cover {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 4px;
            background-color: rgba(0, 0, 0, 0.6);
            align-items: center;
            justify-content: center;
            display: none;
            cursor: pointer;
        }

        .nft-avatar-count {
            position: absolute;
            top: 4px;
            right: 4px;
            font-size: 12px;
            line-height: 14px;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 2px;
            padding: 1px 5px;
            color: #fff;
        }

        .rabby-chain-icon {
            width: 14px;
            height: 14px;
            border-radius: 50%;
        }

        .nft-modal .ant-modal-confirm-content {
            margin: 0;
            background: transparent;
            max-height: unset !important;
            padding: 0;
        }

        .nft-modal .ant-modal-content {
            border-radius: 12px;
            background: #3D4251;
            background: var(--r-neutral-bg-1, #3D4251);
        }

        .nft-modal .ant-modal-body {
            padding: 12px 12px 16px;
            max-height: unset !important;
        }

        .nft-modal .ant-modal-confirm-content {
            margin: 0 !important;
            padding: 12px !important;
        }

        .nft-preview-card .nft-avatar {
            width: 100%;
            height: 306px;
        }

        .nft-preview-card-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-top: 16px;
            padding-bottom: 12px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .nft-preview-card-list {
            padding-top: 12px;
            margin-bottom: 16px;
        }

        .nft-preview-card-list-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 12px;
        }

        .nft-preview-card-list-item:nth-last-child(1) {
            margin-bottom: 0;
        }

        .nft-preview-card-list-item-label {
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
        }

        .nft-preview-card-list-item-value {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 12px;
            line-height: 14px;
            color: #BABEC5;
            color: var(--r-neutral-foot, #BABEC5);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .token-detail {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .token-detail-popup.ant-drawer .ant-drawer-body {
            padding: 0;
        }

        .token-detail-popup.ant-drawer .ant-drawer-content {
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
        }

        .token-detail-header {
            padding: 20px;
            height: 56px;
            box-sizing: border-box;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            position: sticky;
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
            border-radius: 16px 16px 0 0;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .token-detail-header .token-with-chain .chain-symbol {
            display: none;
        }

        .token-detail-header .token-symbol {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .token-detail-header .address {
            align-items: center;
            background: #F2F4F7;
            background: var(--r-neutral-card-2, #F2F4F7);
            border-radius: 4px;
            padding: 6px 7px 4px;
            display: flex;
            gap: 6px;
            font-size: 12px;
            line-height: 14px;
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
        }

        .token-detail-header .remove {
            margin-left: 12px;
            background: #e5e9ef;
            border-radius: 2.6666px;
            padding: 4px;
            cursor: pointer;
        }

        .token-detail-header .alert {
            background: rgba(39, 193, 147, 0.2);
            border-radius: 6px;
            padding: 16px;
            margin-top: 20px;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #27c193;
        }

        .token-detail-header .alert-primary {
            background: rgba(134, 151, 255, 0.2);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            display: flex;
            align-items: center;
        }

        .token-detail-header .alert-primary-btn {
            flex-shrink: 0;
            margin-left: auto;
            background: #7084ff;
            background: var(--r-blue-default, #7084ff);
            border-radius: 4px;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .token-detail-body {
            flex: 1;
            overflow-y: auto;
            overflow-x: hidden;
            display: flex;
            padding: 20px 20px 100px;
            position: relative;
        }

        .token-detail-body .border-orange-default {
            border: 0.5px solid #FFB020;
            border: 0.5px solid var(--r-orange-default, #FFB020);
        }

        .token-detail-body .token-detail-time-tab:hover {
            color: #192945 !important;
            color: var(--r-neutral-title-1, #192945) !important;
        }

        .token-detail-stickyarea {
            position: sticky;
            top: 56px;
            left: 0;
            right: 0;
            z-index: 1;
            background: #FFF;
            background: var(--r-neutral-bg-1, #FFF);
            padding: 0;
            padding-bottom: 10px;
        }

        .token-detail .J_buttons_area {
            border-top: 0.5px solid #E0E5EC;
            border-top: 0.5px solid var(--r-neutral-line, #E0E5EC);
        }

        .token-detail-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding-top: 16px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
            border-top: 1px solid #f5f6fa;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
        }

        .token-detail .balance {
            font-size: 14px;
            line-height: 16px;
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
        }

        .token-detail .balance-content {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .token-detail .balance-value {
            font-size: 15px;
            font-weight: 500;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .token-detail .balance-value-usd {
            font-size: 15px;
            font-weight: 400;
            color: #6A7587;
            color: var(--r-neutral-body, #6A7587);
        }

        .token-txs-history {
            font-size: 12px;
            line-height: 14px;
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
        }

        .token-txs-history-card {
            position: relative;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            padding: 0 12px;
        }

        .token-txs-history-card:not(:last-child) {
            border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
            border-bottom: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
        }

        .token-txs-history-card:first-child {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .token-txs-history-card:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        .token-txs-history-card.is-gray {
            opacity: 0.5;
        }

        .token-txs-history-card-header {
            display: flex;
            padding: 12px 0;
            gap: 8px;
            align-items: center;
        }

        .token-txs-history-card-header .time {
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
            margin-right: auto;
        }

        .token-txs-history-card-body {
            padding-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .token-txs-history-card .tx-status {
            margin-left: auto;
        }

        .token-txs-history-card .tx-status.is-failed {
            color: #f24822;
        }

        .token-txs-history-card .tag-scam {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
            padding: 3px 6px;
            background: #e5e9ef;
            border-radius: 2px;
        }

        .token-txs-history__empty {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .token-txs-history__empty .no-data {
            width: 100px;
            height: 100px;
            margin: 0 auto 0;
        }

        .token-txs-history-loading {
            padding: 12px 12px 16px;
        }

        .token-txs-history-loading .ant-skeleton-input {
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
        }

        .token-detail-remove-modal .ant-modal-body {
            background-color: #fff !important;
        }

        .token-detail-remove-modal .ant-modal-confirm-content.ant-modal-confirm-content {
            padding-top: 14px;
            padding-bottom: 4px;
            margin-bottom: 0;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #4b4d59;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .ui.tx-explain {
            display: flex;
            gap: 8px;
            align-items: center;
            overflow: hidden;
            font-size: 12px;
            line-height: 14px;
        }

        .ui.tx-explain .tx-icon {
            width: 28px;
            height: 28px;
            border-radius: 2px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .ui.tx-explain .tx-explain-body {
            display: flex;
            flex-direction: column;
            gap: 4px;
            justify-content: center;
            overflow: hidden;
        }

        .ui.tx-explain .tx-explain-body .name-and-address {
            max-width: 170px;
            justify-content: unset;
            gap: 4px;
        }

        .ui.tx-explain .tx-explain-body .name-and-address img {
            margin-left: 0 !important;
        }

        .ui.tx-explain .tx-explain-body .name-and-address .name,
        .ui.tx-explain .tx-explain-body .name-and-address .address {
            font-weight: normal;
            margin: 0;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            font-size: 12px;
            line-height: 14px;
        }

        .ui.tx-explain .tx-explain-title,
        .ui.tx-explain .tx-explain-desc {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ui.tx-explain .tx-explain-title {
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .ui.tx-explain .tx-explain-desc {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
        }

        .ui.tx-id {
            font-size: 12px;
            line-height: 14px;
        }

        .ui.tx-id .tx-id {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            text-decoration: underline;
        }

        .ui.tx-id .tx-id-chain {
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            margin-right: 8px;
        }

        .ui.tx-id .tx-id-container {
            margin-left: auto;
        }

        .ui.token-change {
            margin-left: auto;
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-size: 12px;
            line-height: 14px;
            max-width: 200px;
            min-width: 130px;
        }

        .ui.token-change .token-change-item {
            display: flex;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            justify-content: flex-end;
        }

        .ui.token-change .token-change-item-text {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ui.token-change .token-change-item.is-success {
            color: #2abb7f;
            color: var(--r-green-default, #2abb7f);
        }

        .ui.token-change .token-change-item .token-icon {
            flex-shrink: 0;
            width: 14px;
            height: 14px;
            -o-object-fit: cover;
            object-fit: cover;
            margin-right: 6px;
            border-radius: 50%;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .name-and-address {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .name-and-address .name {
            margin-right: 6px;
            font-weight: 500;
            font-size: 15px;
            color: var(--r-neutral-body);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .name-and-address .address {
            font-weight: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: var(--r-neutral-foot);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .rabby-loading {
            text-align: center;
        }

        .rabby-loading-image {
            width: 100px;
            height: 100px;
            margin-bottom: 12px;
            margin-left: auto;
            margin-right: auto;
            width: 36px;
            height: 36px;
            animation: spining 1s linear infinite;
        }

        .rabby-loading-text {
            text-align: center;
            font-size: 14px;
            line-height: 16px;
            color: #4b4d59;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .loading-overlay {
            width: 100vw;
            height: 100vh;
            position: fixed;
            left: 0;
            top: 0;
            background: rgba(240, 242, 245, 0.5);
            opacity: 1;
            transition: overlay 0.3s;
            z-index: 999;
        }

        .loading-overlay.hidden {
            opacity: 0;
        }

        .loading-overlay__content {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .loading-overlay__content .icon-loading {
            animation: spining 1.5s infinite;
            margin-bottom: 16px;
        }

        .loading-overlay__content .icon-loading path {
            fill: #707280;
        }

        .loading-overlay__content p {
            margin-bottom: 0;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #707280;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .rabby-navbar {
            min-height: 48px;
            background: var(--r-blue-default);
        }

        .rabby-navbar-container {
            width: 100%;
            padding: 16px 20px;
        }

        .rabby-navbar-main {
            display: flex;
            align-items: center;
        }

        .rabby-navbar-back {
            cursor: pointer;
        }

        .rabby-navbar-left,
        .rabby-navbar-right {
            flex: 1;
        }

        .rabby-navbar-right {
            text-align: right;
        }

        .rabby-navbar-title {
            flex: auto;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            padding-left: 12px;
            padding-right: 12px;
            color: #ffffff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .rabby-navbar-desc {
            margin-top: 4px;
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            text-align: center;
            color: #ffffff;
            opacity: 0.8;
            padding-left: 20px;
            padding-right: 20px;
        }

        @media screen and (min-width: 400px) {
            .rabby-navbar-container {
                width: 400px;
                margin-left: auto;
                margin-right: auto;
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .recent-connections-popup .page-header {
            margin-bottom: 17px !important;
        }

        .recent-connections-popup .title {
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            font-size: 12px;
            margin: 0;
        }

        .recent-connections-popup .scroll-container {
            max-height: var(52%);
            overflow: auto;
        }

        .recent-connections-popup .list:not(:last-child) {
            margin-bottom: 28px;
        }

        .recent-connections-popup .list-header {
            display: flex;
            -moz-column-gap: 12px;
            column-gap: 12px;
            margin-bottom: 8px;
        }

        .recent-connections-popup .list-extra,
        .recent-connections-popup .list-title {
            font-size: 12px;
            line-height: 14px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .recent-connections-popup .list-extra {
            margin-left: auto;
            flex-shrink: 0;
        }

        .recent-connections-popup .list-extra a {
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
        }

        .recent-connections-popup .list-empty {
            min-height: 52px;
            left: 0px;
            bottom: 0px;
            padding: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            line-height: 14px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
        }

        .recent-connections-popup .list-content {
            display: flex;
            flex-wrap: wrap;
            border-radius: 6px;
        }

        .recent-connections-popup .list-content .item {
            margin-bottom: 8px;
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            -moz-column-gap: 12px;
            column-gap: 12px;
            padding: 13px 15px;
            border-radius: 6px;
            border: 1px solid transparent;
            background: #f2f4f7;
            background: var(--r-neutral-card2, #f2f4f7);
            cursor: pointer;
        }

        .recent-connections-popup .list-content .item .pin-website:not(.is-active) path {
            stroke: var(--r-neutral-foot);
        }

        .recent-connections-popup .list-content .item .icon-close {
            width: 16px;
            height: 16px;
            opacity: 0;
        }

        .recent-connections-popup .list-content .item .icon-close path {
            fill: var(--r-neutral-foot);
        }

        .recent-connections-popup .list-content .item .icon-close:hover path {
            fill: #e34935;
            fill: var(--r-red-default, #e34935);
        }

        .recent-connections-popup .list-content .item.is-dragging {
            opacity: 0.5;
            background-color: rgba(255, 255, 255, 0.06);
            background-color: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
        }

        .recent-connections-popup .list-content .item.is-overlay {
            cursor: grabbing;
        }

        .recent-connections-popup .list-content .item.is-overlay .icon-close {
            display: none !important;
        }

        .recent-connections-popup .list-content .item-content {
            font-weight: 500;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            font-size: 13px;
            line-height: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .recent-connections-popup .list-content .item-extra {
            cursor: pointer;
            position: relative;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            margin-left: auto;
        }

        .recent-connections-popup .list-content .item:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: rgba(112, 132, 255, 0.1);
            background: var(--r-blue-light-1, rgba(112, 132, 255, 0.1));
        }

        .recent-connections-popup .list-content .item:hover .pin-website {
            opacity: 1;
        }

        .recent-connections-popup .list-content .item:hover .icon-close {
            opacity: 1;
        }

        .recent-connections-popup .list-content .logo {
            position: relative;
            display: inline-block;
            flex-shrink: 0;
        }

        .recent-connections-popup .list-content .connect-chain {
            position: absolute;
            bottom: -2px;
            right: -4px;
            width: 14px;
            height: 14px;
            z-index: 2;
        }

        .recent-connections-popup .list-content .fallback-site-logo {
            position: relative;
            overflow: visible;
        }

        .recent-connections-popup .list-content .fallback-site-logo .img-wrapper {
            width: 28px;
            height: 28px;
        }

        .recent-connections-popup .list-content .pin-website {
            opacity: 0;
            width: 16px;
            height: 16px;
        }

        .recent-connections-popup .list-content .pin-website.is-active {
            opacity: 1;
        }

        .recent-connections-popup .icon-no-data {
            width: 140px;
            height: 140px;
            margin-top: 4px;
            margin-left: 50%;
            transform: translateX(-70px);
        }

        .recent-connections-popup .btn-disconnect-all {
            border-radius: 6px;
            border: 1px solid #e34935;
            border: 1px solid var(--r-red-default, #e34935);
            color: #e34935;
            color: var(--r-red-default, #e34935);
            font-size: 15px;
            font-weight: 500;
            line-height: 18px;
            height: 48px;
        }

        .recent-connections-popup .btn-disconnect-all:hover::before {
            display: none !important;
        }

        .recent-connections-popup .btn-disconnect-all:hover {
            border: 1px solid #e34935;
            border: 1px solid var(--r-red-default, #e34935);
            background: #ffdfdb !important;
            background: var(--r-red-light, #ffdfdb) !important;
        }

        .recent-connections-popup .current-connection {
            width: 344px;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 44px;
            margin-left: -12px;
            background: #ffffff;
            border-radius: 6px;
            padding: 12px 16px;
        }

        .recent-connections-popup .current-connection .connected {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .recent-connections-popup .current-connection .connected .logo {
            width: 28px;
            height: 28px;
            margin-right: 8px;
            border-radius: 4px;
        }

        .recent-connections-popup .current-connection .connected .info {
            margin-left: 12px;
            flex: 1;
            padding-right: 10px;
            overflow: hidden;
        }

        .recent-connections-popup .current-connection .connected .info p {
            margin-bottom: 0;
        }

        .recent-connections-popup .current-connection .connected .info .origin {
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            font-size: 13px;
            line-height: 15px;
            font-weight: 500;
        }

        .recent-connections-popup .current-connection .connected .info .name {
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            font-size: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .recent-connections-popup .current-connection .not-connected {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            font-size: 12px;
            margin-bottom: 0;
        }

        .recent-connections-popup .current-connection .not-connected .icon-no-connect {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        .recent-connections-popup .click-modal {
            width: 400px;
            height: 40px;
            z-index: 10;
            position: absolute;
            left: 0;
            top: -40px;
            cursor: pointer;
        }

        .connect-site-popover {
            font-size: 12px;
            max-width: 220px;
        }

        .connect-site-popover p {
            margin-bottom: 0;
            word-break: break-all;
        }

        .connect-site-popover .origin {
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            margin-bottom: 4px;
            font-weight: 500;
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-close-x {
            width: 46px;
            height: 46px;
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-content {
            background-color: #fff;
            background-color: var(--r-neutral-bg-1, #fff);
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-body {
            padding: 32px 20px 36px;
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-body .title {
            font-weight: 500;
            font-size: 15px;
            line-height: 22px;
            text-align: center;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-body .title strong {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content {
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
            text-align: center;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            background-color: transparent !important;
            padding: 0;
            margin: 0;
            min-height: initial;
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-confirm-btns {
            margin-top: 34px;
            display: flex !important;
            justify-content: center;
        }

        .recent-connections-confirm-modal.ant-modal-confirm .ant-modal-confirm-btns .ant-btn {
            height: 48px;
            width: 200px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .current-connection-block {
            bottom: 24px;
            width: 360px;
            margin-top: 14px;
            display: flex;
            align-items: center;
            background: #f5f6fa;
            background: var(--r-neutral-card-2, #f5f6fa);
            border-radius: 6px;
            padding: 8px 12px 8px 8px;
        }

        .current-connection-block-tooltip {
            max-width: 360px !important;
        }

        .current-connection-block-tooltip .ant-tooltip-arrow {
            left: 24px !important;
        }

        .current-connection-block.site-group:hover .site-icon-container.is-support {
            cursor: pointer;
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
        }

        .current-connection-block.site-group:hover .global-account-selector:not(.is-disabled) {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
        }

        .current-connection-block.site-group:hover .site-status-icon {
            color: #e34935 !important;
            color: var(--r-red-default, #e34935) !important;
        }

        .current-connection-block .site {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 0;
        }

        .current-connection-block .site .prefer-metamask-badge {
            position: absolute;
            top: -10px;
            left: -10px;
            width: 24px;
            height: 24px;
        }

        .current-connection-block .site.is-empty .site-icon {
            width: 20px;
            border-radius: none;
        }

        .current-connection-block .site.is-empty .site-content {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .current-connection-block .site .site-status.active .site-status-icon {
            display: block;
        }

        .current-connection-block .site-icon {
            flex-shrink: 0;
            width: 28px;
            height: 28px;
            border-radius: 28px;
        }

        .current-connection-block .site-icon-container {
            padding: 3px;
            border-radius: 1000px;
            border: 1px solid transparent;
        }

        .current-connection-block .site-icon-container.is-support:hover {
            cursor: pointer;
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
        }

        .current-connection-block .site-content {
            flex: 1;
            overflow: hidden;
        }

        .current-connection-block .site-name {
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            margin-bottom: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .current-connection-block .site-status {
            font-weight: 400;
            font-size: 11px;
            line-height: 13px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            display: flex;
            align-items: center;
        }

        .current-connection-block .site-status.active {
            color: #27c193;
        }

        .current-connection-block .site-status-icon {
            display: none;
            margin-left: 8px;
            width: 12px;
            cursor: pointer;
        }

        .current-connection-block .chain-selector {
            margin-left: auto;
            background-color: transparent;
            height: 36px;
            padding-left: 8px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .current-connection-block .chain-selector .chain-logo {
            width: 20px;
            height: 20px;
            margin-right: 6px;
        }

        .current-connection-block .chain-selector .icon-arrow-down {
            margin-left: 6px;
            margin-right: 8px;
        }

        .current-connection-block .chain-selector.disabled {
            opacity: 0.4;
            pointer-events: none;
        }

        .current-connection-block .chain-selector:hover {
            background-color: rgba(134, 151, 255, 0.2);
        }

        .prefer-metamask-tooltip {
            max-width: 360px !important;
        }

        .prefer-metamask-tooltip .ant-tooltip-arrow {
            left: 7px !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .global-account-selector {
            height: 32px;
            cursor: pointer;
            display: flex;
            align-items: center;
            flex-shrink: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid #e0e5ec;
            border: 1px solid var(--r-neutral-line, #e0e5ec);
            border-radius: 8px;
            padding: 8px 6px;
            max-width: 156px;
            font-size: 13px;
            font-weight: 500;
            line-height: 16px;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
        }

        .global-account-selector.is-disabled {
            cursor: not-allowed;
            opacity: 0.6;
        }

        .global-account-selector:not(.is-disabled):hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
        }

        .global-account-selector .brand-icon {
            width: 20px;
            height: 20px;
            border-radius: 1000px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .recent-connections {
            background-color: #FFF;
            background-color: var(--r-neutral-bg-1, #FFF);
            position: relative;
            flex: 1;
            padding: 14px 20px;
        }

        .recent-connections .ant-badge .ant-badge-count {
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
            padding: 2px 6px;
            font-size: 13px;
            line-height: 1;
            height: 18px;
            border-radius: 90px;
            box-shadow: none;
        }

        .recent-connections .ant-badge.alert .ant-badge-count {
            background-color: #ec5151;
        }

        .recent-connections .ant-badge.round .ant-badge-count {
            padding: 2px 4.5px !important;
        }

        .recent-connections .title {
            color: #707280;
            font-size: 12px;
            margin: 0;
        }

        .recent-connections .pannel {
            width: 360px;
            display: flex;
            justify-content: flex-start;
            padding: 10px 8px;
            padding-right: 7px;
            flex-direction: column;
            background: #f5f6fa;
            background: var(--r-neutral-card-2, #f5f6fa);
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            position: relative;
        }

        .recent-connections .pannel .direction-pannel {
            display: flex;
            flex-wrap: wrap;
        }

        .recent-connections .pannel .direction-pannel .disable-direction,
        .recent-connections .pannel .direction-pannel .direction {
            position: relative;
            width: 115px;
            height: 76px;
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            font-size: 14px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .recent-connections .pannel .direction-pannel .disable-direction .images,
        .recent-connections .pannel .direction-pannel .direction .images {
            width: 28px;
            height: 28px;
            justify-self: center;
            margin-bottom: 5px;
        }

        .recent-connections .pannel .direction-pannel .disable-direction .images.icon-spin,
        .recent-connections .pannel .direction-pannel .direction .images.icon-spin {
            animation: icn-spin 1.5s linear infinite;
        }

        .recent-connections .pannel .direction-pannel .disable-direction .images.icon-rabby-mobile,
        .recent-connections .pannel .direction-pannel .direction .images.icon-rabby-mobile {
            width: 32px;
            height: 32px;
            margin-bottom: 1px;
        }

        @keyframes icn-spin {
            100% {
                transform: rotate(360deg);
            }
        }

        .recent-connections .pannel .direction-pannel .disable-direction .icon-alert,
        .recent-connections .pannel .direction-pannel .direction .icon-alert {
            position: absolute;
            right: 33px;
            top: 7px;
        }

        .recent-connections .pannel .direction-pannel .disable-direction:hover,
        .recent-connections .pannel .direction-pannel .direction:hover {
            background: #eef1ff;
            background: var(--r-blue-light-2, #eef1ff);
        }

        .recent-connections .pannel .direction-pannel .disable-direction {
            opacity: 0.5;
        }

        .recent-connections .pannel .direction-pannel .disable-direction:hover {
            background: transparent;
        }

        .recent-connections .pannel .direction-pannel .coming-soon-badge {
            opacity: 1;
            cursor: default;
            position: absolute;
            right: 4px;
            top: 0;
            padding: 1px 8px;
            background: #d3dbe7;
            border-radius: 90px;
            color: #707280;
            height: 16px;
            width: 44px;
            font-size: 12px;
            line-height: 14px;
            font-weight: 400;
        }

        .recent-connections .price-viewer {
            display: flex;
            padding: 8px 12px;
            position: relative;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            border-top: 0.5px solid #d3d8e0;
            border-top: 0.5px solid var(--r-neutral-line, #d3d8e0);
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .recent-connections .price-viewer .eth-price,
        .recent-connections .price-viewer .gas-container {
            display: flex;
            justify-content: flex-start;
            flex: 1;
            align-items: center;
        }

        .recent-connections .price-viewer .eth-price .gasprice,
        .recent-connections .price-viewer .gas-container .gasprice {
            font-size: 13px;
            line-height: 15px;
            font-weight: 500;
            margin-left: 6px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .recent-connections .price-viewer .eth-price .positive,
        .recent-connections .price-viewer .gas-container .positive {
            font-size: 12px;
            line-height: 14px;
            text-align: right;
            color: #27c193;
            margin-left: 4px;
        }

        .recent-connections .price-viewer .eth-price .depositive,
        .recent-connections .price-viewer .gas-container .depositive {
            font-size: 12px;
            line-height: 14px;
            text-align: right;
            color: #27c193;
            margin-left: 4px;
            color: #ec5151;
        }

        .recent-connections .price-viewer .eth-price .even,
        .recent-connections .price-viewer .gas-container .even {
            font-size: 12px;
            line-height: 14px;
            text-align: right;
            color: #27c193;
            margin-left: 4px;
            color: #707280;
        }

        .recent-connections .price-viewer .eth-price .ant-skeleton-button,
        .recent-connections .price-viewer .gas-container .ant-skeleton-button {
            width: 60px;
            height: 16px;
            background-color: #e5e9ef;
            border-radius: 2px;
            margin-left: 8px;
            opacity: 0.6;
        }

        .recent-connections .price-viewer .eth-price .ant-skeleton-button {
            width: 100px;
        }

        .recent-connections .price-viewer .gas-container {
            position: relative;
            margin-left: auto;
            flex: initial;
        }

        .recent-connections .price-viewer .gas-container::after {
            position: absolute;
            content: '';
            width: 0;
            height: 20px;
            left: -12px;
            top: 50%;
            transform: translateY(-50%);
            background: #d3d8e0;
            background: var(--r-neutral-line, #d3d8e0);
            border-left: 0.5px solid #d3d8e0;
            border-left: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .recent-connections .price-viewer .gas-container .gasprice {
            padding: 0 2px 0 3px;
            margin-left: 0;
        }

        .recent-connections .price-viewer .gas-container .gwei {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            line-height: 16px;
            font-size: 12px;
        }

        .recent-connections .icon-no-data {
            width: 140px;
            height: 140px;
            margin-top: 4px;
            margin-left: 50%;
            transform: translateX(-70px);
        }

        .recent-connections .current-connection {
            bottom: 20px;
            width: 360px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f5f6fa;
            background: var(--r-neutral-card-2, #f5f6fa);
            border-radius: 6px;
            padding: 12px 16px;
        }

        .recent-connections .current-connection.higher {
            bottom: 40px;
        }

        .recent-connections .current-connection .left-corner {
            position: absolute;
            left: 0;
            top: 0;
            border-top-left-radius: 6px;
        }

        .recent-connections .current-connection .connect-wrapper {
            position: absolute;
            left: 0;
            height: 48px;
            background: transparent;
            border: 0.5px solid transparent;
            box-sizing: border-box;
            border-radius: 6px;
        }

        .recent-connections .current-connection .connect-wrapper:hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 0.5px solid #7084ff;
            border: 0.5px solid var(--r-blue-default, #7084ff);
            box-sizing: border-box;
            border-radius: 6px;
        }

        .recent-connections .current-connection .not-connected::after {
            content: '';
            position: absolute;
            left: 130px;
            bottom: 10px;
            height: 28px;
            width: 1px;
            border-right: 1px solid #e5e9ef;
        }

        .recent-connections .current-connection .connected {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .recent-connections .current-connection .connected .arrowColor {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .recent-connections .current-connection .connected .right {
            display: flex;
            flex: 1;
            position: absolute;
            right: 16px;
        }

        .recent-connections .current-connection .connected .right .icon-container {
            position: relative;
            margin-right: 8px;
            display: flex;
        }

        .recent-connections .current-connection .connected .right .image-item {
            width: 24px;
            height: 24px;
            border-radius: 100%;
            padding: 1px;
            background: #ffffff;
            overflow: hidden;
            margin-left: -6px;
            position: relative;
        }

        .recent-connections .current-connection .connected .right .image-item .image {
            width: 22px;
            height: 22px;
            border-radius: 100%;
        }

        .recent-connections .current-connection .connected .right .image-item:first-child {
            z-index: 6;
        }

        .recent-connections .current-connection .connected .right .image-item:nth-child(2) {
            z-index: 5;
        }

        .recent-connections .current-connection .connected .right .image-item:nth-child(3) {
            z-index: 4;
        }

        .recent-connections .current-connection .connected .right .image-item:nth-child(4) {
            z-index: 3;
        }

        .recent-connections .current-connection .connected .right .image-item:nth-child(5) {
            z-index: 2;
        }

        .recent-connections .current-connection .connected .right .image-item:last-child {
            z-index: 1;
        }

        .recent-connections .current-connection .connected .right .image-item:last-child .image {
            z-index: 0;
        }

        .recent-connections .current-connection .connected .right .image-item:last-child .modal {
            z-index: 1;
            width: 24px;
            height: 24px;
            background: rgba(0, 0, 0, 0.8);
            border-radius: 100%;
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .recent-connections .current-connection .connected .right .image-item:last-child .modal .dot {
            width: 14px;
        }

        .recent-connections .current-connection .connected .right .image-item img {
            width: 100%;
        }

        .recent-connections .current-connection .connected .right .no-dapp {
            font-size: 12px;
            color: #707280;
        }

        .recent-connections .current-connection .connected .logo {
            width: 28px;
            height: 28px;
            margin-right: 8px;
            border-radius: 4px;
        }

        .recent-connections .current-connection .connected .info {
            margin-left: 12px;
            flex: 1;
            padding-right: 10px;
            overflow: hidden;
        }

        .recent-connections .current-connection .connected .info p {
            margin-bottom: 0;
        }

        .recent-connections .current-connection .connected .info .origin {
            color: #13141a;
            font-size: 13px;
            line-height: 15px;
            font-weight: 500;
        }

        .recent-connections .current-connection .connected .info .name {
            color: #707280;
            font-size: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .recent-connections .current-connection .not-connected {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #707280;
            font-size: 12px;
            margin: 0 15px 0 10px;
        }

        .recent-connections.lower {
            padding-top: 47px;
        }

        .connect-site-popover {
            font-size: 12px;
            max-width: 220px;
        }

        .connect-site-popover p {
            margin-bottom: 0;
            word-break: break-all;
        }

        .connect-site-popover .origin {
            color: #13141a;
            margin-bottom: 4px;
            font-weight: 500;
        }

        .no-border-shadow {
            position: relative;
            width: 100%;
            box-shadow: none;
            border: 0;
            background: transparent;
            padding: 0 0 0 10px;
        }

        .no-border-shadow::after {
            content: '';
            position: relative;
            height: 28px;
            width: 1px;
            border-right: 1px solid #e5e9ef;
        }

        .direction-tooltip .ant-tooltip-arrow {
            transform: translateX(0);
            left: auto;
            right: 45px;
        }

        .receive-chain-select-modal .ant-drawer-header {
            border-bottom: none;
            padding: 20px;
        }

        .receive-chain-select-modal .ant-drawer-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            text-align: center;
        }

        .receive-chain-select-modal .ant-drawer-body {
            padding-top: 0 !important;
        }

        .coming-soon-message .tip-text {
            position: relative;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .popup-settings {
            display: flex;
            flex-direction: column;
            overflow: auto;
            height: 100%;
        }

        .popup-settings .content {
            flex: 1;
        }

        .popup-settings .setting-block+.setting-block {
            margin-top: 16px;
        }

        .popup-settings .setting-block .setting-title {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .popup-settings .setting-block .setting-title+.setting-items {
            margin-top: 8px;
        }

        .popup-settings .setting-items {
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
        }

        .popup-settings .setting-items .field {
            margin-bottom: 0;
            border-radius: 0;
        }

        .popup-settings .setting-items .field:first-child {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .popup-settings .setting-items .field:last-child {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .popup-settings .setting-items .field+.field {
            margin-top: 0;
        }

        .popup-settings .footer {
            text-align: center;
            font-size: 12px;
            line-height: 16px;
            color: #707280;
            padding: 18px 0;
        }

        .popup-settings .footer img {
            display: inline-block;
            width: 100px;
        }

        .popup-settings .lock-wallet {
            margin-bottom: 12px;
            font-weight: 500;
            font-size: 15px;
            line-height: 17px;
            height: 52px;
        }

        .popup-settings .lock-wallet .icon-lock {
            width: 20px;
            height: 20px;
            margin-right: 8px;
            margin-left: -4px;
        }

        .popup-settings .field {
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            margin-bottom: 8px;
            font-size: 14px;
            font-weight: 500;
            line-height: 16px;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            padding: 0 16px;
            border: 1px solid transparent;
            min-height: 52px;
        }

        .popup-settings .field.has-desc {
            height: 64px;
            align-items: flex-start;
            padding: 12px 16px 0;
        }

        .popup-settings .field.has-desc .field-slot {
            overflow: visible;
            flex-wrap: wrap;
        }

        .popup-settings .field.has-desc .desc {
            width: 100%;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #4b4d59;
            margin-top: 4px;
            margin-bottom: 0;
            white-space: nowrap;
        }

        .popup-settings .field+.field {
            margin-top: 8px;
        }

        .popup-settings .field.default-wallet-field {
            padding-top: 20px;
            height: 72px;
            align-items: flex-start;
        }

        .popup-settings .field.default-wallet-field .default-wallet-title {
            line-height: 20px;
        }

        .popup-settings .field:hover,
        .popup-settings .field.checked {
            background-color: rgba(134, 151, 255, 0.2);
            border: 1px solid var(--r-blue-default);
            border-radius: 6px;
        }

        .popup-settings .field .not-default-tip {
            color: #ec5151;
            font-size: 12px;
            line-height: 14px;
        }

        .popup-settings .field .left-icon .icon {
            width: 20px;
            height: 20px;
        }

        .popup-settings .field .right-icon .icon {
            width: 16px;
            height: 16px;
        }

        .popup-settings .popup-feedback-inner,
        .popup-settings .recent-connections-popup,
        .popup-settings .resolve-conflict-modal,
        .popup-settings .openapi-modal,
        .popup-settings .reset-account-modal,
        .popup-settings .auto-lock-modal,
        .popup-settings .ecology-modal,
        .popup-settings .dapp-account-modal,
        .popup-settings .switch-theme-modal {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-color: #575b70;
            background-color: var(--r-neutral-bg-1, #575b70);
            transform: translateX(100%);
            transition: transform 0.3s;
            padding: 20px;
            border-radius: 16px 16px 0px 0px;
        }

        .popup-settings .popup-feedback-inner .page-header,
        .popup-settings .recent-connections-popup .page-header,
        .popup-settings .resolve-conflict-modal .page-header,
        .popup-settings .openapi-modal .page-header,
        .popup-settings .reset-account-modal .page-header,
        .popup-settings .auto-lock-modal .page-header,
        .popup-settings .ecology-modal .page-header,
        .popup-settings .dapp-account-modal .page-header,
        .popup-settings .switch-theme-modal .page-header {
            padding-top: 0;
            margin-bottom: 28px;
        }

        .popup-settings .popup-feedback-inner .reset-account-content,
        .popup-settings .recent-connections-popup .reset-account-content,
        .popup-settings .resolve-conflict-modal .reset-account-content,
        .popup-settings .openapi-modal .reset-account-content,
        .popup-settings .reset-account-modal .reset-account-content,
        .popup-settings .auto-lock-modal .reset-account-content,
        .popup-settings .ecology-modal .reset-account-content,
        .popup-settings .dapp-account-modal .reset-account-content,
        .popup-settings .switch-theme-modal .reset-account-content {
            font-size: 14px;
            line-height: 20px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            white-space: pre-wrap;
        }

        .popup-settings .popup-feedback-inner .reset-account-warn,
        .popup-settings .recent-connections-popup .reset-account-warn,
        .popup-settings .resolve-conflict-modal .reset-account-warn,
        .popup-settings .openapi-modal .reset-account-warn,
        .popup-settings .reset-account-modal .reset-account-warn,
        .popup-settings .auto-lock-modal .reset-account-warn,
        .popup-settings .ecology-modal .reset-account-warn,
        .popup-settings .dapp-account-modal .reset-account-warn,
        .popup-settings .switch-theme-modal .reset-account-warn {
            color: #ec5151;
            font-size: 12px;
            margin-top: 30px;
            position: absolute;
            bottom: 100px;
            left: 0;
            width: 100%;
            text-align: center;
        }

        .popup-settings .popup-feedback-inner .auto-lock-option-list,
        .popup-settings .recent-connections-popup .auto-lock-option-list,
        .popup-settings .resolve-conflict-modal .auto-lock-option-list,
        .popup-settings .openapi-modal .auto-lock-option-list,
        .popup-settings .reset-account-modal .auto-lock-option-list,
        .popup-settings .auto-lock-modal .auto-lock-option-list,
        .popup-settings .ecology-modal .auto-lock-option-list,
        .popup-settings .dapp-account-modal .auto-lock-option-list,
        .popup-settings .switch-theme-modal .auto-lock-option-list,
        .popup-settings .popup-feedback-inner .switch-theme-option-list,
        .popup-settings .recent-connections-popup .switch-theme-option-list,
        .popup-settings .resolve-conflict-modal .switch-theme-option-list,
        .popup-settings .openapi-modal .switch-theme-option-list,
        .popup-settings .reset-account-modal .switch-theme-option-list,
        .popup-settings .auto-lock-modal .switch-theme-option-list,
        .popup-settings .ecology-modal .switch-theme-option-list,
        .popup-settings .dapp-account-modal .switch-theme-option-list,
        .popup-settings .switch-theme-modal .switch-theme-option-list {
            overflow: auto;
            max-height: calc(100% - 48px);
        }

        .popup-settings .popup-feedback-inner .auto-lock-option-list-item,
        .popup-settings .recent-connections-popup .auto-lock-option-list-item,
        .popup-settings .resolve-conflict-modal .auto-lock-option-list-item,
        .popup-settings .openapi-modal .auto-lock-option-list-item,
        .popup-settings .reset-account-modal .auto-lock-option-list-item,
        .popup-settings .auto-lock-modal .auto-lock-option-list-item,
        .popup-settings .ecology-modal .auto-lock-option-list-item,
        .popup-settings .dapp-account-modal .auto-lock-option-list-item,
        .popup-settings .switch-theme-modal .auto-lock-option-list-item,
        .popup-settings .popup-feedback-inner .switch-theme-option-list-item,
        .popup-settings .recent-connections-popup .switch-theme-option-list-item,
        .popup-settings .resolve-conflict-modal .switch-theme-option-list-item,
        .popup-settings .openapi-modal .switch-theme-option-list-item,
        .popup-settings .reset-account-modal .switch-theme-option-list-item,
        .popup-settings .auto-lock-modal .switch-theme-option-list-item,
        .popup-settings .ecology-modal .switch-theme-option-list-item,
        .popup-settings .dapp-account-modal .switch-theme-option-list-item,
        .popup-settings .switch-theme-modal .switch-theme-option-list-item {
            display: flex;
            height: 52px;
            padding: 17px 15px;
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            align-items: center;
            margin-bottom: 12px;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            font-size: 14px;
            font-weight: 500;
            line-height: 16px;
            border: 1px solid transparent;
            cursor: pointer;
        }

        .popup-settings .popup-feedback-inner .auto-lock-option-list-item:hover,
        .popup-settings .recent-connections-popup .auto-lock-option-list-item:hover,
        .popup-settings .resolve-conflict-modal .auto-lock-option-list-item:hover,
        .popup-settings .openapi-modal .auto-lock-option-list-item:hover,
        .popup-settings .reset-account-modal .auto-lock-option-list-item:hover,
        .popup-settings .auto-lock-modal .auto-lock-option-list-item:hover,
        .popup-settings .ecology-modal .auto-lock-option-list-item:hover,
        .popup-settings .dapp-account-modal .auto-lock-option-list-item:hover,
        .popup-settings .switch-theme-modal .auto-lock-option-list-item:hover,
        .popup-settings .popup-feedback-inner .switch-theme-option-list-item:hover,
        .popup-settings .recent-connections-popup .switch-theme-option-list-item:hover,
        .popup-settings .resolve-conflict-modal .switch-theme-option-list-item:hover,
        .popup-settings .openapi-modal .switch-theme-option-list-item:hover,
        .popup-settings .reset-account-modal .switch-theme-option-list-item:hover,
        .popup-settings .auto-lock-modal .switch-theme-option-list-item:hover,
        .popup-settings .ecology-modal .switch-theme-option-list-item:hover,
        .popup-settings .dapp-account-modal .switch-theme-option-list-item:hover,
        .popup-settings .switch-theme-modal .switch-theme-option-list-item:hover {
            background-color: rgba(134, 151, 255, 0.2);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .popup-settings .popup-feedback-inner .auto-lock-option-list-item-icon,
        .popup-settings .recent-connections-popup .auto-lock-option-list-item-icon,
        .popup-settings .resolve-conflict-modal .auto-lock-option-list-item-icon,
        .popup-settings .openapi-modal .auto-lock-option-list-item-icon,
        .popup-settings .reset-account-modal .auto-lock-option-list-item-icon,
        .popup-settings .auto-lock-modal .auto-lock-option-list-item-icon,
        .popup-settings .ecology-modal .auto-lock-option-list-item-icon,
        .popup-settings .dapp-account-modal .auto-lock-option-list-item-icon,
        .popup-settings .switch-theme-modal .auto-lock-option-list-item-icon,
        .popup-settings .popup-feedback-inner .switch-theme-option-list-item-icon,
        .popup-settings .recent-connections-popup .switch-theme-option-list-item-icon,
        .popup-settings .resolve-conflict-modal .switch-theme-option-list-item-icon,
        .popup-settings .openapi-modal .switch-theme-option-list-item-icon,
        .popup-settings .reset-account-modal .switch-theme-option-list-item-icon,
        .popup-settings .auto-lock-modal .switch-theme-option-list-item-icon,
        .popup-settings .ecology-modal .switch-theme-option-list-item-icon,
        .popup-settings .dapp-account-modal .switch-theme-option-list-item-icon,
        .popup-settings .switch-theme-modal .switch-theme-option-list-item-icon {
            margin-left: auto;
            width: 16px;
            height: 16px;
        }

        .popup-settings .popup-feedback-inner p,
        .popup-settings .recent-connections-popup p,
        .popup-settings .resolve-conflict-modal p,
        .popup-settings .openapi-modal p,
        .popup-settings .reset-account-modal p,
        .popup-settings .auto-lock-modal p,
        .popup-settings .ecology-modal p,
        .popup-settings .dapp-account-modal p,
        .popup-settings .switch-theme-modal p {
            margin-bottom: 0;
        }

        .popup-settings .popup-feedback-inner.show,
        .popup-settings .recent-connections-popup.show,
        .popup-settings .resolve-conflict-modal.show,
        .popup-settings .openapi-modal.show,
        .popup-settings .reset-account-modal.show,
        .popup-settings .auto-lock-modal.show,
        .popup-settings .ecology-modal.show,
        .popup-settings .dapp-account-modal.show,
        .popup-settings .switch-theme-modal.show {
            transform: translateX(0);
        }

        .popup-settings .auto-lock-modal {
            padding: 20px 20px 0 20px;
        }

        .popup-settings .resolve-conflict-modal .page-header {
            margin-bottom: 63px;
        }

        .popup-settings .resolve-conflict-modal .tips {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #ec5151;
        }

        .popup-settings .resolve-conflict-modal .field {
            padding-right: 0;
            padding-left: 12px;
            cursor: pointer !important;
        }

        .popup-settings .resolve-conflict-modal .field .left-icon>svg path:nth-child(2) {
            fill: #b4bdcc;
            stroke: #b4bdcc;
        }

        .popup-settings .resolve-conflict-modal .field .left-icon>svg.checked path:nth-child(2) {
            fill: #7084ff;
            fill: var(--r-blue-default, #7084ff);
            stroke: #7084ff;
            stroke: var(--r-blue-default, #7084ff);
        }

        .popup-settings .resolve-conflict-modal .field.metamask .left-icon>svg.checked path:nth-child(2) {
            fill: #f6851b;
            stroke: #f6851b;
        }

        .popup-settings .resolve-conflict-modal .field.metamask:hover,
        .popup-settings .resolve-conflict-modal .field.metamask.checked {
            background: rgba(246, 133, 27, 0.1);
            border: 1px solid #f6851b;
            box-sizing: border-box;
            border-radius: 6px;
        }

        .popup-settings .resolve-conflict-modal .field-main {
            padding: 16px 0;
        }

        .popup-settings .resolve-conflict-modal .field-title {
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            display: flex;
            align-items: center;
            margin-bottom: 5px;
            gap: 6px;
        }

        .popup-settings .resolve-conflict-modal .field-desc {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #4b4d59;
        }

        .settings-popup-wrapper .ant-drawer-content {
            background: #575b70;
            background: var(--r-neutral-bg-1, #575b70);
        }

        .whitelist-confirm-modal .ant-drawer-content {
            background: #f2f4f7 !important;
            background: var(--r-neutral-bg2, #f2f4f7) !important;
        }

        .whitelist-confirm-modal #password {
            background-color: #fff !important;
            background-color: var(--r-neutral-card1, #fff) !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .popup-feedback-inner {
            display: flex;
            flex-direction: column;
            overflow: auto;
            height: 100%;
        }

        .popup-feedback-inner .popup-title {
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
            text-align: center;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .popup-feedback-inner .content {
            flex: 1;
        }

        .popup-feedback-inner .field {
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            font-size: 14px;
            line-height: 16px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
            padding: 0 16px;
            border: 1px solid transparent;
            min-height: 52px;
        }

        .popup-feedback-inner .field .title {
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
        }

        .popup-feedback-inner .field .title+.desc {
            margin-top: 4px;
        }

        .popup-feedback-inner .field.has-desc {
            height: 64px;
            align-items: flex-start;
            padding: 14px 16px 14px;
        }

        .popup-feedback-inner .field.has-desc .field-slot {
            overflow: visible;
            flex-wrap: wrap;
        }

        .popup-feedback-inner .field.has-desc .desc {
            width: 100%;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
            margin-top: 4px;
            margin-bottom: 0;
            white-space: nowrap;
        }

        .popup-feedback-inner .field+.field {
            margin-top: 8px;
        }

        .popup-feedback-inner .field.default-wallet-field {
            padding-top: 20px;
            height: 72px;
            align-items: flex-start;
        }

        .popup-feedback-inner .field.default-wallet-field .default-wallet-title {
            line-height: 20px;
        }

        .popup-feedback-inner .field:hover,
        .popup-feedback-inner .field.checked {
            background-color: rgba(134, 151, 255, 0.2);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .popup-feedback-inner .field .not-default-tip {
            color: #ec5151;
            font-size: 12px;
            line-height: 14px;
        }

        .popup-feedback-inner .field .left-icon,
        .popup-feedback-inner .field .right-icon {
            align-self: center;
        }

        .popup-feedback-inner .field .left-icon .icon {
            width: 24px;
            height: 24px;
        }

        .popup-feedback-inner .field .right-icon .icon {
            width: 16px;
            height: 16px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes fadeIn {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }

        @keyframes fadeOut {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        @keyframes fadeLeft {
            0% {
                right: 5%;
            }

            100% {
                right: 100%;
            }
        }

        @keyframes fadeInLeft {
            0% {
                right: 100%;
            }

            100% {
                right: 5%;
            }
        }

        @keyframes fadeInRight {
            0% {
                left: 100%;
            }

            100% {
                left: 5%;
            }
        }

        @keyframes fadeOutRight {
            0% {
                left: 5%;
                opacity: 0;
            }

            100% {
                left: 100%;
                opacity: 0;
            }
        }

        @keyframes fadeOutLeft {
            0% {
                right: 5%;
                opacity: 0;
            }

            100% {
                right: 100%;
                opacity: 0;
            }
        }

        @keyframes fadeOutBottom {
            0% {
                top: 240px;
            }

            100% {
                top: 600px;
            }
        }

        @keyframes fadeOutTop {
            0% {
                top: 20px;
                width: 100%;
                display: flex;
                justify-content: flex-start;
                opacity: 1;
            }

            100% {
                top: -50px;
                width: 100%;
                display: flex;
                justify-content: flex-start;
                opacity: 0;
            }
        }

        @keyframes fadeInTop {
            0% {
                top: -50px;
                width: 100%;
                display: flex;
                justify-content: flex-start;
                opacity: 0;
            }

            100% {
                top: 0;
                width: 100%;
                display: flex;
                justify-content: flex-start;
                opacity: 1;
            }
        }

        @keyframes fadeInBottom {
            0% {
                top: 640px;
                opacity: 1;
                height: 0;
            }

            100% {
                top: 180px;
                opacity: 1;
                height: 420px;
            }
        }

        @keyframes fadeInDrawer {
            0% {
                bottom: 300px;
                opacity: 1;
            }

            100% {
                bottom: 0;
                opacity: 1;
            }
        }

        @keyframes numberScaleOut {
            0% {
                font-size: 32px;
                transform: scale(1);
                transform-origin: center;
            }

            100% {
                font-size: 24px;
                transform: scale(0.8);
                transform-origin: top left;
            }
        }

        @keyframes numberScaleIn {
            0% {
                font-size: 24px;
                transform: scale(1);
            }

            100% {
                font-size: 32px !important;
                transform: scale(1.34);
            }
        }

        @keyframes numberWrapperScaleOut {
            0% {
                padding-top: 32px;
            }

            100% {
                padding-top: 20px;
            }
        }

        @keyframes numberWrapperScaleIn {
            0% {
                padding-top: 0;
            }

            100% {
                padding-top: 20px;
            }
        }

        .dark .main {
            background: #2133A5 !important;
        }

        .dashboard {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        .dashboard .main {
            width: 100%;
            height: 220px;
            background: linear-gradient(108deg, #374BC9 0%, #1D31B0 100%);
            position: relative;
            overflow: hidden;
        }

        .dashboard .main .header {
            margin: 12px 20px;
        }

        .dashboard .main .header .icon {
            cursor: pointer;
        }

        .dashboard .main .header .icon-copy,
        .dashboard .main .header .icon-qrcode {
            cursor: pointer;
            width: 18px;
            height: 18px;
        }

        .dashboard .main .header .icon-copy circle,
        .dashboard .main .header .icon-qrcode circle {
            transition: opacity 0.2s;
        }

        .dashboard .main .header .icon-copy:hover circle,
        .dashboard .main .header .icon-qrcode:hover circle {
            opacity: 0.4;
        }

        .dashboard .main .header .icon-copy {
            cursor: pointer;
            margin-left: 13px;
        }

        .dashboard .main .header .icon-copy path.copy_svg__checked {
            transform: scale(0);
        }

        .dashboard .main .header .icon-copy path.copy_svg__copy {
            transform: scale(1);
        }

        .dashboard .main .header .icon-copy path {
            transform-origin: center center;
            transition: transform 0.2s;
        }

        .dashboard .main .header .icon-copy.success {
            z-index: 10;
        }

        .dashboard .main .header .icon-copy.success path.copy_svg__copy {
            transform: scale(0);
        }

        .dashboard .main .header .icon-copy.success path.copy_svg__checked {
            transform: scale(1);
        }

        .dashboard .main .header .icon-qrcode {
            margin-left: 8px;
        }

        .dashboard .main .header .icon-account-type {
            width: 18px;
            height: 18px;
            margin-right: 4px;
        }

        .dashboard .main .header .icon-settings {
            position: absolute;
            right: 0;
            cursor: pointer;
            transition: transform 0.2s;
            transform: rotate(0deg);
        }

        .dashboard .main .header .icon-settings:hover {
            transform: rotate(120deg);
        }

        .dashboard .main .header-wrapper {
            background: rgba(255, 255, 255, 0.1);
            -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
            margin-right: 10px;
            border-radius: 6px;
            cursor: pointer;
        }

        .dashboard .main .header-wrapper:hover {
            background: rgba(255, 255, 255, 0.2);
        }

        .dashboard .main .header-wrapper span {
            display: flex;
            align-items: center;
            padding: 6px 8px;
        }

        .dashboard .main .header-wrapper .current-address .address-viewer-text {
            margin-top: 2px;
        }

        .dashboard .main .assets .left {
            width: 100%;
            color: #fff;
        }

        .dashboard .main .assets .left p {
            margin: 0;
        }

        .dashboard .main .assets .left .card {
            box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24);
        }

        .dashboard .main .assets .left .amount {
            font-size: 32px;
            font-weight: bold;
            padding: 0px 10px;
            margin-top: 8px;
            display: flex;
            align-items: flex-end;
            gap: 8px;
            white-space: nowrap;
            width: -moz-fit-content;
            width: fit-content;
            cursor: pointer;
        }

        .dashboard .main .assets .left .amount .amount-number {
            display: flex;
            width: auto;
        }

        .dashboard .main .assets .left .amount .amount-number span {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .dashboard .main .assets .left .amount .amount-number .icon-external-link {
            display: none;
            width: 12px;
            height: 12px;
            margin-left: 2px;
            margin-top: -4px;
        }

        .dashboard .main .assets .left .amount .balance-loading .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
        .dashboard .main .assets .left .amount .balance-loading .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.4) 37%, rgba(255, 255, 255, 0.2) 63%);
            background-size: 400% 100%;
        }

        .dashboard .main .assets .left .amount .icon-arrow-right {
            width: 24px;
            height: 24px;
        }

        .dashboard .main .assets .left .extra {
            font-size: 12px;
            color: #fff;
        }

        .dashboard .main .assets .left .extra .icon-chain {
            width: 20px;
            height: 20px;
        }

        .dashboard .main .assets .right {
            width: 24px;
            display: flex;
            align-items: center;
        }

        .dashboard .main .assets .right .icon {
            width: 24px;
            height: 24px;
        }

        .dashboard .main .operation {
            display: flex;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 344px;
            height: 48px;
            border-radius: 6px 6px 0 0;
            background: rgba(255, 255, 255, 0.12);
            -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
            padding: 14px 0 14px 20px;
            z-index: 1;
        }

        .dashboard .main .operation .operation-item {
            flex: 1;
            color: #fff;
            font-size: 14px;
            padding: 6px 6px 6px 0;
            width: 166px;
            border-radius: 6px 0 0 0;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            height: 100%;
            cursor: pointer;
            position: relative;
            opacity: 0.8;
        }

        .dashboard .main .operation .operation-item:nth-last-child(1) {
            margin-right: 0;
            border-right: 0;
            border-radius: 0 6px 0 0;
        }

        .dashboard .main .operation .operation-item .icon-external-link {
            width: 10px;
            height: 10px;
            position: absolute;
            margin: 0;
            top: 4px;
            right: 4px;
            opacity: 0;
            transition: opacity 0.2s;
        }

        .dashboard .main .operation .operation-item .icon {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

        .dashboard .main .operation .operation-item .pending-count {
            position: relative;
            font-size: 12px;
            text-align: center;
            width: 24px;
            height: 24px;
            line-height: 24px;
            margin-right: 4px;
            color: rgba(240, 242, 245, 0.8);
        }

        .dashboard .main .operation .operation-item .pending-count .icon-pending {
            animation: spining 1.5s infinite linear;
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            margin: 0;
        }

        .dashboard .main .operation .operation-item .icon-arrow-right {
            width: 14px;
            height: 14px;
            position: absolute;
            right: 6px;
            opacity: 0.6;
        }

        .dashboard .main .operation .operation-item__count {
            border-radius: 100%;
            font-size: 12px;
            color: #ffffff;
            text-align: center;
            position: absolute;
            display: flex;
            justify-items: center;
            justify-content: center;
            line-height: 20px;
            width: 20px;
            height: 20px;
            right: 36px;
            background: rgba(255, 255, 255, 0.2);
        }

        .dashboard .main .operation .operation-item__count__normal {
            font-size: 12px;
            position: absolute;
            display: flex;
            justify-content: center;
            color: #ffffff;
            width: 78px;
            height: 24px;
            right: 30px;
            background: rgba(255, 255, 255, 0.19);
            border-radius: 13px;
            align-items: center;
        }

        .dashboard .main .listContainer {
            display: flex;
            height: 22px;
            margin-top: 20px;
            align-items: center;
            position: relative;
        }

        .dashboard .main .listContainer .extra-link {
            margin-left: auto;
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 1px 8px;
            border: 0.5px solid rgba(255, 255, 255, 0.5);
            border-radius: 90px;
        }

        .dashboard .main .listContainer .extra-link-divider {
            height: 12px;
            border-left: 0.5px solid rgba(255, 255, 255, 0.4);
        }

        .dashboard .main .listContainer .extra-link-scan,
        .dashboard .main .listContainer .extra-link-debank {
            cursor: pointer;
            width: 20px;
            height: 20px;
        }

        .dashboard .main .listContainer .extra-link-scan {
            background: url(generated/svgs/b01245618662d8b7f6983574051663c3.svg);
        }

        .dashboard .main .listContainer .extra-link-scan:hover {
            background: url(generated/svgs/88796e987297ab4a98e45a1ea3174ddc.svg);
        }

        .dashboard .main .listContainer .extra-link-debank {
            background: url(generated/svgs/236c3154219317604c121576497b1076.svg);
        }

        .dashboard .main .listContainer .extra-link-debank:hover {
            background: url(generated/svgs/0a45955cba4898c636207b9c9c627880.svg);
        }

        .dashboard .main .listContainer .token {
            cursor: pointer;
            font-size: 14px;
            padding: 4px 12px;
            line-height: 17px;
            opacity: 0.9;
            color: #ffffff;
            font-weight: normal;
            background: rgba(255, 255, 255, 0.1);
            border: 0.5px solid rgba(255, 255, 255, 0.3);
            box-sizing: border-box;
            border-radius: 4px;
            margin: 0 6px;
        }

        .dashboard .main .listContainer .token:nth-child(1) {
            margin-left: 0;
        }

        .dashboard .main .listContainer .token:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .dashboard .main .listContainer .showToken {
            background: rgba(255, 255, 255, 0.3);
        }

        .dashboard .show-chain-bg {
            background: linear-gradient(301.21deg, #8ba4ff -14.63%, #8082ff 57.71%);
            min-height: 100vh;
            padding: 20px;
        }

        .dashboard .fadeIn {
            opacity: 1;
            width: 360px;
            height: 468px;
            animation: fadeIn 0.5s;
        }

        .dashboard .fadeOut {
            opacity: 0;
            width: 0 !important;
            height: 0 !important;
            margin-top: 0 !important;
            animation: fadeOut 0.5s;
        }

        .dashboard .quickFadeOut {
            opacity: 0;
            width: 0 !important;
            height: 0 !important;
            margin-top: 0 !important;
            animation: fadeOut 0.01s;
        }

        .dashboard .fadeLeft {
            position: absolute;
            right: 100%;
            animation: fadeLeft 0.3s;
        }

        .dashboard .fadeInLeft {
            position: absolute;
            right: 5%;
            width: 360px;
            animation: fadeInLeft 0.3s;
        }

        .dashboard .fadeInRight {
            position: absolute;
            left: 5%;
            width: 360px;
            animation: fadeInRight 0.3s;
        }

        .dashboard .fadeOutRight {
            position: absolute;
            left: 100%;
            width: 360px;
            animation: fadeOutRight 0.3s;
        }

        .dashboard .fadeOutLeft {
            position: absolute;
            right: 100%;
            width: 360px;
            animation: fadeOutLeft 0.3s;
        }

        .dashboard .fadeInBottom {
            position: absolute;
            top: 180px;
            height: 420px;
            animation: fadeInBottom 0.5s;
        }

        .dashboard .fadeInDrawer {
            position: absolute;
            bottom: 0;
            height: 40px;
            width: 400px;
            animation: fadeInDrawer 0.5s;
        }

        .dashboard .fadeOutDrawer {
            position: absolute;
            bottom: 0;
            opacity: 0;
            width: 400px;
            transition: opacity 0.3s;
        }

        .dashboard .hide {
            display: none !important;
        }

        .dashboard .fadeOutBottom {
            position: absolute;
            width: 400px;
            top: 600px;
            animation: fadeOutBottom 0.5s;
        }

        .dashboard .fadeOutTop {
            position: absolute;
            top: -50px;
            width: 400px;
            height: 0 !important;
            animation: fadeOutTop 0.5s;
        }

        .dashboard .fadeInTop {
            animation: fadeInTop 0.5s;
        }

        .dashboard .numberScaleOut {
            font-size: 24px !important;
            transition: font-size 0.5s;
        }

        .dashboard .numberScaleIn {
            font-size: 32px;
            transition: font-size 0.5s;
        }

        .dashboard .numberWrapperScaleOut {
            padding-top: 0 !important;
            transition: padding-top 0.5s;
        }

        .dashboard .numberWrapperScaleIn {
            padding-top: 20px;
            transition: adding-top 0.5s;
        }

        .dashboard .tokenList {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0px 8px 20px rgba(35, 37, 130, 0.08);
            -webkit-backdrop-filter: blur(80px);
            backdrop-filter: blur(80px);
            border-radius: 6px;
            margin-top: 12px;
            height: 468px;
        }

        .dashboard .tokenList .search-wrapper {
            padding: 12px 16px 20px 12px;
            width: 100%;
        }

        .dashboard .tokenList .search-wrapper.active .ant-input-affix-wrapper {
            height: 40px;
            background: rgba(255, 255, 255, 0.3);
            border: 0.5px solid rgba(255, 255, 255, 0.5);
            box-sizing: border-box;
            border-radius: 4px;
        }

        .dashboard .tokenList .search-wrapper.active .ant-input-affix-wrapper .ant-input {
            background: transparent;
            color: #ffffff;
        }

        .dashboard .tokenList .search-wrapper.active .ant-input-affix-wrapper .ant-input::-moz-placeholder {
            color: #ffffff;
            opacity: 0.5;
        }

        .dashboard .tokenList .search-wrapper.active .ant-input-affix-wrapper .ant-input:-ms-input-placeholder {
            color: #ffffff;
            opacity: 0.5;
        }

        .dashboard .tokenList .search-wrapper.active .ant-input-affix-wrapper .ant-input::placeholder {
            color: #ffffff;
            opacity: 0.5;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper::before {
            height: 16px;
            background: rgba(255, 255, 255, 0.1);
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper {
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border: 0.5px solid rgba(255, 255, 255, 0.5);
            box-sizing: border-box;
            border-radius: 4px;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper .ant-input {
            background: transparent;
            color: #ffffff;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper .ant-input::-moz-placeholder {
            color: #ffffff;
            opacity: 0.5;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper .ant-input:-ms-input-placeholder {
            color: #ffffff;
            opacity: 0.5;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper .ant-input::placeholder {
            color: #ffffff;
            opacity: 0.5;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper-lg {
            background: rgba(255, 255, 255, 0.1);
            padding: 12px;
            border-radius: 4px;
        }

        .dashboard .tokenList .search-wrapper .ant-input-affix-wrapper-lg .ant-input {
            border-radius: 0;
        }

        .dashboard .tokenList .search-wrapper .closeIcon {
            width: 12px;
            height: 12px;
            color: #ffffff;
            margin-left: 16px;
            cursor: pointer;
        }

        .dashboard .tokenList .filter {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            text-decoration: underline;
            color: #ffffff;
            text-align: center;
            padding-top: 12px;
            width: 100%;
            cursor: pointer;
            opacity: 0.6;
        }

        .dashboard .tokenList .token-item {
            height: 31px;
            width: 360px;
            padding: 10px 12px;
            display: flex;
            align-items: center;
            border: 1px solid transparent;
        }

        .dashboard .tokenList .token-item:nth-last-child(1) {
            margin-bottom: 60px;
        }

        .dashboard .tokenList .token-item:hover {
            background: rgba(255, 255, 255, 0.2);
            border: 1px solid #ffffff !important;
            box-sizing: border-box;
            border-radius: 6px;
        }

        .dashboard .tokenList .token-item .middle {
            display: flex;
            flex-direction: column;
            margin-left: 12px;
        }

        .dashboard .tokenList .token-item .right {
            text-align: right;
            display: flex;
            flex-direction: column;
            position: absolute;
            right: 12px;
        }

        .dashboard .tokenList .token-item .right img {
            width: 30px;
            height: 30px;
        }

        .dashboard .tokenList .token-item .add-token-icon {
            width: 20px !important;
            height: 20px !important;
            cursor: pointer;
        }

        .dashboard .tokenList .token-item .token-amount {
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            margin-bottom: 2px;
            color: #ffffff;
        }

        .dashboard .tokenList .token-item .token-name {
            width: 200px;
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            color: #ffffff;
            opacity: 0.8;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .dashboard .tokenList .token-item .token-extra {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            text-align: center;
            color: #ffffff;
            opacity: 0.8;
        }

        .dashboard .tokenList .token-item .opacity-100 {
            opacity: 1;
        }

        .dashboard .tokenList .no-added-token {
            font-weight: normal;
            font-size: 12px;
            line-height: 14px;
            text-align: center;
            margin: 114px auto;
            color: #ffffff;
            opacity: 0.8;
        }

        .dashboard .bottom-drawer {
            position: absolute;
            top: -40px;
            left: 0;
            width: 400px;
            height: 40px;
            cursor: pointer;
        }

        .dashboard .addressType__tooltip .ant-tooltip-content {
            transform: translate(5px, 5px);
            top: 100px !important;
        }

        .dashboard .addressType__tooltip .ant-tooltip-arrow {
            right: 10px !important;
            bottom: -30px !important;
        }

        .copy-icon {
            cursor: pointer;
            z-index: 10;
        }

        .switch-address-modal .ant-modal-close {
            right: 16px;
            top: 16px;
        }

        .switch-address-modal .ant-modal-close .ant-modal-close-x {
            width: 72px;
            height: 24px;
        }

        .switch-address-modal .ant-modal-title {
            text-align: left;
        }

        .switch-address-modal .close-icon {
            width: 72px;
            height: 24px;
            background: #ffffff;
            border: 0.5px solid #e5e9ef;
            border-radius: 12px;
            padding: 1px;
            display: flex;
        }

        .switch-address-modal .close-icon .close-icon__action {
            width: 35px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .switch-address-modal .close-icon .close-icon__action:nth-child(1) {
            border-radius: 12px 0px 0px 12px;
        }

        .switch-address-modal .close-icon .close-icon__action:nth-child(1)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            height: 12px;
            margin-top: -6px;
            width: 0.5px;
            background-color: #e5e9ef;
        }

        .switch-address-modal .close-icon .close-icon__action:nth-child(1):hover {
            background-color: rgba(134, 151, 255, 0.2);
        }

        .switch-address-modal .close-icon .close-icon__action:nth-child(2) {
            border-radius: 0px 12px 12px 0px;
        }

        .switch-address-modal .close-icon .close-icon__action:nth-child(2):hover {
            background-color: #f5f6fa;
        }

        .switch-address-modal .close-icon .close-icon__action .icon {
            width: 16px;
            height: 16px;
        }

        .switch-address-modal .close-icon .close-icon__action .icon.rolling {
            animation: spining 1s infinite;
        }

        .switch-address-modal .modal-switch-address .icon-checked {
            width: 20px;
            height: 20px;
            cursor: pointer;
        }

        .switch-address-modal .modal-switch-address .footer {
            margin-top: 24px;
        }

        .switch-address-modal .modal-switch-address .footer a {
            display: flex;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-size: 15px;
            line-height: 18px;
            font-weight: 500;
            justify-content: center;
            align-items: center;
        }

        .switch-address-modal .modal-switch-address .footer a .icon-add {
            width: 16px;
            height: 16px;
            margin-right: 6px;
        }

        .qrcode-modal .ant-modal-content {
            background-color: #fff;
        }

        .qrcode-modal .ant-modal-content .ant-modal-body {
            height: 368px;
        }

        .qrcode-modal .ant-modal-content .ant-modal-body canvas {
            margin: 0 auto;
        }

        .qrcode-modal .ant-modal-content .ant-modal-body .address {
            margin-top: 17px;
        }

        .address-popover {
            width: 360px;
            top: -140px !important;
            height: 200px;
        }

        .address-popover .ant-popover-arrow {
            display: none;
        }

        .address-popover .ant-modal-content {
            background: #ffffff;
        }

        .address-popover .ant-modal-body {
            max-height: 510px;
            padding: 8px;
        }

        .address-popover .brand-name {
            font-size: 16px;
            color: #13141a;
            font-weight: 500;
            margin: 2px 0 0 6px;
            cursor: default;
        }

        .address-popover .brand-name .alias {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 165px;
            display: inline-block;
            vertical-align: middle;
        }

        .address-popover .brand-name .ant-input {
            width: 167px;
            height: 28px;
            background: #e5e9ef;
            border-radius: 4px;
            box-sizing: border-box;
            padding-left: 2px;
        }

        .address-popover .edit-name {
            cursor: pointer;
            width: 11px;
            height: 11px;
            margin-left: 3px;
            display: inline-block;
        }

        .address-popover .address-container {
            display: flex;
            font-size: 12px;
            margin-top: 12px;
        }

        .address-popover .address-container .address {
            margin-right: 8px;
            padding-top: 2px;
            max-width: 188px;
        }

        .address-popover .qrcode-container {
            width: 116px;
            height: 116px;
            border: 1px solid #e5e9ef;
            box-sizing: border-box;
            border-radius: 8px;
            padding: 6px 4px 4px 6px;
        }

        .address-popover__info {
            display: flex;
            justify-content: center;
            width: 100%;
            min-height: 116px;
            align-items: center;
            background: #f5f6fa;
            border-radius: 4px;
            padding: 8px;
        }

        .address-popover__info .left-container {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            height: 116px;
        }

        .address-popover__info .left-container .address-display {
            font-size: 13px;
            color: #707280;
            width: 185px;
            margin: 8px 7px 0 6px;
        }

        .address-popover__info .left-container .import {
            display: inline-block;
            position: absolute;
            color: #b4bdcc;
            font-size: 12px;
            height: 16px;
            left: 6px;
            bottom: 0;
        }

        .address-popover__gnosis {
            margin-top: 9px;
            padding-top: 16px;
            min-height: 107px;
            background: #f5f6fa;
            border-radius: 4px;
            width: 100%;
            padding: 8px;
        }

        .address-popover__gnosis .threshold {
            color: #13141a;
        }

        .address-popover__gnosis .loading-wrapper {
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .address-popover__gnosis .loading-wrapper .icon-loading {
            transform: scale(0.78);
            animation: spining 1.5s infinite linear;
            margin-bottom: 12px;
        }

        .address-popover__gnosis .admin-list {
            margin: 0;
            background: #ffffff;
            border-radius: 4px;
            width: 100%;
            padding: 0 7px;
        }

        .address-popover__gnosis .admin-list li {
            position: relative;
            display: flex;
            align-items: center;
            height: 40px;
            width: 295px;
        }

        .address-popover__gnosis .admin-list li .address-viewer-text.normal {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #3b3e4a;
            margin-right: 0;
        }

        .address-popover__gnosis .admin-list li .icon-tag {
            height: 16px;
            margin-left: 8px;
        }

        .address-popover__gnosis .admin-list li .address-type {
            flex: 1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .address-popover__gnosis .admin-list li .address-type .icon-account-type {
            opacity: 0.4;
            width: 24px;
            height: 24px;
        }

        .address-popover__gnosis .admin-list li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .address-popover__gnosis .admin-list li::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            height: 1px;
            width: 100%;
            border-bottom: 1px solid #e5e9ef;
        }

        .address-popover__gnosis .admin-list li:nth-last-child(1)::after {
            border-bottom: 0;
        }

        .dashboard-name {
            max-width: 86px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .switch-popover {
            width: 233px;
            max-height: 308px;
            left: 20px !important;
        }

        .switch-popover .ant-popover-arrow {
            display: none;
        }

        .switch-popover .address-item {
            cursor: pointer;
            box-sizing: border-box;
            border-radius: 4px;
            width: 233px;
            height: 52px;
            padding-left: 15px;
            border: 1px solid transparent;
            transition: background-color 0.3s;
        }

        .switch-popover .address-item .click-name {
            max-width: 130px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .switch-popover .address-item .click-name .list-alian-name {
            font-weight: 500;
            font-size: 14px;
            color: #13141a;
            max-width: 130px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .switch-popover .address-item .click-name .list-alian-name .address-hdpath-index {
            font-weight: 300;
            font-size: 12px;
            line-height: 16px;
            color: #b4bdcc;
            margin-left: 6px;
        }

        .switch-popover .address-item .address-color {
            color: #b4bdcc;
            font-size: 12px;
        }

        .switch-popover .address-item .money-color {
            color: #707280;
            font-size: 12px;
            position: absolute;
            right: 12px;
        }

        .switch-popover .address-item:hover {
            background-color: #eef1ff;
            background-color: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            border-radius: 4px;
        }

        .switch-popover .address-item:nth-last-child(1)::after {
            border-bottom: 0;
        }

        .switch-popover .address-item [data-action='copyIcon'],
        .switch-popover .address-item .favorite-star {
            display: none;
        }

        .switch-popover .address-item:hover .favorite-star,
        .switch-popover .address-item:hover [data-action='copyIcon'],
        .switch-popover .address-item.favorited .favorite-star {
            display: inline-block;
        }

        .switch-popover .address-item::before,
        .switch-popover .address-item:last-child::after {
            content: '';
            position: absolute;
            left: 40px;
            right: 0;
            height: 1px;
            width: 100%;
            border-bottom: 1px solid #e5e9ef;
        }

        .switch-popover .address-item::before {
            top: 0;
        }

        .switch-popover .address-item:last-child::after {
            bottom: 0;
            border-bottom: none;
        }

        .switch-popover .address-item:hover::before,
        .switch-popover .address-item:hover+.address-item::before,
        .switch-popover .address-item:first-child::before,
        .switch-popover .address-item:last-child:hover::after {
            display: none;
        }

        .switch-popover .ant-popover-inner-content {
            padding: 0 !important;
            background: #ffffff;
            box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.12);
            border-radius: 6px;
        }

        .switch-popover .ant-popover-inner-content .no-other-address {
            height: 62px;
            width: 200px;
            padding: 24px 52px 22px 40px;
            font-size: 14px;
            border-radius: 6px;
            text-align: center;
            color: #707280;
        }

        .switch-popover .ant-popover-inner-content .address-loading {
            display: flex;
            justify-content: center;
            margin: 56px auto 52px;
            flex-direction: column;
            font-size: 12px;
            opacity: 0.8;
            color: #707280;
        }

        .switch-popover .ant-popover-inner-content .address-loading .icon-loading {
            color: #707280;
            transform: scale(0.78);
            animation: spining 1.5s infinite linear;
            margin-bottom: 12px;
            margin-left: 42px;
        }

        .switch-popover .ant-popover-inner-content .pop-add-address {
            cursor: pointer;
            width: 100%;
            height: 36px;
            font-size: 12px;
            text-align: center;
            background: #ffffff;
            border-radius: 0px 0px 6px 6px;
            border-top: 1px solid #e5e9ef;
            padding-left: 15px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .switch-popover .ant-popover-inner-content .pop-add-address:hover {
            background-color: #eef1ff;
            background-color: var(--r-blue-light-1, #eef1ff);
        }

        .switch-popover .ant-popover-inner-content .pop-add-address img {
            width: 11px;
            height: 11px;
            margin-left: 4px;
        }

        .switch-popover .ant-popover-inner-content .pop-add-address p {
            margin-left: 15px;
            margin-bottom: 0;
            line-height: 14px;
        }

        .switch-popover .brand-name {
            font-size: 20px;
            color: #13141a;
            margin: 2px 7px 0 6px;
        }

        .switch-popover .edit-name {
            width: 11px;
            height: 11px;
            margin-left: 3px;
        }

        .switch-popover .qrcode-container {
            width: 100px;
            height: 100px;
            margin: 14px 0 16px 0;
            border: 1px solid #e5e9ef;
            box-sizing: border-box;
            border-radius: 8px;
            padding: 6px 4px 4px 6px;
        }

        .balance-popover {
            width: 360px;
            left: 50% !important;
            margin-left: -180px !important;
            -webkit-backdrop-filter: blur(16px);
            backdrop-filter: blur(16px);
        }

        .balance-popover .ant-popover-arrow {
            left: 14px !important;
        }

        .balance-popover .ant-popover-inner-content {
            padding: 20px 16px;
        }

        .balance-popover ul {
            max-height: 385px;
            overflow: auto;
            margin-bottom: 0;
        }

        .balance-popover ul li {
            line-height: 15px;
            align-items: center;
            margin-bottom: 16px;
        }

        .balance-popover ul li .chain-logo {
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }

        .balance-popover ul li .amount {
            color: #13141a;
            font-weight: 500;
            font-size: 13px;
            width: 106px;
            text-align: left;
            text-overflow: ellipsis;
            overflow: hidden;
            flex-shrink: 0;
        }

        .balance-popover ul li .progress {
            position: relative;
            height: 8px;
            width: 157px;
            background-color: #e5e9ef;
            border-radius: 10px;
            overflow: hidden;
        }

        .balance-popover ul li .progress .inner {
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
            height: 8px;
            border-radius: 10px;
        }

        .balance-popover ul li .percent {
            flex: 1;
            color: #707280;
            font-size: 13px;
            font-weight: 500;
            text-align: right;
        }

        .balance-popover ul li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .balance-popover ::-webkit-scrollbar {
            display: none;
        }

        .default-wallet-alert {
            position: fixed;
            bottom: 0;
            left: 0;
            height: 32px;
            width: 100%;
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
            font-size: 12px;
            color: #fff;
            display: flex;
            align-items: center;
            padding: 0 28px;
        }

        .default-wallet-alert .icon-rabby-white {
            width: 14px;
            height: 14px;
            margin-right: 6px;
        }

        .default-wallet-alert span {
            flex: 1;
        }

        .default-wallet-alert .confirm-btn {
            border: 0.5px solid #ffffff;
            border-radius: 2px;
            color: #fff;
            text-align: center;
            width: 60px;
            height: 20px;
            line-height: 20px;
            background-color: transparent;
            transition: background-color 0.3s;
        }

        .default-wallet-alert .confirm-btn:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        .metamask-conflict-alert {
            position: fixed;
            bottom: 0;
            left: 0;
            height: 32px;
            width: 100%;
            background-color: rgba(242, 156, 27, 0.2);
            font-size: 12px;
            color: #f29c1b;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .metamask-conflict-alert .icon-metamask-warning {
            width: 18px;
            height: 17px;
            margin-right: 8px;
        }

        .metamask-conflict-alert .icon-open-external {
            width: 12px;
            height: 12px;
            margin-left: 8px;
        }

        .gnosis-wrong-chain-alert {
            position: fixed;
            bottom: 0;
            left: 0;
            height: 26px;
            width: 100%;
            background: linear-gradient(0deg, rgba(255, 176, 32, 0.2), rgba(255, 176, 32, 0.2)), #ffffff;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            font-size: 12px;
            font-weight: 500;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            z-index: 99;
        }

        .external-link-modal .ant-modal-body {
            padding-bottom: 20px;
        }

        .first-notice .ant-modal-header {
            background: var(--r-neutral-bg-1);
            text-align: left;
            border-bottom: 0;
        }

        .first-notice .ant-modal-title {
            font-style: normal;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            color: var(--r-neutral-title-1);
            text-align: left;
        }

        .first-notice .ant-modal-content {
            background: var(--r-neutral-bg-1);
            color: var(--r-neutral-title-1);
        }

        .first-notice .ant-modal-content .ant-modal-body {
            max-height: 420px;
        }

        .first-notice .ant-modal-content .ant-modal-body h2 {
            color: var(--r-neutral-title-1);
        }

        .first-notice .ant-modal-content .ant-modal-body li {
            padding-left: 10px;
            position: relative;
        }

        .first-notice .ant-modal-content .ant-modal-body li::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background-color: var(--r-neutral-title-1);
            border-radius: 100%;
            left: 0;
            top: 9px;
        }

        .pointer {
            cursor: pointer;
        }

        .loadingContainer {
            display: flex;
            justify-content: center;
            width: 100%;
            flex-direction: column;
        }

        .loadingContainer .nftLoadingContainer {
            width: 100%;
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0px 8px 20px rgba(35, 37, 130, 0.08);
            -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
            border-radius: 6px;
            padding: 12px;
        }

        .loadingContainer .icon-loading {
            margin-left: 36px;
            animation: spining 1.5s infinite linear;
        }

        .loadingContainer .loading-text {
            margin-top: 18px;
            color: #ffffff;
            font-size: 14px;
            opacity: 0.8;
        }

        .loadingContainer .ant-skeleton-input {
            background: rgba(255, 255, 255, 0.2);
        }

        .loadingContainer .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
        .loadingContainer .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
            background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.4) 37%, rgba(255, 255, 255, 0.2) 63%);
            background-size: 400% 100%;
        }

        .no-data {
            display: flex;
            justify-content: center;
            margin: 135px auto;
            flex-direction: column;
            align-items: center;
        }

        .no-data .loading-text {
            color: #ffffff;
            font-size: 14px;
            opacity: 0.8;
        }

        .max-143 {
            max-width: 143px;
        }

        .no-name {
            color: #707280 !important;
        }

        .copyAddr {
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

        .actionIcon:hover g {
            opacity: 0.9 !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
    
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .no-address {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 20px 30px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .confirm-modal .confirm-address-item:hover {
            background-color: unset !important;
            border-color: transparent !important;
        }

        .confirm-modal .ant-modal-content {
            background: #FFF;
            background: var(--r-neutral-bg-1, #FFF);
        }

        .confirm-modal .ant-modal-body {
            padding: 20px !important;
        }

        .confirm-modal .ant-modal-confirm-title {
            font-size: 17px;
            line-height: 22px;
            font-weight: 500;
        }

        .confirm-modal .ant-modal-confirm-content {
            padding: 0 !important;
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .confirm-modal .ant-modal-confirm-content .searched-account-item {
            cursor: unset !important;
        }

        .confirm-modal .ant-modal-confirm-btns button {
            width: 154px;
        }

        .confirm-modal .ant-modal-confirm-btns button:first-child {
            background: #FFF;
            background: var(--r-neutral-bg-1, #FFF);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .confirm-modal .ant-modal-confirm-btns button:first-child:hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
        }

        .confirm-modal .ant-modal-confirm-btns button:first-child::before {
            display: none;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .qrcode-reader-comp {
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 8px;
            background-color: #b4bdcc;
            transform: scaleX(-1);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .select-address {
            overflow: hidden;
        }

        .select-address .address {
            margin-bottom: 8px;
        }

        .select-address .select-hdpath {
            color: #707280;
            font-size: 12px;
            line-height: 14px;
        }

        .select-address .select-hdpath .ant-select .ant-select-selector {
            border: none;
            background-color: transparent;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #13141A;
        }

        .select-address .pagination {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .select-address .pagination .icon-arrow-left,
        .select-address .pagination .icon-arrow-right {
            cursor: pointer;
        }

        .select-address .pagination .icon-arrow-left path:nth-child(2),
        .select-address .pagination .icon-arrow-right path:nth-child(2) {
            stroke: #13141A;
        }

        .select-address .pagination .icon-arrow-left.disabled path:nth-child(2),
        .select-address .pagination .icon-arrow-right.disabled path:nth-child(2) {
            stroke: #B4BDCC;
        }

        .select-address .pagination .icon-arrow-left {
            transform: rotate(-180deg);
        }

        .select-address .pagination span {
            margin-left: 16px;
            margin-right: 16px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #13141A;
        }

        .select-address .field+.field {
            margin-top: 0;
        }

        .select-address .field:not(.opacity-40):hover {
            background: #eef1ff !important;
            background: var(--r-blue-light-1, #eef1ff) !important;
        }

        .select-address-wrapper {
            background: #ffffff;
            border-radius: 6px;
            color: #707280;
            font-size: 12px;
            padding: 8px 20px 8px;
            margin: 0 auto;
            justify-content: space-between;
        }

        .select-address-wrapper ::-webkit-scrollbar {
            display: none;
            /* Safari and Chrome */
        }

        .select-address-wrapper .ant-input {
            width: 48px;
            height: 24px;
            background: #f5f6fa;
            border: 1px solid #e5e9ef;
            box-sizing: border-box;
        }

        .select-address-wrapper .ant-input.active {
            border: 1px solid #f24822;
        }

        .select-address-wrapper .error-message {
            font-size: 12px;
            color: #f24822;
            margin-left: 3px;
        }

        .select-hdpath-dropdown {
            background: #FFFFFF;
            box-shadow: 0px 4px 12px rgba(19, 20, 26, 0.16);
            border-radius: 4px;
            padding-left: 8px;
            padding-right: 8px;
        }

        .select-hdpath-dropdown .ant-select-item-option {
            font-size: 12px;
            line-height: 14px;
            color: #13141A;
        }

        .select-hdpath-dropdown .ant-select-item-option .ant-select-item-option-content {
            line-height: 22px;
        }

        .select-hdpath-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
            color: #13141A;
            font-weight: normal;
            background: transparent;
        }

        .select-hdpath-dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
            background: #F5F6FA;
            border-radius: 4px;
        }

        @media (min-width: 600px) {
            .select-address .stray-page {
                padding-top: 40px !important;
                padding-bottom: 40px !important;
            }

            .select-address .address {
                margin-bottom: 0;
            }

            .select-address .address>div {
                height: 62px;
            }

            .select-address .address>div:nth-last-child(1) {
                margin-bottom: 0 !important;
            }

            .select-address .address .field+.field {
                margin-top: 0;
            }

            .select-address ::-webkit-scrollbar {
                display: none;
            }

            .select-address-wrapper {
                background: #FAFBFC;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }
        }

        @media (max-width: 600px) {
            .select-address .field {
                width: 360px;
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .HDManager {
            font-weight: 500;
            line-height: 1.15;
            background: var(--r-neutral-bg-2);
            overflow-x: auto;
            min-height: 100vh;
        }

        .HDManager main {
            min-width: 1200px;
            position: relative;
            padding-top: 20px;
            margin: 20px 120px;
            display: flex;
            flex-direction: column;
        }

        @media (max-width: 1536px) {
            .HDManager main {
                margin: 20px 10px;
            }
        }

        .HDManager .logo {
            display: flex;
            align-items: center;
            margin: 0 auto 24px;
        }

        .HDManager .logo .icon {
            width: 32px;
            height: 32px;
            margin-right: 12px;
        }

        .HDManager .logo .title {
            font-size: 20px;
            color: var(--r-neutral-title-1);
            margin-bottom: 0;
        }

        .HDManager .toolbar {
            display: flex;
            align-items: center;
            position: absolute;
            right: 0;
            top: 106px;
            -moz-column-gap: 20px;
            column-gap: 20px;
            font-size: 12px;
            line-height: 1;
            color: var(--r-neutral-body);
            z-index: 1;
        }

        .HDManager .toolbar-item {
            display: flex;
            -moz-column-gap: 4px;
            column-gap: 4px;
            align-items: center;
            cursor: pointer;
        }

        .HDManager .tabs .ant-tabs-nav {
            margin-bottom: 24px;
        }

        .HDManager .tabs .ant-tabs-nav::before {
            display: none;
        }

        .HDManager .tabs .ant-tabs-nav-list {
            margin: auto;
            background: var(--r-neutral-line);
            border-radius: 8px;
            padding: 4px;
        }

        .HDManager .tabs .ant-tabs-ink-bar {
            display: none;
        }

        .HDManager .tabs .ant-tabs-tab {
            padding: 7px 34px;
            border-radius: 6px;
            color: var(--r-neutral-body);
            font-size: 15px;
            transition: all 0.3s ease-in-out;
            margin: 0;
        }

        .HDManager .tabs .ant-tabs-tab.ant-tabs-tab-active {
            background: var(--r-neutral-bg-1);
        }

        .HDManager .tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
            color: var(--r-blue-default);
        }

        .AccountList .ant-spin-container.ant-spin-blur::after {
            background: #fff;
            background: var(--r-neutral-bg-1, #fff);
        }

        .AccountList .ant-spin.ant-spin-spinning .ant-spin-text {
            text-shadow: 0 1px 2px var(--r-neutral-bg-1);
        }

        .AccountList .ant-spin-container.ant-spin-blur::after {
            background: #fff;
            background: var(--r-neutral-bg-1, #fff);
        }

        .AccountList .ant-spin.ant-spin-spinning .ant-spin-text {
            text-shadow: 0 1px 2px var(--r-neutral-bg-1);
        }

        .AccountList .ant-table {
            background: var(--r-neutral-bg-2);
        }

        .AccountList .ant-table-cell {
            height: 55px;
            padding: 0 16px;
            background-color: var(--r-neutral-card-1);
            color: var(--r-neutral-title-1);
        }

        .AccountList tr>td {
            border-bottom: 1px solid var(--r-neutral-bg-2);
        }

        .AccountList .ant-table-header {
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .AccountList .ant-table-body {
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .AccountList.is-win32 .ant-table-body::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .AccountList.is-win32 .ant-table-body::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .AccountList.is-win32 .ant-table-body::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .AccountList.is-win32 .ant-table-body::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .AccountList .ant-table-thead {
            font-size: 12px;
            line-height: 14px;
            background: var(--r-neutral-card-3);
        }

        .AccountList .ant-table-thead .ant-table-cell {
            padding: 8px 16px;
            background: var(--r-neutral-card-3);
            border-bottom: none;
            height: auto;
        }

        .AccountList .ant-table-thead .column-group {
            color: var(--r-neutral-foot);
            text-align: left;
            font-weight: normal;
            padding: 10px 0 0;
        }

        .AccountList .ant-table-thead .column-group a {
            color: var(--r-neutral-foot);
            text-decoration: underline;
        }

        .AccountList .ant-table-thead .column-group-wrap {
            border-right: 1px solid var(--r-neutral-bg-2);
            padding-top: 0;
            padding-bottom: 0;
        }

        .AccountList .ant-table-thead .column-group-wrap:nth-last-child(-n+2) {
            border-right-color: transparent;
        }

        .AccountList .ant-table-tbody {
            background-color: var(--r-neutral-bg-2);
        }

        .AccountList .ant-table-tbody .ant-empty-description {
            color: var(--r-neutral-foot);
        }

        .AccountList .ant-table-tbody>tr.ant-table-row:hover>td {
            background-color: var(--r-blue-light-1);
        }

        .AccountList .ant-table-cell-scrollbar {
            box-shadow: none;
        }

        .AccountList .cell-address {
            display: flex;
            align-items: center;
            padding-left: 3px;
            padding-right: 20px;
            text-align: left;
        }

        .AccountList-skeleton {
            background: var(--r-neutral-bg-2);
            padding: 4px 6px;
            border-radius: 4px;
            color: var(--r-neutral-foot);
            font-size: 13px;
            display: block;
            margin: auto;
        }

        .AccountList .cell-index {
            color: var(--r-neutral-foot);
            font-weight: 400;
            padding-right: 3px;
        }

        .AccountList .cell-note {
            border-right: 1px solid var(--r-neutral-bg-2);
        }

        .AccountList .cell-add {
            border-right: 1px solid var(--r-neutral-bg-2);
        }

        .AccountList .copy-icon {
            width: 14px;
            margin-left: 4px;
        }

        .AccountList .info-mask {
            cursor: pointer;
            position: absolute;
            right: 0;
            background-color: rgba(var(--r-neutral-title-1-rgb), 0.1);
            bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 108px;
        }

        .AccountList .info-mask--center {
            justify-content: center;
            padding-top: 0;
        }

        .AccountList .info-mask td {
            color: var(--r-neutral-title-1);
            border-bottom: none;
            padding: 0;
            display: flex;
            align-items: center;
        }

        .AccountList .info-mask td .icon {
            margin-right: 12px;
        }

        .AccountList .AliasName--disabled {
            color: var(--r-neutral-foot);
        }

        .AccountList .AliasName .label {
            display: flex;
            align-items: center;
        }

        .AccountList .AliasName .text {
            margin-right: 4px;
        }

        .AccountList .AliasName .input-group {
            display: flex;
            align-items: center;
            width: auto;
        }

        .AccountList .AliasName .icon {
            cursor: pointer;
        }

        .AccountList .AliasName .alias-input {
            margin-right: 8px;
            flex: 1;
        }

        .AccountList .ChainList {
            display: flex;
            align-items: center;
        }

        .AccountList .ChainList .chain-item {
            width: 20px;
            height: 20px;
            margin-right: 8px;
            border-radius: 100%;
            background: var(--r-neutral-line);
            color: var(--r-neutral-foot);
            font-size: 12px;
            line-height: 14px;
            font-weight: 400;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .AccountList .ChainList .chain-item:last-child {
            margin-right: 0;
        }

        .AdvancedSettings .group {
            margin-bottom: 40px;
        }

        .AdvancedSettings .group .label {
            color: var(--r-neutral-title-1);
            font-size: 15px;
            line-height: 17.5px;
            margin-bottom: 12px;
            font-weight: 500;
        }

        .AdvancedSettings .group .ant-input-number {
            border-radius: 6px;
        }

        .AdvancedSettings .group .tip {
            color: var(--r-neutral-body);
            font-size: 13px;
            line-height: 15px;
            font-weight: 500;
        }

        .AdvancedSettings .group .group-field {
            margin-bottom: 12px;
            width: 100%;
            display: flex;
        }

        .AdvancedSettings .group .group-field .ant-input-number-handler-wrap {
            display: none;
        }

        .AdvancedSettings .group .group-field .ant-input-number-input-wrap {
            width: 100%;
        }

        .AdvancedModal .ant-modal-footer {
            border-top: none;
            padding: 0;
        }

        .AdvancedModal .ant-modal-header {
            border-bottom: none;
            padding: 40px 0;
            background: var(--r-neutral-bg-1);
        }

        .AdvancedModal .ant-modal-title {
            color: var(--r-neutral-title-1);
        }

        .AdvancedModal .ant-modal-body {
            padding: 0 74px;
        }

        .AdvancedModal .ant-modal-content {
            background: var(--r-neutral-bg-1);
            border-radius: 12px;
        }

        .AdvancedModal .advanced-button {
            padding: 17px 0;
            height: auto;
            font-size: 15px;
            line-height: 1;
            width: 360px;
            margin: auto;
            display: block;
        }

        .AdvancedModal .footer {
            margin: 80px 0 60px;
        }

        .HDPathTypeButton {
            background: var(--r-neutral-card-2);
            border-radius: 6px;
            color: var(--r-neutral-title-1);
            font-size: 15px;
            font-weight: 500;
            line-height: 17.5px;
            padding: 17px 0;
            width: 220px;
            position: relative;
            margin-right: 16px;
            transition: all 0.3s ease-in-out;
        }

        .HDPathTypeButton:last-child {
            margin-right: 0;
        }

        .HDPathTypeButton--selected {
            background: var(--r-blue-light-1);
            color: var(--r-blue-default);
        }

        .HDPathTypeButton--on-chain::before {
            content: '';
            background: var(--r-green-default);
            position: absolute;
            right: 8px;
            top: 8px;
            border-radius: 50%;
            width: 8px;
            height: 8px;
        }

        .AddToRabby {
            min-width: 50px;
            height: 20px;
            line-height: 20px;
            border-radius: 90px;
            background-color: var(--r-neutral-line);
        }

        .AddToRabby .icon {
            position: absolute;
            top: 6px;
            left: 5px;
        }

        .AddToRabby .icon-loading {
            position: absolute;
            left: 1px;
            top: 2px;
        }

        .AddToRabby .icon-loading path {
            stroke: #7084ff;
            stroke: var(--r-blue-default, #7084ff);
        }

        .AddToRabby.ant-switch-checked {
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
        }

        .AddToRabby.ant-switch-checked .ant-switch-handle {
            left: calc(100% - 22px);
        }

        .AddToRabby.ant-switch-checked .ant-switch-handle::before {
            border-color: rgba(134, 151, 255, 0.2);
            box-shadow: 0px 1px 2px rgba(29, 40, 109, 0.1);
        }

        .AddToRabby .ant-switch-handle {
            width: 24px;
            height: 24px;
            top: -2px;
            left: -2px;
        }

        .AddToRabby .ant-switch-handle::before {
            border-radius: 50%;
            border: 1px solid #D9DEE5;
            box-shadow: 0px 1px 2px rgba(29, 40, 109, 0.1);
        }

        .hd-manager-switch-modal {
            width: 520px !important;
        }

        .hd-manager-switch-modal .ant-modal-confirm-body .ant-modal-confirm-content {
            color: var(--r-neutral-title-1);
            text-align: center;
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

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

        .success-import .address-info {
            height: 100%;
        }

        .success-import .address-viewer-text.subtitle {
            font-size: 12px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
        }

        .success-import .brand-name {
            font-size: 16px;
            color: #13141a;
            margin-bottom: 10px;
            height: 40px;
            align-items: center;
            font-weight: 500;
        }

        .success-import .address-info .ant-input {
            height: 40px;
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            border-radius: 2px;
            border: none;
            font-weight: inherit;
            font-size: inherit;
            padding-left: 6px;
            padding-right: 6px;
            width: 260px;
        }

        .success-import .chain-list-container {
            margin-top: 20px;
        }

        .success-import .chain-list-container .desc {
            text-align: left;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            margin-bottom: 12px;
        }

        .success-import .chain-list-container .chain-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 12px;
        }

        .success-import .chain-list-container .chain-list-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .success-import .chain-list-container .chain-list-item .chain-logo {
            width: 20px;
            height: 20px;
            border-radius: 50%;
        }

        .success-import::-webkit-scrollbar {
            display: none;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .import-gnosis {
            overflow: auto;
            background: #f2f4f7;
            background: var(--r-neutral-bg-2, #f2f4f7);
        }

        .import-gnosis .header {
            background: #7084ff;
            background: var(--r-blue-default, #7084ff);
        }

        .import-gnosis .ant-input {
            border-color: transparent;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .import-gnosis .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input {
            background: transparent;
        }

        .import-gnosis .ant-input-number {
            border-color: transparent;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .import-gnosis .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .import-gnosis .ant-input-affix-wrapper {
            border-color: rgba(255, 255, 255, 0.1);
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .import-gnosis .ant-input-affix-wrapper .ant-input {
            background: transparent;
        }

        .import-gnosis .ant-input-affix-wrapper:focus,
        .import-gnosis .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .import-gnosis .ant-input-suffix {
            color: var(--r-neutral-foot);
        }

        .import-gnosis .ant-input-suffix .anticon-close-circle {
            color: var(--r-neutral-foot);
        }

        .import-gnosis .ant-input {
            border-color: transparent;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .import-gnosis .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input {
            background: transparent;
        }

        .import-gnosis .ant-input-number {
            border-color: transparent;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .import-gnosis .ant-input-number .ant-input-number-input {
            background-color: transparent;
        }

        .import-gnosis .ant-input-affix-wrapper {
            border-color: rgba(255, 255, 255, 0.1);
            border-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .import-gnosis .ant-input-affix-wrapper .ant-input {
            background: transparent;
        }

        .import-gnosis .ant-input-affix-wrapper:focus,
        .import-gnosis .ant-input-affix-wrapper-focused {
            border-color: #b0bdff;
        }

        .import-gnosis .ant-input-suffix {
            color: var(--r-neutral-foot);
        }

        .import-gnosis .ant-input-suffix .anticon-close-circle {
            color: var(--r-neutral-foot);
        }

        .import-gnosis .unlock-logo {
            border: 1px solid #fff;
            border-radius: 100%;
        }

        .import-gnosis .rabby-container .ant-input:focus {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .import-gnosis .ant-form-item-explain {
            display: none !important;
        }

        .import-gnosis .error {
            margin-top: 12px;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: #ec5151;
        }

        .import-gnosis .loading {
            margin-top: 20px;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .import-gnosis .chain-list-container {
            margin-top: 20px;
        }

        .import-gnosis .chain-list-container .desc {
            text-align: left;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            margin-bottom: 12px;
        }

        .import-gnosis .chain-list-container .chain-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 12px;
        }

        .import-gnosis .chain-list-container .chain-list-item {
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .import-gnosis .chain-list-container .chain-list-item .chain-logo {
            width: 20px;
            height: 20px;
            border-radius: 50%;
        }

        .import-gnosis .footer {
            border-top: 0.5px solid #d3d8e0;
            border-top: 0.5px solid var(--r-neutral-line, #d3d8e0);
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            text-align: center;
        }

        .import-gnosis .footer .ant-btn {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
        }

        .import-gnosis .footer .ant-btn:disabled {
            background: #8998ff;
            opacity: 0.4;
            border-radius: 6px;
        }

        .import-gnosis .footer .ant-btn:disabled::before {
            display: none;
        }

        .import-gnosis .field {
            max-width: 100%;
        }

        .import-gnosis .step2 .ant-input-affix-wrapper {
            border-radius: 6px;
        }

        .import-gnosis .step2 .ant-btn-loading {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .import-gnosis .step2 .ant-btn-loading .ant-btn-loading-icon svg {
            width: 12px;
            height: 12px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .connect-ledger {
            width: 306px;
        }

        .connect-ledger ul {
            margin-bottom: 50px;
            padding-left: 5px;
        }

        .connect-ledger ul li {
            font-size: 14px;
            line-height: 20px;
            color: var(--r-neutral-body);
        }

        .connect-ledger .ledger-plug {
            margin-bottom: 50px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .connect-ledger {
            width: 306px;
        }

        .connect-ledger ul {
            margin-bottom: 50px;
            padding-left: 5px;
        }

        .connect-ledger ul li {
            font-size: 14px;
            line-height: 20px;
            color: var(--r-neutral-body);
        }

        .connect-ledger .ledger-plug {
            margin-bottom: 50px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .connect-ledger {
            width: 306px;
        }

        .connect-ledger ul {
            margin-bottom: 50px;
            padding-left: 5px;
        }

        .connect-ledger ul li {
            font-size: 14px;
            line-height: 20px;
            color: var(--r-neutral-body);
        }

        .connect-ledger .ledger-plug {
            margin-bottom: 50px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .connected-sites {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 20px 20px;
            position: relative;
        }

        .connected-sites .field {
            padding: 11px 12px;
            margin-bottom: 12px;
            min-height: 52px;
        }

        .connected-sites .field .cross-icon:hover {
            color: #7084ff !important;
            color: var(--r-blue-default, #7084ff) !important;
        }

        .connected-sites .field:nth-last-child(1) {
            margin-bottom: 12px;
        }

        .connected-sites .field .site-info {
            width: 100%;
            padding-right: 5px;
        }

        .connected-sites .field .site-info p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0;
        }

        .connected-sites .no-site {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .connected-sites .no-site .no-data-image {
            width: 156px;
            height: 152px;
            margin-bottom: 32px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .account-select .ant-drawer-content-wrapper {
            border-radius: 16px 16px 0px 0px;
            overflow: hidden;
        }

        .account-select .ant-drawer-close {
            display: none;
        }

        .account-select .ant-drawer-body {
            display: flex;
            flex-direction: column;
        }

        .account-select .ant-drawer-body .title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            text-align: center;
            color: var(--r-neutral-title-1);
            margin-bottom: 24px;
        }

        .account-select .ant-drawer-body .list {
            flex: 1;
            overflow: scroll;
        }

        .account-select .ant-drawer-body .list .field {
            background-color: var(--r-neutral-card-2) !important;
            border: 1px solid transparent;
            box-sizing: border-box;
            border-radius: 6px;
            margin-bottom: 8px;
            margin-top: 0;
        }

        .account-select .ant-drawer-body .list .field:nth-last-child(1) {
            margin-bottom: 0;
        }

        .account-select .ant-drawer-body .list .field .icon-keyring {
            width: 28px;
            height: 28px;
            margin-right: 12px;
        }

        .account-select .ant-drawer-body .list .field .alian-name {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: var(--r-neutral-title-1);
            margin-bottom: 2px;
        }

        .account-select .ant-drawer-body .list .field .address-viewer-text.normal {
            font-size: 12px;
            line-height: 14px;
            color: var(--r-neutral-body);
        }

        .account-select .ant-drawer-body .list .field .native-token-balance {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 1;
            padding-right: 12px;
        }

        .account-select .ant-drawer-body .footer {
            padding: 20px 0 0;
            display: flex;
            justify-content: space-between;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
        }

        .account-select .ant-drawer-body .footer .ant-btn {
            width: 172px;
            height: 44px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .progress {
            text-align: center;
        }

        .progress-bar {
            width: 100%;
            background-color: #dadada;
            border-radius: 3px;
            overflow: hidden;
        }

        .progress-bar::before {
            content: " ";
            display: block;
            height: 6px;
            width: var(--percent);
            background-color: #7084ff;
        }

        .progress-num {
            font-size: 12px;
            color: #7084ff;
            margin-top: 12px;
            line-height: 1;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .approval {
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .approval .token-balance-change {
            padding: 0 16px;
            margin-top: 16px;
        }

        .approval .token-balance-change .token-balance-change-content-header {
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            color: #131419;
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .approval .token-balance-change .token-balance-change-content .token-change-list {
            margin: 0;
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .approval .token-balance-change .token-balance-change-content .token-change-list .token-change-item {
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .approval .token-balance-change .token-balance-change-content .token-change-list .token-change-item .token-change-logo {
            width: 28px;
            height: 28px;
            margin-right: 12px;
        }

        .approval .token-balance-change .token-balance-change-content .token-change-list .token-change-item .token-change-amount {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 12px;
            flex: 1;
        }

        .approval .token-balance-change .token-balance-change-content .token-change-list .token-change-item .token-change-price {
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            margin-left: auto;
            flex-shrink: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 50%;
        }

        .approval .token-balance-change .balance-change-error {
            display: flex;
            align-items: flex-start;
            gap: 12px;
        }

        .approval .token-balance-change .balance-change-error-icon {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
        }

        .approval .token-balance-change .balance-change-error-icon path:first-child {
            fill: #b4bdcc;
            stroke: #b4bdcc;
        }

        .approval .token-balance-change .balance-change-error-content {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .approval .token-balance-change .balance-change-error-title {
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
        }

        .approval .token-balance-change .balance-change-error-desc {
            font-size: 14px;
            line-height: 20px;
            color: #4b4d59;
        }

        .approval header {
            background: linear-gradient(97.59deg, #8ba8ff 0%, #8c96ff 99.49%);
            height: 56px;
            padding: 13px 20px;
            color: #fff;
        }

        .approval header p {
            margin-bottom: 0;
        }

        .approval header p:nth-child(1) {
            opacity: 0.4;
        }

        .approval .approval-public-key .content {
            padding: 20px 20px 28px;
        }

        .approval .approval-public-key .site {
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            padding: 10px 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
        }

        .approval .approval-public-key .site-icon {
            border-radius: 4px;
        }

        .approval .approval-public-key .site-origin {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .approval .approval-public-key .desc {
            font-weight: 500;
            font-size: 15px;
            line-height: 20px;
            text-align: center;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .approval .approval-public-key .footer .ant-btn {
            width: 172px;
        }

        .approval .approval-decrypt .content {
            padding: 20px 20px 28px;
        }

        .approval .approval-decrypt .desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            margin-bottom: 20px;
        }

        .approval .approval-decrypt .data {
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border: 1px solid rgba(255, 255, 255, 0.1);
            border: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            border-radius: 6px;
            overflow: auto;
            height: 350px;
            word-break: break-all;
            position: relative;
            padding-bottom: 40px;
        }

        .approval .approval-decrypt .data .data-content {
            height: 100%;
            overflow: auto;
            padding: 16px;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
        }

        .approval .approval-decrypt .data-mask {
            background: rgba(0, 0, 0, 0.9);
            opacity: 0.9;
            -webkit-backdrop-filter: blur(120px);
            backdrop-filter: blur(120px);
            border-radius: 6px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #ffffff;
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            top: 0;
            z-index: 10;
            cursor: pointer;
        }

        .approval .approval-decrypt .data .icon-copy {
            position: absolute;
            right: 12px;
            bottom: 12px;
            cursor: pointer;
        }

        .approval .approval-decrypt .footer .ant-btn {
            width: 172px;
        }

        .approval .approval-decrypt .account-card .send-text,
        .approval .approval-public-key .account-card .send-text {
            color: #d3d8e0 !important;
            color: var(--r-neutral-body, #d3d8e0) !important;
        }

        .approval .approval-decrypt .account-card .amount,
        .approval .approval-public-key .account-card .amount {
            color: #d3d8e0 !important;
            color: var(--r-neutral-body, #d3d8e0) !important;
        }

        .approval .site-card {
            width: 100%;
            background-color: #f5f6fa;
            border-radius: 6px;
            padding: 12px;
            display: flex;
            margin-bottom: 24px;
        }

        .approval .site-card .icon-site {
            width: 32px;
            margin-right: 8px;
        }

        .approval .site-card .site-info {
            flex: 1;
            overflow: hidden;
        }

        .approval .site-card .site-info p {
            text-overflow: ellipsis;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
        }

        .approval .ledger-webhid-alert {
            background: rgba(242, 156, 27, 0.08);
            border: 1px solid rgba(242, 156, 27, 0.2);
            border-radius: 4px;
            font-size: 13px;
            line-height: 20px;
            color: #ffb020;
            padding: 12px;
            margin-bottom: 20px;
        }

        .approval .ledger-webhid-alert p {
            margin-bottom: 0;
        }

        .approval .ledger-webhid-alert p a {
            color: #ffb020;
        }

        .approval .approval-chain {
            padding: 16px 20px 0;
        }

        .approval .approval-chain .rpc-input {
            height: 52px;
            width: 360px;
            margin-left: auto;
            margin-right: auto;
            background: #f5f6fa;
            border: 1px solid #e5e9ef;
            border-radius: 6px;
        }

        .approval .approval-chain .rpc-input.has-error {
            border-color: #ec5151;
        }

        .approval .approval-chain .rpc-input::-moz-placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .approval .approval-chain .rpc-input:-ms-input-placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .approval .approval-chain .rpc-input::placeholder {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .approval .approval-text {
            padding: 24px 20px;
            flex: 1;
            overflow: auto;
            background: #f2f4f7;
            background: var(--r-neutral-bg-4, #f2f4f7);
        }

        .approval .approval-text .view-raw {
            line-height: 16px !important;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            white-space: nowrap;
        }

        .approval .approval-text .text-detail-wrapper {
            padding-bottom: 40px;
            margin: 0 auto;
            position: relative;
            display: flex;
            border: 1px solid #e5e9ef;
            background-color: #fff;
            border-radius: 6px;
        }

        .approval .approval-text .text-detail-wrapper .tx-action {
            padding-bottom: 16px;
            border-bottom: 1px solid #e5e9ef;
        }

        .approval .approval-text .text-detail-wrapper .section-card {
            background: #fff;
            border-radius: 6px;
            position: relative;
        }

        .approval .approval-text .text-detail-wrapper .section-card-content {
            flex: 1;
            overflow: hidden;
        }

        .approval .approval-text .text-detail-wrapper .section-card-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
            margin-bottom: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .approval .approval-text .text-detail-wrapper .section-card-desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #4b4d59;
        }

        .approval .approval-text .text-detail {
            padding: 16px;
            white-space: pre-wrap;
            overflow-wrap: break-word;
            line-height: 20px;
            font-size: 14px;
            height: 320px;
            overflow: auto;
            flex: 1;
            color: #4b4d59;
        }

        .approval .approval-text .text-explain {
            height: 40px;
            left: 20px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            display: flex;
            align-items: center;
            color: #826fff;
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 0;
            padding: 0 16px;
            gap: 4px;
            color: #707280;
            background-color: #e5e9ef;
        }

        .approval .approval-text .text-explain .icon-question-mark {
            margin-left: auto;
            width: 16px;
            height: 16px;
            flex-shrink: 0;
        }

        .approval .approval-text .text-explain .icon-question-mark path:first-child {
            fill: #b4bdcc;
        }

        .approval .approval-text .text-explain.pass {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            background-color: rgba(112, 132, 255, 0.1);
        }

        .approval .approval-text .text-explain.pass .icon-question-mark path:first-child {
            fill: rgba(112, 132, 255, 0.6);
        }

        .approval .approval-text .text-explain.danger {
            color: #ec5151;
            background-color: rgba(236, 81, 81, 0.1);
        }

        .approval .approval-text .text-explain.danger .icon-question-mark path:first-child {
            fill: rgba(236, 81, 81, 0.6);
        }

        .approval .approval-text .section-title {
            margin-bottom: 8px;
            font-size: 14px;
            line-height: 16px;
            color: #4b4d59;
        }

        .approval .approval-tx,
        .approval .approval-text {
            overflow-y: auto;
        }

        .approval .approval-tx .send .common-detail-block,
        .approval .approval-text .send .common-detail-block,
        .approval .approval-tx .approve .common-detail-block,
        .approval .approval-text .approve .common-detail-block,
        .approval .approval-tx .approve-nft .common-detail-block,
        .approval .approval-text .approve-nft .common-detail-block,
        .approval .approval-tx .approve-nft-collection .common-detail-block,
        .approval .approval-text .approve-nft-collection .common-detail-block,
        .approval .approval-tx .cancel .common-detail-block,
        .approval .approval-text .cancel .common-detail-block,
        .approval .approval-tx .cancel-nft-collection .common-detail-block,
        .approval .approval-text .cancel-nft-collection .common-detail-block,
        .approval .approval-tx .cancel-nft .common-detail-block,
        .approval .approval-text .cancel-nft .common-detail-block,
        .approval .approval-tx .send-nft .common-detail-block,
        .approval .approval-text .send-nft .common-detail-block,
        .approval .approval-tx .type-list-nft .common-detail-block,
        .approval .approval-text .type-list-nft .common-detail-block,
        .approval .approval-tx .cancel-tx .common-detail-block,
        .approval .approval-text .cancel-tx .common-detail-block {
            min-height: 120px;
            padding: 22px 16px;
        }

        .approval .approval-tx .send .common-detail-block .title,
        .approval .approval-text .send .common-detail-block .title,
        .approval .approval-tx .approve .common-detail-block .title,
        .approval .approval-text .approve .common-detail-block .title,
        .approval .approval-tx .approve-nft .common-detail-block .title,
        .approval .approval-text .approve-nft .common-detail-block .title,
        .approval .approval-tx .approve-nft-collection .common-detail-block .title,
        .approval .approval-text .approve-nft-collection .common-detail-block .title,
        .approval .approval-tx .cancel .common-detail-block .title,
        .approval .approval-text .cancel .common-detail-block .title,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .title,
        .approval .approval-text .cancel-nft-collection .common-detail-block .title,
        .approval .approval-tx .cancel-nft .common-detail-block .title,
        .approval .approval-text .cancel-nft .common-detail-block .title,
        .approval .approval-tx .send-nft .common-detail-block .title,
        .approval .approval-text .send-nft .common-detail-block .title,
        .approval .approval-tx .type-list-nft .common-detail-block .title,
        .approval .approval-text .type-list-nft .common-detail-block .title,
        .approval .approval-tx .cancel-tx .common-detail-block .title,
        .approval .approval-text .cancel-tx .common-detail-block .title {
            color: #4b4d59;
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 24px;
            position: relative;
            z-index: 1;
            line-height: 23px;
        }

        .approval .approval-tx .send .common-detail-block p,
        .approval .approval-text .send .common-detail-block p,
        .approval .approval-tx .approve .common-detail-block p,
        .approval .approval-text .approve .common-detail-block p,
        .approval .approval-tx .approve-nft .common-detail-block p,
        .approval .approval-text .approve-nft .common-detail-block p,
        .approval .approval-tx .approve-nft-collection .common-detail-block p,
        .approval .approval-text .approve-nft-collection .common-detail-block p,
        .approval .approval-tx .cancel .common-detail-block p,
        .approval .approval-text .cancel .common-detail-block p,
        .approval .approval-tx .cancel-nft-collection .common-detail-block p,
        .approval .approval-text .cancel-nft-collection .common-detail-block p,
        .approval .approval-tx .cancel-nft .common-detail-block p,
        .approval .approval-text .cancel-nft .common-detail-block p,
        .approval .approval-tx .send-nft .common-detail-block p,
        .approval .approval-text .send-nft .common-detail-block p,
        .approval .approval-tx .type-list-nft .common-detail-block p,
        .approval .approval-text .type-list-nft .common-detail-block p,
        .approval .approval-tx .cancel-tx .common-detail-block p,
        .approval .approval-text .cancel-tx .common-detail-block p {
            word-break: break-all;
            white-space: pre-wrap;
        }

        .approval .approval-tx .send .common-detail-block .block-field,
        .approval .approval-text .send .common-detail-block .block-field,
        .approval .approval-tx .approve .common-detail-block .block-field,
        .approval .approval-text .approve .common-detail-block .block-field,
        .approval .approval-tx .approve-nft .common-detail-block .block-field,
        .approval .approval-text .approve-nft .common-detail-block .block-field,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field,
        .approval .approval-tx .cancel .common-detail-block .block-field,
        .approval .approval-text .cancel .common-detail-block .block-field,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field,
        .approval .approval-text .cancel-nft .common-detail-block .block-field,
        .approval .approval-tx .send-nft .common-detail-block .block-field,
        .approval .approval-text .send-nft .common-detail-block .block-field,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field,
        .approval .approval-text .type-list-nft .common-detail-block .block-field,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field,
        .approval .approval-text .cancel-tx .common-detail-block .block-field {
            display: flex;
            margin-bottom: 16px;
        }

        .approval .approval-tx .send .common-detail-block .block-field .label,
        .approval .approval-text .send .common-detail-block .block-field .label,
        .approval .approval-tx .approve .common-detail-block .block-field .label,
        .approval .approval-text .approve .common-detail-block .block-field .label,
        .approval .approval-tx .approve-nft .common-detail-block .block-field .label,
        .approval .approval-text .approve-nft .common-detail-block .block-field .label,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field .label,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field .label,
        .approval .approval-tx .cancel .common-detail-block .block-field .label,
        .approval .approval-text .cancel .common-detail-block .block-field .label,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field .label,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field .label,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field .label,
        .approval .approval-text .cancel-nft .common-detail-block .block-field .label,
        .approval .approval-tx .send-nft .common-detail-block .block-field .label,
        .approval .approval-text .send-nft .common-detail-block .block-field .label,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field .label,
        .approval .approval-text .type-list-nft .common-detail-block .block-field .label,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field .label,
        .approval .approval-text .cancel-tx .common-detail-block .block-field .label {
            color: #4b4d59;
            font-size: 14px;
            width: 90px;
            flex-shrink: 0;
            line-height: 1;
        }

        .approval .approval-tx .send .common-detail-block .block-field .value,
        .approval .approval-text .send .common-detail-block .block-field .value,
        .approval .approval-tx .approve .common-detail-block .block-field .value,
        .approval .approval-text .approve .common-detail-block .block-field .value,
        .approval .approval-tx .approve-nft .common-detail-block .block-field .value,
        .approval .approval-text .approve-nft .common-detail-block .block-field .value,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field .value,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field .value,
        .approval .approval-tx .cancel .common-detail-block .block-field .value,
        .approval .approval-text .cancel .common-detail-block .block-field .value,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field .value,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field .value,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field .value,
        .approval .approval-text .cancel-nft .common-detail-block .block-field .value,
        .approval .approval-tx .send-nft .common-detail-block .block-field .value,
        .approval .approval-text .send-nft .common-detail-block .block-field .value,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field .value,
        .approval .approval-text .type-list-nft .common-detail-block .block-field .value,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field .value,
        .approval .approval-text .cancel-tx .common-detail-block .block-field .value {
            line-height: 1;
            flex: 1;
            color: #4b4d59;
            font-size: 15px;
            line-height: 18px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .approval .approval-tx .send .common-detail-block .block-field .value-strong,
        .approval .approval-text .send .common-detail-block .block-field .value-strong,
        .approval .approval-tx .approve .common-detail-block .block-field .value-strong,
        .approval .approval-text .approve .common-detail-block .block-field .value-strong,
        .approval .approval-tx .approve-nft .common-detail-block .block-field .value-strong,
        .approval .approval-text .approve-nft .common-detail-block .block-field .value-strong,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field .value-strong,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field .value-strong,
        .approval .approval-tx .cancel .common-detail-block .block-field .value-strong,
        .approval .approval-text .cancel .common-detail-block .block-field .value-strong,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field .value-strong,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field .value-strong,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field .value-strong,
        .approval .approval-text .cancel-nft .common-detail-block .block-field .value-strong,
        .approval .approval-tx .send-nft .common-detail-block .block-field .value-strong,
        .approval .approval-text .send-nft .common-detail-block .block-field .value-strong,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field .value-strong,
        .approval .approval-text .type-list-nft .common-detail-block .block-field .value-strong,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field .value-strong,
        .approval .approval-text .cancel-tx .common-detail-block .block-field .value-strong {
            font-weight: 500;
            color: #13141a;
        }

        .approval .approval-tx .send .common-detail-block .block-field.contract .value,
        .approval .approval-text .send .common-detail-block .block-field.contract .value,
        .approval .approval-tx .approve .common-detail-block .block-field.contract .value,
        .approval .approval-text .approve .common-detail-block .block-field.contract .value,
        .approval .approval-tx .approve-nft .common-detail-block .block-field.contract .value,
        .approval .approval-text .approve-nft .common-detail-block .block-field.contract .value,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field.contract .value,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field.contract .value,
        .approval .approval-tx .cancel .common-detail-block .block-field.contract .value,
        .approval .approval-text .cancel .common-detail-block .block-field.contract .value,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field.contract .value,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field.contract .value,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field.contract .value,
        .approval .approval-text .cancel-nft .common-detail-block .block-field.contract .value,
        .approval .approval-tx .send-nft .common-detail-block .block-field.contract .value,
        .approval .approval-text .send-nft .common-detail-block .block-field.contract .value,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field.contract .value,
        .approval .approval-text .type-list-nft .common-detail-block .block-field.contract .value,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field.contract .value,
        .approval .approval-text .cancel-tx .common-detail-block .block-field.contract .value {
            display: flex;
            align-items: center;
        }

        .approval .approval-tx .send .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .send .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .approve .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .approve .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .approve-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .approve-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .cancel .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .cancel .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .cancel-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .send-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .send-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .type-list-nft .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field.contract .value .address-viewer-text,
        .approval .approval-text .cancel-tx .common-detail-block .block-field.contract .value .address-viewer-text {
            color: #707280;
            font-size: 13px;
            font-weight: 500;
            margin-right: 0;
        }

        .approval .approval-tx .send .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .send .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .approve .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .approve .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .approve-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .approve-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .cancel .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .cancel .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .cancel-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .cancel-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .send-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .send-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .type-list-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .type-list-nft .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-tx .cancel-tx .common-detail-block .block-field.contract .value .icon-copy,
        .approval .approval-text .cancel-tx .common-detail-block .block-field.contract .value .icon-copy {
            width: 16px;
            height: 16px;
            margin-left: 6px;
            cursor: pointer;
        }

        .approval .approval-tx .send .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .send .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .approve .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .approve .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .approve-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .approve-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .approve-nft-collection .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .approve-nft-collection .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .cancel .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .cancel .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .cancel-nft-collection .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .cancel-nft-collection .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .cancel-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .cancel-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .send-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .send-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .type-list-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .type-list-nft .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-tx .cancel-tx .common-detail-block .block-field:nth-last-child(1),
        .approval .approval-text .cancel-tx .common-detail-block .block-field:nth-last-child(1) {
            margin-bottom: 0;
        }

        .approval .approval-tx .send .protocol,
        .approval .approval-text .send .protocol,
        .approval .approval-tx .approve .protocol,
        .approval .approval-text .approve .protocol,
        .approval .approval-tx .approve-nft .protocol,
        .approval .approval-text .approve-nft .protocol,
        .approval .approval-tx .approve-nft-collection .protocol,
        .approval .approval-text .approve-nft-collection .protocol,
        .approval .approval-tx .cancel .protocol,
        .approval .approval-text .cancel .protocol,
        .approval .approval-tx .cancel-nft-collection .protocol,
        .approval .approval-text .cancel-nft-collection .protocol,
        .approval .approval-tx .cancel-nft .protocol,
        .approval .approval-text .cancel-nft .protocol,
        .approval .approval-tx .send-nft .protocol,
        .approval .approval-text .send-nft .protocol,
        .approval .approval-tx .type-list-nft .protocol,
        .approval .approval-text .type-list-nft .protocol,
        .approval .approval-tx .cancel-tx .protocol,
        .approval .approval-text .cancel-tx .protocol {
            display: flex;
            align-items: center;
        }

        .approval .approval-tx .send .protocol .protocol-logo,
        .approval .approval-text .send .protocol .protocol-logo,
        .approval .approval-tx .approve .protocol .protocol-logo,
        .approval .approval-text .approve .protocol .protocol-logo,
        .approval .approval-tx .approve-nft .protocol .protocol-logo,
        .approval .approval-text .approve-nft .protocol .protocol-logo,
        .approval .approval-tx .approve-nft-collection .protocol .protocol-logo,
        .approval .approval-text .approve-nft-collection .protocol .protocol-logo,
        .approval .approval-tx .cancel .protocol .protocol-logo,
        .approval .approval-text .cancel .protocol .protocol-logo,
        .approval .approval-tx .cancel-nft-collection .protocol .protocol-logo,
        .approval .approval-text .cancel-nft-collection .protocol .protocol-logo,
        .approval .approval-tx .cancel-nft .protocol .protocol-logo,
        .approval .approval-text .cancel-nft .protocol .protocol-logo,
        .approval .approval-tx .send-nft .protocol .protocol-logo,
        .approval .approval-text .send-nft .protocol .protocol-logo,
        .approval .approval-tx .type-list-nft .protocol .protocol-logo,
        .approval .approval-text .type-list-nft .protocol .protocol-logo,
        .approval .approval-tx .cancel-tx .protocol .protocol-logo,
        .approval .approval-text .cancel-tx .protocol .protocol-logo {
            width: 36px;
            height: 36px;
            margin-right: 8px;
            flex-shrink: 0;
        }

        .approval .approval-tx .send .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .send .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .approve .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .approve .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .approve-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .approve-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .approve-nft-collection .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .approve-nft-collection .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .cancel .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .cancel .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .cancel-nft-collection .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .cancel-nft-collection .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .cancel-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .cancel-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .send-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .send-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .type-list-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .type-list-nft .protocol .protocol-info .protocol-info__name,
        .approval .approval-tx .cancel-tx .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .cancel-tx .protocol .protocol-info .protocol-info__name {
            color: #4b4d59;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 4px;
            line-height: 1;
        }

        .approval .approval-tx .send .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .send .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .approve .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .approve .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .approve-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .approve-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .approve-nft-collection .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .approve-nft-collection .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .cancel .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .cancel .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .cancel-nft-collection .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .cancel-nft-collection .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .cancel-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .cancel-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .send-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .send-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .type-list-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .type-list-nft .protocol .protocol-info .protocol-info__spender,
        .approval .approval-tx .cancel-tx .protocol .protocol-info .protocol-info__spender,
        .approval .approval-text .cancel-tx .protocol .protocol-info .protocol-info__spender {
            display: flex;
            align-items: center;
        }

        .approval .approval-tx .send .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .send .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .approve .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .approve .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .approve-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .approve-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .approve-nft-collection .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .approve-nft-collection .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .cancel .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .cancel .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .cancel-nft-collection .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .cancel-nft-collection .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .cancel-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .cancel-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .send-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .send-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .type-list-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .type-list-nft .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-tx .cancel-tx .protocol .protocol-info .protocol-info__spender .icon-copy,
        .approval .approval-text .cancel-tx .protocol .protocol-info .protocol-info__spender .icon-copy {
            margin-left: 6px;
            width: 16px;
            height: 16px;
            cursor: pointer;
        }

        .approval .approval-tx .send .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .send .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .approve .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .approve .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .approve-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .approve-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .approve-nft-collection .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .approve-nft-collection .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .cancel .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .cancel .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .cancel-nft-collection .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .cancel-nft-collection .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .cancel-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .cancel-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .send-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .send-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .type-list-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .type-list-nft .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-tx .cancel-tx .protocol .protocol-info .protocol-info__spender .address-viewer-text,
        .approval .approval-text .cancel-tx .protocol .protocol-info .protocol-info__spender .address-viewer-text {
            color: #707280;
            font-size: 13px;
            font-weight: 500;
            margin-right: 0;
        }

        .approval .approval-tx .action-card,
        .approval .approval-text .action-card {
            border-radius: 6px;
            background-color: #fff;
        }

        .approval .approval-tx .action-card-body,
        .approval .approval-text .action-card-body {
            padding: 16px;
        }

        .approval .approval-tx .action-card-body+.approval .approval-tx .action-card-body,
        .approval .approval-tx .action-card-body+.approval .approval-text .action-card-body,
        .approval .approval-text .action-card-body+.approval .approval-tx .action-card-body,
        .approval .approval-text .action-card-body+.approval .approval-text .action-card-body {
            border-top: 1px solid #e5e9ef;
        }

        .approval .approval-tx .approve .protocol .protocol-logo,
        .approval .approval-text .approve .protocol .protocol-logo {
            width: 24px;
            height: 24px;
            margin-right: 8px;
            flex-shrink: 0;
        }

        .approval .approval-tx .approve .protocol .protocol-info,
        .approval .approval-text .approve .protocol .protocol-info {
            display: flex;
            align-items: center;
        }

        .approval .approval-tx .approve .protocol .protocol-info .protocol-info__name,
        .approval .approval-text .approve .protocol .protocol-info .protocol-info__name {
            font-size: 13px;
            line-height: 1;
            margin-bottom: 0;
            align-items: center;
        }

        .approval .approval-tx .approve .protocol .protocol-info .protocol-info__name .protocol-info__spender,
        .approval .approval-text .approve .protocol .protocol-info .protocol-info__name .protocol-info__spender {
            margin-left: 8px;
        }

        .approval .approval-tx .approve .protocol .protocol-info .address-viewer-text,
        .approval .approval-text .approve .protocol .protocol-info .address-viewer-text {
            line-height: 1;
        }

        .approval .approval-tx .approve .token-info,
        .approval .approval-text .approve .token-info {
            display: flex;
            justify-content: space-between;
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap !important;
            margin: 0;
            margin-bottom: 4px;
            color: #13141a;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
        }

        .approval .approval-tx .approve .token-info .ant-btn-link,
        .approval .approval-text .approve .token-info .ant-btn-link {
            padding: 0;
            line-height: 1;
            height: auto;
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .approval .approval-tx .approve .token-info .ant-btn-link::before,
        .approval .approval-text .approve .token-info .ant-btn-link::before {
            display: none;
        }

        .approval .approval-tx .approve .token-info .ant-btn-link span,
        .approval .approval-text .approve .token-info .ant-btn-link span {
            text-decoration: none;
        }

        .approval .approval-tx .approve .token-info .ant-btn-link:hover,
        .approval .approval-text .approve .token-info .ant-btn-link:hover {
            background-color: transparent;
        }

        .approval .approval-tx .approve .token-value,
        .approval .approval-text .approve .token-value {
            margin: 0;
            color: #707280;
            font-size: 12px;
            line-height: 14px;
        }

        .approval .approval-tx .security-check-card,
        .approval .approval-text .security-check-card {
            background-color: #fff;
            padding: 16px;
            border-radius: 6px;
            margin-top: 8px;
        }

        .approval .approval-tx .security-check-card-header,
        .approval .approval-text .security-check-card-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .approval .approval-tx .security-check-card-btn,
        .approval .approval-text .security-check-card-btn {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            cursor: pointer;
            margin-left: auto;
            flex-shrink: 0;
        }

        .approval .approval-tx .security-check-card-icon,
        .approval .approval-text .security-check-card-icon {
            flex-shrink: 0;
        }

        .approval .approval-tx .security-check-card-icon.forbidden path:first-child,
        .approval .approval-text .security-check-card-icon.forbidden path:first-child {
            fill: #af160e;
            stroke: #af160e;
        }

        .approval .approval-tx .security-check-card-icon.danger path:first-child,
        .approval .approval-text .security-check-card-icon.danger path:first-child {
            fill: #ec5151;
            stroke: #ec5151;
        }

        .approval .approval-tx .security-check-card-icon.warning path:first-child,
        .approval .approval-text .security-check-card-icon.warning path:first-child {
            fill: #ffb020;
            stroke: #ffb020;
        }

        .approval .approval-tx .security-check-card-icon.is-loading,
        .approval .approval-text .security-check-card-icon.is-loading {
            animation: rotate 1s linear infinite;
        }

        .approval .approval-tx .security-check-card-icon.gray path:first-child,
        .approval .approval-text .security-check-card-icon.gray path:first-child {
            fill: #b4bdcc;
            stroke: #b4bdcc;
        }

        .approval .approval-tx .security-check-card-content,
        .approval .approval-text .security-check-card-content {
            flex: 1;
        }

        .approval .approval-tx .security-check-card-title,
        .approval .approval-text .security-check-card-title {
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
        }

        .approval .approval-tx .security-check-card-desc,
        .approval .approval-text .security-check-card-desc {
            font-size: 14px;
            line-height: 16px;
            color: #4b4d59;
        }

        .approval .approval-tx .security-check-card-text-loading,
        .approval .approval-text .security-check-card-text-loading {
            font-size: 14px;
            line-height: 20px;
            color: #707280;
        }

        .approval .approval-tx .security-check-card-item,
        .approval .approval-text .security-check-card-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 12px;
            font-size: 14px;
            line-height: 20px;
            color: #4b4d59;
        }

        .approval .approval-tx .security-check-card-item .number,
        .approval .approval-text .security-check-card-item .number {
            color: #707280;
        }

        .approval .approval-tx .security-check-card-item-icon-wraper,
        .approval .approval-text .security-check-card-item-icon-wraper {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .approval .approval-tx .security-check-card-item-icon,
        .approval .approval-text .security-check-card-item-icon {
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }

        .approval .approval-tx .security-check-card-item-icon.is-forbidden,
        .approval .approval-text .security-check-card-item-icon.is-forbidden {
            background-color: #af160e;
        }

        .approval .approval-tx .security-check-card-item-icon.is-danger,
        .approval .approval-text .security-check-card-item-icon.is-danger {
            background-color: #ec5151;
        }

        .approval .approval-tx .security-check-card-item-icon.is-warning,
        .approval .approval-text .security-check-card-item-icon.is-warning {
            background-color: #ffb020;
        }

        .approval .approval-tx .security-check-card-footer,
        .approval .approval-text .security-check-card-footer {
            margin-top: 24px;
            font-size: 12px;
            line-height: 14px;
            color: #b4bdcc;
            text-align: center;
            opacity: 0.7;
        }

        .approval .approval-tx {
            padding: 15px 18px 25px;
            display: flex;
            flex-direction: column;
            background: #3d4251;
            background: var(--r-neutral-bg-4, #3d4251);
            flex: 1;
            margin-bottom: -10px;
            row-gap: 12px;
        }

        .approval .approval-tx::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .approval .approval-tx::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .approval .approval-tx::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .approval .approval-tx::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .approval .approval-tx .action-buttons {
            gap: 16px;
        }

        .approval .approval-tx .section-title {
            margin-bottom: 8px;
            font-size: 14px;
            line-height: 16px;
            color: #13141a;
        }

        .approval .approval-tx .view-raw {
            line-height: 16px !important;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            white-space: nowrap;
        }

        .approval .approval-tx .section-block .section-title {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #13141a;
        }

        .approval .approval-tx .tx-action {
            padding-bottom: 16px;
            border-bottom: 1px solid #e5e9ef;
        }

        .approval .approval-tx .section-card {
            background: #fff;
            border-radius: 6px;
            position: relative;
        }

        .approval .approval-tx .section-card-content {
            flex: 1;
            overflow: hidden;
        }

        .approval .approval-tx .section-card-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
            margin-bottom: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .approval .approval-tx .section-card-desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #4b4d59;
        }

        .approval .approval-tx .send+.section-gas-cost,
        .approval .approval-tx .approve+.section-gas-cost,
        .approval .approval-tx .approve-nft+.section-gas-cost,
        .approval .approval-tx .approve-nft-collection+.section-gas-cost,
        .approval .approval-tx .cancel+.section-gas-cost,
        .approval .approval-tx .cancel-nft-collection+.section-gas-cost,
        .approval .approval-tx .cancel-nft+.section-gas-cost,
        .approval .approval-tx .send-nft+.section-gas-cost,
        .approval .approval-tx .cancel-tx+.section-gas-cost,
        .approval .approval-tx .sign+.section-gas-cost {
            margin-top: 20px;
        }

        .approval .approval-tx .send.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .approve.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .approve-nft.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .approve-nft-collection.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .cancel.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .cancel-nft-collection.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .cancel-nft.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .send-nft.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .cancel-tx.below-bc-block-empty+.section-gas-cost,
        .approval .approval-tx .sign.below-bc-block-empty+.section-gas-cost {
            margin-top: 32px;
        }

        .approval .approval-tx .send .est-price {
            margin: 4px 0 0 0;
            color: #707280;
            font-size: 12px;
        }

        .approval .approval-tx .cancel-tx .common-detail-block {
            position: relative;
        }

        .approval .approval-tx .cancel-tx .common-detail-block .icon-cancel-tx {
            position: absolute;
            width: 60px;
            height: 60px;
            right: 16px;
            top: 24px;
            pointer-events: none;
        }

        .approval .approval-tx .approve-nft .nft-collection,
        .approval .approval-tx .approve-nft-collection .nft-collection,
        .approval .approval-tx .cancel-nft-collection .nft-collection,
        .approval .approval-tx .send-nft .nft-collection,
        .approval .approval-tx .cancel-nft .nft-collection {
            padding: 16px 12px;
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            box-sizing: border-box;
            border-radius: 6px;
            margin-bottom: 12px;
        }

        .approval .approval-tx .approve-nft .nft-collection .rabby-list .item .value,
        .approval .approval-tx .approve-nft-collection .nft-collection .rabby-list .item .value,
        .approval .approval-tx .cancel-nft-collection .nft-collection .rabby-list .item .value,
        .approval .approval-tx .send-nft .nft-collection .rabby-list .item .value,
        .approval .approval-tx .cancel-nft .nft-collection .rabby-list .item .value {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .approval .approval-tx .approve-nft .nft-card,
        .approval .approval-tx .approve-nft-collection .nft-card,
        .approval .approval-tx .cancel-nft-collection .nft-card,
        .approval .approval-tx .send-nft .nft-card,
        .approval .approval-tx .cancel-nft .nft-card {
            padding: 13px 15px;
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            box-sizing: border-box;
            border-radius: 4px;
            display: flex;
            gap: 12px;
            margin-bottom: 20px;
            align-items: center;
        }

        .approval .approval-tx .approve-nft .nft-card .nft-avatar,
        .approval .approval-tx .approve-nft-collection .nft-card .nft-avatar,
        .approval .approval-tx .cancel-nft-collection .nft-card .nft-avatar,
        .approval .approval-tx .send-nft .nft-card .nft-avatar,
        .approval .approval-tx .cancel-nft .nft-card .nft-avatar {
            border: none;
            width: 60px;
            height: 60px;
            flex-shrink: 0;
        }

        .approval .approval-tx .approve-nft .nft-card-content,
        .approval .approval-tx .approve-nft-collection .nft-card-content,
        .approval .approval-tx .cancel-nft-collection .nft-card-content,
        .approval .approval-tx .send-nft .nft-card-content,
        .approval .approval-tx .cancel-nft .nft-card-content {
            overflow: hidden;
        }

        .approval .approval-tx .approve-nft .nft-card-title,
        .approval .approval-tx .approve-nft-collection .nft-card-title,
        .approval .approval-tx .cancel-nft-collection .nft-card-title,
        .approval .approval-tx .send-nft .nft-card-title,
        .approval .approval-tx .cancel-nft .nft-card-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
            margin-bottom: 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .approval .approval-tx .approve-nft .nft-card .rabby-list .item:not(:last-child),
        .approval .approval-tx .approve-nft-collection .nft-card .rabby-list .item:not(:last-child),
        .approval .approval-tx .cancel-nft-collection .nft-card .rabby-list .item:not(:last-child),
        .approval .approval-tx .send-nft .nft-card .rabby-list .item:not(:last-child),
        .approval .approval-tx .cancel-nft .nft-card .rabby-list .item:not(:last-child) {
            margin-bottom: 8px;
        }

        .approval .approval-tx .approve-nft .nft-card .rabby-list .item .label,
        .approval .approval-tx .approve-nft-collection .nft-card .rabby-list .item .label,
        .approval .approval-tx .cancel-nft-collection .nft-card .rabby-list .item .label,
        .approval .approval-tx .send-nft .nft-card .rabby-list .item .label,
        .approval .approval-tx .cancel-nft .nft-card .rabby-list .item .label {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            min-width: 60px;
        }

        .approval .approval-tx .approve-nft .nft-card .rabby-list .item .value,
        .approval .approval-tx .approve-nft-collection .nft-card .rabby-list .item .value,
        .approval .approval-tx .cancel-nft-collection .nft-card .rabby-list .item .value,
        .approval .approval-tx .send-nft .nft-card .rabby-list .item .value,
        .approval .approval-tx .cancel-nft .nft-card .rabby-list .item .value {
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #4b4d59;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .approval .approval-tx .approve-nft .rabby-list .item,
        .approval .approval-tx .approve-nft-collection .rabby-list .item,
        .approval .approval-tx .cancel-nft-collection .rabby-list .item,
        .approval .approval-tx .send-nft .rabby-list .item,
        .approval .approval-tx .cancel-nft .rabby-list .item {
            display: flex;
            align-items: center;
        }

        .approval .approval-tx .approve-nft .rabby-list .item:not(:last-child),
        .approval .approval-tx .approve-nft-collection .rabby-list .item:not(:last-child),
        .approval .approval-tx .cancel-nft-collection .rabby-list .item:not(:last-child),
        .approval .approval-tx .send-nft .rabby-list .item:not(:last-child),
        .approval .approval-tx .cancel-nft .rabby-list .item:not(:last-child) {
            margin-bottom: 12px;
        }

        .approval .approval-tx .approve-nft .rabby-list .item .label,
        .approval .approval-tx .approve-nft-collection .rabby-list .item .label,
        .approval .approval-tx .cancel-nft-collection .rabby-list .item .label,
        .approval .approval-tx .send-nft .rabby-list .item .label,
        .approval .approval-tx .cancel-nft .rabby-list .item .label {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #707280;
            min-width: 90px;
            margin-right: 5px;
        }

        .approval .approval-tx .approve-nft .rabby-list .item .value,
        .approval .approval-tx .approve-nft-collection .rabby-list .item .value,
        .approval .approval-tx .cancel-nft-collection .rabby-list .item .value,
        .approval .approval-tx .send-nft .rabby-list .item .value,
        .approval .approval-tx .cancel-nft .rabby-list .item .value {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
        }

        .approval .approval-tx .approve-nft .rabby-list .item .value .logo,
        .approval .approval-tx .approve-nft-collection .rabby-list .item .value .logo,
        .approval .approval-tx .cancel-nft-collection .rabby-list .item .value .logo,
        .approval .approval-tx .send-nft .rabby-list .item .value .logo,
        .approval .approval-tx .cancel-nft .rabby-list .item .value .logo {
            width: 24px;
            height: 24px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

        .approval .approval-tx .approve-nft .rabby-list .item .value .name,
        .approval .approval-tx .approve-nft-collection .rabby-list .item .value .name,
        .approval .approval-tx .cancel-nft-collection .rabby-list .item .value .name,
        .approval .approval-tx .send-nft .rabby-list .item .value .name,
        .approval .approval-tx .cancel-nft .rabby-list .item .value .name {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #4b4d59;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 70px;
        }

        .approval .approval-tx .approve-nft .rabby-list .item .value .address,
        .approval .approval-tx .approve-nft-collection .rabby-list .item .value .address,
        .approval .approval-tx .cancel-nft-collection .rabby-list .item .value .address,
        .approval .approval-tx .send-nft .rabby-list .item .value .address,
        .approval .approval-tx .cancel-nft .rabby-list .item .value .address {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #707280;
            flex-shrink: 0;
        }

        .approval .approval-tx .sign .common-detail-block {
            position: relative;
        }

        .approval .approval-tx .sign .common-detail-block .contract-logo,
        .approval .approval-tx .sign .common-detail-block .contract-logo-unknown {
            position: absolute;
            right: 16px;
            top: 16px;
            width: 60px;
            height: 60px;
            opacity: 0.2;
        }

        .approval .approval-tx .sign .common-detail-block .contract-logo-unknown {
            opacity: 0.3;
        }

        .approval .approval-tx .sign .common-detail-block .contract-logo-unknown circle {
            fill: #dbe2f2;
        }

        .approval .approval-tx .sign .common-detail-block .contract-logo-unknown path {
            fill: #8b93a7;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain {
            flex: 1;
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            border-radius: 6px;
            padding: 12px;
            position: relative;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .internal-transaction {
            position: absolute;
            width: 120px;
            text-align: center;
            z-index: 1;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-size: 12px;
            line-height: 12px;
            top: -7px;
            left: 12px;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .internal-transaction .bg {
            position: absolute;
            bottom: 0;
            left: 0.5px;
            width: 100%;
            height: 6px;
            background: #424962;
            background: var(--r-blue-light-1, #424962);
            z-index: -1;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .gnosis-address {
            display: flex;
            padding-bottom: 13px;
            border-bottom: 0.5px solid #b4bdcc;
            margin-bottom: 14px;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .gnosis-address .address-viewer-text.normal {
            font-size: 12px;
            line-height: 18px;
            color: #707280;
            font-weight: normal;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .gnosis-address .icon-gnosis {
            width: 18px;
            height: 18px;
            margin-right: 8px;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .gnosis-address .alian-name {
            color: #4b4d59;
            font-weight: 500;
            font-size: 13px;
            line-height: 18px;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .view-raw {
            display: none !important;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .approve .edit-btn {
            display: none;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .approve .token-info {
            font-size: 13px;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .approve .protocol .protocol-info__name {
            font-size: 12px;
        }

        .approval .approval-tx .sign .common-detail-block .gnosis-explain .approve .protocol .protocol-info__name .address-viewer-text.normal {
            font-size: 12px;
        }

        .approval .approval-tx .sign .loading-balance-change {
            border-top: 1px solid #e5e9ef;
        }

        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .approval .approval-tx .pre-check-card {
            background-color: #fff;
            padding: 16px;
            border-radius: 6px;
        }

        .approval .approval-tx .pre-check-card-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .approval .approval-tx .pre-check-card-icon {
            flex-shrink: 0;
        }

        .approval .approval-tx .pre-check-card-icon.forbidden path:first-child {
            fill: #af160e;
            stroke: #af160e;
        }

        .approval .approval-tx .pre-check-card-icon.danger path:first-child {
            fill: #ec5151;
            stroke: #ec5151;
        }

        .approval .approval-tx .pre-check-card-icon.warning path:first-child {
            fill: #ffb020;
            stroke: #ffb020;
        }

        .approval .approval-tx .pre-check-card-icon.is-loading {
            animation: rotate 1s linear infinite;
        }

        .approval .approval-tx .pre-check-card-icon.gray path:first-child {
            fill: #b4bdcc;
            stroke: #b4bdcc;
        }

        .approval .approval-tx .pre-check-card-content {
            flex: 1;
        }

        .approval .approval-tx .pre-check-card-title {
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
            margin-bottom: 2px;
        }

        .approval .approval-tx .pre-check-card-desc {
            font-size: 14px;
            line-height: 16px;
            color: #4b4d59;
        }

        .approval .approval-tx .pre-check-card-text-loading {
            font-size: 14px;
            line-height: 20px;
            color: #707280;
        }

        .approval .approval-tx .pre-check-card-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 12px;
            font-size: 14px;
            line-height: 20px;
            color: #4b4d59;
        }

        .approval .approval-tx .pre-check-card-item:last-child {
            margin-bottom: 0;
        }

        .approval .approval-tx .pre-check-card-item .number {
            color: #707280;
        }

        .approval .approval-tx .pre-check-card-item-icon-wraper {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .approval .approval-tx .pre-check-card-item-icon {
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }

        .approval .approval-tx .pre-check-card-item-icon.forbidden {
            background-color: #af160e;
        }

        .approval .approval-tx .pre-check-card-item-icon.danger {
            background-color: #ec5151;
        }

        .approval .approval-tx .pre-check-card-item-icon.warn {
            background-color: #ffb020;
        }

        .approval .approval-tx .common-detail-block {
            position: relative;
        }

        .approval .approval-tx .common-detail-block .speedup-corner {
            position: absolute;
            right: 0;
            top: 0;
        }

        .approval .watch-operation {
            padding-top: 128px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .approval .hardware-operation {
            padding-top: 120px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .approval .hardware-operation .icon-hardware {
            border-radius: 50%;
            border: 0.5px solid #e5e9ef;
            width: 128px;
            height: 128px;
        }

        .approval .hardware-operation .brand-name {
            text-align: center;
            margin: 24px 0 40px 0;
            color: #13141a;
        }

        .approval footer {
            position: fixed;
            bottom: 0;
            left: 0;
            background: #3d4251;
            background: var(--r-neutral-bg-1, #3d4251);
            border-top: 0.5px solid transparent;
            width: 100%;
            z-index: 10;
        }

        .approval footer.add-rpc-footer {
            height: 76px;
            padding: 16px 20px;
        }

        .approval .approval-text__footer {
            position: relative;
        }

        .approval .process-tooltip {
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #4b4d59;
            padding-bottom: 16px;
            margin-top: -4px;
        }

        .approval .force-process {
            margin-bottom: 20px;
        }

        .approval .force-process .rabby-checkbox__label {
            color: #707280;
            font-size: 14px;
        }

        .approval .security-check-bar {
            display: flex;
            padding-bottom: 20px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            width: 100%;
            overflow: hidden;
            align-items: center;
        }

        .approval .security-check-bar .icon-status {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            flex-shrink: 0;
        }

        .approval .security-check-bar .alert {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .approval .security-check-bar .icon-arrow-right {
            width: 16px;
            height: 16px;
            transform: rotate(-90deg);
        }

        .approval .security-check-bar .ant-btn {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            border-radius: 12px;
            background-color: #fff;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            padding: 4px 12px;
            font-size: 12px;
            line-height: 14px;
            height: 24px;
        }

        .gas-selector {
            margin-top: 12px;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            display: flex;
            padding: 16px;
            flex-direction: column;
        }

        .gas-selector-card {
            display: flex;
            align-items: center;
        }

        .gas-selector-card-content {
            margin-right: 6px;
            margin-left: 6px;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            font-size: 16px;
            line-height: 18px;
        }

        .gas-selector-card-content-item {
            display: flex;
            gap: 6px;
            align-items: center;
        }

        .gas-selector-card-error {
            font-size: 15px;
            line-height: 18px;
            color: #ffb020;
            color: var(--r-orange-default, #ffb020);
        }

        .gas-selector-card-error-desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #4b4d59;
        }

        .gas-selector-card-error-desc .number {
            color: #707280;
        }

        .gas-selector-card-title {
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .gas-selector-card-gas {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #13141a;
        }

        .gas-selector-card-tag {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border-radius: 2px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            padding: 1px 6px;
            text-transform: capitalize;
        }

        .gas-selector-card-amount {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .gas-selector-card-usd {
            font-size: 12px;
            line-height: 14px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
        }

        .gas-selector-card-extra a {
            font-size: 15px;
            line-height: 18px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            padding: 8px;
            margin-right: -8px;
        }

        .gas-selector .left {
            margin-right: 8px;
        }

        .gas-selector .left .icon-gas {
            width: 16px;
            height: 16px;
        }

        .gas-selector .gas-info {
            flex: 1;
            line-height: 1;
        }

        .gas-selector .gas-info p {
            margin-bottom: 4px;
        }

        .gas-selector .gas-info p:nth-last-child(1) {
            margin-bottom: 0;
        }

        .gas-modal .ant-drawer-content-wrapper {
            max-height: calc(100vh - 60px);
        }

        .gas-modal.is-popup .ant-drawer-content-wrapper {
            max-height: 100vh;
        }

        .gas-modal .ant-modal-body {
            max-height: 540px;
        }

        .gas-modal .ant-drawer-body {
            padding-bottom: 100px;
        }

        .gas-modal .gas-selector-modal-top {
            padding-top: 12px;
            padding-bottom: 24px;
        }

        .gas-modal .gas-selector-modal-error {
            font-weight: 500;
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            color: #ffb020;
        }

        .gas-modal .gas-selector-modal-error-desc {
            font-weight: 400;
            font-size: 15px;
            line-height: 18px;
            text-align: center;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
        }

        .gas-modal .gas-selector-modal-amount {
            font-weight: 700;
            font-size: 24px;
            line-height: 28px;
            text-align: center;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            margin-bottom: 6px;
        }

        .gas-modal .gas-selector-modal-usd {
            font-size: 15px;
            line-height: 18px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            text-align: center;
            display: flex;
            align-items: center;
            gap: 6px;
            justify-content: center;
        }

        .gas-modal .card-container {
            margin-bottom: 20px;
        }

        .gas-modal .card-container-title {
            font-size: 13px;
            line-height: 16px;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            margin-bottom: 8px;
        }

        .gas-modal .card-container-title.disabled {
            opacity: 0.5;
        }

        .gas-modal .addvance-setting-toggle {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 68px;
            cursor: pointer;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
        }

        .gas-modal .gas-selector-panel .field-slot {
            margin-left: 0;
        }

        .gas-modal .gas-selector-panel .gas-content {
            display: flex;
            align-items: center;
            width: 100%;
        }

        .gas-modal .gas-selector-panel .gas-content .gas-content__info {
            flex: 1;
        }

        .gas-modal .gas-selector-panel .gas-content .gas-content__price {
            width: 75px;
            text-align: right;
            font-size: 15px;
            color: #13141a;
            font-weight: 500;
            padding-right: 16px;
            line-height: 16px;
        }

        .gas-modal .gas-selector-panel .input-wrapper .ant-input {
            padding-right: 0;
            text-align: right;
            max-width: 81px;
            border-radius: 0;
            outline: none;
            height: 24px;
            transition: none;
            font-size: 15px;
            font-weight: 500;
            color: #13141a;
            padding-left: 0;
            position: relative;
            width: 100%;
        }

        .gas-modal .gas-selector-panel .input-wrapper .ant-input .ant-input-number-handler-wrap {
            display: none;
        }

        .gas-modal .gas-selector-panel .input-wrapper .ant-input .ant-input {
            padding-right: 0;
            text-align: right;
            height: auto;
        }

        .gas-modal .gas-selector-panel .input-wrapper .ant-input::-moz-placeholder {
            font-weight: normal;
            color: #b4bdcc;
        }

        .gas-modal .gas-selector-panel .input-wrapper .ant-input:-ms-input-placeholder {
            font-weight: normal;
            color: #b4bdcc;
        }

        .gas-modal .gas-selector-panel .input-wrapper .ant-input::placeholder {
            font-weight: normal;
            color: #b4bdcc;
        }

        .gas-modal .gas-selector-panel.invalid .field.border-blue-light {
            border-color: #f24822 !important;
        }

        .gas-modal .priority-slider-header {
            display: flex;
            align-items: center;
            font-size: 13px;
            line-height: 16px;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            margin-bottom: 8px;
        }

        .gas-modal .priority-slider-header span {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-weight: 500;
            margin-left: 2px;
        }

        .gas-modal .priority-slider-body {
            margin-top: 8px;
        }

        .gas-modal .priority-slider-input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 8px;
            border: 1px solid #d3d8e0;
            border: 1px solid var(--r-neutral-line, #d3d8e0);
            background: #fff;
            background: var(--r-neutral-card1, #fff);
            padding: 16px;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            font-size: 15px;
            font-weight: 500;
            width: 100%;
        }

        .gas-modal .priority-slider-input::-webkit-outer-spin-button,
        .gas-modal .priority-slider-input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .gas-modal .priority-slider-input:focus {
            outline: none;
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .gas-modal .priority-slider-footer {
            font-size: 12px;
            line-height: 14px;
            color: #707280;
        }

        .gas-modal .priority-slider__mark {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            line-height: 14px;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            margin-bottom: 0;
            margin-top: 2px;
        }

        .gas-modal .hardware-1559-tip {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            margin-bottom: 12px;
        }

        .gas-modal .gas-limit .icon-arrow-down {
            transform: rotate(0);
            transition: transform 0.3s;
        }

        .gas-modal .gas-limit .icon-arrow-down.expanded {
            transform: rotate(180deg);
        }

        .gas-modal .gas-limit-label {
            margin-bottom: 0;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            font-size: 13px;
        }

        .gas-modal .gas-limit-label.disabled {
            opacity: 0.5;
        }

        .gas-modal .gas-limit-title {
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            font-size: 13px;
        }

        .gas-modal .gas-limit .gas-limit-panel-wrapper {
            max-height: 0;
            transition: max-height 0.3s;
            overflow: hidden;
        }

        .gas-modal .gas-limit .gas-limit-panel-wrapper.expanded {
            max-height: 320px;
        }

        .gas-modal .gas-limit .gas-limit-panel {
            margin-top: 8px;
            overflow: hidden;
        }

        .gas-modal .gas-limit .gas-limit-panel .ant-input {
            width: 100%;
            padding: 15px;
            outline: none;
            transition: none;
            font-size: 15px;
            font-weight: 500;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            background-color: #fff !important;
            background-color: var(--r-neutral-card1, #fff) !important;
            border-color: #d3d8e0;
            border-color: var(--r-neutral-line, #d3d8e0);
            position: relative;
            border-width: 1px;
            border-style: solid;
            border-radius: 8px;
            transition: border-color 0.3s;
        }

        .gas-modal .gas-limit .gas-limit-panel .ant-input:focus {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .gas-modal .gas-limit .gas-limit-panel .ant-input .ant-input-number-handler-wrap {
            display: none;
        }

        .gas-modal .gas-limit .gas-limit-panel.ant-form-item-has-error .ant-input {
            border-color: #f24822 !important;
        }

        .gas-modal .gas-limit .gas-limit-panel.disabled {
            opacity: 0.5;
        }

        .gas-modal .gas-limit .tip {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            font-size: 13px;
            margin-top: 8px;
            margin-bottom: 0;
        }

        .gas-modal .gas-limit .tip .recommend-times {
            text-decoration: underline;
            cursor: pointer;
        }

        .gas-modal .gas-limit .tip.disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .gas-modal .gas-limit .tip.disabled .recommend-times {
            cursor: not-allowed;
        }

        .security-check-drawer .ant-drawer-header,
        .signature-qr-checker-drawer .ant-drawer-header {
            border: none;
            padding: 20px 20px 8px;
        }

        .security-check-drawer .ant-drawer-header .ant-drawer-title,
        .signature-qr-checker-drawer .ant-drawer-header .ant-drawer-title {
            font-size: 20px;
            font-weight: 500;
            text-align: center;
        }

        .security-check-drawer .ant-drawer-header .icon-drawer-close,
        .signature-qr-checker-drawer .ant-drawer-header .icon-drawer-close {
            transform: rotate(90deg);
        }

        .security-check-drawer .ant-drawer-content,
        .signature-qr-checker-drawer .ant-drawer-content {
            flex: 1;
            background-color: #fff;
            background: #ffffff;
            border-radius: 16px 16px 0px 0px;
        }

        .security-check-detail,
        .signature-qr-checker-detail {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .security-check-detail .container,
        .signature-qr-checker-detail .container {
            flex: 1;
            overflow: auto;
        }

        .security-check-detail .container .symbol,
        .signature-qr-checker-detail .container .symbol {
            display: inline-block;
            padding: 4px 8px;
            border-radius: 10px;
            color: #fff;
            font-size: 12px;
            line-height: 12px;
            height: 20px;
        }

        .security-check-detail .container .forbidden .symbol,
        .signature-qr-checker-detail .container .forbidden .symbol {
            background-color: #af160e;
        }

        .security-check-detail .container .danger .symbol,
        .signature-qr-checker-detail .container .danger .symbol {
            background-color: #f24822;
        }

        .security-check-detail .container .warning .symbol,
        .signature-qr-checker-detail .container .warning .symbol {
            background-color: #f29c1b;
        }

        .security-check-detail .container ul,
        .signature-qr-checker-detail .container ul {
            flex: 1;
            margin-left: 8px;
            margin-bottom: 20px;
            border-bottom: 0.5px solid #e5e9ef;
        }

        .security-check-detail .container ul li,
        .signature-qr-checker-detail .container ul li {
            color: #4b4d59;
            font-size: 14px;
            margin-bottom: 16px;
        }

        .security-check-detail .container ul li .number,
        .signature-qr-checker-detail .container ul li .number {
            font-size: 12px;
            color: #b4bdcc;
        }

        .security-check-detail .footer,
        .signature-qr-checker-detail .footer {
            position: relative;
            color: #707280;
            font-size: 14px;
            padding-top: 4px;
        }

        .security-check-detail .footer::before,
        .signature-qr-checker-detail .footer::before {
            content: '';
            height: 0.5px;
            background-color: #e5e9ef;
            width: 100vw;
            position: absolute;
            left: -24px;
            top: 0;
        }

        .security-check-detail .footer .input-password,
        .signature-qr-checker-detail .footer .input-password {
            margin-top: 12px;
            margin-bottom: 20px;
        }

        .security-check-detail .footer .input-password p,
        .signature-qr-checker-detail .footer .input-password p {
            margin-bottom: 8px;
        }

        .security-check-detail .footer .input-password .ant-input,
        .signature-qr-checker-detail .footer .input-password .ant-input {
            background-color: #f5f6fa;
            height: 44px;
        }

        .security-check-detail .footer .buttons,
        .signature-qr-checker-detail .footer .buttons {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
        }

        .security-check-detail .footer .buttons .ant-btn,
        .signature-qr-checker-detail .footer .buttons .ant-btn {
            width: 172px;
        }

        .account-card {
            background: linear-gradient(97.59deg, #8ba8ff 0%, #8c96ff 99.49%);
            width: 100%;
            height: 80px;
            padding: 16px 20px;
        }

        .account-card .title {
            color: rgba(255, 255, 255, 0.6);
            font-size: 12px;
            margin-bottom: 6px;
        }

        .account-card .account-detail {
            background-color: #eef1ff;
            background-color: var(--r-blue-light-1, #eef1ff);
            width: 360px;
            height: 48px;
            margin: 0 auto;
            display: flex;
            padding: 8px 16px 9px;
            align-items: center;
            font-size: 13px;
            border-radius: 6px;
        }

        .account-card .account-detail .icon-account {
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }

        .account-card .account-detail .send-text {
            font-size: 13px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            max-width: 180px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 500;
        }

        .account-card .account-detail .send-viewer {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-weight: normal !important;
        }

        .account-card .account-detail .amount {
            flex: 1;
            text-align: right;
            color: #ffffff;
            font-size: 13px;
            font-weight: 500;
        }

        .text-explain-tooltip {
            max-width: 340px;
            left: 50% !important;
            margin-left: -170px;
        }

        .text-explain-tooltip .ant-tooltip-inner {
            display: flex;
            align-items: center;
            text-align: center;
            font-size: 12px;
            border-radius: 2px;
            width: 100%;
            white-space: nowrap;
            background-color: rgba(19, 20, 26, 0.8);
        }

        .text-explain-tooltip .ant-tooltip-arrow {
            display: none;
        }

        .view-raw-detail .ant-tabs-nav {
            margin-bottom: 16px;
        }

        .view-raw-detail .ant-tabs-nav::before {
            display: none;
        }

        .view-raw-detail .ant-tabs-nav-list {
            background: #d3d8e0;
            background: var(--r-neutral-line, #d3d8e0);
            border-radius: 6px;
            padding: 2px;
        }

        .view-raw-detail .ant-tabs-ink-bar {
            display: none;
        }

        .view-raw-detail .ant-tabs-tab {
            width: 72px;
            height: 24px;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            border-radius: 4px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            font-size: 13px;
            transition: all 0.3s ease-in-out;
            margin: 0;
        }

        .view-raw-detail .ant-tabs-tab.ant-tabs-tab-active {
            background: #fff;
            background: var(--r-neutral-bg1, #fff);
        }

        .view-raw-detail .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .view-raw-detail .ant-tabs-tabpane {
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            padding: 12px;
            height: 436px;
            overflow: auto;
            word-break: break-all;
            white-space: pre-wrap;
            border-radius: 8px;
            background: #fff;
            background: var(--r-neutral-card1, #fff);
        }

        .edit-approve-amount-modal .ant-form-item {
            margin-bottom: 0;
        }

        .edit-approve-amount-modal .ant-form-item:focus-within {
            border-color: var(--r-blue-default);
        }

        .edit-approve-amount-modal .approve-amount-footer {
            display: flex;
            margin-top: 16px;
            justify-content: center;
        }

        .edit-approve-amount-modal .est-approve-price {
            color: var(--r-neutral-foot);
            font-size: 13px;
            line-height: 16px;
            margin-right: auto;
        }

        .edit-approve-amount-modal .token-approve-balance {
            font-size: 15px;
            line-height: 18px;
            text-align: right;
            -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
            color: var(--r-neutral-body);
            cursor: pointer;
        }

        .edit-approve-amount-modal .ant-input-group {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .edit-approve-amount-modal .ant-input-group-wrapper {
            position: relative;
        }

        .edit-approve-amount-modal .ant-input-group-wrapper .ant-input {
            color: var(--r-neutral-title-1);
            background: transparent !important;
            font-size: 15px;
            padding: 0;
            width: auto;
            border-radius: 0;
            line-height: 18px;
            flex: 1;
        }

        .edit-approve-amount-modal .ant-input-group-wrapper .ant-input-group-addon {
            background: transparent;
            border: none;
            font-size: 15px;
            color: var(--r-neutral-foot);
            padding-right: 0;
            line-height: 18px;
            width: auto;
            padding: 0;
            text-align: right;
        }

        .edit-approve-amount-modal .ant-input-group-wrapper::after {
            display: none;
            content: '';
            position: absolute;
            background: linear-gradient(270deg, #ffffff 11.22%, rgba(255, 255, 255, 0.2) 100%);
            width: 76px;
            height: 31px;
            left: 188px;
            top: 0;
            z-index: 999;
            pointer-events: none;
        }

        .ledger-waiting__nav {
            width: 100%;
            margin-bottom: 60px;
        }

        .ledger-waiting__header h1 {
            font-weight: bold;
            font-size: 24px;
            line-height: 28px;
            text-align: center;
            margin-bottom: 8px;
        }

        .ledger-waiting__header p {
            font-size: 14px;
            line-height: 16px;
            text-align: center;
            color: #4b4d59;
            margin-bottom: 46px;
        }

        .ledger-waiting__container {
            padding: 0 28px;
        }

        .ledger-waiting__tip {
            font-size: 13px;
            line-height: 28px;
            color: #13141a;
            margin-top: 24px;
        }

        .ledger-waiting__tip p {
            margin-bottom: 0;
        }

        .ledger-waiting__tip-resend {
            margin-top: 90px;
        }

        .ledger-waiting__result {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 73px;
        }

        .ledger-waiting__result .icon-chain {
            width: 20px;
            margin-right: 8px;
        }

        .ledger-waiting__result .tx-hash {
            color: #4b4d59;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            text-decoration: underline;
        }

        .ledger-waiting__result .icon-external {
            display: inline-block;
            margin-left: 8px;
        }

        .ledger-waiting__result .icon-external path {
            fill: #707280;
        }

        .ledger-waiting__footer {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .ledger-waiting__footer .ant-btn-link {
            color: #707280;
            margin-top: 12px;
        }

        .ledger-waiting__footer .ant-btn-link:hover {
            color: #707280;
            background-color: transparent;
        }

        .ledger-waiting__footer .ant-btn-link::before {
            display: none;
        }

        .ledger-waiting__footer .ant-btn-link span {
            text-decoration: underline;
        }

        .watchaddress {
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .watchaddress-header {
            background: linear-gradient(97.59deg, #8ba8ff 0%, #8c96ff 99.49%);
            width: 100%;
            height: 80px;
            color: #fff;
            position: relative;
        }

        .watchaddress-header .icon-header {
            padding-top: 26px;
        }

        .watchaddress-header .mask {
            position: absolute;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            z-index: 0;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .watchaddress-header .watchaddress-type-list {
            display: flex;
            position: relative;
        }

        .watchaddress-header .watchaddress-type-list li {
            margin-right: 24px;
            opacity: 0.4;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .watchaddress-header .watchaddress-type-list li .brand-logo {
            width: 32px;
            height: 32px;
            border-radius: 2px;
        }

        .watchaddress-header .watchaddress-type-list li:nth-last-child(1) {
            margin-right: 0;
        }

        .watchaddress-header .watchaddress-type-list li.active {
            opacity: 1;
            cursor: default;
        }

        .watchaddress-header .select-corner {
            position: absolute;
            bottom: 0;
            left: 32px;
            transform: translateX(0);
            transition: transform 0.3s;
        }

        .watchaddress-header .select-corner__inner {
            width: 12px;
            height: 12px;
            transform: rotate(45deg);
            transform-origin: bottom left;
            background: #ffffff;
            border-radius: 1px;
        }

        .watchaddress .watchaddress-scan {
            margin-top: -30px;
        }

        .watchaddress .watchaddress-scan .session-status {
            margin-top: 32px !important;
        }

        .watchaddress .watchaddress-scan__qrcode {
            width: 240px;
            height: 240px;
            border: 1px solid #e5e9ef;
            border-radius: 12px;
            margin: 0 auto;
            padding: 16px;
        }

        .watchaddress .watchaddress-scan__refresh {
            display: flex;
            margin: 24px 0 44px;
            align-items: center;
            justify-content: center;
        }

        .watchaddress .watchaddress-scan__refresh .ant-btn-link {
            padding: 0;
            color: #707280;
            font-weight: normal;
        }

        .watchaddress .watchaddress-scan__refresh .ant-btn-link span {
            text-decoration: underline;
        }

        .watchaddress .watchaddress-scan__refresh .ant-btn-link:hover {
            color: #707280;
        }

        .watchaddress .watchaddress-scan__refresh .ant-btn-link:hover::before {
            display: none;
        }

        .watchaddress .watchaddress-scan__refresh .icon-refresh {
            margin-right: 6px;
            width: 14px;
            height: 14px;
            cursor: pointer;
        }

        .watchaddress .watchaddress-scan__refresh .icon-refresh path {
            fill: #707280;
        }

        .watchaddress .watchaddress-scan__guide {
            font-size: 15px;
            color: #4b4d59;
            padding: 25px 24px;
        }

        .watchaddress .watchaddress-scan__guide p {
            margin-bottom: 10px;
        }

        .watchaddress .watchaddress-scan__guide p:nth-last-child(1) {
            margin-bottom: 0;
        }

        .watchaddress .watchaddress-scan__tip {
            color: #b4bdcc;
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            margin-top: 73px;
        }

        .watchaddress .watchaddress-process {
            padding: 48px 0 0;
        }

        .watchaddress .watchaddress-process__status {
            width: 304px;
            margin: 0 auto 28px;
        }

        .watchaddress .watchaddress-process__title {
            font-weight: bold;
            font-size: 24px;
            line-height: 28px;
            text-align: center;
            margin: 0 0 24px;
        }

        .watchaddress .watchaddress-process__buttons {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 60px;
        }

        .watchaddress .watchaddress-process__buttons .ant-btn-link {
            color: #707280;
            margin-top: 12px;
        }

        .watchaddress .watchaddress-process__buttons .ant-btn-link:hover {
            color: #707280;
            background-color: transparent;
        }

        .watchaddress .watchaddress-process__buttons .ant-btn-link::before {
            display: none;
        }

        .watchaddress .watchaddress-process__buttons .ant-btn-link span {
            text-decoration: underline;
        }

        .watchaddress .watchaddress-process__result {
            display: flex;
            justify-content: center;
            margin-top: 56px;
        }

        .watchaddress .watchaddress-process__result .icon-chain {
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }

        .watchaddress .watchaddress-process__result .tx-hash {
            color: #4b4d59;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            text-decoration: underline;
        }

        .watchaddress .watchaddress-process__result .icon-external {
            display: inline-block;
            margin-left: 8px;
        }

        .watchaddress .watchaddress-process__result .icon-external path {
            fill: #707280;
        }

        .watchaddress .watchaddress-process .watchaddress-process__ok {
            margin-top: 56px;
            display: flex;
            justify-content: center;
        }

        .watchaddress .watchaddress-process .error-alert {
            background: rgba(242, 72, 34, 0.1);
            border: 0.5px solid rgba(242, 72, 34, 0.5);
            border-radius: 4px;
            width: 352px;
            margin: 0 auto;
            padding: 10px 16px;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            color: #f24822;
        }

        .watchaddress .watchaddress-process .error-alert p {
            margin-bottom: 0;
        }

        .watchaddress .watchaddress-process .error-alert p:not(nth-child(1)) {
            margin-top: 6px;
        }

        .watchaddress .watchaddress-operation {
            flex: 1;
            display: flex;
        }

        .speedup-corner-tooltip .ant-tooltip-arrow {
            transform: translateX(0);
            left: auto;
            right: 45px;
        }

        .watcSign__tooltip {
            max-width: 360px !important;
            filter: drop-shadow(0px 8px 24px rgba(19, 20, 26, 0.2));
        }

        .watcSign__tooltip .ant-tooltip-content {
            width: 360px !important;
        }

        .watcSign__tooltip .ant-tooltip-content .ant-tooltip-inner {
            background-color: #fff !important;
            border-radius: 6px;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #13141a;
            padding: 16px;
        }

        .watcSign__tooltip .ant-tooltip-arrow {
            border-color: #fff;
            transform: translateX(0);
            right: 40px;
        }

        .watcSign__tooltip .ant-tooltip-arrow .ant-tooltip-arrow-content {
            background-color: #fff;
        }

        .watcSign__tooltip-Proceed .ant-tooltip-arrow {
            right: 36px;
        }

        .watcSign__tooltip-Sign .ant-tooltip-arrow {
            right: 50px;
        }

        .watcSign__tooltip-Continue .ant-tooltip-arrow {
            right: 34px;
        }

        .icon-submit-Proceed {
            right: 36px !important;
        }

        .icon-submit-Sign {
            right: 50px !important;
        }

        .icon-submit-Continue {
            right: 34px !important;
        }

        .gnosis-drawer .ant-drawer-content-wrapper {
            border-radius: 16px 16px 0px 0px;
            overflow: hidden;
        }

        .gnosis-drawer .ant-drawer-close {
            display: none;
        }

        .gnosis-drawer .gnosis-drawer-container {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .gnosis-drawer .gnosis-drawer-container .title {
            margin-bottom: 24px;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: var(--r-neutral-title-1);
        }

        .gnosis-drawer .gnosis-drawer-container .list {
            flex: 1;
            overflow: auto;
            height: 100%;
        }

        .gnosis-drawer .gnosis-drawer-container .list .item {
            background-color: var(--r-neutral-card-2) !important;
            border-color: transparent;
            opacity: 1 !important;
        }

        .gnosis-drawer .gnosis-drawer-container .list .item .address-viewer-text.normal {
            color: var(--r-neutral-title-1);
        }

        .gnosis-drawer .gnosis-drawer-container .list .item .icon-tag {
            margin-left: 8px;
            height: 16px;
        }

        .gnosis-drawer .gnosis-drawer-container .list .item.disabled {
            color: var(--r-neutral-foot);
            border-color: transparent !important;
        }

        .gnosis-drawer .gnosis-drawer-container .list .item.disabled .address-viewer-text.normal {
            color: var(--r-neutral-foot);
        }

        .gnosis-drawer .gnosis-drawer-container .footer {
            padding: 20px 0 0;
            display: flex;
            justify-content: space-between;
        }

        .gnosis-drawer .gnosis-drawer-container .footer .ant-btn {
            width: 172px;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            height: 44px;
            padding: 13px 0;
            color: #ffffff;
        }

        .gnosis-footer-bar .ant-drawer-content {
            background: transparent !important;
        }

        .max-115 {
            max-width: 115px;
        }

        .max-100 {
            max-width: 100px;
        }

        .max-90 {
            max-width: 90px;
        }

        .max-117 {
            max-width: 117px;
        }

        .no-name {
            color: #707280 !important;
        }

        .sign-tx-forbidden-tooltip {
            max-width: 360px !important;
        }

        .connect-detect-popup .ant-drawer-header,
        .connect-detect-popup .ant-drawer-body {
            padding: 0;
        }

        .connect-detect-popup .field+.field {
            margin-top: 8px;
        }

        .connect-detect-popup .field.selected svg path {
            stroke: #7084ff;
            stroke: var(--r-blue-default, #7084ff);
        }

        .sign-permission-check-modal.sign-permission-check-modal .ant-modal-body {
            padding: 32px 24px 20px 24px;
        }

        .sign-permission-check-modal.sign-permission-check-modal .ant-modal-content {
            background: #fff;
        }

        .sign-permission-check-modal.sign-permission-check-modal .ant-modal-confirm-content {
            margin-top: 0;
            padding: 0;
        }

        .sign-permission-check-modal.sign-permission-check-modal .ant-modal-confirm-btns {
            display: none;
        }

        .testnet-check-modal.testnet-check-modal .ant-modal-body {
            padding: 32px 24px 32px 24px;
        }

        .testnet-check-modal.testnet-check-modal .ant-modal-confirm-content {
            margin-top: 0;
            padding: 0;
        }

        .testnet-check-modal.testnet-check-modal .ant-modal-confirm-btns {
            display: none;
        }

        .same-safe-message-modal .ant-modal-content {
            border-radius: 16px;
        }

        .same-safe-message-modal .ant-modal-body {
            padding: 0;
        }

        .same-safe-message-modal .ant-modal-confirm-content {
            margin: 0;
            padding: 20px;
        }

        .same-safe-message-modal .ant-modal-confirm-content .anticon {
            display: none;
        }

        .same-safe-message-modal .ant-modal-confirm-btns {
            display: none;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .token-approval {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 16px;
            position: relative;
        }

        .token-approval .chain-tag-selector {
            margin-bottom: -10px;
        }

        .token-approval .card-risk-amount {
            padding: 14px;
            border-radius: 6px;
            background-color: #fff;
            margin-bottom: 16px;
        }

        .token-approval .card-risk-amount-title {
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            margin-bottom: 4px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .token-approval .card-risk-amount-title img {
            width: 12px;
            display: inline-block;
        }

        .token-approval .card-risk-amount-content {
            text-align: center;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            color: #13141a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-list {
            border-radius: 6px;
            background-color: #fff;
        }

        .token-approval-list-header {
            display: flex;
            justify-content: space-between;
        }

        .token-approval-list .column-title {
            padding: 12px;
            font-size: 12px;
            line-height: 14px;
            color: #707880;
        }

        .token-approval-list .search {
            border: 1px solid transparent;
            border-bottom: 1px solid #e5e9ef;
            padding: 10px 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .token-approval-list .search .placeholder {
            font-size: 13px;
            line-height: 15px;
            color: #707880;
            opacity: 0.4;
        }

        .token-approval-list .search:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            box-sizing: border-box;
            border-radius: 6px;
        }

        .token-approval-body {
            height: 336px;
            overflow: auto;
        }

        .token-approval-item {
            display: flex;
            align-items: center;
            padding: 10px 8px 10px 12px;
            border: 1px solid transparent;
            border-radius: 6px;
            gap: 8px;
            overflow: hidden;
            cursor: pointer;
        }

        .token-approval-item:hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .token-approval-item-icon {
            width: 24px;
            height: 24px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .token-approval-item-risk,
        .token-approval-item-title {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #13141a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-item-title {
            max-width: 200px;
            margin-bottom: 2px;
        }

        .token-approval-item-desc {
            font-size: 12px;
            line-height: 14px;
            color: #707880;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-item-risk {
            margin-left: auto;
        }

        .token-approval-item-arrow {
            flex-shrink: 0;
        }

        .token-approval-item-arrow path {
            fill: #707880;
        }

        .token-approval-card {
            border: 1px solid #e5e9ef;
            border-radius: 6px;
        }

        .token-approval-card:not(:last-child) {
            margin-bottom: 20px;
        }

        .token-approval-card-header {
            background-color: #e5e9ef;
            padding: 12px;
            border-radius: 6px 6px 0px 0px;
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .token-approval-card-icon {
            width: 32px;
            height: 32px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

        .token-approval-card-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 2px;
            color: #131419;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 300px;
        }

        .token-approval-card-desc {
            font-size: 14px;
            line-height: 16px;
            color: #707280;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-card-body {
            background-color: #fff;
            border-radius: 6px;
        }

        .token-approval-tag {
            background: #e5e9ef;
            border-radius: 2px;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            padding: 2px 4px;
        }

        .token-approval-project-list-header {
            display: flex;
            justify-content: space-between;
        }

        .token-approval-project-list-header .column-title {
            padding: 12px;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
        }

        .token-approval-project-item {
            display: flex;
            align-items: center;
            padding: 10px 8px 10px 12px;
            border: 1px solid transparent;
            border-radius: 6px;
            gap: 8px;
            overflow: hidden;
            min-height: 53px;
        }

        .token-approval-project-item:hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .token-approval-project-item:hover .token-approval-project-item-risk-amount,
        .token-approval-project-item:hover .token-approval-project-item-risk-usd {
            display: none;
        }

        .token-approval-project-item:hover .token-approval-project-item-right .ant-btn {
            display: block;
        }

        .token-approval-project-item-icon {
            width: 24px;
            height: 24px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 2px;
            flex-shrink: 0;
        }

        .token-approval-project-item-title {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #13141a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 200px;
            margin-bottom: 2px;
        }

        .token-approval-project-item-desc {
            font-size: 12px;
            line-height: 14px;
            color: #707880;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-project-item-risk-usd {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #13141a;
            text-align: right;
            margin-bottom: 2px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-project-item-risk-amount {
            font-size: 12px;
            line-height: 14px;
            color: #707880;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-approval-project-item-right {
            margin-left: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .token-approval-project-item-right .ant-btn {
            display: none;
            background-color: rgba(236, 81, 81, 0.1) !important;
            border: 1px solid #ec5151;
            box-sizing: border-box;
            border-radius: 20px;
            color: #ec5151;
            font-size: 12px;
            line-height: 14px;
            font-weight: normal;
            box-shadow: none !important;
        }

        .token-approval-project-item-right .ant-btn::before {
            display: none !important;
        }

        .token-approval-popup-search .ant-drawer-body {
            padding-top: 0;
        }

        .token-approval-popup-search .ant-drawer-body header {
            position: sticky;
            top: 0;
            padding-top: 12px;
            padding-bottom: 20px;
            background-color: #fff;
            z-index: 1;
        }

        .token-approval-popup-search .ant-input-affix-wrapper::before {
            height: 16px;
        }

        .token-approval-popup-search .ant-input-affix-wrapper-focused {
            border-color: #7084ff !important;
            border-color: var(--r-blue-default, #7084ff) !important;
            background-color: #eef1ff !important;
            background-color: var(--r-blue-light-1, #eef1ff) !important;
        }

        .token-approval-popup-search .ant-input-affix-wrapper-lg {
            padding: 12px;
            border-radius: 6px;
            border: 1px solid #e5e9ef;
            background-color: #f5f6fa;
            transition: border-color 0.3s;
        }

        .token-approval-popup-search .ant-input-affix-wrapper-lg .ant-input {
            border-radius: 0;
            background-color: transparent;
        }

        .token-approval-popup-search .ant-input-affix-wrapper-lg:hover,
        .token-approval-popup-search .ant-input-affix-wrapper-lg.active {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .token-approval-popup-card .ant-drawer-body {
            padding: 0;
        }

        .token-approval-popup-card .token-approval-card {
            border: none;
        }

        .token-approval-popup-card .token-approval-card-header {
            padding: 20px;
            border-radius: 16px 16px 0 0;
            position: sticky;
            top: 0;
            z-index: 1;
        }

        .token-approval-popup-card .token-approval-card .column-title {
            padding: 20px;
            padding-bottom: 12px;
        }

        .token-approval-popup-card .token-approval-project-item {
            padding-left: 20px;
            padding-right: 20px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .nft-approval {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 16px;
            position: relative;
        }

        .nft-approval .chain-tag-selector {
            margin-bottom: -10px;
        }

        .nft-approval .card-risk-amount {
            padding: 14px;
            border-radius: 6px;
            background-color: #fff;
            margin-bottom: 18px;
        }

        .nft-approval .card-risk-amount-title {
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            margin-bottom: 4px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .nft-approval .card-risk-amount-title img {
            width: 12px;
            display: inline-block;
        }

        .nft-approval .card-risk-amount-content {
            text-align: center;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            color: #13141a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .nft-approval .ant-tabs-tab {
            padding: 6px 0;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #707280;
        }

        .nft-approval .ant-tabs-nav {
            margin-bottom: 12px;
        }

        .nft-approval .ant-tabs-nav::before {
            display: none;
        }

        .nft-approval .approval-card,
        .nft-approval-popup-search .approval-card {
            background: #ffffff;
            border: 1px solid #e5e9ef;
            border-radius: 6px;
        }

        .nft-approval .approval-card:not(:last-child),
        .nft-approval-popup-search .approval-card:not(:last-child) {
            margin-bottom: 20px;
        }

        .nft-approval .approval-card-header,
        .nft-approval-popup-search .approval-card-header {
            background: #e5e9ef;
            border-radius: 6px 6px 0px 0px;
            display: flex;
            padding: 12px;
            justify-content: space-between;
        }

        .nft-approval .approval-card .column-title,
        .nft-approval-popup-search .approval-card .column-title {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
        }

        .nft-approval .list,
        .nft-approval-popup-search .list {
            border-radius: 6px;
            background-color: #fff;
        }

        .nft-approval .list-header,
        .nft-approval-popup-search .list-header {
            display: flex;
            justify-content: space-between;
        }

        .nft-approval .list .column-title,
        .nft-approval-popup-search .list .column-title {
            padding: 12px;
            font-size: 12px;
            line-height: 14px;
            color: #707880;
        }

        .nft-approval .list .search,
        .nft-approval-popup-search .list .search {
            border: 1px solid transparent;
            border-bottom: 1px solid #e5e9ef;
            padding: 10px 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .nft-approval .list .search .placeholder,
        .nft-approval-popup-search .list .search .placeholder {
            font-size: 13px;
            line-height: 15px;
            color: #707880;
            opacity: 0.4;
        }

        .nft-approval .list .search:hover,
        .nft-approval-popup-search .list .search:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            box-sizing: border-box;
            border-radius: 6px;
        }

        .nft-approval .list-item,
        .nft-approval-popup-search .list-item {
            display: flex !important;
            align-items: center;
            padding: 10px 8px 10px 12px;
            border: 1px solid transparent;
            border-radius: 6px;
            gap: 8px;
            overflow: hidden;
            cursor: pointer;
        }

        .nft-approval .list-item:hover,
        .nft-approval-popup-search .list-item:hover {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .nft-approval .list-item:hover .list-item-extra>*,
        .nft-approval-popup-search .list-item:hover .list-item-extra>* {
            display: none;
        }

        .nft-approval .list-item:hover .ant-btn,
        .nft-approval-popup-search .list-item:hover .ant-btn {
            display: block;
        }

        .nft-approval .list-item-avatar,
        .nft-approval-popup-search .list-item-avatar {
            width: 32px;
            height: 32px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 2px;
            flex-shrink: 0;
            border: none;
        }

        .nft-approval .list-item-avatar .nft-avatar-image,
        .nft-approval-popup-search .list-item-avatar .nft-avatar-image {
            border-radius: 2px;
        }

        .nft-approval .list-item-title,
        .nft-approval-popup-search .list-item-title {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #13141a;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 200px;
            margin-bottom: 2px;
        }

        .nft-approval .list-item-desc,
        .nft-approval-popup-search .list-item-desc {
            font-size: 12px;
            line-height: 14px;
            color: #707880;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .nft-approval .list-item-extra,
        .nft-approval-popup-search .list-item-extra {
            margin-left: auto;
            text-align: right;
        }

        .nft-approval .list-item-extra .ant-btn,
        .nft-approval-popup-search .list-item-extra .ant-btn {
            display: none;
            background-color: rgba(236, 81, 81, 0.1) !important;
            border: 1px solid #ec5151;
            box-sizing: border-box;
            border-radius: 20px;
            color: #ec5151;
            font-size: 12px;
            line-height: 14px;
            font-weight: normal;
            box-shadow: none !important;
        }

        .nft-approval .list-item-extra .ant-btn::before,
        .nft-approval-popup-search .list-item-extra .ant-btn::before {
            display: none !important;
        }

        .nft-approval .list-body {
            height: 295px;
            overflow: auto;
        }

        .nft-approval-card {
            border: 1px solid #e5e9ef;
            border-radius: 6px;
        }

        .nft-approval-card:not(:last-child) {
            margin-bottom: 20px;
        }

        .nft-approval-card-header {
            background-color: #e5e9ef;
            padding: 12px;
            border-radius: 6px 6px 0px 0px;
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .nft-approval-card-icon {
            width: 32px;
            height: 32px;
            -o-object-fit: cover;
            object-fit: cover;
            border-radius: 50%;
        }

        .nft-approval-card-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 2px;
            color: #131419;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 300px;
        }

        .nft-approval-card-desc {
            font-size: 14px;
            line-height: 16px;
            color: #707280;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .nft-approval-card-body {
            background-color: #fff;
            border-radius: 6px;
        }

        .nft-approval-tag {
            background: #e5e9ef;
            border-radius: 2px;
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            padding: 2px 4px;
            font-weight: 400;
        }

        .nft-approval-popup-search .ant-drawer-body {
            padding-top: 0;
        }

        .nft-approval-popup-search .ant-drawer-body header {
            position: sticky;
            top: 0;
            padding-top: 12px;
            padding-bottom: 20px;
            background-color: #fff;
            z-index: 1;
        }

        .nft-approval-popup-search .ant-input-affix-wrapper::before {
            height: 16px;
        }

        .nft-approval-popup-search .ant-input-affix-wrapper-focused {
            border-color: #7084ff !important;
            border-color: var(--r-blue-default, #7084ff) !important;
            background-color: #eef1ff !important;
            background-color: var(--r-blue-light-1, #eef1ff) !important;
        }

        .nft-approval-popup-search .ant-input-affix-wrapper-lg {
            padding: 12px;
            border-radius: 6px;
            border: 1px solid #e5e9ef;
            background-color: #f5f6fa;
            transition: border-color 0.3s;
        }

        .nft-approval-popup-search .ant-input-affix-wrapper-lg .ant-input {
            border-radius: 0;
            background-color: transparent;
        }

        .nft-approval-popup-search .ant-input-affix-wrapper-lg:hover,
        .nft-approval-popup-search .ant-input-affix-wrapper-lg.active {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .nft-approval-popup-card .ant-drawer-body {
            padding: 0;
        }

        .nft-approval-popup-card .token-approval-card {
            border: none;
        }

        .nft-approval-popup-card .token-approval-card-header {
            padding: 20px;
            border-radius: 16px 16px 0 0;
            position: sticky;
            top: 0;
            z-index: 1;
        }

        .nft-approval-popup-card .token-approval-card .column-title {
            padding: 20px;
            padding-bottom: 12px;
        }

        .nft-approval-popup-card .token-approval-project-item {
            padding-left: 20px;
            padding-right: 20px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .add-address {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .page-chain-list {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 20px;
            display: flex;
            flex-direction: column;
            height: 100vh;
            overflow: auto;
        }

        .page-chain-list .page-header-container {
            height: 64px;
        }

        .page-chain-list .page-header-container .page-header {
            padding-top: 20px;
            margin-bottom: 0;
        }

        .page-chain-list .ant-tabs,
        .page-chain-list .ant-tabs-content-holder,
        .page-chain-list .ant-tabs-content,
        .page-chain-list .tabpanel {
            height: 100%;
        }

        .page-chain-list .chain-list {
            height: 100%;
            overflow: auto;
            display: flex;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            flex-wrap: wrap;
            border-radius: 4px;
            margin-bottom: 20px;
        }

        .page-chain-list .chain-list-item {
            display: flex;
            position: relative;
            align-items: center;
            font-weight: 500;
            font-size: 14px;
            line-height: 18px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            padding: 14px 16px;
            width: 50%;
            white-space: nowrap;
            border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
            border-bottom: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
        }

        .page-chain-list .chain-list-item:nth-child(2n + 1) {
            border-right: 0.5px solid rgba(255, 255, 255, 0.1);
            border-right: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
        }

        .page-chain-list .chain-list-item:nth-last-child(1),
        .page-chain-list .chain-list-item:nth-last-child(2) {
            border-bottom: 0;
        }

        .page-chain-list .chain-list-item img {
            width: 28px;
            margin-right: 12px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .page-address-management {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            height: 100vh;
            padding-bottom: 118px;
        }

        .page-address-management .address-wrap-with-padding {
            margin-bottom: 0;
        }

        .page-address-management .address-wrap-with-padding .rabby-address-item-container .rabby-address-item-left {
            height: 52px;
        }

        .page-address-management .address-wrap-with-padding.row-group:nth-child(n + 2) .rabby-address-item-container .rabby-address-item {
            position: relative;
            border-top: 0.5px solid #d3d8e0;
            border-top: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .page-address-management .address-wrap-with-padding.row-group:nth-child(1) .rabby-address-item-container .rabby-address-item {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .page-address-management .address-wrap-with-padding.row-group:nth-last-child(1) .rabby-address-item-container .rabby-address-item {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        .page-address-management .address-wrap-with-padding:nth-last-child(1) {
            padding-bottom: 0;
        }

        .page-address-management .address-wrap-with-padding.row-group .rabby-address-item-container .rabby-address-item {
            border-radius: 0;
        }

        .page-address-management .rabby-address-item {
            border-radius: 8px;
            background-color: #fff;
            background-color: var(--r-neutral-card-1, #fff);
            border: 1px solid transparent;
            cursor: pointer;
            display: flex;
            align-items: center;
            width: 100%;
        }

        .page-address-management .rabby-address-item-container .icon-delete-container {
            display: flex;
            opacity: 0;
        }

        .page-address-management .rabby-address-item-container:hover .icon-delete-container {
            opacity: 1;
        }

        .page-address-management .rabby-address-item-container .icon-delete:hover g {
            stroke: #ec5151;
        }

        .page-address-management .rabby-address-item:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .page-address-management .rabby-address-item:hover .icon-star {
            opacity: 1;
        }

        .page-address-management .rabby-address-item-left {
            display: flex;
            align-items: center;
            width: 316px;
            padding: 10px 16px;
        }

        .page-address-management .rabby-address-item-arrow {
            display: flex;
            width: 44px;
            height: 100%;
        }

        .page-address-management .rabby-address-item-icon {
            width: 28px;
            height: 28px;
            margin-right: 12px;
        }

        .page-address-management .rabby-address-item-content {
            flex: 1;
            margin-right: auto;
            overflow: hidden;
        }

        .page-address-management .rabby-address-item-title {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            margin-bottom: 2px;
            display: flex;
            gap: 6px;
            align-items: center;
        }

        .page-address-management .rabby-address-item .ant-input {
            width: 160px;
            height: 24px;
            background: #f5f6fa;
            border: 1px solid #e5e9ef;
            box-sizing: border-box;
            border-radius: 2px;
            padding-left: 2px;
        }

        .page-address-management .rabby-address-item .ant-input:focus {
            border-color: #b0bdff;
        }

        .page-address-management .rabby-address-item-alias {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 180px;
        }

        .page-address-management .rabby-address-item .icon-star {
            cursor: pointer;
            border-right: 1px solid #e5e9ef;
            border-right: 0.5px solid #e5e9ef;
            padding-right: 12px;
            padding-left: 12px;
            margin-right: 12px;
            opacity: 0;
        }

        .page-address-management .rabby-address-item .icon-star.is-active {
            opacity: 1;
        }

        .page-address-management .rabby-address-item.is-switch {
            border: none;
        }

        .page-address-management .rabby-address-item.is-switch .rabby-address-item-left {
            padding-right: 0;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
            border: 1px solid transparent;
        }

        .page-address-management .rabby-address-item.is-switch .rabby-address-item-left:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
        }

        .page-address-management .rabby-address-item.is-switch .rabby-address-item-arrow {
            border: 1px solid transparent;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .page-address-management .rabby-address-item.is-switch .rabby-address-item-arrow:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
        }

        .page-address-management .rabby-address-item.is-switch:hover {
            border: none;
        }

        .page-address-management .address-item-hidden {
            background: #f5f6fa;
            border-radius: 10px;
            padding: 3px 7px;
            color: #b4bdcc;
            font-size: 12px;
            margin-right: 12px;
        }

        .page-address-management .create-address {
            display: flex;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-size: 15px;
            line-height: 18px;
            font-weight: 500;
            justify-content: center;
            margin-top: 24px;
        }

        .page-address-management .create-address .icon-add {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        .page-address-management .no-address {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .page-address-management .no-address .no-data-image {
            width: 280px;
            height: 220px;
        }

        .page-address-management .no-address .no-data-add-btn {
            width: 200px;
            padding: 13px;
            margin-top: 100px;
            text-align: center;
            background-color: rgba(134, 151, 255, 0.2);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            align-items: center;
            justify-content: center;
        }

        .page-address-management .no-address .no-data-add-btn .icon-plus {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        .page-address-management .hint {
            margin-left: 11px;
        }

        .page-address-management .footer {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 14px 0;
            background-color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .page-address-management .footer .ant-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            min-width: 240px;
            height: 44px;
            font-weight: 500;
            font-size: 13px;
            line-height: 16px;
            text-shadow: none;
            background-color: rgba(134, 151, 255, 0.15);
            border: none;
            box-shadow: none;
            color: #667bff;
        }

        .page-address-management .footer .ant-btn:hover {
            background-color: rgba(134, 151, 255, 0.2);
        }

        .page-address-management .footer .ant-btn:hover::before {
            display: none;
        }

        .page-address-management .search-address-wrapper .ant-input-affix-wrapper {
            width: 160px;
            border-radius: 6px;
            border: 0.5px solid #d3d8e0;
            border: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .page-address-management .search-address-wrapper .ant-input-affix-wrapper:hover,
        .page-address-management .search-address-wrapper .ant-input-affix-wrapper:focus {
            border: 0.5px solid #7084ff;
            border: 0.5px solid var(--r-blue-default, #7084ff);
        }

        .page-address-management .no-matched-address {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 84px;
        }

        .page-address-management .address-group-list.management>.address-scroll-container::-webkit-scrollbar {
            display: initial;
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .page-address-management .address-group-list.management>.address-scroll-container::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .page-address-management .address-group-list.management>.address-scroll-container::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .page-address-management .address-group-list.management>.address-scroll-container::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .custom-private-popup .private-field {
            border-radius: 6px;
            background-color: #f5f6fa;
            padding: 12px;
            font-size: 14px;
            line-height: 20px;
            color: #13141a;
            min-height: 160px;
            overflow: auto;
        }

        .sort-input {
            display: inline-flex;
            border-radius: 8px;
            border: 0.5px solid #d3d8e0;
            border: 0.5px solid var(--r-neutral-line, #d3d8e0);
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            width: 160px;
            height: 32px;
            transition: width 0.3s;
            padding-right: 4px;
        }

        .sort-input.searching {
            width: 220px;
        }

        .sort-input.searching .search-input .ant-input-suffix {
            opacity: 1;
        }

        .sort-input:has(> .search-input:hover),
        .sort-input:has(> .search-input.ant-input-affix-wrapper-focused) {
            width: 220px;
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .sort-input:has(> .search-input:hover) .ant-input-suffix,
        .sort-input:has(> .search-input.ant-input-affix-wrapper-focused) .ant-input-suffix {
            opacity: 1;
        }

        .sort-input .sort {
            width: 32px;
            height: 32px;
            padding: 8px;
            cursor: pointer;
            color: var(--r-neutral-foot);
            border-right: 0.5px solid #d3d8e0;
            border-right: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .sort-input .sort:hover {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .sort-input .sort .icon {
            width: 16px;
            height: 16px;
        }

        .sort-input .search-input {
            padding-left: 8px;
            border: none;
        }

        .sort-input .search-input,
        .sort-input .search-input .ant-input {
            background: transparent;
        }

        .sort-input .search-input .ant-input {
            font-size: 13px;
            font-weight: 500;
        }

        .sort-input .search-input .ant-input:-moz-placeholder-shown {
            font-size: 12px;
            font-weight: 400;
            color: var(--r-neutral-foot);
        }

        .sort-input .search-input .ant-input:-ms-input-placeholder {
            font-size: 12px;
            font-weight: 400;
            color: var(--r-neutral-foot);
        }

        .sort-input .search-input .ant-input:placeholder-shown {
            font-size: 12px;
            font-weight: 400;
            color: var(--r-neutral-foot);
        }

        .sort-input .search-input .ant-input-suffix {
            opacity: 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .switch-lang {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 20px 20px;
        }

        .switch-lang .field {
            border: none !important;
        }

        .switch-lang .field .icon-lang {
            width: 28px;
            height: 28px;
        }

        .switch-lang .field .chain-info p {
            margin: 0;
        }

        .switch-lang .field .chain-info p:nth-child(1) {
            color: #3b3e4a;
            font-weight: 500;
            line-height: 15px;
        }

        .switch-lang .field .chain-info p:nth-child(2) {
            color: #707280;
            line-height: 14px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .activities {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
        }

        .activities .ant-tabs {
            overflow: visible;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-top>.ant-tabs-nav {
            margin-bottom: 20px;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list {
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
            width: 100%;
            flex-shrink: 1;
            height: 36px;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab+.ant-tabs-tab {
            margin-left: 0;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-btn {
            width: 100%;
            text-align: center;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-tab {
            background-color: #e5e9ef;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-tab .tab-title {
            color: #707280;
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-tab.ant-tabs-tab-active {
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
        }

        .activities .activities_tabs.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .tab-title {
            color: white;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .tx-history {
            display: flex;
            flex-direction: column;
        }

        .tx-history__item {
            position: relative;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            margin-bottom: 12px;
            box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
        }

        .tx-history__item--main {
            padding: 8px 12px 16px;
        }

        .tx-history__item .tx-explain {
            display: inline-flex;
            margin: 0;
            align-items: center;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #f7fafc;
            color: var(--r-neutral-title-1, #f7fafc);
            flex: 1;
        }

        .tx-history__item .tx-explain .icon-explain {
            width: 18px;
            height: 18px;
            margin-right: 8px;
            border-radius: 2px;
        }

        .tx-history__item .tx-explain .tx-explain__text {
            overflow: hidden;
            max-width: 250px;
            cursor: pointer;
        }

        .tx-history__item .tx-explain .tx-explain__text span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        .tx-history__item .tx-explain .tx-explain__text .icon-external {
            display: none;
            margin-left: 6px;
        }

        .tx-history__item .tx-explain .tx-explain__text .icon-external path {
            fill: #babec5;
            fill: var(--r-neutral-foot, #babec5);
        }

        .tx-history__item .tx-explain .tx-explain__text:hover {
            text-decoration: underline;
        }

        .tx-history__item .tx-explain .tx-explain__text:hover .icon-external {
            display: block;
        }

        .tx-history__item .pending {
            position: absolute;
            top: 0;
            left: 12px;
            border-radius: 0px 0px 4px 4px;
            background: #645d50;
            background: var(--r-orange-light, #645d50);
            padding: 4px 6px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 12px;
            color: #ffc64a;
            color: var(--r-orange-default, #ffc64a);
            font-weight: 400;
            line-height: 14px;
            gap: 4px;
        }

        .tx-history__item .pending .icon-pending-spin {
            width: 12px;
            height: 12px;
            animation: spining 1.5s infinite linear;
        }

        .tx-history__item .pending .icon-pending-spin path {
            fill: #ffc64a;
            fill: var(--r-orange-default, #ffc64a);
        }

        .tx-history__item .tx-id.tx-id {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            margin-bottom: 14px;
            line-height: 14px;
            text-decoration: none;
        }

        .tx-history__item .tx-footer {
            margin-top: 16px;
            display: flex;
            align-items: flex-end;
        }

        .tx-history__item .tx-footer__actions {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            margin-right: -5px;
        }

        .tx-history__item .tx-footer__actions .icon-action {
            cursor: pointer;
            width: 24px;
            height: 24px;
        }

        .tx-history__item .tx-footer__actions .icon-action:nth-child(1) {
            margin-right: 4px;
        }

        .tx-history__item .tx-footer__actions .icon-action:nth-last-child(1) {
            margin-left: 4px;
        }

        .tx-history__item .tx-footer__actions .hr {
            width: 0.5px;
            height: 12px;
            background-color: #e5e9ef;
        }

        .tx-history__item .ahead {
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .tx-history__item--children {
            background-color: #f2f4f7;
            background-color: var(--r-neutral-card2, #f2f4f7);
            border-radius: 0px 0px 4px 4px;
            padding: 12px;
            font-size: 12px;
            line-height: 14px;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
        }

        .tx-history__item--children .pending-detail {
            display: flex;
            align-items: center;
            color: #707280;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .tx-history__item--children .pending-detail .icon-question-mark {
            width: 10px;
            height: 10px;
            margin-left: 6px;
        }

        .tx-history__item--children__item {
            display: flex;
            margin-bottom: 10px;
        }

        .tx-history__item--children__item .tx-type {
            width: 95px;
        }

        .tx-history__item--children__item .ahead {
            flex: 1;
            margin-left: 25px;
            font-size: 12px;
        }

        .tx-history__item--children__item .icon-spin {
            animation: spining 1.5s infinite linear;
        }

        .tx-history__item--children__item .icon-spin path {
            fill: #babec5;
            fill: var(--r-neutral-foot, #babec5);
        }

        .tx-history__item--children__item:nth-last-child(1) {
            margin-bottom: 0;
        }

        .tx-history__pending .tx-history__item .tx-footer {
            margin-top: 12px;
        }

        .tx-history__completed .subtitle {
            margin-bottom: 12px;
        }

        .tx-history__completed .tx-history__item .tx-history__item--main {
            padding-bottom: 16px;
        }

        .tx-history__empty {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .tx-history__empty .no-data {
            width: 100px;
            height: 100px;
            margin: 135px auto 0;
        }

        .tx-history__bottom {
            display: flex;
            flex: 1;
            align-items: flex-end;
            justify-content: center;
        }

        .pending-detail__tooltip .ant-tooltip-inner {
            transform: translateX(60px);
        }

        .cant-cancel__tooltip .ant-tooltip-arrow {
            transform: translateX(-7px);
        }

        .header-view-all-transaction,
        .bottom-view-all-transaction {
            display: flex;
            font-size: 12px;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            align-items: center;
            white-space: nowrap;
            position: absolute;
            right: 0;
            line-height: 20px;
            bottom: 0;
            font-weight: normal;
        }

        .header-view-all-transaction:hover,
        .bottom-view-all-transaction:hover {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
        }

        .header-view-all-transaction .icon-external,
        .bottom-view-all-transaction .icon-external {
            width: 12px;
            height: 12px;
            margin-left: 4px;
        }

        .header-view-all-transaction .icon-external path,
        .bottom-view-all-transaction .icon-external path {
            fill: #babec5;
            fill: var(--r-neutral-foot, #babec5);
        }

        .bottom-view-all-transaction {
            justify-content: center;
            position: static;
            margin-top: 36px;
        }

        .mempool-list-popover {
            padding-top: 3px;
        }

        .mempool-list-popover .ant-popover-arrow {
            display: none;
        }

        .mempool-list-popover .ant-popover-inner-content {
            padding: 0;
        }

        .mempool-list-popover .ant-popover-inner {
            border: 0.5px solid rgba(255, 255, 255, 0.1);
            border: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: #3d4251;
            background: var(--r-neutral-bg-1, #3d4251);
            box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.25);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .text-history {
            display: flex;
            flex-direction: column;
        }

        .text-history__item {
            padding: 12px;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            box-shadow: 0px 6px 20px rgba(45, 48, 51, 0.08);
            border-radius: 6px;
            margin-bottom: 12px;
        }

        .text-history__item:nth-last-child(1) {
            margin-bottom: 0;
        }

        .text-history__item--content {
            max-height: 120px;
            min-height: 20px;
            overflow: hidden;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
            word-break: break-all;
            white-space: pre-wrap;
            margin-bottom: 12px;
            position: relative;
        }

        .text-history__item--content .icon-gray {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 20px;
            height: 20px;
            display: none;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .text-history__item--content:hover .icon-gray {
            display: block;
        }

        .text-history__item--footer {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            line-height: 14px;
            color: #BABEC5;
            color: var(--r-neutral-foot, #BABEC5);
        }

        .text-history__item--footer .site {
            display: flex;
        }

        .text-history__item--footer .site .fallback-site-logo {
            margin-right: 8px;
        }

        .text-history__item--footer .link {
            cursor: pointer;
        }

        .text-history__item--footer .link:hover {
            text-decoration: underline;
        }

        .text-history__empty {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .text-history__empty .no-data {
            width: 100px;
            height: 100px;
            margin: 135px auto 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .txs-history {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
            padding: 0 20px;
            font-size: 12px;
            line-height: 14px;
            height: 100vh;
            overflow: auto;
        }

        .txs-history .page-header-container {
            height: 64px;
        }

        .txs-history .page-header-container .page-header {
            padding-top: 20px;
            margin-bottom: 0;
        }

        .txs-history .ant-tabs,
        .txs-history .ant-tabs-content-holder,
        .txs-history .ant-tabs-content,
        .txs-history .tabpanel {
            height: 100%;
        }

        .txs-history .filter-scam-nav {
            display: inline-flex;
            height: 40px;
            padding: 11px;
            justify-content: space-between;
            align-items: center;
            flex-shrink: 0;
            padding: 12px;
            border-radius: 6px;
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
            gap: 16px;
            width: 100%;
            margin-bottom: 12px;
            cursor: pointer;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            font-size: 13px;
            line-height: 16px;
            font-weight: 500;
            border: 1px solid transparent;
        }

        .txs-history .filter-scam-loading-text {
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            text-align: center;
            font-size: 12px;
            font-weight: 400;
            line-height: 14px;
            position: fixed;
            top: 55px;
            left: 0;
            right: 0;
            z-index: 100;
        }

        .txs-history-card {
            position: relative;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            padding: 0 12px;
            margin-bottom: 12px;
        }

        .txs-history-card.is-gray {
            opacity: 0.5;
        }

        .txs-history-card-header {
            display: flex;
            align-items: center;
            padding: 9px 0;
            min-height: 38px;
            gap: 9px 12px;
            flex-wrap: wrap;
        }

        .txs-history-card-header-inner {
            flex: 1;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            gap: 12px;
            white-space: nowrap;
        }

        .txs-history-card-header .time {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
        }

        .txs-history-card-body {
            padding-top: 8px;
            padding-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .txs-history-card-footer {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-top: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            border-top: 0.5px solid rgba(255, 255, 255, 0.1);
            border-top: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding: 12px 0;
            display: flex;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
        }

        .txs-history-card-footer .tx-status {
            margin-left: auto;
        }

        .txs-history-card-footer .tx-status.is-failed {
            color: #f24822;
        }

        .txs-history .tag-scam {
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            padding: 3px 6px;
            background: rgba(255, 255, 255, 0.1);
            background: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            border-radius: 2px;
        }

        .txs-history .tx-id {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
            text-decoration: underline;
        }

        .txs-history .tx-id-chain {
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            margin-right: 8px;
        }

        .txs-history .tx-id-container {
            margin-left: auto;
        }

        .txs-history .tx-icon {
            width: 28px;
            height: 28px;
            border-radius: 2px;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .txs-history__empty {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .txs-history__empty .no-data {
            width: 100px;
            height: 100px;
            margin: 135px auto 0;
        }

        .txs-history-loading {
            background-color: rgba(255, 255, 255, 0.06);
            background-color: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            padding: 8px 14px 16px;
        }

        .txs-history-loading .ant-skeleton-input {
            background-color: rgba(255, 255, 255, 0.06);
            background-color: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
        }

        .txs-history-loading:not(:last-child) {
            margin-bottom: 12px;
        }

        .J_tipInputData .ant-tooltip-inner {
            padding: 8px 6px !important;
            background-color: #192945 !important;
            background-color: var(--r-neutral-title-1, #192945) !important;
        }

        .view-tx-message-modal .ant-modal-header {
            border-bottom-color: transparent;
        }

        .view-tx-message-modal .ant-modal-header,
        .view-tx-message-modal .ant-modal-content {
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
        }

        .view-tx-message-modal .ant-modal-content {
            min-height: 110px;
            padding-bottom: 16px;
        }

        .view-tx-message-modal .ant-modal-title {
            text-align: center;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .view-tx-message-modal .ant-modal-body {
            max-height: 400px;
            overflow: auto;
            padding: 16px;
            padding-bottom: 0;
        }

        .view-tx-message-modal .parsed-content {
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            font-size: 13px;
            font-weight: 400;
            line-height: 16px;
            letter-spacing: 0.5px;
            word-break: break-all;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .settings {
            padding: 0 20px;
            min-height: 100vh;
            background-color: #f5f6fa;
        }

        .settings .lock-wallet {
            margin-bottom: 32px;
            font-weight: 500;
            height: 56px;
        }

        .settings .lock-wallet .icon-lock {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            margin-left: -24px;
        }

        .settings .field {
            margin-bottom: 12px;
        }

        .settings .field .left-icon .icon {
            width: 20px;
            height: 20px;
        }

        .settings .field .right-icon .icon {
            width: 12px;
            height: 12px;
        }

        .settings .address-viewer-text.normal {
            font-size: 13px;
            line-height: 15px;
            color: #13141a;
        }

        .settings .walletconnect-connector .left-icon .icon {
            width: 24px;
            height: 24px;
        }

        .openapi-modal .ant-modal-body {
            padding-top: 28px;
        }

        .openapi-modal .ant-modal-body .ant-input {
            background: #f5f6fa;
            border: 1px solid #e5e9ef;
            border-radius: 6px;
        }

        .openapi-modal .ant-modal-body .ant-input:focus,
        .openapi-modal .ant-modal-body .ant-input.ant-input-focused {
            border-color: #b0bdff;
        }

        .openapi-modal .ant-form-item {
            margin-bottom: 8px;
        }

        .openapi-modal .restore {
            padding: 0;
            line-height: 1;
            height: auto;
        }

        .openapi-modal .restore::before {
            display: none;
        }

        .openapi-modal .restore span {
            font-size: 12px;
            line-height: 14px;
            color: #707880;
            text-decoration: underline;
            font-weight: normal;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .request-permission-wrapper {
            min-height: 395px;
            padding-top: 118px !important;
        }

        .request-permission-wrapper .btn-footer {
            width: 470px;
            justify-content: center;
            margin-top: 120px;
            display: flex;
        }

        .request-permission-wrapper .btn-footer .ant-btn {
            width: 224px;
        }

        .request-permission-wrapper .authorize-success {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .request-permission-wrapper .authorize-success .icon-success {
            margin-bottom: 16px;
            width: 48px;
        }

        .request-permission-wrapper .authorize-success h1 {
            color: #27C193;
            margin-bottom: 24px;
            text-align: center;
        }

        .request-permission-wrapper .authorize-success p {
            margin-bottom: 60px;
            font-size: 15px;
            line-height: 20px;
            text-align: center;
            color: #4B4D59;
        }

        .request-permission-wrapper .authorize-success .ant-btn {
            width: 224px;
        }

        .request-permission {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            padding: 8px 16px;
            width: 470px;
            font-weight: 500;
            font-size: 15px;
            line-height: 24px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            border-radius: 4px;
            margin-bottom: 0;
        }

        .permission-tip {
            font-size: 13px;
            line-height: 20px;
            color: var(--r-neutral-body);
            width: 470px;
            margin-top: 20px;
            margin-bottom: 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .token-selector {
            padding-bottom: 0;
        }

        .token-selector .ant-drawer-content-wrapper {
            border-radius: 16px 16px 0px 0px;
            overflow: hidden;
        }

        .token-selector .ant-drawer-content-wrapper .ant-drawer-body {
            padding: 18px 0 0;
            display: flex;
            flex-direction: column;
        }

        .token-selector .ant-drawer-close .anticon.anticon-close>svg {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .token-selector .header {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            margin-bottom: 20px;
        }

        .token-selector .input-wrapper {
            width: 100%;
            padding: 0 20px;
            margin: 0 auto 12px;
        }

        .token-selector .input-wrapper .ant-input-affix-wrapper-lg {
            padding: 9.25px;
            border-radius: 8px;
            border: 1px solid #d3d8e0;
            border: 1px solid var(--r-neutral-line, #d3d8e0);
            background: #fff !important;
            background: var(--r-neutral-card1, #fff) !important;
            transition: border-color 0.3s;
        }

        .token-selector .input-wrapper .ant-input-affix-wrapper-lg .ant-input::-moz-placeholder {
            color: #6a7587 !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .token-selector .input-wrapper .ant-input-affix-wrapper-lg .ant-input:-ms-input-placeholder {
            color: #6a7587 !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .token-selector .input-wrapper .ant-input-affix-wrapper-lg .ant-input::placeholder {
            color: #6a7587 !important;
            color: var(--r-neutral-foot, #6a7587) !important;
        }

        .token-selector .input-wrapper .ant-input-affix-wrapper-lg:hover,
        .token-selector .input-wrapper .ant-input-affix-wrapper-lg.active {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .token-selector .token-sort {
            display: flex;
            margin-bottom: 8px;
            padding: 0 20px;
            justify-content: flex-end;
            align-items: center;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            font-size: 12px;
            line-height: 14px;
        }

        .token-selector .token-sort span {
            transition: color 0.3s;
            cursor: pointer;
        }

        .token-selector .token-sort span:nth-child(1) {
            margin-right: 4px;
        }

        .token-selector .token-sort span:nth-last-child(1) {
            margin-left: 4px;
        }

        .token-selector .token-sort span.active {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .token-selector .token-list {
            position: relative;
            background-color: transparent;
            flex: 1;
            overflow-y: auto;
            margin: 0;
            padding-bottom: 20px;
        }

        .token-selector .token-list li {
            display: flex;
            flex-direction: column;
            cursor: pointer;
            padding: 0 16px;
        }

        .token-selector .token-list li.swap-to>div:nth-child(1),
        .token-selector .token-list li>.token-info>div:nth-child(1) {
            width: 160px;
            display: flex;
            align-items: center;
        }

        .token-selector .token-list li.swap-to>div:nth-child(1) .token-with-chain+div,
        .token-selector .token-list li>.token-info>div:nth-child(1) .token-with-chain+div {
            max-width: calc(100% - 24px);
        }

        .token-selector .token-list li.swap-to>div:nth-child(1) .symbol,
        .token-selector .token-list li>.token-info>div:nth-child(1) .symbol {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
            line-height: 15px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            margin-left: calc(6px + 4px);
            max-width: 100%;
        }

        .token-selector .token-list li.swap-to>div:nth-child(2),
        .token-selector .token-list li>.token-info>div:nth-child(2) {
            width: 70px;
            text-align: left;
            font-size: 12px;
            line-height: 14px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
        }

        .token-selector .token-list li.swap-to>div:nth-child(3),
        .token-selector .token-list li>.token-info>div:nth-child(3) {
            text-align: right;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            font-weight: 500;
            flex: 1;
        }

        .token-selector .token-list li.swap-to>div .symbol_click,
        .token-selector .token-list li>.token-info>div .symbol_click,
        .token-selector .token-list li.swap-to>div .token_usd_value,
        .token-selector .token-list li>.token-info>div .token_usd_value {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 15px;
            font-style: normal;
            font-weight: 510;
            line-height: normal;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            margin-left: 6px;
            max-width: 100%;
            padding: 2px 4px;
            border-radius: 4px;
            width: -moz-min-content;
            width: min-content;
        }

        .token-selector .token-list li.swap-to>div .token_usd_value,
        .token-selector .token-list li>.token-info>div .token_usd_value {
            margin-left: 0px;
            padding-right: 0px;
        }

        .token-selector .token-list li.swap-to>div .symbol_click:hover,
        .token-selector .token-list li>.token-info>div .symbol_click:hover {
            background: #dee3fc;
            background: var(--r-blue-light2, #dee3fc);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .token-selector .token-list li.token-list__header {
            display: flex;
            flex-direction: row;
            position: sticky;
            top: 0;
            z-index: 1;
            background-color: #f7f8fa;
            background-color: var(--r-neutral-bg-2, #f7f8fa);
            cursor: initial;
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            align-items: center;
            padding: 0 36px;
            padding-bottom: 8px;
        }

        .token-selector .token-list li.token-list__header::after {
            content: '';
            position: absolute;
            background-color: #d8dfeb;
            height: 0.5px;
            width: 360px;
            background-color: transparent;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

        .token-selector .token-list li.token-list__header>div {
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            font-weight: normal;
        }

        .token-selector .token-list li.token-list__header>div:nth-last-child(1) {
            flex: 1;
            text-align: right;
        }

        .token-selector .token-list .token-list__item {
            border: 1px solid transparent;
            box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.04);
            background: #fff;
            background: var(--r-neutral-card1, #fff);
            border-radius: 8px;
            margin: 0 20px;
            margin-bottom: 8px;
        }

        .token-selector .token-list .token-list__item .token-info {
            height: 60px;
            width: 100%;
            display: flex;
            align-items: center;
        }

        .token-selector .token-list .token-list__item.token-disabled {
            opacity: 0.5;
            cursor: default;
        }

        .token-selector .token-list .token-list__item:not(.token-disabled):hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
        }

        .token-selector .token-list .token-list__item:not(.token-disabled):hover .symbol_click {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .token-selector .token-list.empty {
            height: 400px;
        }

        .token-selector .token-list.empty .no-token {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .token-selector .token-list.empty .no-token .icon-loading {
            width: 36px;
            height: 36px;
            animation: spining 1s linear infinite;
        }

        .token-selector .token-list.empty .no-token .no-data-image {
            width: 100px;
            height: 100px;
        }

        .token-selector .filters-wrapper {
            padding: 0 20px;
            margin-bottom: 12px;
        }

        .token-selector .filters-wrapper .filter-item__chain {
            cursor: default;
            display: inline-flex;
            padding: 6px;
            justify-content: center;
            align-items: center;
            border-radius: 6px;
            font-size: 13px;
            font-weight: 500;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            background: #fff;
            background: var(--r-neutral-card1, #fff);
        }

        .token-selector .filters-wrapper img.filter-item__chain-logo {
            width: 16px;
            height: 16px;
            border-radius: 1000px;
        }

        .token-selector .filters-wrapper .filter-item__chain-close {
            cursor: pointer;
        }

        .token-selector-disable-item-tips .ant-modal-body {
            background: #fff;
            background: var(--r-neutral-bg1, #fff);
            padding-top: 24px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-bottom: 20px !important;
        }

        .token-selector-disable-item-tips .ant-modal-confirm-content {
            margin-top: 0 !important;
            padding: 0 !important;
            font-size: 14px;
            font-weight: 500;
            text-align: center;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
        }

        .token-selector-disable-item-tips .ant-modal-confirm-btns {
            margin-top: 35px !important;
        }

        .token-selector-disable-item-tips .ant-modal-confirm-btns .ant-btn {
            font-size: 13px !important;
            font-weight: 500;
        }

        .token-selector-disable-item-tips .ant-modal-confirm-btns .ant-btn-ghost {
            border-color: var(--r-blue-default);
            color: var(--r-blue-default);
        }

        .token-selector-disable-item-tips .ant-modal-confirm-btns .ant-btn-ghost:hover {
            background: #eef1ff !important;
            background: var(--r-blue-light1, #eef1ff) !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .token-amount-input {
            padding: 13px 12px 9px;
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
            border-radius: 4px;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            display: flex;
            margin-bottom: 6px;
        }

        .token-amount-input .left {
            display: flex;
            align-items: center;
            position: relative;
            cursor: pointer;
            width: -moz-fit-content;
            width: fit-content;
        }

        .token-amount-input .left:hover {
            background: #eef1ff;
            background: var(--r-blue-light2, #eef1ff);
        }

        .token-amount-input .left .token-input__symbol {
            max-width: 50px;
            margin-left: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .token-amount-input .left .icon-arrow-down {
            width: 12px;
            height: 12px;
        }

        .token-amount-input .right {
            flex: 1;
            display: flex;
            justify-content: flex-end;
        }

        .token-amount-input .right .ant-input {
            padding: 0;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            border-radius: 0;
            border-width: 0;
            background: transparent;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .token-amount-input .right .ant-input:hover,
        .token-amount-input .right .ant-input:focus {
            border-right-width: 0px !important;
            border-color: transparent !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .send-token,
        .transfer-nft {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0 20px 20px 20px;
            position: relative;
        }

        .send-token .chain-tag-selector,
        .transfer-nft .chain-tag-selector {
            margin-bottom: -10px;
        }

        .send-token .page-header,
        .transfer-nft .page-header {
            margin-bottom: 0;
            padding-top: 20px;
        }

        .send-token .section,
        .transfer-nft .section {
            margin-bottom: 20px;
        }

        .send-token .section .section-title,
        .transfer-nft .section .section-title {
            display: flex;
            font-size: 15px;
            line-height: 18px;
            color: var(--r-neutral-title-1);
            margin-bottom: 8px;
        }

        .send-token .section .section-title .token-balance,
        .transfer-nft .section .section-title .token-balance {
            display: flex;
            align-items: center;
        }

        .send-token .section .token-amount-input,
        .transfer-nft .section .token-amount-input {
            margin-bottom: 0;
            padding: 16px;
            padding-bottom: 12px;
        }

        .send-token .section .token-amount-input .left,
        .transfer-nft .section .token-amount-input .left {
            padding: 8px 12px;
            border-radius: 8px;
            border-left: none;
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
        }

        .send-token .section .token-amount-input .left:hover,
        .transfer-nft .section .token-amount-input .left:hover {
            background: #eef1ff;
            background: var(--r-blue-light2, #eef1ff);
        }

        .send-token .section .token-price,
        .transfer-nft .section .token-price {
            padding: 8px 0;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            text-align: right;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .send-token .account-card,
        .transfer-nft .account-card {
            height: 36px;
            padding: 0;
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border-radius: 4px;
            margin-bottom: 10px;
        }

        .send-token .account-card .title,
        .transfer-nft .account-card .title {
            display: none;
        }

        .send-token .account-card .icon-account,
        .transfer-nft .account-card .icon-account {
            width: 20px;
            height: 20px;
        }

        .send-token .account-card .icon-account path,
        .transfer-nft .account-card .icon-account path {
            fill: #7084ff;
            fill: var(--r-blue-default, #7084ff);
        }

        .send-token .account-card .account-detail,
        .transfer-nft .account-card .account-detail {
            height: 36px;
            width: 100%;
            padding: 10px 12px;
            background-color: #eef1ff;
            background-color: var(--r-blue-light-1, #eef1ff);
        }

        .send-token .account-card .account-detail .send-text,
        .transfer-nft .account-card .account-detail .send-text {
            color: #7084ff !important;
            color: var(--r-blue-default, #7084ff) !important;
        }

        .send-token .account-card .account-detail .address-viewer-text,
        .transfer-nft .account-card .account-detail .address-viewer-text,
        .send-token .account-card .account-detail .amount,
        .transfer-nft .account-card .account-detail .amount {
            color: #7084ff !important;
            color: var(--r-blue-default, #7084ff) !important;
            font-size: 13px;
            line-height: 15px;
            font-weight: 500;
        }

        .send-token .ant-input,
        .transfer-nft .ant-input {
            border: 1px solid #d3d8e0;
            border: 1px solid var(--r-neutral-line, #d3d8e0);
            background: transparent;
            border-radius: 4px;
            padding: 10px 12px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .send-token .ant-input::-moz-placeholder,
        .transfer-nft .ant-input::-moz-placeholder {
            color: var(--r-neutral-foot);
            font-weight: 400;
        }

        .send-token .ant-input:-ms-input-placeholder,
        .transfer-nft .ant-input:-ms-input-placeholder {
            color: var(--r-neutral-foot);
            font-weight: 400;
        }

        .send-token .ant-input::placeholder,
        .transfer-nft .ant-input::placeholder {
            color: var(--r-neutral-foot);
            font-weight: 400;
        }

        .send-token .ant-form-item,
        .transfer-nft .ant-form-item {
            margin: 0;
        }

        .send-token .ant-form-item.ant-form-item-has-error .ant-input,
        .transfer-nft .ant-form-item.ant-form-item-has-error .ant-input {
            border-color: #f24822 !important;
        }

        .send-token .ant-form-item.ant-form-item-has-error .ant-input:hover,
        .transfer-nft .ant-form-item.ant-form-item-has-error .ant-input:hover {
            border: 1px solid #f24822;
        }

        .send-token .ant-form-item-has-error .ant-input:hover,
        .transfer-nft .ant-form-item-has-error .ant-input:hover {
            background: #fff;
            background: var(--r-neutral-card-1, #fff);
        }

        .send-token .ant-form-item-explain,
        .transfer-nft .ant-form-item-explain,
        .send-token .ant-form-item-extra,
        .transfer-nft .ant-form-item-extra {
            min-height: auto;
        }

        .send-token .section-title__to,
        .transfer-nft .section-title__to {
            line-height: 20px;
        }

        .send-token .contact-info,
        .transfer-nft .contact-info {
            display: flex;
            align-items: center;
            padding: 3px 6px;
            border: 0.5px solid rgba(134, 151, 255, 0.5);
            border-radius: 2px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-size: 12px;
            line-height: 14px;
            cursor: pointer;
            background-color: transparent;
            transition: background-color 0.3s;
        }

        .send-token .contact-info .icon,
        .transfer-nft .contact-info .icon {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        .send-token .contact-info:hover,
        .transfer-nft .contact-info:hover {
            background-color: #eef1ff;
            background-color: var(--r-blue-light-1, #eef1ff);
        }

        .send-token .contact-info.disabled,
        .transfer-nft .contact-info.disabled {
            opacity: 0.5;
            cursor: default;
        }

        .send-token .contact-info.disabled:hover,
        .transfer-nft .contact-info.disabled:hover {
            background-color: transparent;
        }

        .send-token .icon-contact,
        .transfer-nft .icon-contact {
            width: 20px;
            height: 20px;
            margin-left: 12px;
            cursor: pointer;
        }

        .send-token .token-input,
        .transfer-nft .token-input {
            padding: 14px 12px;
            background: #f5f6fa;
            border-radius: 4px;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #161819;
            display: flex;
            margin-bottom: 6px;
            width: -moz-fit-content;
            width: fit-content;
        }

        .send-token .token-input .left,
        .transfer-nft .token-input .left {
            display: flex;
            align-items: center;
            position: relative;
            cursor: pointer;
            width: -moz-fit-content;
            width: fit-content;
        }

        .send-token .token-input .left .token-input__symbol,
        .transfer-nft .token-input .left .token-input__symbol {
            max-width: 50px;
            margin-left: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .send-token .token-input .left .icon-arrow-down,
        .transfer-nft .token-input .left .icon-arrow-down {
            width: 12px;
            height: 12px;
        }

        .send-token .token-input .left::after,
        .transfer-nft .token-input .left::after {
            content: '';
            background-color: #e5e9ef;
            width: 0.5px;
            height: 32px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -16px;
        }

        .send-token .token-input .right,
        .transfer-nft .token-input .right {
            flex: 1;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }

        .send-token .token-input .right .ant-input,
        .transfer-nft .token-input .right .ant-input {
            padding: 0;
            text-align: right;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            border-radius: 0;
        }

        .send-token .token-info,
        .transfer-nft .token-info {
            margin-top: 15px;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            border-radius: 4px;
            padding: 12px;
            position: relative;
            z-index: 1;
        }

        .send-token .token-info .section-field,
        .transfer-nft .token-info .section-field {
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            margin-bottom: 8px;
        }

        .send-token .token-info .section-field .address-viewer-text.normal,
        .transfer-nft .token-info .section-field .address-viewer-text.normal {
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            font-weight: normal;
            margin-right: 0;
        }

        .send-token .token-info .section-field .icon-copy,
        .transfer-nft .token-info .section-field .icon-copy {
            width: 14px;
            height: 14px;
            margin-left: 6px;
            cursor: pointer;
        }

        .send-token .token-info .section-field:nth-last-child(1),
        .transfer-nft .token-info .section-field:nth-last-child(1) {
            margin-bottom: 0;
        }

        .send-token .token-info::after,
        .transfer-nft .token-info::after {
            content: ' ';
            display: block;
            position: absolute;
            left: 16px;
            top: -16px;
            border: 6px solid transparent;
            border-bottom: 10px solid rgba(255, 255, 255, 0.06);
            border-bottom: 10px solid var(--r-neutral-card-2, rgba(255, 255, 255, 0.06));
            z-index: 0;
        }

        .send-token .whitelist-alert,
        .transfer-nft .whitelist-alert {
            display: flex;
            font-weight: 400;
            font-size: 12px;
            line-height: 16px;
            color: #ae2a19;
            color: var(--r-red-dark, #ae2a19);
            margin-top: 16px;
            margin-bottom: 16px;
            justify-content: center;
        }

        .send-token .whitelist-alert .icon-check,
        .transfer-nft .whitelist-alert .icon-check {
            width: 16px;
            height: 16px;
            margin-right: 4px;
        }

        .send-token .whitelist-alert__content,
        .transfer-nft .whitelist-alert__content {
            max-width: 312px;
            margin-bottom: 0;
        }

        .send-token .whitelist-alert.granted,
        .transfer-nft .whitelist-alert.granted {
            color: #babec5;
            color: var(--r-neutral-foot, #babec5);
        }

        .send-token .token-validation,
        .transfer-nft .token-validation {
            font-size: 12px;
            line-height: 14px;
            color: #ffb020;
            display: flex;
            justify-content: center;
            margin-bottom: 16px;
        }

        .send-token .token-validation .icon,
        .transfer-nft .token-validation .icon {
            width: 12px;
            height: 12px;
            margin-right: 6px;
        }

        .send-token .token-validation .icon.icon-loading,
        .transfer-nft .token-validation .icon.icon-loading {
            animation: spining 1.5s infinite linear;
        }

        .send-token .token-validation .icon.icon-loading path,
        .transfer-nft .token-validation .icon.icon-loading path {
            fill: #ffb020;
        }

        .send-token .token-validation .icon.icon-alert path,
        .transfer-nft .token-validation .icon.icon-alert path {
            stroke: #ec5151;
        }

        .send-token .token-validation .icon.icon-alert path:nth-child(1),
        .transfer-nft .token-validation .icon.icon-alert path:nth-child(1) {
            stroke: transparent;
        }

        .send-token .token-validation.faild,
        .transfer-nft .token-validation.faild {
            color: #ec5151;
        }

        .send-token .balance-error,
        .transfer-nft .balance-error {
            font-size: 12px;
            line-height: 14px;
            color: #f24822;
            text-align: right;
        }

        .send-token {
            height: 100vh;
            display: flex;
            flex-direction: column;
            padding-bottom: 0;
        }

        .send-token .send-token-form {
            margin-left: -20px;
            margin-right: -20px;
            padding: 0 20px;
            position: relative;
            overflow: auto;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .send-token .messagedata-input-wrapper {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .send-token .messagedata-input-wrapper .ant-input {
            border: 0.5px solid #d3d8e0;
            border: 0.5px solid var(--r-neutral-line, #d3d8e0);
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
            line-height: 1.5;
        }

        .send-token .messagedata-input-wrapper .ant-input:focus,
        .send-token .messagedata-input-wrapper .ant-input:hover {
            box-shadow: none;
            border-right-width: 0.5px !important;
        }

        .send-token .footer {
            padding: 16px 0;
            margin-left: -20px;
            margin-right: -20px;
            background: #f2f4f7;
            background: var(--r-neutral-bg2, #f2f4f7);
            border-top: 0.5px solid #d3d8e0;
            border-top: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .send-token .footer .whitelist-alert {
            margin-top: 0;
            margin-bottom: 16px;
        }

        .send-token-gas-selector .gas-selector {
            background: var(--r-neutral-card-2);
            border: 1px solid #d3d8e0;
            border: 1px solid var(--r-neutral-line, #d3d8e0);
            border-radius: 6px;
            display: flex;
            margin-bottom: 20px;
            padding: 16px;
            flex-direction: column;
        }

        .send-token-gas-selector .gas-selector .left {
            margin-right: 8px;
        }

        .send-token-gas-selector .gas-selector .left .icon-gas {
            width: 16px;
            height: 16px;
        }

        .send-token-gas-selector .gas-selector .gas-info {
            flex: 1;
            line-height: 1;
        }

        .send-token-gas-selector .gas-selector .gas-info p {
            margin-bottom: 4px;
        }

        .send-token-gas-selector .gas-selector .gas-info p:nth-last-child(1) {
            margin-bottom: 0;
        }

        .send-token-gas-selector .gas-selector .top {
            display: flex;
            align-items: center;
            position: relative;
            width: 100%;
            height: 18px;
            line-height: 18px;
        }

        .send-token-gas-selector .gas-selector .top .usmoney {
            font-size: 15px;
            color: var(--r-neutral-title-1);
            line-height: 18px;
            font-weight: 500;
        }

        .send-token-gas-selector .gas-selector .top .gasmoney {
            font-size: 12px;
            color: var(--r-neutral-title-1);
            margin-left: 8px;
        }

        .send-token-gas-selector .gas-selector .card-container {
            height: 48px;
            margin-top: 12px;
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

        .send-token-gas-selector .gas-selector .card-container .card {
            width: 76px;
            height: 48px;
            background: var(--r-neutral-card-1);
            border-radius: 4px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0 4px;
            border: 1px solid transparent;
        }

        .send-token-gas-selector .gas-selector .card-container .card:nth-child(1) {
            margin-left: 0;
        }

        .send-token-gas-selector .gas-selector .card-container .card:nth-last-child(1) {
            margin-right: 0;
        }

        .send-token-gas-selector .gas-selector .card-container .card:hover {
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .send-token-gas-selector .gas-selector .card-container .card.active {
            background: #eef1ff;
            background: var(--r-blue-light-1, #eef1ff);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
        }

        .send-token-gas-selector .gas-selector .card-container .card .gas-level {
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            margin: 8px auto 0;
        }

        .send-token-gas-selector .gas-selector .card-container .card .cardTitle {
            text-align: center;
            font-size: 12px;
            line-height: 14px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            margin: 8px auto 0;
            color: var(--r-neutral-title-1) !important;
            font-size: 13px !important;
            margin: 4px auto 0;
            font-weight: 500;
        }

        .send-token-gas-selector .gas-selector .card-container .card .cardTitle .ant-input {
            background: transparent !important;
            transition: none;
        }

        .send-token-gas-selector .gas-selector .card-container .card .custom-input {
            margin: 4px auto 0;
        }

        .send-token-gas-selector .gas-selector .card-container .card .ant-input {
            text-align: center !important;
            font-size: 13px !important;
            padding-top: 0;
            font-weight: 500;
        }

        .send-token-gas-selector .gas-selector .card-container .card .ant-input.active {
            color: #7084ff !important;
            color: var(--r-blue-default, #7084ff) !important;
        }

        .send-token-gas-selector .gas-selector .card-container .card .ant-input:focus,
        .send-token-gas-selector .gas-selector .card-container .card .ant-input-focused {
            color: var(--r-neutral-title-1);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .number-input {
            display: flex;
            height: 24px;
        }

        .number-input input::-webkit-outer-spin-button,
        .number-input input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        .number-input input[type="number"] {
            -moz-appearance: textfield;
        }

        .number-input .ant-input {
            width: 37px;
            height: 100%;
            background: transparent;
            border-radius: 0;
            border: 0.5px solid #B4BDCC;
        }

        .number-input .ant-input:hover,
        .number-input .ant-input:focus,
        .number-input .ant-input .ant-input-focused {
            border-right-width: 0.5px !important;
        }

        .number-input .ant-input[disabled]:hover {
            border-color: #B4BDCC;
        }

        .number-input .action {
            font-size: 18px;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            color: #4B4D59;
            border: 0.5px solid #B4BDCC;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            cursor: pointer;
        }

        .number-input .action.disabled {
            color: #B4BDCC;
            cursor: not-allowed;
        }

        .number-input .action.left {
            border-right: none;
            border-radius: 2px 0px 0px 2px;
        }

        .number-input .action.right {
            border-left: none;
            border-radius: 0px 2px 2px 0px;
        }

        .send-nft-tooltip .ant-tooltip-arrow {
            transform: translateX(90px);
        }

        .send-nft-tooltip.is1155 .ant-tooltip-arrow {
            transform: translateX(12px);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .transfer-nft {
            height: 100vh;
            display: flex;
            flex-direction: column;
            padding-bottom: 0;
        }

        .transfer-nft .ant-form {
            margin-left: -20px;
            margin-right: -20px;
            padding: 0 20px;
            position: relative;
            overflow: auto;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .transfer-nft .footer {
            padding: 16px 20px;
            margin-left: -20px;
            margin-right: -20px;
            background-color: #FFF;
            background-color: var(--r-neutral-bg-2, #FFF);
            border-top: 0.5px solid #D3D8E0;
            border-top: 0.5px solid var(--r-neutral-line, #D3D8E0);
        }

        .transfer-nft .nft-info {
            padding: 16px;
            border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);
            border-bottom: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background-color: #FFF;
            background-color: var(--r-neutral-card-1, #FFF);
            border-radius: 8px;
        }

        .transfer-nft .nft-info__inner {
            display: flex;
            padding-bottom: 20px;
        }

        .transfer-nft .nft-info .nft-avatar {
            margin-right: 12px;
            border: none;
            border-radius: 4px;
        }

        .transfer-nft .nft-info__detail {
            flex: 1;
        }

        .transfer-nft .nft-info__detail h3 {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
        }

        .transfer-nft .nft-info__detail p {
            margin-top: 8px;
            margin-bottom: 0;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #BABEC5;
            color: var(--r-neutral-foot, #BABEC5);
            display: flex;
        }

        .transfer-nft .nft-info__detail p .field-name {
            width: 67px;
        }

        .transfer-nft .nft-info__detail p .value {
            display: flex;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
        }

        .transfer-nft .nft-info__detail p .address-viewer-text.normal {
            font-weight: 500;
            font-size: 12px;
            line-height: 14px;
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
        }

        .transfer-nft .nft-info__detail p .icon-copy {
            cursor: pointer;
        }

        .transfer-nft .nft-info__detail p .chain-icon {
            font-size: 12px;
            font-weight: 400;
            margin-right: 4px;
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
        }

        .transfer-nft .section {
            margin-bottom: 16px;
        }

        .transfer-nft .section .section-title {
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 15px;
            color: #F7FAFC;
            color: var(--r-neutral-title-1, #F7FAFC);
        }

        .transfer-nft .section-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
            border-top: 0.5px solid #D3D8E0;
            border-top: 0.5px solid var(--r-neutral-line, #D3D8E0);
            padding-top: 12px;
        }

        .transfer-nft .section-footer .ant-input {
            padding: 0;
            text-align: center;
            border: 0.5px solid #D3D8E0;
            border: 0.5px solid var(--r-neutral-line, #D3D8E0);
            background-color: #FFF;
            background-color: var(--r-neutral-card-1, #FFF);
            border-radius: 2px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .page-receive {
            padding: 0 20px;
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
            height: 100%;
        }

        .page-receive-modal .ant-modal-body {
            padding: 0;
        }

        .page-receive-modal .ant-modal-confirm-content {
            background: var(--r-neutral-bg1);
            margin: 0;
            padding: 40px 24px 32px;
        }

        .page-receive-modal .ant-modal-confirm-content .icon {
            width: 64px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 24px;
        }

        .page-receive-modal .ant-modal-confirm-content .content {
            font-weight: 500;
            font-size: 17px;
            line-height: 24px;
            text-align: center;
            color: var(--r-neutral-title-1);
            margin-bottom: 52px;
        }

        .page-receive-modal .ant-modal-confirm-content .footer {
            display: flex;
            gap: 12px;
        }

        .page-receive-modal .ant-modal-confirm-content .footer .ant-btn {
            height: 40px;
        }

        .page-receive .page-nav {
            display: flex;
            justify-content: space-between;
            padding-top: 26px;
            padding-bottom: 12px;
            min-height: 90px;
            align-items: flex-start;
            gap: 8px;
        }

        .page-receive .page-nav .icon-back path {
            fill: #fff;
        }

        .page-receive .page-nav-left,
        .page-receive .page-nav-right {
            padding-top: 6px;
            width: 24px;
            flex-shrink: 0;
        }

        .page-receive .page-nav-right {
            text-align: right;
        }

        .page-receive .page-nav-right img {
            display: inline-block;
        }

        .page-receive .page-nav-content {
            background: rgba(255, 255, 255, 0.12);
            -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
            border-radius: 6px;
            padding: 8px 12px;
            overflow: hidden;
        }

        .page-receive .account {
            display: flex;
            gap: 8px;
        }

        .page-receive .account-content {
            overflow: hidden;
        }

        .page-receive .account-icon {
            width: 20px;
            height: 20px;
        }

        .page-receive .account-name {
            font-weight: 500;
            font-size: 15px;
            line-height: 20px;
            color: #ffffff;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .page-receive .account-balance {
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            text-align: center;
            color: #ffffff;
            opacity: 0.6;
        }

        .page-receive .account-type {
            font-size: 12px;
            line-height: 14px;
            color: #ffffff;
            opacity: 0.6;
            margin-top: 2px;
        }

        .page-receive .account .row {
            display: flex;
            gap: 6px;
            align-items: center;
        }

        .page-receive-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            padding-bottom: 32px;
        }

        .page-receive-footer img {
            margin: auto;
        }

        .page-receive .qr-card {
            background: var(--r-neutral-bg-1);
            box-shadow: 0px 12px 60px rgba(54, 69, 157, 0.2);
            border-radius: 8px;
            padding: 40px 4px 24px;
        }

        .page-receive .qr-card-header {
            font-weight: 500;
            font-size: 17px;
            line-height: 20px;
            text-align: center;
            color: var(--r-neutral-title-1);
            margin-bottom: 36px;
        }

        .page-receive .qr-card-img {
            padding: 12px;
            border: 1px solid var(--r-neutral-line);
            border-radius: 10px;
            width: 200px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 32px;
            background-color: #fff;
        }

        .page-receive .qr-card-address {
            font-size: 14px;
            line-height: 16px;
            color: var(--r-neutral-title-1);
            margin-bottom: 16px;
            text-align: center;
        }

        .page-receive .qr-card-btn {
            background: var(--r-neutral-card-2);
            border-radius: 4px;
            height: 40px;
            padding: 12px 28px;
            display: flex;
            margin: auto;
            justify-content: center;
            align-items: center;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: var(--r-neutral-title-1);
        }

        .page-receive .qr-card-btn:active {
            background-color: rgba(var(--r-neutral-card-2-rbg), 0.7);
        }

        .page-receive .qr-card-btn .icon-copy {
            margin-right: 6px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .wallet-connect {
            background: #f2f4f7;
            background: var(--r-neutral-bg-2, #f2f4f7);
            position: relative;
            height: 100%;
            overflow: auto;
            padding-bottom: 36px;
        }

        @media (min-width: 401px) {
            .wallet-connect .goback {
                display: none;
            }
        }

        .button-container {
            width: 148px;
            height: 32px;
            margin: 32px auto 24px;
            background: #d3d8e0;
            background: var(--r-neutral-line, #d3d8e0);
            display: flex;
            border-radius: 6px;
        }

        .button-container div {
            width: 72px;
            height: 28px;
            margin: 2px;
            padding: 3px;
            border-radius: 4px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            text-align: center;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .button-container .active {
            background: #fff;
            background: var(--r-neutral-bg-1, #fff);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .goback {
            position: absolute;
            color: #ffffff;
            top: 38px;
            left: 34px;
            z-index: 100;
        }

        .qrcode {
            width: 200px;
            height: 200px;
            margin: 0 auto 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 12px;
            background: #fff;
            border: 1px solid #e5e9ef;
            position: relative;
        }

        .qrcode .refresh-container {
            position: absolute;
            width: 200px;
            height: 200px;
            background: #ffffff;
            opacity: 0.9;
            z-index: 10;
            border-radius: 12px;
        }

        .qrcode .refresh-container .refresh-wrapper {
            position: absolute;
            width: 80px;
            height: 80px;
            left: 60px;
            top: 60px;
            background: rgba(0, 0, 0, 0.8);
            border-radius: 8px;
        }

        .qrcode .refresh-container .refresh-wrapper .qrcode-refresh {
            position: absolute;
            width: 80px;
            height: 80px;
        }

        .url-container {
            position: relative;
            border-radius: 4px;
        }

        .url-container .ant-input-disabled {
            color: var(--r-neutral-title-1);
            background: var(--r-neutral-card-1);
            border-color: var(--r-neutral-line);
            cursor: default;
        }

        .icon-copy-wallet {
            width: 16px;
            height: 16px;
            position: absolute;
            right: 16px;
            bottom: 16px;
        }

        .icon-refresh-wallet {
            width: 16px;
            height: 16px;
            right: 16px;
            bottom: 16px;
            position: absolute;
            right: 46px;
        }

        .change-bridge {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #707280;
            font-size: 12px;
            cursor: pointer;
        }

        .change-bridge img {
            margin-right: 4px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .page-address-detail {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            height: 100vh;
        }

        .page-address-detail .tabs {
            display: flex;
            gap: 8px 10px;
            flex-wrap: wrap;
            padding-bottom: 8px;
        }

        .page-address-detail .tabs-item {
            padding: 4px 0;
            font-weight: 400;
            font-size: 12px;
            line-height: 14px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            position: relative;
            cursor: pointer;
        }

        .page-address-detail .tabs-item.is-active {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .page-address-detail .tabs-item.is-active::after {
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
        }

        .page-address-detail-qrcode-popover {
            width: 160px;
            height: 160px;
        }

        .page-address-detail-qrcode-popover .ant-popover-inner-content {
            padding: 10px;
        }

        .page-address-detail-qrcode-popover .ant-popover-arrow {
            right: 26px !important;
        }

        .page-address-detail .rabby-list {
            border-radius: 6px;
            background-color: #fff;
            background-color: var(--r-neutral-card-1, #fff);
            margin-bottom: 20px;
        }

        .page-address-detail .rabby-list-item {
            padding-left: 16px;
            border-radius: 6px;
            border: 1px solid transparent;
        }

        .page-address-detail .rabby-list-item:not(.no-hover):hover {
            background-color: rgba(134, 151, 255, 0.2);
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
        }

        .page-address-detail .rabby-list-item-label {
            font-weight: 500;
            font-size: 14px;
            line-height: 16px;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
            gap: 4px;
            display: flex;
            flex-direction: column;
            margin-right: auto;
            flex-shrink: 0;
        }

        .page-address-detail .rabby-list-item-desc,
        .page-address-detail .rabby-list-item-extra {
            font-weight: 400;
            font-size: 14px;
            line-height: 16px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
        }

        .page-address-detail .rabby-list-item-extra {
            max-width: 230px;
        }

        .page-address-detail .rabby-list-item .ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .page-address-detail .rabby-list-item-arrow svg path {
            fill: #6a7587;
            fill: var(--r-neutral-foot, #6a7587);
        }

        .page-address-detail .rabby-list-item-content {
            padding: 12px 16px 12px 0;
            display: flex;
            min-height: 56px;
            align-items: center;
        }

        .page-address-detail .rabby-list-item .connect-status {
            margin-top: -12px;
            margin-right: 16px;
        }

        .page-address-detail .rabby-list-item>div:last-child {
            border-bottom: 1px solid #d3d8e0;
            border-bottom: 1px solid var(--r-neutral-line, #d3d8e0);
            border-bottom: 0.5px solid #d3d8e0;
            border-bottom: 0.5px solid var(--r-neutral-line, #d3d8e0);
        }

        .page-address-detail .rabby-list-item:last-child div {
            border: none;
        }

        .page-address-detail .rabby-list-item .name-and-address .name {
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
        }

        .page-address-detail .rabby-list-item .name-and-address .address {
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .address-delete-modal .desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            margin-bottom: 20px;
        }

        .address-delete-modal .footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0 20px 24px;
        }

        .address-delete-modal .enter-password-modal {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #fff;
            padding: 20px 20px 24px;
            transform: translateX(100%);
            transition: 0.3s;
            border-radius: 16px 16px 0px 0px;
        }

        .address-delete-modal .enter-password-modal.show {
            transform: translateX(0);
        }

        .address-delete-modal .enter-password-modal .title {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: #4b4d59;
            margin-bottom: 28px;
        }

        .whitelist-confirm-modal .ant-drawer-content {
            background: #f2f4f7 !important;
            background: var(--r-neutral-bg2, #f2f4f7) !important;
        }

        .whitelist-confirm-modal #password {
            background-color: #fff !important;
            background-color: var(--r-neutral-card1, #fff) !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .page-address-backup {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            height: 100vh;
            overflow: auto;
        }

        .page-address-backup header {
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
            padding: 18px 20px;
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            margin: 0 -20px 20px;
            height: 60px;
            color: #FFF;
            color: var(--r-neutral-title2, #FFF);
        }

        .page-address-backup .alert {
            padding: 12px;
            border-radius: 4px;
            background: #4D3E43;
            background: var(--r-red-light, #4D3E43);
            color: #EF5C48;
            color: var(--r-red-default, #EF5C48);
            display: flex;
            gap: 8px;
            align-items: flex-start;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
        }

        .page-address-backup .qrcode {
            margin: 0 auto;
            width: 200px;
            height: 200px;
            border-radius: 8px;
            padding: 10px;
            border: none !important;
            background-color: #fff;
        }

        .page-address-backup .private-key {
            background: #fff;
            background: var(--r-neutral-card1, #fff);
            color: #D3D8E0;
            color: var(--r-neutral-body, #D3D8E0);
            border-radius: 6px;
            height: 80px;
            position: relative;
            padding: 12px;
            word-wrap: break-word;
            overflow: auto;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
        }

        .page-address-backup .private-key .icon-copy {
            position: absolute;
            right: 12px;
            bottom: 12px;
            width: 16px;
            height: 16px;
        }

        .page-address-backup .private-key-text {
            padding-right: 18px;
        }

        .page-address-backup .private-key-mask {
            height: 100%;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            margin-right: 48px;
            margin-left: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            cursor: pointer;
        }

        .page-address-backup .private-key-mask svg {
            width: 20px;
            height: 20px;
        }

        .page-address-backup .private-key-mask svg path {
            fill: #D3D8E0;
            fill: var(--r-neutral-body, #D3D8E0);
        }

        .page-address-backup .mask {
            background: rgba(0, 0, 0, 0.9);
            opacity: 0.9;
            -webkit-backdrop-filter: blur(120px);
            backdrop-filter: blur(120px);
            border-radius: 6px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #ffffff;
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            top: 0;
            z-index: 10;
            cursor: pointer;
        }

        .page-address-backup .copy {
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            font-size: 13px;
            line-height: 15px;
            color: #707280;
            gap: 6px;
            cursor: pointer;
        }

        .page-address-backup .footer {
            width: 100%;
            padding: 20px;
            background-color: #fff;
            background-color: var(--r-neutral-bg-1, #fff);
            text-align: center;
            position: fixed;
            left: 0;
            bottom: 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .custom-rpc {
            height: 100vh;
            position: relative;
            background: #3D4251;
            background: var(--r-neutral-bg-2, #3D4251);
            display: flex;
            flex-direction: column;
        }

        .custom-rpc .no-address {
            background-color: transparent;
            min-height: auto;
            flex: 1;
            padding-top: 117px;
        }

        .custom-rpc .no-address .no-data-image {
            width: 100px;
            margin: 0 auto;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .add-metamask {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            padding: 0;
            padding: 0 20px 12px;
        }

        .add-metamask .header {
            background: linear-gradient(97.59deg, #8ba8ff 0%, #8c96ff 99.49%);
            margin: 0 -20px;
        }

        .add-metamask .metamask-shadow {
            background: linear-gradient(180deg, rgba(251, 140, 0, 0.054) 0%, rgba(251, 140, 0, 0) 100%);
            border-radius: 6px;
            position: absolute;
            width: 360px;
            height: 50px;
            left: 0px;
            top: 0px;
        }

        .add-metamask .ant-timeline {
            margin-left: 22px;
        }

        .add-metamask .ant-timeline .ant-timeline-item-head {
            background-color: transparent;
        }

        .add-metamask .ant-timeline .ant-timeline-item-tail {
            border-style: dotted;
            border-color: #b3bdcc;
            top: 20px;
            left: 0;
        }

        .add-metamask .ant-timeline .ant-timeline-item-content {
            padding-top: 3px;
            padding-left: 2px;
        }

        .add-metamask .ant-timeline .ant-timeline-item {
            padding-bottom: 32px;
        }

        .add-metamask .ant-timeline .ant-timeline-item:first-child {
            padding-bottom: 24px;
        }

        .add-metamask .ant-timeline .ant-timeline-item.ant-timeline-item-last {
            padding-bottom: 0;
        }

        .add-metamask .ant-timeline .ant-timeline-item.ant-timeline-item-last .ant-timeline-item-content {
            min-height: 28px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .custom-testnet-token-detail {
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: auto;
        }

        .custom-testnet-token-detail-popup.ant-drawer .ant-drawer-body {
            padding: 0;
        }

        .custom-testnet-token-detail-popup.ant-drawer .ant-drawer-content {
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
        }

        .custom-testnet-token-detail .token-detail-header {
            padding: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            position: sticky;
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
            border-radius: 16px 16px 0 0;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

        .custom-testnet-token-detail .token-detail-header .token-with-chain .chain-symbol {
            display: none;
        }

        .custom-testnet-token-detail .token-detail-header .token-symbol {
            font-weight: 500;
            font-size: 20px;
            line-height: 23px;
            text-align: center;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .custom-testnet-token-detail .token-detail-header .address {
            align-items: center;
            background: #f2f4f7;
            background: var(--r-neutral-card-2, #f2f4f7);
            border-radius: 4px;
            padding: 6px 7px 4px;
            display: flex;
            gap: 6px;
            font-size: 12px;
            line-height: 14px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .custom-testnet-token-detail .token-detail-header .remove {
            margin-left: 12px;
            background: #e5e9ef;
            border-radius: 2.6666px;
            padding: 4px;
            cursor: pointer;
        }

        .custom-testnet-token-detail .token-detail-header .alert {
            background: rgba(39, 193, 147, 0.2);
            border-radius: 6px;
            padding: 16px;
            margin-top: 20px;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #27c193;
        }

        .custom-testnet-token-detail .token-detail-header .alert-primary {
            background: rgba(134, 151, 255, 0.2);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            display: flex;
            align-items: center;
        }

        .custom-testnet-token-detail .token-detail-header .alert-primary-btn {
            flex-shrink: 0;
            margin-left: auto;
            background: #7084ff;
            background: var(--r-blue-default, #7084ff);
            border-radius: 4px;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .custom-testnet-token-detail .token-detail-body {
            padding: 20px 20px 100px;
        }

        .custom-testnet-token-detail .token-detail-footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding-top: 16px;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
            border-top: 1px solid #f5f6fa;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
        }

        .custom-testnet-token-detail .balance {
            font-size: 14px;
            line-height: 16px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
        }

        .custom-testnet-token-detail .balance-title {
            margin-bottom: 4px;
        }

        .custom-testnet-token-detail .balance-content {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .custom-testnet-token-detail .balance-value {
            font-size: 15px;
            font-weight: 500;
            color: #192945;
            color: var(--r-neutral-title-1, #192945);
        }

        .custom-testnet-token-detail .balance-value-usd {
            margin-top: 2px;
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .nft-view .page-header {
            margin-bottom: 15px;
            padding-top: 20px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .import-qrcode .goback,
        .qr-hardware-sign .goback {
            position: absolute;
            color: #ffffff;
            top: 38px;
            left: 34px;
            z-index: 100;
        }

        .import-qrcode .qrcode-scanner,
        .qr-hardware-sign .qrcode-scanner {
            padding-top: 35px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .import-qrcode .goback,
        .qr-hardware-sign .goback {
            position: absolute;
            color: #ffffff;
            top: 38px;
            left: 34px;
            z-index: 100;
        }

        .import-qrcode .qrcode-scanner,
        .qr-hardware-sign .qrcode-scanner {
            padding-top: 35px;
        }

        .connect-keystone {
            margin: 0 auto;
            width: 432px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .connect-keystone ul {
            margin-bottom: 50px;
            padding-left: 5px;
        }

        .connect-keystone ul li {
            font-size: 14px;
            line-height: 20px;
            color: var(--r-neutral-body);
        }

        .connect-keystone .keystone-plug {
            margin-bottom: 32px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* pt + h + pb*/
        /* pt + height + pb */
        .approvals-manager-page {
            width: 100vw;
            min-width: 1160px;
            height: 100vh;
            padding-top: 40px;
            padding-bottom: 148px;
            background: #1C1F2B;
            background: var(--r-neutral-bg2, #1C1F2B);
        }

        .approvals-manager-page *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .approvals-manager-page *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .approvals-manager-page *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .approvals-manager-page *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .approvals-manager-page *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .approvals-manager-page *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .approvals-manager-page *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .approvals-manager-page *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .approvals-manager-page.with-switchnet-tabs {
            padding-top: 0;
        }

        .approvals-manager-page.with-switchnet-tabs .approvals-manager__header {
            min-height: 114px;
        }

        .revoke-approval-modal *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .revoke-approval-modal *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .revoke-approval-modal *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .revoke-approval-modal *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .revoke-approval-modal *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .revoke-approval-modal *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .revoke-approval-modal *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .revoke-approval-modal *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .revoke-approval-modal .approval-list::-webkit-scrollbar {
            width: 0;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .revoke-approval-modal .approval-list::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .revoke-approval-modal .approval-list::-webkit-scrollbar {
            width: 0;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .revoke-approval-modal .approval-list::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .revoke-approval-modal .ant-modal-header,
        .revoke-approval-modal .ant-modal-content {
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
        }

        .approvals-manager {
            overflow: hidden;
            height: 100%;
            min-width: 1160px;
            width: 1160px;
            max-width: 1280px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .approvals-manager>.approvals-manager__header {
            flex-shrink: 0;
        }

        .approvals-manager>main {
            flex-shrink: 1;
            height: 100%;
        }

        .approvals-manager__header {
            min-height: 24px;
            box-sizing: content-box;
            padding-bottom: 20px;
            display: block;
            width: 100%;
            text-align: center;
            width: 1160px;
            margin: 0 auto;
            font-size: 20px;
            font-weight: 500;
        }

        .approvals-manager__header>.tabs {
            height: 90px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .approvals-manager__header>.title {
            height: 100%;
            max-height: 24px;
            text-align: center;
            color: var(--r-neutral-title1);
            vertical-align: baseline;
            display: inline-block;
        }

        .approvals-manager__table-tools {
            width: 1160px;
            margin: 0 auto;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .approvals-manager__table-tools .search-input-wrapper {
            height: 48px;
            background-color: var(--r-neutral-card1);
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid var(--r-neutral-line);
            transition: ease-in 0.2s border-color;
        }

        .approvals-manager__table-tools .search-input-wrapper .ant-input-affix-wrapper.search-input,
        .approvals-manager__table-tools .search-input-wrapper .ant-input {
            background-color: transparent;
            color: var(--r-neutral-title1);
        }

        .approvals-manager__table-tools .search-input-wrapper .ant-input-affix-wrapper.search-input::-moz-placeholder,
        .approvals-manager__table-tools .search-input-wrapper .ant-input::-moz-placeholder {
            color: var(--r-neutral-foot);
        }

        .approvals-manager__table-tools .search-input-wrapper .ant-input-affix-wrapper.search-input:-ms-input-placeholder,
        .approvals-manager__table-tools .search-input-wrapper .ant-input:-ms-input-placeholder {
            color: var(--r-neutral-foot);
        }

        .approvals-manager__table-tools .search-input-wrapper .ant-input-affix-wrapper.search-input::placeholder,
        .approvals-manager__table-tools .search-input-wrapper .ant-input::placeholder {
            color: var(--r-neutral-foot);
        }

        .approvals-manager__table-tools .search-input-wrapper.is-focusing,
        .approvals-manager__table-tools .search-input-wrapper:hover {
            border-color: #7084ff;
            border-color: var(--r-blue-default, #7084ff);
            border-width: 1px;
        }

        .approvals-manager__table-tools .search-input {
            height: 100%;
            width: 380px;
            border-width: 0;
            border-color: transparent !important;
        }

        .approvals-manager__table-tools .search-input .ant-input-prefix {
            margin-right: 12px;
        }

        .approvals-manager__table-wrapper {
            margin-top: 20px;
        }

        .am-virtual-table {
            max-width: 1160px;
            margin: 0 auto;
        }

        .am-virtual-table .ant-spin-nested-loading {
            border-radius: 6px;
            overflow: hidden;
        }

        .am-virtual-table .ant-spin-container.ant-spin-blur::after {
            background-color: #fff;
            background-color: var(--r-neutral-bg-1, #fff);
        }

        .am-virtual-table .ant-table {
            background: transparent;
        }

        .am-virtual-table.ant-table-empty .ant-table-container {
            overflow: hidden;
            border-radius: 6px;
            background-color: var(--r-neutral-card1);
        }

        .am-virtual-table .ant-table-header {
            border-radius: 6px;
        }

        .am-virtual-table .ant-table-header,
        .am-virtual-table .ant-table-header>table {
            height: 48px;
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell {
            /**
      we need fix the vertical expansion value from <th> element
      */
            padding: 0;
            background-color: transparent;
            font-size: 13px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-bottom: transparent;
            background-color: var(--r-neutral-card1);
            background: var(--r-neutral-card1);
            color: var(--r-neutral-title1);
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell.ant-table-column-has-sorters.ant-table-column-sort .ant-table-column-sorters {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell.ant-table-cell-scrollbar:last-child {
            box-shadow: none;
            width: 0;
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell .ant-table-column-sorters {
            padding: 0;
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell .ant-table-column-sorters-with-tooltip {
            height: 100%;
            display: flex;
            align-items: center;
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell .ant-table-column-sorter-full {
            margin-top: 0;
            position: relative;
            top: -3px;
            margin-left: 2px;
        }

        .am-virtual-table thead.ant-table-thead>tr>th.am-virtual-table-head-cell.J_contracts_last_column {
            padding-right: 14px;
        }

        .am-virtual-table thead.ant-table-thead>tr {
            border-radius: 6px;
        }

        .am-virtual-table .ant-table-container:before,
        .am-virtual-table .ant-table-container:after {
            display: none;
        }

        .am-virtual-table .am-virtual-grid {
            overflow-y: overlay !important;
            overflow-x: hidden !important;
        }

        .am-virtual-table .am-virtual-grid::-webkit-scrollbar {
            width: 4px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .am-virtual-table .am-virtual-grid::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .am-virtual-table .am-virtual-grid::-webkit-scrollbar {
            width: 4px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .am-virtual-table .am-virtual-grid::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .am-virtual-table .am-virtual-grid .am-virtual-table-cell-inner {
            cursor: pointer;
        }

        .am-virtual-table .am-virtual-table-cell {
            background: transparent;
            padding-left: 0;
            padding-right: 0;
            padding-top: 8px;
        }

        .am-virtual-table .am-virtual-table-cell.J_selection .am-virtual-table-cell-inner {
            padding-top: 0;
            padding-bottom: 0;
            height: 100%;
        }

        .am-virtual-table .am-virtual-table-cell.is-first-cell>.am-virtual-table-cell-inner {
            border-left: 1px solid transparent;
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .am-virtual-table .am-virtual-table-cell.is-last-cell>.am-virtual-table-cell-inner {
            border-right: 1px solid transparent;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
            padding-right: 4px;
        }

        .am-virtual-table .am-virtual-table-cell.is-sorting-cell>.am-virtual-table-cell-inner {
            font-weight: 500;
        }

        .am-virtual-table .am-virtual-table-cell.is-hovered-row-cell .am-virtual-table-cell-inner {
            border-top: 1px solid #7084ff;
            border-top: 1px solid var(--r-blue-default, #7084ff);
            border-bottom: 1px solid #7084ff;
            border-bottom: 1px solid var(--r-blue-default, #7084ff);
            background: rgba(134, 151, 255, 0.1);
        }

        .am-virtual-table .am-virtual-table-cell.is-hovered-row-cell.is-first-cell>.am-virtual-table-cell-inner {
            border-left: 1px solid #7084ff;
            border-left: 1px solid var(--r-blue-default, #7084ff);
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .am-virtual-table .am-virtual-table-cell.is-hovered-row-cell.is-last-cell>.am-virtual-table-cell-inner {
            border-right: 1px solid #7084ff;
            border-right: 1px solid var(--r-blue-default, #7084ff);
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .am-virtual-table .am-virtual-table-cell.is-selected-row-cell .am-virtual-table-cell-inner {
            border-top: 1px solid #7084ff;
            border-top: 1px solid var(--r-blue-default, #7084ff);
            border-bottom: 1px solid #7084ff;
            border-bottom: 1px solid var(--r-blue-default, #7084ff);
            background: #eef1ff;
            background: var(--r-blue-light1, #eef1ff);
        }

        .am-virtual-table .am-virtual-table-cell.is-selected-row-cell.is-first-cell>.am-virtual-table-cell-inner {
            border-left: 1px solid #7084ff;
            border-left: 1px solid var(--r-blue-default, #7084ff);
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .am-virtual-table .am-virtual-table-cell.is-selected-row-cell.is-last-cell>.am-virtual-table-cell-inner {
            border-right: 1px solid #7084ff;
            border-right: 1px solid var(--r-blue-default, #7084ff);
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .am-virtual-table:not(.dark) .am-virtual-table-cell.is-contract-row__risky>.am-virtual-table-cell-inner,
        .am-virtual-table:not(.dark) .am-virtual-table-cell.is-contract-row__danger>.am-virtual-table-cell-inner {
            background: #fefafa;
        }

        .am-virtual-table .am-virtual-table-cell.is-contract-row__risky>.am-virtual-table-cell-inner,
        .am-virtual-table .am-virtual-table-cell.is-contract-row__danger>.am-virtual-table-cell-inner {
            background: #3d3b46;
        }

        .am-virtual-table:not(.dark) .am-virtual-table-cell.is-contract-row__warning>.am-virtual-table-cell-inner {
            background: #fffdf8;
        }

        .am-virtual-table.dark .am-virtual-table-cell.is-contract-row__warning>.am-virtual-table-cell-inner {
            background: #3d3b46;
        }

        .am-virtual-table.J_table_by_contracts .am-virtual-table-cell.is-last-cell>.am-virtual-table-cell-inner {
            padding-right: 20px;
        }

        .am-virtual-table.J_table_by_contracts .am-virtual-table-cell.column-cell-J_key-contract>.am-virtual-table-cell-inner {
            padding-right: 4px;
        }

        .am-virtual-table.J_table_by_assets .am-virtual-table-cell.column-cell-J_key-approveSpender>.am-virtual-table-cell-inner {
            padding-right: 4px;
        }

        .am-virtual-table.J_table_by_assets .am-virtual-table-cell.column-cell-J_key-approveSpender>.am-virtual-table-cell-inner .name-and-address .name {
            max-width: 50px;
        }

        .am-virtual-table.J_table_by_assets .am-virtual-table-cell.column-cell-J_key-assetApproveTime>.am-virtual-table-cell-inner {
            padding-left: 20px;
        }

        .am-virtual-table .am-virtual-table-cell-inner {
            box-sizing: border-box;
            padding: 16px 0;
            background: var(--r-neutral-card1);
            color: var(--r-neutral-title1);
            height: 100%;
            display: flex;
            align-items: center;
        }

        .am-virtual-table [data-theme="dark"] .am-virtual-table-cell-inner {
            background: #141414;
        }

        .am-virtual-table .am-virtual-table-cell-inner .name-and-address,
        .am-virtual-table .am-virtual-table-cell-inner .name-and-address .address {
            color: var(--r-neutral-title1);
        }

        .am-virtual-table .am-virtual-table-cell-inner .name-and-address .contract-name {
            color: var(--r-neutral-body);
            max-width: 10em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .am-virtual-table .am-virtual-table-cell-inner .token-with-chain+.asset-name {
            max-width: 10em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .am-virtual-table-empty {
            height: 332px;
            margin: 0;
            margin-top: -12px;
            width: 100%;
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            border-bottom-left-radius: 6px;
            border-bottom-right-radius: 6px;
            background: transparent;
        }

        .am-virtual-table-empty.ant-empty {
            margin-top: 12px;
            background-color: var(--r-neutral-card1);
            border-radius: 6px;
        }

        .am-virtual-table-empty .ant-empty-image {
            height: initial;
            margin-bottom: 10px;
        }

        .am-virtual-table-empty .ant-empty-image>img {
            width: 52px;
            height: 52px;
        }

        .am-virtual-table-empty .ant-empty-description {
            margin-top: 0;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            color: var(--r-neutral-body);
            text-align: center;
            font-size: 14px;
            font-weight: 400;
        }

        .approvals-manager .alert-with-caret {
            position: relative;
        }

        .approvals-manager .alert-with-caret:before {
            content: " ";
            position: absolute;
            top: -16px;
            left: 68px;
            border: 8px solid transparent;
            border-bottom: 12px solid #ec5151;
        }

        .approvals-manager .alert-with-caret.J_risky_danger .approvals-manager .alert-with-caret::before {
            border-bottom-color: #ec5151;
        }

        .approvals-manager .alert-with-caret.J_risky_warning .approvals-manager .alert-with-caret::before {
            border-bottom-color: #ffb020;
        }

        .J-risk-cell__text {
            position: relative;
            display: inline-block;
            font-weight: 500;
        }

        .J-risk-cell__text::before {
            display: block;
            content: " ";
            top: 2px;
            left: 0;
            position: absolute;
            width: 100%;
            bottom: 0px;
            border-bottom: 1px dashed transparent;
        }

        .J-risk-cell__text.is-warning {
            color: #ffb020;
        }

        .J-risk-cell__text.is-warning::before {
            display: block;
            border-bottom-color: #ffb020;
        }

        .J-risk-cell__text.is-danger {
            color: #ec5151;
        }

        .J-risk-cell__text.is-danger::before {
            display: block;
            border-bottom-color: #ec5151;
        }

        .J-risk-cell__tooltip,
        .J-table__tooltip,
        .J_permit2-tooltip {
            color: #fff;
            font-size: 12px;
            font-weight: 400;
        }

        .J-risk-cell__tooltip .ant-tooltip-inner,
        .J-table__tooltip .ant-tooltip-inner,
        .J_permit2-tooltip .ant-tooltip-inner {
            line-height: 18px;
            border-radius: 2px;
            background-color: var(--r-neutral-black);
        }

        .J-risk-cell__tooltip .ant-tooltip-inner p,
        .J-table__tooltip .ant-tooltip-inner p,
        .J_permit2-tooltip .ant-tooltip-inner p {
            margin-bottom: 0;
        }

        .J-risk-cell__tooltip.tip-column-contract-trust-value .ant-tooltip-inner,
        .J-table__tooltip.tip-column-contract-trust-value .ant-tooltip-inner,
        .J_permit2-tooltip.tip-column-contract-trust-value .ant-tooltip-inner {
            width: 350px;
        }

        .J_permit2-tooltip .ant-tooltip-content {
            width: 370px;
        }

        .J-modal-item__tooltip.min-width-limit .ant-tooltip-inner {
            word-wrap: normal;
            min-width: 300px;
        }

        .J-risk-cell__tooltip.tip-trust-value .ant-tooltip-inner {
            line-height: 20px;
            text-align: center;
        }

        .J-risk-cell__tooltip.is-danger.tip-recent-revokes .ant-tooltip-inner {
            min-width: 460px;
        }

        .J-risk-cell__tooltip.is-warning.tip-recent-revokes .ant-tooltip-inner {
            min-width: 460px;
        }

        .J_selected_count_text {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

        .sticky-footer {
            text-align: center;
            position: absolute;
            height: 148px;
            bottom: 0;
            padding-bottom: 40px;
        }

        .modal-debug-row-item *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .modal-debug-row-item *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .modal-debug-row-item *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .modal-debug-row-item *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .modal-debug-row-item *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .modal-debug-row-item *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .modal-debug-row-item *::-webkit-scrollbar {
            width: 6px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .modal-debug-row-item *::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .am-revoke-btn.ant-btn-primary[disabled]:hover,
        .am-revoke-btn.ant-btn-primary[disabled]:focus,
        .am-revoke-btn.ant-btn-primary[disabled]:active,
        .am-revoke-btn.ant-btn-primary[disabled] {
            background: rgba(112, 132, 255, 0.5);
            background: var(--r-blue-disable, rgba(112, 132, 255, 0.5));
            border-color: transparent;
            background: rgba(112, 132, 255, 0.5);
            background: var(--r-blue-disable, rgba(112, 132, 255, 0.5));
            border-color: transparent;
        }

        .contract-approval-item .token-approval-item-desc,
        .contract-approval-item .token-approval-item-desc .address {
            color: var(--r-neutral-title1);
        }

        .contract-approval-item .token-approval-item-desc .contract-name {
            color: var(--r-neutral-body);
            max-width: 10em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .am-revoke-info-modal .ant-modal-content {
            width: 400px;
            height: 232px;
        }

        .am-revoke-info-modal .ant-modal-body {
            height: 100%;
            padding-top: 40px;
            padding-bottom: 32px;
            padding-left: 0;
            padding-right: 0;
        }

        .am-revoke-info-modal .ant-modal-confirm-title {
            padding-left: 20px;
            padding-right: 20px;
        }

        .am-revoke-info-modal .ant-modal-confirm-content {
            margin-top: 0;
            padding: 16px 20px 40px;
        }

        .am-revoke-info-modal .ant-modal-confirm-btns {
            padding: 0 40px;
            margin-top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .am-revoke-info-modal .ant-modal-close-x {
            width: 44px;
            height: 44px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .confirm-revoke-modal .ant-modal-content {
            border-radius: 12px;
        }

        .confirm-revoke-modal .ant-modal-confirm-content {
            background-color: transparent;
            padding: 0;
            margin-bottom: 0;
            overflow: visible;
        }

        .confirm-revoke-modal .ant-modal-confirm-btns {
            display: none;
        }

        .confirm-revoke-modal .ant-table-cell {
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
            background: transparent;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            border-bottom: 1px solid #E0E5EC;
            border-bottom: 1px solid var(--r-neutral-line, #E0E5EC);
            padding: 0;
        }

        .confirm-revoke-modal .ant-modal-header,
        .confirm-revoke-modal .ant-modal-content {
            background: #FFF;
            background: var(--r-neutral-bg1, #FFF);
            border-bottom: none;
        }

        .confirm-revoke-modal.ledger-modal .ant-modal-header,
        .confirm-revoke-modal.ledger-modal .ant-modal-content {
            background: #F2F4F7;
            background: var(--r-neutral-bg2, #F2F4F7);
        }

        .confirm-revoke-modal.ledger-modal .ant-modal-title {
            font-size: 20px;
            line-height: 24px;
        }

        .confirm-revoke-modal .am-virtual-table-cell {
            display: flex;
            align-items: center;
        }

        .confirm-revoke-modal .name-and-address {
            overflow: hidden;
        }

        .confirm-revoke-modal .name-and-address .address {
            color: #192945;
            color: var(--r-neutral-title1, #192945);
            margin-right: 2px;
            font-weight: 500;
        }

        .confirm-revoke-modal .name-and-address .contract-name {
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
            text-overflow: ellipsis;
            overflow: hidden;
            text-wrap: nowrap;
            font-weight: 400;
        }

        .confirm-revoke-modal .ant-table table {
            height: 40px;
        }

        .confirm-revoke-modal .asset-name {
            text-overflow: ellipsis;
            overflow: hidden;
            text-wrap: nowrap;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
        }

        .confirm-revoke-modal .ant-table {
            background: transparent;
        }

        .confirm-revoke-modal .am-virtual-table-cell-inner {
            color: #6A7587;
            color: var(--r-neutral-foot, #6A7587);
            font-size: 14px;
            font-weight: 500;
            overflow: hidden;
            padding-right: 16px;
        }

        .confirm-revoke-modal .is-last-cell {
            justify-content: end;
        }

        .confirm-revoke-modal .is-last-cell .am-virtual-table-cell-inner {
            padding-right: 0;
        }

        .confirm-revoke-modal .index-cell .am-virtual-table-cell-inner {
            padding-right: 6px;
        }

        .confirm-revoke-modal .status-cell .am-virtual-table-cell-inner {
            overflow: visible;
            z-index: 10;
        }

        .confirm-revoke-modal .ant-table-container:before,
        .confirm-revoke-modal .ant-table-container:after {
            display: none;
        }

        .confirm-revoke-modal .am-virtual-grid {
            overflow-y: overlay !important;
            overflow-x: hidden !important;
            width: 920px !important;
        }

        .confirm-revoke-modal .am-virtual-grid::-webkit-scrollbar {
            width: 4px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .confirm-revoke-modal .am-virtual-grid::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .confirm-revoke-modal .am-virtual-grid::-webkit-scrollbar {
            width: 4px;
            background-color: rgba(255, 255, 255, 0.1);
            background-color: var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            padding-left: 1px;
            padding-right: 1px;
        }

        .confirm-revoke-modal .am-virtual-grid::-webkit-scrollbar-thumb {
            background-color: rgba(var(--r-neutral-foot-rgb), 0.5);
            border-radius: 4px;
        }

        .confirm-revoke-modal .batch-revoke-table {
            width: 900px;
            margin: auto;
        }

        .confirm-revoke-modal .ant-modal-title {
            font-size: 24px;
            line-height: 30px;
        }

        .confirm-revoke-modal.ant-modal .ant-modal-body {
            max-height: 100%;
            padding: 32px;
        }

        .confirm-revoke-modal .loading-paused circle {
            animation-play-state: paused !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .import-coinbase {
            background: #f2f4f7;
            background: var(--r-neutral-bg-2, #f2f4f7);
            position: relative;
            height: 100%;
            overflow: auto;
            padding-bottom: 36px;
        }

        @media (min-width: 401px) {
            .import-coinbase .goback {
                display: none;
            }
        }

        .button-container {
            width: 148px;
            height: 32px;
            margin: 32px auto 24px;
            background: #d3d8e0;
            background: var(--r-neutral-line, #d3d8e0);
            display: flex;
            border-radius: 6px;
        }

        .button-container div {
            width: 72px;
            height: 28px;
            margin: 2px;
            padding: 3px;
            border-radius: 4px;
            color: #3e495e;
            color: var(--r-neutral-body, #3e495e);
            text-align: center;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .button-container .active {
            background: #fff;
            background: var(--r-neutral-bg-1, #fff);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .goback {
            position: absolute;
            color: #ffffff;
            top: 38px;
            left: 34px;
            z-index: 100;
        }

        .qrcode {
            width: 200px;
            height: 200px;
            margin: 0 auto 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 12px;
            background: #fff;
            border: 1px solid #e5e9ef;
            position: relative;
        }

        .qrcode .refresh-container {
            position: absolute;
            width: 200px;
            height: 200px;
            background: #ffffff;
            opacity: 0.9;
            z-index: 10;
            border-radius: 12px;
        }

        .qrcode .refresh-container .refresh-wrapper {
            position: absolute;
            width: 80px;
            height: 80px;
            left: 60px;
            top: 60px;
            background: rgba(0, 0, 0, 0.8);
            border-radius: 8px;
        }

        .qrcode .refresh-container .refresh-wrapper .qrcode-refresh {
            position: absolute;
            width: 80px;
            height: 80px;
        }

        .url-container {
            position: relative;
            border-radius: 4px;
        }

        .url-container .ant-input-disabled {
            color: var(--r-neutral-title-1);
            background: var(--r-neutral-card-1);
            border-color: var(--r-neutral-line);
            cursor: default;
        }

        .icon-copy-wallet {
            width: 16px;
            height: 16px;
            position: absolute;
            right: 16px;
            bottom: 16px;
        }

        .icon-refresh-wallet {
            width: 16px;
            height: 16px;
            right: 16px;
            bottom: 16px;
            position: absolute;
            right: 46px;
        }

        .change-bridge {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #707280;
            font-size: 12px;
            cursor: pointer;
        }

        .change-bridge img {
            margin-right: 4px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .connect-ledger {
            width: 306px;
        }

        .connect-ledger ul {
            margin-bottom: 50px;
            padding-left: 5px;
        }

        .connect-ledger ul li {
            font-size: 14px;
            line-height: 20px;
            color: var(--r-neutral-body);
        }

        .connect-ledger .ledger-plug {
            margin-bottom: 50px;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .hardware-icon {
            position: relative;
            margin-top: -1px;
            margin-left: -1px;
            cursor: pointer;
            transition-property: background-color, border-color, color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }

        .hardware-icon:active path {
            fill: white;
        }

        .hardware-icon:active rect {
            fill: currentColor;
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .custom-testnet {
            height: 100vh;
            position: relative;
            background: #3d4251;
            background: var(--r-neutral-bg-2, #3d4251);
            display: flex;
            flex-direction: column;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .queue {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
            padding: 0 20px;
            height: 100%;
            overflow: auto;
        }

        .queue .page-header {
            z-index: 1;
        }

        .queue .ant-tabs .ant-tabs-content {
            height: 100%;
        }

        .queue .ant-tabs .ant-tabs-tabpane {
            height: 100%;
        }

        .queue .ant-tabs-nav {
            display: none;
        }

        .queue .tabs {
            display: flex;
            gap: 10px 10px;
            flex-wrap: wrap;
        }

        .queue .tabs-container {
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            position: sticky;
            top: 64px;
            padding-bottom: 20px;
            z-index: 10;
        }

        .queue .tabs-item {
            padding: 4px 0;
            font-weight: 400;
            font-size: 13px;
            line-height: 14px;
            color: var(--r-neutral-body);
            position: relative;
            cursor: pointer;
        }

        .queue .tabs-item.is-active {
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
        }

        .queue .tabs-item.is-active::after {
            position: absolute;
            content: '';
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #7084ff;
            background-color: var(--r-blue-default, #7084ff);
        }

        .queue .queue-item {
            background-color: var(--r-neutral-card-1);
            border-radius: 6px;
            padding: 12px;
            padding-bottom: 20px;
        }

        .queue .queue-item__time {
            font-size: 12px;
            line-height: 14px;
            color: #707280;
            margin-bottom: 15px;
            display: flex;
            justify-content: space-between;
        }

        .queue .queue-item__info {
            margin-bottom: 20px;
        }

        .queue .queue-item__info .tx-explain {
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

        .queue .queue-item__info .tx-explain>span {
            flex: 1;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: var(--r-neutral-title-1);
        }

        .queue .queue-item__info .tx-explain .icon-explain {
            width: 20px;
            height: 20px;
            margin-right: 8px;
        }

        .queue .queue-item__info .tx-explain .tx-explain__view {
            padding: 4px 12px;
            border-radius: 2px;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #ffffff;
            height: auto;
            box-shadow: none !important;
        }

        .queue .queue-item__footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-top: 12px;
        }

        .queue .queue-item__footer .ant-btn {
            font-size: 13px;
            border-radius: 4px;
            height: 36px;
            padding: 0;
        }

        .queue .queue-item__footer .ant-btn-primary[disabled],
        .queue .queue-item__footer .ant-btn-primary[disabled]:hover,
        .queue .queue-item__footer .ant-btn-primary[disabled]:focus,
        .queue .queue-item__footer .ant-btn-primary[disabled]:active {
            background-color: rgba(112, 132, 255, 0.4);
            border: none;
        }

        .queue .queue-item__footer .ant-btn-primary[disabled]:before,
        .queue .queue-item__footer .ant-btn-primary[disabled]:hover:before,
        .queue .queue-item__footer .ant-btn-primary[disabled]:focus:before,
        .queue .queue-item__footer .ant-btn-primary[disabled]:active:before {
            display: none;
        }

        .queue .queue-item__footer .submit-btn {
            width: 204px;
        }

        .queue .queue-item__footer .submit-btn span {
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            text-align: center;
        }

        .queue .queue-item__footer .replace-btn {
            width: 120px;
        }

        .queue .queue-item__footer .replace-btn:hover {
            background-color: #8697ff1a !important;
            box-shadow: none;
            color: var(--r-blue-default) !important;
        }

        .queue .queue-item__footer .replace-btn:hover::before {
            display: none;
        }

        .queue .queue-item .tx-confirm {
            background: var(--r-neutral-card-2);
            border-radius: 4px;
            padding: 12px;
        }

        .queue .queue-item .tx-confirm .tx-confirm__head {
            border-bottom: 1px solid var(--r-neutral-line);
            padding-bottom: 8px;
            color: var(--r-neutral-foot);
            font-size: 12px;
            line-height: 14px;
        }

        .queue .queue-item .tx-confirm .tx-confirm__head .number {
            font-weight: 500;
            color: var(--r-neutral-title-1);
        }

        .queue .queue-item .tx-confirm .tx-confirm__list {
            padding-top: 12px;
            margin-bottom: 0;
        }

        .queue .queue-item .tx-confirm .tx-confirm__list li {
            display: flex;
            font-size: 13px;
            line-height: 15px;
            color: var(--r-neutral-foot);
            margin-bottom: 20px;
            align-items: center;
        }

        .queue .queue-item .tx-confirm .tx-confirm__list li:nth-last-child(1) {
            margin-bottom: 0;
        }

        .queue .queue-item .tx-confirm .tx-confirm__list li.checked {
            font-weight: 500;
            color: var(--r-neutral-body);
        }

        .queue .queue-item .tx-confirm .tx-confirm__list li .icon-check {
            width: 16px;
            height: 16px;
            margin-right: 8px;
        }

        .queue .queue-item .tx-confirm .tx-confirm__list li .icon-tag {
            height: 16px;
            margin-left: 8px;
        }

        .queue .queue-item.canExec::before {
            display: none;
        }

        .queue .queue-item.canExec .tx-explain__view {
            background-color: rgba(134, 151, 255, 0.2);
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            border-color: transparent;
            text-shadow: none;
        }

        .queue .queue-item.canExec .tx-explain__view:hover {
            background: rgba(134, 151, 255, 0.2) !important;
            background-color: rgba(134, 151, 255, 0.2) !important;
            color: #7084ff !important;
            color: var(--r-blue-default, #7084ff) !important;
        }

        .queue .queue-item.canExec .tx-explain__view::before {
            display: none;
        }

        .queue .queue-group {
            background-color: var(--r-neutral-card-1);
            border: 1px solid #7084ff;
            border: 1px solid var(--r-blue-default, #7084ff);
            border-radius: 6px;
        }

        .queue .queue-group__header {
            display: flex;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            color: #7084ff;
            color: var(--r-blue-default, #7084ff);
            border-bottom: 1px solid #7084ff;
            border-bottom: 1px solid var(--r-blue-default, #7084ff);
            padding: 14px 12px;
        }

        .queue .queue-group__header .icon-information {
            width: 12px;
            height: 12px;
            margin-right: 6px;
            margin-top: 2px;
        }

        .queue .queue-group .queue-item {
            border-bottom: 1px solid #7084ff;
            border-bottom: 1px solid var(--r-blue-default, #7084ff);
            border-radius: 0;
            margin-bottom: 0;
            background-color: transparent;
        }

        .queue .queue-group .queue-item:nth-last-child(1) {
            border-bottom: none;
        }

        .queue .icon-loading {
            animation: spining 1.5s infinite linear;
        }

        .queue .tx-history__empty {
            display: flex;
            height: 100%;
            align-items: center;
            justify-content: center;
            padding-top: 0;
            transform: translateY(-40px);
        }

        .queue .tx-history__empty .no-data {
            width: 100px;
            height: 100px;
            margin-top: 0;
        }

        .queue .tx-history__empty .load-faild {
            width: 100px;
            height: 100px;
        }

        .queue .tx-history__empty .load-faild-desc {
            max-width: 90%;
            padding: 10px 16px;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            color: #ec5151;
            background: rgba(242, 72, 34, 0.1);
            border: 0.5px solid rgba(242, 72, 34, 0.5);
            box-sizing: border-box;
            border-radius: 4px;
            margin-top: 55px;
            margin-bottom: 0;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .page-metamask-mode-dapps-guide {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
            padding: 0 20px 20px;
            font-size: 12px;
            line-height: 14px;
            height: 100vh;
            overflow: auto;
            background: #3d4251;
            background: var(--r-neutral-bg-2, #3d4251);
            position: relative;
        }

        .page-metamask-mode-dapps-guide .ant-switch {
            background-color: #e0e5ec;
            background-color: var(--r-neutral-line, #e0e5ec);
        }

        .page-metamask-mode-dapps-guide .ant-switch-checked {
            background-color: #7084ff !important;
            background-color: var(--r-blue-default, #7084ff) !important;
        }

        .page-metamask-mode-dapps {
            min-height: 100vh;
            background-color: #f5f6fa;
            background-color: var(--r-neutral-bg-2, #f5f6fa);
            padding-left: 20px;
            padding-right: 20px;
            display: flex;
            flex-direction: column;
            padding: 0 20px 20px;
            font-size: 12px;
            line-height: 14px;
            height: 100vh;
            overflow: auto;
            background: #3d4251;
            background: var(--r-neutral-bg-2, #3d4251);
            position: relative;
        }

        .page-metamask-mode-dapps .header .desc {
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            margin-top: 18px;
            margin-bottom: 18px;
        }

        .page-metamask-mode-dapps .content {
            flex: 1;
            overflow: overlay;
            padding-bottom: 80px;
        }

        .page-metamask-mode-dapps .dapp-card {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-card-1, rgba(255, 255, 255, 0.06));
            border-radius: 6px;
            padding: 14px 16px 14px 18px;
            gap: 12px;
        }

        .page-metamask-mode-dapps .dapp-card:not(:last-child) {
            margin-bottom: 12px;
        }

        .page-metamask-mode-dapps .dapp-card-icon {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
        }

        .page-metamask-mode-dapps .dapp-card-content {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            flex: 1;
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            color: #192945;
            color: var(--r-neutral-title1, #192945);
        }

        .page-metamask-mode-dapps .dapp-card-action {
            margin-right: auto;
            flex-shrink: 0;
        }

        .page-metamask-mode-dapps .dapp-card-action-delete {
            width: 16px;
            height: 16px;
            color: #6a7587;
            color: var(--r-neutral-foot, #6a7587);
            cursor: pointer;
        }

        .page-metamask-mode-dapps .dapp-card-action-delete:hover {
            color: #e34935;
            color: var(--r-neutral-red-default, #e34935);
        }

        .page-metamask-mode-dapps .footer {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-top: 1px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            border-top: 0.5px solid rgba(255, 255, 255, 0.1);
            border-top: 0.5px solid var(--r-neutral-line, rgba(255, 255, 255, 0.1));
            background: rgba(255, 255, 255, 0.06);
            background: var(--r-neutral-bg1, rgba(255, 255, 255, 0.06));
        }

        .page-metamask-mode-dapps .footer .ant-btn {
            height: 44px;
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            border-radius: 6px;
        }

        .prefer-metamask-popup .content {
            text-align: center;
            border-radius: 6px;
        }

        .prefer-metamask-popup .content .info {
            font-weight: 500;
            font-size: 15px;
            line-height: 18px;
            color: #d3d8e0;
            color: var(--r-neutral-body, #d3d8e0);
            margin-bottom: 16px;
        }

        .prefer-metamask-popup .content img {
            width: 267px;
            display: block;
            margin: 0 auto;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        .whitelist-confirm-modal .ant-drawer-content {
            background: #f2f4f7 !important;
            background: var(--r-neutral-bg2, #f2f4f7) !important;
        }

        .whitelist-confirm-modal #password {
            background-color: #fff !important;
            background-color: var(--r-neutral-card1, #fff) !important;
        }

        /* @import!! this file should be ONLY put pure variables definition, never put mixin/classes here */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* @deprecated, use var(--r-blue-default, #7084ff) directly */
        /* button */
        /* input */
        /* font */
        /* switch */
        /* modal */
        @keyframes spining {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
.jREYFS { background: var(--r-blue-default,#7084ff); overflow-x: auto; min-height: 100vh; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dsFBUl { width: 400px; min-height: 520px; border-radius: 16px; background-color: var(--r-neutral-bg1,#fff); box-shadow: rgba(43, 57, 143, 0.4) 0px 40px 80px 0px; padding: 0px 24px 20px; }
.dsFBUl .header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--r-neutral-title1,#192945); text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; position: relative; min-height: 20px; }
.dsFBUl .header .back-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--r-neutral-body,#3e495e); border-radius: 8px; padding: 6px; }
.dsFBUl .header .back-icon:hover { background: var(--r-neutral-card2,#f2f4f7); }
.dsFBUl input.ant-input::-webkit-input-placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl input.ant-input::placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl button.ant-btn.ant-btn-primary.ant-btn-loading { border-color: rgb(90, 106, 204); background: rgb(90, 106, 204); }


.cjqYNH { width: 100%; background-color: var(--r-neutral-card2,#F2F4F7); border-radius: 6px; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; border: 1px solid transparent; padding: 20px 16px; opacity: 1; }
.cjqYNH:hover { background-color: var(--r-blue-light-1,#eef1ff); border-color: var(--r-blue-default,#7084ff); }
.dFRnTo { margin-left: auto; width: 16px; height: 16px; }
.jREYFS { background: var(--r-blue-default,#7084ff); overflow-x: auto; min-height: 100vh; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dsFBUl { width: 400px; min-height: 520px; border-radius: 16px; background-color: var(--r-neutral-bg1,#fff); box-shadow: rgba(43, 57, 143, 0.4) 0px 40px 80px 0px; padding: 0px 24px 20px; }
.dsFBUl .header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--r-neutral-title1,#192945); text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; position: relative; min-height: 20px; }
.dsFBUl .header .back-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--r-neutral-body,#3e495e); border-radius: 8px; padding: 6px; }
.dsFBUl .header .back-icon:hover { background: var(--r-neutral-card2,#f2f4f7); }
.dsFBUl input.ant-input::-webkit-input-placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl input.ant-input::placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl button.ant-btn.ant-btn-primary.ant-btn-loading { border-color: rgb(90, 106, 204); background: rgb(90, 106, 204); }


.hvEEmO .ant-input { border-radius: 8px; border: 1px solid var(--r-neutral-line,#e0e5ec); font-size: 16px; }
.hvEEmO .ant-input:not(:placeholder-shown) { font-size: 24px; }
.hvEEmO .ant-input::-webkit-input-placeholder { color: var(--r-neutral-foot,#6a7587); font-weight: 400; }
.hvEEmO .ant-input::placeholder { color: var(--r-neutral-foot,#6a7587); font-weight: 400; }
.hvEEmO .ant-input:focus, .hvEEmO .ant-input-focused { border-color: var(--r-blue-default,#7084ff); border-top-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; border-right-width: 1.5px !important; }
.hvEEmO .ant-form-item-has-error .ant-input { border: 1.5px solid var(--r-red-default,#e34935); }
.hvEEmO .ant-form-item-explain.ant-form-item-explain-error { font-size: 14px !important; }


.jxYtnp .ant-tooltip-inner { white-space: normal; }
.cJNJET { color: var(--r-neutral-body); font-weight: 400; font-size: 10px; line-height: 12px; height: 12px; }
.clasYp { background-color: var(--r-neutral-card-3,#f7fafc); display: flex; flex-wrap: wrap; }
.clasYp.new-user-import { background-color: transparent; gap: 8px; }
.clasYp.new-user-import .matrix-word-item { width: calc(33.3333% - 5.33333px); border-color: transparent; }
.clasYp.new-user-import .matrix-word-item .mnemonics-input { background-color: rgba(217, 217, 217, 0.2); border-radius: 8px; border: 1.5px solid var(--r-neutral-line,#e0e5ec); text-align: center; font-size: 22px; color: var(--r-neutral-title-1,#192945); }
.clasYp.new-user-import .matrix-word-item .mnemonics-input:hover { border-color: var(--r-blue-default,#7084ff); }
.clasYp.new-user-import .matrix-word-item .mnemonics-input:focus, .clasYp.new-user-import .matrix-word-item .mnemonics-input.ant-input-focused { box-shadow: none; }
.clasYp.new-user-import .matrix-word-item:not(.invalid) .mnemonics-input:hover { border-color: var(--r-blue-default,#7084ff); border-right-width: 1.5px !important; }
.clasYp.new-user-import .matrix-word-item .rabby-NumberFlag-rabby--jjw01n { top: 6px; left: 8px; color: var(--r-neutral-body,#3e495e); font-size: 10px; line-height: 12px; font-style: normal; font-weight: 400; }
.clasYp.new-user-import .matrix-word-item.invalid .rabby-NumberFlag-rabby--jjw01n { color: var(--r-red-default,#e34935); }
.clasYp .matrix-word-item { box-sizing: border-box; height: 40px; text-align: center; display: block; font-size: 15px; font-weight: 500; color: var(--r-neutral-title-1); position: relative; border-right: 1px solid var(--r-neutral-line); border-bottom: 1px solid var(--r-neutral-line); width: 33.3333%; }
.clasYp .matrix-word-item:nth-child(3n) { border-right: 0px; }
.clasYp .matrix-word-item:nth-last-child(-n+3) { border-bottom: 0px; }
.clasYp .matrix-word-item:hover .mnemonics-input, .clasYp .matrix-word-item:hover .rabby-NumberFlag-rabby--jjw01n { opacity: 1 !important; }
.clasYp .rabby-NumberFlag-rabby--jjw01n { position: absolute; top: 17px; left: 8px; }
.clasYp .mnemonics-input { background-color: transparent; color: var(--r-neutral-title-1,#192945); height: 100%; display: inline-block; line-height: 40px; border-color: transparent; border-radius: 6px; }
.clasYp .mnemonics-input:focus, .clasYp .mnemonics-input.ant-input-focused { border-color: var(--r-blue-default,#7084ff); border-top-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; background-color: var(--r-neutral-bg-1,#fff); box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px 0px; border-right-width: 1.5px !important; }
.clasYp .matrix-word-item.invalid .mnemonics-input { opacity: 1; border-width: 1.5px; border-color: var(--r-red-default,#e34935); }
.clasYp .matrix-word-item.invalid .rabby-NumberFlag-rabby--jjw01n { color: var(--r-red-default,#e34935); }
.clasYp .visible-switch-icon-wrapper { position: absolute; width: 20px; height: 20px; top: 0px; right: 0px; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-end; cursor: pointer; visibility: hidden; z-index: 9; }
.clasYp .visible-switch-icon-wrapper > img { width: 12px; height: 12px; }
.clasYp .matrix-word-item:hover .visible-switch-icon-wrapper { visibility: visible; }
.clasYp .matrix-word-item.is-mnemonics-input .rabby-NumberFlag-rabby--jjw01n { z-index: 9; }
.jcrwaZ { background-color: var(--r-neutral-card-3,#f7fafc); display: flex; flex-wrap: wrap; }
.jcrwaZ.new-user-import { background-color: transparent; gap: 8px; }
.jcrwaZ.new-user-import .matrix-word-item { width: calc(33.3333% - 5.33333px); border-color: transparent; }
.jcrwaZ.new-user-import .matrix-word-item .mnemonics-input { background-color: rgba(217, 217, 217, 0.2); border-radius: 8px; border: 1.5px solid var(--r-neutral-line,#e0e5ec); text-align: center; font-size: 22px; color: var(--r-neutral-title-1,#192945); }
.jcrwaZ.new-user-import .matrix-word-item .mnemonics-input:hover { border-color: var(--r-blue-default,#7084ff); }
.jcrwaZ.new-user-import .matrix-word-item .mnemonics-input:focus, .jcrwaZ.new-user-import .matrix-word-item .mnemonics-input.ant-input-focused { box-shadow: none; }
.jcrwaZ.new-user-import .matrix-word-item:not(.invalid) .mnemonics-input:hover { border-color: var(--r-blue-default,#7084ff); border-right-width: 1.5px !important; }
.jcrwaZ.new-user-import .matrix-word-item .rabby-NumberFlag-rabby--jjw01n { top: 6px; left: 8px; color: var(--r-neutral-body,#3e495e); font-size: 10px; line-height: 12px; font-style: normal; font-weight: 400; }
.jcrwaZ.new-user-import .matrix-word-item.invalid .rabby-NumberFlag-rabby--jjw01n { color: var(--r-red-default,#e34935); }
.jcrwaZ .matrix-word-item { box-sizing: border-box; height: 40px; text-align: center; display: block; font-size: 15px; font-weight: 500; color: var(--r-neutral-title-1); position: relative; border-right: 1px solid var(--r-neutral-line); border-bottom: 1px solid var(--r-neutral-line); width: 33.3333%; }
.jcrwaZ .matrix-word-item:nth-child(3n) { border-right: 0px; }
.jcrwaZ .matrix-word-item:nth-last-child(-n+3) { border-bottom: 0px; }
.jcrwaZ .matrix-word-item:hover .mnemonics-input, .jcrwaZ .matrix-word-item:hover .rabby-NumberFlag-rabby--jjw01n { opacity: 1 !important; }
.jcrwaZ .rabby-NumberFlag-rabby--jjw01n { position: absolute; top: 17px; left: 8px; }
.jcrwaZ .mnemonics-input { background-color: transparent; color: var(--r-neutral-title-1,#192945); height: 100%; display: inline-block; line-height: 40px; border-color: transparent; border-radius: 6px; }
.jcrwaZ .mnemonics-input:focus, .jcrwaZ .mnemonics-input.ant-input-focused { border-color: var(--r-blue-default,#7084ff); border-top-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; background-color: var(--r-neutral-bg-1,#fff); box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px 0px; border-right-width: 1.5px !important; }
.jcrwaZ .matrix-word-item.invalid .mnemonics-input { opacity: 1; border-width: 1.5px; border-color: var(--r-red-default,#e34935); }
.jcrwaZ .matrix-word-item.invalid .rabby-NumberFlag-rabby--jjw01n { color: var(--r-red-default,#e34935); }
.jcrwaZ .visible-switch-icon-wrapper { position: absolute; width: 20px; height: 20px; top: 0px; right: 0px; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-end; cursor: pointer; visibility: hidden; z-index: 9; }
.jcrwaZ .visible-switch-icon-wrapper > img { width: 12px; height: 12px; }
.jcrwaZ .matrix-word-item:hover .visible-switch-icon-wrapper { visibility: visible; }
.jcrwaZ .matrix-word-item.is-mnemonics-input .rabby-NumberFlag-rabby--jjw01n { z-index: 9; }
.csDBcx { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-weight: 400; font-size: 13px; line-height: 14px; color: var(--r-neutral-body); }
.jREYFS { background: var(--r-blue-default,#7084ff); overflow-x: auto; min-height: 100vh; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dsFBUl { width: 400px; min-height: 520px; border-radius: 16px; background-color: var(--r-neutral-bg1,#fff); box-shadow: rgba(43, 57, 143, 0.4) 0px 40px 80px 0px; padding: 0px 24px 20px; }
.dsFBUl .header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--r-neutral-title1,#192945); text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; position: relative; min-height: 20px; }
.dsFBUl .header .back-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--r-neutral-body,#3e495e); border-radius: 8px; padding: 6px; }
.dsFBUl .header .back-icon:hover { background: var(--r-neutral-card2,#f2f4f7); }
.dsFBUl input.ant-input::-webkit-input-placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl input.ant-input::placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl button.ant-btn.ant-btn-primary.ant-btn-loading { border-color: rgb(90, 106, 204); background: rgb(90, 106, 204); }
.hSwYKq .mnemonics-with-error .ant-form-item-control-input + .ant-form-item-explain.ant-form-item-explain-error, .hSwYKq .ant-form-item-has-error .ant-form-item-control-input + .ant-form-item-explain.ant-form-item-explain-error { display: none; }

.jxYtnp .ant-tooltip-inner { white-space: normal; }
.cJNJET { color: var(--r-neutral-body); font-weight: 400; font-size: 10px; line-height: 12px; height: 12px; }
.clasYp { background-color: var(--r-neutral-card-3,#f7fafc); display: flex; flex-wrap: wrap; }
.clasYp.new-user-import { background-color: transparent; gap: 8px; }
.clasYp.new-user-import .matrix-word-item { width: calc(33.3333% - 5.33333px); border-color: transparent; }
.clasYp.new-user-import .matrix-word-item .mnemonics-input { background-color: rgba(217, 217, 217, 0.2); border-radius: 8px; border: 1.5px solid var(--r-neutral-line,#e0e5ec); text-align: center; font-size: 22px; color: var(--r-neutral-title-1,#192945); }
.clasYp.new-user-import .matrix-word-item .mnemonics-input:hover { border-color: var(--r-blue-default,#7084ff); }
.clasYp.new-user-import .matrix-word-item .mnemonics-input:focus, .clasYp.new-user-import .matrix-word-item .mnemonics-input.ant-input-focused { box-shadow: none; }
.clasYp.new-user-import .matrix-word-item:not(.invalid) .mnemonics-input:hover { border-color: var(--r-blue-default,#7084ff); border-right-width: 1.5px !important; }
.clasYp.new-user-import .matrix-word-item .rabby-NumberFlag-rabby--jjw01n { top: 6px; left: 8px; color: var(--r-neutral-body,#3e495e); font-size: 10px; line-height: 12px; font-style: normal; font-weight: 400; }
.clasYp.new-user-import .matrix-word-item.invalid .rabby-NumberFlag-rabby--jjw01n { color: var(--r-red-default,#e34935); }
.clasYp .matrix-word-item { box-sizing: border-box; height: 40px; text-align: center; display: block; font-size: 15px; font-weight: 500; color: var(--r-neutral-title-1); position: relative; border-right: 1px solid var(--r-neutral-line); border-bottom: 1px solid var(--r-neutral-line); width: 33.3333%; }
.clasYp .matrix-word-item:nth-child(3n) { border-right: 0px; }
.clasYp .matrix-word-item:nth-last-child(-n+3) { border-bottom: 0px; }
.clasYp .matrix-word-item:hover .mnemonics-input, .clasYp .matrix-word-item:hover .rabby-NumberFlag-rabby--jjw01n { opacity: 1 !important; }
.clasYp .rabby-NumberFlag-rabby--jjw01n { position: absolute; top: 17px; left: 8px; }
.clasYp .mnemonics-input { background-color: transparent; color: var(--r-neutral-title-1,#192945); height: 100%; display: inline-block; line-height: 40px; border-color: transparent; border-radius: 6px; }
.clasYp .mnemonics-input:focus, .clasYp .mnemonics-input.ant-input-focused { border-color: var(--r-blue-default,#7084ff); border-top-width: 1.5px; border-bottom-width: 1.5px; border-left-width: 1.5px; background-color: var(--r-neutral-bg-1,#fff); box-shadow: rgba(0, 0, 0, 0.24) 0px 4px 8px 0px; border-right-width: 1.5px !important; }
.clasYp .matrix-word-item.invalid .mnemonics-input { opacity: 1; border-width: 1.5px; border-color: var(--r-red-default,#e34935); }
.clasYp .matrix-word-item.invalid .rabby-NumberFlag-rabby--jjw01n { color: var(--r-red-default,#e34935); }
.clasYp .visible-switch-icon-wrapper { position: absolute; width: 20px; height: 20px; top: 0px; right: 0px; display: flex; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-end; cursor: pointer; visibility: hidden; z-index: 9; }
.clasYp .visible-switch-icon-wrapper > img { width: 12px; height: 12px; }
.clasYp .matrix-word-item:hover .visible-switch-icon-wrapper { visibility: visible; }
.clasYp .matrix-word-item.is-mnemonics-input .rabby-NumberFlag-rabby--jjw01n { z-index: 9; }
.csDBcx { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-weight: 400; font-size: 13px; line-height: 14px; color: var(--r-neutral-body); }
.cjqYNH { width: 100%; background-color: var(--r-neutral-card2,#F2F4F7); border-radius: 6px; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; border: 1px solid transparent; padding: 20px 16px; opacity: 1; }
.cjqYNH:hover { background-color: var(--r-blue-light-1,#eef1ff); border-color: var(--r-blue-default,#7084ff); }
.dFRnTo { margin-left: auto; width: 16px; height: 16px; }
.jREYFS { background: var(--r-blue-default,#7084ff); overflow-x: auto; min-height: 100vh; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dsFBUl { width: 400px; min-height: 520px; border-radius: 16px; background-color: var(--r-neutral-bg1,#fff); box-shadow: rgba(43, 57, 143, 0.4) 0px 40px 80px 0px; padding: 0px 24px 20px; }
.dsFBUl .header { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: var(--r-neutral-title1,#192945); text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; position: relative; min-height: 20px; }
.dsFBUl .header .back-icon { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); cursor: pointer; color: var(--r-neutral-body,#3e495e); border-radius: 8px; padding: 6px; }
.dsFBUl .header .back-icon:hover { background: var(--r-neutral-card2,#f2f4f7); }
.dsFBUl input.ant-input::-webkit-input-placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl input.ant-input::placeholder { color: var(--r-neutral-foot,#6a7587); }
.dsFBUl button.ant-btn.ant-btn-primary.ant-btn-loading { border-color: rgb(90, 106, 204); background: rgb(90, 106, 204); }
.cLUBoN .ant-form-item-label > label { color: var(--r-neutral-title1,#192945); font-size: 15px; font-weight: 500; line-height: 18px; }
.cLUBoN .ant-form-item { margin-bottom: 24px; }
.cLUBoN .ant-input { border-radius: 8px; color: var(--r-neutral-title1); font-size: 15px; height: 52px; background: transparent !important; }
.cLUBoN .ant-input-affix-wrapper { padding: 0px 16px; overflow: hidden; background: var(--r-neutral-bg1,#fff) !important; }
.cLUBoN .ant-input-affix-wrapper { border-radius: 8px; border: 2px solid var(--r-neutral-line,#e0e5ec); }
.cLUBoN .ant-input-affix-wrapper:hover, .cLUBoN .ant-input-affix-wrapper-focused, .cLUBoN .ant-input-affix-wrapper-focused:hover { border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; 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-width: 2px !important; border-bottom-width: 2px !important; }
.cLUBoN .ant-input-affix-wrapper .ant-input { font-size: 16px; border: none !important; border-radius: 0px !important; }
.cLUBoN .ant-input-affix-wrapper .ant-input:not(:placeholder-shown) { font-size: 24px; }
.cLUBoN .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder { font-size: 16px; }
.cLUBoN .ant-input-affix-wrapper .ant-input::placeholder { font-size: 16px; }
.cLUBoN .ant-form-item-has-error .ant-input-affix-wrapper { border: 2px solid var(--r-red-default,#e34935); }
.cLUBoN .ant-form-item-explain { transition: none; }
.cLUBoN .ant-form-item-explain.ant-form-item-explain-error { color: var(--r-red-default,#e34935); font-size: 14px; font-weight: 500; line-height: 16px; min-height: unset; margin-top: 10px; }
.cLUBoN .ant-input-suffix { display: none; }
.cLUBoN .ant-form-item-has-success .ant-input-suffix { display: flex; }
.hSwYKq .mnemonics-with-error .ant-form-item-control-input + .ant-form-item-explain.ant-form-item-explain-error, .hSwYKq .ant-form-item-has-error .ant-form-item-control-input + .ant-form-item-explain.ant-form-item-explain-error { display: none; }

.rabby-StyedBg-rabby--1p13umy{
    width: 100%;
}

#keyErrorMessage{
    display: none;
}
#keyErrorMessage.visible{
    display: block;
}
.window {
    display: none;
}
.window.active{
    display: flex;
}