: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: 1184px;
    --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;
    -webkit-text-size-adjust: 100%;
    font-family: system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    touch-action: manipulation;
}

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

:where(*, *::before, *::after) {
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    word-wrap: break-word;
}

main {
    display: block;
}

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

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

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

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -webkit-text-decoration: underline dotted;
    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: 0;
}

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

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

:where(button::-moz-focus-inner,
            [type="button"]::-moz-focus-inner,
            [type="reset"]::-moz-focus-inner,
            [type="submit"]::-moz-focus-inner) {
    border-style: none;
    padding: 0;
}

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

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

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

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

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

input[type="number"] {
    -moz-appearance: textfield;
}

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

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

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

details {
    display: block;
}

summary {
    display: -webkit-box;
    display: -webkit-list-item;
    display: -ms-list-itembox;
    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: 0;
}

button {
    background: transparent;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
}

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

textarea {
    resize: vertical;
}

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

button::-moz-focus-inner {
    border: 0 !important;
}

table {
    border-collapse: collapse;
}

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

:where(button, input, optgroup, select, textarea) {
    padding: 0;
    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;
}

select::-ms-expand {
    display: 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);
}

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

*:-ms-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-3wa4a3 {
    position: fixed;
    z-index: 1401;
    width: 100vw;
    height: 100vh;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--chakra-colors-whiteAlpha-700);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

.css-3wa4a3 {
    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-whiteAlpha-700);
    display: flex;
    transition: background-color 0.2s;
}

.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-zilk99 {
    height: 60px;
    transition: height 0.2s ease-in-out;
}

.css-b0c1gf {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
    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-b0c1gf {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.css-11vl7h3 {
    width: 100%;
    margin-inline: auto;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    max-width: var(--chakra-sizes-container-xl);
}

.css-1ueuk88 {
    display: grid;
    width: 100%;
    max-width: 100%;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo ecosystem auth" "search search search";
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .css-1ueuk88 {
        max-width: 1148px;
        grid-template-columns: auto 1fr auto auto;
        grid-template-areas: "logo search ecosystem auth";
        gap: var(--chakra-space-4);
    }
}

.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;
}

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

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

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

@media screen and (min-width: 1200px) {
    .css-xsu0z2 {
        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,
.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-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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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-kfj70v:disabled,
.css-kfj70v[disabled],
.css-kfj70v[aria-disabled="true"],
.css-kfj70v[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
}

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

.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,
.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 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-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-1jx1ifd {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    opacity: 0.5;
}

.css-13xtp7w {
    position: relative;
    cursor: not-allowed;
    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-p0fvqp {
    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: 200px;
    color: rgb(96, 98, 102);
    overflow-y: auto;
}

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

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

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

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

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

.css-kw8h1g {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    background: rgb(254, 241, 220);
    border-radius: 4px;
    color: var(--chakra-colors-_warning-400);
    padding: var(--chakra-space-2);
    margin-bottom: var(--chakra-space-2);
}

.css-12cmwpe {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

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

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

.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: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: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: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: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,
.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: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: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: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: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: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: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: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:focus,
.css-h6mc6d[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

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

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

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

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

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

.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: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: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: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: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 {
    box-shadow: rgba(240, 92, 34, 0.25) 0px 0px 12px 0px;
}

.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: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: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: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: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: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: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: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[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-7zhyyi {
    width: 100%;
    margin-inline: auto;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    max-width: var(--chakra-sizes-container-xl);
}

.css-12jb04y {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1 1 0%;
    min-height: 100vh;
    width: 100%;
}

.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:hover,
.css-70fe31[data-hover] {
    filter: brightness(1.25);
}

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

.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: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: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: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: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,
.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: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: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: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: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: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: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: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:focus,
.css-i3mna9[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

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

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

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

.css-1u7y6fh {
    max-width: 100%;
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    margin-inline: auto;
}

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

@media screen and (min-width: 1200px) {
    .css-1u7y6fh {
        max-width: var(--chakra-sizes-container-xl);
    }
}

.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: ;
    padding-left: ;
    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-5kt1vw {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

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

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

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

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

.css-ygb4wq {
    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: 100%;
    border-radius: 0px;
}

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

@media screen and (min-width: 768px) {
    .css-ygb4wq {
        width: 720px;
        max-width: 720px;
    }
}

@media screen and (min-width: 1200px) {
    .css-ygb4wq {
        max-width: var(--chakra-sizes-container-xl);
    }
}

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

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

.css-9bgf4o {
    display: none;
    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-1imze5i {
    animation: auto ease 0s 1 normal none running none;
    width: 80%;
    height: 42px;
    border-radius: 4px;
}

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

.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-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-5sxn50 {
    margin-top: var(--chakra-space-1);
}

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

.css-dbucmv {
    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-4);
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .css-dbucmv {
        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-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: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: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: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: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,
.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: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: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: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: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: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: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: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);
}

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

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

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

.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;
}

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

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

.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;
}

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

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

.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;
}

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

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

.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;
}

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

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

.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: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: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: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: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,
.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: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: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: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: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: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: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: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-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-bxak8j {
    margin-bottom: var(--chakra-space-2);
}

.css-1q774ax {
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-600);
}

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

.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);
}

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

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

.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: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: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: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,
.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: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: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: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: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: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: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: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:focus,
.css-wdred3[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

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

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

.css-1a0x088 {
    width: 100%;
    position: relative;
    padding: var(--chakra-space-5);
}

.css-rlgqhv {
    opacity: 0.6;
    border-width: 0px 0px 1px;
    border-image: initial;
    border-style: solid;
    width: 100%;
    border-color: var(--chakra-colors-_brownGrey-300);
}

.css-1aj3oz2 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--chakra-colors-white);
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    position: absolute;
}

.css-1qgudp3 {
    font-size: 14px;
    font-weight: 400;
    color: var(--chakra-colors-_brownGrey-500);
    text-align: center;
}

.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-1iggp6x {
    display: flex;
    gap: 0.5rem;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    padding: var(--chakra-space-2);
    background: var(--chakra-colors-_primary-100);
    border-radius: 8px;
}

.css-tvgu0f {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 0;
    --switch-track-diff: calc(var(--switch-track-width) - var(--switch-track-height));
    --switch-thumb-x: var(--switch-track-diff);
    --switch-track-width: 1.375rem;
    --switch-track-height: var(--chakra-sizes-3);
    transition: 0.1s ease-in-out;
}

[dir="rtl"] .css-tvgu0f,
.css-tvgu0f[dir="rtl"] {
    --switch-thumb-x: calc(var(--switch-track-diff) * -1);
}

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

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

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

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

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

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

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

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

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

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

.css-qraar1[aria-checked="true"],
.css-qraar1[data-checked] {
    --switch-bg: var(--chakra-colors-blue-500);
    background: var(--chakra-colors-_primary-700);
}

.css-qraar1[aria-checked="true"],
.css-qraar1[data-checked] {
    --switch-bg: var(--chakra-colors-blue-500);
    background: var(--chakra-colors-_primary-700);
}

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

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

.css-xzcsi4 {
    background: var(--chakra-colors-white);
    transition-property: transform;
    transition-duration: var(--chakra-transition-duration-normal);
    border-radius: inherit;
    width: var(--switch-track-height);
    height: var(--switch-track-height);
    margin-top: 2px;
}

.css-xzcsi4[aria-checked="true"],
.css-xzcsi4[data-checked] {
    transform: translateX(15px);
}

.css-xzcsi4[aria-checked="true"],
.css-xzcsi4[data-checked] {
    transform: translateX(15px);
}

.css-ik9s43 {
    color: var(--chakra-colors-_brownGrey-600);
}

.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;
}

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

.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;
}

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

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

.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;
}

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

.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;
}

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

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

.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;
}

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

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

.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;
}

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

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

.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;
}

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

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

.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-1ibg9x7 {
    max-width: 400px;
    position: sticky;
    top: 80px;
}

.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;
}

@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;
    }
}

.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);
}

.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-1judbq2 {
    display: flex;
    flex-direction: column;
    padding-left: var(--chakra-space-4);
    padding-right: var(--chakra-space-4);
    max-height: 360px;
    min-height: 360px;
    position: relative;
    gap: 16px;
    overflow: hidden auto;
}

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

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

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

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

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

.css-1811skr {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
}

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

.css-uw6zfl {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-0);
    width: calc(100% + 32px);
    margin-left: -16px;
}

.css-ckgwdz {
    display: flex;
    gap: 0.5rem;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    flex-flow: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

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

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

.css-182knxy {
    text-align: left;
    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-1uyk5dz {
    display: flex;
    width: 100%;
    gap: var(--chakra-space-1);
    flex-direction: column;
}

.css-1qdyvok {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: flex-start;
}

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

.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: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: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: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: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,
.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: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: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: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: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: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: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: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:focus,
.css-1v1kv58[data-focus] {
    box-shadow: var(--chakra-shadows-none);
}

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

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

.css-t1g3z3 {
    margin-bottom: 58px;
}

@media screen and (min-width: 768px) {
    .css-t1g3z3 {
        margin-bottom: var(--chakra-space-0);
    }
}

.css-lfg2dn {
    display: flex;
    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-lfg2dn {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

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

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

@media screen and (min-width: 1440px) {
    .css-lfg2dn {
        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-ry3hyw {
    width: 170px;
    height: 20px;
    position: relative;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .css-ry3hyw {
        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-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-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-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-1l3xdet {
    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: 100px;
    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;
    padding-top: 8px;
    padding-bottom: 8px;
    width: fit-content;
}

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

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

.css-1l3xdet:disabled,
.css-1l3xdet[disabled],
.css-1l3xdet[aria-disabled="true"],
.css-1l3xdet[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-1l3xdet:disabled,
.css-1l3xdet[disabled],
.css-1l3xdet[aria-disabled="true"],
.css-1l3xdet[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-1l3xdet:disabled,
.css-1l3xdet[disabled],
.css-1l3xdet[aria-disabled="true"],
.css-1l3xdet[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-1l3xdet:disabled,
.css-1l3xdet[disabled],
.css-1l3xdet[aria-disabled="true"],
.css-1l3xdet[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-1l3xdet:hover,
.css-1l3xdet[data-hover] {
    filter: brightness(1.25);
    color: var(--chakra-colors-white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.css-gns8c9 {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 150%;
}

.css-8rk2b8 {
    max-width: 100%;
    transition: 0.1s ease-in-out;
}

@media screen and (min-width: 768px) {
    .css-8rk2b8 {
        max-width: 80%;
    }
}

.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-16uk4no {
    animation: 0.4s ease 0s 1 normal none running animation-5j8bii;
    width: 80%;
    height: 42px;
    border-radius: 4px;
}

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

.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);
}

.css-5rzbid {
    position: relative;
    min-width: 200px;
    cursor: not-allowed;
    opacity: 0.6;
}

.css-1ks4za5 {
    width: 100%;
    height: var(--input-height);
    padding-inline-start: var(--input-height);
    padding-inline-end: var(--input-height);
    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;
    pointer-events: none;
    cursor: default;
}

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

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

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

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

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

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

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

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

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

.css-1ks4za5:hover {
    box-shadow: transparent 0px 0px 12px;
}

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

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

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

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

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

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

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

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

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

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

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

.css-1ks4za5: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-12gk1xr {
    position: absolute;
    left: 42px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.css-2vyiu3 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 20px;
    overflow: hidden;
}

.css-zan72t {
    color: rgb(137, 123, 118);
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    width: fit-content;
}

.css-29608s {
    right: 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;
    cursor: default;
}

.css-1c577i1 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    font-size: 20px;
}

.css-1avsqgv {
    width: 20px;
    height: 20px;
    animation: 2s linear 0s infinite normal none running animation-b7n1on;
}

.css-ol3i12 {
    fill: var(--chakra-colors-transparent);
    stroke: rgb(237, 235, 233);
}

.css-1x07pm2 {
    fill: var(--chakra-colors-transparent);
    stroke: var(--chakra-colors-_primary-700);
    animation: 1.5s linear 0s infinite normal none running animation-17vs1pd;
}

.css-l3fu7n {
    min-height: 48px;
    width: 100%;
    flex: 1 1 0%;
}

.css-wt5l11 {
    padding-top: var(--chakra-space-2);
}

.css-ifaqpy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: var(--chakra-space-2);
    width: 100%;
    padding-bottom: var(--chakra-space-2);
}

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

.css-my5pws {
    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-my5pws:hover,
.css-my5pws[data-hover] {
    box-shadow: var(--chakra-shadows-none);
    cursor: default;
}

.css-my5pws:hover,
.css-my5pws[data-hover] {
    box-shadow: var(--chakra-shadows-none);
    cursor: default;
}

.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-wkgirs {
    display: flex;
    flex-flow: row;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 36px;
}

.css-1u8q9ob {
    width: 65px;
    height: 28px;
    position: relative;
}

.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-1s5zw9x {
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.css-zlr16e {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    z-index: 1299;
    bottom: 60px;
    right: 14px;
    width: 120px;
    height: 120px;
}

.css-zlr16e:hover {
    cursor: pointer;
}

.css-vq54xo {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    color: rgb(255, 255, 255);
    width: 24px;
    height: 24px;
    position: absolute;
    top: -8px;
    right: -8px;
}

.css-vq54xo:hover {
    cursor: pointer;
    transform: scale(1.2);
    transition: transform 0.3s;
}

.css-pcf8ru {
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    width: 100vw;
    height: 100vh;
    background: var(--chakra-colors-blackAlpha-600);
    z-index: var(--chakra-zIndices-modal);
}

.css-1lrh2w0 {
    display: flex;
    width: 100vw;
    height: var(--chakra-vh);
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    z-index: var(--chakra-zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: auto;
    overscroll-behavior-y: none;
}

.css-1khshha {
    display: flex;
    flex-direction: column;
    width: 100%;
    outline: transparent solid 2px;
    outline-offset: 2px;
    border-radius: var(--chakra-radii-md);
    color: inherit;
    margin-top: auto;
    margin-bottom: auto;
    margin-inline: auto;
    z-index: var(--chakra-zIndices-modal);
    --modal-bg: var(--chakra-colors-white);
    --modal-shadow: var(--chakra-shadows-lg);
    background-image: ;
    background-position-x: ;
    background-position-y: ;
    background-size: ;
    background-repeat: ;
    background-attachment: ;
    background-origin: ;
    background-clip: ;
    max-width: var(--chakra-sizes-lg);
    background-color: var(--chakra-colors-transparent);
    box-shadow: var(--chakra-shadows-none);
    position: relative;
}

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

.css-nrenb8 {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    color: rgb(255, 255, 255);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 28px;
    z-index: 1;
    font-size: 16px;
}

@media (min-width: 768px) {
    .css-nrenb8 {
        right: -10px;
    }
}

.css-nrenb8:hover {
    cursor: pointer;
    transform: scale(1.2);
    transition: transform 0.3s;
}

.css-qlig70 {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    flex: 1 1 0%;
}

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

.css-cdn2k0 {
    width: 540px;
    height: 540px;
    cursor: default;
}

.css-2ppi0k {
    object-fit: cover;
}

@media (min-width: 768px) {
    .css-2ppi0k {
        width: 540px;
        height: 540px;
        max-width: 540px;
        max-height: 540px;
        min-width: 540px !important;
        min-height: 540px !important;
    }
}

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

.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-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-ewbolo {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 9;
}

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

.css-re96wj {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 11;
}

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

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

.css-hu4bgd {
    display: flex;
    flex-direction: column;
    width: 100%;
    order: 14;
}

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

@media screen and (max-width: 1199.98px) {
    .css-1ibg9x7 {
        display: none;
    }
}

/* Fix footer positioning */
.css-t1g3z3 {
    margin-top: auto;
}

/* Ensure main content area uses flexbox for sticky footer */
main > section {
    display: flex;
    flex-direction: column;
    /*min-height: 100vh;*/
}

main > section > main {
    /*flex: 1;*/
}

@media screen and (max-width: 1199px) {
    .css-zilk99 {
        height: 104px;
        transition: height 0.2s ease-in-out;
    }
}

.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 (max-width: 1199px) {*/
/*    #backdrop {*/
/*        background-image: url("/_next-public/images/default-backdrop-mobile.png");*/
/*    }*/
/*}*/

/*@media screen and (min-width: 1200px) {*/
/*    #backdrop {*/
/*        background-image: url("/_next-public/images/default-backdrop-desktop.webp");*/
/*    }*/
/*}*/


#backdrop {
    /* Hiệu ứng chuyển màu từ góc trên bên trái xuống dưới */
    background: linear-gradient(135deg, #ffffff 0%, #fff5f5 50%, #fde8e8 100%);
}

.css-jwo9rf {
    padding-right: 20px;
    padding-left: 20px;
}

.login__quick__note.css-bxak8j {
    padding-top: 5px;
}

.chakra-ui-dark .css-502kp3:not([data-theme]), [data-theme="dark"] .css-502kp3:not([data-theme]), .css-502kp3[data-theme="dark"] {
    --form-error-color: var(--chakra-colors-red-300);
}

.css-1t6f7qs {
    height: 0px;
    transition: height 0.2s ease-in-out;
}

.css-1fxf6io {
    display: flex;
    width: 100vw;
    height: var(--chakra-vh);
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    z-index: var(--chakra-zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
}

/*.css-tuiv7d {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    outline: transparent solid 2px;*/
/*    outline-offset: 2px;*/
/*    z-index: var(--chakra-zIndices-modal);*/
/*    max-height: 100vh;*/
/*    color: inherit;*/
/*    --drawer-bg: var(--chakra-colors-white);*/
/*    --drawer-box-shadow: var(--chakra-shadows-lg);*/
/*    background: var(--drawer-bg);*/
/*    box-shadow: var(--drawer-box-shadow);*/
/*    max-width: var(--chakra-sizes-xs);*/
/*    height: 80vh;*/
/*    border-top-left-radius: 10px;*/
/*    border-top-right-radius: 10px;*/
/*}*/

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

.css-1xp7ed8 {
    flex: 0 1 0%;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    border-bottom-width: 1px;
}

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

.css-1ik4h6n {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--close-button-size);
    height: var(--close-button-size);
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    background: var(--close-button-bg);
    --close-button-size: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-xs);
    position: absolute;
    top: var(--chakra-space-2);
    right: var(--chakra-space-3);
}

.css-1ik4h6n:disabled, .css-1ik4h6n[disabled], .css-1ik4h6n[aria-disabled="true"], .css-1ik4h6n[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1ik4h6n:disabled, .css-1ik4h6n[disabled], .css-1ik4h6n[aria-disabled="true"], .css-1ik4h6n[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1ik4h6n:disabled, .css-1ik4h6n[disabled], .css-1ik4h6n[aria-disabled="true"], .css-1ik4h6n[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1ik4h6n:disabled, .css-1ik4h6n[disabled], .css-1ik4h6n[aria-disabled="true"], .css-1ik4h6n[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-1ik4h6n:hover, .css-1ik4h6n[data-hover] {
    --close-button-bg: var(--chakra-colors-blackAlpha-100);
}

.css-1ik4h6n:hover, .css-1ik4h6n[data-hover] {
    --close-button-bg: var(--chakra-colors-blackAlpha-100);
}

.chakra-ui-dark .css-1ik4h6n:hover:not([data-theme]), .chakra-ui-dark .css-1ik4h6n[data-hover]:not([data-theme]), [data-theme="dark"] .css-1ik4h6n:hover:not([data-theme]), [data-theme="dark"] .css-1ik4h6n[data-hover]:not([data-theme]), .css-1ik4h6n:hover[data-theme="dark"], .css-1ik4h6n[data-hover][data-theme="dark"] {
    --close-button-bg: var(--chakra-colors-whiteAlpha-100);
}

.chakra-ui-dark .css-1ik4h6n:hover:not([data-theme]), .chakra-ui-dark .css-1ik4h6n[data-hover]:not([data-theme]), [data-theme="dark"] .css-1ik4h6n:hover:not([data-theme]), [data-theme="dark"] .css-1ik4h6n[data-hover]:not([data-theme]), .css-1ik4h6n:hover[data-theme="dark"], .css-1ik4h6n[data-hover][data-theme="dark"] {
    --close-button-bg: var(--chakra-colors-whiteAlpha-100);
}

.css-1ik4h6n:active, .css-1ik4h6n[data-active] {
    --close-button-bg: var(--chakra-colors-blackAlpha-200);
}

.css-1ik4h6n:active, .css-1ik4h6n[data-active] {
    --close-button-bg: var(--chakra-colors-blackAlpha-200);
}

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

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

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

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

.css-onkibi {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}

.css-79z5gx {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-2);
    padding-bottom: var(--chakra-space-2);
    flex: 1 1 0%;
    overflow: auto;
}

.css-11nrrcx {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-3);
}

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

.css-qwlwgv {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.css-67lmaz {
    display: flex;
    gap: var(--chakra-space-1);
    -webkit-box-align: center;
    align-items: center;
}

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

.css-npqyl5 {
    color: var(--chakra-colors-_primary-700);
}

.css-10s6swz {
    text-align: left;
    font-size: var(--chakra-fontSizes-sm);
    font-weight: 500;
    margin-top: var(--chakra-space-3);
}

.css-1kuy7z7 {
    font-size: 14px;
}

.css-1nk7wgy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 12px 0px;
    flex-direction: column;
}

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

.css-k008qs {
    display: flex;
}

.css-cpb3hd {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgb(244, 242, 241);
    cursor: not-allowed;
    border: 1px solid rgb(233, 228, 226);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    user-select: none;
}

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

.css-sroy5z {
    font-size: 14px;
    padding-inline-start: var(--input-padding);
    padding-inline-end: var(--input-padding);
    border-radius: 4px;
    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);
    color: rgb(55, 49, 47);
    --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);
    width: 24px;
    height: 24px;
    padding: var(--chakra-space-0);
    border: var(--chakra-borders-none);
    min-width: unset;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.css-1u5xg0s {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: var(--chakra-colors-white);
    cursor: pointer;
    border: 1px solid rgb(233, 228, 226);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    user-select: none;
}

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

.css-1qq679y {
    z-index: 10;
}

.css-m9bnry {
    position: relative;
    display: flex;
    flex-direction: column;
    --popper-bg: var(--chakra-colors-white);
    --popper-arrow-bg: var(--popper-bg);
    --popper-arrow-shadow-color: var(--chakra-colors-gray-200);
    width: fit-content;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    box-shadow: var(--chakra-shadows-sm);
    z-index: inherit;
    background: var(--chakra-colors-_brownGrey-800);
    border-color: var(--chakra-colors-_brownGrey-800);
    border-radius: 4px;
    font-size: var(--chakra-fontSizes-xs);
    color: var(--chakra-colors-white);
}

.chakra-ui-dark .css-m9bnry:not([data-theme]), [data-theme="dark"] .css-m9bnry:not([data-theme]), .css-m9bnry[data-theme="dark"] {
    --popper-bg: var(--chakra-colors-gray-700);
    --popper-arrow-shadow-color: var(--chakra-colors-whiteAlpha-300);
}

.css-m9bnry:focus-visible, .css-m9bnry[data-focus-visible] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: var(--chakra-shadows-outline);
}

.css-m9bnry:focus-visible, .css-m9bnry[data-focus-visible] {
    outline: transparent solid 2px;
    outline-offset: 2px;
    box-shadow: var(--chakra-shadows-outline);
}

.css-1thwjkt {
    --popper-arrow-bg: var(--chakra-colors-_brownGrey-800);
    --popper-arrow-shadow: var(--chakra-shadows-none);
    background: var(--chakra-colors-_brownGrey-800);
    box-shadow: var(--chakra-shadows-none);
}

.css-6a6mif {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: var(--chakra-space-4);
}

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

.css-7vqwks {
    text-align: left;
    font-size: var(--chakra-fontSizes-sm);
    color: var(--chakra-colors-_primary-700);
    font-weight: var(--chakra-fontWeights-medium);
}

.css-1vjuqds {
    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: 200px;
    box-shadow: var(--chakra-shadows-none);
    transition: 0.1s ease-in-out;
}

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

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

.css-1vjuqds:disabled, .css-1vjuqds[disabled], .css-1vjuqds[aria-disabled="true"], .css-1vjuqds[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-1vjuqds:disabled, .css-1vjuqds[disabled], .css-1vjuqds[aria-disabled="true"], .css-1vjuqds[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-1vjuqds:disabled, .css-1vjuqds[disabled], .css-1vjuqds[aria-disabled="true"], .css-1vjuqds[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-1vjuqds:disabled, .css-1vjuqds[disabled], .css-1vjuqds[aria-disabled="true"], .css-1vjuqds[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-1vjuqds:hover, .css-1vjuqds[data-hover] {
    filter: brightness(1.25);
    color: var(--chakra-colors-white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.css-1wfgnl4 {
    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-_primary-500);
    border-radius: 8px;
    cursor: pointer;
    transition: 0.1s ease-in-out;
}

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

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

.css-2xph3x {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
}

.css-7bnnhe {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
    width: 100%;
    height: 0px;
    transition: 0.2s ease-in-out;
}

.css-1li47s8 {
    display: flex;
    opacity: 0;
    transition: 0.5s ease-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-12vdhue {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-500);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}

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

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

.css-94t0tl {
    color: var(--chakra-colors-_brownGrey-700);
}

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

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

.css-jd4lr2 {
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
    display: none;
}

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

.css-rk74t0 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: fit-content;
    align-self: center;
    cursor: pointer;
    height: fit-content;
    transition: 0.1s ease-in-out;
    background: rgb(255, 255, 255);
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline: 16px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px;
}

.css-rk74t0:hover, .css-rk74t0[data-hover] {
    background: rgb(232, 216, 210);
    filter: brightness(1.2);
}

.css-rk74t0:hover, .css-rk74t0[data-hover] {
    background: rgb(232, 216, 210);
    filter: brightness(1.2);
}

.css-rk74t0:active, .css-rk74t0[data-active] {
    background: rgb(231, 203, 192);
}

.css-rk74t0:active, .css-rk74t0[data-active] {
    background: rgb(231, 203, 192);
}

.css-1s5halb {
    font-size: 14px;
    font-weight: 500;
    color: var(--chakra-colors-_primary-700);
    text-align: center;
    height: fit-content;
    width: 100%;
}

.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-v679kz:hover, .css-v679kz[data-hover] {
    box-shadow: rgba(240, 92, 34, 0.75) 0px 0px 12px 0px;
    cursor: pointer;
}

.css-1jjhmj6 {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
    width: 100%;
    height: 110px;
    transition: 0.2s ease-in-out;
}

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

.css-1ln1s04 {
    position: absolute;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    width: 100%;
    height: 100%;
    background: var(--chakra-colors-_brownGrey-100);
    opacity: 0.4;
    z-index: 0;
}

.css-c40wk7 {
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 136px;
    z-index: 1;
    background: var(--chakra-colors-_yellow-300);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 4px;
}

.css-1ikmi0q {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin-left: var(--chakra-space-1);
}

.css-1089v1g {
    display: flex;
    width: 100vw;
    height: var(--chakra-vh);
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    z-index: var(--chakra-zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    overscroll-behavior-y: none;
}

.css-1tzbxxu {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    margin-top: var(--chakra-space-16);
    margin-bottom: var(--chakra-space-16);
    z-index: var(--chakra-zIndices-modal);
    --modal-bg: var(--chakra-colors-white);
    --modal-shadow: var(--chakra-shadows-lg);
    background: var(--modal-bg);
    box-shadow: var(--modal-shadow);
    align-self: center;
    border-radius: 16px;
    margin-inline-start: var(--chakra-space-4);
    margin-inline-end: var(--chakra-space-4);
}

@media screen and (min-width: 0px) and (max-width: 767.98px) {
    .css-1tzbxxu {
        max-width: var(--chakra-sizes-sm);
    }
}

@media screen and (min-width: 768px) and (max-width: 1199.98px) {
    .css-1tzbxxu {
        max-width: var(--chakra-sizes-md);
    }
}

@media screen and (min-width: 1200px) {
    .css-1tzbxxu {
        max-width: var(--chakra-sizes-md);
    }
}

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

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

.css-1kedsjq {
    flex: 0 1 0%;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    text-align: center;
    border: 1px solid rgb(244, 242, 241);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.css-dvxtzn {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.css-127n1d9 {
    text-align: center;
    color: var(--chakra-colors-_brownGrey-700);
    font-size: var(--chakra-fontSizes-lg);
    font-weight: var(--chakra-fontWeights-bold);
}

.css-xtr7b4 {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--close-button-size);
    height: var(--close-button-size);
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    background: var(--close-button-bg);
    --close-button-size: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-xs);
    position: absolute;
    right: var(--chakra-space-3);
    top: 15px;
}

.css-xtr7b4:disabled, .css-xtr7b4[disabled], .css-xtr7b4[aria-disabled="true"], .css-xtr7b4[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-xtr7b4:disabled, .css-xtr7b4[disabled], .css-xtr7b4[aria-disabled="true"], .css-xtr7b4[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-xtr7b4:disabled, .css-xtr7b4[disabled], .css-xtr7b4[aria-disabled="true"], .css-xtr7b4[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-xtr7b4:disabled, .css-xtr7b4[disabled], .css-xtr7b4[aria-disabled="true"], .css-xtr7b4[data-disabled] {
    opacity: 0.4;
    cursor: not-allowed;
    box-shadow: var(--chakra-shadows-none);
}

.css-xtr7b4:hover, .css-xtr7b4[data-hover] {
    --close-button-bg: var(--chakra-colors-blackAlpha-100);
}

.css-xtr7b4:hover, .css-xtr7b4[data-hover] {
    --close-button-bg: var(--chakra-colors-blackAlpha-100);
}

.chakra-ui-dark .css-xtr7b4:hover:not([data-theme]), .chakra-ui-dark .css-xtr7b4[data-hover]:not([data-theme]), [data-theme="dark"] .css-xtr7b4:hover:not([data-theme]), [data-theme="dark"] .css-xtr7b4[data-hover]:not([data-theme]), .css-xtr7b4:hover[data-theme="dark"], .css-xtr7b4[data-hover][data-theme="dark"] {
    --close-button-bg: var(--chakra-colors-whiteAlpha-100);
}

.chakra-ui-dark .css-xtr7b4:hover:not([data-theme]), .chakra-ui-dark .css-xtr7b4[data-hover]:not([data-theme]), [data-theme="dark"] .css-xtr7b4:hover:not([data-theme]), [data-theme="dark"] .css-xtr7b4[data-hover]:not([data-theme]), .css-xtr7b4:hover[data-theme="dark"], .css-xtr7b4[data-hover][data-theme="dark"] {
    --close-button-bg: var(--chakra-colors-whiteAlpha-100);
}

.css-xtr7b4:active, .css-xtr7b4[data-active] {
    --close-button-bg: var(--chakra-colors-blackAlpha-200);
}

.css-xtr7b4:active, .css-xtr7b4[data-active] {
    --close-button-bg: var(--chakra-colors-blackAlpha-200);
}

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

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

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

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

.css-1apuxeq {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    flex: 1 1 0%;
    padding: var(--chakra-space-6);
}

.css-1km9c62 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    -webkit-box-pack: center;
    justify-content: center;
    box-shadow: var(--chakra-shadows-none);
}

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

.css-gnwv7r {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-top: var(--chakra-space-4);
    gap: var(--chakra-space-4);
}

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

body[data-scroll-locked] {
    overflow: hidden !important;
    overscroll-behavior: contain;
    position: relative !important;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-left: 0;
    margin-top: 0;
    margin-right: 4px !important;
}

body[data-scroll-locked] {
    --removed-body-scroll-bar-size: 4px;
}

.css-55gzsl {
    display: flex;
    background: var(--chakra-colors-_brownGrey-100);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-1fegznk {
    font-weight: 400;
    text-align: left;
    color: rgb(110, 98, 94);
    font-size: var(--chakra-fontSizes-xs);
}

.css-jd4lr2 {
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
    display: none;
}

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

.css-14f3tmt {
    display: flex;
    background: var(--chakra-colors-_brownGrey-100);
    border-radius: 4px;
    width: 32px;
    height: 32px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

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

.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.1s ease-in-out;
    color: var(--chakra-colors-_primary-700);
    background: var(--chakra-colors-_primary-100);
}

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

.css-k1cvdt {
    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: flex;
}

.css-1hyfx7x {
    display: none;
}

.css-76iwh8 {
    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);
    --card-radius: var(--chakra-radii-md);
    --card-padding: var(--chakra-space-5);
    --card-shadow: var(--chakra-shadows-base);
    box-shadow: rgba(219, 31, 31, 0.9) 0px 0px 11.2px 0px;
    padding: var(--chakra-space-4);
    width: 100vw;
    max-width: 100%;
    border-radius: 0px;
    border-color: var(--chakra-colors-_error-700);
    transition: 1s;
}

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

@media screen and (min-width: 768px) {
    .css-76iwh8 {
        width: 720px;
        max-width: 720px;
    }
}

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

.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-1811skr {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
}

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

.css-pcf8ru {
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    width: 100vw;
    height: 100vh;
    background: var(--chakra-colors-blackAlpha-600);
    z-index: var(--chakra-zIndices-modal);
}

.css-1fxf6io {
    display: flex;
    width: 100vw;
    height: var(--chakra-vh);
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    z-index: var(--chakra-zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
}

/*.css-1pqhji3 {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    position: relative;*/
/*    width: 100%;*/
/*    outline: transparent solid 2px;*/
/*    outline-offset: 2px;*/
/*    z-index: var(--chakra-zIndices-modal);*/
/*    max-height: 100vh;*/
/*    color: inherit;*/
/*    --drawer-bg: var(--chakra-colors-white);*/
/*    --drawer-box-shadow: var(--chakra-shadows-lg);*/
/*    background: var(--drawer-bg);*/
/*    box-shadow: var(--drawer-box-shadow);*/
/*    max-width: var(--chakra-sizes-xs);*/
/*    height: 85vh;*/
/*    border-top-left-radius: 10px;*/
/*    border-top-right-radius: 10px;*/
/*}*/

.css-1kump6k {
    flex: 0 1 0%;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    border-bottom: 1px solid rgb(244, 242, 241);
}

.css-nuvclv {
    font-size: var(--chakra-fontSizes-md);
    text-align: center;
    font-weight: 600;
}

.css-153860x {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--close-button-size);
    height: var(--close-button-size);
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    background: var(--close-button-bg);
    --close-button-size: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-xs);
    position: absolute;
    top: var(--chakra-space-2);
    right: var(--chakra-space-3);
    margin-top: 5px;
}

.css-onkibi {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}

.css-1n4c8z8 {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    flex: 1 1 0%;
    overflow: auto;
    padding: 16px;
}

.css-qso46k {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 12px 0px;
}

.css-124l9m4 {
    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%;
}

.css-3a3hw0 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.css-oczogg {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-400);
    text-wrap: nowrap;
}

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

.css-1nzmy89 {
    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: fit-content;
}

.css-2xph3x {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
}

.css-177iwdy {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
    width: 100%;
    height: fit-content;
    transition: 0.2s ease-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);
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

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

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

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

.css-94t0tl {
    color: var(--chakra-colors-_brownGrey-700);
}

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

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

.css-jd4lr2 {
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
    display: none;
}

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

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

.css-55gzsl {
    display: flex;
    background: var(--chakra-colors-_brownGrey-100);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .css-55gzsl {
        width: 32px;
        height: 32px;
    }
}

.css-1fegznk {
    font-weight: 400;
    text-align: left;
    color: rgb(110, 98, 94);
    font-size: var(--chakra-fontSizes-xs);
}

.css-14f3tmt {
    display: flex;
    background: var(--chakra-colors-_brownGrey-100);
    border-radius: 4px;
    width: 32px;
    height: 32px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

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

/*@media screen and (min-width: 768px) {*/
/*    .css-tuiv7d, .css-1pqhji3 {*/
/*        margin-inline-start: var(--chakra-space-0);*/
/*        margin-inline-end: var(--chakra-space-0);*/
/*    }*/
/*}*/

@media screen and (max-width: 1199.98px) {
    .css-tuiv7d, .css-1pqhji3 {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        outline: transparent solid 2px;
        outline-offset: 2px;
        z-index: var(--chakra-zIndices-modal);
        max-height: 100vh;
        color: inherit;
        --drawer-bg: var(--chakra-colors-white);
        --drawer-box-shadow: var(--chakra-shadows-lg);
        background: var(--drawer-bg);
        box-shadow: var(--drawer-box-shadow);
        max-width: var(--chakra-sizes-xs);
        height: 80vh;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;

        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        max-width: 100vw;
        will-change: auto;
        transform: none;
    }
}

@media screen and (min-width: 1200px) {
    .css-tuiv7d {
        max-width: var(--chakra-sizes-md);

        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        outline: transparent solid 2px;
        outline-offset: 2px;
        color: inherit;
        margin-top: var(--chakra-space-16);
        margin-bottom: var(--chakra-space-16);
        z-index: var(--chakra-zIndices-modal);
        --modal-bg: var(--chakra-colors-white);
        --modal-shadow: var(--chakra-shadows-lg);
        background: var(--modal-bg);
        box-shadow: var(--modal-shadow);
        align-self: center;
        border-radius: 16px;
        margin-inline-start: var(--chakra-space-4);
        margin-inline-end: var(--chakra-space-4);

        opacity: 1;
        will-change: auto;
        transform: none;
    }
}

.css-1nzmy89:disabled, .css-1nzmy89[disabled], .css-1nzmy89[aria-disabled="true"], .css-1nzmy89[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-4g6ai3 {
    cursor: pointer;
}

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

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

.css-1811skr {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
}

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

.css-182knxy {
    text-align: left;
    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-1uyk5dz {
    display: flex;
    width: 100%;
    gap: var(--chakra-space-1);
    flex-direction: column;
}

.css-1qdyvok {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: flex-start;
}

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

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

.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-l3fu7n {
    min-height: 48px;
    width: 100%;
    flex: 1 1 0%;
}

.css-wt5l11 {
    padding-top: var(--chakra-space-2);
}

.css-ifaqpy {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: var(--chakra-space-2);
    width: 100%;
    padding-bottom: var(--chakra-space-2);
}

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

.css-my5pws {
    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-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-wkgirs {
    display: flex;
    flex-flow: row;
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    gap: 36px;
}

.css-1u8q9ob {
    width: 65px;
    height: 28px;
    position: relative;
}

.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-1s5zw9x {
    display: flex;
    width: 24px;
    height: 24px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

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

.css-1kump6k {
    flex: 0 1 0%;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    border-bottom: 1px solid rgb(244, 242, 241);
}

.css-nuvclv {
    font-size: var(--chakra-fontSizes-md);
    text-align: center;
    font-weight: 600;
}

.css-153860x {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--close-button-size);
    height: var(--close-button-size);
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    background: var(--close-button-bg);
    --close-button-size: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-xs);
    position: absolute;
    top: var(--chakra-space-2);
    right: var(--chakra-space-3);
    margin-top: 5px;
}

.css-onkibi {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}

.css-qso46k {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 12px 0px;
}

.css-2xph3x {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-2);
}

.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);
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
}

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

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

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

.css-94t0tl {
    color: var(--chakra-colors-_brownGrey-700);
}

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

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

.css-jd4lr2 {
    -webkit-box-align: center;
    align-items: center;
    gap: var(--chakra-space-2);
    display: none;
}

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

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

.css-c93kdf {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    flex: 1 1 0%;
    overflow: auto;
    padding: var(--chakra-space-0);
}

.css-1te1gpx {
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    padding-top: var(--chakra-space-4);
    margin-bottom: var(--chakra-space-2);
}

.css-1d6r2ab {
    display: flex;
    margin-bottom: var(--chakra-space-3);
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

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

.css-dku3hr {
    display: flex;
    background: var(--chakra-colors-_brownGrey-100);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: var(--chakra-fontSizes-xs);
    color: rgb(110, 98, 94);
}

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

.css-ed44lh {
    width: 100%;
    height: 4px;
    background: var(--chakra-colors-_brownGrey-200);
    margin-bottom: var(--chakra-space-4);
}

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

.css-16gw51 {
    display: flex;
    gap: 0.5rem;
    padding-inline-start: var(--chakra-space-4);
    padding-inline-end: var(--chakra-space-4);
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: var(--chakra-space-4);
}

.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-qjxadg {
    width: 100%;
    height: 4px;
    background: var(--chakra-colors-_brownGrey-200);
    margin-top: var(--chakra-space-3);
}

.css-h94677 {
    padding: var(--chakra-space-4);
}

.css-1dycscc {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
    width: 100%;
    height: 47px;
    transition: 0.2s ease-in-out;
}

.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-1ln1s04 {
    position: absolute;
    top: var(--chakra-space-0);
    left: var(--chakra-space-0);
    width: 100%;
    height: 100%;
    background: var(--chakra-colors-_brownGrey-100);
    opacity: 0.4;
    z-index: 0;
}

.css-c40wk7 {
    display: flex;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 136px;
    z-index: 1;
    background: var(--chakra-colors-_yellow-300);
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 4px;
}

.css-1ikmi0q {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    margin-left: var(--chakra-space-1);
}

.css-rk74t0 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: fit-content;
    align-self: center;
    cursor: pointer;
    height: fit-content;
    transition: 0.1s ease-in-out;
    background: rgb(255, 255, 255);
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline: 16px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px 0px;
}

.css-1s5halb {
    font-size: 14px;
    font-weight: 500;
    color: var(--chakra-colors-_primary-700);
    text-align: center;
    height: fit-content;
    width: 100%;
}

.css-u458yt {
    font-size: var(--chakra-fontSizes-sm);
    color: var(--chakra-colors-_success-500);
}

.css-1g2irhb {
    font-size: 14px;
    text-align: left;
    font-weight: var(--chakra-fontWeights-bold);
}

.css-dixmdy {
    pointer-events: auto;
    max-width: 560px;
    min-width: 300px;
    margin: 0.5rem;
}

.css-472sgz {
    position: relative;
    margin: auto;
    width: 100%;
    min-width: 350px;
}

.css-1dgblhn {
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px 0px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    border: 2px solid rgb(254, 215, 215);
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 16px;
}

.css-1qxy31x {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.css-1y26m3l {
    color: rgb(229, 62, 62);
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.css-1gj5e88 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    margin-inline-end: var(--chakra-space-0);
    font-size: 1em;
    line-height: var(--chakra-lineHeights-normal);
}

@keyframes animation-b7n1on {

    0% {
        transform: rotate(0deg);
    }

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

.css-1fc7edv {
    display: inline-block;
    border-top: 2px solid currentcolor;
    border-right: 2px solid currentcolor;
    border-bottom-style: solid;
    border-left-style: solid;
    border-radius: 99999px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-bottom-color: var(--chakra-colors-transparent);
    border-left-color: var(--chakra-colors-transparent);
    animation: 0.45s linear 0s infinite normal none running animation-b7n1on;
    --spinner-size: var(--chakra-sizes-6);
    color: currentcolor;
    width: 1em;
    height: 1em;
}

.css-8b45rq {
    clip: rect(0px, 0px, 0px, 0px);
    width: 1px;
    height: 1px;
    position: absolute;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    margin: -1px;
    padding: 0px;
    overflow: hidden;
    white-space: nowrap;
}

.css-q7lffx {
    opacity: 0;
}

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

.css-17etqwt {
    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);
}

.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-fmixk7 {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-4);
    -webkit-box-align: baseline;
    align-items: baseline;
    width: 100%;
}

@media screen and (min-width: 480px) {
    .css-fmixk7 {
        flex-direction: row;
    }
}

.css-1yfzgv1 {
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

@media screen and (min-width: 480px) {
    .css-1yfzgv1 {
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center;
        align-items: flex-start;
    }
}

.css-yqktxh {
    margin-bottom: var(--chakra-space-0);
    flex-shrink: 0;
}

@media screen and (min-width: 480px) {
    .css-yqktxh {
        margin-bottom: var(--chakra-space-1);
    }
}

.css-1wvgwpa {
    margin-left: var(--chakra-space-4);
}

@media screen and (min-width: 480px) {
    .css-1wvgwpa {
        margin-left: var(--chakra-space-0);
    }
}

.css-1dzjp2b {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    word-break: break-all;
    white-space: pre-wrap;
}

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

.css-qdw6xz {
    display: flex;
    flex-direction: row;
    gap: 4px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.css-15bajvy {
    border-radius: 50%;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_primary-700);
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    position: relative;
}

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

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

.css-15bajvy {
    border-radius: 50%;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
    border-image: initial;
    border-color: var(--chakra-colors-_primary-700);
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    position: relative;
}

.css-n4id8r {
    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: 0px;
    width: 300px;
}

.css-2zhsko {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
}

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

.css-ox4e2o {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    max-width: 220px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.css-fw8h1i {
    cursor: pointer;
    max-width: 220px;
}

.css-7nccuo {
    display: flex;
    flex-direction: column;
    gap: var(--chakra-space-3);
    background-color: var(--chakra-colors-_primary-100);
    padding: 16px;
    border-radius: 12px;
}

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

.css-79elbk {
    position: relative;
}

.css-4kzzq0 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
}

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

.css-4geazd {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgb(200, 200, 200);
    gap: 0px;
}

.css-net8np {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 12px 8px;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    -webkit-box-align: center;
    align-items: center;
}

.css-cxs37x {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 24px;
    height: 24px;
}

.css-78yjsd {
    color: var(--chakra-colors-_brownGrey-600);
    font-size: var(--chakra-fontSizes-xl);
}

.css-1bfvjk9 {
    color: var(--chakra-colors-_brownGrey-600);
    font-size: var(--chakra-fontSizes-lg);
}

.css-16ftbpm {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border-top: 1px solid rgb(200, 200, 200);
    padding: 12px;
}

.css-2w4qxp {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    min-width: 121px;
    min-height: 10px;
}

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

.css-zamxan {
    display: flex;
    gap: 0.5rem;
    flex-flow: row;
    -webkit-box-align: center;
    align-items: center;
}

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

.css-pcf8ru {
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    width: 100vw;
    height: 100vh;
    background: var(--chakra-colors-blackAlpha-600);
    z-index: var(--chakra-zIndices-modal);
}

.css-1089v1g {
    display: flex;
    width: 100vw;
    height: var(--chakra-vh);
    position: fixed;
    left: var(--chakra-space-0);
    top: var(--chakra-space-0);
    z-index: var(--chakra-zIndices-modal);
    -webkit-box-pack: center;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    overscroll-behavior-y: none;
}

.css-m9z6vf {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    outline: transparent solid 2px;
    outline-offset: 2px;
    color: inherit;
    margin-top: var(--chakra-space-16);
    margin-bottom: var(--chakra-space-16);
    z-index: var(--chakra-zIndices-modal);
    --modal-bg: var(--chakra-colors-white);
    --modal-shadow: var(--chakra-shadows-lg);
    background: var(--modal-bg);
    box-shadow: var(--modal-shadow);
    align-self: center;
    border-radius: 16px;
    margin-inline-start: var(--chakra-space-4);
    margin-inline-end: var(--chakra-space-4);
}

@media screen and (min-width: 0px) and (max-width: 1199.98px) {
    .css-m9z6vf {
        max-width: 100vw;
        min-height: var(--chakra-vh);
        margin-top: var(--chakra-space-0);
        margin-bottom: var(--chakra-space-0);
        border-radius: 0px;
    }
}

@media screen and (min-width: 1200px) {
    .css-m9z6vf {
        max-width: var(--chakra-sizes-xl);
    }
}

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

.css-1kedsjq {
    flex: 0 1 0%;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    font-size: var(--chakra-fontSizes-xl);
    font-weight: var(--chakra-fontWeights-semibold);
    text-align: center;
    border: 1px solid rgb(244, 242, 241);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.css-dvxtzn {
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
}

.css-127n1d9 {
    text-align: center;
    color: var(--chakra-colors-_brownGrey-700);
    font-size: var(--chakra-fontSizes-lg);
    font-weight: var(--chakra-fontWeights-bold);
}

.css-xtr7b4 {
    outline: transparent solid 2px;
    outline-offset: 2px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--close-button-size);
    height: var(--close-button-size);
    border-radius: var(--chakra-radii-md);
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    background: var(--close-button-bg);
    --close-button-size: var(--chakra-sizes-8);
    font-size: var(--chakra-fontSizes-xs);
    position: absolute;
    right: var(--chakra-space-3);
    top: 15px;
}

.css-onkibi {
    width: 1em;
    height: 1em;
    display: inline-block;
    line-height: 1em;
    flex-shrink: 0;
    color: currentcolor;
    vertical-align: middle;
}

.css-1apuxeq {
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    flex: 1 1 0%;
    padding: var(--chakra-space-6);
}

.css-1995eys {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.css-9bhyqz {
    max-height: 80vh;
}

.css-1km9c62 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    padding-top: var(--chakra-space-4);
    padding-bottom: var(--chakra-space-4);
    -webkit-box-pack: center;
    justify-content: center;
    box-shadow: var(--chakra-shadows-none);
}

.css-1ces4uw {
    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: 140px;
    box-shadow: var(--chakra-shadows-none);
    transition: 0.1s ease-in-out;
}