:root {
	--color-ui-100: #f0fdf4;
	--color-ui-200: #dcfce7;
	--color-ui-400: #10b981;
	--color-ui-500: #05965c;
	--color-ui-600: #047857;
	--color-ui-700: #166534;
	--color-ui-800: #064e3b;
	--color-ui-900: #022c1e;

	--color-secondary-700: #0f766e;
	--color-secondary-800: #115e59;
	--color-secondary-900: #134e4a;

	--color-neutral-100: #f0fdf4;
	
	--color-primary-200: #d1fae5;
	--color-primary-600: #0f766e;
	--color-primary-700: #047857;
	--color-primary-800: #166534;
	--color-primary-900: #064e34;	
	--color-icon-900: #022c1e;
}

button:disabled #spinnerbtn {
    display: inline-block;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}