:root {
      --color-brand-50: oklch(0.8626 0.1197 153.44);
--brand-50: 139 67% 74%;
--color-brand-100: oklch(0.8238 0.119 153.41);
--brand-100: 139 55% 69%;
--color-brand-200: oklch(0.747 0.1196 153.34);
--brand-200: 140 42% 59%;
--color-brand-300: oklch(0.669 0.1191 153.52);
--brand-300: 141 34% 50%;
--color-brand-400: oklch(0.5923 0.1184 153.62);
--brand-400: 143 43% 40%;
--color-brand-500: oklch(0.5137 0.1175 153.57);
--brand-500: 146 61% 30%;
--color-brand-600: oklch(0.4379 0.1138 152.55);
--brand-600: 150 100% 19%;
--color-brand-700: oklch(0.3671 0.1026 149.4);
--brand-700: 143 100% 15%;
--color-brand-800: oklch(0.2928 0.0916 145.18);
--brand-800: 130 100% 11%;
--color-brand-900: oklch(0.2292 0.078 142.5);
--brand-900: 120 100% 7%;
--color-brand: oklch(0.5137 0.1175 153.57);
--brand: 146 61% 30%;
--color-brand-secondary-50: oklch(0.9405 0.0921 159.72);
--brand-secondary-50: 147 100% 85%;
--color-brand-secondary-100: oklch(0.9307 0.1114 156.71);
--brand-secondary-100: 143 100% 83%;
--color-brand-secondary-200: oklch(0.9037 0.1443 152.94);
--brand-secondary-200: 139 93% 77%;
--color-brand-secondary-300: oklch(0.8264 0.1439 153.09);
--brand-secondary-300: 140 64% 67%;
--color-brand-secondary-400: oklch(0.7478 0.1431 153.07);
--brand-secondary-400: 141 49% 57%;
--color-brand-secondary-500: oklch(0.6705 0.1425 153.08);
--brand-secondary-500: 143 47% 46%;
--color-brand-secondary-600: oklch(0.5944 0.142 153.15);
--brand-secondary-600: 147 66% 35%;
--color-brand-secondary-700: oklch(0.5194 0.1371 151.86);
--brand-secondary-700: 150 100% 25%;
--color-brand-secondary-800: oklch(0.4457 0.1246 149.37);
--brand-secondary-800: 145 100% 20%;
--color-brand-secondary-900: oklch(0.3753 0.1145 146.05);
--brand-secondary-900: 136 100% 16%;
--color-brand-secondary: oklch(0.6705 0.1425 153.08);
--brand-secondary: 143 47% 46%;
--color-error-50: oklch(0.817 0.1036 31.13);
--error-50: 10 100% 80%;
--color-error-100: oklch(0.7925 0.12 29.37);
--error-100: 8 100% 78%;
--color-error-200: oklch(0.7485 0.1519 27.5);
--error-200: 6 100% 73%;
--color-error-300: oklch(0.7084 0.1838 26.63);
--error-300: 4 100% 69%;
--color-error-400: oklch(0.6462 0.1921 26.21);
--error-400: 2 81% 61%;
--color-error-500: oklch(0.5677 0.1901 25.67);
--error-500: 0 61% 51%;
--color-error-600: oklch(0.4908 0.1881 24.9);
--error-600: 355 79% 39%;
--color-error-700: oklch(0.4257 0.1731 26.29);
--error-700: 354 100% 30%;
--color-error-800: oklch(0.366 0.1502 29.23);
--error-800: 0 100% 24%;
--color-error-900: oklch(0.3116 0.1279 29.23);
--error-900: 0 100% 19%;
--color-error: oklch(0.5677 0.1901 25.67);
--error: 0 61% 51%;
--color-neutral-50: oklch(0.7915 0.0349 259.41);
--neutral-50: 217 29% 75%;
--color-neutral-100: oklch(0.7531 0.0341 258.37);
--neutral-100: 216 23% 70%;
--color-neutral-200: oklch(0.6756 0.035 258.37);
--neutral-200: 216 18% 61%;
--color-neutral-300: oklch(0.5967 0.0356 259.99);
--neutral-300: 217 14% 52%;
--color-neutral-400: oklch(0.5209 0.0355 258.92);
--neutral-400: 216 15% 43%;
--color-neutral-500: oklch(0.4422 0.0355 257.79);
--neutral-500: 216 18% 34%;
--color-neutral-600: oklch(0.3639 0.0357 256.6);
--neutral-600: 215 24% 26%;
--color-neutral-700: oklch(0.286 0.0378 256.64);
--neutral-700: 215 34% 18%;
--color-neutral-800: oklch(0.2093 0.0381 251.48);
--neutral-800: 211 61% 10%;
--color-neutral-900: oklch(0.0925 0.0641 264.05);
--neutral-900: 240 100% 5%;
--color-neutral: oklch(0.4422 0.0355 257.79);
--neutral: 216 18% 34%;
--color-input-50: oklch(0.9001 0.0232 266.9);
--input-50: 222 40% 89%;
--color-input-100: oklch(0.8622 0.0225 263.18);
--input-100: 219 28% 84%;
--color-input-200: oklch(0.7842 0.0231 263.17);
--input-200: 219 17% 74%;
--color-input-300: oklch(0.705 0.0233 265.7);
--input-300: 221 12% 64%;
--color-input-400: oklch(0.629 0.0226 264.4);
--input-400: 220 9% 55%;
--color-input-500: oklch(0.551 0.0234 264.36);
--input-500: 220 9% 46%;
--color-input-600: oklch(0.4734 0.0228 262.9);
--input-600: 219 11% 37%;
--color-input-700: oklch(0.3967 0.0239 262.84);
--input-700: 219 14% 29%;
--color-input-800: oklch(0.3196 0.0236 261.18);
--input-800: 218 18% 21%;
--color-input-900: oklch(0.2418 0.0235 259.32);
--input-900: 217 26% 13%;
--color-input: oklch(0.551 0.0234 264.36);
--input: 220 9% 46%;
--color-input-secondary-50: oklch(1 0 0);
--input-secondary-50: 0 0% 100%;
--color-input-secondary-100: oklch(1 0 0);
--input-secondary-100: 0 0% 100%;
--color-input-secondary-200: oklch(0.9469 0.0195 260.17);
--input-secondary-200: 217 72% 94%;
--color-input-secondary-300: oklch(0.8685 0.0195 263);
--input-secondary-300: 219 25% 84%;
--color-input-secondary-400: oklch(0.7906 0.02 262.99);
--input-secondary-400: 219 15% 75%;
--color-input-secondary-500: oklch(0.7137 0.0192 261.32);
--input-secondary-500: 218 11% 65%;
--color-input-secondary-600: oklch(0.6349 0.0198 261.32);
--input-secondary-600: 218 8% 55%;
--color-input-secondary-700: oklch(0.558 0.0199 264.4);
--input-secondary-700: 220 8% 47%;
--color-input-secondary-800: oklch(0.4806 0.0192 262.68);
--input-secondary-800: 219 9% 38%;
--color-input-secondary-900: oklch(0.4037 0.0186 260.69);
--input-secondary-900: 218 11% 29%;
--color-input-secondary: oklch(0.7137 0.0192 261.32);
--input-secondary: 218 11% 65%;
--color-background-secondary-50: oklch(1 0 0);
--background-secondary-50: 0 0% 100%;
--color-background-secondary-100: oklch(1 0 0);
--background-secondary-100: 0 0% 100%;
--color-background-secondary-200: oklch(1 0 0);
--background-secondary-200: 0 0% 100%;
--color-background-secondary-300: oklch(1 0 0);
--background-secondary-300: 0 0% 100%;
--color-background-secondary-400: oklch(1 0 0);
--background-secondary-400: 0 0% 100%;
--color-background-secondary-500: oklch(0.9659 0.0169 145.44);
--background-secondary-500: 120 38% 95%;
--color-background-secondary-600: oklch(0.8881 0.0155 145.44);
--background-secondary-600: 120 12% 85%;
--color-background-secondary-700: oklch(0.8107 0.0159 145.43);
--background-secondary-700: 120 7% 75%;
--color-background-secondary-800: oklch(0.7335 0.0181 145.39);
--background-secondary-800: 120 6% 65%;
--color-background-secondary-900: oklch(0.6565 0.0167 145.38);
--background-secondary-900: 120 4% 56%;
--color-background-secondary: oklch(0.9659 0.0169 145.44);
--background-secondary: 120 38% 95%;
--color-ring-50: oklch(0.8626 0.1197 153.44);
--ring-50: 139 67% 74%;
--color-ring-100: oklch(0.8238 0.119 153.41);
--ring-100: 139 55% 69%;
--color-ring-200: oklch(0.747 0.1196 153.34);
--ring-200: 140 42% 59%;
--color-ring-300: oklch(0.669 0.1191 153.52);
--ring-300: 141 34% 50%;
--color-ring-400: oklch(0.5923 0.1184 153.62);
--ring-400: 143 43% 40%;
--color-ring-500: oklch(0.5137 0.1175 153.57);
--ring-500: 146 61% 30%;
--color-ring-600: oklch(0.4379 0.1138 152.55);
--ring-600: 150 100% 19%;
--color-ring-700: oklch(0.3671 0.1026 149.4);
--ring-700: 143 100% 15%;
--color-ring-800: oklch(0.2928 0.0916 145.18);
--ring-800: 130 100% 11%;
--color-ring-900: oklch(0.2292 0.078 142.5);
--ring-900: 120 100% 7%;
--color-ring: oklch(0.5137 0.1175 153.57);
--ring: 146 61% 30%;
--color-input-foreground-50: oklch(0.6277 0.0282 261.11);
--input-foreground-50: 218 12% 55%;
--color-input-foreground-100: oklch(0.5873 0.0287 261.1);
--input-foreground-100: 218 11% 50%;
--color-input-foreground-200: oklch(0.5111 0.0283 259.79);
--input-foreground-200: 217 12% 42%;
--color-input-foreground-300: oklch(0.4324 0.0295 259.77);
--input-foreground-300: 217 15% 33%;
--color-input-foreground-400: oklch(0.3568 0.0278 256.82);
--input-foreground-400: 215 19% 25%;
--color-input-foreground-500: oklch(0.2781 0.0296 256.85);
--input-foreground-500: 215 28% 17%;
--color-input-foreground-600: oklch(0.2013 0.0308 253.33);
--input-foreground-600: 213 50% 9%;
--color-input-foreground-700: oklch(0.0803 0.0556 264.05);
--input-foreground-700: 240 100% 3%;
--color-input-foreground-800: oklch(0 0 0);
--input-foreground-800: 0 0% 0%;
--color-input-foreground-900: oklch(0 0 0);
--input-foreground-900: 0 0% 0%;
--color-input-foreground: oklch(0.2781 0.0296 256.85);
--input-foreground: 215 28% 17%;
--color-input-secondary-foreground-50: oklch(0.7226 0.0303 261.45);
--input-secondary-foreground-50: 218 18% 67%;
--color-input-secondary-foreground-100: oklch(0.6834 0.0294 260.3);
--input-secondary-foreground-100: 217 15% 62%;
--color-input-secondary-foreground-200: oklch(0.6046 0.0298 262.27);
--input-secondary-foreground-200: 219 12% 53%;
--color-input-secondary-foreground-300: oklch(0.529 0.0294 261.08);
--input-secondary-foreground-300: 218 12% 44%;
--color-input-secondary-foreground-400: oklch(0.451 0.0307 261.03);
--input-secondary-foreground-400: 218 15% 35%;
--color-input-secondary-foreground-500: oklch(0.3729 0.0306 259.73);
--input-secondary-foreground-500: 217 19% 27%;
--color-input-secondary-foreground-600: oklch(0.2947 0.0308 258.33);
--input-secondary-foreground-600: 216 26% 19%;
--color-input-secondary-foreground-700: oklch(0.2191 0.0319 254.89);
--input-secondary-foreground-700: 214 44% 11%;
--color-input-secondary-foreground-800: oklch(0.1059 0.0552 263.31);
--input-secondary-foreground-800: 235 100% 5%;
--color-input-secondary-foreground-900: oklch(0 0 0);
--input-secondary-foreground-900: 0 0% 0%;
--color-input-secondary-foreground: oklch(0.3729 0.0306 259.73);
--input-secondary-foreground: 217 19% 27%;
--radius: 0.5rem;
--button-radius: 0.75rem;
--custom-font: "Poppins";
--font-header: "Poppins";
--color-avatar-background-50: oklch(1 0 0);
--avatar-background-50: 0 0% 100%;
--color-avatar-background-100: oklch(1 0 0);
--avatar-background-100: 0 0% 100%;
--color-avatar-background-200: oklch(1 0 0);
--avatar-background-200: 0 0% 100%;
--color-avatar-background-300: oklch(0.9868 0.0218 145.41);
--avatar-background-300: 120 100% 97%;
--color-avatar-background-400: oklch(0.9414 0.0491 145.17);
--avatar-background-400: 120 59% 90%;
--color-avatar-background-500: oklch(0.8632 0.0484 145.14);
--avatar-background-500: 120 28% 80%;
--color-avatar-background-600: oklch(0.7856 0.0485 146.05);
--avatar-background-600: 122 19% 71%;
--color-avatar-background-700: oklch(0.7076 0.0472 145.06);
--avatar-background-700: 120 13% 61%;
--color-avatar-background-800: oklch(0.6292 0.0474 146);
--avatar-background-800: 122 11% 52%;
--color-avatar-background-900: oklch(0.5523 0.0481 144.89);
--avatar-background-900: 120 11% 43%;
--color-avatar-background: oklch(0.8632 0.0484 145.14);
--avatar-background: 120 28% 80%;
--redirect-url: "test.com";
--color-redirect-label-50: oklch(0.9842 0.0034 247.86);
--redirect-label-50: 210 40% 98%;
--color-redirect-label-100: oklch(0.9683 0.0069 247.9);
--redirect-label-100: 210 40% 96%;
--color-redirect-label-200: oklch(0.9288 0.0126 255.51);
--redirect-label-200: 214 32% 91%;
--color-redirect-label-300: oklch(0.869 0.0198 252.89);
--redirect-label-300: 213 27% 84%;
--color-redirect-label-400: oklch(0.7107 0.0351 256.79);
--redirect-label-400: 215 20% 65%;
--color-redirect-label-500: oklch(0.5544 0.0407 257.42);
--redirect-label-500: 215 16% 47%;
--color-redirect-label-600: oklch(0.4455 0.0374 257.28);
--redirect-label-600: 215 19% 35%;
--color-redirect-label-700: oklch(0.3717 0.0392 257.29);
--redirect-label-700: 215 25% 27%;
--color-redirect-label-800: oklch(0.2795 0.0368 260.03);
--redirect-label-800: 217 33% 17%;
--color-redirect-label-900: oklch(0.2077 0.0398 265.75);
--redirect-label-900: 222 47% 11%;
--color-redirect-label-950: oklch(0.1288 0.0406 264.7);
--redirect-label-950: 229 84% 5%;
--color-redirect-label: oklch(0.9842 0.0034 247.86);
--redirect-label: 210 40% 98%;
--color-logo-50: oklch(0.9842 0.0034 247.86);
--logo-50: 210 40% 98%;
--color-logo-100: oklch(0.9683 0.0069 247.9);
--logo-100: 210 40% 96%;
--color-logo-200: oklch(0.9288 0.0126 255.51);
--logo-200: 214 32% 91%;
--color-logo-300: oklch(0.869 0.0198 252.89);
--logo-300: 213 27% 84%;
--color-logo-400: oklch(0.7107 0.0351 256.79);
--logo-400: 215 20% 65%;
--color-logo-500: oklch(0.5544 0.0407 257.42);
--logo-500: 215 16% 47%;
--color-logo-600: oklch(0.4455 0.0374 257.28);
--logo-600: 215 19% 35%;
--color-logo-700: oklch(0.3717 0.0392 257.29);
--logo-700: 215 25% 27%;
--color-logo-800: oklch(0.2795 0.0368 260.03);
--logo-800: 217 33% 17%;
--color-logo-900: oklch(0.2077 0.0398 265.75);
--logo-900: 222 47% 11%;
--color-logo-950: oklch(0.1288 0.0406 264.7);
--logo-950: 229 84% 5%;
--color-logo: oklch(0.9842 0.0034 247.86);
--logo: 210 40% 98%;
--color-icon-50: oklch(0.9842 0.0034 247.86);
--icon-50: 210 40% 98%;
--color-icon-100: oklch(0.9683 0.0069 247.9);
--icon-100: 210 40% 96%;
--color-icon-200: oklch(0.9288 0.0126 255.51);
--icon-200: 214 32% 91%;
--color-icon-300: oklch(0.869 0.0198 252.89);
--icon-300: 213 27% 84%;
--color-icon-400: oklch(0.7107 0.0351 256.79);
--icon-400: 215 20% 65%;
--color-icon-500: oklch(0.5544 0.0407 257.42);
--icon-500: 215 16% 47%;
--color-icon-600: oklch(0.4455 0.0374 257.28);
--icon-600: 215 19% 35%;
--color-icon-700: oklch(0.3717 0.0392 257.29);
--icon-700: 215 25% 27%;
--color-icon-800: oklch(0.2795 0.0368 260.03);
--icon-800: 217 33% 17%;
--color-icon-900: oklch(0.2077 0.0398 265.75);
--icon-900: 222 47% 11%;
--color-icon-950: oklch(0.1288 0.0406 264.7);
--icon-950: 229 84% 5%;
--color-icon: oklch(0.9842 0.0034 247.86);
--icon: 210 40% 98%;
--color-ui-scale-50: oklch(0.9842 0.0034 247.86);
--ui-scale-50: 210 40% 98%;
--color-ui-scale-100: oklch(0.9683 0.0069 247.9);
--ui-scale-100: 210 40% 96%;
--color-ui-scale-200: oklch(0.9288 0.0126 255.51);
--ui-scale-200: 214 32% 91%;
--color-ui-scale-300: oklch(0.869 0.0198 252.89);
--ui-scale-300: 213 27% 84%;
--color-ui-scale-400: oklch(0.7107 0.0351 256.79);
--ui-scale-400: 215 20% 65%;
--color-ui-scale-500: oklch(0.5544 0.0407 257.42);
--ui-scale-500: 215 16% 47%;
--color-ui-scale-600: oklch(0.4455 0.0374 257.28);
--ui-scale-600: 215 19% 35%;
--color-ui-scale-700: oklch(0.3717 0.0392 257.29);
--ui-scale-700: 215 25% 27%;
--color-ui-scale-800: oklch(0.2795 0.0368 260.03);
--ui-scale-800: 217 33% 17%;
--color-ui-scale-900: oklch(0.2077 0.0398 265.75);
--ui-scale-900: 222 47% 11%;
--color-ui-scale-950: oklch(0.1288 0.0406 264.7);
--ui-scale-950: 229 84% 5%;
--color-ui-scale: oklch(0.9842 0.0034 247.86);
--ui-scale: 210 40% 98%;
    }