react-vite-themes/dist/index.css

A test/experimental React theme system created for learning purposes. Features atomic design components, SCSS variables, and dark/light theme support. Not intended for production use.

[data-theme=light]{--color-background: rgb(230.2170212766, 231.5723404255, 234.2829787234);--color-surface: rgb(216.3276595745, 218.4425531915, 222.6723404255);--color-text-primary: rgb(14.114893617, 15.0382978723, 16.885106383);--color-text-secondary: rgb(83.7787234043, 89.2595744681, 100.2212765957);--color-text-muted: rgb(132.9914893617, 139.6638297872, 153.0085106383);--color-border: rgb(188.5489361702, 192.1829787234, 199.4510638298);--color-body-card: rgb(244.1063829787, 244.7021276596, 245.8936170213);--color-background-opposite: rgb(14.114893617, 15.0382978723, 16.885106383);--color-text-opposite: rgb(230.2170212766, 231.5723404255, 234.2829787234);--color-shadow: #000000;--color-shadow-rgb: 0, 0, 0;--color-primary: rgba(107, 43, 203, 0.9254901961);--color-primary-rgb: 107, 43, 203;--color-secondary: #d57d1e;--color-secondary-rgb: 213, 125, 30;--color-neutral: #6b7280;--color-neutral-rgb: 107, 114, 128;--color-white: #ffffff;--color-white-rgb: 255, 255, 255;--color-light: #e5e6e9;--color-light-rgb: 229, 230, 233;--color-dark: #272727;--color-dark-rgb: 39, 39, 39;--color-black: #000000;--color-black-rgb: 0, 0, 0;--color-success: #10b981;--color-success-rgb: 16, 185, 129;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #3b82f6;--color-info-rgb: 59, 130, 246;--color-custom: #cb23b7;--color-custom-rgb: 203, 35, 183;--color-primary-50: rgba(235.506097561, 226.5304878049, 248.9695121951, 0.9254901961);--color-primary-50-rgb: 236, 227, 249;--color-primary-100: rgba(221.0975609756, 205.487804878, 244.512195122, 0.9254901961);--color-primary-100-rgb: 221, 205, 245;--color-primary-200: rgba(192.2804878049, 163.4024390244, 235.5975609756, 0.9254901961);--color-primary-200-rgb: 192, 163, 236;--color-primary-300: rgba(163.4634146341, 121.3170731707, 226.6829268293, 0.9254901961);--color-primary-300-rgb: 163, 121, 227;--color-primary-400: rgba(134.6463414634, 79.2317073171, 217.7682926829, 0.9254901961);--color-primary-400-rgb: 135, 79, 218;--color-primary-500: rgba(107, 43, 203, 0.9254901961);--color-primary-500-rgb: 107, 43, 203;--color-primary-600: rgba(84.8170731707, 34.0853658537, 160.9146341463, 0.9254901961);--color-primary-600-rgb: 85, 34, 161;--color-primary-700: rgba(62.6341463415, 25.1707317073, 118.8292682927, 0.9254901961);--color-primary-700-rgb: 63, 25, 119;--color-primary-800: rgba(40.4512195122, 16.256097561, 76.743902439, 0.9254901961);--color-primary-800-rgb: 40, 16, 77;--color-primary-900: rgba(18.2682926829, 7.3414634146, 34.6585365854, 0.9254901961);--color-primary-900-rgb: 18, 7, 35;--color-primary-950: rgba(7.1768292683, 2.8841463415, 13.6158536585, 0.9254901961);--color-primary-950-rgb: 7, 3, 14;--color-secondary-50: rgb(250.3703703704, 236.7901234568, 222.1296296296);--color-secondary-50-rgb: 250, 237, 222;--color-secondary-100: rgb(247.2222222222, 224.4074074074, 199.7777777778);--color-secondary-100-rgb: 247, 224, 200;--color-secondary-200: rgb(240.9259259259, 199.6419753086, 155.0740740741);--color-secondary-200-rgb: 241, 200, 155;--color-secondary-300: rgb(234.6296296296, 174.8765432099, 110.3703703704);--color-secondary-300-rgb: 235, 175, 110;--color-secondary-400: rgb(228.3333333333, 150.1111111111, 65.6666666667);--color-secondary-400-rgb: 228, 150, 66;--color-secondary-500: #d57d1e;--color-secondary-500-rgb: 213, 125, 30;--color-secondary-600: rgb(168.2962962963, 98.7654320988, 23.7037037037);--color-secondary-600-rgb: 168, 99, 24;--color-secondary-700: rgb(123.5925925926, 72.5308641975, 17.4074074074);--color-secondary-700-rgb: 124, 73, 17;--color-secondary-800: rgb(78.8888888889, 46.2962962963, 11.1111111111);--color-secondary-800-rgb: 79, 46, 11;--color-secondary-900: rgb(34.1851851852, 20.0617283951, 4.8148148148);--color-secondary-900-rgb: 34, 20, 5;--color-secondary-950: rgb(11.8333333333, 6.9444444444, 1.6666666667);--color-secondary-950-rgb: 12, 7, 2;--color-neutral-50: rgb(230.2170212766, 231.5723404255, 234.2829787234);--color-neutral-50-rgb: 230, 232, 234;--color-neutral-100: rgb(216.3276595745, 218.4425531915, 222.6723404255);--color-neutral-100-rgb: 216, 218, 223;--color-neutral-200: rgb(188.5489361702, 192.1829787234, 199.4510638298);--color-neutral-200-rgb: 189, 192, 199;--color-neutral-300: rgb(160.770212766, 165.9234042553, 176.229787234);--color-neutral-300-rgb: 161, 166, 176;--color-neutral-400: rgb(132.9914893617, 139.6638297872, 153.0085106383);--color-neutral-400-rgb: 133, 140, 153;--color-neutral-500: #6b7280;--color-neutral-500-rgb: 107, 114, 128;--color-neutral-600: rgb(83.7787234043, 89.2595744681, 100.2212765957);--color-neutral-600-rgb: 84, 89, 100;--color-neutral-700: rgb(60.5574468085, 64.5191489362, 72.4425531915);--color-neutral-700-rgb: 61, 65, 72;--color-neutral-800: rgb(37.3361702128, 39.7787234043, 44.6638297872);--color-neutral-800-rgb: 37, 40, 45;--color-neutral-900: rgb(14.114893617, 15.0382978723, 16.885106383);--color-neutral-900-rgb: 14, 15, 17;--color-neutral-950: rgb(2.5042553191, 2.6680851064, 2.9957446809);--color-neutral-950-rgb: 3, 3, 3;--color-white-50: white;--color-white-50-rgb: 255, 255, 255;--color-white-100: white;--color-white-100-rgb: 255, 255, 255;--color-white-200: white;--color-white-200-rgb: 255, 255, 255;--color-white-300: white;--color-white-300-rgb: 255, 255, 255;--color-white-400: white;--color-white-400-rgb: 255, 255, 255;--color-white-500: #ffffff;--color-white-500-rgb: 255, 255, 255;--color-white-600: rgb(229.5, 229.5, 229.5);--color-white-600-rgb: 230, 230, 230;--color-white-700: #cccccc;--color-white-700-rgb: 204, 204, 204;--color-white-800: rgb(178.5, 178.5, 178.5);--color-white-800-rgb: 179, 179, 179;--color-white-900: #999999;--color-white-900-rgb: 153, 153, 153;--color-white-950: rgb(140.25, 140.25, 140.25);--color-white-950-rgb: 140, 140, 140;--color-light-50: white;--color-light-50-rgb: 255, 255, 255;--color-light-100: white;--color-light-100-rgb: 255, 255, 255;--color-light-200: white;--color-light-200-rgb: 255, 255, 255;--color-light-300: white;--color-light-300-rgb: 255, 255, 255;--color-light-400: white;--color-light-400-rgb: 255, 255, 255;--color-light-500: #e5e6e9;--color-light-500-rgb: 229, 230, 233;--color-light-600: rgb(201.375, 203.4375, 209.625);--color-light-600-rgb: 201, 203, 210;--color-light-700: rgb(173.75, 176.875, 186.25);--color-light-700-rgb: 174, 177, 186;--color-light-800: rgb(146.125, 150.3125, 162.875);--color-light-800-rgb: 146, 150, 163;--color-light-900: rgb(118.5, 123.75, 139.5);--color-light-900-rgb: 119, 124, 139;--color-light-950: rgb(106.5625, 111.40625, 125.9375);--color-light-950-rgb: 107, 111, 126;--color-dark-50: rgb(153.75, 153.75, 153.75);--color-dark-50-rgb: 154, 154, 154;--color-dark-100: #8d8d8d;--color-dark-100-rgb: 141, 141, 141;--color-dark-200: rgb(115.5, 115.5, 115.5);--color-dark-200-rgb: 116, 116, 116;--color-dark-300: #5a5a5a;--color-dark-300-rgb: 90, 90, 90;--color-dark-400: rgb(64.5, 64.5, 64.5);--color-dark-400-rgb: 65, 65, 65;--color-dark-500: #272727;--color-dark-500-rgb: 39, 39, 39;--color-dark-600: rgb(13.5, 13.5, 13.5);--color-dark-600-rgb: 14, 14, 14;--color-dark-700: black;--color-dark-700-rgb: 0, 0, 0;--color-dark-800: black;--color-dark-800-rgb: 0, 0, 0;--color-dark-900: black;--color-dark-900-rgb: 0, 0, 0;--color-dark-950: black;--color-dark-950-rgb: 0, 0, 0;--color-black-50: rgb(114.75, 114.75, 114.75);--color-black-50-rgb: 115, 115, 115;--color-black-100: #666666;--color-black-100-rgb: 102, 102, 102;--color-black-200: rgb(76.5, 76.5, 76.5);--color-black-200-rgb: 77, 77, 77;--color-black-300: #333333;--color-black-300-rgb: 51, 51, 51;--color-black-400: rgb(25.5, 25.5, 25.5);--color-black-400-rgb: 26, 26, 26;--color-black-500: #000000;--color-black-500-rgb: 0, 0, 0;--color-black-600: black;--color-black-600-rgb: 0, 0, 0;--color-black-700: black;--color-black-700-rgb: 0, 0, 0;--color-black-800: black;--color-black-800-rgb: 0, 0, 0;--color-black-900: black;--color-black-900-rgb: 0, 0, 0;--color-black-950: black;--color-black-950-rgb: 0, 0, 0;--color-success-50: rgb(181.828358209, 248.671641791, 226.5223880597);--color-success-50-rgb: 182, 249, 227;--color-success-100: rgb(158.3582089552, 246.6417910448, 217.3880597015);--color-success-100-rgb: 158, 247, 217;--color-success-200: rgb(111.4179104478, 242.5820895522, 199.1194029851);--color-success-200-rgb: 111, 243, 199;--color-success-300: rgb(64.4776119403, 238.5223880597, 180.8507462687);--color-success-300-rgb: 64, 239, 181;--color-success-400: rgb(20.0597014925, 231.9402985075, 161.7313432836);--color-success-400-rgb: 20, 232, 162;--color-success-500: #10b981;--color-success-500-rgb: 16, 185, 129;--color-success-600: rgb(11.9402985075, 138.0597014925, 96.2686567164);--color-success-600-rgb: 12, 138, 96;--color-success-700: rgb(7.8805970149, 91.1194029851, 63.5373134328);--color-success-700-rgb: 8, 91, 64;--color-success-800: rgb(3.8208955224, 44.1791044776, 30.8059701493);--color-success-800-rgb: 4, 44, 31;--color-success-900: black;--color-success-900-rgb: 0, 0, 0;--color-success-950: black;--color-success-950-rgb: 0, 0, 0;--color-warning-50: rgb(254.0354330709, 245.6437007874, 231.4645669291);--color-warning-50-rgb: 254, 246, 231;--color-warning-100: rgb(253.031496063, 235.905511811, 206.968503937);--color-warning-100-rgb: 253, 236, 207;--color-warning-200: rgb(251.0236220472, 216.4291338583, 157.9763779528);--color-warning-200-rgb: 251, 216, 158;--color-warning-300: rgb(249.0157480315, 196.9527559055, 108.9842519685);--color-warning-300-rgb: 249, 197, 109;--color-warning-400: rgb(247.0078740157, 177.4763779528, 59.9921259843);--color-warning-400-rgb: 247, 177, 60;--color-warning-500: #f59e0b;--color-warning-500-rgb: 245, 158, 11;--color-warning-600: rgb(196.9291338583, 126.7125984252, 8.0708661417);--color-warning-600-rgb: 197, 127, 8;--color-warning-700: rgb(147.937007874, 95.188976378, 6.062992126);--color-warning-700-rgb: 148, 95, 6;--color-warning-800: rgb(98.9448818898, 63.6653543307, 4.0551181102);--color-warning-800-rgb: 99, 64, 4;--color-warning-900: rgb(49.9527559055, 32.1417322835, 2.0472440945);--color-warning-900-rgb: 50, 32, 2;--color-warning-950: rgb(25.4566929134, 16.3799212598, 1.0433070866);--color-warning-950-rgb: 25, 16, 1;--color-error-50: white;--color-error-50-rgb: 255, 255, 255;--color-error-100: white;--color-error-100-rgb: 255, 255, 255;--color-error-200: rgb(251.0591133005, 208.9408866995, 208.9408866995);--color-error-200-rgb: 251, 209, 209;--color-error-300: rgb(247.039408867, 161.960591133, 161.960591133);--color-error-300-rgb: 247, 162, 162;--color-error-400: rgb(243.0197044335, 114.9802955665, 114.9802955665);--color-error-400-rgb: 243, 115, 115;--color-error-500: #ef4444;--color-error-500-rgb: 239, 68, 68;--color-error-600: rgb(234.9802955665, 21.0197044335, 21.0197044335);--color-error-600-rgb: 235, 21, 21;--color-error-700: rgb(188.842364532, 16.157635468, 16.157635468);--color-error-700-rgb: 189, 16, 16;--color-error-800: rgb(141.8620689655, 12.1379310345, 12.1379310345);--color-error-800-rgb: 142, 12, 12;--color-error-900: rgb(94.881773399, 8.118226601, 8.118226601);--color-error-900-rgb: 95, 8, 8;--color-error-950: rgb(71.3916256158, 6.1083743842, 6.1083743842);--color-error-950-rgb: 71, 6, 6;--color-info-50: white;--color-info-50-rgb: 255, 255, 255;--color-info-100: rgb(254.043902439, 254.3902439024, 254.956097561);--color-info-100-rgb: 254, 254, 255;--color-info-200: rgb(205.2829268293, 223.2926829268, 252.7170731707);--color-info-200-rgb: 205, 223, 253;--color-info-300: rgb(156.5219512195, 192.1951219512, 250.4780487805);--color-info-300-rgb: 157, 192, 250;--color-info-400: rgb(107.7609756098, 161.0975609756, 248.2390243902);--color-info-400-rgb: 108, 161, 248;--color-info-500: #3b82f6;--color-info-500-rgb: 59, 130, 246;--color-info-600: rgb(11.1512195122, 99.1219512195, 242.8487804878);--color-info-600-rgb: 11, 99, 243;--color-info-700: rgb(8.912195122, 79.2195121951, 194.087804878);--color-info-700-rgb: 9, 79, 194;--color-info-800: rgb(6.6731707317, 59.3170731707, 145.3268292683);--color-info-800-rgb: 7, 59, 145;--color-info-900: rgb(4.4341463415, 39.4146341463, 96.5658536585);--color-info-900-rgb: 4, 39, 97;--color-info-950: rgb(3.3146341463, 29.4634146341, 72.1853658537);--color-info-950-rgb: 3, 29, 72;--color-custom-50: rgb(248.75, 218.75, 245.1785714286);--color-custom-50-rgb: 249, 219, 245;--color-custom-100: rgb(245, 197, 239.2857142857);--color-custom-100-rgb: 245, 197, 239;--color-custom-200: rgb(237.5, 153.5, 227.5);--color-custom-200-rgb: 238, 153, 228;--color-custom-300: rgb(230, 110, 215.7142857143);--color-custom-300-rgb: 230, 110, 216;--color-custom-400: rgb(222.5, 66.5, 203.9285714286);--color-custom-400-rgb: 223, 66, 204;--color-custom-500: #cb23b7;--color-custom-500-rgb: 203, 35, 183;--color-custom-600: rgb(159.5, 27.5, 143.7857142857);--color-custom-600-rgb: 159, 28, 144;--color-custom-700: rgb(116, 20, 104.5714285714);--color-custom-700-rgb: 116, 20, 105;--color-custom-800: rgb(72.5, 12.5, 65.3571428571);--color-custom-800-rgb: 72, 12, 65;--color-custom-900: rgb(29, 5, 26.1428571429);--color-custom-900-rgb: 29, 5, 26;--color-custom-950: rgb(7.25, 1.25, 6.5357142857);--color-custom-950-rgb: 7, 1, 7;--gradient-primary: linear-gradient(to right, rgba(107, 43, 203, 0.9254901961), #d57d1e);--gradient-secondary: linear-gradient(to right, #d57d1e, rgba(107, 43, 203, 0.9254901961));--gradient-wizard: linear-gradient(135deg, rgba(107, 43, 203, 0.9254901961), #10b981);--gradient-sunset: linear-gradient(to right, #ff6b35, #f7931e);--gradient-ocean: linear-gradient(to right, #0891b2, #0ea5e9);--gradient-forest: linear-gradient(to right, #059669, #16a34a);--gradient-fire: linear-gradient(to right, #dc2626, #ea580c);--gradient-cosmic: linear-gradient(to right, #7c3aed, #ec4899);--gradient-aurora: linear-gradient(to right, #10b981, #06b6d4);--gradient-custom-gradient: linear-gradient(to right, #cb23b7, #8b5cf6);--gradient-rainbow: linear-gradient(to right, #c92121, #d9d926, #26f026, #26f0f0, #2626f0);--gradient-sunset-triple: linear-gradient(to right, #ff6b35, #f7931e, #fbbf24);--gradient-ocean-deep: linear-gradient(to right, #0891b2, #0ea5e9, #38bdf8);--gradient-forest-rich: linear-gradient(to right, #059669, #16a34a, #22c55e);--gradient-cosmic-vibrant: linear-gradient(to right, #7c3aed, #ec4899, #f97316);--gradient-rainbow-burst: radial-gradient(circle at 5% 10%, rgba(147, 51, 234, 0.9), transparent 45%), radial-gradient(circle at 45% 10%, rgba(234, 130, 51, 0.8), transparent 45%), radial-gradient(circle at 65% 10%, rgba(234, 222, 51, 0.7), transparent 45%), radial-gradient(circle at 85% 10%, rgba(43, 222, 7, 0.8), transparent 35%), radial-gradient(circle at 90% 80%, rgba(43, 241, 232, 0.7), transparent 45%), radial-gradient(circle at 60% 80%, rgba(255, 2, 242, 0.8), transparent 45%), radial-gradient(circle at 30% 80%, rgba(255, 240, 180, 0.6), transparent 45%), linear-gradient(135deg, rgba(147, 51, 234, 0.2), transparent), linear-gradient(45deg, rgba(255, 2, 242, 0.2), transparent);--alert-primary-bg: rgba(192.2804878049, 163.4024390244, 235.5975609756, 0.9254901961);--alert-primary-border: rgba(107, 43, 203, 0.9254901961);--alert-primary-text: rgba(18.2682926829, 7.3414634146, 34.6585365854, 0.9254901961);--alert-primary-icon: rgba(84.8170731707, 34.0853658537, 160.9146341463, 0.9254901961);--alert-secondary-bg: rgb(240.9259259259, 199.6419753086, 155.0740740741);--alert-secondary-border: #d57d1e;--alert-secondary-text: rgb(34.1851851852, 20.0617283951, 4.8148148148);--alert-secondary-icon: rgb(168.2962962963, 98.7654320988, 23.7037037037);--alert-neutral-bg: rgb(188.5489361702, 192.1829787234, 199.4510638298);--alert-neutral-border: #6b7280;--alert-neutral-text: rgb(14.114893617, 15.0382978723, 16.885106383);--alert-neutral-icon: rgb(83.7787234043, 89.2595744681, 100.2212765957);--alert-white-bg: white;--alert-white-border: #ffffff;--alert-white-text: #999999;--alert-white-icon: rgb(229.5, 229.5, 229.5);--alert-light-bg: white;--alert-light-border: #e5e6e9;--alert-light-text: rgb(118.5, 123.75, 139.5);--alert-light-icon: rgb(201.375, 203.4375, 209.625);--alert-dark-bg: rgb(115.5, 115.5, 115.5);--alert-dark-border: #272727;--alert-dark-text: black;--alert-dark-icon: rgb(13.5, 13.5, 13.5);--alert-black-bg: rgb(76.5, 76.5, 76.5);--alert-black-border: #000000;--alert-black-text: black;--alert-black-icon: black;--alert-success-bg: rgb(111.4179104478, 242.5820895522, 199.1194029851);--alert-success-border: #10b981;--alert-success-text: black;--alert-success-icon: rgb(11.9402985075, 138.0597014925, 96.2686567164);--alert-warning-bg: rgb(251.0236220472, 216.4291338583, 157.9763779528);--alert-warning-border: #f59e0b;--alert-warning-text: rgb(49.9527559055, 32.1417322835, 2.0472440945);--alert-warning-icon: rgb(196.9291338583, 126.7125984252, 8.0708661417);--alert-error-bg: rgb(251.0591133005, 208.9408866995, 208.9408866995);--alert-error-border: #ef4444;--alert-error-text: rgb(94.881773399, 8.118226601, 8.118226601);--alert-error-icon: rgb(234.9802955665, 21.0197044335, 21.0197044335);--alert-info-bg: rgb(205.2829268293, 223.2926829268, 252.7170731707);--alert-info-border: #3b82f6;--alert-info-text: rgb(4.4341463415, 39.4146341463, 96.5658536585);--alert-info-icon: rgb(11.1512195122, 99.1219512195, 242.8487804878);--alert-custom-bg: rgb(237.5, 153.5, 227.5);--alert-custom-border: #cb23b7;--alert-custom-text: rgb(29, 5, 26.1428571429);--alert-custom-icon: rgb(159.5, 27.5, 143.7857142857);--alert-gradient-primary-bg: linear-gradient(to right, rgba(107, 43, 203, 0.9254901961), #d57d1e);--alert-gradient-primary-border: transparent;--alert-gradient-primary-text: #ffffff;--alert-gradient-primary-icon: #ffffff;--alert-gradient-secondary-bg: linear-gradient(to right, #d57d1e, rgba(107, 43, 203, 0.9254901961));--alert-gradient-secondary-border: transparent;--alert-gradient-secondary-text: #ffffff;--alert-gradient-secondary-icon: #ffffff;--alert-gradient-wizard-bg: linear-gradient(135deg, rgba(107, 43, 203, 0.9254901961), #10b981);--alert-gradient-wizard-border: transparent;--alert-gradient-wizard-text: #ffffff;--alert-gradient-wizard-icon: #ffffff;--alert-gradient-sunset-bg: linear-gradient(to right, #ff6b35, #f7931e);--alert-gradient-sunset-border: transparent;--alert-gradient-sunset-text: #ffffff;--alert-gradient-sunset-icon: #ffffff;--alert-gradient-ocean-bg: linear-gradient(to right, #0891b2, #0ea5e9);--alert-gradient-ocean-border: transparent;--alert-gradient-ocean-text: #ffffff;--alert-gradient-ocean-icon: #ffffff;--alert-gradient-forest-bg: linear-gradient(to right, #059669, #16a34a);--alert-gradient-forest-border: transparent;--alert-gradient-forest-text: #ffffff;--alert-gradient-forest-icon: #ffffff;--alert-gradient-fire-bg: linear-gradient(to right, #dc2626, #ea580c);--alert-gradient-fire-border: transparent;--alert-gradient-fire-text: #ffffff;--alert-gradient-fire-icon: #ffffff;--alert-gradient-cosmic-bg: linear-gradient(to right, #7c3aed, #ec4899);--alert-gradient-cosmic-border: transparent;--alert-gradient-cosmic-text: #ffffff;--alert-gradient-cosmic-icon: #ffffff;--alert-gradient-aurora-bg: linear-gradient(to right, #10b981, #06b6d4);--alert-gradient-aurora-border: transparent;--alert-gradient-aurora-text: #ffffff;--alert-gradient-aurora-icon: #ffffff;--alert-gradient-custom-gradient-bg: linear-gradient(to right, #cb23b7, #8b5cf6);--alert-gradient-custom-gradient-border: transparent;--alert-gradient-custom-gradient-text: #ffffff;--alert-gradient-custom-gradient-icon: #ffffff;--alert-gradient-rainbow-bg: linear-gradient(to right, #c92121, #d9d926, #26f026, #26f0f0, #2626f0);--alert-gradient-rainbow-border: transparent;--alert-gradient-rainbow-text: #ffffff;--alert-gradient-rainbow-icon: #ffffff;--alert-gradient-sunset-triple-bg: linear-gradient(to right, #ff6b35, #f7931e, #fbbf24);--alert-gradient-sunset-triple-border: transparent;--alert-gradient-sunset-triple-text: #ffffff;--alert-gradient-sunset-triple-icon: #ffffff;--alert-gradient-ocean-deep-bg: linear-gradient(to right, #0891b2, #0ea5e9, #38bdf8);--alert-gradient-ocean-deep-border: transparent;--alert-gradient-ocean-deep-text: #ffffff;--alert-gradient-ocean-deep-icon: #ffffff;--alert-gradient-forest-rich-bg: linear-gradient(to right, #059669, #16a34a, #22c55e);--alert-gradient-forest-rich-border: transparent;--alert-gradient-forest-rich-text: #ffffff;--alert-gradient-forest-rich-icon: #ffffff;--alert-gradient-cosmic-vibrant-bg: linear-gradient(to right, #7c3aed, #ec4899, #f97316);--alert-gradient-cosmic-vibrant-border: transparent;--alert-gradient-cosmic-vibrant-text: #ffffff;--alert-gradient-cosmic-vibrant-icon: #ffffff;--alert-gradient-rainbow-burst-bg: radial-gradient(circle at 5% 10%, rgba(147, 51, 234, 0.9), transparent 45%), radial-gradient(circle at 45% 10%, rgba(234, 130, 51, 0.8), transparent 45%), radial-gradient(circle at 65% 10%, rgba(234, 222, 51, 0.7), transparent 45%), radial-gradient(circle at 85% 10%, rgba(43, 222, 7, 0.8), transparent 35%), radial-gradient(circle at 90% 80%, rgba(43, 241, 232, 0.7), transparent 45%), radial-gradient(circle at 60% 80%, rgba(255, 2, 242, 0.8), transparent 45%), radial-gradient(circle at 30% 80%, rgba(255, 240, 180, 0.6), transparent 45%), linear-gradient(135deg, rgba(147, 51, 234, 0.2), transparent), linear-gradient(45deg, rgba(255, 2, 242, 0.2), transparent);--alert-gradient-rainbow-burst-border: transparent;--alert-gradient-rainbow-burst-text: #ffffff;--alert-gradient-rainbow-burst-icon: #ffffff;--btn-primary-bg: rgba(107, 43, 203, 0.9254901961);--btn-primary-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-primary-border-color: rgba(107, 43, 203, 0.9254901961);--btn-primary-hover-bg: rgba(134.6463414634, 79.2317073171, 217.7682926829, 0.9254901961);--btn-primary-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-primary-hover-border-color: rgba(134.6463414634, 79.2317073171, 217.7682926829, 0.9254901961);--btn-primary-active-bg: rgba(62.6341463415, 25.1707317073, 118.8292682927, 0.9254901961);--btn-primary-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-primary-active-border-color: rgba(62.6341463415, 25.1707317073, 118.8292682927, 0.9254901961);--btn-primary-disabled-bg: rgba(163.4634146341, 121.3170731707, 226.6829268293, 0.9254901961);--btn-primary-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-primary-disabled-border-color: rgba(163.4634146341, 121.3170731707, 226.6829268293, 0.9254901961);--btn-secondary-bg: #d57d1e;--btn-secondary-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-secondary-border-color: #d57d1e;--btn-secondary-hover-bg: rgb(228.3333333333, 150.1111111111, 65.6666666667);--btn-secondary-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-secondary-hover-border-color: rgb(228.3333333333, 150.1111111111, 65.6666666667);--btn-secondary-active-bg: rgb(123.5925925926, 72.5308641975, 17.4074074074);--btn-secondary-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-secondary-active-border-color: rgb(123.5925925926, 72.5308641975, 17.4074074074);--btn-secondary-disabled-bg: rgb(234.6296296296, 174.8765432099, 110.3703703704);--btn-secondary-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-secondary-disabled-border-color: rgb(234.6296296296, 174.8765432099, 110.3703703704);--btn-neutral-bg: #6b7280;--btn-neutral-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-neutral-border-color: #6b7280;--btn-neutral-hover-bg: rgb(132.9914893617, 139.6638297872, 153.0085106383);--btn-neutral-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-neutral-hover-border-color: rgb(132.9914893617, 139.6638297872, 153.0085106383);--btn-neutral-active-bg: rgb(60.5574468085, 64.5191489362, 72.4425531915);--btn-neutral-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-neutral-active-border-color: rgb(60.5574468085, 64.5191489362, 72.4425531915);--btn-neutral-disabled-bg: rgb(160.770212766, 165.9234042553, 176.229787234);--btn-neutral-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-neutral-disabled-border-color: rgb(160.770212766, 165.9234042553, 176.229787234);--btn-white-bg: #ffffff;--btn-white-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-white-border-color: #ffffff;--btn-white-hover-bg: white;--btn-white-hover-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-white-hover-border-color: white;--btn-white-active-bg: #cccccc;--btn-white-active-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-white-active-border-color: #cccccc;--btn-white-disabled-bg: white;--btn-white-disabled-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-white-disabled-border-color: white;--btn-light-bg: #e5e6e9;--btn-light-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-light-border-color: #e5e6e9;--btn-light-hover-bg: white;--btn-light-hover-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-light-hover-border-color: white;--btn-light-active-bg: rgb(173.75, 176.875, 186.25);--btn-light-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-light-active-border-color: rgb(173.75, 176.875, 186.25);--btn-light-disabled-bg: white;--btn-light-disabled-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-light-disabled-border-color: white;--btn-dark-bg: #272727;--btn-dark-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-dark-border-color: #272727;--btn-dark-hover-bg: rgb(64.5, 64.5, 64.5);--btn-dark-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-dark-hover-border-color: rgb(64.5, 64.5, 64.5);--btn-dark-active-bg: black;--btn-dark-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-dark-active-border-color: black;--btn-dark-disabled-bg: #5a5a5a;--btn-dark-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-dark-disabled-border-color: #5a5a5a;--btn-black-bg: #000000;--btn-black-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-black-border-color: #000000;--btn-black-hover-bg: rgb(25.5, 25.5, 25.5);--btn-black-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-black-hover-border-color: rgb(25.5, 25.5, 25.5);--btn-black-active-bg: black;--btn-black-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-black-active-border-color: black;--btn-black-disabled-bg: #333333;--btn-black-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-black-disabled-border-color: #333333;--btn-success-bg: #10b981;--btn-success-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-success-border-color: #10b981;--btn-success-hover-bg: rgb(20.0597014925, 231.9402985075, 161.7313432836);--btn-success-hover-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-success-hover-border-color: rgb(20.0597014925, 231.9402985075, 161.7313432836);--btn-success-active-bg: rgb(7.8805970149, 91.1194029851, 63.5373134328);--btn-success-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-success-active-border-color: rgb(7.8805970149, 91.1194029851, 63.5373134328);--btn-success-disabled-bg: rgb(64.4776119403, 238.5223880597, 180.8507462687);--btn-success-disabled-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-success-disabled-border-color: rgb(64.4776119403, 238.5223880597, 180.8507462687);--btn-warning-bg: #f59e0b;--btn-warning-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-warning-border-color: #f59e0b;--btn-warning-hover-bg: rgb(247.0078740157, 177.4763779528, 59.9921259843);--btn-warning-hover-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-warning-hover-border-color: rgb(247.0078740157, 177.4763779528, 59.9921259843);--btn-warning-active-bg: rgb(147.937007874, 95.188976378, 6.062992126);--btn-warning-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-warning-active-border-color: rgb(147.937007874, 95.188976378, 6.062992126);--btn-warning-disabled-bg: rgb(249.0157480315, 196.9527559055, 108.9842519685);--btn-warning-disabled-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-warning-disabled-border-color: rgb(249.0157480315, 196.9527559055, 108.9842519685);--btn-error-bg: #ef4444;--btn-error-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-error-border-color: #ef4444;--btn-error-hover-bg: rgb(243.0197044335, 114.9802955665, 114.9802955665);--btn-error-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-error-hover-border-color: rgb(243.0197044335, 114.9802955665, 114.9802955665);--btn-error-active-bg: rgb(188.842364532, 16.157635468, 16.157635468);--btn-error-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-error-active-border-color: rgb(188.842364532, 16.157635468, 16.157635468);--btn-error-disabled-bg: rgb(247.039408867, 161.960591133, 161.960591133);--btn-error-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-error-disabled-border-color: rgb(247.039408867, 161.960591133, 161.960591133);--btn-info-bg: #3b82f6;--btn-info-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-info-border-color: #3b82f6;--btn-info-hover-bg: rgb(107.7609756098, 161.0975609756, 248.2390243902);--btn-info-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-info-hover-border-color: rgb(107.7609756098, 161.0975609756, 248.2390243902);--btn-info-active-bg: rgb(8.912195122, 79.2195121951, 194.087804878);--btn-info-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-info-active-border-color: rgb(8.912195122, 79.2195121951, 194.087804878);--btn-info-disabled-bg: rgb(156.5219512195, 192.1951219512, 250.4780487805);--btn-info-disabled-color: rgb(14.114893617, 15.0382978723, 16.885106383);--btn-info-disabled-border-color: rgb(156.5219512195, 192.1951219512, 250.4780487805);--btn-custom-bg: #cb23b7;--btn-custom-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-custom-border-color: #cb23b7;--btn-custom-hover-bg: rgb(222.5, 66.5, 203.9285714286);--btn-custom-hover-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-custom-hover-border-color: rgb(222.5, 66.5, 203.9285714286);--btn-custom-active-bg: rgb(116, 20, 104.5714285714);--btn-custom-active-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-custom-active-border-color: rgb(116, 20, 104.5714285714);--btn-custom-disabled-bg: rgb(230, 110, 215.7142857143);--btn-custom-disabled-color: rgb(230.2170212766, 231.5723404255, 234.2829787234);--btn-custom-disabled-border-color: rgb(230, 110, 215.7142857143);--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--font-family-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--font-family-serif: Merriweather, Georgia, serif;--font-family-mono: JetBrains Mono, Fira Code, monospace;--border-radius-none: 0;--border-radius-xs: 0.125rem;--border-radius-sm: 0.25rem;--border-radius-md: 0.375rem;--border-radius-lg: 0.5rem;--border-radius-xl: 1rem;--border-radius-xxl: 2rem;--border-radius-xxxl: 4rem;--border-radius-full: 9999px;--shadow-none: none;--shadow-sm: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);--shadow-lg: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);--shadow-xl: 0px 3px 8px 1px rgba(0, 0, 0, 0.4);--shadow-xxl: 0px 4px 10px 2px rgba(0, 0, 0, 0.25);--shadow-light-none: none;--shadow-light-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.22);--shadow-light-md: 0 2px 4px 0 rgba(0, 0, 0, 0.28);--shadow-light-lg: 0 3px 6px 0 rgba(0, 0, 0, 0.34);--shadow-light-xl: 0 4px 8px 0 rgba(0, 0, 0, 0.4);--shadow-light-xxl: 0 6px 10px 0 rgba(0, 0, 0, 0.48);--shadow-dark-none: none;--shadow-dark-sm: 0 1px 2px 0 rgba(255, 255, 255, 0.22);--shadow-dark-md: 0 2px 4px 0 rgba(255, 255, 255, 0.28);--shadow-dark-lg: 0 3px 6px 0 rgba(255, 255, 255, 0.34);--shadow-dark-xl: 0 4px 8px 0 rgba(255, 255, 255, 0.4);--shadow-dark-xxl: 0 6px 10px 0 rgba(255, 255, 255, 0.48);--text-shadow-light-sm: 0 0px 2px rgba(0, 0, 0, 0.18);--text-shadow-light-md: 0 1.5px 3px rgba(0, 0, 0, 0.22);--text-shadow-light-lg: 0 2px 4px rgba(0, 0, 0, 0.38);--text-shadow-light-xl: 0 2.5px 4px rgba(0, 0, 0, 0.54);--text-shadow-dark-sm: 0 0px 2px rgba(255, 255, 255, 0.18);--text-shadow-dark-md: 0 1.5px 3px rgba(255, 255, 255, 0.22);--text-shadow-dark-lg: 0 2px 4px rgba(255, 255, 255, 0.38);--text-shadow-dark-xl: 0 2.5px 4px rgba(255, 255, 255, 0.54);--transition-fast: 150ms ease-in-out;--transition-normal: 250ms ease-in-out;--transition-slow: 350ms ease-in-out;--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-xxl: 1536px;--container-full: 100%}[data-theme=dark]{--color-background: rgb(14.114893617, 15.0382978723, 16.885106383);--color-surface: rgb(37.3361702128, 39.7787234043, 44.6638297872);--color-text-primary: rgb(230.2170212766, 231.5723404255, 234.2829787234);--color-text-secondary: rgb(160.770212766, 165.9234042553, 176.229787234);--color-text-muted: #6b7280;--color-border: rgb(60.5574468085, 64.5191489362, 72.4425531915);--color-body-card: rgb(25.7255319149, 27.4085106383, 30.7744680851);--color-background-opposite: rgb(230.2170212766, 231.5723404255, 234.2829787234);--color-text-opposite: rgb(14.114893617, 15.0382978723, 16.885106383);--color-shadow: #ffffff;--color-shadow-rgb: 255, 255, 255;--color-primary: rgba(107, 43, 203, 0.9254901961);--color-primary-rgb: 107, 43, 203;--color-secondary: #d57d1e;--color-secondary-rgb: 213, 125, 30;--color-neutral: #6b7280;--color-neutral-rgb: 107, 114, 128;--color-white: #ffffff;--color-white-rgb: 255, 255, 255;--color-light: #e5e6e9;--color-light-rgb: 229, 230, 233;--color-dark: #272727;--color-dark-rgb: 39, 39, 39;--color-black: #000000;--color-black-rgb: 0, 0, 0;--color-success: #10b981;--color-success-rgb: 16, 185, 129;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #3b82f6;--color-info-rgb: 59, 130, 246;--color-custom: #cb23b7;--color-custom-rgb: 203, 35, 183;--color-primary-50: rgba(235.506097561, 226.5304878049, 248.9695121951, 0.9254901961);--color-primary-50-rgb: 236, 227, 249;--color-primary-100: rgba(221.0975609756, 205.487804878, 244.512195122, 0.9254901961);--color-primary-100-rgb: 221, 205, 245;--color-primary-200: rgba(192.2804878049, 163.4024390244, 235.5975609756, 0.9254901961);--color-primary-200-rgb: 192, 163, 236;--color-primary-300: rgba(163.4634146341, 121.3170731707, 226.6829268293, 0.9254901961);--color-primary-300-rgb: 163, 121, 227;--color-primary-400: rgba(134.6463414634, 79.2317073171, 217.7682926829, 0.9254901961);--color-primary-400-rgb: 135, 79, 218;--color-primary-500: rgba(107, 43, 203, 0.9254901961);--color-primary-500-rgb: 107, 43, 203;--color-primary-600: rgba(84.8170731707, 34.0853658537, 160.9146341463, 0.9254901961);--color-primary-600-rgb: 85, 34, 161;--color-primary-700: rgba(62.6341463415, 25.1707317073, 118.8292682927, 0.9254901961);--color-primary-700-rgb: 63, 25, 119;--color-primary-800: rgba(40.4512195122, 16.256097561, 76.743902439, 0.9254901961);--color-primary-800-rgb: 40, 16, 77;--color-primary-900: rgba(18.2682926829, 7.3414634146, 34.6585365854, 0.9254901961);--color-primary-900-rgb: 18, 7, 35;--color-primary-950: rgba(7.1768292683, 2.8841463415, 13.6158536585, 0.9254901961);--color-primary-950-rgb: 7, 3, 14;--color-secondary-50: rgb(250.3703703704, 236.7901234568, 222.1296296296);--color-secondary-50-rgb: 250, 237, 222;--color-secondary-100: rgb(247.2222222222, 224.4074074074, 199.7777777778);--color-secondary-100-rgb: 247, 224, 200;--color-secondary-200: rgb(240.9259259259, 199.6419753086, 155.0740740741);--color-secondary-200-rgb: 241, 200, 155;--color-secondary-300: rgb(234.6296296296, 174.8765432099, 110.3703703704);--color-secondary-300-rgb: 235, 175, 110;--color-secondary-400: rgb(228.3333333333, 150.1111111111, 65.6666666667);--color-secondary-400-rgb: 228, 150, 66;--color-secondary-500: #d57d1e;--color-secondary-500-rgb: 213, 125, 30;--color-secondary-600: rgb(168.2962962963, 98.7654320988, 23.7037037037);--color-secondary-600-rgb: 168, 99, 24;--color-secondary-700: rgb(123.5925925926, 72.5308641975, 17.4074074074);--color-secondary-700-rgb: 124, 73, 17;--color-secondary-800: rgb(78.8888888889, 46.2962962963, 11.1111111111);--color-secondary-800-rgb: 79, 46, 11;--color-secondary-900: rgb(34.1851851852, 20.0617283951, 4.8148148148);--color-secondary-900-rgb: 34, 20, 5;--color-secondary-950: rgb(11.8333333333, 6.9444444444, 1.6666666667);--color-secondary-950-rgb: 12, 7, 2;--color-neutral-50: rgb(230.2170212766, 231.5723404255, 234.2829787234);--color-neutral-50-rgb: 230, 232, 234;--color-neutral-100: rgb(216.3276595745, 218.4425531915, 222.6723404255);--color-neutral-100-rgb: 216, 218, 223;--color-neutral-200: rgb(188.5489361702, 192.1829787234, 199.4510638298);--color-neutral-200-rgb: 189, 192, 199;--color-neutral-300: rgb(160.770212766, 165.9234042553, 176.229787234);--color-neutral-300-rgb: 161, 166, 176;--color-neutral-400: rgb(132.9914893617, 139.6638297872, 153.0085106383);--color-neutral-400-rgb: 133, 140, 153;--color-neutral-500: #6b7280;--color-neutral-500-rgb: 107, 114, 128;--color-neutral-600: rgb(83.7787234043, 89.2595744681, 100.2212765957);--color-neutral-600-rgb: 84, 89, 100;--color-neutral-700: rgb(60.5574468085, 64.5191489362, 72.4425531915);--color-neutral-700-rgb: 61, 65, 72;--color-neutral-800: rgb(37.3361702128, 39.7787234043, 44.6638297872);--color-neutral-800-rgb: 37, 40, 45;--color-neutral-900: rgb(14.114893617, 15.0382978723, 16.885106383);--color-neutral-900-rgb: 14, 15, 17;--color-neutral-950: rgb(2.5042553191, 2.6680851064, 2.9957446809);--color-neutral-950-rgb: 3, 3, 3;--color-white-50: white;--color-white-50-rgb: 255, 255, 255;--color-white-100: white;--color-white-100-rgb: 255, 255, 255;--color-white-200: white;--color-white-200-rgb: 255, 255, 255;--color-white-300: white;--color-white-300-rgb: 255, 255, 255;--color-white-400: white;--color-white-400-rgb: 255, 255, 255;--color-white-500: #ffffff;--color-white-500-rgb: 255, 255, 255;--color-white-600: rgb(229.5, 229.5, 229.5);--color-white-600-rgb: 230, 230, 230;--color-white-700: #cccccc;--color-white-700-rgb: 204, 204, 204;--color-white-800: rgb(178.5, 178.5, 178.5);--color-white-800-rgb: 179, 179, 179;--color-white-900: #999999;--color-white-900-rgb: 153, 153, 153;--color-white-950: rgb(140.25, 140.25, 140.25);--color-white-950-rgb: 140, 140, 140;--color-light-50: white;--color-light-50-rgb: 255, 255, 255;--color-light-100: white;--color-light-100-rgb: 255, 255, 255;--color-light-200: white;--color-light-200-rgb: 255, 255, 255;--color-light-300: white;--color-light-300-rgb: 255, 255, 255;--color-light-400: white;--color-light-400-rgb: 255, 255, 255;--color-light-500: #e5e6e9;--color-light-500-rgb: 229, 230, 233;--color-light-600: rgb(201.375, 203.4375, 209.625);--color-light-600-rgb: 201, 203, 210;--color-light-700: rgb(173.75, 176.875, 186.25);--color-light-700-rgb: 174, 177, 186;--color-light-800: rgb(146.125, 150.3125, 162.875);--color-light-800-rgb: 146, 150, 163;--color-light-900: rgb(118.5, 123.75, 139.5);--color-light-900-rgb: 119, 124, 139;--color-light-950: rgb(106.5625, 111.40625, 125.9375);--color-light-950-rgb: 107, 111, 126;--color-dark-50: rgb(153.75, 153.75, 153.75);--color-dark-50-rgb: 154, 154, 154;--color-dark-100: #8d8d8d;--color-dark-100-rgb: 141, 141, 141;--color-dark-200: rgb(115.5, 115.5, 115.5);--color-dark-200-rgb: 116, 116, 116;--color-dark-300: #5a5a5a;--color-dark-300-rgb: 90, 90, 90;--color-dark-400: rgb(64.5, 64.5, 64.5);--color-dark-400-rgb: 65, 65, 65;--color-dark-500: #272727;--color-dark-500-rgb: 39, 39, 39;--color-dark-600: rgb(13.5, 13.5, 13.5);--color-dark-600-rgb: 14, 14, 14;--color-dark-700: black;--color-dark-700-rgb: 0, 0, 0;--color-dark-800: black;--color-dark-800-rgb: 0, 0, 0;--color-dark-900: black;--color-dark-900-rgb: 0, 0, 0;--color-dark-950: black;--color-dark-950-rgb: 0, 0, 0;--color-black-50: rgb(114.75, 114.75, 114.75);--color-black-50-rgb: 115, 115, 115;--color-black-100: #666666;--color-black-100-rgb: 102, 102, 102;--color-black-200: rgb(76.5, 76.5, 76.5);--color-black-200-rgb: 77, 77, 77;--color-black-300: #333333;--color-black-300-rgb: 51, 51, 51;--color-black-400: rgb(25.5, 25.5, 25.5);--color-black-400-rgb: 26, 26, 26;--color-black-500: #000000;--color-black-500-rgb: 0, 0, 0;--color-black-600: black;--color-black-600-rgb: 0, 0, 0;--color-black-700: black;--color-black-700-rgb: 0, 0, 0;--color-black-800: black;--color-black-800-rgb: 0, 0, 0;--color-black-900: black;--color-black-900-rgb: 0, 0, 0;--color-black-950: black;--color-black-950-rgb: 0, 0, 0;--color-success-50: rgb(181.828358209, 248.671641791, 226.5223880597);--color-success-50-rgb: 182, 249, 227;--color-success-100: rgb(158.3582089552, 246.6417910448, 217.3880597015);--color-success-100-rgb: 158, 247, 217;--color-success-200: rgb(111.4179104478, 242.5820895522, 199.1194029851);--color-success-200-rgb: 111, 243, 199;--color-success-300: rgb(64.4776119403, 238.5223880597, 180.8507462687);--color-success-300-rgb: 64, 239, 181;--color-success-400: rgb(20.0597014925, 231.9402985075, 161.7313432836);--color-success-400-rgb: 20, 232, 162;--color-success-500: #10b981;--color-success-500-rgb: 16, 185, 129;--color-success-600: rgb(11.9402985075, 138.0597014925, 96.2686567164);--color-success-600-rgb: 12, 138, 96;--color-success-700: rgb(7.8805970149, 91.1194029851, 63.5373134328);--color-success-700-rgb: 8, 91, 64;--color-success-800: rgb(3.8208955224, 44.1791044776, 30.8059701493);--color-success-800-rgb: 4, 44, 31;--color-success-900: black;--color-success-900-rgb: 0, 0, 0;--color-success-950: black;--color-success-950-rgb: 0, 0, 0;--color-warning-50: rgb(254.0354330709, 245.6437007874, 231.4645669291);--color-warning-50-rgb: 254, 246, 231;--color-warning-100: rgb(253.031496063, 235.905511811, 206.968503937);--color-warning-100-rgb: 253, 236, 207;--color-warning-200: rgb(251.0236220472, 216.4291338583, 157.9763779528);--color-warning-200-rgb: 251, 216, 158;--color-warning-300: rgb(249.0157480315, 196.9527559055, 108.9842519685);--color-warning-300-rgb: 249, 197, 109;--color-warning-400: rgb(247.0078740157, 177.4763779528, 59.9921259843);--color-warning-400-rgb: 247, 177, 60;--color-warning-500: #f59e0b;--color-warning-500-rgb: 245, 158, 11;--color-warning-600: rgb(196.9291338583, 126.7125984252, 8.0708661417);--color-warning-600-rgb: 197, 127, 8;--color-warning-700: rgb(147.937007874, 95.188976378, 6.062992126);--color-warning-700-rgb: 148, 95, 6;--color-warning-800: rgb(98.9448818898, 63.6653543307, 4.0551181102);--color-warning-800-rgb: 99, 64, 4;--color-warning-900: rgb(49.9527559055, 32.1417322835, 2.0472440945);--color-warning-900-rgb: 50, 32, 2;--color-warning-950: rgb(25.4566929134, 16.3799212598, 1.0433070866);--color-warning-950-rgb: 25, 16, 1;--color-error-50: white;--color-error-50-rgb: 255, 255, 255;--color-error-100: white;--color-error-100-rgb: 255, 255, 255;--color-error-200: rgb(251.0591133005, 208.9408866995, 208.9408866995);--color-error-200-rgb: 251, 209, 209;--color-error-300: rgb(247.039408867, 161.960591133, 161.960591133);--color-error-300-rgb: 247, 162, 162;--color-error-400: rgb(243.0197044335, 114.9802955665, 114.9802955665);--color-error-400-rgb: 243, 115, 115;--color-error-500: #ef4444;--color-error-500-rgb: 239, 68, 68;--color-error-600: rgb(234.9802955665, 21.0197044335, 21.0197044335);--color-error-600-rgb: 235, 21, 21;--color-error-700: rgb(188.842364532, 16.157635468, 16.157635468);--color-error-700-rgb: 189, 16, 16;--color-error-800: rgb(141.8620689655, 12.1379310345, 12.1379310345);--color-error-800-rgb: 142, 12, 12;--color-error-900: rgb(94.881773399, 8.118226601, 8.118226601);--color-error-900-rgb: 95, 8, 8;--color-error-950: rgb(71.3916256158, 6.1083743842, 6.1083743842);--color-error-950-rgb: 71, 6, 6;--color-info-50: white;--color-info-50-rgb: 255, 255, 255;--color-info-100: rgb(254.043902439, 254.3902439024, 254.956097561);--color-info-100-rgb: 254, 254, 255;--color-info-200: rgb(205.2829268293, 223.2926829268, 252.7170731707);--color-info-200-rgb: 205, 223, 253;--color-info-300: rgb(156.5219512195, 192.1951219512, 250.4780487805);--color-info-300-rgb: 157, 192, 250;--color-info-400: rgb(107.7609756098, 161.0975609756, 248.2390243902);--color-info-400-rgb: 108, 161, 248;--color-info-500: #3b82f6;--color-info-500-rgb: 59, 130, 246;--color-info-600: rgb(11.1512195122, 99.1219512195, 242.8487804878);--color-info-600-rgb: 11, 99, 243;--color-info-700: rgb(8.912195122, 79.2195121951, 194.087804878);--color-info-700-rgb: 9, 79, 194;--color-info-800: rgb(6.6731707317, 59.3170731707, 145.3268292683);--color-info-800-rgb: 7, 59, 145;--color-info-900: rgb(4.4341463415, 39.4146341463, 96.5658536585);--color-info-900-rgb: 4, 39, 97;--color-info-950: rgb(3.3146341463, 29.4634146341, 72.1853658537);--color-info-950-rgb: 3, 29, 72;--color-custom-50: rgb(248.75, 218.75, 245.1785714286);--color-custom-50-rgb: 249, 219, 245;--color-custom-100: rgb(245, 197, 239.2857142857);--color-custom-100-rgb: 245, 197, 239;--color-custom-200: rgb(237.5, 153.5, 227.5);--color-custom-200-rgb: 238, 153, 228;--color-custom-300: rgb(230, 110, 215.7142857143);--color-custom-300-rgb: 230, 110, 216;--color-custom-400: rgb(222.5, 66.5, 203.9285714286);--color-custom-400-rgb: 223, 66, 204;--color-custom-500: #cb23b7;--color-custom-500-rgb: 203, 35, 183;--color-custom-600: rgb(159.5, 27.5, 143.7857142857);--color-custom-600-rgb: 159, 28, 144;--color-custom-700: rgb(116, 20, 104.5714285714);--color-custom-700-rgb: 116, 20, 105;--color-custom-800: rgb(72.5, 12.5, 65.3571428571);--color-custom-800-rgb: 72, 12, 65;--color-custom-900: rgb(29, 5, 26.1428571429);--color-custom-900-rgb: 29, 5, 26;--color-custom-950: rgb(7.25, 1.25, 6.5357142857);--color-custom-950-rgb: 7, 1, 7;--gradient-primary: linear-gradient(to right, rgba(107, 43, 203, 0.9254901961), #d57d1e);--gradient-secondary: linear-gradient(to right, #d57d1e, rgba(107, 43, 203, 0.9254901961));--gradient-wizard: linear-gradient(135deg, rgba(107, 43, 203, 0.9254901961), #10b981);--gradient-sunset: linear-gradient(to right, #ff6b35, #f7931e);--gradient-ocean: linear-gradient(to right, #0891b2, #0ea5e9);--gradient-forest: linear-gradient(to right, #059669, #16a34a);--gradient-fire: linear-gradient(to right, #dc2626, #ea580c);--gradient-cosmic: linear-gradient(to right, #7c3aed, #ec4899);--gradient-aurora: linear-gradient(to right, #10b981, #06b6d4);--gradient-custom-gradient: linear-gradient(to right, #cb23b7, #8b5cf6);--gradient-rainbow: linear-gradient(to right, #c92121, #d9d926, #26f026, #26f0f0, #2626f0);--gradient-sunset-triple: linear-gradient(to right, #ff6b35, #f7931e, #fbbf24);--gradient-ocean-deep: linear-gradient(to right, #0891b2, #0ea5e9, #38bdf8);--gradient-forest-rich: linear-gradient(to right, #059669, #16a34a, #22c55e);--gradient-cosmic-vibrant: linear-gradient(to right, #7c3aed, #ec4899, #f97316);--gradient-rainbow-burst: radial-gradient(circle at 5% 10%, rgba(147, 51, 234, 0.9), transparent 45%), radial-gradient(circle at 45% 10%, rgba(234, 130, 51, 0.8), transparent 45%), radial-gradient(circle at 65% 10%, rgba(234, 222, 51, 0.7), transparent 45%), radial-gradient(circle at 85% 10%, rgba(43, 222, 7, 0.8), transparent 35%), radial-gradient(circle at 90% 80%, rgba(43, 241, 232, 0.7), transparent 45%), radial-gradient(circle at 60% 80%, rgba(255, 2, 242, 0.8), transparent 45%), radial-gradient(circle at 30% 80%, rgba(255, 240, 180, 0.6), transparent 45%), linear-gradient(135deg, rgba(147, 51, 234, 0.2), transparent), linear-gradient(45deg, rgba(255, 2, 242, 0.2), transparent);--alert-primary-bg: rgba(18.2682926829, 7.3414634146, 34.6585365854, 0.9254901961);--alert-primary-border: rgba(107, 43, 203, 0.9254901961);--alert-primary-text: rgba(192.2804878049, 163.4024390244, 235.5975609756, 0.9254901961);--alert-primary-icon: rgba(134.6463414634, 79.2317073171, 217.7682926829, 0.9254901961);--alert-secondary-bg: rgb(34.1851851852, 20.0617283951, 4.8148148148);--alert-secondary-border: #d57d1e;--alert-secondary-text: rgb(240.9259259259, 199.6419753086, 155.0740740741);--alert-secondary-icon: rgb(228.3333333333, 150.1111111111, 65.6666666667);--alert-neutral-bg: rgb(14.114893617, 15.0382978723, 16.885106383);--alert-neutral-border: #6b7280;--alert-neutral-text: rgb(188.5489361702, 192.1829787234, 199.4510638298);--alert-neutral-icon: rgb(132.9914893617, 139.6638297872, 153.0085106383);--alert-white-bg: #999999;--alert-white-border: #ffffff;--alert-white-text: white;--alert-white-icon: white;--alert-light-bg: rgb(118.5, 123.75, 139.5);--alert-light-border: #e5e6e9;--alert-light-text: white;--alert-light-icon: white;--alert-dark-bg: black;--alert-dark-border: #272727;--alert-dark-text: rgb(115.5, 115.5, 115.5);--alert-dark-icon: rgb(64.5, 64.5, 64.5);--alert-black-bg: black;--alert-black-border: #000000;--alert-black-text: rgb(76.5, 76.5, 76.5);--alert-black-icon: rgb(25.5, 25.5, 25.5);--alert-success-bg: black;--alert-success-border: #10b981;--alert-success-text: rgb(111.4179104478, 242.5820895522, 199.1194029851);--alert-success-icon: rgb(20.0597014925, 231.9402985075, 161.7313432836);--alert-warning-bg: rgb(49.9527559055, 32.1417322835, 2.0472440945);--alert-warning-border: #f59e0b;--aler