@font-face {
    font-family: "Open Sans Regular";
    font-style: normal;
    font-weight: 400;
    src: url("chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff");
}

@font-face {
    font-family: "Open Sans Bold";
    font-style: normal;
    font-weight: 800;
    src: url("chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff");
}

@font-face {
    font-family: "Open Sans ExtraBold";
    font-style: normal;
    font-weight: 800;
    src: url("chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff");
}

:host,
:root,
[data-theme] {
    --chakra-ring-inset: var(--chakra-empty,
            /*!*/
            /*!*/
        );
    --chakra-ring-offset-width: 0px;
    --chakra-ring-offset-color: #fff;
    --chakra-ring-color: rgba(66, 153, 225, 0.6);
    --chakra-ring-offset-shadow: 0 0 #0000;
    --chakra-ring-shadow: 0 0 #0000;
    --chakra-space-x-reverse: 0;
    --chakra-space-y-reverse: 0;
    --chakra-colors-transparent: transparent;
    --chakra-colors-current: currentColor;
    --chakra-colors-black: #000;
    --chakra-colors-white: #fff;
    --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04);
    --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06);
    --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08);
    --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16);
    --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24);
    --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36);
    --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48);
    --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64);
    --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80);
    --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92);
    --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04);
    --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06);
    --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08);
    --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16);
    --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24);
    --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36);
    --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48);
    --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64);
    --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.80);
    --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92);
    --chakra-colors-gray-50: #F7FAFC;
    --chakra-colors-gray-100: #EDF2F7;
    --chakra-colors-gray-200: #E2E8F0;
    --chakra-colors-gray-300: #CBD5E0;
    --chakra-colors-gray-400: #A0AEC0;
    --chakra-colors-gray-500: #718096;
    --chakra-colors-gray-600: #4A5568;
    --chakra-colors-gray-700: #2D3748;
    --chakra-colors-gray-800: #1A202C;
    --chakra-colors-gray-900: #171923;
    --chakra-colors-red-50: #FFF5F5;
    --chakra-colors-red-100: #FED7D7;
    --chakra-colors-red-200: #FEB2B2;
    --chakra-colors-red-300: #FC8181;
    --chakra-colors-red-400: #F56565;
    --chakra-colors-red-500: #E53E3E;
    --chakra-colors-red-600: #C53030;
    --chakra-colors-red-700: #9B2C2C;
    --chakra-colors-red-800: #822727;
    --chakra-colors-red-900: #63171B;
    --chakra-colors-orange-50: #FFFAF0;
    --chakra-colors-orange-100: #FEEBC8;
    --chakra-colors-orange-200: #FBD38D;
    --chakra-colors-orange-300: #F6AD55;
    --chakra-colors-orange-400: #ED8936;
    --chakra-colors-orange-500: #DD6B20;
    --chakra-colors-orange-600: #C05621;
    --chakra-colors-orange-700: #9C4221;
    --chakra-colors-orange-800: #7B341E;
    --chakra-colors-orange-900: #652B19;
    --chakra-colors-yellow-50: #FFFFF0;
    --chakra-colors-yellow-100: #FEFCBF;
    --chakra-colors-yellow-200: #FAF089;
    --chakra-colors-yellow-300: #F6E05E;
    --chakra-colors-yellow-400: #ECC94B;
    --chakra-colors-yellow-500: #D69E2E;
    --chakra-colors-yellow-600: #B7791F;
    --chakra-colors-yellow-700: #975A16;
    --chakra-colors-yellow-800: #744210;
    --chakra-colors-yellow-900: #5F370E;
    --chakra-colors-green-50: #F0FFF4;
    --chakra-colors-green-100: #C6F6D5;
    --chakra-colors-green-200: #9AE6B4;
    --chakra-colors-green-300: #68D391;
    --chakra-colors-green-400: #48BB78;
    --chakra-colors-green-500: #38A169;
    --chakra-colors-green-600: #2F855A;
    --chakra-colors-green-700: #276749;
    --chakra-colors-green-800: #22543D;
    --chakra-colors-green-900: #1C4532;
    --chakra-colors-teal-50: #E6FFFA;
    --chakra-colors-teal-100: #B2F5EA;
    --chakra-colors-teal-200: #81E6D9;
    --chakra-colors-teal-300: #4FD1C5;
    --chakra-colors-teal-400: #38B2AC;
    --chakra-colors-teal-500: #319795;
    --chakra-colors-teal-600: #2C7A7B;
    --chakra-colors-teal-700: #285E61;
    --chakra-colors-teal-800: #234E52;
    --chakra-colors-teal-900: #1D4044;
    --chakra-colors-blue-50: #ebf8ff;
    --chakra-colors-blue-100: #bee3f8;
    --chakra-colors-blue-200: #90cdf4;
    --chakra-colors-blue-300: #63b3ed;
    --chakra-colors-blue-400: #4299e1;
    --chakra-colors-blue-500: #3182ce;
    --chakra-colors-blue-600: #2b6cb0;
    --chakra-colors-blue-700: #2c5282;
    --chakra-colors-blue-800: #2a4365;
    --chakra-colors-blue-900: #1A365D;
    --chakra-colors-cyan-50: #EDFDFD;
    --chakra-colors-cyan-100: #C4F1F9;
    --chakra-colors-cyan-200: #9DECF9;
    --chakra-colors-cyan-300: #76E4F7;
    --chakra-colors-cyan-400: #0BC5EA;
    --chakra-colors-cyan-500: #00B5D8;
    --chakra-colors-cyan-600: #00A3C4;
    --chakra-colors-cyan-700: #0987A0;
    --chakra-colors-cyan-800: #086F83;
    --chakra-colors-cyan-900: #065666;
    --chakra-colors-purple-50: #FAF5FF;
    --chakra-colors-purple-100: #E9D8FD;
    --chakra-colors-purple-200: #D6BCFA;
    --chakra-colors-purple-300: #B794F4;
    --chakra-colors-purple-400: #9F7AEA;
    --chakra-colors-purple-500: #805AD5;
    --chakra-colors-purple-600: #6B46C1;
    --chakra-colors-purple-700: #553C9A;
    --chakra-colors-purple-800: #44337A;
    --chakra-colors-purple-900: #322659;
    --chakra-colors-pink-50: #FFF5F7;
    --chakra-colors-pink-100: #FED7E2;
    --chakra-colors-pink-200: #FBB6CE;
    --chakra-colors-pink-300: #F687B3;
    --chakra-colors-pink-400: #ED64A6;
    --chakra-colors-pink-500: #D53F8C;
    --chakra-colors-pink-600: #B83280;
    --chakra-colors-pink-700: #97266D;
    --chakra-colors-pink-800: #702459;
    --chakra-colors-pink-900: #521B41;
    --chakra-colors-linkedin-50: #E8F4F9;
    --chakra-colors-linkedin-100: #CFEDFB;
    --chakra-colors-linkedin-200: #9BDAF3;
    --chakra-colors-linkedin-300: #68C7EC;
    --chakra-colors-linkedin-400: #34B3E4;
    --chakra-colors-linkedin-500: #00A0DC;
    --chakra-colors-linkedin-600: #008CC9;
    --chakra-colors-linkedin-700: #0077B5;
    --chakra-colors-linkedin-800: #005E93;
    --chakra-colors-linkedin-900: #004471;
    --chakra-colors-facebook-50: #E8F4F9;
    --chakra-colors-facebook-100: #D9DEE9;
    --chakra-colors-facebook-200: #B7C2DA;
    --chakra-colors-facebook-300: #6482C0;
    --chakra-colors-facebook-400: #4267B2;
    --chakra-colors-facebook-500: #385898;
    --chakra-colors-facebook-600: #314E89;
    --chakra-colors-facebook-700: #29487D;
    --chakra-colors-facebook-800: #223B67;
    --chakra-colors-facebook-900: #1E355B;
    --chakra-colors-messenger-50: #D0E6FF;
    --chakra-colors-messenger-100: #B9DAFF;
    --chakra-colors-messenger-200: #A2CDFF;
    --chakra-colors-messenger-300: #7AB8FF;
    --chakra-colors-messenger-400: #2E90FF;
    --chakra-colors-messenger-500: #0078FF;
    --chakra-colors-messenger-600: #0063D1;
    --chakra-colors-messenger-700: #0052AC;
    --chakra-colors-messenger-800: #003C7E;
    --chakra-colors-messenger-900: #002C5C;
    --chakra-colors-whatsapp-50: #dffeec;
    --chakra-colors-whatsapp-100: #b9f5d0;
    --chakra-colors-whatsapp-200: #90edb3;
    --chakra-colors-whatsapp-300: #65e495;
    --chakra-colors-whatsapp-400: #3cdd78;
    --chakra-colors-whatsapp-500: #22c35e;
    --chakra-colors-whatsapp-600: #179848;
    --chakra-colors-whatsapp-700: #0c6c33;
    --chakra-colors-whatsapp-800: #01421c;
    --chakra-colors-whatsapp-900: #001803;
    --chakra-colors-twitter-50: #E5F4FD;
    --chakra-colors-twitter-100: #C8E9FB;
    --chakra-colors-twitter-200: #A8DCFA;
    --chakra-colors-twitter-300: #83CDF7;
    --chakra-colors-twitter-400: #57BBF5;
    --chakra-colors-twitter-500: #1DA1F2;
    --chakra-colors-twitter-600: #1A94DA;
    --chakra-colors-twitter-700: #1681BF;
    --chakra-colors-twitter-800: #136B9E;
    --chakra-colors-twitter-900: #0D4D71;
    --chakra-colors-telegram-50: #E3F2F9;
    --chakra-colors-telegram-100: #C5E4F3;
    --chakra-colors-telegram-200: #A2D4EC;
    --chakra-colors-telegram-300: #7AC1E4;
    --chakra-colors-telegram-400: #47A9DA;
    --chakra-colors-telegram-500: #0088CC;
    --chakra-colors-telegram-600: #007AB8;
    --chakra-colors-telegram-700: #006BA1;
    --chakra-colors-telegram-800: #005885;
    --chakra-colors-telegram-900: #003F5E;
    --chakra-colors-_primary-100: #FDEDE7;
    --chakra-colors-_primary-200: #FCE3D9;
    --chakra-colors-_primary-300: #F7B8A1;
    --chakra-colors-_primary-400: #F39572;
    --chakra-colors-_primary-500: #F07242;
    --chakra-colors-_primary-600: #F38153;
    --chakra-colors-_primary-700: #F05C22;
    --chakra-colors-_primary-800: #D2460F;
    --chakra-colors-_secondary-100: #EDECFD;
    --chakra-colors-_secondary-200: #DCD9FC;
    --chakra-colors-_secondary-300: #A7A1F7;
    --chakra-colors-_secondary-400: #847CF4;
    --chakra-colors-_secondary-500: #6056F0;
    --chakra-colors-_secondary-600: #3D31ED;
    --chakra-colors-_secondary-700: #2213E2;
    --chakra-colors-_secondary-800: #190FA9;
    --chakra-colors-_brownGrey-100: #F4F2F1;
    --chakra-colors-_brownGrey-200: #E9E4E2;
    --chakra-colors-_brownGrey-300: #D0CAC8;
    --chakra-colors-_brownGrey-400: #A19691;
    --chakra-colors-_brownGrey-500: #897B76;
    --chakra-colors-_brownGrey-600: #6E625E;
    --chakra-colors-_brownGrey-700: #37312F;
    --chakra-colors-_brownGrey-800: #1C1817;
    --chakra-colors-_brownGrey-900: #E0E0E4;
    --chakra-colors-_infor-100: #EDF5FC;
    --chakra-colors-_infor-200: #C5DEF7;
    --chakra-colors-_infor-300: #94C2F0;
    --chakra-colors-_infor-400: #67A8E9;
    --chakra-colors-_infor-500: #3D90E3;
    --chakra-colors-_infor-600: #1E75CD;
    --chakra-colors-_infor-700: #175CA0;
    --chakra-colors-_infor-800: #114274;
    --chakra-colors-_success-100: #EBFFF0;
    --chakra-colors-_success-200: #C6F6D5;
    --chakra-colors-_success-300: #9AE6B4;
    --chakra-colors-_success-400: #68D391;
    --chakra-colors-_success-500: #48BB78;
    --chakra-colors-_success-600: #38A169;
    --chakra-colors-_success-700: #25855A;
    --chakra-colors-_success-800: #276749;
    --chakra-colors-_warning-100: #FEF7EB;
    --chakra-colors-_warning-200: #FDE4BE;
    --chakra-colors-_warning-300: #FCC779;
    --chakra-colors-_warning-400: #FAB347;
    --chakra-colors-_warning-500: #F9A932;
    --chakra-colors-_warning-600: #C77905;
    --chakra-colors-_warning-700: #955B04;
    --chakra-colors-_warning-800: #814F03;
    --chakra-colors-_error-100: #FFF5F5;
    --chakra-colors-_error-200: #FED7D7;
    --chakra-colors-_error-300: #FEB2B2;
    --chakra-colors-_error-400: #FC8181;
    --chakra-colors-_error-500: #F56565;
    --chakra-colors-_error-600: #E53E3E;
    --chakra-colors-_error-700: #C53030;
    --chakra-colors-_error-800: #9B2C2C;
    --chakra-colors-_yellow-100: #FFFCEB;
    --chakra-colors-_yellow-200: #FFF9D6;
    --chakra-colors-_yellow-300: #FFF3AD;
    --chakra-colors-_yellow-400: #FFEA70;
    --chakra-colors-_yellow-500: #FFE347;
    --chakra-colors-_yellow-600: #FFDD1F;
    --chakra-colors-_yellow-700: #F5D000;
    --chakra-colors-_yellow-800: #CCAD00;
    --chakra-colors-_purple-100: #F9ECFD;
    --chakra-colors-_purple-200: #F2D9FC;
    --chakra-colors-_purple-300: #DFA1F7;
    --chakra-colors-_purple-400: #D27BF4;
    --chakra-colors-_purple-500: #C555F1;
    --chakra-colors-_purple-600: #B82FEE;
    --chakra-colors-_purple-700: #A912E3;
    --chakra-colors-_purple-800: #7E0EAA;
    --chakra-colors-_pink-100: #FEECF7;
    --chakra-colors-_pink-200: #FDD8EF;
    --chakra-colors-_pink-300: #FBB1DF;
    --chakra-colors-_pink-400: #F98ACF;
    --chakra-colors-_pink-500: #F863BF;
    --chakra-colors-_pink-600: #F63AAF;
    --chakra-colors-_pink-700: #F4159F;
    --chakra-colors-_pink-800: #D60A88;
    --chakra-borders-none: 0;
    --chakra-borders-1px: 1px solid;
    --chakra-borders-2px: 2px solid;
    --chakra-borders-4px: 4px solid;
    --chakra-borders-8px: 8px solid;
    --chakra-fonts-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chakra-fonts-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --chakra-fontSizes-3xs: 0.45rem;
    --chakra-fontSizes-2xs: 0.625rem;
    --chakra-fontSizes-xs: 0.75rem;
    --chakra-fontSizes-sm: 0.875rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.25rem;
    --chakra-fontSizes-2xl: 1.5rem;
    --chakra-fontSizes-3xl: 1.875rem;
    --chakra-fontSizes-4xl: 2.25rem;
    --chakra-fontSizes-5xl: 3rem;
    --chakra-fontSizes-6xl: 3.75rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.05em;
    --chakra-letterSpacings-tight: -0.025em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.025em;
    --chakra-letterSpacings-wider: 0.05em;
    --chakra-letterSpacings-widest: 0.1em;
    --chakra-lineHeights-3: .75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-0: 0px;
    --chakra-space-1: 4px;
    --chakra-space-2: 8px;
    --chakra-space-3: 12px;
    --chakra-space-4: 16px;
    --chakra-space-5: 20px;
    --chakra-space-6: 24px;
    --chakra-space-7: 28px;
    --chakra-space-8: 32px;
    --chakra-space-9: 36px;
    --chakra-space-10: 40px;
    --chakra-space-12: 48px;
    --chakra-space-14: 56px;
    --chakra-space-16: 64px;
    --chakra-space-20: 80px;
    --chakra-space-24: 96px;
    --chakra-space-28: 112px;
    --chakra-space-32: 128px;
    --chakra-space-36: 144px;
    --chakra-space-40: 160px;
    --chakra-space-44: 176px;
    --chakra-space-48: 192px;
    --chakra-space-52: 208px;
    --chakra-space-56: 224px;
    --chakra-space-60: 240px;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0-5: 0.125rem;
    --chakra-space-1-5: 0.375rem;
    --chakra-space-2-5: 0.625rem;
    --chakra-space-3-5: 0.875rem;
    --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6);
    --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    --chakra-shadows-none: none;
    --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px;
    --chakra-sizes-1: 0.25rem;
    --chakra-sizes-2: 0.5rem;
    --chakra-sizes-3: 0.75rem;
    --chakra-sizes-4: 1rem;
    --chakra-sizes-5: 1.25rem;
    --chakra-sizes-6: 1.5rem;
    --chakra-sizes-7: 1.75rem;
    --chakra-sizes-8: 2rem;
    --chakra-sizes-9: 2.25rem;
    --chakra-sizes-10: 2.5rem;
    --chakra-sizes-12: 3rem;
    --chakra-sizes-14: 3.5rem;
    --chakra-sizes-16: 4rem;
    --chakra-sizes-20: 5rem;
    --chakra-sizes-24: 6rem;
    --chakra-sizes-28: 7rem;
    --chakra-sizes-32: 8rem;
    --chakra-sizes-36: 9rem;
    --chakra-sizes-40: 10rem;
    --chakra-sizes-44: 11rem;
    --chakra-sizes-48: 12rem;
    --chakra-sizes-52: 13rem;
    --chakra-sizes-56: 14rem;
    --chakra-sizes-60: 15rem;
    --chakra-sizes-64: 16rem;
    --chakra-sizes-72: 18rem;
    --chakra-sizes-80: 20rem;
    --chakra-sizes-96: 24rem;
    --chakra-sizes-px: 1px;
    --chakra-sizes-0-5: 0.125rem;
    --chakra-sizes-1-5: 0.375rem;
    --chakra-sizes-2-5: 0.625rem;
    --chakra-sizes-3-5: 0.875rem;
    --chakra-sizes-max: max-content;
    --chakra-sizes-min: min-content;
    --chakra-sizes-full: 100%;
    --chakra-sizes-3xs: 14rem;
    --chakra-sizes-2xs: 16rem;
    --chakra-sizes-xs: 20rem;
    --chakra-sizes-sm: 24rem;
    --chakra-sizes-md: 28rem;
    --chakra-sizes-lg: 32rem;
    --chakra-sizes-xl: 36rem;
    --chakra-sizes-2xl: 42rem;
    --chakra-sizes-3xl: 48rem;
    --chakra-sizes-4xl: 56rem;
    --chakra-sizes-5xl: 64rem;
    --chakra-sizes-6xl: 72rem;
    --chakra-sizes-7xl: 80rem;
    --chakra-sizes-8xl: 90rem;
    --chakra-sizes-prose: 60ch;
    --chakra-sizes-container-sm: 640px;
    --chakra-sizes-container-md: 768px;
    --chakra-sizes-container-lg: 1024px;
    --chakra-sizes-container-xl: 1280px;
    --chakra-zIndices-hide: -1;
    --chakra-zIndices-auto: auto;
    --chakra-zIndices-base: 0;
    --chakra-zIndices-docked: 10;
    --chakra-zIndices-dropdown: 1000;
    --chakra-zIndices-sticky: 1100;
    --chakra-zIndices-banner: 1200;
    --chakra-zIndices-overlay: 1300;
    --chakra-zIndices-modal: 1400;
    --chakra-zIndices-popover: 1500;
    --chakra-zIndices-skipLink: 1600;
    --chakra-zIndices-toast: 1700;
    --chakra-zIndices-tooltip: 1800;
    --chakra-transition-property-common: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    --chakra-transition-property-colors: background-color, border-color, color, fill, stroke;
    --chakra-transition-property-dimensions: width, height;
    --chakra-transition-property-position: left, right, top, bottom;
    --chakra-transition-property-background: background-color, background-image, background-position;
    --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --chakra-transition-duration-ultra-fast: 50ms;
    --chakra-transition-duration-faster: 100ms;
    --chakra-transition-duration-fast: 150ms;
    --chakra-transition-duration-normal: 200ms;
    --chakra-transition-duration-slow: 300ms;
    --chakra-transition-duration-slower: 400ms;
    --chakra-transition-duration-ultra-slow: 500ms;
    --chakra-blur-none: 0;
    --chakra-blur-sm: 4px;
    --chakra-blur-base: 8px;
    --chakra-blur-md: 12px;
    --chakra-blur-lg: 16px;
    --chakra-blur-xl: 24px;
    --chakra-blur-2xl: 40px;
    --chakra-blur-3xl: 64px;
    --chakra-breakpoints-base: 0px;
    --chakra-breakpoints-sm: 480px;
    --chakra-breakpoints-md: 768px;
    --chakra-breakpoints-lg: 1200px;
    --chakra-breakpoints-xl: 1440px;
    --chakra-breakpoints-xxl: 1600px;
}

.chakra-ui-light :host:not([data-theme]),
.chakra-ui-light :root:not([data-theme]),
.chakra-ui-light [data-theme]:not([data-theme]),
[data-theme="light"] :host:not([data-theme]),
[data-theme="light"] :root:not([data-theme]),
[data-theme="light"] [data-theme]:not([data-theme]),
:host[data-theme="light"],
:root[data-theme="light"],
[data-theme][data-theme="light"] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-body-bg: var(--chakra-colors-white);
    --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200);
    --chakra-colors-chakra-inverse-text: var(--chakra-colors-white);
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100);
    --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600);
    --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500);
}

.chakra-ui-dark :host:not([data-theme]),
.chakra-ui-dark :root:not([data-theme]),
.chakra-ui-dark [data-theme]:not([data-theme]),
[data-theme="dark"] :host:not([data-theme]),
[data-theme="dark"] :root:not([data-theme]),
[data-theme="dark"] [data-theme]:not([data-theme]),
:host[data-theme="dark"],
:root[data-theme="dark"],
[data-theme][data-theme="dark"] {
    --chakra-colors-chakra-body-text: var(--chakra-colors-whiteAlpha-900);
    --chakra-colors-chakra-body-bg: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-border-color: var(--chakra-colors-whiteAlpha-300);
    --chakra-colors-chakra-inverse-text: var(--chakra-colors-gray-800);
    --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-700);
    --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-400);
    --chakra-colors-chakra-placeholder-color: var(--chakra-colors-whiteAlpha-400);
}

html {
    line-height: 1.5;
    text-size-adjust: 100%;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    touch-action: manipulation;
}

body {
    position: relative;
    min-height: 100%;
    margin: 0px;
    font-feature-settings: "kern";
}

:where(*) {
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    overflow-wrap: break-word;
}

main {
    display: block;
}

hr {
    border-top-width: 1px;
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

:where(pre, code, kbd, samp) {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 1em;
}

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

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

:where(b, strong) {
    font-weight: bold;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

:where(button, input, optgroup, select, textarea) {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0px;
}

:where(button, input) {
    overflow: visible;
}

:where(button, select) {
    text-transform: none;
}

:where() {
    border-style: none;
    padding: 0px;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0px;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

:where([type="checkbox"], [type="radio"]) {
    box-sizing: border-box;
    padding: 0px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none !important;
}

input[type="number"] {}

input[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
    appearance: none !important;
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) {
    margin: 0px;
}

button {
    background: transparent;
    padding: 0px;
}

fieldset {
    margin: 0px;
    padding: 0px;
}

:where(ol, ul) {
    margin: 0px;
    padding: 0px;
}

textarea {
    resize: vertical;
}

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

table {
    border-collapse: collapse;
}

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

:where(button, input, optgroup, select, textarea) {
    padding: 0px;
    line-height: inherit;
    color: inherit;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block;
}

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

[data-js-focus-visible] :focus:not([data-focus-visible-added]):not([data-focus-visible-disabled]) {
    outline: none;
    box-shadow: none;
}

:root,
:host {
    --chakra-vh: 100vh;
}

@supports (height: -webkit-fill-available) {

    :root,
    :host {
        --chakra-vh: -webkit-fill-available;
    }
}

@supports (height: -moz-fill-available) {

    :root,
    :host {
        --chakra-vh: -moz-fill-available;
    }
}

@supports (height: 100dvh) {

    :root,
    :host {
        --chakra-vh: 100dvh;
    }
}

body {
    font-family: var(--chakra-fonts-body);
    color: var(--chakra-colors-chakra-body-text);
    background: var(--chakra-colors-chakra-body-bg);
    transition-property: background-color;
    transition-duration: var(--chakra-transition-duration-normal);
    line-height: var(--chakra-lineHeights-base);
}

::-webkit-input-placeholder {
    color: var(--chakra-colors-chakra-placeholder-color);
}

::placeholder {
    color: var(--chakra-colors-chakra-placeholder-color);
}

*,
::before,
::after {
    border-color: var(--chakra-colors-chakra-border-color);
}

.css-smqo98 {
    display: flex;
    flex-flow: column;
    height: 100%;
    min-height: 100vh;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-width: 375px;
}

@media screen and (max-width: 375px) {
    .css-smqo98 {
        width: 375px;
    }
}

.css-3t04x3 {
    height: 0px;
}

.css-7x4dc0 {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    padding-inline: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: var(--chakra-colors-_brownGrey-200);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--chakra-colors-white);
    z-index: 1101;
}

@media screen and (min-width: 1200px) {
    .css-7x4dc0 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 1440px) {
    .css-7x4dc0 {
        padding-inline: 172px;
    }
}

.css-4yn51p {
    display: flex;
    flex-flow: row;
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    height: var(--chakra-sizes-10);
    gap: var(--chakra-space-1);
}

@media screen and (min-width: 1200px) {
    .css-4yn51p {
        max-width: 1148px;
    }
}

.css-1rbd2h3 {
    display: flex;
    flex-flow: row;
    gap: var(--chakra-space-5);
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
}

.css-3ns36f {
    display: flex;
    width: 128px;
    height: 24px;
    position: relative;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .css-3ns36f {
        width: 213px;
        height: 40px;
    }
}

.css-4g6ai3 {
    cursor: pointer;
}

.css-4tuota {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    position: absolute;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    width: 100%;
    height: 100%;
}

.chakra-ui-dark .css-4tuota:not([data-theme]),
[data-theme="dark"] .css-4tuota:not([data-theme]),
.css-4tuota[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-4tuota::before,
.css-4tuota::after,
.css-4tuota * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-diu2pe {
    flex: 1 1 0%;
    display: none;
}

@media screen and (min-width: 1200px) {
    .css-diu2pe {
        display: block;
    }
}

.css-1wvufh {
    height: 100%;
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 1200px) {
    .css-1wvufh {
        max-width: 376px;
    }
}

.css-b5wdsx {
    position: relative;
    min-width: 200px;
    opacity: 1;
}

.css-1y0e7gb {
    width: 100%;
    display: flex;
    position: relative;
    isolation: isolate;
    --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);
}

.css-pv0jv4 {
    left: var(--chakra-space-0);
    width: var(--input-height);
    height: var(--input-height);
    font-size: 14px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: var(--chakra-space-0);
    z-index: 2;
    pointer-events: none;
}

.css-kqhmps {
    width: 100%;
    height: var(--input-height);
    padding-inline-start: var(--input-height);
    padding-inline-end: var(--input-padding);
    min-width: 250px;
    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: 8px 8px 8px 40px;
    --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);
    font-size: 14px;
    font-weight: 400;
    color: var(--chakra-colors-_brownGrey-700);
    background: rgb(244, 242, 241);
    border-top-style: ;
    border-top-width: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    border-color: var(--chakra-colors-transparent);
    border-radius: 4px;
}

.css-kqhmps:disabled,
.css-kqhmps[disabled],
.css-kqhmps[aria-disabled="true"],
.css-kqhmps[data-disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--chakra-colors-_brownGrey-200);
}

.css-kqhmps::-webkit-input-placeholder {
    color: rgb(137, 123, 118);
    font-size: 14px;
}

.css-kqhmps::placeholder {
    color: rgb(137, 123, 118);
    font-size: 14px;
}

.css-kqhmps:focus,
.css-kqhmps[data-focus] {
    border-color: rgb(240, 92, 34);
    caret-color: rgb(240, 92, 34);
    box-shadow: var(--chakra-shadows-none);
}

.css-kqhmps:hover,
.css-kqhmps[data-hover] {
    border-color: var(--chakra-colors-_primary-300);
    box-shadow: rgba(240, 92, 34, 0.5) 0px 0px 12px 0px;
}

.css-kqhmps:hover:disabled,
.css-kqhmps[data-hover]:disabled,
.css-kqhmps:hover[disabled],
.css-kqhmps[data-hover][disabled],
.css-kqhmps:hover[aria-disabled="true"],
.css-kqhmps[data-hover][aria-disabled="true"],
.css-kqhmps:hover[data-disabled],
.css-kqhmps[data-hover][data-disabled] {
    border-color: rgb(233, 228, 226);
    box-shadow: transparent 0px 0px 12px 0px;
}

.css-kqhmps[aria-invalid="true"],
.css-kqhmps[data-invalid] {
    border-color: rgb(229, 62, 62);
    background-color: rgb(255, 245, 245);
    color: rgb(229, 62, 62);
}

.css-kqhmps:focus-within {
    background: var(--chakra-colors-white);
    border-top-style: ;
    border-top-width: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    color: unset;
    border-color: var(--chakra-colors-_primary-700) !important;
}

.css-kqhmps:hover {
    box-shadow: rgba(240, 92, 34, 0.25) 0px 0px 12px 0px;
}

.css-1glpal5 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    position: absolute;
    right: var(--chakra-space-0);
    width: 100%;
    background-color: rgb(255, 255, 255);
    transition: 0.2s;
    border-radius: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-inline-start: var(--chakra-space-0);
    padding-inline-end: var(--chakra-space-0);
    border: 1px solid rgb(233, 228, 226);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px 0px;
    z-index: 1500;
    overflow: auto;
    max-height: 150px;
}

.css-1glpal5::-webkit-scrollbar {
    width: 6px;
    background: var(--chakra-colors-transparent);
}

.css-1glpal5::-webkit-scrollbar-track {
    border-radius: 6px;
}

.css-1glpal5::-webkit-scrollbar-thumb {
    background: var(--chakra-colors-_primary-700);
    border-radius: 8px;
}

.css-1glpal5::-webkit-scrollbar-track-piece:start {
    background-color: var(--chakra-colors-transparent);
    border-radius: 6px;
}

.css-1glpal5::-webkit-scrollbar-track-piece:end {
    background-color: var(--chakra-colors-transparent);
    border-radius: 6px;
}

.css-165casq {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.css-7w8uz7 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 47px;
    transition: 0.2sease-in-out;
}

.css-1xom10z {
    display: flex;
    opacity: 1;
    transition: 0.5sease-in-out;
}

.css-1bcth50 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 0%;
}

.css-2v6hzm {
    display: flex;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
}

.css-ruapjk {
    position: relative;
    flex-shrink: 0;
}

.css-b95f0i {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
}

.css-1v7lpdn {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-500);
    text-overflow: ellipsis;
    width: auto;
    white-space: normal;
    overflow: hidden;
}

.css-12atx2w {
    display: flex;
    margin-top: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
}

.css-13pmxen {
    display: flex;
    flex: 1 1 0%;
}

.css-1kadfu9 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-700);
}

.css-1pxjoz2 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 15px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-7q7oda {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    color: rgb(152, 152, 152);
}

.css-19yivia {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-color: inherit;
    border-style: solid;
    height: 8px;
    background: rgb(244, 246, 248);
    width: 100%;
}

.css-1mooco6 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 20px;
    padding-bottom: 14px;
    padding-inline: 24px;
}

.css-oyyiah {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: rgb(69, 69, 69);
}

.css-272ijt {
    display: flex;
    flex-flow: row;
    gap: var(--chakra-space-1);
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .css-272ijt {
        gap: var(--chakra-space-3);
    }
}

.css-cdkrf0 {
    animation: auto ease 0s 1 normal none running none;
}

.css-nexmfk {
    appearance: none;
    outline: transparent solid 2px;
    outline-offset: 2px;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px;
    border-radius: 4px;
}

.css-nexmfk:hover,
.css-nexmfk[data-hover] {
    background-color: var(--chakra-colors-_primary-100);
}

.css-nexmfk:hover svg,
.css-nexmfk[data-hover] svg {
    color: rgb(240, 92, 34);
    transition: 0.1s ease-in-out;
}

.css-xl71ch {
    pointer-events: none;
    flex: 1 1 auto;
    min-width: 0px;
}

.css-1f2j16u {
    cursor: pointer;
    width: 24px;
    height: 24px;
}

.css-r6z5ec {
    z-index: 1;
}

.css-1gw5ghd {
    outline: transparent solid 2px;
    outline-offset: 2px;
    --menu-bg: #fff;
    --menu-shadow: var(--chakra-shadows-sm);
    color: inherit;
    min-width: var(--chakra-sizes-3xs);
    z-index: 1;
    border-radius: var(--chakra-radii-md);
    border-width: 1px;
    background: var(--menu-bg);
    box-shadow: var(--menu-shadow);
    padding: 4px;
}

.chakra-ui-dark .css-1gw5ghd:not([data-theme]),
[data-theme="dark"] .css-1gw5ghd:not([data-theme]),
.css-1gw5ghd[data-theme="dark"] {
    --menu-bg: var(--chakra-colors-gray-700);
    --menu-shadow: var(--chakra-shadows-dark-lg);
}

.css-kfj70v {
    text-decoration: none;
    color: inherit;
    user-select: none;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    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-property: var(--chakra-transition-property-background);
    transition-duration: var(--chakra-transition-duration-ultra-fast);
    transition-timing-function: var(--chakra-transition-easing-ease-in);
    background: var(--menu-bg);
    padding: 8px;
}

.css-kfj70v:focus,
.css-kfj70v[data-focus] {
    --menu-bg: var(--chakra-colors-gray-100);
}

.chakra-ui-dark .css-kfj70v:focus:not([data-theme]),
.chakra-ui-dark .css-kfj70v[data-focus]:not([data-theme]),
[data-theme="dark"] .css-kfj70v:focus:not([data-theme]),
[data-theme="dark"] .css-kfj70v[data-focus]:not([data-theme]),
.css-kfj70v:focus[data-theme="dark"],
.css-kfj70v[data-focus][data-theme="dark"] {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}

.css-kfj70v:active,
.css-kfj70v[data-active] {
    --menu-bg: var(--chakra-colors-gray-200);
}

.chakra-ui-dark .css-kfj70v:active:not([data-theme]),
.chakra-ui-dark .css-kfj70v[data-active]:not([data-theme]),
[data-theme="dark"] .css-kfj70v:active:not([data-theme]),
[data-theme="dark"] .css-kfj70v[data-active]:not([data-theme]),
.css-kfj70v:active[data-theme="dark"],
.css-kfj70v[data-active][data-theme="dark"] {
    --menu-bg: var(--chakra-colors-whiteAlpha-200);
}

.css-kfj70v[aria-expanded="true"],
.css-kfj70v[data-expanded] {
    --menu-bg: var(--chakra-colors-gray-100);
}

.chakra-ui-dark .css-kfj70v[aria-expanded="true"]:not([data-theme]),
.chakra-ui-dark .css-kfj70v[data-expanded]:not([data-theme]),
[data-theme="dark"] .css-kfj70v[aria-expanded="true"]:not([data-theme]),
[data-theme="dark"] .css-kfj70v[data-expanded]:not([data-theme]),
.css-kfj70v[aria-expanded="true"][data-theme="dark"],
.css-kfj70v[data-expanded][data-theme="dark"] {
    --menu-bg: var(--chakra-colors-whiteAlpha-100);
}

.css-kfj70v:disabled,
.css-kfj70v[disabled],
.css-kfj70v[aria-disabled="true"],
.css-kfj70v[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

.css-hp68mp {
    display: flex;
    flex-direction: row;
    gap: 8px;
    -webkit-box-align: center;
    align-items: center;
}

.css-ebitbz {
    width: 32px;
    height: 32px;
    position: relative;
}

.css-mvqp5m {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.css-fn0dle {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    outline: transparent solid 2px;
    outline-offset: 2px;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: 0.2s ease-in;
}

.css-fn0dle:hover,
.css-fn0dle[data-hover] {
    background-color: var(--chakra-colors-_primary-100);
}

.css-fn0dle:hover svg,
.css-fn0dle[data-hover] svg {
    color: rgb(240, 92, 34);
    transition: 0.2s ease-in;
}

.css-fn0dle:hover div,
.css-fn0dle[data-hover] div {
    color: rgb(240, 92, 34);
    transition: 0.2s ease-in;
}

.css-1r9kwv0 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    -webkit-box-align: center;
    align-items: center;
}

.css-oc4j59 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-600);
}

.css-xsblr3 {
    outline: transparent solid 2px;
    outline-offset: 2px;
    --menu-bg: #fff;
    --menu-shadow: var(--chakra-shadows-sm);
    min-width: var(--chakra-sizes-3xs);
    padding-top: var(--chakra-space-2);
    padding-bottom: 0px;
    z-index: 1;
    border-radius: var(--chakra-radii-md);
    border-width: 1px;
    background: var(--menu-bg);
    box-shadow: var(--menu-shadow);
    width: 256px;
    color: rgb(55, 49, 47);
}

.chakra-ui-dark .css-xsblr3:not([data-theme]),
[data-theme="dark"] .css-xsblr3:not([data-theme]),
.css-xsblr3[data-theme="dark"] {
    --menu-bg: var(--chakra-colors-gray-700);
    --menu-shadow: var(--chakra-shadows-dark-lg);
}

.css-dwd4oj {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: ;
    padding-right: ;
    padding-left: ;
    padding-bottom: 20px;
}

.css-sa5ugt {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.css-1doonuh {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: rgb(110, 98, 94);
}

.css-1k8tja6 {
    border-top: 1px dashed black;
}

.css-8g8ihq {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.css-1s86uee {
    position: relative;
    cursor: pointer;
    min-width: 224px;
}

.css-10ebbtw {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid rgb(236, 236, 237);
    border-radius: 4px;
    padding-inline: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 50px;
}

.css-cvr4rj {
    display: flex;
    flex-flow: column;
    gap: 4px;
}

.css-znlodf {
    font-weight: 400;
    text-align: left;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px !important;
}

.css-1gmqu02 {
    display: flex;
    transition: 0.2s ease-in-out;
}

.css-128lw45 {
    position: absolute;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px);
    border-radius: 4px;
    padding: 0px;
    transition: 0.2s;
    z-index: 1301;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(200, 200, 200);
    gap: 0px;
    max-height: 260px;
    color: rgb(96, 98, 102);
    overflow-y: auto;
}

.css-128lw45::-webkit-scrollbar {
    width: 4px;
    background: var(--chakra-colors-transparent);
}

.css-128lw45::-webkit-scrollbar-track {
    border-radius: 6px;
}

.css-128lw45::-webkit-scrollbar-thumb {
    background: var(--chakra-colors-_primary-700);
    border-radius: 8px;
}

.css-128lw45::-webkit-scrollbar-track-piece:start {
    background-color: var(--chakra-colors-transparent);
    border-radius: 6px;
}

.css-128lw45::-webkit-scrollbar-track-piece:end {
    background-color: var(--chakra-colors-transparent);
    border-radius: 6px;
}

.css-13xotp9 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 20px 0px;
}

.css-h6mc6d {
    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: 4px;
    font-weight: 700;
    border: var(--chakra-borders-none);
    height: 40px;
    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: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%);
    color: var(--chakra-colors-white);
    box-shadow: var(--chakra-shadows-none);
    transition: 0.1s ease-in-out;
    width: 100%;
}

.css-h6mc6d:focus-visible,
.css-h6mc6d[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-h6mc6d:disabled,
.css-h6mc6d[disabled],
.css-h6mc6d[aria-disabled="true"],
.css-h6mc6d[data-disabled] {
    opacity: 1;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
}

.css-h6mc6d:hover,
.css-h6mc6d[data-hover] {
    filter: brightness(1.25);
    color: var(--chakra-colors-white);
}

.css-h6mc6d:hover:disabled,
.css-h6mc6d[data-hover]:disabled,
.css-h6mc6d:hover[disabled],
.css-h6mc6d[data-hover][disabled],
.css-h6mc6d:hover[aria-disabled="true"],
.css-h6mc6d[data-hover][aria-disabled="true"],
.css-h6mc6d:hover[data-disabled],
.css-h6mc6d[data-hover][data-disabled] {
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
    filter: brightness(1);
}

.css-h6mc6d:focus,
.css-h6mc6d[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

.css-h6mc6d:active,
.css-h6mc6d[data-active] {
    filter: brightness(1);
}

.css-z7hphl {
    flex: 1 1 0%;
    display: block;
    width: 100%;
}

@media screen and (min-width: 1200px) {
    .css-z7hphl {
        display: none;
    }
}

.css-1ajfx5y {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-inline: 16px;
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    flex: 1 1 0%;
    /* min-height: 100vh; */
}

@media screen and (min-width: 1440px) {
    .css-1ajfx5y {
        padding-inline: 172px;
        padding-top: var(--chakra-space-2);
        padding-bottom: var(--chakra-space-2);
    }
}

.css-kgjryi {
    width: 100%;
    padding-top: var(--chakra-space-0);
    padding-bottom: var(--chakra-space-8);
}

.css-13o7eu2 {
    display: block;
}

.css-1iavjp {
    background: rgb(229, 62, 62);
    position: fixed;
    height: 32px;
    bottom: 58px;
    left: var(--chakra-space-0);
    z-index: 2;
    width: 100%;
    color: var(--chakra-colors-white);
    padding: 4px 16px;
    display: none;
}

@media screen and (min-width: 1200px) {
    .css-1iavjp {
        display: none;
    }
}

.css-1ptjmwd {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
}

.css-2m574e {
    gap: var(--chakra-space-2);
    display: flex;
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding-inline: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-color: var(--chakra-colors-_brownGrey-200);
    background-color: var(--chakra-colors-white);
    z-index: 1101;
}

@media screen and (min-width: 1200px) {
    .css-2m574e {
        display: none;
    }
}

.css-1ru6qck {
    display: flex;
    gap: 8px;
    flex-flow: row;
}

.css-70fe31 {
    display: flex;
    gap: 4px;
    transition: 0.1s ease-in-out;
    cursor: pointer;
    -webkit-box-align: center;
    align-items: center;
    flex-flow: row;
    width: fit-content;
    padding: 8px;
    background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%);
    box-shadow: rgb(240, 92, 34) 4px -4px 4px 0px inset, rgb(240, 92, 34) -4px 0px 4px 0px inset;
    border-radius: 4px;
}

.css-70fe31:hover,
.css-70fe31[data-hover] {
    filter: brightness(1.25);
}

.css-70fe31:active,
.css-70fe31[data-active] {
    filter: brightness(1);
}

.css-3y8f7q {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.css-y0lc6m {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: rgb(255, 255, 255);
}

.css-r7443w {
    display: flex;
    gap: 0px;
    flex-flow: column;
}

.css-12l436y {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: rgb(137, 123, 118);
}

.css-rg5w4u {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_primary-700);
}

.css-i3mna9 {
    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: 4px;
    font-weight: 700;
    border: var(--chakra-borders-none);
    height: fit-content;
    min-width: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-sm);
    padding-inline: 12px;
    background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%);
    color: var(--chakra-colors-white);
    box-shadow: var(--chakra-shadows-none);
    transition: 0.1s ease-in-out;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: fit-content;
}

.css-i3mna9:focus-visible,
.css-i3mna9[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-i3mna9:disabled,
.css-i3mna9[disabled],
.css-i3mna9[aria-disabled="true"],
.css-i3mna9[data-disabled] {
    opacity: 1;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
}

.css-i3mna9:hover,
.css-i3mna9[data-hover] {
    filter: brightness(1.25);
    color: var(--chakra-colors-white);
}

.css-i3mna9:hover:disabled,
.css-i3mna9[data-hover]:disabled,
.css-i3mna9:hover[disabled],
.css-i3mna9[data-hover][disabled],
.css-i3mna9:hover[aria-disabled="true"],
.css-i3mna9[data-hover][aria-disabled="true"],
.css-i3mna9:hover[data-disabled],
.css-i3mna9[data-hover][data-disabled] {
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
    filter: brightness(1);
}

.css-i3mna9:focus,
.css-i3mna9[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

.css-i3mna9:active,
.css-i3mna9[data-active] {
    filter: brightness(1);
}

.css-bme7cd {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.css-nkgw7i {
    position: absolute;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    right: var(--chakra-space-0);
    height: 100%;
    z-index: -1;
    background: linear-gradient(rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 380px);
}

@media screen and (min-width: 768px) {
    .css-nkgw7i {
        background: linear-gradient(rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 280px);
    }
}

.css-tl3ftk {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
}

.css-1kd7ok7 {
    width: 100%;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
}

@media screen and (min-width: 768px) {
    .css-1kd7ok7 {
        padding-inline-start: var(--chakra-space-0);
        padding-inline-end: var(--chakra-space-0);
    }
}

.css-1gunxf {
    max-width: 1148px;
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    margin-inline: auto;
}

@media screen and (min-width: 768px) {
    .css-1gunxf {
        padding-bottom: var(--chakra-space-6);
    }
}

.css-nwu1qo {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    min-width: 0px;
    overflow-wrap: break-word;
    --card-bg: var(--chakra-colors-chakra-body-bg);
    box-shadow: var(--chakra-shadows-none);
    border-radius: var(--card-radius);
    color: var(--chakra-colors-chakra-body-text);
    border-width: var(--card-border-width, 0);
    border-color: var(--card-border-color);
    --card-radius: var(--chakra-radii-md);
    --card-padding: var(--chakra-space-5);
    --card-shadow: var(--chakra-shadows-base);
    background: var(--chakra-colors-transparent);
}

.chakra-ui-dark .css-nwu1qo:not([data-theme]),
[data-theme="dark"] .css-nwu1qo:not([data-theme]),
.css-nwu1qo[data-theme="dark"] {
    --card-bg: var(--chakra-colors-gray-700);
}

.css-79elbk {
    position: relative;
}

.css-1n0oyxj {
    position: absolute;
    z-index: 1;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    width: 100%;
    height: 100%;
    border-radius: 12px;
    border: 4px solid rgba(255, 255, 255, 0.75);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px 0px;
}

.css-zxoiug {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    width: 72px;
    height: 72px;
}

@media screen and (min-width: 480px) {
    .css-zxoiug {
        width: 100px;
        height: 100px;
    }
}

@media screen and (min-width: 1200px) {
    .css-zxoiug {
        width: 120px;
        height: 120px;
    }
}

.css-jwo9rf {
    padding-right: 0px;
    padding-left: 15px;
    flex: 1 1 0%;
    padding-top: var(--chakra-space-0);
    padding-bottom: var(--chakra-space-0);
}

.css-icxgoy {
    font-weight: 900;
    color: var(--chakra-colors-black);
    text-align: left;
    font-size: var(--chakra-fontSizes-xl);
}

@media screen and (min-width: 480px) {
    .css-icxgoy {
        font-size: var(--chakra-fontSizes-2xl);
    }
}

@media screen and (min-width: 1200px) {
    .css-icxgoy {
        font-size: var(--chakra-fontSizes-3xl);
    }
}

.css-9kn6sf {
    display: flex;
    width: fit-content;
    gap: var(--chakra-space-8);
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .css-9kn6sf {
        flex-direction: row;
        -webkit-box-pack: center;
        justify-content: center;
        align-items: flex-start;
    }
}

.css-1652yal {
    max-width: 720px;
}

.css-1urha0v {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: var(--chakra-space-6);
}

.css-8atqhb {
    width: 100%;
}

.css-zkanw5 {
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    overflow-wrap: break-word;
    --card-bg: var(--chakra-colors-chakra-body-bg);
    background-color: var(--card-bg);
    color: var(--chakra-colors-chakra-body-text);
    border-width: var(--card-border-width, 0);
    border-color: var(--card-border-color);
    --card-radius: var(--chakra-radii-md);
    --card-padding: var(--chakra-space-5);
    --card-shadow: var(--chakra-shadows-base);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11.2px 0px;
    padding: var(--chakra-space-4);
    width: 100vw;
    max-width: 720px;
    border-radius: 0px;
}

.chakra-ui-dark .css-zkanw5:not([data-theme]),
[data-theme="dark"] .css-zkanw5:not([data-theme]),
.css-zkanw5[data-theme="dark"] {
    --card-bg: var(--chakra-colors-gray-700);
}

@media screen and (min-width: 480px) {
    .css-zkanw5 {
        border-radius: 8px;
    }
}

@media screen and (min-width: 1200px) {
    .css-zkanw5 {
        width: 720px;
    }
}

@media screen and (max-width: 375px) {
    .css-zkanw5 {
        width: 375px;
    }
}

.css-xf9hat {
    display: flex;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: var(--chakra-space-6);
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .css-xf9hat {
        flex-wrap: nowrap;
    }
}

.css-tvxc1c {
    text-align: left;
    color: var(--chakra-colors-_brownGrey-800);
    font-size: var(--chakra-fontSizes-lg);
    font-weight: var(--chakra-fontWeights-bold);
    margin-bottom: var(--chakra-space-0);
}

.css-152xdrs {
    display: block;
    transition: 200ms;
}

.css-26ibl3 {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-1);
    padding: var(--chakra-space-4);
}

.css-1l4w6pd {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-1635jkn {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    width: 80%;
    height: 42px;
    border-radius: 4px;
}

.chakra-ui-dark .css-1635jkn:not([data-theme]),
[data-theme="dark"] .css-1635jkn:not([data-theme]),
.css-1635jkn[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-1635jkn::before,
.css-1635jkn::after,
.css-1635jkn * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-1r8zboo {
    margin-top: var(--chakra-space-4);
    width: 50%;
}

.css-1f1dvms {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    margin-bottom: var(--chakra-space-0);
    width: 100%;
    height: var(--chakra-sizes-4);
}

.chakra-ui-dark .css-1f1dvms:not([data-theme]),
[data-theme="dark"] .css-1f1dvms:not([data-theme]),
.css-1f1dvms[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-1f1dvms::before,
.css-1f1dvms::after,
.css-1f1dvms * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-z3sth1 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: var(--chakra-space-6);
    margin-top: var(--chakra-space-4);
}

.css-j7qwjs {
    display: flex;
    flex-direction: column;
}

.css-1wnjkes {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    border-radius: var(--chakra-radii-full);
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
}

.chakra-ui-dark .css-1wnjkes:not([data-theme]),
[data-theme="dark"] .css-1wnjkes:not([data-theme]),
.css-1wnjkes[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-1wnjkes::before,
.css-1wnjkes::after,
.css-1wnjkes * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-5sxn50 {
    margin-top: var(--chakra-space-1);
}

.css-19ikj40 {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    margin-bottom: var(--chakra-space-0);
    width: 100%;
    height: var(--chakra-sizes-2);
}

.chakra-ui-dark .css-19ikj40:not([data-theme]),
[data-theme="dark"] .css-19ikj40:not([data-theme]),
.css-19ikj40[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-19ikj40::before,
.css-19ikj40::after,
.css-19ikj40 * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-9bgf4o {
    display: none;
    transition: 200ms;
}

.css-j4zj71 {
    display: flex;
    flex-flow: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-6);
}

.css-ckmuv4 {
    display: flex;
    gap: 0.5rem;
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.css-1l9ll5j {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.css-y4vzdb {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: var(--chakra-space-4);
    margin-top: var(--chakra-space-4);
}

.css-1igwmid {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
}

.css-u628e8 {
    width: 26px;
    height: 26px;
    position: relative;
}

.css-t8did1 {
    font-size: var(--chakra-fontSizes-md);
    font-weight: var(--chakra-fontWeights-semibold);
    background: linear-gradient(rgb(253, 174, 55) 0%, rgb(236, 107, 36) 46.09%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%) text;
    color: var(--chakra-colors-transparent);
}

.css-l3ql6v {
    display: flex;
    gap: var(--chakra-space-3);
    flex-wrap: wrap;
}

.css-atkxir {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    width: 100px;
    height: 41px;
}

.chakra-ui-dark .css-atkxir:not([data-theme]),
[data-theme="dark"] .css-atkxir:not([data-theme]),
.css-atkxir[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-atkxir::before,
.css-atkxir::after,
.css-atkxir * {
    visibility: hidden;
}

@media screen and (min-width: 768px) {
    .css-atkxir {
        width: 115px;
    }
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-12eavgt {
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_brownGrey-200);
    color: var(--chakra-colors-_brownGrey-700);
    border-radius: 4px;
    cursor: pointer;
}

.css-g1xbop {
    display: grid;
    gap: var(--chakra-space-3);
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    width: 100%;
}

@media screen and (min-width: 480px) {
    .css-g1xbop {
        grid-template-columns: repeat(3, 1fr);
    }
}

.css-1t55pjp {
    display: flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    overflow-wrap: break-word;
    --card-bg: var(--chakra-colors-chakra-body-bg);
    background-color: var(--card-bg);
    box-shadow: var(--card-shadow);
    color: var(--chakra-colors-chakra-body-text);
    --card-radius: var(--chakra-radii-md);
    --card-padding: var(--chakra-space-5);
    --card-shadow: var(--chakra-shadows-base);
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-radius: 8px;
    border-color: var(--chakra-colors-_brownGrey-200);
    height: auto;
    width: 100%;
}

.chakra-ui-dark .css-1t55pjp:not([data-theme]),
[data-theme="dark"] .css-1t55pjp:not([data-theme]),
.css-1t55pjp[data-theme="dark"] {
    --card-bg: var(--chakra-colors-gray-700);
}

.css-77n4fp {
    padding: var(--chakra-space-0);
    flex: 1 1 0%;
    cursor: pointer;
}

.css-nfl9d9 {
    position: relative;
    border-radius: 6px;
}

.css-1eostp2 {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    width: 100%;
    height: 90px;
    border-radius: 6px;
}

.chakra-ui-dark .css-1eostp2:not([data-theme]),
[data-theme="dark"] .css-1eostp2:not([data-theme]),
.css-1eostp2[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-1eostp2::before,
.css-1eostp2::after,
.css-1eostp2 * {
    visibility: hidden;
}

@media screen and (min-width: 768px) {
    .css-1eostp2 {
        height: 120px;
    }
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-1ews2c8 {
    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-162yzm9 {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    margin-bottom: var(--chakra-space-1);
    width: 100%;
    height: var(--chakra-sizes-2);
}

.chakra-ui-dark .css-162yzm9:not([data-theme]),
[data-theme="dark"] .css-162yzm9:not([data-theme]),
.css-162yzm9[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-162yzm9::before,
.css-162yzm9::after,
.css-162yzm9 * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-1ifr4m6 {
    width: 100%;
    height: 20px;
}

@media screen and (min-width: 768px) {
    .css-1ifr4m6 {
        width: 132px;
    }
}

.css-1yysiy9 {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    margin-bottom: var(--chakra-space-0);
    width: 80%;
    height: var(--chakra-sizes-2);
}

.chakra-ui-dark .css-1yysiy9:not([data-theme]),
[data-theme="dark"] .css-1yysiy9:not([data-theme]),
.css-1yysiy9[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-1yysiy9::before,
.css-1yysiy9::after,
.css-1yysiy9 * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-11qbwn8 {
    display: flex;
    padding-right: ;
    padding-left: ;
    padding-inline-start: var(--chakra-space-3);
    padding-inline-end: var(--chakra-space-3);
    padding-top: var(--chakra-space-0);
    padding-bottom: var(--chakra-space-3);
}

.css-z7mtfw {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.css-1cjihdz {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    border-radius: var(--chakra-radii-sm);
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
}

.chakra-ui-dark .css-1cjihdz:not([data-theme]),
[data-theme="dark"] .css-1cjihdz:not([data-theme]),
.css-1cjihdz[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-1cjihdz::before,
.css-1cjihdz::after,
.css-1cjihdz * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-1840qk9 {
    width: 100px;
    flex: 1 1 0%;
}

@media screen and (min-width: 768px) {
    .css-1840qk9 {
        width: 132px;
    }
}

.css-k1k2y7 {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

@media screen and (min-width: 768px) {
    .css-k1k2y7 {
        width: 32px;
        height: 32px;
    }
}

.css-aah8th {
    max-width: 720px;
    position: sticky;
    top: 80px;
    display: none;
}

@media screen and (min-width: 1200px) {
    .css-aah8th {
        display: block;
    }
}

.css-wrcsf0 {
    display: flex;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    --card-bg: var(--chakra-colors-chakra-body-bg);
    background-color: var(--card-bg);
    color: var(--chakra-colors-chakra-body-text);
    border-width: var(--card-border-width, 0);
    border-color: var(--card-border-color);
    --card-radius: var(--chakra-radii-md);
    --card-padding: var(--chakra-space-5);
    --card-shadow: var(--chakra-shadows-base);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11.2px 0px;
    width: 100vw;
    max-width: 720px;
    border-radius: 0px;
    position: relative;
    overflow: hidden;
}

.chakra-ui-dark .css-wrcsf0:not([data-theme]),
[data-theme="dark"] .css-wrcsf0:not([data-theme]),
.css-wrcsf0[data-theme="dark"] {
    --card-bg: var(--chakra-colors-gray-700);
}

@media screen and (min-width: 480px) {
    .css-wrcsf0 {
        border-radius: 8px;
    }
}

@media screen and (min-width: 1200px) {
    .css-wrcsf0 {
        width: 400px;
    }
}

@media screen and (max-width: 375px) {
    .css-wrcsf0 {
        width: 375px;
    }
}

.css-urx2c2 {
    position: absolute;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    right: var(--chakra-space-0);
}

.css-1cqscjq {
    text-align: left;
    color: var(--chakra-colors-_brownGrey-800);
    font-size: var(--chakra-fontSizes-lg);
    font-weight: var(--chakra-fontWeights-bold);
    margin-bottom: var(--chakra-space-5);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-2);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px 0px;
}

.css-9ei3yp {
    display: flex;
    flex-direction: column;
    padding-left: var(--chakra-space-4);
    padding-right: var(--chakra-space-4);
    max-height: 500px;
    gap: 16px;
    overflow: hidden auto;
}

.css-9ei3yp::-webkit-scrollbar {
    width: 4px;
    background: var(--chakra-colors-transparent);
}

.css-9ei3yp::-webkit-scrollbar-track {
    border-radius: 6px;
}

.css-9ei3yp::-webkit-scrollbar-thumb {
    background: var(--chakra-colors-_primary-700);
    border-radius: 8px;
}

.css-9ei3yp::-webkit-scrollbar-track-piece:start {
    background-color: var(--chakra-colors-transparent);
    border-radius: 6px;
}

.css-9ei3yp::-webkit-scrollbar-track-piece:end {
    background-color: var(--chakra-colors-transparent);
    border-radius: 6px;
}

.css-1q18a7m {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    font-style: italic;
    color: rgb(137, 123, 118);
}

.css-1hqz9cp {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.css-1du6kcz {
    text-align: left;
    color: rgb(55, 49, 47);
    font-size: var(--chakra-fontSizes-md);
    font-weight: 600;
    margin-bottom: 0px;
}

.css-nfjjek {
    display: flex;
    gap: 0px;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.css-1xzyqo {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_primary-700);
    transition: 0.1s ease-in-out;
}

.css-1xzyqo:hover,
.css-1xzyqo[data-hover] {
    filter: brightness(1.25);
}

.css-58q8o3 {
    min-height: 48px;
    width: 100%;
}

.css-z0quxv {
    display: flex;
    gap: 0.5rem;
    flex-flow: column;
    width: 100%;
}

.css-141pbj9 {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    margin-bottom: var(--chakra-space-4);
}

.css-1yarlby {
    text-align: left;
    color: rgb(55, 49, 47);
    font-size: var(--chakra-fontSizes-md);
    font-weight: 600;
}

.css-s5ptch {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
    background: rgb(255, 247, 244);
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_brownGrey-200);
    border-radius: 4px;
    padding: var(--chakra-space-4);
}

.css-69i1ev {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.css-3vfzd {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-500);
}

.css-1kadfu9 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-700);
}

.css-9q0uug {
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-3);
    padding-bottom: var(--chakra-space-3);
    box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 12px 0px;
}

.css-l4mheo {
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: var(--chakra-space-3);
    border-bottom: 1px dashed rgb(233, 228, 226);
    padding-bottom: var(--chakra-space-3);
}

.css-6sjoth {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-600);
}

.css-d9sef8 {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: var(--chakra-colors-_primary-700);
}

.css-sfajb0 {
    margin-bottom: var(--chakra-space-3);
}

.css-m7lop1 {
    font-weight: 400;
    font-size: var(--chakra-fontSizes-xs);
    color: var(--chakra-colors-_brownGrey-400);
    text-align: left;
}

.css-1v1kv58 {
    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: 4px;
    font-weight: 700;
    border: var(--chakra-borders-none);
    height: 40px;
    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: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%);
    color: var(--chakra-colors-white);
    width: 100%;
    box-shadow: var(--chakra-shadows-none);
    transition: 0.1s ease-in-out;
}

.css-1v1kv58:focus-visible,
.css-1v1kv58[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-1v1kv58:disabled,
.css-1v1kv58[disabled],
.css-1v1kv58[aria-disabled="true"],
.css-1v1kv58[data-disabled] {
    opacity: 1;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
}

.css-1v1kv58:hover,
.css-1v1kv58[data-hover] {
    filter: brightness(1.25);
    color: var(--chakra-colors-white);
}

.css-1v1kv58:hover:disabled,
.css-1v1kv58[data-hover]:disabled,
.css-1v1kv58:hover[disabled],
.css-1v1kv58[data-hover][disabled],
.css-1v1kv58:hover[aria-disabled="true"],
.css-1v1kv58[data-hover][aria-disabled="true"],
.css-1v1kv58:hover[data-disabled],
.css-1v1kv58[data-hover][data-disabled] {
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
    filter: brightness(1);
}

.css-1v1kv58:focus,
.css-1v1kv58[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

.css-1v1kv58:active,
.css-1v1kv58[data-active] {
    filter: brightness(1);
}

.css-xqgknj {
    display: flex;
    padding-inline: 8px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: rgb(0, 0, 0);
    color: var(--chakra-colors-white);
    -webkit-box-pack: center;
    justify-content: center;
}

@media screen and (min-width: 480px) {
    .css-xqgknj {
        padding-inline: 16px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 768px) {
    .css-xqgknj {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media screen and (min-width: 1200px) {
    .css-xqgknj {
        padding-inline: 32px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media screen and (min-width: 1440px) {
    .css-xqgknj {
        padding-inline: 180px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.css-1f6n2tc {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 1200px) {
    .css-1f6n2tc {
        max-width: 1148px;
    }
}

.css-hndvli {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    gap: 16px;
}

@media screen and (min-width: 768px) {
    .css-hndvli {
        flex-direction: row;
        gap: var(--chakra-space-0);
    }
}

.css-1f474hf {
    width: 170px;
    height: 20px;
    position: relative;
}

@media screen and (min-width: 768px) {
    .css-1f474hf {
        width: 212px;
        height: 25px;
    }
}

.css-10egq61 {
    display: flex;
    gap: 16px;
}

.css-13b59u0 {
    display: flex;
    flex-flow: column;
    min-width: 168px;
}

.css-2488mo {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-400);
}

.css-744h54:hover,
.css-744h54[data-hover] {
    text-decoration: underline;
}

.css-qjb7pq {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.css-1aspwtf {
    margin-bottom: var(--chakra-space-2);
}

.css-1aspwtf:hover,
.css-1aspwtf[data-hover] {
    text-decoration: underline;
}

.css-uspoqe {
    border-top-width: 1px;
    border-top-style: solid;
    border-color: var(--chakra-colors-_brownGrey-600);
}

.css-dpkw39 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    gap: 8px;
}

@media screen and (min-width: 768px) {
    .css-dpkw39 {
        flex-direction: row;
        gap: var(--chakra-space-0);
    }
}

.css-1rpm2bf {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-300);
}

.css-1gapyfo {
    height: 60px;
}

.css-1vso8dh {
    padding-top: var(--chakra-space-1);
    padding-bottom: var(--chakra-space-3);
    width: var(--chakra-sizes-full);
}

.css-1uzo8ew {
    display: grid;
    grid-template-areas: "roleID";
    gap: var(--chakra-space-3);
    grid-template-columns: 1fr;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .css-1uzo8ew {
        grid-template-areas: "roleID";
        grid-template-columns: 1fr;
    }
}

.css-143mmu {
    grid-area: roleID;
    width: 100%;
}

.css-1kxonj9 {
    width: 100%;
    position: relative;
}

.css-umt86b {
    width: 100%;
    height: var(--input-height);
    font-size: 14px;
    padding-inline-start: var(--input-padding);
    padding-inline-end: var(--input-padding);
    border-radius: 4px;
    min-width: 250px;
    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);
    border: 2px solid rgb(233, 228, 226);
    color: rgb(55, 49, 47);
    padding: 8px;
    --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);
}

.css-umt86b:disabled,
.css-umt86b[disabled],
.css-umt86b[aria-disabled="true"],
.css-umt86b[data-disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--chakra-colors-_brownGrey-200);
}

.css-umt86b::-webkit-input-placeholder {
    color: rgb(137, 123, 118);
    font-size: 14px;
}

.css-umt86b::placeholder {
    color: rgb(137, 123, 118);
    font-size: 14px;
}

.css-umt86b:focus,
.css-umt86b[data-focus] {
    border-color: rgb(240, 92, 34);
    caret-color: rgb(240, 92, 34);
    box-shadow: var(--chakra-shadows-none);
}

.css-umt86b:hover,
.css-umt86b[data-hover] {
    border-color: var(--chakra-colors-_primary-300);
    box-shadow: rgba(240, 92, 34, 0.5) 0px 0px 12px 0px;
}

.css-umt86b:hover:disabled,
.css-umt86b[data-hover]:disabled,
.css-umt86b:hover[disabled],
.css-umt86b[data-hover][disabled],
.css-umt86b:hover[aria-disabled="true"],
.css-umt86b[data-hover][aria-disabled="true"],
.css-umt86b:hover[data-disabled],
.css-umt86b[data-hover][data-disabled] {
    border-color: rgb(233, 228, 226);
    box-shadow: transparent 0px 0px 12px 0px;
}

.css-umt86b[aria-invalid="true"],
.css-umt86b[data-invalid] {
    border-color: rgb(229, 62, 62);
    background-color: rgb(255, 245, 245);
    color: rgb(229, 62, 62);
}

.css-11k9o53 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: var(--chakra-space-3);
    padding-bottom: var(--chakra-space-2);
}

.css-wdred3 {
    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: 4px;
    font-weight: 700;
    border: var(--chakra-borders-none);
    height: 40px;
    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: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%);
    color: var(--chakra-colors-white);
    box-shadow: var(--chakra-shadows-none);
    transition: 0.1s ease-in-out;
    width: var(--chakra-sizes-full);
}

.css-wdred3:focus-visible,
.css-wdred3[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-wdred3:disabled,
.css-wdred3[disabled],
.css-wdred3[aria-disabled="true"],
.css-wdred3[data-disabled] {
    opacity: 1;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
}

.css-wdred3:hover,
.css-wdred3[data-hover] {
    filter: brightness(1.25);
    color: var(--chakra-colors-white);
}

.css-wdred3:hover:disabled,
.css-wdred3[data-hover]:disabled,
.css-wdred3:hover[disabled],
.css-wdred3[data-hover][disabled],
.css-wdred3:hover[aria-disabled="true"],
.css-wdred3[data-hover][aria-disabled="true"],
.css-wdred3:hover[data-disabled],
.css-wdred3[data-hover][data-disabled] {
    background: var(--chakra-colors-_brownGrey-300);
    color: var(--chakra-colors-white);
    filter: brightness(1);
}

.css-wdred3:focus,
.css-wdred3[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

.css-wdred3:active,
.css-wdred3[data-active] {
    filter: brightness(1);
}

.css-502kp3 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    --form-error-color: var(--chakra-colors-red-500);
    color: var(--form-error-color);
    margin-top: var(--chakra-space-2);
    font-size: var(--chakra-fontSizes-sm);
    line-height: var(--chakra-lineHeights-normal);
}

@media screen and (min-width: 768px) {
    .css-wdred3 {
        width: 300px;
    }
}

.css-246k17 {
    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: 4px;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    border-top-style: ;
    border-top-width: ;
    border-right-style: ;
    border-right-width: ;
    border-bottom-style: ;
    border-bottom-width: ;
    border-left-style: ;
    border-left-width: ;
    border-image-source: ;
    border-image-slice: ;
    border-image-width: ;
    border-image-outset: ;
    border-image-repeat: ;
    height: fit-content;
    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);
    border-color: var(--chakra-colors-gray-200);
    background: var(--chakra-colors-transparent);
    width: fit-content;
    padding: var(--chakra-space-0);
    color: var(--chakra-colors-_infor-600);
    text-decoration: underline;
    font-weight: var(--chakra-fontWeights-normal);
}

.css-246k17:focus-visible,
.css-246k17[data-focus-visible] {
    box-shadow: var(--chakra-shadows-outline);
}

.css-246k17:disabled,
.css-246k17[disabled],
.css-246k17[aria-disabled="true"],
.css-246k17[data-disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
    background: var(--chakra-colors-transparent);
    color: var(--chakra-colors-_primary-700);
}

.css-246k17:hover,
.css-246k17[data-hover] {
    background: var(--chakra-colors-transparent);
    color: var(--chakra-colors-_primary-700);
}

.css-246k17:hover:disabled,
.css-246k17[data-hover]:disabled,
.css-246k17:hover[disabled],
.css-246k17[data-hover][disabled],
.css-246k17:hover[aria-disabled="true"],
.css-246k17[data-hover][aria-disabled="true"],
.css-246k17:hover[data-disabled],
.css-246k17[data-hover][data-disabled] {
    background: initial;
    color: var(--chakra-colors-_primary-700);
}

.css-246k17:focus,
.css-246k17[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

.chakra-button__group[data-attached][data-orientation="horizontal"]>.css-246k17:not(:last-of-type) {
    margin-inline-end: -1px;
}

.chakra-button__group[data-attached][data-orientation="vertical"]>.css-246k17:not(:last-of-type) {
    margin-bottom: -1px;
}

.css-246k17:active,
.css-246k17[data-active] {
    background: var(--chakra-colors-gray-200);
}

.css-nhuyyz {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: relative;
}

.css-1fs5zfo {
    display: flex;
    gap: 0.5rem;
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_brownGrey-200);
    border-radius: 8px;
    padding: 8px;
}

.css-8ie9el {
    display: flex;
    gap: 0.5rem;
    flex-flow: row;
}

.css-eyw51g {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    border-radius: 8px;
    width: 60px;
    height: 29px;
}

.chakra-ui-dark .css-eyw51g:not([data-theme]),
[data-theme="dark"] .css-eyw51g:not([data-theme]),
.css-eyw51g[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-eyw51g::before,
.css-eyw51g::after,
.css-eyw51g * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-2z9m8a {
    width: 80px;
    height: 20px;
}

.css-25qiui {
    --skeleton-start-color: var(--chakra-colors-gray-100);
    --skeleton-end-color: var(--chakra-colors-gray-400);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-color: ;
    border-color: var(--skeleton-end-color);
    opacity: 0.7;
    animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc;
    box-shadow: var(--chakra-shadows-none);
    background-clip: padding-box;
    cursor: default;
    color: var(--chakra-colors-transparent);
    pointer-events: none;
    user-select: none;
    border-radius: var(--chakra-radii-full);
    width: 20px;
    height: 20px;
}

.chakra-ui-dark .css-25qiui:not([data-theme]),
[data-theme="dark"] .css-25qiui:not([data-theme]),
.css-25qiui[data-theme="dark"] {
    --skeleton-start-color: var(--chakra-colors-gray-800);
    --skeleton-end-color: var(--chakra-colors-gray-600);
}

.css-25qiui::before,
.css-25qiui::after,
.css-25qiui * {
    visibility: hidden;
}

@-webkit-keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

@keyframes animation-14pkoxc {
    0% {
        border-color: var(--skeleton-start-color);
        background: var(--skeleton-start-color);
    }

    100% {
        border-color: var(--skeleton-end-color);
        background: var(--skeleton-end-color);
    }
}

.css-16uk4no {
    animation: 0.4s ease 0s 1 normal none running animation-5j8bii;
    width: 80%;
    height: 42px;
    border-radius: 4px;
}

@-webkit-keyframes animation-5j8bii {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animation-5j8bii {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.css-ahyunb {
    animation: 0.4s ease 0s 1 normal none running animation-5j8bii;
}

@-webkit-keyframes animation-5j8bii {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animation-5j8bii {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.css-1en4i71 {
    animation: 0.4s ease 0s 1 normal none running animation-5j8bii;
    border-radius: var(--chakra-radii-full);
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
}

@-webkit-keyframes animation-5j8bii {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animation-5j8bii {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.css-1imze5i {
    animation: auto ease 0s 1 normal none running none;
    width: 80%;
    height: 42px;
    border-radius: 4px;
}

.css-y9b3rd {
    animation: auto ease 0s 1 normal none running none;
    border-radius: var(--chakra-radii-full);
    width: var(--chakra-sizes-10);
    height: var(--chakra-sizes-10);
}

.css-1q37fqq {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    gap: var(--chakra-space-3);
    padding: var(--chakra-space-0);
}

.css-h90oit {
    display: grid;
    gap: var(--chakra-space-4);
    grid-template-columns: repeat(2, minmax(0px, 1fr));
}

@media screen and (min-width: 480px) {
    .css-h90oit {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }
}

.css-17y7j6s {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 0;
}

.css-10klw3m {
    height: 100%;
}

.css-xewrh4 {
    display: flex;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    --card-bg: var(--chakra-colors-chakra-body-bg);
    background-color: var(--card-bg);
    box-shadow: var(--card-shadow);
    color: var(--chakra-colors-chakra-body-text);
    --card-radius: var(--chakra-radii-md);
    --card-padding: var(--chakra-space-5);
    --card-shadow: var(--chakra-shadows-base);
    height: 100%;
    position: relative;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_brownGrey-200);
    border-radius: 8px;
    cursor: pointer;
    transition: 0.1s ease-in-out;
}

.chakra-ui-dark .css-xewrh4:not([data-theme]),
[data-theme="dark"] .css-xewrh4:not([data-theme]),
.css-xewrh4[data-theme="dark"] {
    --card-bg: var(--chakra-colors-gray-700);
}

.css-xewrh4:hover {
    box-shadow: rgba(240, 92, 34, 0.75) 0px 0px 12px 0px;
}

.css-1dnr8sb {
    padding: var(--chakra-space-0);
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}

.css-1trgkjp {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    opacity: 1;
}

.css-1nxzynl {
    padding-inline: 12px;
    padding-top: var(--chakra-space-2);
    opacity: 1;
}

.css-1mrk1dy {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--chakra-line-clamp);
    --chakra-line-clamp: 2;
}

.css-81gbng {
    padding-top: var(--chakra-space-1);
}

.css-1hq43q5 {
    display: flex;
    padding-right: ;
    padding-left: ;
    padding-inline: 12px;
    padding-top: var(--chakra-space-1);
    padding-bottom: var(--chakra-space-3);
}

.css-t7ca1f {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 0%;
    width: 100%;
}

.css-gmuwbf {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-r1mwc5 {
    display: flex;
    user-select: none;
    width: 24px;
    height: 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .css-r1mwc5 {
        width: 32px;
        height: 32px;
    }
}

.css-mm2lg3 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 0.1s ease-in-out;
    background: var(--chakra-colors-_primary-700);
    color: var(--chakra-colors-white);
}

.css-mm2lg3:hover,
.css-mm2lg3[data-hover] {
    filter: brightness(1.25);
}

.css-ruv2w5 {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 1;
}

.css-1hf0qbb {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 2;
}

.css-mexj41 {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 3;
}

.css-f4e34n {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 4;
}

.css-lwqnfj {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 5;
}

.css-u4ytie {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 6;
}

.css-scx9b4 {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 7;
}

.css-1y68xxe {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 8;
}

.css-v679kz {
    display: flex;
    flex-flow: column;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_brownGrey-200);
    padding: 8px;
    width: 100%;
    min-height: 29px;
    text-align: center;
    border-radius: 4px;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    transition: 0.1s ease-in-out;
    position: relative;
}

.css-v679kz:hover,
.css-v679kz[data-hover] {
    box-shadow: rgba(240, 92, 34, 0.75) 0px 0px 12px 0px;
    cursor: pointer;
}

.css-w4nthg {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.css-1rzpubl {
    display: flex;
    gap: var(--chakra-space-0);
    flex-flow: row;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.css-18dxz4l {
    display: flex;
    height: 29px;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transform: scale(0.6);
    margin-left: -24px;
}

.css-1vakbk4 {
    display: flex;
    gap: var(--chakra-space-2);
}

.css-1vzvsgc {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-700);
    padding-bottom: var(--chakra-space-0);
    margin-left: -18px;
}

.css-10mwwxh {
    display: flex;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-inline: 16px;
    border-radius: 0px;
    transition: 0.1s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 8px 8px 14px;
}

.css-10mwwxh:hover {
    background-color: rgb(248, 248, 248);
}

.css-10mwwxh:active {
    background-color: rgb(209, 209, 209);
}

.css-1v0v6h9 {
    display: flex;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-inline: 16px;
    border-radius: 0px;
    transition: 0.1s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    padding: 8px 8px 8px 14px;
    color: rgb(226, 105, 0);
}

.css-1v0v6h9:hover {
    background-color: rgb(248, 248, 248);
}

.css-1v0v6h9:active {
    background-color: rgb(209, 209, 209);
}

.css-i8omiy {
    position: fixed;
    z-index: 1401;
    width: 100vw;
    height: 100vh;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--chakra-colors-white);
    display: flex;
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 1px, rgba(0, 0, 0, 0.075) 0px 1px 2px, rgba(0, 0, 0, 0.075) 1px 2px 4px, rgba(0, 0, 0, 0.075) 1px 3px 8px, rgba(0, 0, 0, 0.075) 2px 4px 16px;
    pointer-events: all;
    grid-area: 1 / 1 / 4 / 4 !important;
}

.swal2-popup.swal2-toast>* {
    grid-column: 2;
}

.swal2-popup.swal2-toast .swal2-title {
    margin: 0.5em 1em;
    padding: 0px;
    font-size: 1em;
    text-align: initial;
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center;
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: 0.5em;
    font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: 0.5em 0px 0px;
    padding: 0.5em 0px 0px;
    font-size: 0.8em;
}

.swal2-popup.swal2-toast .swal2-close {
    grid-area: 1 / 3 / 99 / 3;
    align-self: center;
    width: 0.8em;
    height: 0.8em;
    margin: 0px;
    font-size: 2em;
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: 0.5em 1em;
    padding: 0px;
    overflow: initial;
    font-size: 1em;
    text-align: initial;
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0px;
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-area: 1 / 1 / 99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: 0.25em;
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-area: 1 / 1 / 99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0px 0.5em 0px 0px;
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: bold;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
    top: 0.875em;
    width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
    left: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
    right: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: 0.5em 0px 0px;
    padding: 0px 0.5em;
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0.25em 0.5em;
    padding: 0.4em 0.6em;
    font-size: 1em;
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: rgb(165, 220, 134);
}

.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    border-radius: 50%;
}

.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] {
    top: -0.8em;
    left: -0.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0px 0px 4em;
}

.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] {
    top: -0.25em;
    left: 0.9375em;
    transform-origin: 0px 1.5em;
    border-radius: 0px 4em 4em 0px;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em;
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0px;
    left: 0.4375em;
    width: 0.4375em;
    height: 2.6875em;
}

.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] {
    height: 0.3125em;
}

.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
}

.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-tip;
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-long;
}

.swal2-popup.swal2-toast.swal2-show {
    animation: 0.5s ease 0s 1 normal none running swal2-toast-show;
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: 0.1s ease 0s 1 normal forwards running swal2-toast-hide;
}

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    inset: 0px;
    box-sizing: border-box;
    grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: 0.625em;
    overflow-x: hidden;
    transition: background-color 0.1s;
}

div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
    background: rgba(0, 0, 0, 0.4);
}

div:where(.swal2-container).swal2-backdrop-hide {
    background: rgba(0, 0, 0, 0) !important;
}

div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
    grid-template-columns: minmax(0px, 1fr) auto auto;
}

div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
    grid-template-columns: auto minmax(0px, 1fr) auto;
}

div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
    grid-template-columns: auto auto minmax(0px, 1fr);
}

div:where(.swal2-container).swal2-top-start>.swal2-popup {
    align-self: start;
}

div:where(.swal2-container).swal2-top>.swal2-popup {
    grid-column: 2;
    place-self: start center;
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
    grid-column: 3;
    place-self: start end;
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
    grid-row: 2;
    align-self: center;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-area: 2 / 2;
    place-self: center;
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
    grid-area: 2 / 3;
    place-self: center end;
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
    grid-area: 3 / 1;
    align-self: end;
}

div:where(.swal2-container).swal2-bottom>.swal2-popup {
    grid-area: 3 / 2;
    place-self: end center;
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
    grid-area: 3 / 3;
    place-self: end;
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-column: 1 / 4;
    width: 100%;
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1 / 4;
    align-self: stretch;
}

div:where(.swal2-container).swal2-no-transition {
    transition: none !important;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0px, 100%);
    width: 32em;
    max-width: 100%;
    padding: 0px 0px 1.25em;
    border: none;
    border-radius: 5px;
    background: rgb(255, 255, 255);
    color: rgb(84, 84, 84);
    font-family: inherit;
    font-size: 1rem;
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none;
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0px;
    padding: 0.8em 1em 0px;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    overflow-wrap: break-word;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0px;
    padding: 0px;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
    opacity: 0.4;
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

div:where(.swal2-container) div:where(.swal2-loader) {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0px 1.875em;
    animation: 1.5s linear 0s infinite normal none running swal2-rotate-loading;
    border-width: 0.25em;
    border-style: solid;
    border-radius: 100%;
    border-color: rgb(39, 120, 196) rgba(0, 0, 0, 0);
}

div:where(.swal2-container) button:where(.swal2-styled) {
    margin: 0.3125em;
    padding: 0.625em 1.1em;
    transition: box-shadow 0.1s;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 3px;
    font-weight: 500;
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0px;
    border-radius: 0.25em;
    background: rgb(112, 102, 224);
    color: rgb(255, 255, 255);
    font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: rgba(112, 102, 224, 0.5) 0px 0px 0px 3px;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    border: 0px;
    border-radius: 0.25em;
    background: rgb(220, 55, 65);
    color: rgb(255, 255, 255);
    font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
    box-shadow: rgba(220, 55, 65, 0.5) 0px 0px 0px 3px;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0px;
    border-radius: 0.25em;
    background: rgb(110, 120, 129);
    color: rgb(255, 255, 255);
    font-size: 1em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: rgba(110, 120, 129, 0.5) 0px 0px 0px 3px;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: rgba(100, 150, 200, 0.5) 0px 0px 0px 3px;
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
    outline: none;
}

div:where(.swal2-container) div:where(.swal2-footer) {
    margin: 1em 0px 0px;
    padding: 1em 1em 0px;
    border-top: 1px solid rgb(238, 238, 238);
    color: inherit;
    font-size: 1em;
    text-align: center;
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    grid-column: auto !important;
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    width: 100%;
    height: 0.25em;
    background: rgba(0, 0, 0, 0.2);
}

div:where(.swal2-container) img:where(.swal2-image) {
    max-width: 100%;
    margin: 2em auto 1em;
}

div:where(.swal2-container) button:where(.swal2-close) {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: -1.2em;
    padding: 0px;
    overflow: hidden;
    transition: color 0.1s, box-shadow 0.1s;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    color: rgb(204, 204, 204);
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end;
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    transform: none;
    background: rgba(0, 0, 0, 0);
    color: rgb(242, 116, 116);
}

div:where(.swal2-container) button:where(.swal2-close):focus {
    outline: none;
    box-shadow: rgba(100, 150, 200, 0.5) 0px 0px 0px 3px inset;
}

div:where(.swal2-container) .swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em 0.3em;
    padding: 0px;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-word;
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 1em 2em 3px;
}

div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
    box-sizing: border-box;
    width: auto;
    transition: border-color 0.1s, box-shadow 0.1s;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 0.1875em;
    background: rgba(0, 0, 0, 0);
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 3px;
    color: inherit;
    font-size: 1.125em;
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: rgb(242, 116, 116) !important;
    box-shadow: rgb(242, 116, 116) 0px 0px 2px !important;
}

div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: 1px solid rgb(180, 219, 237);
    outline: none;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px inset, rgba(100, 150, 200, 0.5) 0px 0px 0px 3px;
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: rgb(204, 204, 204);
}

div:where(.swal2-container) .swal2-range {
    margin: 1em 2em 3px;
    background: rgb(255, 255, 255);
}

div:where(.swal2-container) .swal2-range input {
    width: 80%;
}

div:where(.swal2-container) .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center;
}

div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
    height: 2.625em;
    padding: 0px;
    font-size: 1.125em;
    line-height: 2.625em;
}

div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0px 0.75em;
}

div:where(.swal2-container) .swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: rgba(0, 0, 0, 0);
    font-size: 1.125em;
}

div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: 0.75em;
}

div:where(.swal2-container) .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: 0.375em 0.625em;
    background: rgba(0, 0, 0, 0);
    color: inherit;
    font-size: 1.125em;
}

div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: rgb(255, 255, 255);
    color: inherit;
}

div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
    margin: 0px 0.6em;
    font-size: 1.125em;
}

div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
    flex-shrink: 0;
    margin: 0px 0.4em;
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0px;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    justify-content: center;
    margin: 1em 0px 0px;
    padding: 0.625em;
    overflow: hidden;
    background: rgb(240, 240, 240);
    color: rgb(102, 102, 102);
    font-size: 1em;
    font-weight: 300;
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0px 0.625em;
    border-radius: 50%;
    background-color: rgb(242, 116, 116);
    color: rgb(255, 255, 255);
    font-weight: 600;
    line-height: 1.5em;
    text-align: center;
}

div:where(.swal2-container) .swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0px;
    background: rgba(0, 0, 0, 0);
    font-weight: 600;
}

div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: rgb(39, 120, 196);
    color: rgb(255, 255, 255);
    line-height: 2em;
    text-align: center;
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: rgb(39, 120, 196);
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: rgb(173, 216, 230);
    color: rgb(255, 255, 255);
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: rgb(173, 216, 230);
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: 0.4em;
    margin: 0px -1px;
    background: rgb(39, 120, 196);
}

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto 0.6em;
    border: 0.25em solid rgb(0, 0, 0);
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none;
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em;
}

div:where(.swal2-icon).swal2-error {
    border-color: rgb(242, 116, 116);
    color: rgb(242, 116, 116);
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1;
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: 0.3125em;
    border-radius: 0.125em;
    background-color: rgb(242, 116, 116);
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] {
    left: 1.0625em;
    transform: rotate(45deg);
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] {
    right: 1em;
    transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: 0.5s ease 0s 1 normal none running swal2-animate-error-x-mark;
}

div:where(.swal2-icon).swal2-warning {
    border-color: rgb(250, 206, 168);
    color: rgb(248, 187, 134);
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: 0.5s ease 0s 1 normal none running swal2-animate-i-mark;
}

div:where(.swal2-icon).swal2-info {
    border-color: rgb(157, 224, 246);
    color: rgb(63, 195, 238);
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: 0.8s ease 0s 1 normal none running swal2-animate-i-mark;
}

div:where(.swal2-icon).swal2-question {
    border-color: rgb(201, 218, 225);
    color: rgb(135, 173, 189);
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon;
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: 0.8s ease 0s 1 normal none running swal2-animate-question-mark;
}

div:where(.swal2-icon).swal2-success {
    border-color: rgb(165, 220, 134);
    color: rgb(165, 220, 134);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    border-radius: 50%;
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"] {
    top: -0.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0px 0px 7.5em;
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"] {
    top: -0.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0px 3.75em;
    border-radius: 0px 7.5em 7.5em 0px;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -0.25em;
    left: -0.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: 0.25em solid rgba(165, 220, 134, 0.3);
    border-radius: 50%;
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: 0.5em;
    left: 1.625em;
    width: 0.4375em;
    height: 5.625em;
    transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] {
    display: block;
    position: absolute;
    z-index: 2;
    height: 0.3125em;
    border-radius: 0.125em;
    background-color: rgb(165, 220, 134);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] {
    top: 2.875em;
    left: 0.8125em;
    width: 1.5625em;
    transform: rotate(45deg);
}

div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
    transform: rotate(-45deg);
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-tip;
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-long;
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: 4.25s ease-in 0s 1 normal none running swal2-rotate-success-circular-line;
}

[class^="swal2"] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.swal2-show {
    animation: 0.3s ease 0s 1 normal none running swal2-show;
}

.swal2-hide {
    animation: 0.15s ease 0s 1 normal forwards running swal2-hide;
}

.swal2-noanimation {
    transition: none;
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0px;
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0px;
    left: auto;
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-0.625em) rotateZ(2deg);
    }

    33% {
        transform: translateY(0px) rotateZ(-2deg);
    }

    66% {
        transform: translateY(0.3125em) rotateZ(2deg);
    }

    100% {
        transform: translateY(0px) rotateZ(0deg);
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0;
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: 0.5625em;
        left: 0.0625em;
        width: 0px;
    }

    54% {
        top: 0.125em;
        left: 0.125em;
        width: 0px;
    }

    70% {
        top: 0.625em;
        left: -0.25em;
        width: 1.625em;
    }

    84% {
        top: 1.0625em;
        left: 0.75em;
        width: 0.5em;
    }

    100% {
        top: 1.125em;
        left: 0.1875em;
        width: 0.75em;
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0px;
    }

    65% {
        top: 1.25em;
        right: 0.9375em;
        width: 0px;
    }

    84% {
        top: 0.9375em;
        right: 0px;
        width: 1.125em;
    }

    100% {
        top: 0.9375em;
        right: 0.1875em;
        width: 1.375em;
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(0.7);
    }

    45% {
        transform: scale(1.05);
    }

    80% {
        transform: scale(0.95);
    }

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

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: 0.0625em;
        width: 0px;
    }

    54% {
        top: 1.0625em;
        left: 0.125em;
        width: 0px;
    }

    70% {
        top: 2.1875em;
        left: -0.375em;
        width: 3.125em;
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em;
    }

    100% {
        top: 2.8125em;
        left: 0.8125em;
        width: 1.5625em;
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0px;
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0px;
    }

    84% {
        top: 2.1875em;
        right: 0px;
        width: 3.4375em;
    }

    100% {
        top: 2.375em;
        right: 0.5em;
        width: 2.9375em;
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }

    50% {
        margin-top: 1.625em;
        transform: scale(0.4);
        opacity: 0;
    }

    80% {
        margin-top: -0.375em;
        transform: scale(1.15);
    }

    100% {
        margin-top: 0px;
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0;
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: 0.4;
    }

    50% {
        transform: rotateZ(15deg);
        opacity: 0.8;
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden;
}

body.swal2-height-auto {
    height: auto !important;
}

body.swal2-no-backdrop .swal2-container {
    background-color: rgba(0, 0, 0, 0) !important;
    pointer-events: none;
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all;
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px;
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important;
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden="true"] {
        display: none;
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important;
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
}

body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0px auto auto 50%;
    transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0px 0px auto auto;
}

body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
    inset: 0px auto auto 0px;
}

body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
    inset: 50% auto auto 0px;
    transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0px auto auto;
    transform: translateY(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    inset: auto auto 0px 0px;
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0px 50%;
    transform: translateX(-50%);
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0px 0px auto;
}

.__react_component_tooltip {
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    left: -999em;
    opacity: 0;
    padding: 8px 21px;
    position: fixed;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
    top: -999em;
    visibility: hidden;
    z-index: 999;
}

.__react_component_tooltip.allow_hover,
.__react_component_tooltip.allow_click {
    pointer-events: auto;
}

.__react_component_tooltip::before,
.__react_component_tooltip::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
}

.__react_component_tooltip.show {
    opacity: 0.9;
    margin-top: 0px;
    margin-left: 0px;
    visibility: visible;
}

.__react_component_tooltip.type-dark {
    color: rgb(255, 255, 255);
    background-color: rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-top::after {
    border-top: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-bottom::after {
    border-bottom: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-left::after {
    border-left: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.place-right::after {
    border-right: 6px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-dark.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-dark.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success {
    color: rgb(255, 255, 255);
    background-color: rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-top::after {
    border-top: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-bottom::after {
    border-bottom: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-left::after {
    border-left: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.place-right::after {
    border-right: 6px solid rgb(141, 197, 114);
}

.__react_component_tooltip.type-success.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-success.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-top::after {
    border-top: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-bottom::after {
    border-bottom: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-left::after {
    border-left: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.place-right::after {
    border-right: 6px solid rgb(240, 173, 78);
}

.__react_component_tooltip.type-warning.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-warning.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error {
    color: rgb(255, 255, 255);
    background-color: rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-top::after {
    border-top: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-bottom::after {
    border-bottom: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-left::after {
    border-left: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.place-right::after {
    border-right: 6px solid rgb(190, 100, 100);
}

.__react_component_tooltip.type-error.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-error.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info {
    color: rgb(255, 255, 255);
    background-color: rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-top::after {
    border-top: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-bottom::after {
    border-bottom: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-left::after {
    border-left: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.place-right::after {
    border-right: 6px solid rgb(51, 122, 183);
}

.__react_component_tooltip.type-info.border {
    border: 1px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-top::before {
    border-top: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-bottom::before {
    border-bottom: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-left::before {
    border-left: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-info.border.place-right::before {
    border-right: 8px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light {
    color: rgb(34, 34, 34);
    background-color: rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-top::after {
    border-top: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-bottom::after {
    border-bottom: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-left::after {
    border-left: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.place-right::after {
    border-right: 6px solid rgb(255, 255, 255);
}

.__react_component_tooltip.type-light.border {
    border: 1px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-top::before {
    border-top: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-bottom::before {
    border-bottom: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-left::before {
    border-left: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.type-light.border.place-right::before {
    border-right: 8px solid rgb(34, 34, 34);
}

.__react_component_tooltip.place-top {
    margin-top: -10px;
}

.__react_component_tooltip.place-top::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}

.__react_component_tooltip.place-top::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: -6px;
    left: 50%;
    margin-left: -8px;
}

.__react_component_tooltip.place-bottom {
    margin-top: 10px;
}

.__react_component_tooltip.place-bottom::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -8px;
    left: 50%;
    margin-left: -10px;
}

.__react_component_tooltip.place-bottom::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -6px;
    left: 50%;
    margin-left: -8px;
}

.__react_component_tooltip.place-left {
    margin-left: -10px;
}

.__react_component_tooltip.place-left::before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    right: -8px;
    top: 50%;
    margin-top: -5px;
}

.__react_component_tooltip.place-left::after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -6px;
    top: 50%;
    margin-top: -4px;
}

.__react_component_tooltip.place-right {
    margin-left: 10px;
}

.__react_component_tooltip.place-right::before {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    left: -8px;
    top: 50%;
    margin-top: -5px;
}

.__react_component_tooltip.place-right::after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -6px;
    top: 50%;
    margin-top: -4px;
}

.__react_component_tooltip .multi-line {
    display: block;
    padding: 2px 0px;
    text-align: center;
}

.ejoy-sub-active {
    color: rgb(18, 150, 186) !important;
}

.ejoy-sub-hovered {
    color: rgb(18, 150, 186) !important;
}

.ejoy-sub-clzz {
    cursor: pointer;
    font-size: 28px;
    color: rgb(255, 204, 0);
    background: rgba(17, 17, 17, 0.7);
}

.ejoy-sub-clzz:hover {
    color: rgb(18, 150, 186) !important;
}

.ej-trans-sub {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
    cursor: move;
}

.ej-trans-sub>span {
    text-align: center;
    line-height: 1.5;
    padding: 0px 8px;
    font-size: 16px;
    color: rgb(12, 177, 199);
    background: rgba(67, 65, 65, 0.7);
}

.ej-full-screen-video {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    cursor: pointer;
}

.ej-main-sub {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    cursor: move;
    padding: 0px 8px;
}

.ej-main-sub>span {
    line-height: 1.5;
    text-align: center;
    padding: 2px 8px;
    font-size: 28px;
    color: rgb(255, 204, 0);
    background: rgba(17, 17, 17, 0.7);
}

.ej-main-sub .ejoy-sub-clzz {
    background: transparent !important;
}

.tran-subtitle>span {
    cursor: pointer;
    padding-left: 10px;
    top: 2px;
    position: relative;
}

.tran-subtitle>span>span {
    position: absolute;
    top: -170%;
    background: rgba(0, 0, 0, 0.5);
    font-size: 13px;
    line-height: 20px;
    padding: 2px 8px;
    color: white;
    display: none;
    border-radius: 4px;
    white-space: nowrap;
    left: -50%;
    font-weight: normal;
}

.viewPopupPro {
    cursor: auto;
    position: absolute;
    z-index: 2147483647;
    background: rgb(17, 17, 17);
    transition: opacity 1s;
    width: 172px;
    height: 66px;
    opacity: 1;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.titlePopupPro {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: rgb(229, 229, 229);
    text-shadow: rgba(0, 0, 0, 0.25) 0px 3px 3px;
}

.viewGoPro {
    background: rgb(255, 204, 0);
    border-radius: 72.6257px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    padding-left: 10px;
    cursor: pointer;
}

.viewGoPro svg {
    pointer-events: none;
}

.textGoPro {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    pointer-events: none;
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 4px 14px 4px 4px;
}

.viewPopupPro {
    top: auto !important;
    bottom: 15px !important;
}

.view-icon-copy-main-sub:hover>span,
.view-icon-edit-sub:hover>span,
.view-icon-exit-full-sub:hover>span,
.view-icon-full-sub:hover>span,
.iconCrownGoPro:hover>span,
.view-icon-copy-tran-sub:hover>span {
    display: block;
}

.iconCrownGoPro {
    padding-left: 0px !important;
    padding-right: 8px !important;
}

.iconCrownGoPro svg {
    width: 17px;
    height: 17px;
}

.view-icon-full-sub,
.view-icon-exit-full-sub {
    display: flex;
}

.view-icon-full-sub>svg,
.view-icon-exit-full-sub>svg {
    pointer-events: none;
}

.tran-subtitle>span>svg {
    width: 16px;
    height: 16px;
    pointer-events: none;
    display: inline-flex !important;
    vertical-align: baseline !important;
}

.view-icon-copy-main-sub>svg {
    pointer-events: none;
    color: rgb(255, 204, 0);
}

.iconCrownGoPro {
    padding-left: 0px !important;
    padding-right: 8px !important;
}

.view-icon-copy-tran-sub>svg {
    pointer-events: none;
    color: rgb(12, 177, 199);
}

.css-n3hkqg:hover,
.css-n3hkqg[data-hover] {
    background: var(--chakra-colors-_primary-200);
}

.css-n3hkqg {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    transition: 0.1sease-in-out;
    color: var(--chakra-colors-_primary-700);
    background: var(--chakra-colors-_primary-100);
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000000;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.modal-overlay.active {
    visibility: visible;
    opacity: 1;
}

.modal-content {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-overlay.active .modal-content {
    transform: translateY(0);
}

.modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
}

.modal-title {
    font-size: 18px;
    font-weight: 500;
}

.modal-close {
    cursor: pointer;
    font-size: 24px;
    color: #999;
}

.modal-body {
    padding: 20px;
}

.product-info {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.product-image {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-details h3 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: normal;
}

.product-price {
    color: #ff5722;
    font-weight: bold;
    font-size: 18px;
}

.section-title {
    font-size: 18px;
    margin: 20px 0 15px;
    font-weight: 500;
}

.product-description {
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
}

.highlight {
    font-weight: bold;
}

.quantity-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.quantity-label {
    font-size: 16px;
    color: #666;
}

.quantity-selector {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 15px;
    color: #333;
}

.total-section {
    margin: 20px 0;
}

.total-label {
    font-size: 16px;
    color: #666;
}

.total-price {
    color: #ff5722;
    font-weight: bold;
    font-size: 18px;
}

.add-to-cart-btn {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #ff5722 !important;
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer;
    transition: background-color 0.3s !important;
}

.add-to-cart-btn:hover {
    background-color: #e64a19;
}

/* Mobile Cart Modal */
.mobile-cart-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    visibility: hidden;
}

.mobile-cart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-cart-content {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 16px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.mobile-cart-modal.active {
    visibility: visible;
}

.mobile-cart-modal.active .mobile-cart-overlay {
    opacity: 1;
}

.mobile-cart-modal.active .mobile-cart-content {
    transform: translateY(0);
}

.mobile-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.mobile-cart-title {
    font-weight: bold;
    font-size: 18px;
}

.mobile-cart-close {
    font-size: 24px;
    cursor: pointer;
}

.mobile-cart-items {
    flex: 1;
    /* overflow-y: auto; */
    padding: 16px 0;
    margin-bottom: 400px;
}

.mobile-cart-item {
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
}

.mobile-cart-item-image {
    width: 71px;
    height: 40px;
    border-radius: 6px;
    margin-right: 12px;
}

.mobile-cart-item-details {
    flex: 1;
}

.mobile-cart-item-title {
    font-weight: bold;
    margin-bottom: 4px;
}

.mobile-cart-item-price {
    color: #FF5722;
}

.mobile-cart-item-quantity {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.mobile-cart-footer {
    padding-top: 16px;
    border-top: 1px solid #eee;
}

.mobile-cart-total {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    font-weight: bold;
}

.mobile-cart-total-price {
    color: #FF5722;
}

.mobile-cart-checkout {
    width: 100%;
    padding: 12px;
    background-color: #FF5722;
    color: white;
    border: none;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
}

.mobile-cart-checkout:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.quantity-value {
    font-size: 14px;
    font-weight: 400;
    color: #6e625e;
    background-color: #f4f2f1;
    padding: 3px 7px;
    border-radius: 5px;
}

/* Responsive design cho desktop */
@media screen and (min-width: 768px) {

    .modal-content {
        position: relative;
        width: 90%;
        max-width: 500px;
        margin: 0 auto;
        /* top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
        border-radius: 8px;
    }

    /* .modal-overlay.active .modal-content {
        transform: translate(-50%, -50%);
    } */
}

/* Cải thiện giao diện modal trĂªn mobile */
@media screen and (max-width: 767px) {
    .css-8g8ihq {
        margin-top: 40px;
    }

    /* Điều chỉnh kĂ­ch thÆ°á»›c font vĂ  padding */
    .modal-title {
        font-size: 16px;
    }

    .modal-close {
        font-size: 22px;
    }

    .modal-header {
        padding: 12px 16px;
    }

    .modal-body {
        padding: 16px;
    }

    /* Điều chỉnh thĂ´ng tin sản phẩm */
    .product-info {
        margin-bottom: 16px;
    }

    .product-image {
        width: 50px;
        height: 50px;
        margin-right: 12px;
    }

    .product-details h3 {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .product-price {
        font-size: 16px;
    }

    /* Điều chỉnh tiĂªu đề vĂ  mĂ´ tả */
    .section-title {
        font-size: 15px;
        margin: 16px 0 12px;
    }

    .product-description {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    /* Điều chỉnh phần số lượng */
    .quantity-section {
        margin: 16px 0;
        padding: 8px 0;
    }

    .quantity-label {
        font-size: 14px;
    }

    .quantity-selector {
        padding: 6px 12px;
        font-size: 14px;
    }

    /* Điều chỉnh thĂ´ng bĂ¡o */
    .popup-notice {
        font-size: 12px;
        padding: 8px;
        margin: 8px 0;
    }

    /* Điều chỉnh phần tổng tiền */
    .total-section {
        margin: 16px 0;
    }

    .total-label {
        font-size: 14px;
    }

    .total-price {
        font-size: 16px;
    }

    /* Điều chỉnh nĂºt thĂªm vĂ o giỏ hĂ ng */
    .add-to-cart-btn {
        padding: 12px;
        font-size: 15px;
    }

    /* Giới hạn chiều cao tối đa của modal */
    .modal-content {
        max-height: 85vh;
    }

    /* Cải thiện thanh cuộn */
    .modal-body::-webkit-scrollbar {
        width: 4px;
    }

    .modal-body::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }
}

/* Cải thiện giao diện giỏ hĂ ng mobile */
@media screen and (max-width: 767px) {
    .mobile-cart-title {
        font-size: 16px;
    }

    .mobile-cart-close {
        font-size: 22px;
    }

    .mobile-cart-header {
        padding: 12px 16px;
    }

    .mobile-cart-item-title {
        font-size: 14px;
    }

    .mobile-cart-item-price {
        font-size: 14px;
    }

    .mobile-cart-total {
        font-size: 15px;
    }

    .mobile-cart-total-price {
        font-size: 16px;
    }

    .mobile-cart-checkout {
        padding: 12px;
        font-size: 15px;
    }

    .mobile-cart-items {
        margin-bottom: 16px;
    }

    .mobile-cart-item {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
}

/* Cải thiện hiệu ứng chuyển động */
.modal-overlay {
    transition: opacity 0.25s ease;
}

.modal-content {
    transition: transform 0.25s ease-out;
}

/* ThĂªm hiệu ứng ripple cho nĂºt */
.add-to-cart-btn,
.mobile-cart-checkout {
    position: relative;
    overflow: hidden;
}

.add-to-cart-btn:after,
.mobile-cart-checkout:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform 0.5s, opacity 0.5s;
}

.add-to-cart-btn:active:after,
.mobile-cart-checkout:active:after {
    transform: scale(0, 0);
    opacity: 0.3;
    transition: 0s;
}

/* Cải thiện hiển thị trĂªn mĂ n hình nhỏ */
@media screen and (max-width: 320px) {

    .modal-body,
    .mobile-cart-content {
        padding: 12px;
    }

    .product-image {
        width: 40px;
        height: 40px;
    }

    .product-details h3 {
        font-size: 13px;
    }

    .product-price {
        font-size: 14px;
    }

    .section-title {
        font-size: 14px;
    }

    .product-description {
        font-size: 12px;
    }

    .add-to-cart-btn,
    .mobile-cart-checkout {
        padding: 10px;
        font-size: 14px;
    }
}

/* Card Container */
.account-card {
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 380px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.account-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* Card Header */
.card-header {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white;
    padding: 20px 24px;
    position: relative;
}

.card-title {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.card-title::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

/* User Info Container */
.user-info {
    display: flex;
    align-items: center;
    padding: 24px;
    padding-top: 0;
    position: relative;
}

.user-info::after {
    content: '';
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    height: 1px;
    background-color: #e5e7eb;
}

/* Avatar */
.avatar {
    flex-shrink: 0;
    position: relative;
}

.avatar-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.avatar::after {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #10b981;
    border: 2px solid white;
}

.avatar-img:hover {
    transform: scale(1.05);
}

/* User Details */
.user-details {
    margin-left: 20px;
    flex-grow: 1;
}

.name {
    font-size: 20px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 4px;
}

.username {
    font-size: 14px;
    color: #6b7280;
    display: flex;
    align-items: center;
}

/* Stats Section */
.user-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 16px 0;
}

.stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
}

.stat-value {
    font-size: 18px;
    font-weight: 600;
    color: #4f46e5;
}

.stat-label {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
}

/* Card Footer */
.card-footer {
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    background-color: #f9fafb;
}

.edit-profile-btn {
    background-color: #4f46e5;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background-color 0.2s ease;
}

.edit-profile-btn:hover {
    background-color: #4338ca;
}

.edit-profile-btn::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
}

/* Responsive */
@media (max-width: 480px) {
    .account-card {
        max-width: 100%;
    }

    .user-info {
        flex-direction: column;
        text-align: center;
    }

    .user-details {
        margin-left: 0;
        margin-top: 16px;
    }

    .username {
        justify-content: center;
    }

    .logout {
        margin-top: 16px;
    }
}

.css-efs1c2 {
    display: flex;
    flex-flow: column;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_primary-700);
    padding: 8px;
    width: 100%;
    min-height: 29px;
    text-align: center;
    border-radius: 4px;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
    transition: 0.1s ease-in-out;
    position: relative;
}

.css-ed44lh {
    width: 100%;
    height: 4px;
    background: var(--chakra-colors-_brownGrey-200);
    margin-bottom: var(--chakra-space-4);
}

.css-qjxadg {
    width: 100%;
    height: 4px;
    background: var(--chakra-colors-_brownGrey-200);
    margin-top: var(--chakra-space-3);
}

.list-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
    margin: 0px -8px;
}

.list-card .item {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #eee;
    cursor: pointer;
    /* margin: 5px; */
    padding: 15px 5px;
    text-align: center;
    width: 155px;
    border-radius: 5px;
}

.list-card .item img {
    width: 70%;
}

.list-card .item.selected {
    border-color: #face15;
}

.css-z0quxv .input {
    margin: 5px 0;
    /* padding: 5px; */
}

.css-z0quxv .input input {
    border: 2px solid #eee;
    box-sizing: border-box;
    font-size: 12px;
    padding: 8px;
    width: 100%;
    border-radius: 5px;
}

.loadingContainer .loading {
    background-image: url("https://shop.vnggames.com/loading.png");
}

.loadingContainer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.loadingContainer .loading {
    position: fixed;
    inset: 0px;
    background-color: rgba(255, 255, 255, 0.4);
    background-repeat: no-repeat;
    background-position: center 30px;
    background-size: 50px;
    margin: auto;
    padding-top: 65px;
    text-align: center;
    animation: 1s linear 0s infinite normal none running waving;
    width: 100px;
    height: 100px;
    z-index: 1000;
    border-radius: 50%;
}

.loadingContainer .loading>div {
    background: #fff;
    width: 7px;
    height: 7px;
    border-radius: 8px;
    margin: 0 4px;
    opacity: 0;
    display: inline-block;
    animation: blink 1s infinite;
}

.loadingContainer .loading>div:nth-child(2) {
    animation-delay: 0.2s;
}

.loadingContainer .loading>div:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes waving {
    0% {
        box-shadow: rgba(255, 255, 255, 1) 0 0 0px 0px,
            rgba(255, 255, 255, 1) 0 0 0px 0px,
            rgba(255, 255, 255, 1) 0 0 0px 0px;
    }

    17% {
        box-shadow: rgba(255, 255, 255, 1) 0 0 0px 5px,
            rgba(255, 255, 255, 1) 0 0 0px 0px,
            rgba(255, 255, 255, 1) 0 0 0px 0px;
    }

    34% {
        box-shadow: rgba(255, 255, 255, 0.5) 0 0 0px 10px,
            rgba(255, 255, 255, 1) 0 0 0px 5px,
            rgba(255, 255, 255, 1) 0 0 0px 0px;
    }

    51% {
        box-shadow: rgba(255, 255, 255, 0.25) 0 0 0px 15px,
            rgba(255, 255, 255, 0.5) 0 0 0px 10px,
            rgba(255, 255, 255, 1) 0 0 0px 5px;
    }

    68% {
        box-shadow: rgba(255, 255, 255, 0) 0 0 0px 15px,
            rgba(255, 255, 255, 0.25) 0 0 0px 15px,
            rgba(255, 255, 255, 0.5) 0 0 0px 10px;
    }

    85% {
        box-shadow: rgba(255, 255, 255, 0) 0 0 0px 15px,
            rgba(255, 255, 255, 0) 0 0 0px 15px,
            rgba(255, 255, 255, 0.25) 0 0 0px 15px;
    }

    100% {
        box-shadow: rgba(255, 255, 255, 0) 0 0 0px 15px,
            rgba(255, 255, 255, 0) 0 0 0px 15px,
            rgba(255, 255, 255, 0) 0 0 0px 15px;
    }
}

@keyframes blink {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.box-loading:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

.box-loading {
    width: 300px;
    height: 300px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999;
}

.box-loading.disapear {
    animation: disapear 1s 1;
}

.box-loading.disapear:before {
    display: none;
}

.box-loading.disapear .logo-load {
    opacity: 0;
    transition: 0.3s;
}

@keyframes disapear {
    from {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }

    to {
        transform: scale(10);
        opacity: 0;
        visibility: hidden;
    }
}

.box-loading .inner {
    width: 80%;
    height: 80%;
    background: rgba(226, 105, 0, 0.7);
    position: absolute;
    left: 10%;
    top: 10%;
    border-radius: 45%;
    animation: spinning 1.5s infinite linear;
}

.box-loading .inner:last-child {
    animation-delay: 0.3s;
    height: 76%;
    background: rgba(226, 141, 0, 0.77);
}

@keyframes spinning {
    from {
        transform: rotate(0deg) skewX(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) skewX(5deg) scale(0.9);
    }

    to {
        transform: rotate(360deg) skewX(0deg) scale(1);
    }
}

.logo-load {
    width: 140px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.logo-load img {
    width: 100%;
    /* transform: scale(1.2); */
    max-width: 70px;
    margin: auto;
    display: block;
}

.logo-load p {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.logo-load p span {
    letter-spacing: 1px;
    width: 3px;
    display: inline-block;
    overflow: hidden;
    animation: showdot 1s steps(3, end) infinite;
    position: relative;
    top: 3px;
}

@keyframes showdot {
    from {
        width: 3px;
    }

    50% {
        width: 7px;
    }

    to {
        width: 11px;
    }
}

@media (max-width: 480px) {
    .box-loading {
        width: 200px;
        height: 200px;
    }

    .logo-load {
        width: 100px;
    }
}