@nuitral/theming
Version:
nuitral - theming
1 lines • 331 kB
CSS
[nuitral-theme=nuitral].nuitral-light-mode{--text-color: var(--text-color-light);--box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);--box-shadow-focus: 0 4px 8px rgba(0, 0, 0, 0.2);--height-atoms: 40px;--border-radius-atoms: 4rem 4rem 4rem 4rem;--corner-shape-atoms: squircle;--border-radius-molecules: 1rem 1rem 1rem 1rem;--corner-shape-molecules: squircle;--primary-100: rgb(111.0736842105, 162.2210526316, 195.5263157895);--primary-100-rgb: 111.0736842105, 162.2210526316, 195.5263157895;--primary-200: rgb(87.0859649123, 146.7578947368, 185.6140350877);--primary-200-rgb: 87.0859649123, 146.7578947368, 185.6140350877;--primary-300: rgb(69.8245614035, 129.8736842105, 168.9754385965);--primary-300-rgb: 69.8245614035, 129.8736842105, 168.9754385965;--primary-400: rgb(59.9122807018, 111.4368421053, 144.9877192982);--primary-400-rgb: 59.9122807018, 111.4368421053, 144.9877192982;--primary-500: rgb(50, 93, 121);--primary-500-rgb: 50, 93, 121;--primary-600: rgb(45, 83.7, 108.9);--primary-600-rgb: 45, 83.7, 108.9;--primary-700: rgb(40, 74.4, 96.8);--primary-700-rgb: 40, 74.4, 96.8;--primary-800: rgb(35, 65.1, 84.7);--primary-800-rgb: 35, 65.1, 84.7;--primary-900: rgb(30, 55.8, 72.6);--primary-900-rgb: 30, 55.8, 72.6;--secondary-100: rgb(195, 231, 227.4);--secondary-100-rgb: 195, 231, 227.4;--secondary-200: rgb(185, 227, 222.8);--secondary-200-rgb: 185, 227, 222.8;--secondary-300: rgb(175, 223, 218.2);--secondary-300-rgb: 175, 223, 218.2;--secondary-400: rgb(165, 219, 213.6);--secondary-400-rgb: 165, 219, 213.6;--secondary-500: rgb(155, 215, 209);--secondary-500-rgb: 155, 215, 209;--secondary-600: rgb(128.5714285714, 204.4285714286, 196.8428571429);--secondary-600-rgb: 128.5714285714, 204.4285714286, 196.8428571429;--secondary-700: rgb(102.1428571429, 193.8571428571, 184.6857142857);--secondary-700-rgb: 102.1428571429, 193.8571428571, 184.6857142857;--secondary-800: rgb(75.7142857143, 183.2857142857, 172.5285714286);--secondary-800-rgb: 75.7142857143, 183.2857142857, 172.5285714286;--secondary-900: rgb(63.4285714286, 158.5714285714, 149.0571428571);--secondary-900-rgb: 63.4285714286, 158.5714285714, 149.0571428571;--accent-100: rgb(247.2, 163.2, 125.4);--accent-100-rgb: 247.2, 163.2, 125.4;--accent-200: rgb(245.9, 147.9, 103.8);--accent-200-rgb: 245.9, 147.9, 103.8;--accent-300: rgb(244.6, 132.6, 82.2);--accent-300-rgb: 244.6, 132.6, 82.2;--accent-400: rgb(243.3, 117.3, 60.6);--accent-400-rgb: 243.3, 117.3, 60.6;--accent-500: rgb(242, 102, 39);--accent-500-rgb: 242, 102, 39;--accent-600: rgb(238.543231441, 83.9318777293, 14.356768559);--accent-600-rgb: 238.543231441, 83.9318777293, 14.356768559;--accent-700: rgb(212.0384279476, 74.6061135371, 12.7615720524);--accent-700-rgb: 212.0384279476, 74.6061135371, 12.7615720524;--accent-800: rgb(185.5336244541, 65.280349345, 11.1663755459);--accent-800-rgb: 185.5336244541, 65.280349345, 11.1663755459;--accent-900: rgb(159.0288209607, 55.9545851528, 9.5711790393);--accent-900-rgb: 159.0288209607, 55.9545851528, 9.5711790393;--background-100: rgb(245.4, 244.8, 244.8);--background-100-rgb: 245.4, 244.8, 244.8;--background-200: rgb(243.8, 243.1, 243.1);--background-200-rgb: 243.8, 243.1, 243.1;--background-300: rgb(242.2, 241.4, 241.4);--background-300-rgb: 242.2, 241.4, 241.4;--background-400: rgb(240.6, 239.7, 239.7);--background-400-rgb: 240.6, 239.7, 239.7;--background-500: rgb(239, 238, 238);--background-500-rgb: 239, 238, 238;--background-600: rgb(215.8727272727, 213.4272727273, 213.4272727273);--background-600-rgb: 215.8727272727, 213.4272727273, 213.4272727273;--background-700: rgb(192.7454545455, 188.8545454545, 188.8545454545);--background-700-rgb: 192.7454545455, 188.8545454545, 188.8545454545;--background-800: rgb(169.6181818182, 164.2818181818, 164.2818181818);--background-800-rgb: 169.6181818182, 164.2818181818, 164.2818181818;--background-900: rgb(146.4909090909, 139.7090909091, 139.7090909091);--background-900-rgb: 146.4909090909, 139.7090909091, 139.7090909091;--surface-100: white;--surface-100-rgb: 255, 255, 255;--surface-200: white;--surface-200-rgb: 255, 255, 255;--surface-300: white;--surface-300-rgb: 255, 255, 255;--surface-400: white;--surface-400-rgb: 255, 255, 255;--surface-500: rgb(255, 255, 255);--surface-500-rgb: 255, 255, 255;--surface-600: rgb(229.5, 229.5, 229.5);--surface-600-rgb: 229.5, 229.5, 229.5;--surface-700: #cccccc;--surface-700-rgb: 204, 204, 204;--surface-800: rgb(178.5, 178.5, 178.5);--surface-800-rgb: 178.5, 178.5, 178.5;--surface-900: #999999;--surface-900-rgb: 153, 153, 153;--error-100: rgb(253.2857142857, 76.7142857143, 98.1428571429);--error-100-rgb: 253.2857142857, 76.7142857143, 98.1428571429;--error-200: #fd2f48;--error-200-rgb: 253, 47, 72;--error-300: rgb(252.7142857143, 17.2857142857, 45.8571428571);--error-300-rgb: 252.7142857143, 17.2857142857, 45.8571428571;--error-400: rgb(237.7142857143, 2.2857142857, 30.8571428571);--error-400-rgb: 237.7142857143, 2.2857142857, 30.8571428571;--error-500: rgb(208, 2, 27);--error-500-rgb: 208, 2, 27;--error-600: rgb(187.2, 1.8, 24.3);--error-600-rgb: 187.2, 1.8, 24.3;--error-700: rgb(166.4, 1.6, 21.6);--error-700-rgb: 166.4, 1.6, 21.6;--error-800: rgb(145.6, 1.4, 18.9);--error-800-rgb: 145.6, 1.4, 18.9;--error-900: rgb(124.8, 1.2, 16.2);--error-900-rgb: 124.8, 1.2, 16.2;--success-100: rgb(150, 238.2, 218.4);--success-100-rgb: 150, 238.2, 218.4;--success-200: rgb(132.5, 235.4, 212.3);--success-200-rgb: 132.5, 235.4, 212.3;--success-300: rgb(115, 232.6, 206.2);--success-300-rgb: 115, 232.6, 206.2;--success-400: rgb(97.5, 229.8, 200.1);--success-400-rgb: 97.5, 229.8, 200.1;--success-500: rgb(80, 227, 194);--success-500-rgb: 80, 227, 194;--success-600: rgb(53.5344827586, 222.7655172414, 184.7748768473);--success-600-rgb: 53.5344827586, 222.7655172414, 184.7748768473;--success-700: rgb(33.875862069, 211.724137931, 171.7990147783);--success-700-rgb: 33.875862069, 211.724137931, 171.7990147783;--success-800: rgb(29.6413793103, 185.2586206897, 150.324137931);--success-800-rgb: 29.6413793103, 185.2586206897, 150.324137931;--success-900: rgb(25.4068965517, 158.7931034483, 128.8492610837);--success-900-rgb: 25.4068965517, 158.7931034483, 128.8492610837;--warning-100: rgb(251.4, 199.2, 166.8);--warning-100-rgb: 251.4, 199.2, 166.8;--warning-200: rgb(250.8, 189.9, 152.1);--warning-200-rgb: 250.8, 189.9, 152.1;--warning-300: rgb(250.2, 180.6, 137.4);--warning-300-rgb: 250.2, 180.6, 137.4;--warning-400: rgb(249.6, 171.3, 122.7);--warning-400-rgb: 249.6, 171.3, 122.7;--warning-500: rgb(249, 162, 108);--warning-500-rgb: 249, 162, 108;--warning-600: rgb(247.6, 140.3, 73.7);--warning-600-rgb: 247.6, 140.3, 73.7;--warning-700: rgb(246.2, 118.6, 39.4);--warning-700-rgb: 246.2, 118.6, 39.4;--warning-800: rgb(240.1, 98, 9.8);--warning-800-rgb: 240.1, 98, 9.8;--warning-900: rgb(205.8, 84, 8.4);--warning-900-rgb: 205.8, 84, 8.4;--info-100: rgb(111.0736842105, 162.2210526316, 195.5263157895);--info-100-rgb: 111.0736842105, 162.2210526316, 195.5263157895;--info-200: rgb(87.0859649123, 146.7578947368, 185.6140350877);--info-200-rgb: 87.0859649123, 146.7578947368, 185.6140350877;--info-300: rgb(69.8245614035, 129.8736842105, 168.9754385965);--info-300-rgb: 69.8245614035, 129.8736842105, 168.9754385965;--info-400: rgb(59.9122807018, 111.4368421053, 144.9877192982);--info-400-rgb: 59.9122807018, 111.4368421053, 144.9877192982;--info-500: rgb(50, 93, 121);--info-500-rgb: 50, 93, 121;--info-600: rgb(45, 83.7, 108.9);--info-600-rgb: 45, 83.7, 108.9;--info-700: rgb(40, 74.4, 96.8);--info-700-rgb: 40, 74.4, 96.8;--info-800: rgb(35, 65.1, 84.7);--info-800-rgb: 35, 65.1, 84.7;--info-900: rgb(30, 55.8, 72.6);--info-900-rgb: 30, 55.8, 72.6;--neutral-100: rgb(175.2, 175.2, 175.2);--neutral-100-rgb: 175.2, 175.2, 175.2;--neutral-200: rgb(161.9, 161.9, 161.9);--neutral-200-rgb: 161.9, 161.9, 161.9;--neutral-300: rgb(148.6, 148.6, 148.6);--neutral-300-rgb: 148.6, 148.6, 148.6;--neutral-400: rgb(135.3, 135.3, 135.3);--neutral-400-rgb: 135.3, 135.3, 135.3;--neutral-500: rgb(122, 122, 122);--neutral-500-rgb: 122, 122, 122;--neutral-600: rgb(109.8, 109.8, 109.8);--neutral-600-rgb: 109.8, 109.8, 109.8;--neutral-700: rgb(97.6, 97.6, 97.6);--neutral-700-rgb: 97.6, 97.6, 97.6;--neutral-800: rgb(85.4, 85.4, 85.4);--neutral-800-rgb: 85.4, 85.4, 85.4;--neutral-900: rgb(73.2, 73.2, 73.2);--neutral-900-rgb: 73.2, 73.2, 73.2;--text-color-light: #1e1e1e;--text-color-dark: #f5f5f5;--primary-100-text: var(--text-color-light);--primary-200-text: var(--text-color-light);--primary-300-text: var(--text-color-dark);--primary-400-text: var(--text-color-dark);--primary-500-text: var(--text-color-dark);--primary-600-text: var(--text-color-dark);--primary-700-text: var(--text-color-dark);--primary-800-text: var(--text-color-dark);--primary-900-text: var(--text-color-dark);--secondary-100-text: var(--text-color-light);--secondary-200-text: var(--text-color-light);--secondary-300-text: var(--text-color-light);--secondary-400-text: var(--text-color-light);--secondary-500-text: var(--text-color-light);--secondary-600-text: var(--text-color-light);--secondary-700-text: var(--text-color-light);--secondary-800-text: var(--text-color-light);--secondary-900-text: var(--text-color-light);--accent-100-text: var(--text-color-light);--accent-200-text: var(--text-color-light);--accent-300-text: var(--text-color-light);--accent-400-text: var(--text-color-light);--accent-500-text: var(--text-color-dark);--accent-600-text: var(--text-color-dark);--accent-700-text: var(--text-color-dark);--accent-800-text: var(--text-color-dark);--accent-900-text: var(--text-color-dark);--background-100-text: var(--text-color-light);--background-200-text: var(--text-color-light);--background-300-text: var(--text-color-light);--background-400-text: var(--text-color-light);--background-500-text: var(--text-color-light);--background-600-text: var(--text-color-light);--background-700-text: var(--text-color-light);--background-800-text: var(--text-color-light);--background-900-text: var(--text-color-light);--surface-100-text: var(--text-color-light);--surface-200-text: var(--text-color-light);--surface-300-text: var(--text-color-light);--surface-400-text: var(--text-color-light);--surface-500-text: var(--text-color-light);--surface-600-text: var(--text-color-light);--surface-700-text: var(--text-color-light);--surface-800-text: var(--text-color-light);--surface-900-text: var(--text-color-light);--error-100-text: var(--text-color-dark);--error-200-text: var(--text-color-dark);--error-300-text: var(--text-color-dark);--error-400-text: var(--text-color-dark);--error-500-text: var(--text-color-dark);--error-600-text: var(--text-color-dark);--error-700-text: var(--text-color-dark);--error-800-text: var(--text-color-dark);--error-900-text: var(--text-color-dark);--success-100-text: var(--text-color-light);--success-200-text: var(--text-color-light);--success-300-text: var(--text-color-light);--success-400-text: var(--text-color-light);--success-500-text: var(--text-color-light);--success-600-text: var(--text-color-light);--success-700-text: var(--text-color-light);--success-800-text: var(--text-color-light);--success-900-text: var(--text-color-light);--warning-100-text: var(--text-color-light);--warning-200-text: var(--text-color-light);--warning-300-text: var(--text-color-light);--warning-400-text: var(--text-color-light);--warning-500-text: var(--text-color-light);--warning-600-text: var(--text-color-light);--warning-700-text: var(--text-color-light);--warning-800-text: var(--text-color-dark);--warning-900-text: var(--text-color-dark);--info-100-text: var(--text-color-light);--info-200-text: var(--text-color-light);--info-300-text: var(--text-color-dark);--info-400-text: var(--text-color-dark);--info-500-text: var(--text-color-dark);--info-600-text: var(--text-color-dark);--info-700-text: var(--text-color-dark);--info-800-text: var(--text-color-dark);--info-900-text: var(--text-color-dark);--neutral-100-text: var(--text-color-light);--neutral-200-text: var(--text-color-light);--neutral-300-text: var(--text-color-light);--neutral-400-text: var(--text-color-light);--neutral-500-text: var(--text-color-dark);--neutral-600-text: var(--text-color-dark);--neutral-700-text: var(--text-color-dark);--neutral-800-text: var(--text-color-dark);--neutral-900-text: var(--text-color-dark);--primary-text: var(--text-color-dark);--primary-lighten: rgb(70.5, 109.2, 134.4);--primary-darken: rgb(45, 83.7, 108.9);--primary-extra-light: rgb(111.5, 141.6, 161.2);--primary-extra-dark: rgb(30, 55.8, 72.6);--secondary-text: var(--text-color-light);--secondary-lighten: rgb(165, 219, 213.6);--secondary-darken: rgb(139.5, 193.5, 188.1);--secondary-extra-light: rgb(185, 227, 222.8);--secondary-extra-dark: rgb(93, 129, 125.4);--accent-text: var(--text-color-dark);--accent-lighten: rgb(243.3, 117.3, 60.6);--accent-darken: rgb(217.8, 91.8, 35.1);--accent-extra-light: rgb(245.9, 147.9, 103.8);--accent-extra-dark: rgb(145.2, 61.2, 23.4);--background-text: var(--text-color-light);--background-lighten: rgb(240.6, 239.7, 239.7);--background-darken: rgb(215.1, 214.2, 214.2);--background-extra-light: rgb(243.8, 243.1, 243.1);--background-extra-dark: rgb(143.4, 142.8, 142.8);--surface-text: var(--text-color-light);--surface-lighten: white;--surface-darken: rgb(229.5, 229.5, 229.5);--surface-extra-light: white;--surface-extra-dark: #999999;--error-text: var(--text-color-dark);--error-lighten: rgb(212.7, 27.3, 49.8);--error-darken: rgb(187.2, 1.8, 24.3);--error-extra-light: rgb(222.1, 77.9, 95.4);--error-extra-dark: rgb(124.8, 1.2, 16.2);--success-text: var(--text-color-light);--success-lighten: rgb(97.5, 229.8, 200.1);--success-darken: rgb(72, 204.3, 174.6);--success-extra-light: rgb(132.5, 235.4, 212.3);--success-extra-dark: rgb(48, 136.2, 116.4);--warning-text: var(--text-color-light);--warning-lighten: rgb(249.6, 171.3, 122.7);--warning-darken: rgb(224.1, 145.8, 97.2);--warning-extra-light: rgb(250.8, 189.9, 152.1);--warning-extra-dark: rgb(149.4, 97.2, 64.8);--info-text: var(--text-color-dark);--info-lighten: rgb(70.5, 109.2, 134.4);--info-darken: rgb(45, 83.7, 108.9);--info-extra-light: rgb(111.5, 141.6, 161.2);--info-extra-dark: rgb(30, 55.8, 72.6);--neutral-text: var(--text-color-dark);--neutral-lighten: rgb(135.3, 135.3, 135.3);--neutral-darken: rgb(109.8, 109.8, 109.8);--neutral-extra-light: rgb(161.9, 161.9, 161.9);--neutral-extra-dark: rgb(73.2, 73.2, 73.2)}[nuitral-theme=nuitral].nuitral-dark-mode{--text-color: var(--text-color-dark);--box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);--box-shadow-focus: 0 4px 8px rgba(255, 255, 255, 0.2);--height-atoms: 40px;--border-radius-atoms: 4rem 4rem 4rem 4rem;--corner-shape-atoms: squircle;--border-radius-molecules: 1rem 1rem 1rem 1rem;--corner-shape-molecules: squircle;--primary-100: rgb(195, 231, 227.4);--primary-100-rgb: 195, 231, 227.4;--primary-200: rgb(185, 227, 222.8);--primary-200-rgb: 185, 227, 222.8;--primary-300: rgb(175, 223, 218.2);--primary-300-rgb: 175, 223, 218.2;--primary-400: rgb(165, 219, 213.6);--primary-400-rgb: 165, 219, 213.6;--primary-500: rgb(155, 215, 209);--primary-500-rgb: 155, 215, 209;--primary-600: rgb(128.5714285714, 204.4285714286, 196.8428571429);--primary-600-rgb: 128.5714285714, 204.4285714286, 196.8428571429;--primary-700: rgb(102.1428571429, 193.8571428571, 184.6857142857);--primary-700-rgb: 102.1428571429, 193.8571428571, 184.6857142857;--primary-800: rgb(75.7142857143, 183.2857142857, 172.5285714286);--primary-800-rgb: 75.7142857143, 183.2857142857, 172.5285714286;--primary-900: rgb(63.4285714286, 158.5714285714, 149.0571428571);--primary-900-rgb: 63.4285714286, 158.5714285714, 149.0571428571;--secondary-100: rgb(111.0736842105, 162.2210526316, 195.5263157895);--secondary-100-rgb: 111.0736842105, 162.2210526316, 195.5263157895;--secondary-200: rgb(87.0859649123, 146.7578947368, 185.6140350877);--secondary-200-rgb: 87.0859649123, 146.7578947368, 185.6140350877;--secondary-300: rgb(69.8245614035, 129.8736842105, 168.9754385965);--secondary-300-rgb: 69.8245614035, 129.8736842105, 168.9754385965;--secondary-400: rgb(59.9122807018, 111.4368421053, 144.9877192982);--secondary-400-rgb: 59.9122807018, 111.4368421053, 144.9877192982;--secondary-500: rgb(50, 93, 121);--secondary-500-rgb: 50, 93, 121;--secondary-600: rgb(45, 83.7, 108.9);--secondary-600-rgb: 45, 83.7, 108.9;--secondary-700: rgb(40, 74.4, 96.8);--secondary-700-rgb: 40, 74.4, 96.8;--secondary-800: rgb(35, 65.1, 84.7);--secondary-800-rgb: 35, 65.1, 84.7;--secondary-900: rgb(30, 55.8, 72.6);--secondary-900-rgb: 30, 55.8, 72.6;--accent-100: rgb(247.2, 163.2, 125.4);--accent-100-rgb: 247.2, 163.2, 125.4;--accent-200: rgb(245.9, 147.9, 103.8);--accent-200-rgb: 245.9, 147.9, 103.8;--accent-300: rgb(244.6, 132.6, 82.2);--accent-300-rgb: 244.6, 132.6, 82.2;--accent-400: rgb(243.3, 117.3, 60.6);--accent-400-rgb: 243.3, 117.3, 60.6;--accent-500: rgb(242, 102, 39);--accent-500-rgb: 242, 102, 39;--accent-600: rgb(238.543231441, 83.9318777293, 14.356768559);--accent-600-rgb: 238.543231441, 83.9318777293, 14.356768559;--accent-700: rgb(212.0384279476, 74.6061135371, 12.7615720524);--accent-700-rgb: 212.0384279476, 74.6061135371, 12.7615720524;--accent-800: rgb(185.5336244541, 65.280349345, 11.1663755459);--accent-800-rgb: 185.5336244541, 65.280349345, 11.1663755459;--accent-900: rgb(159.0288209607, 55.9545851528, 9.5711790393);--accent-900-rgb: 159.0288209607, 55.9545851528, 9.5711790393;--background-100: rgb(112.8, 112.8, 112.8);--background-100-rgb: 112.8, 112.8, 112.8;--background-200: rgb(89.1, 89.1, 89.1);--background-200-rgb: 89.1, 89.1, 89.1;--background-300: rgb(65.4, 65.4, 65.4);--background-300-rgb: 65.4, 65.4, 65.4;--background-400: rgb(41.7, 41.7, 41.7);--background-400-rgb: 41.7, 41.7, 41.7;--background-500: rgb(18, 18, 18);--background-500-rgb: 18, 18, 18;--background-600: rgb(16.2, 16.2, 16.2);--background-600-rgb: 16.2, 16.2, 16.2;--background-700: rgb(14.4, 14.4, 14.4);--background-700-rgb: 14.4, 14.4, 14.4;--background-800: rgb(12.6, 12.6, 12.6);--background-800-rgb: 12.6, 12.6, 12.6;--background-900: rgb(10.8, 10.8, 10.8);--background-900-rgb: 10.8, 10.8, 10.8;--surface-100: #787878;--surface-100-rgb: 120, 120, 120;--surface-200: rgb(97.5, 97.5, 97.5);--surface-200-rgb: 97.5, 97.5, 97.5;--surface-300: #4b4b4b;--surface-300-rgb: 75, 75, 75;--surface-400: rgb(52.5, 52.5, 52.5);--surface-400-rgb: 52.5, 52.5, 52.5;--surface-500: rgb(30, 30, 30);--surface-500-rgb: 30, 30, 30;--surface-600: #1b1b1b;--surface-600-rgb: 27, 27, 27;--surface-700: #181818;--surface-700-rgb: 24, 24, 24;--surface-800: #151515;--surface-800-rgb: 21, 21, 21;--surface-900: #121212;--surface-900-rgb: 18, 18, 18;--error-100: rgb(255, 166.2, 166.2);--error-100-rgb: 255, 166.2, 166.2;--error-200: rgb(255, 151.4, 151.4);--error-200-rgb: 255, 151.4, 151.4;--error-300: rgb(255, 136.6, 136.6);--error-300-rgb: 255, 136.6, 136.6;--error-400: rgb(255, 121.8, 121.8);--error-400-rgb: 255, 121.8, 121.8;--error-500: rgb(255, 107, 107);--error-500-rgb: 255, 107, 107;--error-600: rgb(255, 70.8, 70.8);--error-600-rgb: 255, 70.8, 70.8;--error-700: rgb(255, 34.6, 34.6);--error-700-rgb: 255, 34.6, 34.6;--error-800: rgb(253.4, 0, 0);--error-800-rgb: 253.4, 0, 0;--error-900: rgb(217.2, 0, 0);--error-900-rgb: 217.2, 0, 0;--success-100: rgb(150, 238.2, 218.4);--success-100-rgb: 150, 238.2, 218.4;--success-200: rgb(132.5, 235.4, 212.3);--success-200-rgb: 132.5, 235.4, 212.3;--success-300: rgb(115, 232.6, 206.2);--success-300-rgb: 115, 232.6, 206.2;--success-400: rgb(97.5, 229.8, 200.1);--success-400-rgb: 97.5, 229.8, 200.1;--success-500: rgb(80, 227, 194);--success-500-rgb: 80, 227, 194;--success-600: rgb(53.5344827586, 222.7655172414, 184.7748768473);--success-600-rgb: 53.5344827586, 222.7655172414, 184.7748768473;--success-700: rgb(33.875862069, 211.724137931, 171.7990147783);--success-700-rgb: 33.875862069, 211.724137931, 171.7990147783;--success-800: rgb(29.6413793103, 185.2586206897, 150.324137931);--success-800-rgb: 29.6413793103, 185.2586206897, 150.324137931;--success-900: rgb(25.4068965517, 158.7931034483, 128.8492610837);--success-900-rgb: 25.4068965517, 158.7931034483, 128.8492610837;--warning-100: rgb(255, 211.8, 148.2);--warning-100-rgb: 255, 211.8, 148.2;--warning-200: rgb(255, 204.6, 130.4);--warning-200-rgb: 255, 204.6, 130.4;--warning-300: rgb(255, 197.4, 112.6);--warning-300-rgb: 255, 197.4, 112.6;--warning-400: rgb(255, 190.2, 94.8);--warning-400-rgb: 255, 190.2, 94.8;--warning-500: rgb(255, 183, 77);--warning-500-rgb: 255, 183, 77;--warning-600: rgb(255, 169.5707865169, 43.8);--warning-600-rgb: 255, 169.5707865169, 43.8;--warning-700: rgb(255, 156.1415730337, 10.6);--warning-700-rgb: 255, 156.1415730337, 10.6;--warning-800: rgb(232.4, 138.395505618, 0);--warning-800-rgb: 232.4, 138.395505618, 0;--warning-900: rgb(199.2, 118.6247191011, 0);--warning-900-rgb: 199.2, 118.6247191011, 0;--info-100: rgb(195, 231, 227.4);--info-100-rgb: 195, 231, 227.4;--info-200: rgb(185, 227, 222.8);--info-200-rgb: 185, 227, 222.8;--info-300: rgb(175, 223, 218.2);--info-300-rgb: 175, 223, 218.2;--info-400: rgb(165, 219, 213.6);--info-400-rgb: 165, 219, 213.6;--info-500: rgb(155, 215, 209);--info-500-rgb: 155, 215, 209;--info-600: rgb(128.5714285714, 204.4285714286, 196.8428571429);--info-600-rgb: 128.5714285714, 204.4285714286, 196.8428571429;--info-700: rgb(102.1428571429, 193.8571428571, 184.6857142857);--info-700-rgb: 102.1428571429, 193.8571428571, 184.6857142857;--info-800: rgb(75.7142857143, 183.2857142857, 172.5285714286);--info-800-rgb: 75.7142857143, 183.2857142857, 172.5285714286;--info-900: rgb(63.4285714286, 158.5714285714, 149.0571428571);--info-900-rgb: 63.4285714286, 158.5714285714, 149.0571428571;--neutral-100: rgb(209.4, 209.4, 209.4);--neutral-100-rgb: 209.4, 209.4, 209.4;--neutral-200: rgb(201.8, 201.8, 201.8);--neutral-200-rgb: 201.8, 201.8, 201.8;--neutral-300: rgb(194.2, 194.2, 194.2);--neutral-300-rgb: 194.2, 194.2, 194.2;--neutral-400: rgb(186.6, 186.6, 186.6);--neutral-400-rgb: 186.6, 186.6, 186.6;--neutral-500: rgb(179, 179, 179);--neutral-500-rgb: 179, 179, 179;--neutral-600: rgb(161.1, 161.1, 161.1);--neutral-600-rgb: 161.1, 161.1, 161.1;--neutral-700: rgb(143.2, 143.2, 143.2);--neutral-700-rgb: 143.2, 143.2, 143.2;--neutral-800: rgb(125.3, 125.3, 125.3);--neutral-800-rgb: 125.3, 125.3, 125.3;--neutral-900: rgb(107.4, 107.4, 107.4);--neutral-900-rgb: 107.4, 107.4, 107.4;--text-color-light: #1e1e1e;--text-color-dark: #f5f5f5;--primary-100-text: var(--text-color-light);--primary-200-text: var(--text-color-light);--primary-300-text: var(--text-color-light);--primary-400-text: var(--text-color-light);--primary-500-text: var(--text-color-light);--primary-600-text: var(--text-color-light);--primary-700-text: var(--text-color-light);--primary-800-text: var(--text-color-light);--primary-900-text: var(--text-color-light);--secondary-100-text: var(--text-color-light);--secondary-200-text: var(--text-color-light);--secondary-300-text: var(--text-color-dark);--secondary-400-text: var(--text-color-dark);--secondary-500-text: var(--text-color-dark);--secondary-600-text: var(--text-color-dark);--secondary-700-text: var(--text-color-dark);--secondary-800-text: var(--text-color-dark);--secondary-900-text: var(--text-color-dark);--accent-100-text: var(--text-color-light);--accent-200-text: var(--text-color-light);--accent-300-text: var(--text-color-light);--accent-400-text: var(--text-color-light);--accent-500-text: var(--text-color-dark);--accent-600-text: var(--text-color-dark);--accent-700-text: var(--text-color-dark);--accent-800-text: var(--text-color-dark);--accent-900-text: var(--text-color-dark);--background-100-text: var(--text-color-dark);--background-200-text: var(--text-color-dark);--background-300-text: var(--text-color-dark);--background-400-text: var(--text-color-dark);--background-500-text: var(--text-color-dark);--background-600-text: var(--text-color-dark);--background-700-text: var(--text-color-dark);--background-800-text: var(--text-color-dark);--background-900-text: var(--text-color-dark);--surface-100-text: var(--text-color-dark);--surface-200-text: var(--text-color-dark);--surface-300-text: var(--text-color-dark);--surface-400-text: var(--text-color-dark);--surface-500-text: var(--text-color-dark);--surface-600-text: var(--text-color-dark);--surface-700-text: var(--text-color-dark);--surface-800-text: var(--text-color-dark);--surface-900-text: var(--text-color-dark);--error-100-text: var(--text-color-light);--error-200-text: var(--text-color-light);--error-300-text: var(--text-color-light);--error-400-text: var(--text-color-light);--error-500-text: var(--text-color-light);--error-600-text: var(--text-color-dark);--error-700-text: var(--text-color-dark);--error-800-text: var(--text-color-dark);--error-900-text: var(--text-color-dark);--success-100-text: var(--text-color-light);--success-200-text: var(--text-color-light);--success-300-text: var(--text-color-light);--success-400-text: var(--text-color-light);--success-500-text: var(--text-color-light);--success-600-text: var(--text-color-light);--success-700-text: var(--text-color-light);--success-800-text: var(--text-color-light);--success-900-text: var(--text-color-light);--warning-100-text: var(--text-color-light);--warning-200-text: var(--text-color-light);--warning-300-text: var(--text-color-light);--warning-400-text: var(--text-color-light);--warning-500-text: var(--text-color-light);--warning-600-text: var(--text-color-light);--warning-700-text: var(--text-color-light);--warning-800-text: var(--text-color-light);--warning-900-text: var(--text-color-dark);--info-100-text: var(--text-color-light);--info-200-text: var(--text-color-light);--info-300-text: var(--text-color-light);--info-400-text: var(--text-color-light);--info-500-text: var(--text-color-light);--info-600-text: var(--text-color-light);--info-700-text: var(--text-color-light);--info-800-text: var(--text-color-light);--info-900-text: var(--text-color-light);--neutral-100-text: var(--text-color-light);--neutral-200-text: var(--text-color-light);--neutral-300-text: var(--text-color-light);--neutral-400-text: var(--text-color-light);--neutral-500-text: var(--text-color-light);--neutral-600-text: var(--text-color-light);--neutral-700-text: var(--text-color-light);--neutral-800-text: var(--text-color-dark);--neutral-900-text: var(--text-color-dark);--primary-text: var(--text-color-light);--primary-lighten: rgb(165, 219, 213.6);--primary-darken: rgb(139.5, 193.5, 188.1);--primary-extra-light: rgb(185, 227, 222.8);--primary-extra-dark: rgb(93, 129, 125.4);--secondary-text: var(--text-color-dark);--secondary-lighten: rgb(70.5, 109.2, 134.4);--secondary-darken: rgb(45, 83.7, 108.9);--secondary-extra-light: rgb(111.5, 141.6, 161.2);--secondary-extra-dark: rgb(30, 55.8, 72.6);--accent-text: var(--text-color-dark);--accent-lighten: rgb(243.3, 117.3, 60.6);--accent-darken: rgb(217.8, 91.8, 35.1);--accent-extra-light: rgb(245.9, 147.9, 103.8);--accent-extra-dark: rgb(145.2, 61.2, 23.4);--background-text: var(--text-color-dark);--background-lighten: rgb(41.7, 41.7, 41.7);--background-darken: rgb(16.2, 16.2, 16.2);--background-extra-light: rgb(89.1, 89.1, 89.1);--background-extra-dark: rgb(10.8, 10.8, 10.8);--surface-text: var(--text-color-dark);--surface-lighten: rgb(52.5, 52.5, 52.5);--surface-darken: #1b1b1b;--surface-extra-light: rgb(97.5, 97.5, 97.5);--surface-extra-dark: #121212;--error-text: var(--text-color-light);--error-lighten: rgb(255, 121.8, 121.8);--error-darken: rgb(229.5, 96.3, 96.3);--error-extra-light: rgb(255, 151.4, 151.4);--error-extra-dark: rgb(153, 64.2, 64.2);--success-text: var(--text-color-light);--success-lighten: rgb(97.5, 229.8, 200.1);--success-darken: rgb(72, 204.3, 174.6);--success-extra-light: rgb(132.5, 235.4, 212.3);--success-extra-dark: rgb(48, 136.2, 116.4);--warning-text: var(--text-color-light);--warning-lighten: rgb(255, 190.2, 94.8);--warning-darken: rgb(229.5, 164.7, 69.3);--warning-extra-light: rgb(255, 204.6, 130.4);--warning-extra-dark: rgb(153, 109.8, 46.2);--info-text: var(--text-color-light);--info-lighten: rgb(165, 219, 213.6);--info-darken: rgb(139.5, 193.5, 188.1);--info-extra-light: rgb(185, 227, 222.8);--info-extra-dark: rgb(93, 129, 125.4);--neutral-text: var(--text-color-light);--neutral-lighten: rgb(186.6, 186.6, 186.6);--neutral-darken: rgb(161.1, 161.1, 161.1);--neutral-extra-light: rgb(201.8, 201.8, 201.8);--neutral-extra-dark: rgb(107.4, 107.4, 107.4)}.nuitral-box-primary-100{border-color:var(--primary-100);color:var(--primary-100)}.nuitral-box-primary-100:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-200{border-color:var(--primary-200);color:var(--primary-200)}.nuitral-box-primary-200:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-300{border-color:var(--primary-300);color:var(--primary-300)}.nuitral-box-primary-300:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-400{border-color:var(--primary-400);color:var(--primary-400)}.nuitral-box-primary-400:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary{border-color:var(--primary-500);color:var(--primary-500)}.nuitral-box-primary:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-500{border-color:var(--primary-500);color:var(--primary-500)}.nuitral-box-primary-500:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-600{border-color:var(--primary-600);color:var(--primary-600)}.nuitral-box-primary-600:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-700{border-color:var(--primary-700);color:var(--primary-700)}.nuitral-box-primary-700:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-800{border-color:var(--primary-800);color:var(--primary-800)}.nuitral-box-primary-800:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-primary-900{border-color:var(--primary-900);color:var(--primary-900)}.nuitral-box-primary-900:hover{background-color:var(--primary-extra-light);color:var(--primary-extra-dark)}.nuitral-box-secondary-100{border-color:var(--secondary-100);color:var(--secondary-100)}.nuitral-box-secondary-100:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-200{border-color:var(--secondary-200);color:var(--secondary-200)}.nuitral-box-secondary-200:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-300{border-color:var(--secondary-300);color:var(--secondary-300)}.nuitral-box-secondary-300:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-400{border-color:var(--secondary-400);color:var(--secondary-400)}.nuitral-box-secondary-400:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary{border-color:var(--secondary-500);color:var(--secondary-500)}.nuitral-box-secondary:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-500{border-color:var(--secondary-500);color:var(--secondary-500)}.nuitral-box-secondary-500:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-600{border-color:var(--secondary-600);color:var(--secondary-600)}.nuitral-box-secondary-600:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-700{border-color:var(--secondary-700);color:var(--secondary-700)}.nuitral-box-secondary-700:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-800{border-color:var(--secondary-800);color:var(--secondary-800)}.nuitral-box-secondary-800:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-secondary-900{border-color:var(--secondary-900);color:var(--secondary-900)}.nuitral-box-secondary-900:hover{background-color:var(--secondary-extra-light);color:var(--secondary-extra-dark)}.nuitral-box-accent-100{border-color:var(--accent-100);color:var(--accent-100)}.nuitral-box-accent-100:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-200{border-color:var(--accent-200);color:var(--accent-200)}.nuitral-box-accent-200:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-300{border-color:var(--accent-300);color:var(--accent-300)}.nuitral-box-accent-300:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-400{border-color:var(--accent-400);color:var(--accent-400)}.nuitral-box-accent-400:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent{border-color:var(--accent-500);color:var(--accent-500)}.nuitral-box-accent:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-500{border-color:var(--accent-500);color:var(--accent-500)}.nuitral-box-accent-500:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-600{border-color:var(--accent-600);color:var(--accent-600)}.nuitral-box-accent-600:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-700{border-color:var(--accent-700);color:var(--accent-700)}.nuitral-box-accent-700:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-800{border-color:var(--accent-800);color:var(--accent-800)}.nuitral-box-accent-800:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-accent-900{border-color:var(--accent-900);color:var(--accent-900)}.nuitral-box-accent-900:hover{background-color:var(--accent-extra-light);color:var(--accent-extra-dark)}.nuitral-box-background-100{border-color:var(--background-100);color:var(--background-100)}.nuitral-box-background-100:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-200{border-color:var(--background-200);color:var(--background-200)}.nuitral-box-background-200:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-300{border-color:var(--background-300);color:var(--background-300)}.nuitral-box-background-300:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-400{border-color:var(--background-400);color:var(--background-400)}.nuitral-box-background-400:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background{border-color:var(--background-500);color:var(--background-500)}.nuitral-box-background:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-500{border-color:var(--background-500);color:var(--background-500)}.nuitral-box-background-500:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-600{border-color:var(--background-600);color:var(--background-600)}.nuitral-box-background-600:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-700{border-color:var(--background-700);color:var(--background-700)}.nuitral-box-background-700:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-800{border-color:var(--background-800);color:var(--background-800)}.nuitral-box-background-800:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-background-900{border-color:var(--background-900);color:var(--background-900)}.nuitral-box-background-900:hover{background-color:var(--background-extra-light);color:var(--background-extra-dark)}.nuitral-box-surface-100{border-color:var(--surface-100);color:var(--surface-100)}.nuitral-box-surface-100:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-200{border-color:var(--surface-200);color:var(--surface-200)}.nuitral-box-surface-200:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-300{border-color:var(--surface-300);color:var(--surface-300)}.nuitral-box-surface-300:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-400{border-color:var(--surface-400);color:var(--surface-400)}.nuitral-box-surface-400:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface{border-color:var(--surface-500);color:var(--surface-500)}.nuitral-box-surface:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-500{border-color:var(--surface-500);color:var(--surface-500)}.nuitral-box-surface-500:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-600{border-color:var(--surface-600);color:var(--surface-600)}.nuitral-box-surface-600:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-700{border-color:var(--surface-700);color:var(--surface-700)}.nuitral-box-surface-700:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-800{border-color:var(--surface-800);color:var(--surface-800)}.nuitral-box-surface-800:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-surface-900{border-color:var(--surface-900);color:var(--surface-900)}.nuitral-box-surface-900:hover{background-color:var(--surface-extra-light);color:var(--surface-extra-dark)}.nuitral-box-error-100{border-color:var(--error-100);color:var(--error-100)}.nuitral-box-error-100:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-200{border-color:var(--error-200);color:var(--error-200)}.nuitral-box-error-200:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-300{border-color:var(--error-300);color:var(--error-300)}.nuitral-box-error-300:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-400{border-color:var(--error-400);color:var(--error-400)}.nuitral-box-error-400:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error{border-color:var(--error-500);color:var(--error-500)}.nuitral-box-error:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-500{border-color:var(--error-500);color:var(--error-500)}.nuitral-box-error-500:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-600{border-color:var(--error-600);color:var(--error-600)}.nuitral-box-error-600:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-700{border-color:var(--error-700);color:var(--error-700)}.nuitral-box-error-700:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-800{border-color:var(--error-800);color:var(--error-800)}.nuitral-box-error-800:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-error-900{border-color:var(--error-900);color:var(--error-900)}.nuitral-box-error-900:hover{background-color:var(--error-extra-light);color:var(--error-extra-dark)}.nuitral-box-success-100{border-color:var(--success-100);color:var(--success-100)}.nuitral-box-success-100:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-200{border-color:var(--success-200);color:var(--success-200)}.nuitral-box-success-200:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-300{border-color:var(--success-300);color:var(--success-300)}.nuitral-box-success-300:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-400{border-color:var(--success-400);color:var(--success-400)}.nuitral-box-success-400:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success{border-color:var(--success-500);color:var(--success-500)}.nuitral-box-success:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-500{border-color:var(--success-500);color:var(--success-500)}.nuitral-box-success-500:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-600{border-color:var(--success-600);color:var(--success-600)}.nuitral-box-success-600:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-700{border-color:var(--success-700);color:var(--success-700)}.nuitral-box-success-700:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-800{border-color:var(--success-800);color:var(--success-800)}.nuitral-box-success-800:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-success-900{border-color:var(--success-900);color:var(--success-900)}.nuitral-box-success-900:hover{background-color:var(--success-extra-light);color:var(--success-extra-dark)}.nuitral-box-warning-100{border-color:var(--warning-100);color:var(--warning-100)}.nuitral-box-warning-100:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-200{border-color:var(--warning-200);color:var(--warning-200)}.nuitral-box-warning-200:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-300{border-color:var(--warning-300);color:var(--warning-300)}.nuitral-box-warning-300:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-400{border-color:var(--warning-400);color:var(--warning-400)}.nuitral-box-warning-400:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning{border-color:var(--warning-500);color:var(--warning-500)}.nuitral-box-warning:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-500{border-color:var(--warning-500);color:var(--warning-500)}.nuitral-box-warning-500:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-600{border-color:var(--warning-600);color:var(--warning-600)}.nuitral-box-warning-600:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-700{border-color:var(--warning-700);color:var(--warning-700)}.nuitral-box-warning-700:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-800{border-color:var(--warning-800);color:var(--warning-800)}.nuitral-box-warning-800:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-warning-900{border-color:var(--warning-900);color:var(--warning-900)}.nuitral-box-warning-900:hover{background-color:var(--warning-extra-light);color:var(--warning-extra-dark)}.nuitral-box-info-100{border-color:var(--info-100);color:var(--info-100)}.nuitral-box-info-100:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-200{border-color:var(--info-200);color:var(--info-200)}.nuitral-box-info-200:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-300{border-color:var(--info-300);color:var(--info-300)}.nuitral-box-info-300:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-400{border-color:var(--info-400);color:var(--info-400)}.nuitral-box-info-400:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info{border-color:var(--info-500);color:var(--info-500)}.nuitral-box-info:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-500{border-color:var(--info-500);color:var(--info-500)}.nuitral-box-info-500:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-600{border-color:var(--info-600);color:var(--info-600)}.nuitral-box-info-600:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-700{border-color:var(--info-700);color:var(--info-700)}.nuitral-box-info-700:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-800{border-color:var(--info-800);color:var(--info-800)}.nuitral-box-info-800:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-info-900{border-color:var(--info-900);color:var(--info-900)}.nuitral-box-info-900:hover{background-color:var(--info-extra-light);color:var(--info-extra-dark)}.nuitral-box-neutral-100{border-color:var(--neutral-100);color:var(--neutral-100)}.nuitral-box-neutral-100:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-200{border-color:var(--neutral-200);color:var(--neutral-200)}.nuitral-box-neutral-200:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-300{border-color:var(--neutral-300);color:var(--neutral-300)}.nuitral-box-neutral-300:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-400{border-color:var(--neutral-400);color:var(--neutral-400)}.nuitral-box-neutral-400:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral{border-color:var(--neutral-500);color:var(--neutral-500)}.nuitral-box-neutral:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-500{border-color:var(--neutral-500);color:var(--neutral-500)}.nuitral-box-neutral-500:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-600{border-color:var(--neutral-600);color:var(--neutral-600)}.nuitral-box-neutral-600:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-700{border-color:var(--neutral-700);color:var(--neutral-700)}.nuitral-box-neutral-700:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-800{border-color:var(--neutral-800);color:var(--neutral-800)}.nuitral-box-neutral-800:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box-neutral-900{border-color:var(--neutral-900);color:var(--neutral-900)}.nuitral-box-neutral-900:hover{background-color:var(--neutral-extra-light);color:var(--neutral-extra-dark)}.nuitral-box{padding:1rem;background:rgba(0,0,0,0);border:1px solid;border-radius:var(--border-radius-molecules);transition:all .3s ease-in-out;corner-shape:var(--corner-shape-molecules);box-sizing:border-box}.nuitral-box .nuitral-box-title{font-size:1.25rem;margin-bottom:10px}.nuitral-button{display:flex;height:var(--height-atoms);padding:8px 16px;align-items:center;font-size:15px;font-weight:500;line-height:1.5;border-radius:var(--border-radius-atoms);transition:all .3s ease;corner-shape:var(--corner-shape-atoms);cursor:pointer;overflow:hidden;box-sizing:border-box;gap:4px;backface-visibility:hidden;border-style:none;box-shadow:none;letter-spacing:normal;text-decoration:none;white-space:nowrap;outline:none}.nuitral-button-background-primary-100{background-color:var(--primary-100);color:var(--primary-100-text);box-shadow:var(--box-shadow)}.nuitral-button-background-primary-100:hover{background-color:var(--primary-extra-light)}.nuitral-button-background-primary-100:active{background-color:var(--primary-darken)}.nuitral-button-background-primary-100:focus{box-shadow:var(--box-shadow-focus)}.nuitral-button-background-primary-100:disabled{color:var(--primary-100-text);opacity:.6;background-color:var(--primary-100);pointer-events:none;box-shadow:none}.nuitral-button-background-primary-100 .nuitral-icon{color:var(--primary-100-text)}.nuitral-button-background-primary-200{background-color:var(--primary-200);color:var(--primary-200-text);box-shadow:var(--box-shadow)}.nuitral-button-background-primary-200:hover{background-color:var(--primary-extra-light)}.nuitral-button-background-primary-200:active{background-color:var(--primary-darken)}.nuitral-button-background-primary-200:focus{box-shadow:var(--box-shadow-focus)}.nuitral-button-background-primary-200:disabled{color:var(--primary-200-text);opacity:.6;background-color:var(--primary-200);pointer-events:none;box-shadow:none}.nuitral-button-background-primary-200 .nuitral-icon{color:var(--primary-200-text)}.nuitral-button-background-primary-300{background-color:var(--primary-300);color:var(--primary-300-text);box-shadow:var(--box-shadow)}.nuitral-button-background-primary-300:hover{background-color:var(--primary-extra-light)}.nuitral-button-background-primary-300:active{background-color:var(--primary-darken)}.nuitral-button-background-primary-300:focus{box-shadow:var(--box-shadow-focus)}.nuitral-button-background-primary-300:disabled{color:var(--primary-300-text);opacity:.6;background-color:var(--primary-300);pointer-events:none;box-shadow:none}.nuitral-button-background-primary-300 .nuitral-icon{color:var(--primary-300-text)}.nuitral-button-background-primary-400{background-color:var(--primary-400);color:var(--primary-400-text);box-shadow:var(--box-shadow)}.nuitral-button-background-primary-400:hover{background-