@font-face { font-family: "Open Sans Regular"; font-style: normal; font-weight: 400; src: url("chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-regular.woff"); }
@font-face { font-family: "Open Sans Bold"; font-style: normal; font-weight: 800; src: url("chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/OpenSans-Bold.woff"); }
@font-face { font-family: "Open Sans ExtraBold"; font-style: normal; font-weight: 800; src: url("chrome-extension://gkkdmjjodidppndkbkhhknakbeflbomf/fonts/open_sans/open-sans-v18-latin-800.woff"); }
:host, :root, [data-theme] { --chakra-ring-inset: var(--chakra-empty,/*!*/ /*!*/); --chakra-ring-offset-width: 0px; --chakra-ring-offset-color: #fff; --chakra-ring-color: rgba(66, 153, 225, 0.6); --chakra-ring-offset-shadow: 0 0 #0000; --chakra-ring-shadow: 0 0 #0000; --chakra-space-x-reverse: 0; --chakra-space-y-reverse: 0; --chakra-colors-transparent: transparent; --chakra-colors-current: currentColor; --chakra-colors-black: #000; --chakra-colors-white: #fff; --chakra-colors-whiteAlpha-50: rgba(255, 255, 255, 0.04); --chakra-colors-whiteAlpha-100: rgba(255, 255, 255, 0.06); --chakra-colors-whiteAlpha-200: rgba(255, 255, 255, 0.08); --chakra-colors-whiteAlpha-300: rgba(255, 255, 255, 0.16); --chakra-colors-whiteAlpha-400: rgba(255, 255, 255, 0.24); --chakra-colors-whiteAlpha-500: rgba(255, 255, 255, 0.36); --chakra-colors-whiteAlpha-600: rgba(255, 255, 255, 0.48); --chakra-colors-whiteAlpha-700: rgba(255, 255, 255, 0.64); --chakra-colors-whiteAlpha-800: rgba(255, 255, 255, 0.80); --chakra-colors-whiteAlpha-900: rgba(255, 255, 255, 0.92); --chakra-colors-blackAlpha-50: rgba(0, 0, 0, 0.04); --chakra-colors-blackAlpha-100: rgba(0, 0, 0, 0.06); --chakra-colors-blackAlpha-200: rgba(0, 0, 0, 0.08); --chakra-colors-blackAlpha-300: rgba(0, 0, 0, 0.16); --chakra-colors-blackAlpha-400: rgba(0, 0, 0, 0.24); --chakra-colors-blackAlpha-500: rgba(0, 0, 0, 0.36); --chakra-colors-blackAlpha-600: rgba(0, 0, 0, 0.48); --chakra-colors-blackAlpha-700: rgba(0, 0, 0, 0.64); --chakra-colors-blackAlpha-800: rgba(0, 0, 0, 0.80); --chakra-colors-blackAlpha-900: rgba(0, 0, 0, 0.92); --chakra-colors-gray-50: #F7FAFC; --chakra-colors-gray-100: #EDF2F7; --chakra-colors-gray-200: #E2E8F0; --chakra-colors-gray-300: #CBD5E0; --chakra-colors-gray-400: #A0AEC0; --chakra-colors-gray-500: #718096; --chakra-colors-gray-600: #4A5568; --chakra-colors-gray-700: #2D3748; --chakra-colors-gray-800: #1A202C; --chakra-colors-gray-900: #171923; --chakra-colors-red-50: #FFF5F5; --chakra-colors-red-100: #FED7D7; --chakra-colors-red-200: #FEB2B2; --chakra-colors-red-300: #FC8181; --chakra-colors-red-400: #F56565; --chakra-colors-red-500: #E53E3E; --chakra-colors-red-600: #C53030; --chakra-colors-red-700: #9B2C2C; --chakra-colors-red-800: #822727; --chakra-colors-red-900: #63171B; --chakra-colors-orange-50: #FFFAF0; --chakra-colors-orange-100: #FEEBC8; --chakra-colors-orange-200: #FBD38D; --chakra-colors-orange-300: #F6AD55; --chakra-colors-orange-400: #ED8936; --chakra-colors-orange-500: #DD6B20; --chakra-colors-orange-600: #C05621; --chakra-colors-orange-700: #9C4221; --chakra-colors-orange-800: #7B341E; --chakra-colors-orange-900: #652B19; --chakra-colors-yellow-50: #FFFFF0; --chakra-colors-yellow-100: #FEFCBF; --chakra-colors-yellow-200: #FAF089; --chakra-colors-yellow-300: #F6E05E; --chakra-colors-yellow-400: #ECC94B; --chakra-colors-yellow-500: #D69E2E; --chakra-colors-yellow-600: #B7791F; --chakra-colors-yellow-700: #975A16; --chakra-colors-yellow-800: #744210; --chakra-colors-yellow-900: #5F370E; --chakra-colors-green-50: #F0FFF4; --chakra-colors-green-100: #C6F6D5; --chakra-colors-green-200: #9AE6B4; --chakra-colors-green-300: #68D391; --chakra-colors-green-400: #48BB78; --chakra-colors-green-500: #38A169; --chakra-colors-green-600: #2F855A; --chakra-colors-green-700: #276749; --chakra-colors-green-800: #22543D; --chakra-colors-green-900: #1C4532; --chakra-colors-teal-50: #E6FFFA; --chakra-colors-teal-100: #B2F5EA; --chakra-colors-teal-200: #81E6D9; --chakra-colors-teal-300: #4FD1C5; --chakra-colors-teal-400: #38B2AC; --chakra-colors-teal-500: #319795; --chakra-colors-teal-600: #2C7A7B; --chakra-colors-teal-700: #285E61; --chakra-colors-teal-800: #234E52; --chakra-colors-teal-900: #1D4044; --chakra-colors-blue-50: #ebf8ff; --chakra-colors-blue-100: #bee3f8; --chakra-colors-blue-200: #90cdf4; --chakra-colors-blue-300: #63b3ed; --chakra-colors-blue-400: #4299e1; --chakra-colors-blue-500: #3182ce; --chakra-colors-blue-600: #2b6cb0; --chakra-colors-blue-700: #2c5282; --chakra-colors-blue-800: #2a4365; --chakra-colors-blue-900: #1A365D; --chakra-colors-cyan-50: #EDFDFD; --chakra-colors-cyan-100: #C4F1F9; --chakra-colors-cyan-200: #9DECF9; --chakra-colors-cyan-300: #76E4F7; --chakra-colors-cyan-400: #0BC5EA; --chakra-colors-cyan-500: #00B5D8; --chakra-colors-cyan-600: #00A3C4; --chakra-colors-cyan-700: #0987A0; --chakra-colors-cyan-800: #086F83; --chakra-colors-cyan-900: #065666; --chakra-colors-purple-50: #FAF5FF; --chakra-colors-purple-100: #E9D8FD; --chakra-colors-purple-200: #D6BCFA; --chakra-colors-purple-300: #B794F4; --chakra-colors-purple-400: #9F7AEA; --chakra-colors-purple-500: #805AD5; --chakra-colors-purple-600: #6B46C1; --chakra-colors-purple-700: #553C9A; --chakra-colors-purple-800: #44337A; --chakra-colors-purple-900: #322659; --chakra-colors-pink-50: #FFF5F7; --chakra-colors-pink-100: #FED7E2; --chakra-colors-pink-200: #FBB6CE; --chakra-colors-pink-300: #F687B3; --chakra-colors-pink-400: #ED64A6; --chakra-colors-pink-500: #D53F8C; --chakra-colors-pink-600: #B83280; --chakra-colors-pink-700: #97266D; --chakra-colors-pink-800: #702459; --chakra-colors-pink-900: #521B41; --chakra-colors-linkedin-50: #E8F4F9; --chakra-colors-linkedin-100: #CFEDFB; --chakra-colors-linkedin-200: #9BDAF3; --chakra-colors-linkedin-300: #68C7EC; --chakra-colors-linkedin-400: #34B3E4; --chakra-colors-linkedin-500: #00A0DC; --chakra-colors-linkedin-600: #008CC9; --chakra-colors-linkedin-700: #0077B5; --chakra-colors-linkedin-800: #005E93; --chakra-colors-linkedin-900: #004471; --chakra-colors-facebook-50: #E8F4F9; --chakra-colors-facebook-100: #D9DEE9; --chakra-colors-facebook-200: #B7C2DA; --chakra-colors-facebook-300: #6482C0; --chakra-colors-facebook-400: #4267B2; --chakra-colors-facebook-500: #385898; --chakra-colors-facebook-600: #314E89; --chakra-colors-facebook-700: #29487D; --chakra-colors-facebook-800: #223B67; --chakra-colors-facebook-900: #1E355B; --chakra-colors-messenger-50: #D0E6FF; --chakra-colors-messenger-100: #B9DAFF; --chakra-colors-messenger-200: #A2CDFF; --chakra-colors-messenger-300: #7AB8FF; --chakra-colors-messenger-400: #2E90FF; --chakra-colors-messenger-500: #0078FF; --chakra-colors-messenger-600: #0063D1; --chakra-colors-messenger-700: #0052AC; --chakra-colors-messenger-800: #003C7E; --chakra-colors-messenger-900: #002C5C; --chakra-colors-whatsapp-50: #dffeec; --chakra-colors-whatsapp-100: #b9f5d0; --chakra-colors-whatsapp-200: #90edb3; --chakra-colors-whatsapp-300: #65e495; --chakra-colors-whatsapp-400: #3cdd78; --chakra-colors-whatsapp-500: #22c35e; --chakra-colors-whatsapp-600: #179848; --chakra-colors-whatsapp-700: #0c6c33; --chakra-colors-whatsapp-800: #01421c; --chakra-colors-whatsapp-900: #001803; --chakra-colors-twitter-50: #E5F4FD; --chakra-colors-twitter-100: #C8E9FB; --chakra-colors-twitter-200: #A8DCFA; --chakra-colors-twitter-300: #83CDF7; --chakra-colors-twitter-400: #57BBF5; --chakra-colors-twitter-500: #1DA1F2; --chakra-colors-twitter-600: #1A94DA; --chakra-colors-twitter-700: #1681BF; --chakra-colors-twitter-800: #136B9E; --chakra-colors-twitter-900: #0D4D71; --chakra-colors-telegram-50: #E3F2F9; --chakra-colors-telegram-100: #C5E4F3; --chakra-colors-telegram-200: #A2D4EC; --chakra-colors-telegram-300: #7AC1E4; --chakra-colors-telegram-400: #47A9DA; --chakra-colors-telegram-500: #0088CC; --chakra-colors-telegram-600: #007AB8; --chakra-colors-telegram-700: #006BA1; --chakra-colors-telegram-800: #005885; --chakra-colors-telegram-900: #003F5E; --chakra-colors-_primary-100: #FDEDE7; --chakra-colors-_primary-200: #FCE3D9; --chakra-colors-_primary-300: #F7B8A1; --chakra-colors-_primary-400: #F39572; --chakra-colors-_primary-500: #F07242; --chakra-colors-_primary-600: #F38153; --chakra-colors-_primary-700: #F05C22; --chakra-colors-_primary-800: #D2460F; --chakra-colors-_secondary-100: #EDECFD; --chakra-colors-_secondary-200: #DCD9FC; --chakra-colors-_secondary-300: #A7A1F7; --chakra-colors-_secondary-400: #847CF4; --chakra-colors-_secondary-500: #6056F0; --chakra-colors-_secondary-600: #3D31ED; --chakra-colors-_secondary-700: #2213E2; --chakra-colors-_secondary-800: #190FA9; --chakra-colors-_brownGrey-100: #F4F2F1; --chakra-colors-_brownGrey-200: #E9E4E2; --chakra-colors-_brownGrey-300: #D0CAC8; --chakra-colors-_brownGrey-400: #A19691; --chakra-colors-_brownGrey-500: #897B76; --chakra-colors-_brownGrey-600: #6E625E; --chakra-colors-_brownGrey-700: #37312F; --chakra-colors-_brownGrey-800: #1C1817; --chakra-colors-_brownGrey-900: #E0E0E4; --chakra-colors-_infor-100: #EDF5FC; --chakra-colors-_infor-200: #C5DEF7; --chakra-colors-_infor-300: #94C2F0; --chakra-colors-_infor-400: #67A8E9; --chakra-colors-_infor-500: #3D90E3; --chakra-colors-_infor-600: #1E75CD; --chakra-colors-_infor-700: #175CA0; --chakra-colors-_infor-800: #114274; --chakra-colors-_success-100: #EBFFF0; --chakra-colors-_success-200: #C6F6D5; --chakra-colors-_success-300: #9AE6B4; --chakra-colors-_success-400: #68D391; --chakra-colors-_success-500: #48BB78; --chakra-colors-_success-600: #38A169; --chakra-colors-_success-700: #25855A; --chakra-colors-_success-800: #276749; --chakra-colors-_warning-100: #FEF7EB; --chakra-colors-_warning-200: #FDE4BE; --chakra-colors-_warning-300: #FCC779; --chakra-colors-_warning-400: #FAB347; --chakra-colors-_warning-500: #F9A932; --chakra-colors-_warning-600: #C77905; --chakra-colors-_warning-700: #955B04; --chakra-colors-_warning-800: #814F03; --chakra-colors-_error-100: #FFF5F5; --chakra-colors-_error-200: #FED7D7; --chakra-colors-_error-300: #FEB2B2; --chakra-colors-_error-400: #FC8181; --chakra-colors-_error-500: #F56565; --chakra-colors-_error-600: #E53E3E; --chakra-colors-_error-700: #C53030; --chakra-colors-_error-800: #9B2C2C; --chakra-colors-_yellow-100: #FFFCEB; --chakra-colors-_yellow-200: #FFF9D6; --chakra-colors-_yellow-300: #FFF3AD; --chakra-colors-_yellow-400: #FFEA70; --chakra-colors-_yellow-500: #FFE347; --chakra-colors-_yellow-600: #FFDD1F; --chakra-colors-_yellow-700: #F5D000; --chakra-colors-_yellow-800: #CCAD00; --chakra-colors-_purple-100: #F9ECFD; --chakra-colors-_purple-200: #F2D9FC; --chakra-colors-_purple-300: #DFA1F7; --chakra-colors-_purple-400: #D27BF4; --chakra-colors-_purple-500: #C555F1; --chakra-colors-_purple-600: #B82FEE; --chakra-colors-_purple-700: #A912E3; --chakra-colors-_purple-800: #7E0EAA; --chakra-colors-_pink-100: #FEECF7; --chakra-colors-_pink-200: #FDD8EF; --chakra-colors-_pink-300: #FBB1DF; --chakra-colors-_pink-400: #F98ACF; --chakra-colors-_pink-500: #F863BF; --chakra-colors-_pink-600: #F63AAF; --chakra-colors-_pink-700: #F4159F; --chakra-colors-_pink-800: #D60A88; --chakra-borders-none: 0; --chakra-borders-1px: 1px solid; --chakra-borders-2px: 2px solid; --chakra-borders-4px: 4px solid; --chakra-borders-8px: 8px solid; --chakra-fonts-heading: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --chakra-fonts-body: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; --chakra-fonts-mono: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --chakra-fontSizes-3xs: 0.45rem; --chakra-fontSizes-2xs: 0.625rem; --chakra-fontSizes-xs: 0.75rem; --chakra-fontSizes-sm: 0.875rem; --chakra-fontSizes-md: 1rem; --chakra-fontSizes-lg: 1.125rem; --chakra-fontSizes-xl: 1.25rem; --chakra-fontSizes-2xl: 1.5rem; --chakra-fontSizes-3xl: 1.875rem; --chakra-fontSizes-4xl: 2.25rem; --chakra-fontSizes-5xl: 3rem; --chakra-fontSizes-6xl: 3.75rem; --chakra-fontSizes-7xl: 4.5rem; --chakra-fontSizes-8xl: 6rem; --chakra-fontSizes-9xl: 8rem; --chakra-fontWeights-hairline: 100; --chakra-fontWeights-thin: 200; --chakra-fontWeights-light: 300; --chakra-fontWeights-normal: 400; --chakra-fontWeights-medium: 500; --chakra-fontWeights-semibold: 600; --chakra-fontWeights-bold: 700; --chakra-fontWeights-extrabold: 800; --chakra-fontWeights-black: 900; --chakra-letterSpacings-tighter: -0.05em; --chakra-letterSpacings-tight: -0.025em; --chakra-letterSpacings-normal: 0; --chakra-letterSpacings-wide: 0.025em; --chakra-letterSpacings-wider: 0.05em; --chakra-letterSpacings-widest: 0.1em; --chakra-lineHeights-3: .75rem; --chakra-lineHeights-4: 1rem; --chakra-lineHeights-5: 1.25rem; --chakra-lineHeights-6: 1.5rem; --chakra-lineHeights-7: 1.75rem; --chakra-lineHeights-8: 2rem; --chakra-lineHeights-9: 2.25rem; --chakra-lineHeights-10: 2.5rem; --chakra-lineHeights-normal: normal; --chakra-lineHeights-none: 1; --chakra-lineHeights-shorter: 1.25; --chakra-lineHeights-short: 1.375; --chakra-lineHeights-base: 1.5; --chakra-lineHeights-tall: 1.625; --chakra-lineHeights-taller: 2; --chakra-radii-none: 0; --chakra-radii-sm: 0.125rem; --chakra-radii-base: 0.25rem; --chakra-radii-md: 0.375rem; --chakra-radii-lg: 0.5rem; --chakra-radii-xl: 0.75rem; --chakra-radii-2xl: 1rem; --chakra-radii-3xl: 1.5rem; --chakra-radii-full: 9999px; --chakra-space-0: 0px; --chakra-space-1: 4px; --chakra-space-2: 8px; --chakra-space-3: 12px; --chakra-space-4: 16px; --chakra-space-5: 20px; --chakra-space-6: 24px; --chakra-space-7: 28px; --chakra-space-8: 32px; --chakra-space-9: 36px; --chakra-space-10: 40px; --chakra-space-12: 48px; --chakra-space-14: 56px; --chakra-space-16: 64px; --chakra-space-20: 80px; --chakra-space-24: 96px; --chakra-space-28: 112px; --chakra-space-32: 128px; --chakra-space-36: 144px; --chakra-space-40: 160px; --chakra-space-44: 176px; --chakra-space-48: 192px; --chakra-space-52: 208px; --chakra-space-56: 224px; --chakra-space-60: 240px; --chakra-space-64: 16rem; --chakra-space-72: 18rem; --chakra-space-80: 20rem; --chakra-space-96: 24rem; --chakra-space-px: 1px; --chakra-space-0-5: 0.125rem; --chakra-space-1-5: 0.375rem; --chakra-space-2-5: 0.625rem; --chakra-space-3-5: 0.875rem; --chakra-shadows-xs: 0 0 0 1px rgba(0, 0, 0, 0.05); --chakra-shadows-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --chakra-shadows-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1),0 1px 2px 0 rgba(0, 0, 0, 0.06); --chakra-shadows-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06); --chakra-shadows-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05); --chakra-shadows-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04); --chakra-shadows-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25); --chakra-shadows-outline: 0 0 0 3px rgba(66, 153, 225, 0.6); --chakra-shadows-inner: inset 0 2px 4px 0 rgba(0,0,0,0.06); --chakra-shadows-none: none; --chakra-shadows-dark-lg: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px,rgba(0, 0, 0, 0.2) 0px 5px 10px,rgba(0, 0, 0, 0.4) 0px 15px 40px; --chakra-sizes-1: 0.25rem; --chakra-sizes-2: 0.5rem; --chakra-sizes-3: 0.75rem; --chakra-sizes-4: 1rem; --chakra-sizes-5: 1.25rem; --chakra-sizes-6: 1.5rem; --chakra-sizes-7: 1.75rem; --chakra-sizes-8: 2rem; --chakra-sizes-9: 2.25rem; --chakra-sizes-10: 2.5rem; --chakra-sizes-12: 3rem; --chakra-sizes-14: 3.5rem; --chakra-sizes-16: 4rem; --chakra-sizes-20: 5rem; --chakra-sizes-24: 6rem; --chakra-sizes-28: 7rem; --chakra-sizes-32: 8rem; --chakra-sizes-36: 9rem; --chakra-sizes-40: 10rem; --chakra-sizes-44: 11rem; --chakra-sizes-48: 12rem; --chakra-sizes-52: 13rem; --chakra-sizes-56: 14rem; --chakra-sizes-60: 15rem; --chakra-sizes-64: 16rem; --chakra-sizes-72: 18rem; --chakra-sizes-80: 20rem; --chakra-sizes-96: 24rem; --chakra-sizes-px: 1px; --chakra-sizes-0-5: 0.125rem; --chakra-sizes-1-5: 0.375rem; --chakra-sizes-2-5: 0.625rem; --chakra-sizes-3-5: 0.875rem; --chakra-sizes-max: max-content; --chakra-sizes-min: min-content; --chakra-sizes-full: 100%; --chakra-sizes-3xs: 14rem; --chakra-sizes-2xs: 16rem; --chakra-sizes-xs: 20rem; --chakra-sizes-sm: 24rem; --chakra-sizes-md: 28rem; --chakra-sizes-lg: 32rem; --chakra-sizes-xl: 36rem; --chakra-sizes-2xl: 42rem; --chakra-sizes-3xl: 48rem; --chakra-sizes-4xl: 56rem; --chakra-sizes-5xl: 64rem; --chakra-sizes-6xl: 72rem; --chakra-sizes-7xl: 80rem; --chakra-sizes-8xl: 90rem; --chakra-sizes-prose: 60ch; --chakra-sizes-container-sm: 640px; --chakra-sizes-container-md: 768px; --chakra-sizes-container-lg: 1024px; --chakra-sizes-container-xl: 1280px; --chakra-zIndices-hide: -1; --chakra-zIndices-auto: auto; --chakra-zIndices-base: 0; --chakra-zIndices-docked: 10; --chakra-zIndices-dropdown: 1000; --chakra-zIndices-sticky: 1100; --chakra-zIndices-banner: 1200; --chakra-zIndices-overlay: 1300; --chakra-zIndices-modal: 1400; --chakra-zIndices-popover: 1500; --chakra-zIndices-skipLink: 1600; --chakra-zIndices-toast: 1700; --chakra-zIndices-tooltip: 1800; --chakra-transition-property-common: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform; --chakra-transition-property-colors: background-color,border-color,color,fill,stroke; --chakra-transition-property-dimensions: width,height; --chakra-transition-property-position: left,right,top,bottom; --chakra-transition-property-background: background-color,background-image,background-position; --chakra-transition-easing-ease-in: cubic-bezier(0.4, 0, 1, 1); --chakra-transition-easing-ease-out: cubic-bezier(0, 0, 0.2, 1); --chakra-transition-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --chakra-transition-duration-ultra-fast: 50ms; --chakra-transition-duration-faster: 100ms; --chakra-transition-duration-fast: 150ms; --chakra-transition-duration-normal: 200ms; --chakra-transition-duration-slow: 300ms; --chakra-transition-duration-slower: 400ms; --chakra-transition-duration-ultra-slow: 500ms; --chakra-blur-none: 0; --chakra-blur-sm: 4px; --chakra-blur-base: 8px; --chakra-blur-md: 12px; --chakra-blur-lg: 16px; --chakra-blur-xl: 24px; --chakra-blur-2xl: 40px; --chakra-blur-3xl: 64px; --chakra-breakpoints-base: 0px; --chakra-breakpoints-sm: 480px; --chakra-breakpoints-md: 768px; --chakra-breakpoints-lg: 1200px; --chakra-breakpoints-xl: 1440px; --chakra-breakpoints-xxl: 1600px; }
.chakra-ui-light :host:not([data-theme]), .chakra-ui-light :root:not([data-theme]), .chakra-ui-light [data-theme]:not([data-theme]), [data-theme="light"] :host:not([data-theme]), [data-theme="light"] :root:not([data-theme]), [data-theme="light"] [data-theme]:not([data-theme]), :host[data-theme="light"], :root[data-theme="light"], [data-theme][data-theme="light"] { --chakra-colors-chakra-body-text: var(--chakra-colors-gray-800); --chakra-colors-chakra-body-bg: var(--chakra-colors-white); --chakra-colors-chakra-border-color: var(--chakra-colors-gray-200); --chakra-colors-chakra-inverse-text: var(--chakra-colors-white); --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-100); --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-600); --chakra-colors-chakra-placeholder-color: var(--chakra-colors-gray-500); }
.chakra-ui-dark :host:not([data-theme]), .chakra-ui-dark :root:not([data-theme]), .chakra-ui-dark [data-theme]:not([data-theme]), [data-theme="dark"] :host:not([data-theme]), [data-theme="dark"] :root:not([data-theme]), [data-theme="dark"] [data-theme]:not([data-theme]), :host[data-theme="dark"], :root[data-theme="dark"], [data-theme][data-theme="dark"] { --chakra-colors-chakra-body-text: var(--chakra-colors-whiteAlpha-900); --chakra-colors-chakra-body-bg: var(--chakra-colors-gray-800); --chakra-colors-chakra-border-color: var(--chakra-colors-whiteAlpha-300); --chakra-colors-chakra-inverse-text: var(--chakra-colors-gray-800); --chakra-colors-chakra-subtle-bg: var(--chakra-colors-gray-700); --chakra-colors-chakra-subtle-text: var(--chakra-colors-gray-400); --chakra-colors-chakra-placeholder-color: var(--chakra-colors-whiteAlpha-400); }
html { line-height: 1.5; text-size-adjust: 100%; font-family: system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; touch-action: manipulation; }
body { position: relative; min-height: 100%; margin: 0px; font-feature-settings: "kern"; }
:where(*) { border-width: 0px; border-style: solid; box-sizing: border-box; overflow-wrap: break-word; }
main { display: block; }
hr { border-top-width: 1px; box-sizing: content-box; height: 0px; overflow: visible; }
:where(pre, code, kbd, samp) { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 1em; }
a { background-color: transparent; color: inherit; text-decoration: inherit; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
:where(b, strong) { font-weight: bold; }
small { font-size: 80%; }
:where(sub, sup) { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
:where(button, input, optgroup, select, textarea) { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; }
:where(button, input) { overflow: visible; }
:where(button, select) { text-transform: none; }
:where() { border-style: none; padding: 0px; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
:where([type="checkbox"], [type="radio"]) { box-sizing: border-box; padding: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { appearance: none !important; }
input[type="number"] { }
input[type="search"] { appearance: textfield; outline-offset: -2px; }
input[type="search"]::-webkit-search-decoration { appearance: none !important; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none !important; }
:where(blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre) { margin: 0px; }
button { background: transparent; padding: 0px; }
fieldset { margin: 0px; padding: 0px; }
:where(ol, ul) { margin: 0px; padding: 0px; }
textarea { resize: vertical; }
:where(button, [role="button"]) { cursor: pointer; }
table { border-collapse: collapse; }
:where(h1, h2, h3, h4, h5, h6) { font-size: inherit; font-weight: inherit; }
:where(button, input, optgroup, select, textarea) { padding: 0px; line-height: inherit; color: inherit; }
:where(img, svg, video, canvas, audio, iframe, embed, object) { display: block; }
:where(img, video) { max-width: 100%; height: auto; }
[data-js-focus-visible] :focus:not([data-focus-visible-added]):not([data-focus-visible-disabled]) { outline: none; box-shadow: none; }
:root, :host { --chakra-vh: 100vh; }
@supports (height: -webkit-fill-available) {
  :root, :host { --chakra-vh: -webkit-fill-available; }
}
@supports (height: -moz-fill-available) {
  :root, :host { --chakra-vh: -moz-fill-available; }
}
@supports (height: 100dvh) {
  :root, :host { --chakra-vh: 100dvh; }
}
body { font-family: var(--chakra-fonts-body); color: var(--chakra-colors-chakra-body-text); background: var(--chakra-colors-chakra-body-bg); transition-property: background-color; transition-duration: var(--chakra-transition-duration-normal); line-height: var(--chakra-lineHeights-base); }
::-webkit-input-placeholder { color: var(--chakra-colors-chakra-placeholder-color); }
::placeholder { color: var(--chakra-colors-chakra-placeholder-color); }
*, ::before, ::after { border-color: var(--chakra-colors-chakra-border-color); }
.css-smqo98 { display: flex; flex-flow: column; height: 100%; min-height: 100vh; -webkit-box-pack: justify; justify-content: space-between; min-width: 375px; }
@media screen and (max-width: 375px) {
  .css-smqo98 { width: 375px; }
}
.css-3t04x3 { height: 0px; }
.css-7x4dc0 { display: flex; flex-direction: column; gap: var(--chakra-space-2); padding-inline: 16px; padding-top: 8px; padding-bottom: 8px; border-color: var(--chakra-colors-_brownGrey-200); -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: var(--chakra-colors-white); z-index: 1101; }
@media screen and (min-width: 1200px) {
  .css-7x4dc0 { padding-top: 10px; padding-bottom: 10px; }
}
@media screen and (min-width: 1440px) {
  .css-7x4dc0 { padding-inline: 172px; }
}
.css-4yn51p { display: flex; flex-flow: row; width: 100%; max-width: 100%; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: var(--chakra-sizes-10); gap: var(--chakra-space-1); }
@media screen and (min-width: 1200px) {
  .css-4yn51p { max-width: 1148px; }
}
.css-1rbd2h3 { display: flex; flex-flow: row; gap: var(--chakra-space-5); -webkit-box-align: center; align-items: center; flex: 1 1 0%; }
.css-3ns36f { display: flex; width: 128px; height: 24px; position: relative; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
@media screen and (min-width: 1200px) {
  .css-3ns36f { width: 213px; height: 40px; }
}
.css-4g6ai3 { cursor: pointer; }
.css-4tuota { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; position: absolute; top: var(--chakra-space-0); left: var(--chakra-space-0); width: 100%; height: 100%; }
.chakra-ui-dark .css-4tuota:not([data-theme]), [data-theme="dark"] .css-4tuota:not([data-theme]), .css-4tuota[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-4tuota::before, .css-4tuota::after, .css-4tuota * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-diu2pe { flex: 1 1 0%; display: none; }
@media screen and (min-width: 1200px) {
  .css-diu2pe { display: block; }
}
.css-1wvufh { height: 100%; width: 100%; max-width: 100%; }
@media screen and (min-width: 1200px) {
  .css-1wvufh { max-width: 376px; }
}
.css-b5wdsx { position: relative; min-width: 200px; opacity: 1; }
.css-1y0e7gb { width: 100%; display: flex; position: relative; isolation: isolate; --input-font-size: var(--chakra-fontSizes-md); --input-padding: var(--chakra-space-4); --input-border-radius: var(--chakra-radii-md); --input-height: var(--chakra-sizes-10); }
.css-pv0jv4 { left: var(--chakra-space-0); width: var(--input-height); height: var(--input-height); font-size: 14px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: var(--chakra-space-0); z-index: 2; pointer-events: none; }
.css-kqhmps { width: 100%; height: var(--input-height); padding-inline-start: var(--input-height); padding-inline-end: var(--input-padding); min-width: 250px; outline: transparent solid 2px; outline-offset: 2px; position: relative; appearance: none; transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); padding: 8px 8px 8px 40px; --input-font-size: var(--chakra-fontSizes-md); --input-padding: var(--chakra-space-4); --input-border-radius: var(--chakra-radii-md); --input-height: var(--chakra-sizes-10); font-size: 14px; font-weight: 400; color: var(--chakra-colors-_brownGrey-700); background: rgb(244, 242, 241); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-color: var(--chakra-colors-transparent); border-radius: 4px; }
.css-kqhmps:disabled, .css-kqhmps[disabled], .css-kqhmps[aria-disabled="true"], .css-kqhmps[data-disabled] { opacity: 0.6; cursor: not-allowed; background-color: var(--chakra-colors-_brownGrey-200); }
.css-kqhmps::-webkit-input-placeholder { color: rgb(137, 123, 118); font-size: 14px; }
.css-kqhmps::placeholder { color: rgb(137, 123, 118); font-size: 14px; }
.css-kqhmps:focus, .css-kqhmps[data-focus] { border-color: rgb(240, 92, 34); caret-color: rgb(240, 92, 34); box-shadow: var(--chakra-shadows-none); }
.css-kqhmps:hover, .css-kqhmps[data-hover] { border-color: var(--chakra-colors-_primary-300); box-shadow: rgba(240, 92, 34, 0.5) 0px 0px 12px 0px; }
.css-kqhmps:hover:disabled, .css-kqhmps[data-hover]:disabled, .css-kqhmps:hover[disabled], .css-kqhmps[data-hover][disabled], .css-kqhmps:hover[aria-disabled="true"], .css-kqhmps[data-hover][aria-disabled="true"], .css-kqhmps:hover[data-disabled], .css-kqhmps[data-hover][data-disabled] { border-color: rgb(233, 228, 226); box-shadow: transparent 0px 0px 12px 0px; }
.css-kqhmps[aria-invalid="true"], .css-kqhmps[data-invalid] { border-color: rgb(229, 62, 62); background-color: rgb(255, 245, 245); color: rgb(229, 62, 62); }
.css-kqhmps:focus-within { background: var(--chakra-colors-white); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; color: unset; border-color: var(--chakra-colors-_primary-700) !important; }
.css-kqhmps:hover { box-shadow: rgba(240, 92, 34, 0.25) 0px 0px 12px 0px; }
.css-1glpal5 { opacity: 0; visibility: hidden; transform: translateY(-20px); position: absolute; right: var(--chakra-space-0); width: 100%; background-color: rgb(255, 255, 255); transition: 0.2s; border-radius: 8px; padding-top: 0px; padding-bottom: 0px; padding-inline-start: var(--chakra-space-0); padding-inline-end: var(--chakra-space-0); border: 1px solid rgb(233, 228, 226); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px 0px; z-index: 1500; overflow: auto; max-height: 150px; }
.css-1glpal5::-webkit-scrollbar { width: 6px; background: var(--chakra-colors-transparent); }
.css-1glpal5::-webkit-scrollbar-track { border-radius: 6px; }
.css-1glpal5::-webkit-scrollbar-thumb { background: var(--chakra-colors-_primary-700); border-radius: 8px; }
.css-1glpal5::-webkit-scrollbar-track-piece:start { background-color: var(--chakra-colors-transparent); border-radius: 6px; }
.css-1glpal5::-webkit-scrollbar-track-piece:end { background-color: var(--chakra-colors-transparent); border-radius: 6px; }
.css-165casq { display: flex; flex-direction: column; gap: 0px; }

.css-7w8uz7 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 47px;
    transition: 0.2sease-in-out;
}
.css-1xom10z {
    display: flex
;
    opacity: 1;
    transition: 0.5sease-in-out;
}
.css-1bcth50 {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex: 1 1 0%;
}
.css-2v6hzm {
    display: flex
;
    gap: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
}
.css-ruapjk {
    position: relative;
    flex-shrink: 0;
}
.css-b95f0i {
    display: flex
;
    flex-direction: column;
    flex: 1 1 0%;
}
.css-1v7lpdn {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-500);
    text-overflow: ellipsis;
    width: auto;
    white-space: normal;
    overflow: hidden;
}
.css-12atx2w {
    display: flex
;
    margin-top: var(--chakra-space-2);
    -webkit-box-align: center;
    align-items: center;
}
.css-13pmxen {
    display: flex
;
    flex: 1 1 0%;
}
.css-1kadfu9 {
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color: var(--chakra-colors-_brownGrey-700);
}
.css-1pxjoz2 { display: flex; flex-direction: column; gap: 0.5rem; padding: 15px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-7q7oda { font-size: 14px; font-weight: 400; font-style: italic; text-align: center; color: rgb(152, 152, 152); }
.css-19yivia { opacity: 0.6; border-width: 0px 0px 1px; border-image: initial; border-color: inherit; border-style: solid; height: 8px; background: rgb(244, 246, 248); width: 100%; }
.css-1mooco6 { display: flex; flex-direction: column; gap: 0.5rem; padding-top: 20px; padding-bottom: 14px; padding-inline: 24px; }
.css-oyyiah { font-size: 16px; font-weight: 700; text-align: left; color: rgb(69, 69, 69); }
.css-272ijt { display: flex; flex-flow: row; gap: var(--chakra-space-1); -webkit-box-align: center; align-items: center; }
@media screen and (min-width: 1200px) {
  .css-272ijt { gap: var(--chakra-space-3); }
}
.css-cdkrf0 { animation: auto ease 0s 1 normal none running none; }
.css-nexmfk { appearance: none; outline: transparent solid 2px; outline-offset: 2px; transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 8px; border-radius: 4px; }
.css-nexmfk:hover, .css-nexmfk[data-hover] { background-color: var(--chakra-colors-_primary-100); }
.css-nexmfk:hover svg, .css-nexmfk[data-hover] svg { color: rgb(240, 92, 34); transition: 0.1s ease-in-out; }
.css-xl71ch { pointer-events: none; flex: 1 1 auto; min-width: 0px; }
.css-1f2j16u { cursor: pointer; width: 24px; height: 24px; }
.css-r6z5ec { z-index: 1; }
.css-1gw5ghd { outline: transparent solid 2px; outline-offset: 2px; --menu-bg: #fff; --menu-shadow: var(--chakra-shadows-sm); color: inherit; min-width: var(--chakra-sizes-3xs); z-index: 1; border-radius: var(--chakra-radii-md); border-width: 1px; background: var(--menu-bg); box-shadow: var(--menu-shadow); padding: 4px; }
.chakra-ui-dark .css-1gw5ghd:not([data-theme]), [data-theme="dark"] .css-1gw5ghd:not([data-theme]), .css-1gw5ghd[data-theme="dark"] { --menu-bg: var(--chakra-colors-gray-700); --menu-shadow: var(--chakra-shadows-dark-lg); }
.css-kfj70v { text-decoration: none; color: inherit; user-select: none; display: flex; width: 100%; -webkit-box-align: center; align-items: center; text-align: start; flex: 0 0 auto; outline: transparent solid 2px; outline-offset: 2px; padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); transition-property: var(--chakra-transition-property-background); transition-duration: var(--chakra-transition-duration-ultra-fast); transition-timing-function: var(--chakra-transition-easing-ease-in); background: var(--menu-bg); padding: 8px; }
.css-kfj70v:focus, .css-kfj70v[data-focus] { --menu-bg: var(--chakra-colors-gray-100); }
.chakra-ui-dark .css-kfj70v:focus:not([data-theme]), .chakra-ui-dark .css-kfj70v[data-focus]:not([data-theme]), [data-theme="dark"] .css-kfj70v:focus:not([data-theme]), [data-theme="dark"] .css-kfj70v[data-focus]:not([data-theme]), .css-kfj70v:focus[data-theme="dark"], .css-kfj70v[data-focus][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-100); }
.css-kfj70v:active, .css-kfj70v[data-active] { --menu-bg: var(--chakra-colors-gray-200); }
.chakra-ui-dark .css-kfj70v:active:not([data-theme]), .chakra-ui-dark .css-kfj70v[data-active]:not([data-theme]), [data-theme="dark"] .css-kfj70v:active:not([data-theme]), [data-theme="dark"] .css-kfj70v[data-active]:not([data-theme]), .css-kfj70v:active[data-theme="dark"], .css-kfj70v[data-active][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-200); }
.css-kfj70v[aria-expanded="true"], .css-kfj70v[data-expanded] { --menu-bg: var(--chakra-colors-gray-100); }
.chakra-ui-dark .css-kfj70v[aria-expanded="true"]:not([data-theme]), .chakra-ui-dark .css-kfj70v[data-expanded]:not([data-theme]), [data-theme="dark"] .css-kfj70v[aria-expanded="true"]:not([data-theme]), [data-theme="dark"] .css-kfj70v[data-expanded]:not([data-theme]), .css-kfj70v[aria-expanded="true"][data-theme="dark"], .css-kfj70v[data-expanded][data-theme="dark"] { --menu-bg: var(--chakra-colors-whiteAlpha-100); }
.css-kfj70v:disabled, .css-kfj70v[disabled], .css-kfj70v[aria-disabled="true"], .css-kfj70v[data-disabled] { opacity: 0.4; cursor: not-allowed; }
.css-hp68mp { display: flex; flex-direction: row; gap: 8px; -webkit-box-align: center; align-items: center; }
.css-ebitbz { width: 32px; height: 32px; position: relative; }
.css-mvqp5m { font-size: 14px; font-weight: 400; text-align: left; }
.css-fn0dle { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; outline: transparent solid 2px; outline-offset: 2px; cursor: pointer; padding: 8px; border-radius: 4px; transition: 0.2s ease-in; }
.css-fn0dle:hover, .css-fn0dle[data-hover] { background-color: var(--chakra-colors-_primary-100); }
.css-fn0dle:hover svg, .css-fn0dle[data-hover] svg { color: rgb(240, 92, 34); transition: 0.2s ease-in; }
.css-fn0dle:hover div, .css-fn0dle[data-hover] div { color: rgb(240, 92, 34); transition: 0.2s ease-in; }
.css-1r9kwv0 { display: flex; flex-direction: row; gap: 4px; -webkit-box-align: center; align-items: center; }
.css-oc4j59 { font-size: 16px; font-weight: 400; text-align: left; color: var(--chakra-colors-_brownGrey-600); }
.css-xsblr3 { outline: transparent solid 2px; outline-offset: 2px; --menu-bg: #fff; --menu-shadow: var(--chakra-shadows-sm); min-width: var(--chakra-sizes-3xs); padding-top: var(--chakra-space-2); padding-bottom: 0px; z-index: 1; border-radius: var(--chakra-radii-md); border-width: 1px; background: var(--menu-bg); box-shadow: var(--menu-shadow); width: 256px; color: rgb(55, 49, 47); }
.chakra-ui-dark .css-xsblr3:not([data-theme]), [data-theme="dark"] .css-xsblr3:not([data-theme]), .css-xsblr3[data-theme="dark"] { --menu-bg: var(--chakra-colors-gray-700); --menu-shadow: var(--chakra-shadows-dark-lg); }
.css-dwd4oj { display: flex; flex-direction: column; gap: 0.5rem; padding-top: ; padding-right: ; padding-left: ; padding-bottom: 20px; }
.css-sa5ugt { font-size: 16px; font-weight: 700; text-align: left; }
.css-1doonuh { font-size: 14px; font-weight: 400; text-align: left; color: rgb(110, 98, 94); }
.css-1k8tja6 { border-top: 1px dashed black; }
.css-8g8ihq { display: flex; flex-direction: column; gap: 0.5rem; }
.css-1s86uee { position: relative; cursor: pointer; min-width: 224px; }
.css-10ebbtw { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; border: 1px solid rgb(236, 236, 237); border-radius: 4px; padding-inline: 16px; padding-top: 10px; padding-bottom: 10px; width: 100%; height: 50px; }
.css-cvr4rj { display: flex; flex-flow: column; gap: 4px; }
.css-znlodf { font-weight: 400; text-align: left; width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px !important; }
.css-1gmqu02 { display: flex; transition: 0.2s ease-in-out; }
.css-128lw45 { position: absolute; width: 100%; visibility: hidden; opacity: 0; transform: translateY(-20px); border-radius: 4px; padding: 0px; transition: 0.2s; z-index: 1301; background: rgb(255, 255, 255); border: 1px solid rgb(200, 200, 200); gap: 0px; max-height: 260px; color: rgb(96, 98, 102); overflow-y: auto; }
.css-128lw45::-webkit-scrollbar { width: 4px; background: var(--chakra-colors-transparent); }
.css-128lw45::-webkit-scrollbar-track { border-radius: 6px; }
.css-128lw45::-webkit-scrollbar-thumb { background: var(--chakra-colors-_primary-700); border-radius: 8px; }
.css-128lw45::-webkit-scrollbar-track-piece:start { background-color: var(--chakra-colors-transparent); border-radius: 6px; }
.css-128lw45::-webkit-scrollbar-track-piece:end { background-color: var(--chakra-colors-transparent); border-radius: 6px; }
.css-13xotp9 { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 12px 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 20px 0px; }
.css-h6mc6d { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: 4px; font-weight: 700; border: var(--chakra-borders-none); height: 40px; min-width: var(--chakra-sizes-8); font-size: var(--chakra-fontSizes-sm); padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%); color: var(--chakra-colors-white); box-shadow: var(--chakra-shadows-none); transition: 0.1s ease-in-out; width: 100%; }
.css-h6mc6d:focus-visible, .css-h6mc6d[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }
.css-h6mc6d:disabled, .css-h6mc6d[disabled], .css-h6mc6d[aria-disabled="true"], .css-h6mc6d[data-disabled] { opacity: 1; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); }
.css-h6mc6d:hover, .css-h6mc6d[data-hover] { filter: brightness(1.25); color: var(--chakra-colors-white); }
.css-h6mc6d:hover:disabled, .css-h6mc6d[data-hover]:disabled, .css-h6mc6d:hover[disabled], .css-h6mc6d[data-hover][disabled], .css-h6mc6d:hover[aria-disabled="true"], .css-h6mc6d[data-hover][aria-disabled="true"], .css-h6mc6d:hover[data-disabled], .css-h6mc6d[data-hover][data-disabled] { background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); filter: brightness(1); }
.css-h6mc6d:focus, .css-h6mc6d[data-focus] { box-shadow: var(--chakra-shadows-none); }
.css-h6mc6d:active, .css-h6mc6d[data-active] { filter: brightness(1); }
.css-z7hphl { flex: 1 1 0%; display: block; width: 100%; }
@media screen and (min-width: 1200px) {
  .css-z7hphl { display: none; }
}
.css-1ajfx5y { display: flex; flex-direction: column; gap: 0.5rem; padding-inline: 16px; padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); flex: 1 1 0%;
     /* min-height: 100vh; */
     }
@media screen and (min-width: 1440px) {
  .css-1ajfx5y { padding-inline: 172px; padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); }
}
.css-kgjryi { width: 100%; padding-top: var(--chakra-space-0); padding-bottom: var(--chakra-space-8); }
.css-13o7eu2 { display: block; }
.css-1iavjp { background: rgb(229, 62, 62); position: fixed; height: 32px; bottom: 58px; left: var(--chakra-space-0); z-index: 2; width: 100%; color: var(--chakra-colors-white); padding: 4px 16px; display: none; }
@media screen and (min-width: 1200px) {
  .css-1iavjp { display: none; }
}
.css-1ptjmwd { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; -webkit-box-align: center; align-items: center; }
.css-2m574e { gap: var(--chakra-space-2); display: flex; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding-inline: 16px; padding-top: 8px; padding-bottom: 8px; border-color: var(--chakra-colors-_brownGrey-200); background-color: var(--chakra-colors-white); z-index: 1101; }
@media screen and (min-width: 1200px) {
  .css-2m574e { display: none; }
}
.css-1ru6qck { display: flex; gap: 8px; flex-flow: row; }
.css-70fe31 { display: flex; gap: 4px; transition: 0.1s ease-in-out; cursor: pointer; -webkit-box-align: center; align-items: center; flex-flow: row; width: fit-content; padding: 8px; background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%); box-shadow: rgb(240, 92, 34) 4px -4px 4px 0px inset, rgb(240, 92, 34) -4px 0px 4px 0px inset; border-radius: 4px; }
.css-70fe31:hover, .css-70fe31[data-hover] { filter: brightness(1.25); }
.css-70fe31:active, .css-70fe31[data-active] { filter: brightness(1); }
.css-3y8f7q { display: flex; flex-direction: column; gap: 0.5rem; width: 20px; height: 20px; flex-shrink: 0; }
.css-y0lc6m { font-size: 14px; font-weight: 700; text-align: center; color: rgb(255, 255, 255); }
.css-r7443w { display: flex; gap: 0px; flex-flow: column; }
.css-12l436y { font-size: 14px; font-weight: 400; text-align: left; color: rgb(137, 123, 118); }
.css-rg5w4u { font-size: 14px; font-weight: 500; text-align: left; color: var(--chakra-colors-_primary-700); }
.css-i3mna9 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: 4px; font-weight: 700; border: var(--chakra-borders-none); height: fit-content; min-width: var(--chakra-sizes-8); font-size: var(--chakra-fontSizes-sm); padding-inline: 12px; background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%); color: var(--chakra-colors-white); box-shadow: var(--chakra-shadows-none); transition: 0.1s ease-in-out; gap: 8px; padding-top: 8px; padding-bottom: 8px; width: fit-content; }
.css-i3mna9:focus-visible, .css-i3mna9[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }
.css-i3mna9:disabled, .css-i3mna9[disabled], .css-i3mna9[aria-disabled="true"], .css-i3mna9[data-disabled] { opacity: 1; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); }
.css-i3mna9:hover, .css-i3mna9[data-hover] { filter: brightness(1.25); color: var(--chakra-colors-white); }
.css-i3mna9:hover:disabled, .css-i3mna9[data-hover]:disabled, .css-i3mna9:hover[disabled], .css-i3mna9[data-hover][disabled], .css-i3mna9:hover[aria-disabled="true"], .css-i3mna9[data-hover][aria-disabled="true"], .css-i3mna9:hover[data-disabled], .css-i3mna9[data-hover][data-disabled] { background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); filter: brightness(1); }
.css-i3mna9:focus, .css-i3mna9[data-focus] { box-shadow: var(--chakra-shadows-none); }
.css-i3mna9:active, .css-i3mna9[data-active] { filter: brightness(1); }
.css-bme7cd { font-size: 14px; font-weight: 700; text-align: left; }
.css-nkgw7i { position: absolute; top: var(--chakra-space-0); left: var(--chakra-space-0); right: var(--chakra-space-0); height: 100%; z-index: -1; background: linear-gradient(rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 380px); }
@media screen and (min-width: 768px) {
  .css-nkgw7i { background: linear-gradient(rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 280px); }
}
.css-tl3ftk { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0.5rem; }
.css-1kd7ok7 { width: 100%; padding-inline-start: var(--chakra-space-4); padding-inline-end: var(--chakra-space-4); }
@media screen and (min-width: 768px) {
  .css-1kd7ok7 { padding-inline-start: var(--chakra-space-0); padding-inline-end: var(--chakra-space-0); }
}
.css-1gunxf { max-width: 1148px; padding-top: var(--chakra-space-4); padding-bottom: var(--chakra-space-4); margin-inline: auto; }
@media screen and (min-width: 768px) {
  .css-1gunxf { padding-bottom: var(--chakra-space-6); }
}
.css-nwu1qo { display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; position: relative; min-width: 0px; overflow-wrap: break-word; --card-bg: var(--chakra-colors-chakra-body-bg); box-shadow: var(--chakra-shadows-none); border-radius: var(--card-radius); color: var(--chakra-colors-chakra-body-text); border-width: var(--card-border-width, 0); border-color: var(--card-border-color); --card-radius: var(--chakra-radii-md); --card-padding: var(--chakra-space-5); --card-shadow: var(--chakra-shadows-base); background: var(--chakra-colors-transparent); }
.chakra-ui-dark .css-nwu1qo:not([data-theme]), [data-theme="dark"] .css-nwu1qo:not([data-theme]), .css-nwu1qo[data-theme="dark"] { --card-bg: var(--chakra-colors-gray-700); }
.css-79elbk { position: relative; }
.css-1n0oyxj { position: absolute; z-index: 1; top: var(--chakra-space-0); left: var(--chakra-space-0); width: 100%; height: 100%; border-radius: 12px; border: 4px solid rgba(255, 255, 255, 0.75); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 6px 0px; }
.css-zxoiug { border-radius: 12px; overflow: hidden; position: relative; width: 72px; height: 72px; }
@media screen and (min-width: 480px) {
  .css-zxoiug { width: 100px; height: 100px; }
}
@media screen and (min-width: 1200px) {
  .css-zxoiug { width: 120px; height: 120px; }
}
.css-jwo9rf { padding-right: 0px; padding-left: 15px; flex: 1 1 0%; padding-top: var(--chakra-space-0); padding-bottom: var(--chakra-space-0); }
.css-icxgoy { font-weight: 900; color: var(--chakra-colors-black); text-align: left; font-size: var(--chakra-fontSizes-xl); }
@media screen and (min-width: 480px) {
  .css-icxgoy { font-size: var(--chakra-fontSizes-2xl); }
}
@media screen and (min-width: 1200px) {
  .css-icxgoy { font-size: var(--chakra-fontSizes-3xl); }
}
.css-9kn6sf { display: flex; width: fit-content; gap: var(--chakra-space-8); flex-direction: column; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; }
@media screen and (min-width: 1200px) {
  .css-9kn6sf { flex-direction: row; -webkit-box-pack: center; justify-content: center; align-items: flex-start; }
}
.css-1652yal { max-width: 720px; }
.css-1urha0v { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: var(--chakra-space-6); }
.css-8atqhb { width: 100%; }
.css-zkanw5 { display: flex; flex-direction: column; position: relative; min-width: 0px; overflow-wrap: break-word; --card-bg: var(--chakra-colors-chakra-body-bg); background-color: var(--card-bg); color: var(--chakra-colors-chakra-body-text); border-width: var(--card-border-width, 0); border-color: var(--card-border-color); --card-radius: var(--chakra-radii-md); --card-padding: var(--chakra-space-5); --card-shadow: var(--chakra-shadows-base); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11.2px 0px; padding: var(--chakra-space-4); width: 100vw; max-width: 720px; border-radius: 0px; }
.chakra-ui-dark .css-zkanw5:not([data-theme]), [data-theme="dark"] .css-zkanw5:not([data-theme]), .css-zkanw5[data-theme="dark"] { --card-bg: var(--chakra-colors-gray-700); }
@media screen and (min-width: 480px) {
  .css-zkanw5 { border-radius: 8px; }
}
@media screen and (min-width: 1200px) {
  .css-zkanw5 { width: 720px; }
}
@media screen and (max-width: 375px) {
  .css-zkanw5 { width: 375px; }
}
.css-xf9hat { display: flex; gap: var(--chakra-space-2); -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: var(--chakra-space-6); flex-wrap: wrap; }
@media screen and (min-width: 768px) {
  .css-xf9hat { flex-wrap: nowrap; }
}
.css-tvxc1c { text-align: left; color: var(--chakra-colors-_brownGrey-800); font-size: var(--chakra-fontSizes-lg); font-weight: var(--chakra-fontWeights-bold); margin-bottom: var(--chakra-space-0); }
.css-152xdrs { display: block; transition: 200ms; }
.css-26ibl3 { display: flex; flex-direction: column; gap: var(--chakra-space-1); padding: var(--chakra-space-4); }
.css-1l4w6pd { display: flex; -webkit-box-pack: center; justify-content: center; }
.css-1635jkn { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; width: 80%; height: 42px; border-radius: 4px; }
.chakra-ui-dark .css-1635jkn:not([data-theme]), [data-theme="dark"] .css-1635jkn:not([data-theme]), .css-1635jkn[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-1635jkn::before, .css-1635jkn::after, .css-1635jkn * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-1r8zboo { margin-top: var(--chakra-space-4); width: 50%; }
.css-1f1dvms { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; margin-bottom: var(--chakra-space-0); width: 100%; height: var(--chakra-sizes-4); }
.chakra-ui-dark .css-1f1dvms:not([data-theme]), [data-theme="dark"] .css-1f1dvms:not([data-theme]), .css-1f1dvms[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-1f1dvms::before, .css-1f1dvms::after, .css-1f1dvms * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-z3sth1 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-direction: row; gap: var(--chakra-space-6); margin-top: var(--chakra-space-4); }
.css-j7qwjs { display: flex; flex-direction: column; }
.css-1wnjkes { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; border-radius: var(--chakra-radii-full); width: var(--chakra-sizes-10); height: var(--chakra-sizes-10); }
.chakra-ui-dark .css-1wnjkes:not([data-theme]), [data-theme="dark"] .css-1wnjkes:not([data-theme]), .css-1wnjkes[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-1wnjkes::before, .css-1wnjkes::after, .css-1wnjkes * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-5sxn50 { margin-top: var(--chakra-space-1); }
.css-19ikj40 { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; margin-bottom: var(--chakra-space-0); width: 100%; height: var(--chakra-sizes-2); }
.chakra-ui-dark .css-19ikj40:not([data-theme]), [data-theme="dark"] .css-19ikj40:not([data-theme]), .css-19ikj40[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-19ikj40::before, .css-19ikj40::after, .css-19ikj40 * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-9bgf4o { display: none; transition: 200ms; }
.css-j4zj71 { display: flex; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: var(--chakra-space-6); }
.css-ckmuv4 { display: flex; gap: 0.5rem; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-1l9ll5j { font-size: 18px; font-weight: 700; text-align: left; }
.css-y4vzdb { display: flex; align-items: flex-start; flex-direction: column; gap: var(--chakra-space-4); margin-top: var(--chakra-space-4); }
.css-1igwmid { display: flex; -webkit-box-align: center; align-items: center; flex-direction: row; gap: 0.5rem; }
.css-u628e8 { width: 26px; height: 26px; position: relative; }
.css-t8did1 { font-size: var(--chakra-fontSizes-md); font-weight: var(--chakra-fontWeights-semibold); background: linear-gradient(rgb(253, 174, 55) 0%, rgb(236, 107, 36) 46.09%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%) text; color: var(--chakra-colors-transparent); }
.css-l3ql6v { display: flex; gap: var(--chakra-space-3); flex-wrap: wrap; }
.css-atkxir { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; width: 100px; height: 41px; }
.chakra-ui-dark .css-atkxir:not([data-theme]), [data-theme="dark"] .css-atkxir:not([data-theme]), .css-atkxir[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-atkxir::before, .css-atkxir::after, .css-atkxir * { visibility: hidden; }
@media screen and (min-width: 768px) {
  .css-atkxir { width: 115px; }
}
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-12eavgt { padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); border-width: 2px; border-style: solid; border-image: initial; border-color: var(--chakra-colors-_brownGrey-200); color: var(--chakra-colors-_brownGrey-700); border-radius: 4px; cursor: pointer; }
.css-g1xbop { display: grid; gap: var(--chakra-space-3); grid-template-columns: repeat(2, 1fr); flex-wrap: wrap; width: 100%; }
@media screen and (min-width: 480px) {
  .css-g1xbop { grid-template-columns: repeat(3, 1fr); }
}
.css-1t55pjp { display: flex; flex-direction: column; position: relative; min-width: 0px; overflow-wrap: break-word; --card-bg: var(--chakra-colors-chakra-body-bg); background-color: var(--card-bg); box-shadow: var(--card-shadow); color: var(--chakra-colors-chakra-body-text); --card-radius: var(--chakra-radii-md); --card-padding: var(--chakra-space-5); --card-shadow: var(--chakra-shadows-base); border-width: 2px; border-style: solid; border-image: initial; border-radius: 8px; border-color: var(--chakra-colors-_brownGrey-200); height: auto; width: 100%; }
.chakra-ui-dark .css-1t55pjp:not([data-theme]), [data-theme="dark"] .css-1t55pjp:not([data-theme]), .css-1t55pjp[data-theme="dark"] { --card-bg: var(--chakra-colors-gray-700); }
.css-77n4fp { padding: var(--chakra-space-0); flex: 1 1 0%; cursor: pointer; }
.css-nfl9d9 { position: relative; border-radius: 6px; }
.css-1eostp2 { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; width: 100%; height: 90px; border-radius: 6px; }
.chakra-ui-dark .css-1eostp2:not([data-theme]), [data-theme="dark"] .css-1eostp2:not([data-theme]), .css-1eostp2[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-1eostp2::before, .css-1eostp2::after, .css-1eostp2 * { visibility: hidden; }
@media screen and (min-width: 768px) {
  .css-1eostp2 { height: 120px; }
}
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-1ews2c8 { padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); padding-top: var(--chakra-space-2); padding-bottom: var(--chakra-space-2); }
.css-162yzm9 { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; margin-bottom: var(--chakra-space-1); width: 100%; height: var(--chakra-sizes-2); }
.chakra-ui-dark .css-162yzm9:not([data-theme]), [data-theme="dark"] .css-162yzm9:not([data-theme]), .css-162yzm9[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-162yzm9::before, .css-162yzm9::after, .css-162yzm9 * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-1ifr4m6 { width: 100%; height: 20px; }
@media screen and (min-width: 768px) {
  .css-1ifr4m6 { width: 132px; }
}
.css-1yysiy9 { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; margin-bottom: var(--chakra-space-0); width: 80%; height: var(--chakra-sizes-2); }
.chakra-ui-dark .css-1yysiy9:not([data-theme]), [data-theme="dark"] .css-1yysiy9:not([data-theme]), .css-1yysiy9[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-1yysiy9::before, .css-1yysiy9::after, .css-1yysiy9 * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-11qbwn8 { display: flex; padding-right: ; padding-left: ; padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); padding-top: var(--chakra-space-0); padding-bottom: var(--chakra-space-3); }
.css-z7mtfw { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; }
.css-1cjihdz { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; border-radius: var(--chakra-radii-sm); animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; }
.chakra-ui-dark .css-1cjihdz:not([data-theme]), [data-theme="dark"] .css-1cjihdz:not([data-theme]), .css-1cjihdz[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-1cjihdz::before, .css-1cjihdz::after, .css-1cjihdz * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-1840qk9 { width: 100px; flex: 1 1 0%; }
@media screen and (min-width: 768px) {
  .css-1840qk9 { width: 132px; }
}
.css-k1k2y7 { width: 24px; height: 24px; border-radius: 4px; }
@media screen and (min-width: 768px) {
  .css-k1k2y7 { width: 32px; height: 32px; }
}
.css-aah8th { max-width: 720px; position: sticky; top: 80px; display: none; }
@media screen and (min-width: 1200px) {
  .css-aah8th { display: block; }
}
.css-wrcsf0 { display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; --card-bg: var(--chakra-colors-chakra-body-bg); background-color: var(--card-bg); color: var(--chakra-colors-chakra-body-text); border-width: var(--card-border-width, 0); border-color: var(--card-border-color); --card-radius: var(--chakra-radii-md); --card-padding: var(--chakra-space-5); --card-shadow: var(--chakra-shadows-base); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 11.2px 0px; width: 100vw; max-width: 720px; border-radius: 0px; position: relative; overflow: hidden; }
.chakra-ui-dark .css-wrcsf0:not([data-theme]), [data-theme="dark"] .css-wrcsf0:not([data-theme]), .css-wrcsf0[data-theme="dark"] { --card-bg: var(--chakra-colors-gray-700); }
@media screen and (min-width: 480px) {
  .css-wrcsf0 { border-radius: 8px; }
}
@media screen and (min-width: 1200px) {
  .css-wrcsf0 { width: 400px; }
}
@media screen and (max-width: 375px) {
  .css-wrcsf0 { width: 375px; }
}
.css-urx2c2 { position: absolute; top: var(--chakra-space-0); left: var(--chakra-space-0); right: var(--chakra-space-0); }
.css-1cqscjq { text-align: left; color: var(--chakra-colors-_brownGrey-800); font-size: var(--chakra-fontSizes-lg); font-weight: var(--chakra-fontWeights-bold); margin-bottom: var(--chakra-space-5); padding-top: var(--chakra-space-4); padding-bottom: var(--chakra-space-2); padding-inline-start: var(--chakra-space-4); padding-inline-end: var(--chakra-space-4); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px 0px; }
.css-9ei3yp { display: flex; flex-direction: column; padding-left: var(--chakra-space-4); padding-right: var(--chakra-space-4); max-height: 500px; gap: 16px; overflow: hidden auto; }
.css-9ei3yp::-webkit-scrollbar { width: 4px; background: var(--chakra-colors-transparent); }
.css-9ei3yp::-webkit-scrollbar-track { border-radius: 6px; }
.css-9ei3yp::-webkit-scrollbar-thumb { background: var(--chakra-colors-_primary-700); border-radius: 8px; }
.css-9ei3yp::-webkit-scrollbar-track-piece:start { background-color: var(--chakra-colors-transparent); border-radius: 6px; }
.css-9ei3yp::-webkit-scrollbar-track-piece:end { background-color: var(--chakra-colors-transparent); border-radius: 6px; }
.css-1q18a7m { font-size: 14px; font-weight: 400; text-align: left; font-style: italic; color: rgb(137, 123, 118); }
.css-1hqz9cp { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.css-1du6kcz { text-align: left; color: rgb(55, 49, 47); font-size: var(--chakra-fontSizes-md); font-weight: 600; margin-bottom: 0px; }
.css-nfjjek { display: flex; gap: 0px; flex-flow: row; -webkit-box-align: center; align-items: center; cursor: pointer; }
.css-1xzyqo { font-size: 14px; font-weight: 500; text-align: left; color: var(--chakra-colors-_primary-700); transition: 0.1s ease-in-out; }
.css-1xzyqo:hover, .css-1xzyqo[data-hover] { filter: brightness(1.25); }
.css-58q8o3 { min-height: 48px; width: 100%; }
.css-z0quxv { display: flex; gap: 0.5rem; flex-flow: column; width: 100%; }
.css-141pbj9 { display: flex; flex-direction: column; gap: var(--chakra-space-2); margin-bottom: var(--chakra-space-4); }
.css-1yarlby { text-align: left; color: rgb(55, 49, 47); font-size: var(--chakra-fontSizes-md); font-weight: 600; }
.css-s5ptch { display: flex; -webkit-box-align: center; align-items: center; flex-direction: column; gap: 0.5rem; background: rgb(255, 247, 244); border-width: 1px; border-style: solid; border-image: initial; border-color: var(--chakra-colors-_brownGrey-200); border-radius: 4px; padding: var(--chakra-space-4); }
.css-69i1ev { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.css-3vfzd { font-size: 14px; font-weight: 400; text-align: left; color: var(--chakra-colors-_brownGrey-500); }
.css-1kadfu9 { font-size: 14px; font-weight: 500; text-align: left; color: var(--chakra-colors-_brownGrey-700); }
.css-9q0uug { padding-inline-start: var(--chakra-space-4); padding-inline-end: var(--chakra-space-4); padding-top: var(--chakra-space-3); padding-bottom: var(--chakra-space-3); box-shadow: rgba(0, 0, 0, 0.05) 0px -4px 12px 0px; }
.css-l4mheo { display: flex; width: 100%; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: var(--chakra-space-3); border-bottom: 1px dashed rgb(233, 228, 226); padding-bottom: var(--chakra-space-3); }
.css-6sjoth { font-size: 16px; font-weight: 500; text-align: left; color: var(--chakra-colors-_brownGrey-600); }
.css-d9sef8 { font-size: 18px; font-weight: 700; text-align: left; color: var(--chakra-colors-_primary-700); }
.css-sfajb0 { margin-bottom: var(--chakra-space-3); }
.css-m7lop1 { font-weight: 400; font-size: var(--chakra-fontSizes-xs); color: var(--chakra-colors-_brownGrey-400); text-align: left; }
.css-1v1kv58 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: 4px; font-weight: 700; border: var(--chakra-borders-none); height: 40px; min-width: var(--chakra-sizes-8); font-size: var(--chakra-fontSizes-sm); padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%); color: var(--chakra-colors-white); width: 100%; box-shadow: var(--chakra-shadows-none); transition: 0.1s ease-in-out; }
.css-1v1kv58:focus-visible, .css-1v1kv58[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }
.css-1v1kv58:disabled, .css-1v1kv58[disabled], .css-1v1kv58[aria-disabled="true"], .css-1v1kv58[data-disabled] { opacity: 1; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); }
.css-1v1kv58:hover, .css-1v1kv58[data-hover] { filter: brightness(1.25); color: var(--chakra-colors-white); }
.css-1v1kv58:hover:disabled, .css-1v1kv58[data-hover]:disabled, .css-1v1kv58:hover[disabled], .css-1v1kv58[data-hover][disabled], .css-1v1kv58:hover[aria-disabled="true"], .css-1v1kv58[data-hover][aria-disabled="true"], .css-1v1kv58:hover[data-disabled], .css-1v1kv58[data-hover][data-disabled] { background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); filter: brightness(1); }
.css-1v1kv58:focus, .css-1v1kv58[data-focus] { box-shadow: var(--chakra-shadows-none); }
.css-1v1kv58:active, .css-1v1kv58[data-active] { filter: brightness(1); }
.css-xqgknj { display: flex; padding-inline: 8px; padding-top: 40px; padding-bottom: 40px; background-color: rgb(0, 0, 0); color: var(--chakra-colors-white); -webkit-box-pack: center; justify-content: center; }
@media screen and (min-width: 480px) {
  .css-xqgknj { padding-inline: 16px; padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (min-width: 768px) {
  .css-xqgknj { padding-top: 32px; padding-bottom: 32px; }
}
@media screen and (min-width: 1200px) {
  .css-xqgknj { padding-inline: 32px; padding-top: 32px; padding-bottom: 32px; }
}
@media screen and (min-width: 1440px) {
  .css-xqgknj { padding-inline: 180px; padding-top: 32px; padding-bottom: 32px; }
}
.css-1f6n2tc { display: flex; flex-flow: column; gap: 16px; width: 100%; max-width: 100%; }
@media screen and (min-width: 1200px) {
  .css-1f6n2tc { max-width: 1148px; }
}
.css-hndvli { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 16px; }
@media screen and (min-width: 768px) {
  .css-hndvli { flex-direction: row; gap: var(--chakra-space-0); }
}
.css-1f474hf { width: 170px; height: 20px; position: relative; }
@media screen and (min-width: 768px) {
  .css-1f474hf { width: 212px; height: 25px; }
}
.css-10egq61 { display: flex; gap: 16px; }
.css-13b59u0 { display: flex; flex-flow: column; min-width: 168px; }
.css-2488mo { font-size: 14px; font-weight: 500; text-align: left; color: var(--chakra-colors-_brownGrey-400); }
.css-744h54:hover, .css-744h54[data-hover] { text-decoration: underline; }
.css-qjb7pq { font-size: 14px; font-weight: 500; text-align: left; }
.css-1aspwtf { margin-bottom: var(--chakra-space-2); }
.css-1aspwtf:hover, .css-1aspwtf[data-hover] { text-decoration: underline; }
.css-uspoqe { border-top-width: 1px; border-top-style: solid; border-color: var(--chakra-colors-_brownGrey-600); }
.css-dpkw39 { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-direction: column; gap: 8px; }
@media screen and (min-width: 768px) {
  .css-dpkw39 { flex-direction: row; gap: var(--chakra-space-0); }
}
.css-1rpm2bf { font-size: 14px; font-weight: 400; text-align: left; color: var(--chakra-colors-_brownGrey-300); }
.css-1gapyfo { height: 60px; }
.css-1vso8dh { padding-top: var(--chakra-space-1); padding-bottom: var(--chakra-space-3); width: var(--chakra-sizes-full); }
.css-1uzo8ew { display: grid; grid-template-areas: "roleID"; gap: var(--chakra-space-3); grid-template-columns: 1fr; width: 100%; }
@media screen and (min-width: 768px) {
  .css-1uzo8ew { grid-template-areas: "roleID"; grid-template-columns: 1fr; }
}
.css-143mmu { grid-area: roleID; width: 100%; }
.css-1kxonj9 { width: 100%; position: relative; }
.css-umt86b { width: 100%; height: var(--input-height); font-size: 14px; padding-inline-start: var(--input-padding); padding-inline-end: var(--input-padding); border-radius: 4px; min-width: 250px; outline: transparent solid 2px; outline-offset: 2px; position: relative; appearance: none; transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); border: 2px solid rgb(233, 228, 226); color: rgb(55, 49, 47); padding: 8px; --input-font-size: var(--chakra-fontSizes-md); --input-padding: var(--chakra-space-4); --input-border-radius: var(--chakra-radii-md); --input-height: var(--chakra-sizes-10); }
.css-umt86b:disabled, .css-umt86b[disabled], .css-umt86b[aria-disabled="true"], .css-umt86b[data-disabled] { opacity: 0.6; cursor: not-allowed; background-color: var(--chakra-colors-_brownGrey-200); }
.css-umt86b::-webkit-input-placeholder { color: rgb(137, 123, 118); font-size: 14px; }
.css-umt86b::placeholder { color: rgb(137, 123, 118); font-size: 14px; }
.css-umt86b:focus, .css-umt86b[data-focus] { border-color: rgb(240, 92, 34); caret-color: rgb(240, 92, 34); box-shadow: var(--chakra-shadows-none); }
.css-umt86b:hover, .css-umt86b[data-hover] { border-color: var(--chakra-colors-_primary-300); box-shadow: rgba(240, 92, 34, 0.5) 0px 0px 12px 0px; }
.css-umt86b:hover:disabled, .css-umt86b[data-hover]:disabled, .css-umt86b:hover[disabled], .css-umt86b[data-hover][disabled], .css-umt86b:hover[aria-disabled="true"], .css-umt86b[data-hover][aria-disabled="true"], .css-umt86b:hover[data-disabled], .css-umt86b[data-hover][data-disabled] { border-color: rgb(233, 228, 226); box-shadow: transparent 0px 0px 12px 0px; }
.css-umt86b[aria-invalid="true"], .css-umt86b[data-invalid] { border-color: rgb(229, 62, 62); background-color: rgb(255, 245, 245); color: rgb(229, 62, 62); }
.css-11k9o53 { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding-top: var(--chakra-space-3); padding-bottom: var(--chakra-space-2); }
.css-wdred3 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: 4px; font-weight: 700; border: var(--chakra-borders-none); height: 40px; min-width: var(--chakra-sizes-8); font-size: var(--chakra-fontSizes-sm); padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); background: linear-gradient(rgb(240, 92, 34) 0%, rgb(240, 92, 34) 27.89%, rgb(222, 55, 33) 89.06%, rgb(171, 31, 0) 97.4%); color: var(--chakra-colors-white); box-shadow: var(--chakra-shadows-none); transition: 0.1s ease-in-out; width: var(--chakra-sizes-full); }
.css-wdred3:focus-visible, .css-wdred3[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }
.css-wdred3:disabled, .css-wdred3[disabled], .css-wdred3[aria-disabled="true"], .css-wdred3[data-disabled] { opacity: 1; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); }
.css-wdred3:hover, .css-wdred3[data-hover] { filter: brightness(1.25); color: var(--chakra-colors-white); }
.css-wdred3:hover:disabled, .css-wdred3[data-hover]:disabled, .css-wdred3:hover[disabled], .css-wdred3[data-hover][disabled], .css-wdred3:hover[aria-disabled="true"], .css-wdred3[data-hover][aria-disabled="true"], .css-wdred3:hover[data-disabled], .css-wdred3[data-hover][data-disabled] { background: var(--chakra-colors-_brownGrey-300); color: var(--chakra-colors-white); filter: brightness(1); }
.css-wdred3:focus, .css-wdred3[data-focus] { box-shadow: var(--chakra-shadows-none); }
.css-wdred3:active, .css-wdred3[data-active] { filter: brightness(1); }
.css-502kp3 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  --form-error-color: var(--chakra-colors-red-500);
  color: var(--form-error-color);
  margin-top: var(--chakra-space-2);
  font-size: var(--chakra-fontSizes-sm);
  line-height: var(--chakra-lineHeights-normal);
}
@media screen and (min-width: 768px) {
  .css-wdred3 { width: 300px; }
}
.css-246k17 { display: inline-flex; appearance: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; user-select: none; position: relative; white-space: nowrap; vertical-align: middle; outline: transparent solid 2px; outline-offset: 2px; line-height: 1.2; border-radius: 4px; transition-property: var(--chakra-transition-property-common); transition-duration: var(--chakra-transition-duration-normal); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; height: fit-content; min-width: var(--chakra-sizes-8); font-size: var(--chakra-fontSizes-sm); padding-inline-start: var(--chakra-space-3); padding-inline-end: var(--chakra-space-3); border-color: var(--chakra-colors-gray-200); background: var(--chakra-colors-transparent); width: fit-content; padding: var(--chakra-space-0); color: var(--chakra-colors-_infor-600); text-decoration: underline; font-weight: var(--chakra-fontWeights-normal); }
.css-246k17:focus-visible, .css-246k17[data-focus-visible] { box-shadow: var(--chakra-shadows-outline); }
.css-246k17:disabled, .css-246k17[disabled], .css-246k17[aria-disabled="true"], .css-246k17[data-disabled] { opacity: 0.6; cursor: not-allowed; box-shadow: var(--chakra-shadows-none); background: var(--chakra-colors-transparent); color: var(--chakra-colors-_primary-700); }
.css-246k17:hover, .css-246k17[data-hover] { background: var(--chakra-colors-transparent); color: var(--chakra-colors-_primary-700); }
.css-246k17:hover:disabled, .css-246k17[data-hover]:disabled, .css-246k17:hover[disabled], .css-246k17[data-hover][disabled], .css-246k17:hover[aria-disabled="true"], .css-246k17[data-hover][aria-disabled="true"], .css-246k17:hover[data-disabled], .css-246k17[data-hover][data-disabled] { background: initial; color: var(--chakra-colors-_primary-700); }
.css-246k17:focus, .css-246k17[data-focus] { box-shadow: var(--chakra-shadows-none); }
.chakra-button__group[data-attached][data-orientation="horizontal"] > .css-246k17:not(:last-of-type) { margin-inline-end: -1px; }
.chakra-button__group[data-attached][data-orientation="vertical"] > .css-246k17:not(:last-of-type) { margin-bottom: -1px; }
.css-246k17:active, .css-246k17[data-active] { background: var(--chakra-colors-gray-200); }
.css-nhuyyz { display: flex; flex-direction: column; gap: 0.5rem; position: relative; }
.css-1fs5zfo { display: flex; gap: 0.5rem; flex-flow: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--chakra-colors-_brownGrey-200); border-radius: 8px; padding: 8px; }
.css-8ie9el { display: flex; gap: 0.5rem; flex-flow: row; }
.css-eyw51g { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; border-radius: 8px; width: 60px; height: 29px; }
.chakra-ui-dark .css-eyw51g:not([data-theme]), [data-theme="dark"] .css-eyw51g:not([data-theme]), .css-eyw51g[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-eyw51g::before, .css-eyw51g::after, .css-eyw51g * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-2z9m8a { width: 80px; height: 20px; }
.css-25qiui { --skeleton-start-color: var(--chakra-colors-gray-100); --skeleton-end-color: var(--chakra-colors-gray-400); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; border-color: var(--skeleton-end-color); opacity: 0.7; animation: 0.8s linear 0s infinite alternate none running animation-14pkoxc; box-shadow: var(--chakra-shadows-none); background-clip: padding-box; cursor: default; color: var(--chakra-colors-transparent); pointer-events: none; user-select: none; border-radius: var(--chakra-radii-full); width: 20px; height: 20px; }
.chakra-ui-dark .css-25qiui:not([data-theme]), [data-theme="dark"] .css-25qiui:not([data-theme]), .css-25qiui[data-theme="dark"] { --skeleton-start-color: var(--chakra-colors-gray-800); --skeleton-end-color: var(--chakra-colors-gray-600); }
.css-25qiui::before, .css-25qiui::after, .css-25qiui * { visibility: hidden; }
@-webkit-keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
@keyframes animation-14pkoxc { 
  0% { border-color: var(--skeleton-start-color); background: var(--skeleton-start-color); }
  100% { border-color: var(--skeleton-end-color); background: var(--skeleton-end-color); }
}
.css-16uk4no { animation: 0.4s ease 0s 1 normal none running animation-5j8bii; width: 80%; height: 42px; border-radius: 4px; }
@-webkit-keyframes animation-5j8bii { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animation-5j8bii { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.css-ahyunb { animation: 0.4s ease 0s 1 normal none running animation-5j8bii; }
@-webkit-keyframes animation-5j8bii { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animation-5j8bii { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.css-1en4i71 { animation: 0.4s ease 0s 1 normal none running animation-5j8bii; border-radius: var(--chakra-radii-full); width: var(--chakra-sizes-10); height: var(--chakra-sizes-10); }
@-webkit-keyframes animation-5j8bii { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes animation-5j8bii { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.css-1imze5i { animation: auto ease 0s 1 normal none running none; width: 80%; height: 42px; border-radius: 4px; }
.css-y9b3rd { animation: auto ease 0s 1 normal none running none; border-radius: var(--chakra-radii-full); width: var(--chakra-sizes-10); height: var(--chakra-sizes-10); }
.css-1q37fqq { display: flex; flex-wrap: wrap; list-style-type: none; gap: var(--chakra-space-3); padding: var(--chakra-space-0); }
.css-h90oit { display: grid; gap: var(--chakra-space-4); grid-template-columns: repeat(2, minmax(0px, 1fr)); }
@media screen and (min-width: 480px) {
  .css-h90oit { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
.css-17y7j6s { display: flex; flex-direction: column; width: 100%; order: 0; }
.css-10klw3m { height: 100%; }
.css-xewrh4 { display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; --card-bg: var(--chakra-colors-chakra-body-bg); background-color: var(--card-bg); box-shadow: var(--card-shadow); color: var(--chakra-colors-chakra-body-text); --card-radius: var(--chakra-radii-md); --card-padding: var(--chakra-space-5); --card-shadow: var(--chakra-shadows-base); height: 100%; position: relative; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--chakra-colors-_brownGrey-200); border-radius: 8px; cursor: pointer; transition: 0.1s ease-in-out; }
.chakra-ui-dark .css-xewrh4:not([data-theme]), [data-theme="dark"] .css-xewrh4:not([data-theme]), .css-xewrh4[data-theme="dark"] { --card-bg: var(--chakra-colors-gray-700); }
.css-xewrh4:hover { box-shadow: rgba(240, 92, 34, 0.75) 0px 0px 12px 0px; }
.css-1dnr8sb { padding: var(--chakra-space-0); flex: 1 1 0%; display: flex; flex-direction: column; }
.css-1trgkjp { position: relative; overflow: hidden; border-radius: 6px; opacity: 1; }
.css-1nxzynl { padding-inline: 12px; padding-top: var(--chakra-space-2); opacity: 1; }
.css-1mrk1dy { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--chakra-line-clamp); --chakra-line-clamp: 2; }
.css-81gbng { padding-top: var(--chakra-space-1); }
.css-1hq43q5 { display: flex; padding-right: ; padding-left: ; padding-inline: 12px; padding-top: var(--chakra-space-1); padding-bottom: var(--chakra-space-3); }
.css-t7ca1f { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; flex: 1 1 0%; width: 100%; }
.css-gmuwbf { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.css-r1mwc5 { display: flex; user-select: none; width: 24px; height: 24px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; border-radius: 4px; overflow: hidden; }
@media screen and (min-width: 768px) {
  .css-r1mwc5 { width: 32px; height: 32px; }
}
.css-mm2lg3 { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; height: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; transition: 0.1s ease-in-out; background: var(--chakra-colors-_primary-700); color: var(--chakra-colors-white); }
.css-mm2lg3:hover, .css-mm2lg3[data-hover] { filter: brightness(1.25); }
.css-ruv2w5 { display: flex; flex-direction: column; width: 100%; order: 1; }
.css-1hf0qbb { display: flex; flex-direction: column; width: 100%; order: 2; }
.css-mexj41 { display: flex; flex-direction: column; width: 100%; order: 3; }
.css-f4e34n { display: flex; flex-direction: column; width: 100%; order: 4; }
.css-lwqnfj { display: flex; flex-direction: column; width: 100%; order: 5; }
.css-u4ytie { display: flex; flex-direction: column; width: 100%; order: 6; }
.css-scx9b4 { display: flex; flex-direction: column; width: 100%; order: 7; }
.css-1y68xxe { display: flex; flex-direction: column; width: 100%; order: 8; }
.css-v679kz { display: flex; flex-flow: column; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--chakra-colors-_brownGrey-200); padding: 8px; width: 100%; min-height: 29px; text-align: center; border-radius: 4px; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; transition: 0.1s ease-in-out; position: relative; }
.css-v679kz:hover, .css-v679kz[data-hover] { box-shadow: rgba(240, 92, 34, 0.75) 0px 0px 12px 0px; cursor: pointer; }
.css-w4nthg { display: flex; gap: 0.5rem; width: 100%; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.css-1rzpubl { display: flex; gap: var(--chakra-space-0); flex-flow: row; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }
.css-18dxz4l { display: flex; height: 29px; position: relative; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; transform: scale(0.6); margin-left: -24px; }
.css-1vakbk4 { display: flex; gap: var(--chakra-space-2); }
.css-1vzvsgc { font-size: 14px; font-weight: 400; text-align: left; color: var(--chakra-colors-_brownGrey-700); padding-bottom: var(--chakra-space-0); margin-left: -18px; }
.css-10mwwxh { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-inline: 16px; border-radius: 0px; transition: 0.1s ease-in-out; font-size: 14px; font-weight: 400; padding: 8px 8px 8px 14px; }
.css-10mwwxh:hover { background-color: rgb(248, 248, 248); }
.css-10mwwxh:active { background-color: rgb(209, 209, 209); }
.css-1v0v6h9 { display: flex; flex-flow: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding-inline: 16px; border-radius: 0px; transition: 0.1s ease-in-out; font-size: 14px; font-weight: 400; padding: 8px 8px 8px 14px; color: rgb(226, 105, 0); }
.css-1v0v6h9:hover { background-color: rgb(248, 248, 248); }
.css-1v0v6h9:active { background-color: rgb(209, 209, 209); }
.css-i8omiy { position: fixed; z-index: 1401; width: 100vw; height: 100vh; top: var(--chakra-space-0); left: var(--chakra-space-0); -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: var(--chakra-colors-white); display: flex; }
.swal2-popup.swal2-toast { box-sizing: border-box; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 1px, rgba(0, 0, 0, 0.075) 0px 1px 2px, rgba(0, 0, 0, 0.075) 1px 2px 4px, rgba(0, 0, 0, 0.075) 1px 3px 8px, rgba(0, 0, 0, 0.075) 2px 4px 16px; pointer-events: all; grid-area: 1 / 1 / 4 / 4 !important; }
.swal2-popup.swal2-toast > * { grid-column: 2; }
.swal2-popup.swal2-toast .swal2-title { margin: 0.5em 1em; padding: 0px; font-size: 1em; text-align: initial; }
.swal2-popup.swal2-toast .swal2-loading { justify-content: center; }
.swal2-popup.swal2-toast .swal2-input { height: 2em; margin: 0.5em; font-size: 1em; }
.swal2-popup.swal2-toast .swal2-validation-message { font-size: 1em; }
.swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0px 0px; padding: 0.5em 0px 0px; font-size: 0.8em; }
.swal2-popup.swal2-toast .swal2-close { grid-area: 1 / 3 / 99 / 3; align-self: center; width: 0.8em; height: 0.8em; margin: 0px; font-size: 2em; }
.swal2-popup.swal2-toast .swal2-html-container { margin: 0.5em 1em; padding: 0px; overflow: initial; font-size: 1em; text-align: initial; }
.swal2-popup.swal2-toast .swal2-html-container:empty { padding: 0px; }
.swal2-popup.swal2-toast .swal2-loader { grid-area: 1 / 1 / 99; align-self: center; width: 2em; height: 2em; margin: 0.25em; }
.swal2-popup.swal2-toast .swal2-icon { grid-area: 1 / 1 / 99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0px 0.5em 0px 0px; }
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; }
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"] { top: 0.875em; width: 1.375em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 0.3125em; }
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 0.3125em; }
.swal2-popup.swal2-toast .swal2-actions { justify-content: flex-start; height: auto; margin: 0.5em 0px 0px; padding: 0px 0.5em; }
.swal2-popup.swal2-toast .swal2-styled { margin: 0.25em 0.5em; padding: 0.4em 0.6em; font-size: 1em; }
.swal2-popup.swal2-toast .swal2-success { border-color: rgb(165, 220, 134); }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 1.6em; height: 3em; border-radius: 50%; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0px 0px 4em; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.25em; left: 0.9375em; transform-origin: 0px 1.5em; border-radius: 0px 4em 4em 0px; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0px; left: 0.4375em; width: 0.4375em; height: 2.6875em; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"] { height: 0.3125em; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="tip"] { top: 1.125em; left: 0.1875em; width: 0.75em; }
.swal2-popup.swal2-toast .swal2-success [class^="swal2-success-line"][class$="long"] { top: 0.9375em; right: 0.1875em; width: 1.375em; }
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-tip; }
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-toast-animate-success-line-long; }
.swal2-popup.swal2-toast.swal2-show { animation: 0.5s ease 0s 1 normal none running swal2-toast-show; }
.swal2-popup.swal2-toast.swal2-hide { animation: 0.1s ease 0s 1 normal forwards running swal2-toast-hide; }
div:where(.swal2-container) { display: grid; position: fixed; z-index: 1060; inset: 0px; box-sizing: border-box; grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; }
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: rgba(0, 0, 0, 0.4); }
div:where(.swal2-container).swal2-backdrop-hide { background: rgba(0, 0, 0, 0) !important; }
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start { grid-template-columns: minmax(0px, 1fr) auto auto; }
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom { grid-template-columns: auto minmax(0px, 1fr) auto; }
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end { grid-template-columns: auto auto minmax(0px, 1fr); }
div:where(.swal2-container).swal2-top-start > .swal2-popup { align-self: start; }
div:where(.swal2-container).swal2-top > .swal2-popup { grid-column: 2; place-self: start center; }
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup { grid-column: 3; place-self: start end; }
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup { grid-row: 2; align-self: center; }
div:where(.swal2-container).swal2-center > .swal2-popup { grid-area: 2 / 2; place-self: center; }
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup { grid-area: 2 / 3; place-self: center end; }
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup { grid-area: 3 / 1; align-self: end; }
div:where(.swal2-container).swal2-bottom > .swal2-popup { grid-area: 3 / 2; place-self: end center; }
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup { grid-area: 3 / 3; place-self: end; }
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-column: 1 / 4; width: 100%; }
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-row: 1 / 4; align-self: stretch; }
div:where(.swal2-container).swal2-no-transition { transition: none !important; }
div:where(.swal2-container) div:where(.swal2-popup) { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0px, 100%); width: 32em; max-width: 100%; padding: 0px 0px 1.25em; border: none; border-radius: 5px; background: rgb(255, 255, 255); color: rgb(84, 84, 84); font-family: inherit; font-size: 1rem; }
div:where(.swal2-container) div:where(.swal2-popup):focus { outline: none; }
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { overflow-y: hidden; }
div:where(.swal2-container) h2:where(.swal2-title) { position: relative; max-width: 100%; margin: 0px; padding: 0.8em 1em 0px; color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; overflow-wrap: break-word; }
div:where(.swal2-container) div:where(.swal2-actions) { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: center; width: auto; margin: 1.25em auto 0px; padding: 0px; }
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; }
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
div:where(.swal2-container) div:where(.swal2-loader) { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0px 1.875em; animation: 1.5s linear 0s infinite normal none running swal2-rotate-loading; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: rgb(39, 120, 196) rgba(0, 0, 0, 0); }
div:where(.swal2-container) button:where(.swal2-styled) { margin: 0.3125em; padding: 0.625em 1.1em; transition: box-shadow 0.1s; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 3px; font-weight: 500; }
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { cursor: pointer; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { border: 0px; border-radius: 0.25em; background: rgb(112, 102, 224); color: rgb(255, 255, 255); font-size: 1em; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus { box-shadow: rgba(112, 102, 224, 0.5) 0px 0px 0px 3px; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny { border: 0px; border-radius: 0.25em; background: rgb(220, 55, 65); color: rgb(255, 255, 255); font-size: 1em; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus { box-shadow: rgba(220, 55, 65, 0.5) 0px 0px 0px 3px; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { border: 0px; border-radius: 0.25em; background: rgb(110, 120, 129); color: rgb(255, 255, 255); font-size: 1em; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus { box-shadow: rgba(110, 120, 129, 0.5) 0px 0px 0px 3px; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus { box-shadow: rgba(100, 150, 200, 0.5) 0px 0px 0px 3px; }
div:where(.swal2-container) button:where(.swal2-styled):focus { outline: none; }
div:where(.swal2-container) div:where(.swal2-footer) { margin: 1em 0px 0px; padding: 1em 1em 0px; border-top: 1px solid rgb(238, 238, 238); color: inherit; font-size: 1em; text-align: center; }
div:where(.swal2-container) .swal2-timer-progress-bar-container { position: absolute; right: 0px; bottom: 0px; left: 0px; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; grid-column: auto !important; }
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); }
div:where(.swal2-container) img:where(.swal2-image) { max-width: 100%; margin: 2em auto 1em; }
div:where(.swal2-container) button:where(.swal2-close) { z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0px; margin-right: 0px; margin-bottom: -1.2em; padding: 0px; overflow: hidden; transition: color 0.1s, box-shadow 0.1s; border: none; border-radius: 5px; background: rgba(0, 0, 0, 0); color: rgb(204, 204, 204); font-family: monospace; font-size: 2.5em; cursor: pointer; justify-self: end; }
div:where(.swal2-container) button:where(.swal2-close):hover { transform: none; background: rgba(0, 0, 0, 0); color: rgb(242, 116, 116); }
div:where(.swal2-container) button:where(.swal2-close):focus { outline: none; box-shadow: rgba(100, 150, 200, 0.5) 0px 0px 0px 3px inset; }
div:where(.swal2-container) .swal2-html-container { z-index: 1; justify-content: center; margin: 1em 1.6em 0.3em; padding: 0px; overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; overflow-wrap: break-word; word-break: break-word; }
div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) { margin: 1em 2em 3px; }
div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) { box-sizing: border-box; width: auto; transition: border-color 0.1s, box-shadow 0.1s; border: 1px solid rgb(217, 217, 217); border-radius: 0.1875em; background: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px inset, rgba(0, 0, 0, 0) 0px 0px 0px 3px; color: inherit; font-size: 1.125em; }
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { border-color: rgb(242, 116, 116) !important; box-shadow: rgb(242, 116, 116) 0px 0px 2px !important; }
div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus { border: 1px solid rgb(180, 219, 237); outline: none; box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px inset, rgba(100, 150, 200, 0.5) 0px 0px 0px 3px; }
div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { color: rgb(204, 204, 204); }
div:where(.swal2-container) .swal2-range { margin: 1em 2em 3px; background: rgb(255, 255, 255); }
div:where(.swal2-container) .swal2-range input { width: 80%; }
div:where(.swal2-container) .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; }
div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output { height: 2.625em; padding: 0px; font-size: 1.125em; line-height: 2.625em; }
div:where(.swal2-container) .swal2-input { height: 2.625em; padding: 0px 0.75em; }
div:where(.swal2-container) .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: rgba(0, 0, 0, 0); font-size: 1.125em; }
div:where(.swal2-container) .swal2-textarea { height: 6.75em; padding: 0.75em; }
div:where(.swal2-container) .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: rgba(0, 0, 0, 0); color: inherit; font-size: 1.125em; }
div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox { align-items: center; justify-content: center; background: rgb(255, 255, 255); color: inherit; }
div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label { margin: 0px 0.6em; font-size: 1.125em; }
div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input { flex-shrink: 0; margin: 0px 0.4em; }
div:where(.swal2-container) label:where(.swal2-input-label) { display: flex; justify-content: center; margin: 1em auto 0px; }
div:where(.swal2-container) div:where(.swal2-validation-message) { align-items: center; justify-content: center; margin: 1em 0px 0px; padding: 0.625em; overflow: hidden; background: rgb(240, 240, 240); color: rgb(102, 102, 102); font-size: 1em; font-weight: 300; }
div:where(.swal2-container) div:where(.swal2-validation-message)::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0px 0.625em; border-radius: 50%; background-color: rgb(242, 116, 116); color: rgb(255, 255, 255); font-weight: 600; line-height: 1.5em; text-align: center; }
div:where(.swal2-container) .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0px; background: rgba(0, 0, 0, 0); font-weight: 600; }
div:where(.swal2-container) .swal2-progress-steps li { display: inline-block; position: relative; }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: rgb(39, 120, 196); color: rgb(255, 255, 255); line-height: 2em; text-align: center; }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: rgb(39, 120, 196); }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: rgb(173, 216, 230); color: rgb(255, 255, 255); }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: rgb(173, 216, 230); }
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0px -1px; background: rgb(39, 120, 196); }
div:where(.swal2-icon) { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto 0.6em; border: 0.25em solid rgb(0, 0, 0); border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; user-select: none; }
div:where(.swal2-icon) .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; }
div:where(.swal2-icon).swal2-error { border-color: rgb(242, 116, 116); color: rgb(242, 116, 116); }
div:where(.swal2-icon).swal2-error .swal2-x-mark { position: relative; flex-grow: 1; }
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: rgb(242, 116, 116); }
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="left"] { left: 1.0625em; transform: rotate(45deg); }
div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"][class$="right"] { right: 1em; transform: rotate(-45deg); }
div:where(.swal2-icon).swal2-error.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-x-mark; }
div:where(.swal2-icon).swal2-warning { border-color: rgb(250, 206, 168); color: rgb(248, 187, 134); }
div:where(.swal2-icon).swal2-warning.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { animation: 0.5s ease 0s 1 normal none running swal2-animate-i-mark; }
div:where(.swal2-icon).swal2-info { border-color: rgb(157, 224, 246); color: rgb(63, 195, 238); }
div:where(.swal2-icon).swal2-info.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { animation: 0.8s ease 0s 1 normal none running swal2-animate-i-mark; }
div:where(.swal2-icon).swal2-question { border-color: rgb(201, 218, 225); color: rgb(135, 173, 189); }
div:where(.swal2-icon).swal2-question.swal2-icon-show { animation: 0.5s ease 0s 1 normal none running swal2-animate-error-icon; }
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { animation: 0.8s ease 0s 1 normal none running swal2-animate-question-mark; }
div:where(.swal2-icon).swal2-success { border-color: rgb(165, 220, 134); color: rgb(165, 220, 134); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"] { position: absolute; width: 3.75em; height: 7.5em; border-radius: 50%; }
div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="left"] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0px 0px 7.5em; }
div:where(.swal2-icon).swal2-success [class^="swal2-success-circular-line"][class$="right"] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0px 3.75em; border-radius: 0px 7.5em 7.5em 0px; }
div:where(.swal2-icon).swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; }
div:where(.swal2-icon).swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: rgb(165, 220, 134); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); }
div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="long"] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); }
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-tip; }
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { animation: 0.75s ease 0s 1 normal none running swal2-animate-success-line-long; }
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: 4.25s ease-in 0s 1 normal none running swal2-rotate-success-circular-line; }
[class^="swal2"] { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.swal2-show { animation: 0.3s ease 0s 1 normal none running swal2-show; }
.swal2-hide { animation: 0.15s ease 0s 1 normal forwards running swal2-hide; }
.swal2-noanimation { transition: none; }
.swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
.swal2-rtl .swal2-close { margin-right: initial; margin-left: 0px; }
.swal2-rtl .swal2-timer-progress-bar { right: 0px; left: auto; }
@keyframes swal2-toast-show { 
  0% { transform: translateY(-0.625em) rotateZ(2deg); }
  33% { transform: translateY(0px) rotateZ(-2deg); }
  66% { transform: translateY(0.3125em) rotateZ(2deg); }
  100% { transform: translateY(0px) rotateZ(0deg); }
}
@keyframes swal2-toast-hide { 
  100% { transform: rotateZ(1deg); opacity: 0; }
}
@keyframes swal2-toast-animate-success-line-tip { 
  0% { top: 0.5625em; left: 0.0625em; width: 0px; }
  54% { top: 0.125em; left: 0.125em; width: 0px; }
  70% { top: 0.625em; left: -0.25em; width: 1.625em; }
  84% { top: 1.0625em; left: 0.75em; width: 0.5em; }
  100% { top: 1.125em; left: 0.1875em; width: 0.75em; }
}
@keyframes swal2-toast-animate-success-line-long { 
  0% { top: 1.625em; right: 1.375em; width: 0px; }
  65% { top: 1.25em; right: 0.9375em; width: 0px; }
  84% { top: 0.9375em; right: 0px; width: 1.125em; }
  100% { top: 0.9375em; right: 0.1875em; width: 1.375em; }
}
@keyframes swal2-show { 
  0% { transform: scale(0.7); }
  45% { transform: scale(1.05); }
  80% { transform: scale(0.95); }
  100% { transform: scale(1); }
}
@keyframes swal2-hide { 
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.5); opacity: 0; }
}
@keyframes swal2-animate-success-line-tip { 
  0% { top: 1.1875em; left: 0.0625em; width: 0px; }
  54% { top: 1.0625em; left: 0.125em; width: 0px; }
  70% { top: 2.1875em; left: -0.375em; width: 3.125em; }
  84% { top: 3em; left: 1.3125em; width: 1.0625em; }
  100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; }
}
@keyframes swal2-animate-success-line-long { 
  0% { top: 3.375em; right: 2.875em; width: 0px; }
  65% { top: 3.375em; right: 2.875em; width: 0px; }
  84% { top: 2.1875em; right: 0px; width: 3.4375em; }
  100% { top: 2.375em; right: 0.5em; width: 2.9375em; }
}
@keyframes swal2-rotate-success-circular-line { 
  0% { transform: rotate(-45deg); }
  5% { transform: rotate(-45deg); }
  12% { transform: rotate(-405deg); }
  100% { transform: rotate(-405deg); }
}
@keyframes swal2-animate-error-x-mark { 
  0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; }
  80% { margin-top: -0.375em; transform: scale(1.15); }
  100% { margin-top: 0px; transform: scale(1); opacity: 1; }
}
@keyframes swal2-animate-error-icon { 
  0% { transform: rotateX(100deg); opacity: 0; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
@keyframes swal2-rotate-loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes swal2-animate-question-mark { 
  0% { transform: rotateY(-360deg); }
  100% { transform: rotateY(0deg); }
}
@keyframes swal2-animate-i-mark { 
  0% { transform: rotateZ(45deg); opacity: 0; }
  25% { transform: rotateZ(-25deg); opacity: 0.4; }
  50% { transform: rotateZ(15deg); opacity: 0.8; }
  75% { transform: rotateZ(-5deg); opacity: 1; }
  100% { transform: rotateX(0deg); opacity: 1; }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; }
body.swal2-height-auto { height: auto !important; }
body.swal2-no-backdrop .swal2-container { background-color: rgba(0, 0, 0, 0) !important; pointer-events: none; }
body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all; }
body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; }
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden="true"] { display: none; }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; }
}
body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: rgba(0, 0, 0, 0); pointer-events: none; }
body.swal2-toast-shown .swal2-container.swal2-top { inset: 0px auto auto 50%; transform: translateX(-50%); }
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { inset: 0px 0px auto auto; }
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { inset: 0px auto auto 0px; }
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { inset: 50% auto auto 0px; transform: translateY(-50%); }
body.swal2-toast-shown .swal2-container.swal2-center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); }
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { inset: 50% 0px auto auto; transform: translateY(-50%); }
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { inset: auto auto 0px 0px; }
body.swal2-toast-shown .swal2-container.swal2-bottom { inset: auto auto 0px 50%; transform: translateX(-50%); }
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { inset: auto 0px 0px auto; }
.__react_component_tooltip { border-radius: 3px; display: inline-block; font-size: 13px; left: -999em; opacity: 0; padding: 8px 21px; position: fixed; pointer-events: none; transition: opacity 0.3s ease-out; top: -999em; visibility: hidden; z-index: 999; }
.__react_component_tooltip.allow_hover, .__react_component_tooltip.allow_click { pointer-events: auto; }
.__react_component_tooltip::before, .__react_component_tooltip::after { content: ""; width: 0px; height: 0px; position: absolute; }
.__react_component_tooltip.show { opacity: 0.9; margin-top: 0px; margin-left: 0px; visibility: visible; }
.__react_component_tooltip.type-dark { color: rgb(255, 255, 255); background-color: rgb(34, 34, 34); }
.__react_component_tooltip.type-dark.place-top::after { border-top: 6px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-dark.place-bottom::after { border-bottom: 6px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-dark.place-left::after { border-left: 6px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-dark.place-right::after { border-right: 6px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-dark.border { border: 1px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-dark.border.place-top::before { border-top: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-dark.border.place-bottom::before { border-bottom: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-dark.border.place-left::before { border-left: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-dark.border.place-right::before { border-right: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-success { color: rgb(255, 255, 255); background-color: rgb(141, 197, 114); }
.__react_component_tooltip.type-success.place-top::after { border-top: 6px solid rgb(141, 197, 114); }
.__react_component_tooltip.type-success.place-bottom::after { border-bottom: 6px solid rgb(141, 197, 114); }
.__react_component_tooltip.type-success.place-left::after { border-left: 6px solid rgb(141, 197, 114); }
.__react_component_tooltip.type-success.place-right::after { border-right: 6px solid rgb(141, 197, 114); }
.__react_component_tooltip.type-success.border { border: 1px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-success.border.place-top::before { border-top: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-success.border.place-bottom::before { border-bottom: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-success.border.place-left::before { border-left: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-success.border.place-right::before { border-right: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-warning { color: rgb(255, 255, 255); background-color: rgb(240, 173, 78); }
.__react_component_tooltip.type-warning.place-top::after { border-top: 6px solid rgb(240, 173, 78); }
.__react_component_tooltip.type-warning.place-bottom::after { border-bottom: 6px solid rgb(240, 173, 78); }
.__react_component_tooltip.type-warning.place-left::after { border-left: 6px solid rgb(240, 173, 78); }
.__react_component_tooltip.type-warning.place-right::after { border-right: 6px solid rgb(240, 173, 78); }
.__react_component_tooltip.type-warning.border { border: 1px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-warning.border.place-top::before { border-top: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-warning.border.place-bottom::before { border-bottom: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-warning.border.place-left::before { border-left: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-warning.border.place-right::before { border-right: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-error { color: rgb(255, 255, 255); background-color: rgb(190, 100, 100); }
.__react_component_tooltip.type-error.place-top::after { border-top: 6px solid rgb(190, 100, 100); }
.__react_component_tooltip.type-error.place-bottom::after { border-bottom: 6px solid rgb(190, 100, 100); }
.__react_component_tooltip.type-error.place-left::after { border-left: 6px solid rgb(190, 100, 100); }
.__react_component_tooltip.type-error.place-right::after { border-right: 6px solid rgb(190, 100, 100); }
.__react_component_tooltip.type-error.border { border: 1px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-error.border.place-top::before { border-top: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-error.border.place-bottom::before { border-bottom: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-error.border.place-left::before { border-left: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-error.border.place-right::before { border-right: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-info { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); }
.__react_component_tooltip.type-info.place-top::after { border-top: 6px solid rgb(51, 122, 183); }
.__react_component_tooltip.type-info.place-bottom::after { border-bottom: 6px solid rgb(51, 122, 183); }
.__react_component_tooltip.type-info.place-left::after { border-left: 6px solid rgb(51, 122, 183); }
.__react_component_tooltip.type-info.place-right::after { border-right: 6px solid rgb(51, 122, 183); }
.__react_component_tooltip.type-info.border { border: 1px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-info.border.place-top::before { border-top: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-info.border.place-bottom::before { border-bottom: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-info.border.place-left::before { border-left: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-info.border.place-right::before { border-right: 8px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-light { color: rgb(34, 34, 34); background-color: rgb(255, 255, 255); }
.__react_component_tooltip.type-light.place-top::after { border-top: 6px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-light.place-bottom::after { border-bottom: 6px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-light.place-left::after { border-left: 6px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-light.place-right::after { border-right: 6px solid rgb(255, 255, 255); }
.__react_component_tooltip.type-light.border { border: 1px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-light.border.place-top::before { border-top: 8px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-light.border.place-bottom::before { border-bottom: 8px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-light.border.place-left::before { border-left: 8px solid rgb(34, 34, 34); }
.__react_component_tooltip.type-light.border.place-right::before { border-right: 8px solid rgb(34, 34, 34); }
.__react_component_tooltip.place-top { margin-top: -10px; }
.__react_component_tooltip.place-top::before { border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -8px; left: 50%; margin-left: -10px; }
.__react_component_tooltip.place-top::after { border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -6px; left: 50%; margin-left: -8px; }
.__react_component_tooltip.place-bottom { margin-top: 10px; }
.__react_component_tooltip.place-bottom::before { border-left: 10px solid transparent; border-right: 10px solid transparent; top: -8px; left: 50%; margin-left: -10px; }
.__react_component_tooltip.place-bottom::after { border-left: 8px solid transparent; border-right: 8px solid transparent; top: -6px; left: 50%; margin-left: -8px; }
.__react_component_tooltip.place-left { margin-left: -10px; }
.__react_component_tooltip.place-left::before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: -8px; top: 50%; margin-top: -5px; }
.__react_component_tooltip.place-left::after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; right: -6px; top: 50%; margin-top: -4px; }
.__react_component_tooltip.place-right { margin-left: 10px; }
.__react_component_tooltip.place-right::before { border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: -8px; top: 50%; margin-top: -5px; }
.__react_component_tooltip.place-right::after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; left: -6px; top: 50%; margin-top: -4px; }
.__react_component_tooltip .multi-line { display: block; padding: 2px 0px; text-align: center; }
.ejoy-sub-active { color: rgb(18, 150, 186) !important; }
.ejoy-sub-hovered { color: rgb(18, 150, 186) !important; }
.ejoy-sub-clzz { cursor: pointer; font-size: 28px; color: rgb(255, 204, 0); background: rgba(17, 17, 17, 0.7); }
.ejoy-sub-clzz:hover { color: rgb(18, 150, 186) !important; }
.ej-trans-sub { position: absolute; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 9999999; cursor: move; }
.ej-trans-sub > span { text-align: center; line-height: 1.5; padding: 0px 8px; font-size: 16px; color: rgb(12, 177, 199); background: rgba(67, 65, 65, 0.7); }
.ej-full-screen-video { position: absolute; width: 30px; height: 30px; top: 30px; right: 10px; display: flex; justify-content: center; align-items: center; z-index: 99999999; cursor: pointer; }
.ej-main-sub { position: absolute; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 99999999; cursor: move; padding: 0px 8px; }
.ej-main-sub > span { line-height: 1.5; text-align: center; padding: 2px 8px; font-size: 28px; color: rgb(255, 204, 0); background: rgba(17, 17, 17, 0.7); }
.ej-main-sub .ejoy-sub-clzz { background: transparent !important; }
.tran-subtitle > span { cursor: pointer; padding-left: 10px; top: 2px; position: relative; }
.tran-subtitle > span > span { position: absolute; top: -170%; background: rgba(0, 0, 0, 0.5); font-size: 13px; line-height: 20px; padding: 2px 8px; color: white; display: none; border-radius: 4px; white-space: nowrap; left: -50%; font-weight: normal; }
.viewPopupPro { cursor: auto; position: absolute; z-index: 2147483647; background: rgb(17, 17, 17); transition: opacity 1s; width: 172px; height: 66px; opacity: 1; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.titlePopupPro { font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: rgb(229, 229, 229); text-shadow: rgba(0, 0, 0, 0.25) 0px 3px 3px; }
.viewGoPro { background: rgb(255, 204, 0); border-radius: 72.6257px; display: flex; justify-content: center; align-items: center; margin-top: 8px; padding-left: 10px; cursor: pointer; }
.viewGoPro svg { pointer-events: none; }
.textGoPro { font-style: normal; font-weight: 600; font-size: 10px; line-height: 12px; pointer-events: none; text-align: center; color: rgb(255, 255, 255); padding: 4px 14px 4px 4px; }
.viewPopupPro { top: auto !important; bottom: 15px !important; }
.view-icon-copy-main-sub:hover > span, .view-icon-edit-sub:hover > span, .view-icon-exit-full-sub:hover > span, .view-icon-full-sub:hover > span, .iconCrownGoPro:hover > span, .view-icon-copy-tran-sub:hover > span { display: block; }
.iconCrownGoPro { padding-left: 0px !important; padding-right: 8px !important; }
.iconCrownGoPro svg { width: 17px; height: 17px; }
.view-icon-full-sub, .view-icon-exit-full-sub { display: flex; }
.view-icon-full-sub > svg, .view-icon-exit-full-sub > svg { pointer-events: none; }
.tran-subtitle > span > svg { width: 16px; height: 16px; pointer-events: none; display: inline-flex !important; vertical-align: baseline !important; }
.view-icon-copy-main-sub > svg { pointer-events: none; color: rgb(255, 204, 0); }
.iconCrownGoPro { padding-left: 0px !important; padding-right: 8px !important; }
.view-icon-copy-tran-sub > svg { pointer-events: none; color: rgb(12, 177, 199); }
.css-n3hkqg:hover, .css-n3hkqg[data-hover] {
  background: var(--chakra-colors-_primary-200);
}
.css-n3hkqg {
  display: flex
;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  transition: 0.1sease-in-out;
  color: var(--chakra-colors-_primary-700);
  background: var(--chakra-colors-_primary-100);
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000000;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

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

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

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

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

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

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

.modal-body {
    padding: 20px;
}

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

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

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

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

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

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

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

.highlight {
    font-weight: bold;
}

.quantity-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.quantity-label {
    font-size: 16px;
    color: #666;
}

.quantity-selector {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 15px;
    color: #333;
}

.total-section {
    margin: 20px 0;
}

.total-label {
    font-size: 16px;
    color: #666;
}

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

.add-to-cart-btn {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #ff5722;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
}

.add-to-cart-btn:hover {
    background-color: #e64a19;
}

/* Mobile Cart Modal */
.mobile-cart-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000;
  visibility: hidden;
}

.mobile-cart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mobile-cart-content {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: white;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding: 16px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

.mobile-cart-modal.active {
  visibility: visible;
}

.mobile-cart-modal.active .mobile-cart-overlay {
  opacity: 1;
}

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

.mobile-cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.mobile-cart-title {
  font-weight: bold;
  font-size: 18px;
}

.mobile-cart-close {
  font-size: 24px;
  cursor: pointer;
}

.mobile-cart-items {
  flex: 1;
  /* overflow-y: auto; */
  padding: 16px 0;
  margin-bottom: 400px;
}

.mobile-cart-item {
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}

.mobile-cart-item-image {
  width: 71px;
  height: 40px;
  border-radius: 6px;
  margin-right: 12px;
}

.mobile-cart-item-details {
  flex: 1;
}

.mobile-cart-item-title {
  font-weight: bold;
  margin-bottom: 4px;
}

.mobile-cart-item-price {
  color: #FF5722;
}

.mobile-cart-item-quantity {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.mobile-cart-footer {
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.mobile-cart-total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  font-weight: bold;
}

.mobile-cart-total-price {
  color: #FF5722;
}

.mobile-cart-checkout {
  width: 100%;
  padding: 12px;
  background-color: #FF5722;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: bold;
  cursor: pointer;
}

.mobile-cart-checkout:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.quantity-value {
  font-size: 14px;
  font-weight: 400;
  color: #6e625e;
  background-color: #f4f2f1;
  padding: 3px 7px;
  border-radius: 5px;
}

/* Responsive design cho desktop */
@media screen and (min-width: 768px) {
  
    .modal-content {
        position: relative;
        width: 90%;
        max-width: 500px;
        margin: 0 auto;
        /* top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
        border-radius: 8px;
    }
    
    /* .modal-overlay.active .modal-content {
        transform: translate(-50%, -50%);
    } */
}

/* Cải thiện giao diện modal trên mobile */
@media screen and (max-width: 767px) {
  .css-8g8ihq{
    margin-top: 40px;
  }
  /* Điều chỉnh kích thước font và padding */
  .modal-title {
      font-size: 16px;
  }
  
  .modal-close {
      font-size: 22px;
  }
  
  .modal-header {
      padding: 12px 16px;
  }
  
  .modal-body {
      padding: 16px;
  }
  
  /* Điều chỉnh thông tin sản phẩm */
  .product-info {
      margin-bottom: 16px;
  }
  
  .product-image {
      width: 50px;
      height: 50px;
      margin-right: 12px;
  }
  
  .product-details h3 {
      font-size: 14px;
      margin-bottom: 4px;
  }
  
  .product-price {
      font-size: 16px;
  }
  
  /* Điều chỉnh tiêu đề và mô tả */
  .section-title {
      font-size: 15px;
      margin: 16px 0 12px;
  }
  
  .product-description {
      font-size: 13px;
      line-height: 1.4;
      margin-bottom: 12px;
  }
  
  /* Điều chỉnh phần số lượng */
  .quantity-section {
      margin: 16px 0;
      padding: 8px 0;
  }
  
  .quantity-label {
      font-size: 14px;
  }
  
  .quantity-selector {
      padding: 6px 12px;
      font-size: 14px;
  }
  
  /* Điều chỉnh thông báo */
  .popup-notice {
      font-size: 12px;
      padding: 8px;
      margin: 8px 0;
  }
  
  /* Điều chỉnh phần tổng tiền */
  .total-section {
      margin: 16px 0;
  }
  
  .total-label {
      font-size: 14px;
  }
  
  .total-price {
      font-size: 16px;
  }
  
  /* Điều chỉnh nút thêm vào giỏ hàng */
  .add-to-cart-btn {
      padding: 12px;
      font-size: 15px;
  }
  
  /* Giới hạn chiều cao tối đa của modal */
  .modal-content {
      max-height: 85vh;
  }
  
  /* Cải thiện thanh cuộn */
  .modal-body::-webkit-scrollbar {
      width: 4px;
  }
  
  .modal-body::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 4px;
  }
}

/* Cải thiện giao diện giỏ hàng mobile */
@media screen and (max-width: 767px) {
  .mobile-cart-title {
      font-size: 16px;
  }
  
  .mobile-cart-close {
      font-size: 22px;
  }
  
  .mobile-cart-header {
      padding: 12px 16px;
  }
  
  .mobile-cart-item-title {
      font-size: 14px;
  }
  
  .mobile-cart-item-price {
      font-size: 14px;
  }
  
  .mobile-cart-total {
      font-size: 15px;
  }
  
  .mobile-cart-total-price {
      font-size: 16px;
  }
  
  .mobile-cart-checkout {
      padding: 12px;
      font-size: 15px;
  }
  
  .mobile-cart-items {
      margin-bottom: 16px;
  }
  
  .mobile-cart-item {
      padding-bottom: 12px;
      margin-bottom: 12px;
  }
}

/* Cải thiện hiệu ứng chuyển động */
.modal-overlay {
  transition: opacity 0.25s ease;
}

.modal-content {
  transition: transform 0.25s ease-out;
}

/* Thêm hiệu ứng ripple cho nút */
.add-to-cart-btn, .mobile-cart-checkout {
  position: relative;
  overflow: hidden;
}

.add-to-cart-btn:after, .mobile-cart-checkout:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.5s, opacity 0.5s;
}

.add-to-cart-btn:active:after, .mobile-cart-checkout:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0s;
}

/* Cải thiện hiển thị trên màn hình nhỏ */
@media screen and (max-width: 320px) {
  .modal-body, .mobile-cart-content {
      padding: 12px;
  }
  
  .product-image {
      width: 40px;
      height: 40px;
  }
  
  .product-details h3 {
      font-size: 13px;
  }
  
  .product-price {
      font-size: 14px;
  }
  
  .section-title {
      font-size: 14px;
  }
  
  .product-description {
      font-size: 12px;
  }
  
  .add-to-cart-btn, .mobile-cart-checkout {
      padding: 10px;
      font-size: 14px;
  }
}

        /* Card Container */
        .account-card {
            background-color: #ffffff;
            border-radius: 16px;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
            width: 100%;
            max-width: 380px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .account-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
        }

        /* Card Header */
        .card-header {
            background: linear-gradient(135deg, #6366f1, #8b5cf6);
            color: white;
            padding: 20px 24px;
            position: relative;
        }

        .card-title {
            font-size: 18px;
            font-weight: 600;
            display: flex;
            align-items: center;
        }

        .card-title::before {
            content: '';
            display: inline-block;
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 10px;
        }

        /* User Info Container */
        .user-info {
            display: flex;
            align-items: center;
            padding: 24px;
            padding-top: 0;
            position: relative;
        }

        .user-info::after {
            content: '';
            position: absolute;
            left: 24px;
            right: 24px;
            bottom: 0;
            height: 1px;
            background-color: #e5e7eb;
        }

        /* Avatar */
        .avatar {
            flex-shrink: 0;
            position: relative;
        }

        .avatar-img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            border: 3px solid white;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .avatar::after {
            content: '';
            position: absolute;
            bottom: 5px;
            right: 5px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #10b981;
            border: 2px solid white;
        }

        .avatar-img:hover {
            transform: scale(1.05);
        }

        /* User Details */
        .user-details {
            margin-left: 20px;
            flex-grow: 1;
        }

        .name {
            font-size: 20px;
            font-weight: 600;
            color: #1f2937;
            margin-bottom: 4px;
        }

        .username {
            font-size: 14px;
            color: #6b7280;
            display: flex;
            align-items: center;
        }

        /* Stats Section */
        .user-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            padding: 16px 0;
        }

        .stat-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px;
        }

        .stat-value {
            font-size: 18px;
            font-weight: 600;
            color: #4f46e5;
        }

        .stat-label {
            font-size: 12px;
            color: #6b7280;
            margin-top: 4px;
        }

        /* Card Footer */
        .card-footer {
            padding: 16px 24px;
            display: flex;
            justify-content: flex-end;
            background-color: #f9fafb;
        }

        .edit-profile-btn {
            background-color: #4f46e5;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 8px 16px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            display: flex;
            align-items: center;
            transition: background-color 0.2s ease;
        }

        .edit-profile-btn:hover {
            background-color: #4338ca;
        }

        .edit-profile-btn::before {
            content: '';
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E");
            background-size: contain;
            background-repeat: no-repeat;
            margin-right: 6px;
        }

        /* Responsive */
        @media (max-width: 480px) {
            .account-card {
                max-width: 100%;
            }

            .user-info {
                flex-direction: column;
                text-align: center;
            }

            .user-details {
                margin-left: 0;
                margin-top: 16px;
            }

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

.list-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
    margin: 0px -8px;
}
 .list-card .item {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #eee;
  cursor: pointer;
  /* margin: 5px; */
  padding: 15px 5px;
  text-align: center;
  width: 155px;
  border-radius: 5px;
}
.list-card .item img {
  width: 70%;
}
.list-card .item.selected {
  border-color: #face15;
}

.css-z0quxv .input {
  margin: 5px 0;
  /* padding: 5px; */
}
.css-z0quxv .input input {
  border: 2px solid #eee;
  box-sizing: border-box;
  font-size: 12px;
  padding: 8px;
  width: 100%;
  border-radius: 5px;
}

.loadingContainer .loading {
  background-image: url("https://shop.vnggames.com/loading.png");
}
.loadingContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.loadingContainer .loading {
  position: fixed;
  inset: 0px;
  background-color: rgba(255, 255, 255, 0.4);
  background-repeat: no-repeat;
  background-position: center 30px;
  background-size: 50px;
  margin: auto;
  padding-top: 65px;
  text-align: center;
  animation: 1s linear 0s infinite normal none running waving;
  width: 100px;
  height: 100px;
  z-index: 1000;
  border-radius: 50%;
}
.loadingContainer .loading > div {
  background: #fff;
  width: 7px;
  height: 7px;
  border-radius: 8px;
  margin: 0 4px;
  opacity: 0;
  display: inline-block;
  animation: blink 1s infinite;
}
.loadingContainer .loading > div:nth-child(2) {
  animation-delay: 0.2s;
}
.loadingContainer .loading > div:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes waving {
  0% {
    box-shadow: rgba(255, 255, 255, 1) 0 0 0px 0px,
      rgba(255, 255, 255, 1) 0 0 0px 0px,
      rgba(255, 255, 255, 1) 0 0 0px 0px;
  }
  17% {
    box-shadow: rgba(255, 255, 255, 1) 0 0 0px 5px,
      rgba(255, 255, 255, 1) 0 0 0px 0px,
      rgba(255, 255, 255, 1) 0 0 0px 0px;
  }
  34% {
    box-shadow: rgba(255, 255, 255, 0.5) 0 0 0px 10px,
      rgba(255, 255, 255, 1) 0 0 0px 5px,
      rgba(255, 255, 255, 1) 0 0 0px 0px;
  }
  51% {
    box-shadow: rgba(255, 255, 255, 0.25) 0 0 0px 15px,
      rgba(255, 255, 255, 0.5) 0 0 0px 10px,
      rgba(255, 255, 255, 1) 0 0 0px 5px;
  }
  68% {
    box-shadow: rgba(255, 255, 255, 0) 0 0 0px 15px,
      rgba(255, 255, 255, 0.25) 0 0 0px 15px,
      rgba(255, 255, 255, 0.5) 0 0 0px 10px;
  }
  85% {
    box-shadow: rgba(255, 255, 255, 0) 0 0 0px 15px,
      rgba(255, 255, 255, 0) 0 0 0px 15px,
      rgba(255, 255, 255, 0.25) 0 0 0px 15px;
  }
  100% {
    box-shadow: rgba(255, 255, 255, 0) 0 0 0px 15px,
      rgba(255, 255, 255, 0) 0 0 0px 15px,
      rgba(255, 255, 255, 0) 0 0 0px 15px;
  }
}

@keyframes blink {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.box-loading:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

.box-loading {
  width: 300px;
  height: 300px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
}

.box-loading.disapear {
  animation: disapear 1s 1;
}

.box-loading.disapear:before {
  display: none;
}

.box-loading.disapear .logo-load {
  opacity: 0;
  transition: 0.3s;
}

@keyframes disapear {
  from {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }

  to {
    transform: scale(10);
    opacity: 0;
    visibility: hidden;
  }
}

.box-loading .inner {
  width: 80%;
  height: 80%;
  background: rgba(226, 105, 0, 0.7);
  position: absolute;
  left: 10%;
  top: 10%;
  border-radius: 45%;
  animation: spinning 1.5s infinite linear;
}

.box-loading .inner:last-child {
  animation-delay: 0.3s;
  height: 76%;
  background: rgba(226, 141, 0, 0.77);
}

@keyframes spinning {
  from {
    transform: rotate(0deg) skewX(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) skewX(5deg) scale(0.9);
  }

  to {
    transform: rotate(360deg) skewX(0deg) scale(1);
  }
}

.logo-load {
  width: 140px;
  height: 65px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.logo-load img {
  width: 100%;
  /* transform: scale(1.2); */
  max-width: 70px;
  margin: auto;
  display: block;
}

.logo-load p {
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.logo-load p span {
  letter-spacing: 1px;
  width: 3px;
  display: inline-block;
  overflow: hidden;
  animation: showdot 1s steps(3, end) infinite;
  position: relative;
  top: 3px;
}

@keyframes showdot {
  from {
    width: 3px;
  }

  50% {
    width: 7px;
  }

  to {
    width: 11px;
  }
}

@media (max-width: 480px) {
  .box-loading {
    width: 200px;
    height: 200px;
  }

  .logo-load {
    width: 100px;
  }
}