: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: #000000;
        --chakra-colors-white: #FFFFFF;
        --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-light-primary-400: #ABF600;
        --chakra-colors-light-primary-500: #BCFB20;
        --chakra-colors-light-primary-600: #D3FF53;
        --chakra-colors-light-primary-700: #E6FF92;
        --chakra-colors-light-primary-800: #F3FFC5;
        --chakra-colors-light-secondary-400: #F2FED1;
        --chakra-colors-light-background-primary: #FAFAFA;
        --chakra-colors-light-background-secondary: #F3F3F3;
        --chakra-colors-light-background-tertiary: #A5A99B;
        --chakra-colors-light-background-accent: #F6F9F2;
        --chakra-colors-light-background-lightGray: #F5F5F5;
        --chakra-colors-light-text-primary: #000000;
        --chakra-colors-light-text-gray: #545454;
        --chakra-colors-light-colors-disabled: #8B8B8B;
        --chakra-colors-light-colors-border: #191A23;
        --chakra-colors-light-colors-error-400: #FFACB1;
        --chakra-colors-light-colors-error-500: #E21212;
        --chakra-colors-light-colors-error-600: #FF333F;
        --chakra-colors-light-colors-error-700: #E21261;
        --chakra-colors-light-colors-success-400: #ABF600;
        --chakra-colors-light-colors-success-500: #559915;
        --chakra-colors-light-colors-warning-400: #D09B11;
        --chakra-colors-dark-primary-400: #ABF600;
        --chakra-colors-dark-primary-500: #78b500;
        --chakra-colors-dark-primary-600: #5b8902;
        --chakra-colors-dark-primary-700: #496c08;
        --chakra-colors-dark-primary-800: #3e5b0c;
        --chakra-colors-dark-secondary-400: #404040;
        --chakra-colors-dark-background-primary: #212121;
        --chakra-colors-dark-background-secondary: #272727;
        --chakra-colors-dark-background-accent: #1D1D1D;
        --chakra-colors-dark-text-primary: #FFFFFF;
        --chakra-colors-dark-text-gray: #A1A1A1;
        --chakra-colors-dark-colors-disabled: #8B8B8B;
        --chakra-colors-dark-colors-border: #A2A2A2;
        --chakra-colors-dark-colors-error-400: #FF2377;
        --chakra-colors-dark-colors-error-500: #E21212;
        --chakra-colors-dark-colors-error-600: #FF333F;
        --chakra-colors-dark-colors-error-700: #E21261;
        --chakra-colors-dark-colors-success-400: #ABF600;
        --chakra-colors-dark-colors-success-500: #559915;
        --chakra-colors-dark-colors-warning-400: #D09B11;
        --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: "Karla Variable", sans-serif;
        --chakra-fonts-body: "Karla Variable", sans-serif;
        --chakra-fonts-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --chakra-fonts-grass-heading: "DM Sans Variable", sans-serif;
        --chakra-fonts-grass-body: "DM Sans Variable", sans-serif;
        --chakra-fonts-karla-heading: "Karla Variable", sans-serif;
        --chakra-fonts-karla-body: "Karla Variable", sans-serif;
        --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-1: 0.25rem;
        --chakra-space-2: 0.5rem;
        --chakra-space-3: 0.75rem;
        --chakra-space-4: 1rem;
        --chakra-space-5: 1.25rem;
        --chakra-space-6: 1.5rem;
        --chakra-space-7: 1.75rem;
        --chakra-space-8: 2rem;
        --chakra-space-9: 2.25rem;
        --chakra-space-10: 2.5rem;
        --chakra-space-12: 3rem;
        --chakra-space-14: 3.5rem;
        --chakra-space-16: 4rem;
        --chakra-space-20: 5rem;
        --chakra-space-24: 6rem;
        --chakra-space-28: 7rem;
        --chakra-space-32: 8rem;
        --chakra-space-36: 9rem;
        --chakra-space-40: 10rem;
        --chakra-space-44: 11rem;
        --chakra-space-48: 12rem;
        --chakra-space-52: 13rem;
        --chakra-space-56: 14rem;
        --chakra-space-60: 15rem;
        --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-shadows-light: 0px 5px 0px 0px #191A23;
        --chakra-shadows-dark: 0px 5px 0px 0px #000;
        --chakra-sizes-1: 0.25rem;
        --chakra-sizes-2: 0.5rem;
        --chakra-sizes-3: 0.75rem;
        --chakra-sizes-4: 1rem;
        --chakra-sizes-5: 1.25rem;
        --chakra-sizes-6: 1.5rem;
        --chakra-sizes-7: 1.75rem;
        --chakra-sizes-8: 2rem;
        --chakra-sizes-9: 2.25rem;
        --chakra-sizes-10: 2.5rem;
        --chakra-sizes-12: 3rem;
        --chakra-sizes-14: 3.5rem;
        --chakra-sizes-16: 4rem;
        --chakra-sizes-20: 5rem;
        --chakra-sizes-24: 6rem;
        --chakra-sizes-28: 7rem;
        --chakra-sizes-32: 8rem;
        --chakra-sizes-36: 9rem;
        --chakra-sizes-40: 10rem;
        --chakra-sizes-44: 11rem;
        --chakra-sizes-48: 12rem;
        --chakra-sizes-52: 13rem;
        --chakra-sizes-56: 14rem;
        --chakra-sizes-60: 15rem;
        --chakra-sizes-64: 16rem;
        --chakra-sizes-72: 18rem;
        --chakra-sizes-80: 20rem;
        --chakra-sizes-96: 24rem;
        --chakra-sizes-px: 1px;
        --chakra-sizes-0-5: 0.125rem;
        --chakra-sizes-1-5: 0.375rem;
        --chakra-sizes-2-5: 0.625rem;
        --chakra-sizes-3-5: 0.875rem;
        --chakra-sizes-max: max-content;
        --chakra-sizes-min: min-content;
        --chakra-sizes-full: 100%;
        --chakra-sizes-3xs: 14rem;
        --chakra-sizes-2xs: 16rem;
        --chakra-sizes-xs: 20rem;
        --chakra-sizes-sm: 24rem;
        --chakra-sizes-md: 28rem;
        --chakra-sizes-lg: 32rem;
        --chakra-sizes-xl: 36rem;
        --chakra-sizes-2xl: 42rem;
        --chakra-sizes-3xl: 48rem;
        --chakra-sizes-4xl: 56rem;
        --chakra-sizes-5xl: 64rem;
        --chakra-sizes-6xl: 72rem;
        --chakra-sizes-7xl: 80rem;
        --chakra-sizes-8xl: 90rem;
        --chakra-sizes-prose: 60ch;
        --chakra-sizes-container-sm: 640px;
        --chakra-sizes-container-md: 768px;
        --chakra-sizes-container-lg: 1024px;
        --chakra-sizes-container-xl: 1280px;
        --chakra-sizes-container-2xl: 1536px;
        --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: 0em;
        --chakra-breakpoints-sm: 30em;
        --chakra-breakpoints-md: 48em;
        --chakra-breakpoints-lg: 62em;
        --chakra-breakpoints-xl: 80em;
        --chakra-breakpoints-2xl: 96em
      }

      .chakra-ui-light :host:not([data-theme]),
      .chakra-ui-light :root:not([data-theme]),
      [data-theme="light"] :host:not([data-theme]),
      [data-theme="light"] :root: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)
      }
 
      html {
        line-height: 1.5;
        text-size-adjust: 100%;
        font-family: system-ui, sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizelegibility;
        touch-action: manipulation
      }

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

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

      main {
        display: block
      }

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

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

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

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

      img {
        border-style: none
      }

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

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

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

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

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

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

      template {
        display: none
      }

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

      button {
        background: transparent;
        padding: 0px
      }

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

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

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

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

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

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

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

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

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

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

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

      @supports (height:100dvh) {

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

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

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

      *,
      ::before,
      ::after {
        border-color: var(--chakra-colors-chakra-border-color)
      }
   
      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      .css-1ym128v {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        gap: var(--chakra-space-1)
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      .css-1qi69jw {
        margin-top: calc(var(--chakra-space-1)*-1);
        color: var(--chakra-colors-black);
        font-weight: 700
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:0em) and (max-width:29.98em) {
        @media screen and (min-width:48em) {}
      }

      @media screen and (min-width:30em) and (max-width:47.98em) {
        @media screen and (min-width:48em) {}
      }

      @media screen and (min-width:48em) and (max-width:61.98em) {
        @media screen and (min-width:48em) {}
      }

      @media screen and (min-width:62em) and (max-width:79.98em) {
        @media screen and (min-width:48em) {}
      }

      @media screen and (min-width:80em) {
        @media screen and (min-width:48em) {}
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

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

      .css-1k9ctzg {
        cursor: pointer;
        outline: transparent solid 2px;
        outline-offset: 2px;
        color: inherit;
        transition: 0.3s;
        text-decoration: underline;
        border-radius: var(--chakra-radii-sm);
        padding-inline-start: var(--chakra-space-1);
        padding-inline-end: var(--chakra-space-1);
        font-size: var(--chakra-fontSizes-sm)
      }

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

      .css-1k9ctzg:hover,
      .css-1k9ctzg[data-hover] {
        background: var(--chakra-colors-light-primary-400);
        color: var(--chakra-colors-black)
      }

      .css-ytn06y {
        cursor: pointer;
        outline: transparent solid 2px;
        outline-offset: 2px;
        color: inherit;
        text-decoration: underline;
        transition: 0.3s;
        border-radius: var(--chakra-radii-sm);
        padding-inline-start: var(--chakra-space-1);
        padding-inline-end: var(--chakra-space-1);
        font-size: var(--chakra-fontSizes-sm)
      }

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

      .css-ytn06y:hover,
      .css-ytn06y[data-hover] {
        background: var(--chakra-colors-light-primary-400);
        color: var(--chakra-colors-black)
      }

      .css-nz9oij {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: column;
        gap: var(--chakra-space-4);
        padding-top: var(--chakra-space-2);
        padding-bottom: var(--chakra-space-2);
        font-family: var(--chakra-fonts-grass-body)
      }

      @media screen and (min-width:30em) {
        .css-nz9oij {
          flex-direction: row;
          gap: var(--chakra-space-8)
        }
      }

      .css-w3tajv {
        font-size: var(--chakra-fontSizes-sm);
        text-align: center
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      .css-1atgp7g {
        display: grid;
        grid-template-rows: auto 1fr;
        grid-template-columns: auto;
        height: 100vh;
        background-color: var(--chakra-colors-light-background-primary)
      }

      @media screen and (min-width:30em) {
        .css-1atgp7g {
          grid-template-rows: auto 1fr;
          grid-template-columns: auto
        }
      }

      @media screen and (min-width:48em) {
        .css-1atgp7g {
          grid-template-rows: auto;
          grid-template-columns: minmax(260px, 15%)
        }
      }

      @media screen and (min-width:62em) {
        .css-1atgp7g {
          grid-template-columns: minmax(270px, 15%) 1fr
        }
      }

      .css-17hsvbc {
        height: 100vh;
        display: none;
        background-color: var(--chakra-colors-light-background-secondary)
      }

      @media screen and (min-width:30em) {
        .css-17hsvbc {
          display: none
        }
      }

      @media screen and (min-width:48em) {
        .css-17hsvbc {
          display: block
        }
      }

      .css-1gncxmj {
        display: grid;
        grid-template-rows: auto 1fr auto;
        padding-top: var(--chakra-space-9);
        padding-bottom: var(--chakra-space-10);
        padding-right: var(--chakra-space-3);
        background-color: var(--chakra-colors-light-background-secondary);
        border-left-width: 1px;
        border-left-style: solid;
        border-color: var(--chakra-colors-light-background-secondary);
        height: var(--chakra-sizes-full)
      }

      .css-7f4p69 {
        padding-left: var(--chakra-space-9)
      }

      .css-1it6847 {
        position: relative;
        width: 128px
      }

      .css-1it6847>:not(style) {
        overflow: hidden;
        position: absolute;
        inset: 0px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 100%
      }

      .css-1it6847>img {
        object-fit: cover
      }

      .css-1it6847::before {
        height: 0px;
        content: "";
        display: block;
        padding-bottom: 28.125%
      }

      .css-1pyayah {
        display: flex;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding-top: var(--chakra-space-16);
        height: var(--chakra-sizes-full)
      }

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

      .css-72vrjl {
        transition-property: var(--chakra-transition-property-common);
        transition-duration: var(--chakra-transition-duration-fast);
        transition-timing-function: var(--chakra-transition-easing-ease-out);
        text-decoration: none;
        outline: transparent solid 2px;
        outline-offset: 2px;
        font-size: var(--chakra-fontSizes-lg);
        font-weight: 700;
        padding-top: var(--chakra-space-4);
        padding-bottom: var(--chakra-space-4);
        padding-left: var(--chakra-space-8);
        position: relative;
        cursor: pointer;
        color: var(--chakra-colors-light-text-primary);
        pointer-events: auto;
        border-top-right-radius: var(--chakra-radii-xl);
        border-bottom-right-radius: var(--chakra-radii-xl)
      }

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

      .css-72vrjl:hover,
      .css-72vrjl[data-hover] {
        background: var(--chakra-colors-light-background-primary)
      }

      .css-r936a9 {
        position: absolute;
        inset: 0px;
        width: var(--chakra-sizes-full);
        height: var(--chakra-sizes-full);
        background-color: var(--chakra-colors-light-secondary-400);
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-image: initial;
        border-left: var(--chakra-borders-none);
        box-shadow: var(--chakra-shadows-light);
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px
      }

      .css-16lszr9 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        -webkit-box-pack: center;
        justify-content: center;
        gap: var(--chakra-space-1)
      }

      @media screen and (min-width:30em) {
        .css-16lszr9 {
          flex-direction: column;
          align-items: flex-start;
          -webkit-box-pack: center;
          justify-content: center
        }
      }

      @media screen and (min-width:48em) {
        .css-16lszr9 {
          flex-direction: column;
          align-items: flex-start;
          -webkit-box-pack: center;
          justify-content: center
        }
      }

      @media screen and (min-width:62em) {
        .css-16lszr9 {
          flex-direction: row;
          -webkit-box-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          justify-content: space-between
        }
      }

      .css-v731cv {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: var(--chakra-space-4);
        position: relative;
        z-index: 2
      }

      .css-1xvmucc {
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: currentcolor;
        width: var(--chakra-sizes-6);
        height: var(--chakra-sizes-6);
        font-weight: 900
      }

      .css-hqlu99 {
        transition-property: var(--chakra-transition-property-common);
        transition-duration: var(--chakra-transition-duration-fast);
        transition-timing-function: var(--chakra-transition-easing-ease-out);
        text-decoration: none;
        outline: transparent solid 2px;
        outline-offset: 2px;
        font-size: var(--chakra-fontSizes-lg);
        font-weight: 500;
        padding-top: var(--chakra-space-4);
        padding-bottom: var(--chakra-space-4);
        padding-left: var(--chakra-space-8);
        position: relative;
        cursor: no-drop;
        color: rgb(136, 136, 136);
        pointer-events: none;
        border-top-right-radius: var(--chakra-radii-xl);
        border-bottom-right-radius: var(--chakra-radii-xl)
      }

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

      .css-hqlu99:hover,
      .css-hqlu99[data-hover] {
        background: var(--chakra-colors-light-background-primary)
      }

      .css-1bt8ru0 {
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-light-colors-border);
        border-radius: var(--chakra-radii-full);
        padding-inline-start: var(--chakra-space-1-5);
        padding-inline-end: var(--chakra-space-1-5);
        position: absolute;
        right: 0px
      }

      .css-1e49o09 {
        font-size: var(--chakra-fontSizes-xs);
        color: var(--chakra-colors-black);
        font-weight: 500
      }

      .css-149shq0 {
        transition-property: var(--chakra-transition-property-common);
        transition-duration: var(--chakra-transition-duration-fast);
        transition-timing-function: var(--chakra-transition-easing-ease-out);
        text-decoration: none;
        outline: transparent solid 2px;
        outline-offset: 2px;
        font-size: var(--chakra-fontSizes-lg);
        font-weight: 500;
        padding-top: var(--chakra-space-4);
        padding-bottom: var(--chakra-space-4);
        padding-left: var(--chakra-space-8);
        position: relative;
        cursor: pointer;
        color: var(--chakra-colors-light-text-primary);
        pointer-events: auto;
        border-top-right-radius: var(--chakra-radii-xl);
        border-bottom-right-radius: var(--chakra-radii-xl)
      }

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

      .css-149shq0:hover,
      .css-149shq0[data-hover] {
        background: var(--chakra-colors-light-background-primary)
      }

      .css-js3r40 {
        display: inline-block;
        white-space: nowrap;
        vertical-align: middle;
        text-transform: none;
        font-size: var(--chakra-fontSizes-xs);
        font-weight: var(--chakra-fontWeights-bold);
        box-shadow: var(--badge-shadow);
        background: var(--chakra-colors-black);
        padding-top: var(--chakra-space-1);
        padding-bottom: var(--chakra-space-1);
        padding-inline-start: var(--chakra-space-4);
        padding-inline-end: var(--chakra-space-4);
        border-radius: var(--chakra-radii-full);
        color: var(--chakra-colors-white);
        position: absolute;
        right: var(--chakra-space-3)
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      .css-ir7jip {
        margin-top: var(--chakra-space-12)
      }

      .css-8qc12h {
        appearance: none;
        -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: inherit;
        border-radius: var(--chakra-radii-md);
        transition: 0.3s;
        height: var(--chakra-sizes-10);
        min-width: var(--chakra-sizes-10);
        background: none;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding: 0px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        font-size: var(--chakra-fontSizes-lg);
        font-weight: 500;
        color: var(--chakra-colors-light-text-gray);
        margin-left: var(--chakra-space-12);
        padding-inline-start: var(--chakra-space-2);
        padding-inline-end: var(--chakra-space-2);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-transparent)
      }

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

      .css-8qc12h:disabled,
      .css-8qc12h[disabled],
      .css-8qc12h[aria-disabled="true"],
      .css-8qc12h[data-disabled] {
        opacity: 1;
        cursor: not-allowed;
        box-shadow: var(--chakra-shadows-none);
        color: var(--chakra-colors-black);
        background-color: var(--chakra-colors-light-colors-disabled);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black)
      }

      .css-8qc12h:disabled:hover,
      .css-8qc12h[disabled]:hover,
      .css-8qc12h[aria-disabled="true"]:hover,
      .css-8qc12h[data-disabled]:hover,
      .css-8qc12h:disabled[data-hover],
      .css-8qc12h[disabled][data-hover],
      .css-8qc12h[aria-disabled="true"][data-hover],
      .css-8qc12h[data-disabled][data-hover] {
        box-shadow: var(--chakra-shadows-none);
        background-color: var(--chakra-colors-light-colors-disabled) !important
      }

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

      .css-8qc12h:active,
      .css-8qc12h[data-active] {
        text-decoration: none;
        box-shadow: var(--chakra-shadows-none)
      }

      .css-8qc12h:hover,
      .css-8qc12h[data-hover] {
        color: var(--chakra-colors-light-colors-error-500)
      }

      .css-1wh2kri {
        display: inline-flex;
        align-self: center;
        flex-shrink: 0;
        margin-inline-end: 0.5rem
      }

      .css-1cuviun {
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: currentcolor;
        width: var(--chakra-sizes-6);
        height: var(--chakra-sizes-6);
        margin-right: var(--chakra-space-2)
      }

      .css-b9zkhq {
        grid-column-start: 1;
        padding-top: var(--chakra-space-6);
        position: relative;
        background-color: var(--chakra-colors-light-background-primary);
        transition: background-color 200ms linear;
        height: 100vh;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-bottom: var(--chakra-space-24)
      }

      @media screen and (min-width:30em) {
        .css-b9zkhq {
          grid-column-start: 1;
          padding-top: var(--chakra-space-6)
        }
      }

      @media screen and (min-width:48em) {
        .css-b9zkhq {
          grid-column-start: 2;
          padding-top: var(--chakra-space-6)
        }
      }

      @media screen and (min-width:62em) {
        .css-b9zkhq {
          padding-top: var(--chakra-space-7)
        }
      }

      .css-1le6se6 {
        position: relative;
        padding-left: var(--chakra-space-4);
        padding-right: var(--chakra-space-4)
      }

      @media screen and (min-width:30em) {
        .css-1le6se6 {
          padding-left: var(--chakra-space-4);
          padding-right: var(--chakra-space-4)
        }
      }

      @media screen and (min-width:48em) {
        .css-1le6se6 {
          padding-left: var(--chakra-space-6);
          padding-right: var(--chakra-space-6)
        }
      }

      @media screen and (min-width:62em) {
        .css-1le6se6 {
          padding-left: var(--chakra-space-7);
          padding-right: var(--chakra-space-7)
        }
      }

      @media screen and (min-width:80em) {
        .css-1le6se6 {
          padding-left: var(--chakra-space-7);
          padding-right: var(--chakra-space-16)
        }
      }

      .css-1jvqr35 {
        display: flex;
        align-items: flex-start;
        -webkit-box-pack: justify;
        justify-content: space-between;
        gap: var(--chakra-space-2)
      }

      @media screen and (min-width:30em) {
        .css-1jvqr35 {
          align-items: flex-start
        }
      }

      @media screen and (min-width:48em) {
        .css-1jvqr35 {
          align-items: flex-start
        }
      }

      @media screen and (min-width:62em) {
        .css-1jvqr35 {
          align-items: flex-start
        }
      }

      @media screen and (min-width:80em) {
        .css-1jvqr35 {
          -webkit-box-align: center;
          align-items: center
        }
      }

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

      @media screen and (min-width:30em) {
        .css-14xfmlg {
          align-items: flex-start;
          flex-direction: column
        }
      }

      @media screen and (min-width:48em) {
        .css-14xfmlg {
          align-items: flex-start;
          flex-direction: column
        }
      }

      @media screen and (min-width:62em) {
        .css-14xfmlg {
          align-items: flex-start;
          flex-direction: column
        }
      }

      @media screen and (min-width:80em) {
        .css-14xfmlg {
          -webkit-box-align: center;
          align-items: center;
          flex-direction: row
        }
      }

      .css-dr8svb {
        white-space: nowrap;
        vertical-align: middle;
        padding-inline-start: var(--chakra-space-1);
        padding-inline-end: var(--chakra-space-1);
        text-transform: none;
        font-size: var(--chakra-fontSizes-xs);
        font-weight: var(--chakra-fontWeights-bold);
        background: var(--chakra-colors-light-secondary-400);
        color: var(--chakra-colors-black);
        box-shadow: var(--badge-shadow);
        border-radius: 7px;
        display: none;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        height: fit-content;
        cursor: default
      }

      @media screen and (min-width:30em) {
        .css-dr8svb {
          display: none
        }
      }

      @media screen and (min-width:48em) {
        .css-dr8svb {
          display: flex
        }
      }

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

      .css-1xix1js {
        font-family: var(--chakra-fonts-heading);
        font-weight: var(--chakra-fontWeights-bold);
        line-height: 1.33;
        font-size: var(--chakra-fontSizes-2xl)
      }

      @media screen and (min-width:48em) {
        .css-1xix1js {
          line-height: 1.2
        }
      }

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

      .css-13jwj8v {
        flex-direction: column;
        position: relative;
        min-width: 0px;
        overflow-wrap: break-word;
        --card-bg: var(--chakra-colors-chakra-body-bg);
        background-color: var(--chakra-colors-light-background-secondary);
        box-shadow: var(--chakra-shadows-light);
        border-radius: 20px;
        color: var(--chakra-colors-black);
        border: 1px solid;
        --card-radius: var(--chakra-radii-md);
        --card-padding: var(--chakra-space-5);
        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);
        display: none
      }

      @media screen and (min-width:30em) {
        .css-13jwj8v {
          padding-inline-start: var(--chakra-space-3);
          padding-inline-end: var(--chakra-space-3);
          display: none
        }
      }

      @media screen and (min-width:48em) {
        .css-13jwj8v {
          padding-inline-start: var(--chakra-space-4);
          padding-inline-end: var(--chakra-space-4);
          display: flex
        }
      }

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

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

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

      .css-9lk87 {
        white-space: nowrap;
        vertical-align: middle;
        padding-inline-start: var(--chakra-space-1);
        padding-inline-end: var(--chakra-space-1);
        text-transform: none;
        border-radius: 7px;
        font-weight: var(--chakra-fontWeights-bold);
        background: var(--chakra-colors-light-secondary-400);
        color: var(--chakra-colors-black);
        box-shadow: var(--badge-shadow);
        font-size: var(--chakra-fontSizes-sm);
        height: var(--chakra-sizes-full);
        -webkit-box-align: center;
        align-items: center;
        display: flex;
        gap: var(--chakra-space-1)
      }

      .css-1kxx4bz {
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: currentcolor;
        width: var(--chakra-sizes-4);
        height: var(--chakra-sizes-4)
      }

      .css-1pd42lo {
        animation: auto ease 0s 1 normal none running none;
        min-width: var(--chakra-sizes-5)
      }

      .css-1p2j51y {
        font-size: var(--chakra-fontSizes-md);
        font-weight: 700
      }

      .css-1v5aoeg {
        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-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black);
        transition: 0.3s;
        min-width: var(--chakra-sizes-10);
        background-color: var(--chakra-colors-light-primary-400);
        color: var(--chakra-colors-black);
        border-radius: var(--chakra-radii-full);
        text-transform: uppercase;
        font-weight: 700;
        height: fit-content;
        padding-top: var(--chakra-space-1);
        padding-bottom: var(--chakra-space-1);
        padding-inline-start: var(--chakra-space-5);
        padding-inline-end: var(--chakra-space-5);
        font-size: var(--chakra-fontSizes-sm)
      }

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

      .css-1v5aoeg:disabled,
      .css-1v5aoeg[disabled],
      .css-1v5aoeg[aria-disabled="true"],
      .css-1v5aoeg[data-disabled] {
        opacity: 1;
        cursor: not-allowed;
        box-shadow: var(--chakra-shadows-none);
        color: var(--chakra-colors-black);
        background-color: var(--chakra-colors-light-colors-disabled);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black)
      }

      .css-1v5aoeg:disabled:hover,
      .css-1v5aoeg[disabled]:hover,
      .css-1v5aoeg[aria-disabled="true"]:hover,
      .css-1v5aoeg[data-disabled]:hover,
      .css-1v5aoeg:disabled[data-hover],
      .css-1v5aoeg[disabled][data-hover],
      .css-1v5aoeg[aria-disabled="true"][data-hover],
      .css-1v5aoeg[data-disabled][data-hover] {
        box-shadow: var(--chakra-shadows-none);
        background-color: var(--chakra-colors-light-colors-disabled) !important
      }

      .css-1v5aoeg:hover,
      .css-1v5aoeg[data-hover] {
        box-shadow: var(--chakra-shadows-light)
      }

      .css-1v5aoeg:hover:disabled,
      .css-1v5aoeg[data-hover]:disabled,
      .css-1v5aoeg:hover[disabled],
      .css-1v5aoeg[data-hover][disabled],
      .css-1v5aoeg:hover[aria-disabled="true"],
      .css-1v5aoeg[data-hover][aria-disabled="true"],
      .css-1v5aoeg:hover[data-disabled],
      .css-1v5aoeg[data-hover][data-disabled] {
        background: initial
      }

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

      .css-1v5aoeg:active,
      .css-1v5aoeg[data-active] {
        text-decoration: none;
        box-shadow: var(--chakra-shadows-none)
      }

      .css-1f4g8mw {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: var(--chakra-space-1);
        margin-top: calc(var(--chakra-space-1-5)*-1)
      }

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

      .css-19oi55m {
        font-size: var(--chakra-fontSizes-xs);
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.14px;
        color: var(--chakra-colors-light-text-gray)
      }

      .css-1357n6m {
        color: var(--chakra-colors-light-text-primary)
      }

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

      .css-1baulvz {
        display: inline-block
      }

      .css-10akp0a {
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: var(--chakra-colors-black);
        width: var(--chakra-sizes-3-5);
        height: var(--chakra-sizes-3-5)
      }

      .css-17yzblk {
        display: flex;
        gap: var(--chakra-space-4);
        flex-wrap: wrap;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
        width: var(--chakra-sizes-full)
      }

      @media screen and (min-width:30em) {
        .css-17yzblk {
          gap: var(--chakra-space-4)
        }
      }

      @media screen and (min-width:48em) {
        .css-17yzblk {
          gap: var(--chakra-space-4)
        }
      }

      @media screen and (min-width:62em) {
        .css-17yzblk {
          gap: var(--chakra-space-4)
        }
      }

      @media screen and (min-width:80em) {
        .css-17yzblk {
          gap: var(--chakra-space-6)
        }
      }

      .css-g28bdg {
        width: 100%;
        position: relative;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: var(--chakra-space-3)
      }

      .css-1lou8h4 {
        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)
      }

      .css-1lou8h4 .chakra-switch__thumb {
        width: var(--chakra-sizes-4);
        height: var(--chakra-sizes-4)
      }

      .css-1ih4q6u {
        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-1);
        width: var(--chakra-sizes-10);
        height: var(--switch-track-height);
        transition-property: var(--chakra-transition-property-common);
        transition-duration: var(--chakra-transition-duration-fast);
        --switch-bg: var(--chakra-colors-gray-300);
        background-color: var(--chakra-colors-white);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black)
      }

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

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

      .css-p8mef {
        transition-property: transform;
        transition-duration: var(--chakra-transition-duration-normal);
        border-radius: inherit;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black);
        background-color: var(--chakra-colors-light-primary-400);
        position: absolute;
        top: 3px
      }

      .css-kp53rj {
        display: block;
        text-align: start;
        font-size: var(--chakra-fontSizes-md);
        margin-inline-end: var(--chakra-space-3);
        transition-property: var(--chakra-transition-property-common);
        transition-duration: var(--chakra-transition-duration-normal);
        opacity: 1;
        margin: 0px;
        font-weight: 500
      }

      .css-kp53rj:disabled,
      .css-kp53rj[disabled],
      .css-kp53rj[aria-disabled="true"],
      .css-kp53rj[data-disabled] {
        opacity: 0.4
      }

      .css-1344rbf {
        min-width: fit-content
      }

      .css-kus6vh {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        gap: var(--chakra-space-2);
        font-size: var(--chakra-fontSizes-xl);
        cursor: pointer
      }

      @media screen and (min-width:30em) {
        .css-kus6vh {
          gap: var(--chakra-space-2)
        }
      }

      @media screen and (min-width:48em) {
        .css-kus6vh {
          gap: var(--chakra-space-2)
        }
      }

      @media screen and (min-width:62em) {
        .css-kus6vh {
          gap: var(--chakra-space-6)
        }
      }

      .css-x777nn {
        position: relative;
        width: fit-content;
        overflow: hidden;
        cursor: default
      }

      .css-1ewx9fc {
        position: relative;
        border-radius: 100%;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-light-colors-border);
        overflow: hidden;
        width: var(--chakra-sizes-12);
        height: var(--chakra-sizes-12)
      }

      .css-1ewx9fc>:not(style) {
        overflow: hidden;
        position: absolute;
        inset: 0px;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        width: 100%;
        height: 100%
      }

      .css-1ewx9fc>img {
        object-fit: cover
      }

      .css-1ewx9fc::before {
        height: 0px;
        content: "";
        display: block;
        padding-bottom: 100%
      }

      .css-ese511 {
        padding-bottom: var(--chakra-space-32)
      }

      @media screen and (min-width:30em) {
        .css-ese511 {
          padding-bottom: var(--chakra-space-32)
        }
      }

      @media screen and (min-width:48em) {
        .css-ese511 {
          padding-bottom: var(--chakra-space-28)
        }
      }

      @media screen and (min-width:62em) {
        .css-ese511 {
          padding-bottom: 0px
        }
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      .css-1idwstw {
        padding: var(--card-padding);
        flex: 1 1 0%
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

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

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

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

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

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

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

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

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

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

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

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

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

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

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

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

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      .css-14v9chn {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: var(--chakra-sizes-full);
        margin-top: var(--chakra-space-8);
        background: var(--chakra-colors-blackAlpha-100);
        flex-direction: column;
        padding-top: var(--chakra-space-2)
      }

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

        100% {
          opacity: 1
        }
      }

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

        100% {
          opacity: 1
        }
      }

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

        100% {
          opacity: 1
        }
      }

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

        100% {
          opacity: 1
        }
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      .css-kjafn5 {
        display: flex;
        position: relative
      }

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      .css-x1htkl {
        display: grid;
        padding-top: 0px;
        gap: var(--chakra-space-4)
      }

      @media screen and (min-width:30em) {
        .css-x1htkl {
          padding-top: 0px
        }
      }

      @media screen and (min-width:48em) {
        .css-x1htkl {
          padding-top: var(--chakra-space-12)
        }
      }

      .css-svvl7r {
        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(--chakra-colors-light-secondary-400);
        box-shadow: var(--chakra-shadows-light);
        border-radius: 20px;
        color: var(--chakra-colors-black);
        border: 1px solid;
        --card-radius: var(--chakra-radii-md);
        --card-padding: var(--chakra-space-5);
        justify-content: center
      }

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

      @media screen and (min-width:30em) {
        .css-1gs6yt8 {
          flex-direction: column;
          gap: var(--chakra-space-2)
        }
      }

      @media screen and (min-width:48em) {
        .css-1gs6yt8 {
          flex-direction: column;
          gap: var(--chakra-space-2)
        }
      }

      @media screen and (min-width:62em) {
        .css-1gs6yt8 {
          flex-direction: row;
          gap: var(--chakra-space-2)
        }
      }

      @media screen and (min-width:80em) {
        .css-1gs6yt8 {
          gap: var(--chakra-space-5)
        }
      }

      .css-9jjcoy {
        display: flex;
        flex-direction: column;
        position: relative;
        min-width: 0px;
        overflow-wrap: break-word;
        color: var(--chakra-colors-black);
        --card-radius: var(--chakra-radii-md);
        --card-padding: var(--chakra-space-5);
        opacity: 1;
        width: 100%;
        box-shadow: var(--chakra-shadows-none) !important
      }

      @media screen and (min-width:30em) {
        .css-9jjcoy {
          width: 100%
        }
      }

      @media screen and (min-width:48em) {
        .css-9jjcoy {
          width: 100%
        }
      }

      @media screen and (min-width:62em) {
        .css-9jjcoy {
          width: 150%
        }
      }

      .css-1l2syj5 {
        flex: 1 1 0%;
        padding-top: var(--chakra-space-4);
        padding-bottom: var(--chakra-space-4)
      }

      .css-rc9ff1 {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        flex-direction: column;
        gap: var(--chakra-space-3)
      }

      @media screen and (min-width:30em) {
        .css-rc9ff1 {
          flex-direction: column;
          gap: var(--chakra-space-3)
        }
      }

      @media screen and (min-width:48em) {
        .css-rc9ff1 {
          flex-direction: column;
          gap: var(--chakra-space-3)
        }
      }

      @media screen and (min-width:62em) {
        .css-rc9ff1 {
          flex-direction: row;
          gap: var(--chakra-space-1)
        }
      }

      @media screen and (min-width:80em) {
        .css-rc9ff1 {
          gap: var(--chakra-space-4)
        }
      }

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

      .css-1xhha7l {
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: var(--chakra-colors-light-primary-400);
        width: var(--chakra-sizes-9);
        height: var(--chakra-sizes-9)
      }

      .css-1u3lw3v {
        display: inline-block;
        line-height: 1em;
        flex-shrink: 0;
        color: var(--chakra-colors-black);
        width: var(--chakra-sizes-4);
        height: var(--chakra-sizes-4);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
      }

      .css-1o4au7k {
        font-weight: 700;
        line-height: var(--chakra-lineHeights-normal)
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      .css-1skd53g {
        line-height: 1em;
        flex-shrink: 0;
        color: currentcolor;
        width: var(--chakra-sizes-4);
        height: var(--chakra-sizes-4);
        display: flex
      }

      .css-1x5jdd {
        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;
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black);
        transition: 0.3s;
        height: var(--chakra-sizes-10);
        min-width: var(--chakra-sizes-10);
        font-size: var(--chakra-fontSizes-md);
        background-color: var(--chakra-colors-light-primary-400);
        color: var(--chakra-colors-black);
        text-transform: uppercase;
        border-radius: var(--chakra-radii-full);
        line-height: var(--chakra-lineHeights-normal);
        width: fit-content;
        padding-inline-start: var(--chakra-space-8);
        padding-inline-end: var(--chakra-space-8);
        font-weight: 700
      }

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

      .css-1x5jdd:disabled,
      .css-1x5jdd[disabled],
      .css-1x5jdd[aria-disabled="true"],
      .css-1x5jdd[data-disabled] {
        opacity: 1;
        cursor: not-allowed;
        box-shadow: var(--chakra-shadows-none);
        color: var(--chakra-colors-black);
        background-color: var(--chakra-colors-light-colors-disabled);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--chakra-colors-black)
      }

      .css-1x5jdd:disabled:hover,
      .css-1x5jdd[disabled]:hover,
      .css-1x5jdd[aria-disabled="true"]:hover,
      .css-1x5jdd[data-disabled]:hover,
      .css-1x5jdd:disabled[data-hover],
      .css-1x5jdd[disabled][data-hover],
      .css-1x5jdd[aria-disabled="true"][data-hover],
      .css-1x5jdd[data-disabled][data-hover] {
        box-shadow: var(--chakra-shadows-none);
        background-color: var(--chakra-colors-light-colors-disabled) !important
      }

      .css-1x5jdd:hover,
      .css-1x5jdd[data-hover] {
        box-shadow: var(--chakra-shadows-light)
      }

      .css-1x5jdd:hover:disabled,
      .css-1x5jdd[data-hover]:disabled,
      .css-1x5jdd:hover[disabled],
      .css-1x5jdd[data-hover][disabled],
      .css-1x5jdd:hover[aria-disabled="true"],
      .css-1x5jdd[data-hover][aria-disabled="true"],
      .css-1x5jdd:hover[data-disabled],
      .css-1x5jdd[data-hover][data-disabled] {
        background: initial
      }

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

      .css-1x5jdd:active,
      .css-1x5jdd[data-active] {
        text-decoration: none;
        box-shadow: var(--chakra-shadows-none)
      }

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:96em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:96em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:80em) {}

      @media screen and (min-width:96em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}

      @media screen and (min-width:30em) {}

      @media screen and (min-width:48em) {}

      @media screen and (min-width:62em) {}
 
      .sf-hidden {
        display: none !important
      }
 
      img[src="data:,"],
      source[src="data:,"] {
        display: none !important
      }