@nuitral/theming
Version:
nuitral - Theming
1,305 lines (1,298 loc) • 397 kB
CSS
.nuitral-box {
padding: 1rem;
border: 1px solid;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 1rem;
border-bottom-right-radius: 1rem 1rem;
border-bottom-left-radius: 1rem 1rem;
background: transparent;
transition: all 0.3s ease-in-out;
box-sizing: border-box;
}
.nuitral-box .nuitral-box-title {
font-size: 1.25rem;
margin-bottom: 10px;
}
.nuitral-button {
border-top-left-radius: 0.5rem 0.5rem;
border-top-right-radius: 0.5rem 0.5rem;
border-bottom-right-radius: 0.5rem 0.5rem;
border-bottom-left-radius: 0.5rem 0.5rem;
display: flex;
align-items: center;
cursor: pointer;
height: 40px;
overflow: hidden;
padding: 8px 16px;
box-sizing: border-box;
gap: 4px;
backface-visibility: hidden;
border-style: none;
box-shadow: none;
font-size: 15px;
font-weight: 500;
letter-spacing: normal;
line-height: 1.5;
text-decoration: none;
white-space: nowrap;
outline: none;
transition: all 0.3s ease;
}
.nuitral-card {
padding: 1rem;
box-sizing: border-box;
border-top-left-radius: 1rem 1rem;
border-top-right-radius: 1rem 1rem;
border-bottom-right-radius: 1rem 1rem;
border-bottom-left-radius: 1rem 1rem;
border: 1px solid;
}
.nuitral-input {
height: 40px;
padding: 8px 12px;
box-sizing: border-box;
border: 1px solid var(--background-700);
border-top-left-radius: 0.5rem 0.5rem;
border-top-right-radius: 0.5rem 0.5rem;
border-bottom-right-radius: 0.5rem 0.5rem;
border-bottom-left-radius: 0.5rem 0.5rem;
display: flex;
align-items: center;
gap: 4px;
background: var(--background-400);
color: unset;
transition: all 0.3s ease;
}
.nuitral-input input {
width: 100%;
font-size: 16px;
outline: none;
transition: all 0.3s ease;
border: none;
background: transparent;
}
.nuitral-input.disabled {
pointer-events: none;
background-color: var(--background-600);
}
.nuitral-input:focus-within {
border-color: var(--primary-500);
}
.nuitral-tabs {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.nuitral-tab-content {
padding-top: 8px;
}
.nuitral-tab {
height: 40px;
display: flex;
align-items: center;
gap: 4px;
padding: 8px 16px;
box-sizing: border-box;
cursor: pointer;
transition: all 0.3s ease;
}
.nuitral-tab .nuitral-icon {
margin-bottom: 2px;
}
.nuitral-tab.nuitral-tab-active {
border-bottom: 2px solid;
}
.nuitral-tab:not(.nuitral-tab-active) {
border-bottom: 2px solid transparent;
}
.nuitral-tab.disabled {
opacity: 0.6;
pointer-events: none;
}
[nuitral-theme=nuitral].nuitral-light-mode {
color: #1e1e1e;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-100 {
background-color: rgb(111.0736842105, 162.2210526316, 195.5263157895);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-200 {
background-color: rgb(87.0859649123, 146.7578947368, 185.6140350877);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-300 {
background-color: rgb(69.8245614035, 129.8736842105, 168.9754385965);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-400 {
background-color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary {
background-color: #325d79;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-500 {
background-color: #325d79;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-600 {
background-color: rgb(45, 83.7, 108.9);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-700 {
background-color: rgb(40, 74.4, 96.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-800 {
background-color: rgb(35, 65.1, 84.7);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-primary-900 {
background-color: rgb(30, 55.8, 72.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-100 {
background-color: rgb(195, 231, 227.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-200 {
background-color: rgb(185, 227, 222.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-300 {
background-color: rgb(175, 223, 218.2);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-400 {
background-color: rgb(165, 219, 213.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary {
background-color: #9bd7d1;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-500 {
background-color: #9bd7d1;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-600 {
background-color: rgb(128.5714285714, 204.4285714286, 196.8428571429);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-700 {
background-color: rgb(102.1428571429, 193.8571428571, 184.6857142857);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-800 {
background-color: rgb(75.7142857143, 183.2857142857, 172.5285714286);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-secondary-900 {
background-color: rgb(63.4285714286, 158.5714285714, 149.0571428571);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-100 {
background-color: rgb(247.2, 163.2, 125.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-200 {
background-color: rgb(245.9, 147.9, 103.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-300 {
background-color: rgb(244.6, 132.6, 82.2);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-400 {
background-color: rgb(243.3, 117.3, 60.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent {
background-color: #f26627;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-500 {
background-color: #f26627;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-600 {
background-color: rgb(238.543231441, 83.9318777293, 14.356768559);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-700 {
background-color: rgb(212.0384279476, 74.6061135371, 12.7615720524);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-800 {
background-color: rgb(185.5336244541, 65.280349345, 11.1663755459);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-accent-900 {
background-color: rgb(159.0288209607, 55.9545851528, 9.5711790393);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-100 {
background-color: rgb(245.4, 244.8, 244.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-200 {
background-color: rgb(243.8, 243.1, 243.1);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-300 {
background-color: rgb(242.2, 241.4, 241.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-400 {
background-color: rgb(240.6, 239.7, 239.7);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background {
background-color: #efeeee;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-500 {
background-color: #efeeee;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-600 {
background-color: rgb(215.8727272727, 213.4272727273, 213.4272727273);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-700 {
background-color: rgb(192.7454545455, 188.8545454545, 188.8545454545);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-800 {
background-color: rgb(169.6181818182, 164.2818181818, 164.2818181818);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-background-900 {
background-color: rgb(146.4909090909, 139.7090909091, 139.7090909091);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-100 {
background-color: white;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-200 {
background-color: white;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-300 {
background-color: white;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-400 {
background-color: white;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface {
background-color: #ffffff;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-500 {
background-color: #ffffff;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-600 {
background-color: rgb(229.5, 229.5, 229.5);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-700 {
background-color: #cccccc;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-800 {
background-color: rgb(178.5, 178.5, 178.5);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-surface-900 {
background-color: #999999;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-100 {
background-color: rgb(253.2857142857, 76.7142857143, 98.1428571429);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-200 {
background-color: #fd2f48;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-300 {
background-color: rgb(252.7142857143, 17.2857142857, 45.8571428571);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-400 {
background-color: rgb(237.7142857143, 2.2857142857, 30.8571428571);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error {
background-color: #d0021b;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-500 {
background-color: #d0021b;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-600 {
background-color: rgb(187.2, 1.8, 24.3);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-700 {
background-color: rgb(166.4, 1.6, 21.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-800 {
background-color: rgb(145.6, 1.4, 18.9);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-error-900 {
background-color: rgb(124.8, 1.2, 16.2);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-100 {
background-color: rgb(150, 238.2, 218.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-200 {
background-color: rgb(132.5, 235.4, 212.3);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-300 {
background-color: rgb(115, 232.6, 206.2);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-400 {
background-color: rgb(97.5, 229.8, 200.1);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success {
background-color: #50e3c2;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-500 {
background-color: #50e3c2;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-600 {
background-color: rgb(53.5344827586, 222.7655172414, 184.7748768473);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-700 {
background-color: rgb(33.875862069, 211.724137931, 171.7990147783);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-800 {
background-color: rgb(29.6413793103, 185.2586206897, 150.324137931);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-success-900 {
background-color: rgb(25.4068965517, 158.7931034483, 128.8492610837);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-100 {
background-color: rgb(251.4, 199.2, 166.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-200 {
background-color: rgb(250.8, 189.9, 152.1);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-300 {
background-color: rgb(250.2, 180.6, 137.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-400 {
background-color: rgb(249.6, 171.3, 122.7);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning {
background-color: #f9a26c;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-500 {
background-color: #f9a26c;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-600 {
background-color: rgb(247.6, 140.3, 73.7);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-700 {
background-color: rgb(246.2, 118.6, 39.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-800 {
background-color: rgb(240.1, 98, 9.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-warning-900 {
background-color: rgb(205.8, 84, 8.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-100 {
background-color: rgb(111.0736842105, 162.2210526316, 195.5263157895);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-200 {
background-color: rgb(87.0859649123, 146.7578947368, 185.6140350877);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-300 {
background-color: rgb(69.8245614035, 129.8736842105, 168.9754385965);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-400 {
background-color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info {
background-color: #325d79;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-500 {
background-color: #325d79;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-600 {
background-color: rgb(45, 83.7, 108.9);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-700 {
background-color: rgb(40, 74.4, 96.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-800 {
background-color: rgb(35, 65.1, 84.7);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-info-900 {
background-color: rgb(30, 55.8, 72.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-100 {
background-color: rgb(175.2, 175.2, 175.2);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-200 {
background-color: rgb(161.9, 161.9, 161.9);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-300 {
background-color: rgb(148.6, 148.6, 148.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-400 {
background-color: rgb(135.3, 135.3, 135.3);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral {
background-color: #7a7a7a;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-500 {
background-color: #7a7a7a;
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-600 {
background-color: rgb(109.8, 109.8, 109.8);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-700 {
background-color: rgb(97.6, 97.6, 97.6);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-800 {
background-color: rgb(85.4, 85.4, 85.4);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-background-neutral-900 {
background-color: rgb(73.2, 73.2, 73.2);
transition: all 0.3s ease;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-100 {
color: rgb(111.0736842105, 162.2210526316, 195.5263157895);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-200 {
color: rgb(87.0859649123, 146.7578947368, 185.6140350877);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-300 {
color: rgb(69.8245614035, 129.8736842105, 168.9754385965);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-400 {
color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary {
color: #325d79;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-500 {
color: #325d79;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-600 {
color: rgb(45, 83.7, 108.9);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-700 {
color: rgb(40, 74.4, 96.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-800 {
color: rgb(35, 65.1, 84.7);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-primary-900 {
color: rgb(30, 55.8, 72.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-100 {
color: rgb(195, 231, 227.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-200 {
color: rgb(185, 227, 222.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-300 {
color: rgb(175, 223, 218.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-400 {
color: rgb(165, 219, 213.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary {
color: #9bd7d1;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-500 {
color: #9bd7d1;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-600 {
color: rgb(128.5714285714, 204.4285714286, 196.8428571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-700 {
color: rgb(102.1428571429, 193.8571428571, 184.6857142857);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-800 {
color: rgb(75.7142857143, 183.2857142857, 172.5285714286);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-secondary-900 {
color: rgb(63.4285714286, 158.5714285714, 149.0571428571);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-100 {
color: rgb(247.2, 163.2, 125.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-200 {
color: rgb(245.9, 147.9, 103.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-300 {
color: rgb(244.6, 132.6, 82.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-400 {
color: rgb(243.3, 117.3, 60.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent {
color: #f26627;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-500 {
color: #f26627;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-600 {
color: rgb(238.543231441, 83.9318777293, 14.356768559);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-700 {
color: rgb(212.0384279476, 74.6061135371, 12.7615720524);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-800 {
color: rgb(185.5336244541, 65.280349345, 11.1663755459);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-accent-900 {
color: rgb(159.0288209607, 55.9545851528, 9.5711790393);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-100 {
color: rgb(245.4, 244.8, 244.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-200 {
color: rgb(243.8, 243.1, 243.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-300 {
color: rgb(242.2, 241.4, 241.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-400 {
color: rgb(240.6, 239.7, 239.7);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background {
color: #efeeee;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-500 {
color: #efeeee;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-600 {
color: rgb(215.8727272727, 213.4272727273, 213.4272727273);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-700 {
color: rgb(192.7454545455, 188.8545454545, 188.8545454545);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-800 {
color: rgb(169.6181818182, 164.2818181818, 164.2818181818);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-background-900 {
color: rgb(146.4909090909, 139.7090909091, 139.7090909091);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-100 {
color: white;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-200 {
color: white;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-300 {
color: white;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-400 {
color: white;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface {
color: #ffffff;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-500 {
color: #ffffff;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-600 {
color: rgb(229.5, 229.5, 229.5);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-700 {
color: #cccccc;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-800 {
color: rgb(178.5, 178.5, 178.5);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-surface-900 {
color: #999999;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-100 {
color: rgb(253.2857142857, 76.7142857143, 98.1428571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-200 {
color: #fd2f48;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-300 {
color: rgb(252.7142857143, 17.2857142857, 45.8571428571);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-400 {
color: rgb(237.7142857143, 2.2857142857, 30.8571428571);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error {
color: #d0021b;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-500 {
color: #d0021b;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-600 {
color: rgb(187.2, 1.8, 24.3);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-700 {
color: rgb(166.4, 1.6, 21.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-800 {
color: rgb(145.6, 1.4, 18.9);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-error-900 {
color: rgb(124.8, 1.2, 16.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-100 {
color: rgb(150, 238.2, 218.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-200 {
color: rgb(132.5, 235.4, 212.3);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-300 {
color: rgb(115, 232.6, 206.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-400 {
color: rgb(97.5, 229.8, 200.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success {
color: #50e3c2;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-500 {
color: #50e3c2;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-600 {
color: rgb(53.5344827586, 222.7655172414, 184.7748768473);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-700 {
color: rgb(33.875862069, 211.724137931, 171.7990147783);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-800 {
color: rgb(29.6413793103, 185.2586206897, 150.324137931);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-success-900 {
color: rgb(25.4068965517, 158.7931034483, 128.8492610837);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-100 {
color: rgb(251.4, 199.2, 166.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-200 {
color: rgb(250.8, 189.9, 152.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-300 {
color: rgb(250.2, 180.6, 137.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-400 {
color: rgb(249.6, 171.3, 122.7);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning {
color: #f9a26c;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-500 {
color: #f9a26c;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-600 {
color: rgb(247.6, 140.3, 73.7);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-700 {
color: rgb(246.2, 118.6, 39.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-800 {
color: rgb(240.1, 98, 9.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-warning-900 {
color: rgb(205.8, 84, 8.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-100 {
color: rgb(111.0736842105, 162.2210526316, 195.5263157895);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-200 {
color: rgb(87.0859649123, 146.7578947368, 185.6140350877);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-300 {
color: rgb(69.8245614035, 129.8736842105, 168.9754385965);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-400 {
color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info {
color: #325d79;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-500 {
color: #325d79;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-600 {
color: rgb(45, 83.7, 108.9);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-700 {
color: rgb(40, 74.4, 96.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-800 {
color: rgb(35, 65.1, 84.7);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-info-900 {
color: rgb(30, 55.8, 72.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-100 {
color: rgb(175.2, 175.2, 175.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-200 {
color: rgb(161.9, 161.9, 161.9);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-300 {
color: rgb(148.6, 148.6, 148.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-400 {
color: rgb(135.3, 135.3, 135.3);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral {
color: #7a7a7a;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-500 {
color: #7a7a7a;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-600 {
color: rgb(109.8, 109.8, 109.8);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-700 {
color: rgb(97.6, 97.6, 97.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-800 {
color: rgb(85.4, 85.4, 85.4);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-color-neutral-900 {
color: rgb(73.2, 73.2, 73.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-100 {
background-color: rgb(111.0736842105, 162.2210526316, 195.5263157895);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-100:hover {
background-color: rgb(125.4663157895, 171.4989473684, 201.4736842105);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-100:active {
background-color: rgb(89.3785964912, 148.2357894737, 186.5614035088);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-100:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-100:disabled {
background-color: rgba(111.0736842105, 162.2210526316, 195.5263157895, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-200 {
background-color: rgb(87.0859649123, 146.7578947368, 185.6140350877);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-200:hover {
background-color: rgb(103.8773684211, 157.5821052632, 192.5526315789);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-200:active {
background-color: rgb(71.7631578947, 133.4794736842, 173.6668421053);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-200:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-200:disabled {
background-color: rgba(87.0859649123, 146.7578947368, 185.6140350877, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-300 {
background-color: rgb(69.8245614035, 129.8736842105, 168.9754385965);
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-300:hover {
background-color: rgb(82.2884210526, 143.6652631579, 183.6315789474);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-300:active {
background-color: rgb(62.8421052632, 116.8863157895, 152.0778947368);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-300:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-300:disabled {
background-color: rgba(69.8245614035, 129.8736842105, 168.9754385965, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-400 {
background-color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-400:hover {
background-color: rgb(68.8333333333, 128.03, 166.5766666667);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-400:active {
background-color: rgb(53.9210526316, 100.2931578947, 130.4889473684);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-400:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-400:disabled {
background-color: rgba(59.9122807018, 111.4368421053, 144.9877192982, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary {
background-color: #325d79;
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary:hover {
background-color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary:active {
background-color: rgb(45, 83.7, 108.9);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary:disabled {
background-color: rgba(50, 93, 121, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-500 {
background-color: #325d79;
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-500:hover {
background-color: rgb(59.9122807018, 111.4368421053, 144.9877192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-500:active {
background-color: rgb(45, 83.7, 108.9);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-500:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-500:disabled {
background-color: rgba(50, 93, 121, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-600 {
background-color: rgb(45, 83.7, 108.9);
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-600:hover {
background-color: rgb(55.4122807018, 103.0668421053, 134.0977192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-600:active {
background-color: rgb(40.5, 75.33, 98.01);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-600:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-600:disabled {
background-color: rgba(45, 83.7, 108.9, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-700 {
background-color: rgb(40, 74.4, 96.8);
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-700:hover {
background-color: rgb(50.9122807018, 94.6968421053, 123.2077192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-700:active {
background-color: rgb(36, 66.96, 87.12);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-700:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-700:disabled {
background-color: rgba(40, 74.4, 96.8, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-800 {
background-color: rgb(35, 65.1, 84.7);
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-800:hover {
background-color: rgb(46.4122807018, 86.3268421053, 112.3177192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-800:active {
background-color: rgb(31.5, 58.59, 76.23);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-800:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-800:disabled {
background-color: rgba(35, 65.1, 84.7, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-900 {
background-color: rgb(30, 55.8, 72.6);
color: #f5f5f5;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-900:hover {
background-color: rgb(41.9122807018, 77.9568421053, 101.4277192982);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-900:active {
background-color: rgb(27, 50.22, 65.34);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-900:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-primary-900:disabled {
background-color: rgba(30, 55.8, 72.6, 0.4);
color: #f5f5f5;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-100 {
background-color: rgb(195, 231, 227.4);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-100:hover {
background-color: rgb(201, 233.4, 230.16);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-100:active {
background-color: rgb(164.5714285714, 218.8285714286, 213.4028571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-100:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-100:disabled {
background-color: rgba(195, 231, 227.4, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-200 {
background-color: rgb(185, 227, 222.8);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-200:hover {
background-color: rgb(192, 229.8, 226.02);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-200:active {
background-color: rgb(155.5714285714, 215.2285714286, 209.2628571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-200:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-200:disabled {
background-color: rgba(185, 227, 222.8, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-300 {
background-color: rgb(175, 223, 218.2);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-300:hover {
background-color: rgb(183, 226.2, 221.88);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-300:active {
background-color: rgb(146.5714285714, 211.6285714286, 205.1228571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-300:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-300:disabled {
background-color: rgba(175, 223, 218.2, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-400 {
background-color: rgb(165, 219, 213.6);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-400:hover {
background-color: rgb(174, 222.6, 217.74);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-400:active {
background-color: rgb(137.5714285714, 208.0285714286, 200.9828571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-400:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-400:disabled {
background-color: rgba(165, 219, 213.6, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary {
background-color: #9bd7d1;
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary:hover {
background-color: rgb(165, 219, 213.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary:active {
background-color: rgb(128.5714285714, 204.4285714286, 196.8428571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary:disabled {
background-color: rgba(155, 215, 209, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-500 {
background-color: #9bd7d1;
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-500:hover {
background-color: rgb(165, 219, 213.6);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-500:active {
background-color: rgb(128.5714285714, 204.4285714286, 196.8428571429);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-500:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-500:disabled {
background-color: rgba(155, 215, 209, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-600 {
background-color: rgb(128.5714285714, 204.4285714286, 196.8428571429);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-600:hover {
background-color: rgb(141.2142857143, 209.4857142857, 202.6585714286);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-600:active {
background-color: rgb(104.7857142857, 194.9142857143, 185.9014285714);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-600:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-600:disabled {
background-color: rgba(128.5714285714, 204.4285714286, 196.8428571429, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-700 {
background-color: rgb(102.1428571429, 193.8571428571, 184.6857142857);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-700:hover {
background-color: rgb(117.4285714286, 199.9714285714, 191.7171428571);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-700:active {
background-color: rgb(81, 185.4, 174.96);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-700:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-700:disabled {
background-color: rgba(102.1428571429, 193.8571428571, 184.6857142857, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-800 {
background-color: rgb(75.7142857143, 183.2857142857, 172.5285714286);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-800:hover {
background-color: rgb(93.6428571429, 190.4571428571, 180.7757142857);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-800:active {
background-color: rgb(66.6, 166.5, 156.51);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-800:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-800:disabled {
background-color: rgba(75.7142857143, 183.2857142857, 172.5285714286, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-900 {
background-color: rgb(63.4285714286, 158.5714285714, 149.0571428571);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-900:hover {
background-color: rgb(71.6571428571, 179.1428571429, 168.3942857143);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-900:active {
background-color: rgb(57.0857142857, 142.7142857143, 134.1514285714);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-900:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-secondary-900:disabled {
background-color: rgba(63.4285714286, 158.5714285714, 149.0571428571, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-100 {
background-color: rgb(247.2, 163.2, 125.4);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-100:hover {
background-color: rgb(247.98, 172.38, 138.36);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-100:active {
background-color: rgb(245.0848034934, 138.3057641921, 90.2551965066);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-100:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-100:disabled {
background-color: rgba(247.2, 163.2, 125.4, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-200 {
background-color: rgb(245.9, 147.9, 103.8);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-200:hover {
background-color: rgb(246.81, 158.61, 118.92);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-200:active {
background-color: rgb(243.9148034934, 124.5357641921, 70.8151965066);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-200:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-200:disabled {
background-color: rgba(245.9, 147.9, 103.8, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-300 {
background-color: rgb(244.6, 132.6, 82.2);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-300:hover {
background-color: rgb(245.64, 144.84, 99.48);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-300:active {
background-color: rgb(242.7448034934, 110.7657641921, 51.3751965066);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-300:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-300:disabled {
background-color: rgba(244.6, 132.6, 82.2, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-400 {
background-color: rgb(243.3, 117.3, 60.6);
color: #1e1e1e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-400:hover {
background-color: rgb(244.47, 131.07, 80.04);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-400:active {
background-color: rgb(241.5748034934, 96.9957641921, 31.9351965066);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-400:focus {
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent-400:disabled {
background-color: rgba(243.3, 117.3, 60.6, 0.4);
color: #1e1e1e;
pointer-events: none;
box-shadow: none;
}
[nuitral-theme=nuitral].nuitral-light-mode .nuitral-button-background-accent {
background-color: #f26627;
color: #f5f5f5