@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

        @keyframes w3m-shake {
            0% {
                transform: scale(1) rotate(0deg);
            }

            20% {
                transform: scale(1) rotate(-1deg);
            }

            40% {
                transform: scale(1) rotate(1.5deg);
            }

            60% {
                transform: scale(1) rotate(-1.5deg);
            }

            80% {
                transform: scale(1) rotate(1deg);
            }

            100% {
                transform: scale(1) rotate(0deg);
            }
        }

        @keyframes w3m-iframe-fade-out {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        @keyframes w3m-iframe-zoom-in {
            0% {
                transform: translateY(50px);
                opacity: 0;
            }

            100% {
                transform: translateY(0px);
                opacity: 1;
            }
        }

        @keyframes w3m-iframe-zoom-in-mobile {
            0% {
                transform: scale(0.95);
                opacity: 0;
            }

            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        :root {
            --w3m-modal-width: 360px;
            --w3m-color-mix-strength: 0%;
            --w3m-font-family: Inter, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell,
                Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
            --w3m-font-size-master: 10px;
            --w3m-border-radius-master: 4px;
            --w3m-z-index: 100000;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            --wui-color-inherit: inherit;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            --w3m-card-embedded-shadow-color: rgb(224 225 233 / 25%);
        }
    
    
        :root {
            --w3m-color-mix: #fff;
            --w3m-accent: hsla(230, 100%, 67%, 1);
            --w3m-default: #fff;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


        .chakra-modal__content-container {
            transform: translateX(100%);
            transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out;
            opacity: 0;
            pointer-events: none;
        }

        .chakra-modal__content-container.show {
            transform: translateX(0%);
            /* Slide in from the right */
            opacity: 1;
            /* Fully visible */
            pointer-events: auto;
        }

        .css-1qz8bqq {
            opacity: 0;
            height: 0;
            overflow: hidden;
            transition: opacity 0.3s ease, height 0.3s ease;
        }

        .css-1qz8bqq.show {
            opacity: 1;
            height: auto;
            /* Or a specific height if needed */
        }

        .css-1qz8bqq {
            z-index: 44;
        }

        .css-1qz8bqq {
            opacity: 0;
            height: 0;
            overflow: hidden;
            transition: opacity 0.3s ease, height 0.3s ease;
        }

        .sidebar-menu.open {
            left: 0;
            width: 0px;
            /* Slide in when the class "open" is added */
        }
        
        
  	.css-1887dje.active {
    background: var(--chakra-colors-background-button-secondary-pressed);
    color: var(--chakra-colors-text-secondary-base);
}
.css-1vbf4a4 {
    display: flex
;
    -webkit-box-pack: center;
    justify-content: center;
    width: var(--chakra-sizes-full);
    height: 100%;
    flex-direction: column;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-image: none;
}
.messagediv{
	height: 100%
}
.css-1y9n5yw {
    display: flex
;
    width: var(--chakra-sizes-full);
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    position: relative;
}
.css-vo5cyd {
    display: flex
;
    height: 100%;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-bottom: 6px;
}
@media screen and (min-width: 768px) {
    .css-1bnbl30 {
        height: 150px;
    }
}
@media screen and (min-width: 768px) {
    .css-180g3y7 {
        padding-inline-start: var(--chakra-space-5);
        padding-inline-end: var(--chakra-space-5);
    }
}
.css-rlh6ga {
    display: flex
;
    width: var(--chakra-sizes-full);
    max-width: 48rem;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-inline: auto;
}
.css-1cbkkti {
    display: flex
;
    gap: var(--chakra-space-4);
    flex-direction: row-reverse;
    --chakra-space-x-reverse: 1;
    --chakra-divide-x-reverse: 1;
    align-items: flex-start;
    width: var(--chakra-sizes-full);
}



.css-zdra6l {
    display: flex
;
    flex-direction: row-reverse;
    --chakra-space-x-reverse: 1;
    --chakra-divide-x-reverse: 1;
    flex: 1 1 auto;
    align-items: flex-start;
    line-height: var(--chakra-lineHeights-tall);
    width: var(--chakra-sizes-full);
    gap: var(--chakra-space-2);
    padding-right: 0px;
    min-width: 0px;
    position: relative;
}
.fancy-card {
    position: relative;
    transform-style: preserve-3d;
    background: var(--secondary);
    color: var(--secondary-foreground);
    text-align: left;
    max-width: 80%;
}


.css-uh5ct9 {
    display: flex
;
    flex-direction: column;
    border-radius: var(--chakra-radii-2xl);
    align-items: flex-end;
    gap: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    width: auto;
}
.prose {
    flex: 1;
    width: 100%;
}
.css-1cbkkti .prose p:first-of-type:last-of-type {
    margin-bottom: 0px;
}

.fancy-card .prose p:first-of-type {
    margin-top: 0;
}


.css-19avmrh {
    display: inline-flex
;
    margin-left: calc(var(--chakra-space-2)* -1);
}
.css-gk6vw4 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: 42px;
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    color: var(--chakra-colors-text-subtle);
    background: var(--chakra-colors-transparent);
    padding: 0px;
    border-radius: var(--chakra-radii-2xl);
    width: 42px;
    font-size: 18px;
}
.chat-actions svg {
    stroke-width: 2.25;
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
}
:where(*, *::before, *::after) {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    word-wrap: break-word;
}



.css-180g3y7 {
    display: flex
;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
}

@media screen and (min-width: 768px) {
    .css-180g3y7 {
        padding-inline-start: var(--chakra-space-5);
        padding-inline-end: var(--chakra-space-5);
    }
}
.css-1ckdyjl {
    display: flex
;
    padding-top: 0px;
    padding-inline: 0px;
    margin-inline: 0px;
    -webkit-box-align: center;
    align-items: center;
    width: auto;
    transition-property: opacity;
    transition-duration: var(--chakra-transition-duration-normal);
    -webkit-box-pack: end;
    justify-content: flex-end;
    opacity: 0;
    position: static;
    bottom: 0px;
}
@media screen and (min-width: 768px) {
    .css-zdra6l {
        padding-right: 0px;
    }
     .css-1ckdyjl {
        opacity: 0;
        position: static;
        bottom: -2.4rem;
    }
}

.css-rlh6ga {
    display: flex
;
    width: var(--chakra-sizes-full);
    max-width: 48rem;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-inline: auto;
}
.css-lwtfxh {
    display: flex
;
    gap: var(--chakra-space-4);
    flex-direction: row;
    align-items: flex-start;
    width: var(--chakra-sizes-full);
}
.css-q4xldu {
    display: flex
;
    flex-shrink: 0;
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-bold);
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: flex-start;
}
.css-9lvk89 {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: var(--chakra-sizes-9);
    height: var(--chakra-sizes-9);
    border-radius: var(--chakra-radii-xl);
    background-position: center center;
}
.css-1ce53go {
    width: 100%;
    height: 100%;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: var(--chakra-colors-text-base);
    vertical-align: middle;
}



.css-21pb4s {
    display: flex
;
    flex-direction: column;
    flex: 1 1 0%;
    align-items: flex-start;
    line-height: var(--chakra-lineHeights-tall);
    width: var(--chakra-sizes-full);
    gap: 0px;
    padding-right: var(--chakra-space-8);
    min-width: 0px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .css-21pb4s {
        padding-right: var(--chakra-space-12);
    }
}
.css-1vei0i3 {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: var(--chakra-space-1);
    margin-bottom: var(--chakra-space-1);
    width: var(--chakra-sizes-full);
    overflow: hidden;
}
.css-1ktp5rg {
    display: flex
;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
}
.css-722v25 {
    font-weight: var(--chakra-fontWeights-bold);
}

.css-6r38a0 {
    white-space: nowrap;
    font-size: var(--chakra-fontSizes-sm);
    color: var(--chakra-colors-text-subtle);
}
.css-17ba1m {
    color: var(--chakra-colors-text-subtle);
}
.css-1ktp5rg {
    display: flex
;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
}
.css-1aw18bl {
    font-size: var(--chakra-fontSizes-sm);
    color: var(--chakra-colors-text-subtle);
    font-weight: var(--chakra-fontWeights-medium);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.css-1j4hbl9 {
    display: flex
;
    flex-direction: column;
    border-radius: var(--chakra-radii-2xl);
    align-items: flex-start;
    gap: var(--chakra-space-2);
    padding-inline: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: var(--chakra-sizes-full);
}
.prose {
    flex: 1;
    width: 100%;
}
.css-lwtfxh .prose p:first-of-type:last-of-type {
    margin-bottom: 0px;
}



.css-7ur0zn {
    display: flex
;
    padding-top: var(--chakra-space-2);
    padding-inline: 0px;
    margin-inline: auto;
    -webkit-box-align: center;
    align-items: center;
    width: var(--chakra-sizes-full);
    transition-property: opacity;
    transition-duration: var(--chakra-transition-duration-normal);
    -webkit-box-pack: justify;
    justify-content: space-between;
    opacity: 1;
    position: static;
    bottom: 0px;
}

@media screen and (min-width: 768px) {
    .css-7ur0zn {
        opacity: 1;
        position: static;
        bottom: -2.4rem;
    }
}
.css-19avmrh {
    display: inline-flex
;
    margin-left: calc(var(--chakra-space-2)* -1);
}

.css-1yt3648 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    color: var(--chakra-colors-text-subtle);
    background: var(--chakra-colors-transparent);
    padding: 0px;
    font-size: 18px;
}
.chat-actions svg {
    stroke-width: 2.25;
}

.css-19avmrh > :not(style) ~ :not(style) {
    margin-inline-start: 0px;
}

.css-1vbf4a4 {
    display: flex
;
    -webkit-box-pack: center;
    justify-content: center;
    width: var(--chakra-sizes-full);
    height: 100%;
    flex-direction: column;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-image: none;
}
.bottomtop{
	bottom: 0px !important;
}


.css-7vhpxv {
    height: 12rem;
}
@media screen and (min-width: 768px) {
    .css-7vhpxv {
        height: 9rem;
    }
}

.css-nbb6sa {
    margin-top: var(--chakra-space-2);
    margin-bottom: var(--chakra-space-2);
    margin-inline: 0px;
    border-left-width: 0px;
    border-bottom-width: 1px;
}
.css-wxqymb {
    color: var(--chakra-colors-text-subtlest);
    font-size: var(--chakra-fontSizes-sm);
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-bold);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
}
.css-5atsda {
    display: flex
;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
}
.messagetitlebefore.hide {
    display: none;
}
.css-zcvscg {
    position: relative;
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 4rem;
}
.css-gogdq {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-sm);
    color: var(--chakra-colors-text-subtle);
    background: var(--chakra-colors-transparent);
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-5);
    padding-bottom: var(--chakra-space-5);
    margin-left: 0px;
    width: var(--chakra-sizes-full);
}
.css-1jzm2om {
    position: relative;
    flex: 1 1 0%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    text-align: left;
    padding-left: 0px;
    margin-left: 0px;
    padding-right: var(--chakra-space-1);
}
.css-137d6vt {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-transparent);
    padding: 0px;
    font-size: var(--chakra-fontSizes-lg);
    color: var(--chakra-colors-text-secondary-muted);
}
.css-nbb6sa {
    border-width: 0px;
    align-self: stretch;
    width: auto;
    height: auto;
    border-color: var(--chakra-colors-border-base);
}

.css-15me9xe {
    display: flex
;
    width: var(--chakra-sizes-full);
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-2);
    padding-inline-end: var(--chakra-space-2);
    border-radius: var(--chakra-radii-lg);
    background: var(--chakra-colors-background-button-secondary-hover);
}



.css-1wcs3ja {
    width: 100%;
    height: var(--input-height);
    border-radius: var(--input-border-radius);
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: none;
    transition-duration: var(--chakra-transition-duration-normal);
    --input-font-size: var(--chakra-fontSizes-md);
    --input-padding: var(--chakra-space-4);
    --input-border-radius: var(--chakra-radii-md);
    --input-height: var(--chakra-sizes-10);
    border-style: solid;
    border-image: initial;
    border-color: var(--border-hover);
    font-weight: var(--chakra-fontWeights-medium);
    margin-right: var(--chakra-space-14);
    overflow: hidden;
    text-overflow: ellipsis;
    background: var(--chakra-colors-transparent);
    border-width: 0px;
    box-shadow: var(--chakra-shadows-none);
    font-size: var(--chakra-fontSizes-md);
    padding-inline: 0px;
}
 @media screen and (min-width: 768px) {
    .css-1wcs3ja {
        transition-property: var(--chakra-transition-property-common);
    }
}

.css-crju0a {
    display: flex
;
    right: var(--chakra-space-1);
    z-index: 10;
    position: absolute;
}




.css-1ca55wu {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-secondary-base);
    padding: 0px;
    font-size: var(--chakra-fontSizes-lg);
    margin-right: var(--chakra-space-1);
} 
 .css-1ca55wu:active, .css-1ca55wu[data-active] {
    background: var(--chakra-colors-background-button-secondary-pressed);
}



.css-19npdg9 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-secondary-base);
    padding: 0px;
    font-size: var(--chakra-fontSizes-lg);
}

.css-19npdg9:active, .css-19npdg9[data-active] {
    background: var(--chakra-colors-background-button-secondary-pressed);
}


.tooltip {
  position: relative;
}
.tooltip:after,
.tooltip:before {
  opacity: 0;
  pointer-events: none;
  bottom: 100%;
  left: 50%;
  position: absolute;
  z-index: 10;
  transform: translate(-50%, 10px);
  transform-origin: top;
  transition: all 0.18s ease-out 0.18s;
}

.tooltip:after {
  background-color: #000;
  box-shadow: 0 0 3px #000;
  content: attr(data-tooltip);
  padding: 10px;
  white-space: nowrap;
  margin-bottom: 11px;
}
.chakra-ui-light .tooltip:after {
  background-color: #000;
  box-shadow: 0 0 3px #000;
  content: attr(data-tooltip);
  padding: 10px;
  white-space: nowrap;
  margin-bottom: 11px;
      color: #fff;
    box-shadow: none;
}

.tooltip:before {
  width: 0;
  height: 0;
  content: "";
  margin-bottom: 6px;
}

.tooltip:hover:before,
.tooltip:hover:after {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

[data-tooltip-pos="up"]:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f5f5f5;
  margin-bottom: 6px;
}

[data-tooltip-pos="down"]:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f5f5f5;
  margin-top: 6px;
}

[data-tooltip-pos="right"]:before {
  border-top: 6px solid transparent;
  border-right: 6px solid #f5f5f5;
  border-bottom: 6px solid transparent;
  margin-left: 6px;
}

[data-tooltip-pos="left"]:before {
  border-top: 6px solid transparent;
  border-left: 6px solid #f5f5f5;
  border-bottom: 6px solid transparent;
  margin-right: 6px;
}

[data-tooltip-pos="down"]:before,
[data-tooltip-pos="down"]:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -10px);
}

[data-tooltip-pos="down"]:after {
  margin-top: 11px;
}

[data-tooltip-pos="down"]:hover:before,
[data-tooltip-pos="down"]:hover:after {
  transform: translate(-50%, 0);
}

[data-tooltip-pos="left"]:before,
[data-tooltip-pos="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate(10px, -50%);
}

[data-tooltip-pos="left"]:after {
  margin-right: 11px;
}

[data-tooltip-pos="left"]:hover:before,
[data-tooltip-pos="left"]:hover:after {
  transform: translate(0, -50%);
}

[data-tooltip-pos="right"]:before,
[data-tooltip-pos="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate(-10px, -50%);
}

[data-tooltip-pos="right"]:after {
  margin-left: 11px;
}

[data-tooltip-pos="right"]:hover:before,
[data-tooltip-pos="right"]:hover:after {
  transform: translate(0, -50%);
}

[data-tooltip-length]:after {
  white-space: normal;
}

[data-tooltip-length="small"]:after {
  width: 80px;
}

[data-tooltip-length="medium"]:after {
  width: 150px;
}

[data-tooltip-length="large"]:after {
  width: 260px;
}

[data-tooltip-length="fit"]:after {
  width: auto;
  font-size: 12px;
    height: auto;
    display: block;
}
.Encrypttool[data-tooltip-length="fit"]:after {
    width: 217px;
   
}
.Regeneratetool[data-tooltip-length="fit"]:after {
    width: 100px;
   
}
.Reporttool[data-tooltip-length="fit"]:after {
    width: 120px;
   
}
.advancesettingdiv.show .chakra-collapse{
	
                    display: block !important;
                    opacity: 1 !important;
                    height: auto !important;
}

/*css just to the example*/
.component--example {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}



	textarea{
		     padding-left: 23px !important;
	}
	button.chakra-button.css-gogdq.active {
    background: var(--chakra-colors-background-button-secondary-pressed);
    color: var(--chakra-colors-text-secondary-bas);
}
.css-m9ab6m.active{
	    border-color: var(--chakra-colors-text-link);
    color: var(--chakra-colors-text-base);
}
.css-1yt3648:hover, .css-1yt3648[data-hover] {
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-base);
}
.css-ushhz4 {
    display: flex
;
    flex-direction: row;
    gap: var(--chakra-space-4);
    width: auto;
}
.css-42b2qy {
    width: 100%;
    height: fit-content;
    position: relative;
}
.css-1t8t2x8 {
    padding-inline-end: var(--chakra-space-8);
    width: 100%;
    height: var(--input-height);
    font-size: var(--input-font-size);
    padding-inline-start: var(--input-padding);
    border-radius: var(--chakra-radii-lg);
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    padding-bottom: 1px;
    line-height: var(--chakra-lineHeights-normal);
    background: var(--chakra-colors-background-button-secondary-base);
    --select-bg: var(--chakra-colors-white);
    font-weight: var(--chakra-fontWeights-medium);
    --input-font-size: var(--chakra-fontSizes-sm);
    --input-padding: var(--chakra-space-3);
    --input-border-radius: var(--chakra-radii-sm);
    --input-height: var(--chakra-sizes-8);
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-transparent);
}
.css-1t8t2x8 > option, .css-1t8t2x8 > optgroup {
    background: #2D3748;
}
.css-iohxn1 {
    width: var(--chakra-sizes-6);
    height: 100%;
    right: var(--chakra-space-2);
    color: currentcolor;
    font-size: var(--chakra-fontSizes-xl);
    position: absolute;
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
}

.css-15e9xz9 {
    display: flex
;
    flex-direction: column;
    gap: 0.5rem;
    padding: var(--chakra-space-4);
}
.css-kjr4cy {
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    margin-bottom: var(--chakra-space-2);
}
.css-1811skr {
    display: flex
;
    flex-direction: column;
    gap: var(--chakra-space-4);
}
.css-1kxonj9 {
    width: 100%;
    position: relative;
}
.css-1gib1w2 {
    display: block;
    text-align: start;
    margin-inline-end: var(--chakra-space-3);
    margin-bottom: var(--chakra-space-2);
    font-weight: var(--chakra-fontWeights-medium);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    opacity: 1;
    font-size: var(--chakra-fontSizes-sm);
}
.css-1kr9x54 {
    width: 100%;
    height: var(--input-height);
    font-size: var(--input-font-size);
    padding-inline-start: var(--input-padding);
    padding-inline-end: var(--input-padding);
    border-radius: var(--input-border-radius);
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    min-height: var(--chakra-sizes-20);
    line-height: var(--chakra-lineHeights-short);
    vertical-align: top;
    --input-font-size: var(--chakra-fontSizes-md);
    --input-padding: var(--chakra-space-4);
    --input-border-radius: var(--chakra-radii-md);
    --input-height: var(--chakra-sizes-10);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-border-input);
    background: var(--chakra-colors-background-surface-base);
}



.css-13a5y9 {
    width: 100%;
    height: var(--input-height);
    font-size: var(--input-font-size);
    padding-inline-start: var(--input-padding);
    padding-inline-end: var(--input-padding);
    border-radius: var(--input-border-radius);
    min-width: 0px;
    outline: transparent solid 2px;
    outline-offset: 2px;
    position: relative;
    appearance: none;
    transition-property: none;
    transition-duration: var(--chakra-transition-duration-normal);
    box-shadow: var(--ring-offset-shadow, 0 0 #0000), var(--ring-shadow, 0 0 #0000), var(--shadow);
    --input-font-size: var(--chakra-fontSizes-md);
    --input-padding: var(--chakra-space-4);
    --input-border-radius: var(--chakra-radii-md);
    --input-height: var(--chakra-sizes-10);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--border-hover);
    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    background-repeat: inherit;
    background-attachment: inherit;
    background-origin: inherit;
    background-clip: inherit;
    background-color: var(--chakra-colors-background-surface-base);
}

@media screen and (min-width: 768px) {
    .css-13a5y9 {
        transition-property: var(--chakra-transition-property-common);
    }
}


.css-y515qz {
    margin-top: var(--chakra-space-2);
    --form-control-color: var(--chakra-colors-gray-600);
    color: var(--form-control-color);
    line-height: var(--chakra-lineHeights-normal);
    font-size: var(--chakra-fontSizes-xs);
}

.chakra-ui-dark .css-y515qz:not([data-theme]), [data-theme="dark"] .css-y515qz:not([data-theme]), .css-y515qz[data-theme="dark"] {
    --form-control-color: var(--chakra-colors-whiteAlpha-600);
}
.css-1kxonj9 {
    width: 100%;
    position: relative;
}
.css-69i1ev {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.css-1ktp5rg {
    display: flex
;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
}
.css-ghot30 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 0;
    --switch-track-diff: calc(var(--switch-track-width) - var(--switch-track-height));
    --switch-thumb-x: var(--switch-track-diff);
    --switch-track-width: 1.875rem;
    --switch-track-height: var(--chakra-sizes-4);
}








.css-n5x0j8 {
    display: inline-flex
;
    flex-shrink: 0;
    -webkit-box-pack: start;
    justify-content: flex-start;
    box-sizing: content-box;
    cursor: pointer;
    border-radius: var(--chakra-radii-full);
    padding: var(--chakra-space-0-5);
    width: var(--switch-track-width);
    height: var(--switch-track-height);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-fast);
    --switch-bg: var(--chakra-colors-gray-300);
    background: var(--secondary);
    border-width: 2px;
    border-color: var(--chakra-colors-border-base);
}

.css-n5x0j8[aria-checked="true"], .css-n5x0j8[data-checked] {
    --switch-bg: var(--chakra-colors-blue-500);
    background: var(--chakra-colors-background-button-primary-base);
}

.chakra-ui-dark .css-n5x0j8:not([data-theme]), [data-theme="dark"] .css-n5x0j8:not([data-theme]), .css-n5x0j8[data-theme="dark"] {
    --switch-bg: var(--chakra-colors-whiteAlpha-400);
}

.chakra-ui-dark .css-n5x0j8[aria-checked="true"]:not([data-theme]), .chakra-ui-dark .css-n5x0j8[data-checked]:not([data-theme]), [data-theme="dark"] .css-n5x0j8[aria-checked="true"]:not([data-theme]), [data-theme="dark"] .css-n5x0j8[data-checked]:not([data-theme]), .css-n5x0j8[aria-checked="true"][data-theme="dark"], .css-n5x0j8[data-checked][data-theme="dark"] {
    --switch-bg: var(--chakra-colors-blue-200);
}


.css-orvaaq {
    display: block;
    text-align: start;
    margin-inline-end: var(--chakra-space-3);
    font-weight: var(--chakra-fontWeights-medium);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    opacity: 1;
    font-size: var(--chakra-fontSizes-sm);
    margin-bottom: 0px;
    color: var(--chakra-colors-text-base);
}

.css-b2sjup {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-secondary-base);
    padding: 0px;
    margin-right: var(--chakra-space-2);
    font-size: 18px;
}
.css-1kdu8o5 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-sm);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-secondary-base);
    margin-right: var(--chakra-space-2);
}
.css-xe5jc2 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-sm);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-primary-base);
    color: var(--chakra-colors-text-primary-base);
}


.switch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--chakra-colors-background-button-primary-base);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 34%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}
 .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 67%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}
  
  .css-1om28i:last-of-type {
    border-bottom-left-radius: var(--chakra-radii-xl);
    border-bottom-right-radius: var(--chakra-radii-xl);
}


.css-go3wvh {
    display: flex
;
    align-items: flex-start;
    width: auto;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    gap: var(--chakra-space-2);
    min-width: 0px;
}
.css-1om28i {
    display: flex
;
    column-gap: var(--chakra-space-6);
    row-gap: var(--chakra-space-4);
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    width: var(--chakra-sizes-full);
}

.css-16v194v {
    display: flex
;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.css-1py9ys {
    font-size: var(--chakra-fontSizes-sm);
    -webkit-box-flex: 0;
    flex-grow: 0;
    font-weight: var(--chakra-fontWeights-semibold);
    white-space: nowrap;
    color: var(--chakra-colors-text-subtle);
    min-width: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.css-ushhz4 {
    display: flex
;
    flex-direction: row;
    gap: var(--chakra-space-4);
    width: auto;
}
.css-1uodvt1 {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: var(--chakra-space-2);
}
.css-ghot30 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 0;
    --switch-track-diff: calc(var(--switch-track-width) - var(--switch-track-height));
    --switch-thumb-x: var(--switch-track-diff);
    --switch-track-width: 1.875rem;
    --switch-track-height: var(--chakra-sizes-4);
}
.css-vygto4 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-secondary-base);
    padding: 0px;
    font-size: var(--chakra-fontSizes-lg);
}
.css-vygto4 {
    display: inline-flex
;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 1.2;
    border-radius: var(--chakra-radii-lg);
    font-weight: var(--chakra-fontWeights-normal);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    height: var(--chakra-sizes-8);
    min-width: var(--chakra-sizes-8);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    background: var(--chakra-colors-background-button-secondary-base);
    color: var(--chakra-colors-text-secondary-base);
    padding: 0px;
    font-size: var(--chakra-fontSizes-lg);
}

.temp1[data-tooltip-length="fit"]:after {
    width: 228px;
}
.temp12[data-tooltip-length="fit"]:after {
    width: 130px;
}
.css-3shlt2 {
    
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.css-3shlt2 ul{
	    display: flex
;
    list-style: none;
    gap: 10px;
}
.css-3shlt2 ul li {
    margin-right: 20px;
}
.link{
	 font-size: 13px
}

.switch {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 29px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  -webkit-transition: .4s;
  transition: .4s;
  border: 1px solid dimgrey;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.typing {
  position: relative;
}
.typing span {
  content: "";
  -webkit-animation: blink 1.5s infinite;
          animation: blink 1.5s infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  height: 10px;
  width: 10px;
  background: grey;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.typing span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  margin-left: 15px;
}
.typing span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  margin-left: 30px;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

.chakra-textarea:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

textarea::placeholder {
   color: var(--chakra-colors-text-subtle);
    opacity: 0.3;
}

textarea::-ms-input-placeholder { /* Edge 12-18 */
   color: var(--chakra-colors-text-subtle);
    opacity: 0.3;
}

.chakra-progress.css-1y4t27z.thought-progress {
  display: none;
}
.thought-message p {
    white-space: pre-wrap;
}

.css-934klp {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
    cursor: pointer;
    color: var(--chakra-colors-text-subtle);
}
.css-itvw0n {
    font-size: var(--chakra-fontSizes-sm);
}
.css-1y4t27z {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 1rem;
}
.css-1k9efnl {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
}
.css-4e1hwh {
    width: 1rem;
    height: 1rem;
    animation: 2s linear 0s infinite normal none running animation-b7n1on;
}
@keyframes animation-b7n1on {
0% {
    transform: rotate(0deg);
}


100% {
    transform: rotate(360deg);
}
}
.css-gild96,.thought-message {
    margin-top: var(--chakra-space-2);
    padding-left: var(--chakra-space-4);
    border-left-width: 4px;
    border-left-style: solid;
    border-color: var(--chakra-colors-border-base);
    color: var(--chakra-colors-text-subtle);
    display: none;
}
.chakra-button.css-3gu6bh.closebuttonsidebar {
  display: none;
}
@media screen and (max-width: 768px) {
	.css-1mjcnae.sidebar-menu {
  display: none;
  
    z-index: 99999999;
    opacity: 1;
    width: 100%;
   
    overflow-y: scroll;
}
.chakra-button.css-3gu6bh.closebuttonsidebar {
  display: block;
}
/*.css-1mjcnae.sidebar-menu {
    position: absolute;
    left: -100px;

   
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}*/

@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}
.css-3gu6bh {
  display: inline-flex;
  appearance: none;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: center;
  justify-content: center;
  user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  outline: transparent solid 2px;
  outline-offset: 2px;
  line-height: 1.2;
  border-radius: var(--chakra-radii-lg);
  font-weight: var(--chakra-fontWeights-normal);
  transition-property: var(--chakra-transition-property-common);
  transition-duration: var(--chakra-transition-duration-normal);
  height: var(--chakra-sizes-8);
  min-width: var(--chakra-sizes-8);
  font-size: var(--chakra-fontSizes-sm);
  padding-inline-start: var(--chakra-space-3);
  padding-inline-end: var(--chakra-space-3);
  background: var(--chakra-colors-background-button-secondary-base);
  color: var(--chakra-colors-text-secondary-base);
  padding: 0px;
 position: absolute;
    right: 10px;
    top: 8px;
    z-index: 99999999999999999999999;
  /*top: env(safe-area-inset-top, 30px);*/
}
.css-fh802t {
  
width: 90%;
    background: hsl(204,calc(89% * 0.35),10%);
}

#item-lists {
  margin-top: 90px !important;
}
.bottomtop {
  bottom: 10px !important;
}
}




.css-les5qq {
    text-decoration: none;
    color: var(--chakra-colors-text-subtle);
    user-select: none;
    display: flex
;
    text-align: start;
    flex: 0 0 auto;
    outline: transparent solid 2px;
    outline-offset: 2px;
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
    background: var(--chakra-colors-transparent);
    min-height: 40px;
    font-weight: var(--chakra-fontWeights-medium);
    font-size: var(--chakra-fontSizes-sm);
    border-radius: var(--chakra-radii-lg);
    margin-inline-start: var(--chakra-space-1);
    margin-inline-end: var(--chakra-space-1);
    width: var(--chakra-sizes-full);
    margin: 0px;
    padding-right: var(--chakra-space-3);
    padding-left: var(--chakra-space-2);
    padding-top: var(--chakra-space-3);
    padding-bottom: var(--chakra-space-3);
    gap: var(--chakra-space-6);
    position: relative;
    opacity: 1;
    flex-direction: row-reverse;
    --chakra-space-x-reverse: 1;
    --chakra-divide-x-reverse: 1;
    -webkit-box-align: center;
    align-items: center;
}
  @media screen and (min-width: 768px) {
    .css-les5qq {
        padding-left: var(--chakra-space-4);
    }
}



.css-n6hvge {
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.8em;
    margin-inline-end: 0.75rem;
    opacity: 0;
} 
.css-les5qq .chakra-menu__icon-wrapper {
    margin-right: 0px;
}
.css-193m7l6 {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-3);
}
.css-15cdeb6 {
    flex-shrink: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: relative;
}


.css-1ovddut {
    border-radius: var(--chakra-radii-xl);
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-medium);
    position: relative;
    flex-shrink: 0;
    background: var(--avatar-bg);
    font-size: var(--avatar-font-size);
    color: var(--chakra-colors-gray-800);
    border-color: var(--avatar-border-color);
    vertical-align: top;
    width: var(--avatar-size);
    height: var(--avatar-size);
    --avatar-border-color: var(--chakra-colors-white);
    --avatar-size: 3rem;
    --avatar-font-size: calc(3rem / 2.5);
}
  
 .css-1ovddut:not([data-loaded]) {
    --avatar-bg: #a1ceb7;
}
.css-1ebyn6 {
    font-size: var(--avatar-font-size);
    line-height: 1;
}
.css-1ovddut:not([data-loaded]) {
    --avatar-bg: #a1ceb7;
}
.css-o8z6jz {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column wrap;
}
.chakra-ui-dark .css-1ovddut:not([data-theme]), [data-theme="dark"] .css-1ovddut:not([data-theme]), .css-1ovddut[data-theme="dark"] {
    --avatar-border-color: var(--chakra-colors-gray-800);
}

 
  .chakra-ui-dark .css-1ovddut:not([data-theme]), [data-theme="dark"] .css-1ovddut:not([data-theme]), .css-1ovddut[data-theme="dark"] {
    --avatar-border-color: var(--chakra-colors-gray-800);
}
.css-zegs7v {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    row-gap: 0px;
    column-gap: var(--chakra-space-2);
    flex-wrap: wrap;
}
.css-wd8hou {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-1);
}
.css-zat0mj {
    font-size: var(--chakra-fontSizes-sm);
    color: var(--chakra-colors-text-base);
    font-weight: var(--chakra-fontWeights-medium);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




.css-cdi91m {
    gap: var(--chakra-space-2);
    flex: 0 0 auto;
    display: inline-flex
;
    -webkit-box-flex: 0;
}
 @media screen and (min-width: 768px) {
    .css-cdi91m {
        -webkit-box-flex: 1;
        flex-grow: 1;
    }
}
.chakra-ui-dark .css-fr55vf:not([data-theme]), [data-theme="dark"] .css-fr55vf:not([data-theme]), .css-fr55vf[data-theme="dark"] {
    --badge-bg: rgba(113, 128, 150, 0.6);
    --badge-color: var(--chakra-colors-whiteAlpha-800);
}
.css-oxqztu {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-1);
    flex-wrap: wrap;
    width: var(--chakra-sizes-full);
}
.css-wd8hou {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-1);
}
.css-k9tlz8 {
    font-size: var(--chakra-fontSizes-xs);
    color: var(--chakra-colors-text-subtle);
    font-weight: 200;
    max-width: 110px;
}
.css-12gpq8h {
    border-radius: var(--chakra-radii-xl);
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-medium);
    position: relative;
    flex-shrink: 0;
    background: var(--avatar-bg);
    font-size: var(--avatar-font-size);
    color: var(--chakra-colors-gray-800);
    border-color: var(--avatar-border-color);
    vertical-align: top;
    width: var(--avatar-size);
    height: var(--avatar-size);
    --avatar-border-color: var(--chakra-colors-white);
    --avatar-size: 3rem;
    --avatar-font-size: calc(3rem / 2.5);
}
.chakra-ui-dark .css-12gpq8h:not([data-theme]), [data-theme="dark"] .css-12gpq8h:not([data-theme]), .css-12gpq8h[data-theme="dark"] {
    --avatar-border-color: var(--chakra-colors-gray-800);
}


.css-12gpq8h:not([data-loaded]) {
    --avatar-bg: #a89d39;
}
@media screen and (min-width: 768px) {
    .css-k9tlz8 {
        max-width: 150px;
    }
}




.css-1oqx8dz {
    border-radius: var(--chakra-radii-xl);
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-medium);
    position: relative;
    flex-shrink: 0;
    background: var(--avatar-bg);
    font-size: var(--avatar-font-size);
    color: var(--chakra-colors-white);
    border-color: var(--avatar-border-color);
    vertical-align: top;
    width: var(--avatar-size);
    height: var(--avatar-size);
    --avatar-border-color: var(--chakra-colors-white);
    --avatar-size: 3rem;
    --avatar-font-size: calc(3rem / 2.5);
}





.css-1oqx8dz:not([data-loaded]) {
    --avatar-bg: #347f64;
}
.chakra-ui-dark .css-1oqx8dz:not([data-theme]), [data-theme="dark"] .css-1oqx8dz:not([data-theme]), .css-1oqx8dz[data-theme="dark"] {
    --avatar-border-color: var(--chakra-colors-gray-800);
}




.css-8n5ccv {
    border-radius: var(--chakra-radii-xl);
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-medium);
    position: relative;
    flex-shrink: 0;
    background: var(--avatar-bg);
    font-size: var(--avatar-font-size);
    color: var(--chakra-colors-gray-800);
    border-color: var(--avatar-border-color);
    vertical-align: top;
    width: var(--avatar-size);
    height: var(--avatar-size);
    --avatar-border-color: var(--chakra-colors-white);
    --avatar-size: 3rem;
    --avatar-font-size: calc(3rem / 2.5);
}




.css-8n5ccv:not([data-loaded]) {
    --avatar-bg: #0fe85b;
}
.chakra-ui-dark .css-8n5ccv:not([data-theme]), [data-theme="dark"] .css-8n5ccv:not([data-theme]), .css-8n5ccv[data-theme="dark"] {
    --avatar-border-color: var(--chakra-colors-gray-800);
}




.css-8072v6 {
    border-radius: var(--chakra-radii-xl);
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: var(--chakra-fontWeights-medium);
    position: relative;
    flex-shrink: 0;
    background: var(--avatar-bg);
    font-size: var(--avatar-font-size);
    color: var(--chakra-colors-white);
    border-color: var(--avatar-border-color);
    vertical-align: top;
    width: var(--avatar-size);
    height: var(--avatar-size);
    --avatar-border-color: var(--chakra-colors-white);
    --avatar-size: 3rem;
    --avatar-font-size: calc(3rem / 2.5);
}





.css-1kiersw {
    display: inline-flex
;
    vertical-align: top;
    -webkit-box-align: center;
    align-items: center;
    max-width: 100%;
    line-height: 1.2;
    outline: transparent solid 2px;
    outline-offset: 2px;
    --tag-color: var(--badge-color);
    --tag-bg: var(--badge-bg);
    --tag-shadow: var(--badge-shadow);
    border-radius: var(--chakra-radii-md);
    min-height: auto;
    min-width: var(--tag-min-width);
    --tag-min-height: var(--chakra-sizes-6);
    --tag-min-width: var(--chakra-sizes-6);
    --tag-font-size: var(--chakra-fontSizes-sm);
    --tag-padding-inline: var(--chakra-space-2);
    --badge-bg: colors . brand .500;
    --badge-color: var(--chakra-colors-white);
    background: var(--chakra-colors-background-surface-overlay-base);
    font-size: 9px;
    border-width: 1px;
    color: var(--primary);
    border-color: var(--chakra-colors-whiteAlpha-200);
    padding-top: var(--chakra-space-0-5);
    padding-bottom: var(--chakra-space-0-5);
    padding-inline-start: var(--chakra-space-1);
    padding-inline-end: var(--chakra-space-1);
    position: absolute;
    font-weight: var(--chakra-fontWeights-bold);
    top: calc(var(--chakra-space-2)* -1);
    box-shadow: var(--chakra-shadows-sm);
    text-transform: uppercase;
    right: calc(var(--chakra-space-1)* -1);
    z-index: 6;
}
.chakra-ui-dark .css-1kiersw:not([data-theme]), [data-theme="dark"] .css-1kiersw:not([data-theme]), .css-1kiersw[data-theme="dark"] {
    --badge-bg: rgba(0, 0, 0, 0.6);
    --badge-color: var(--chakra-colors-whiteAlpha-800);
}
.css-8072v6:not([data-loaded]) {
    --avatar-bg: #3a923e;
}

.chakra-ui-dark .css-8072v6:not([data-theme]), [data-theme="dark"] .css-8072v6:not([data-theme]), .css-8072v6[data-theme="dark"] {
    --avatar-border-color: var(--chakra-colors-gray-800);
}
.thoughtouter.hide {
  display: none;
}
.titlemaintorry{
	display:flex;
}
.torrylogo {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.css-rj5nau {
    display: flex
;
    width: 100%;
    height: 100%;
    background: var(--chakra-colors-background-surface-muted);
    box-shadow: var(--chakra-shadows-sm);
    border-radius: var(--chakra-radii-xl);
    overflow: hidden;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 1 / 1;
    max-width: 1024px;
    max-height: 1024px;
    background: hsla(204,calc(89% * 0.2), 48%,0.1);
}
.css-1asia3m {
    display: flex
;
    background: var(--chakra-colors-whiteAlpha-700);
    color: var(--chakra-colors-black);
    backdrop-filter: blur(30px);
    position: absolute;
    right: var(--chakra-space-4);
    top: var(--chakra-space-4);
    font-size: var(--chakra-fontSizes-sm);
    border-radius: var(--chakra-radii-md);
    font-weight: var(--chakra-fontWeights-medium);
    padding-inline-start: var(--chakra-space-2);
    padding-inline-end: var(--chakra-space-2);
    z-index: 1;
}
.css-79elbk {
    position: relative;
}
:where(img, video) {
    max-width: 100%;
    height: auto;
}
.image-loader path {
      /*stroke: white;*/
      /*stroke-width: 4;*/
      stroke-dashoffset: 0px;
    stroke-dasharray: 1px, 1px;
    }

    @keyframes draw {
      from {
        stroke-dashoffset: 1000;
      }
      to {
        stroke-dashoffset: 0;
      }
    }
  
  .image-loader{
  	display: flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: var(--chakra-sizes-full);
    height: var(--chakra-sizes-full);
    font-size: 82px;
  }
  
  .image-loader svg[Attributes Style] {
    fill: none;
    stroke: var(--primary);
    stroke-linecap: round;
    stroke-linejoin: round;
    height: 1em;
    width: 1em;
    stroke-width: 1.5;
}

.chakra-text.css-wxqymb {
  display: none;
}

.image-loader path[Attributes Style] {
    d: path("M 3 6 a 3 3 0 0 1 3 -3 h 12 a 3 3 0 0 1 3 3 v 12 a 3 3 0 0 1 -3 3 h -12 a 3 3 0 0 1 -3 -3 v -12 Z");
    stroke-dashoffset: 0px;
    stroke-dasharray: 1px, 1px;
}
svg.loader{
	width: 1em;
  height: 1em;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.mainload{
	display:none
}
.zMgAMcEUtF28c8yL2KVd {
    width: 90%;
    margin: auto;
}
 .zMgAMcEUtF28c8yL2KVd {
    margin-top: auto;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
;
    gap: 20px;
}
.kKTz9jnrm2oKg8kNnVY_ {
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
}
.kKTz9jnrm2oKg8kNnVY_>span {
    width: 100%;
}
.ffON2NH02oMAcqyoh2UU.VVwKmb7llplcxyVXzHz9 {
    width: 100%;
}
.ffON2NH02oMAcqyoh2UU.q7VhSk71XgyB1xYfeChb {
    background-color: rgba(0, 0, 0, .06);
    background-color: var(--theme-col-bg-button-secondary);
    color: #222;
    color: var(--theme-col-txt-button-secondary);
} 
.ffON2NH02oMAcqyoh2UU.vcOFkrrvuSYp7xsAur2Y {
    font-size: .97222rem;
    font-size: -webkit-calc(var(--px-in-rem) * 14);
    font-size: calc(var(--px-in-rem) * 14);
    height: 2.5rem;
    height: -webkit-calc(var(--px-in-rem) * 36);
    height: calc(var(--px-in-rem) * 36);
    min-width: 5.55556rem;
    min-width: -webkit-calc(var(--px-in-rem) * 80);
    min-width: calc(var(--px-in-rem) * 80);
    padding: 0 1.38889rem;
    padding: 0 calc(var(--px-in-rem) * 20);
}
.ffON2NH02oMAcqyoh2UU.q7VhSk71XgyB1xYfeChb {
   /* background-color: rgba(0, 0, 0, .06);
  
    color: #222;
    color: #222;*/
}
.uuIDnYC4qmyFk5dsXOhr.uuIDnYC4qmyFk5dsXOhr {
    min-width: auto;
    padding: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}
.uuIDnYC4qmyFk5dsXOhr.uuIDnYC4qmyFk5dsXOhr:not(.eOhLUjboNjjAvig553V6) {
    border-radius: 50%;
}
.uuIDnYC4qmyFk5dsXOhr.uuIDnYC4qmyFk5dsXOhr.Uz2BykKBXbObF11W1_5T {
    height: -webkit-calc(var(--sds-base-px-in-rem) * 36);
    height: calc(var(--sds-base-px-in-rem) * 36);
    width: -webkit-calc(var(--sds-base-px-in-rem) * 36);
    width: calc(var(--sds-base-px-in-rem) * 36);
    min-width: -webkit-calc(var(--sds-base-px-in-rem) * 36);
    min-width: calc(var(--sds-base-px-in-rem) * 36);
}

.uuIDnYC4qmyFk5dsXOhr.uuIDnYC4qmyFk5dsXOhr.Uz2BykKBXbObF11W1_5T svg {
    height: 1.11111rem;
    height: -webkit-calc(var(--px-in-rem) * 16);
    height: calc(var(--px-in-rem) * 16);
    width: 1.11111rem;
    width: -webkit-calc(var(--px-in-rem) * 16);
    width: calc((1rem/0.9*16) * 16);
    width: 20px;
}
.ffON2NH02oMAcqyoh2UU svg {
    fill: #fff; 
}
.popupsidebar{
	visibility: hidden; position: absolute; inset: 0px auto auto 0px;
}
rect {
            stroke: hsl(204,89%,48%);
            stroke-width: 1.5;
            fill: none;
            stroke-width: 6;
            stroke-dasharray: 320;
            stroke-dashoffset: 320;
            transition: stroke-dashoffset 5s linear;
        }