@layer base {
  :root {
    --color-blue-500: 12, 27, 54;
    --color-blue-400: 22, 34, 54;
    --color-blue-350: 34, 44, 53;
    --color-blue-300: 48, 59, 79;
    --color-blue-250: 53, 64, 83;
    --color-blue-200: 85, 116, 151;
    --color-blue-100: 118, 140, 168;
    --color-blue-50: 246, 247, 247;
    --color-navy-blue-250: 60, 73, 94;
    --color-gray-800: 31, 41, 55;
    --color-gray-500: 107, 114, 128;
    --color-gray-400: 156, 163, 175;
    --color-gray-300: 209, 213, 219;
    --color-gray-200: 223, 223, 223;
    --color-gray-150: 240, 240, 240;
    --color-gray-100: 248, 243, 233;
    --color-gray-50: 253, 250, 247;
    --color-white: 255, 255, 255;
    --color-white-200: 252, 249, 244;
    --color-green-600: 156, 179, 59;
    --color-green-500: 187, 211, 0;
    --color-red-100: 254, 240, 240;
    --color-pie-chart-1: var(--color-green-500);
    --color-pie-chart-2: var(--color-green-600);
    --color-pie-chart-3: 53, 109, 93;
    --color-pie-chart-4: 138, 189, 243;
    --color-pie-chart-5: 186, 146, 159;
    --color-pie-chart-6: 196, 184, 186;
    --color-pie-chart-7: 238, 225, 200;
    --color-pie-chart-8: 231, 231, 231;
    --color-pie-chart-9: 12, 28, 55;
    --color-pie-chart-10: var(--color-blue-350);
  }
}
.placeholder-large {
  min-height: 200px;
  background-color: rgba(var(--color-white), 0.75);
  border-radius: 10px;
  margin: 10px 0 20px;
  width: 100%;
}