:root {
  /* Color styles */
  --gray-0: rgba(255, 255, 255, 1);
  --gray-1: rgba(233, 233, 235, 1);
  --gray-2: rgba(209, 211, 215, 1);
  --gray-3: rgba(159, 161, 169, 1);
  --gray-4: rgba(135, 138, 147, 1);
  --gray-5: rgba(111, 115, 125, 1);
  --gray-6: rgba(87, 91, 104, 1);
  --gray-7: rgba(63, 68, 82, 1);
  --gray-8: rgba(39, 44, 61, 1);
  --gray-9: rgba(15, 21, 39, 1);
  --primary-0: rgba(255, 255, 255, 1);
  --primary-1: rgba(220, 222, 255, 1);
  --primary-2: rgba(202, 206, 255, 1);
  --primary-3: rgba(184, 190, 255, 1);
  --primary-4: rgba(167, 173, 255, 1);
  --primary-5: rgba(149, 157, 255, 1);
  --primary-6: rgba(132, 141, 255, 1);
  --primary-7: rgba(114, 124, 255, 1);
  --primary-8: rgba(96, 108, 255, 1);
  --primary-9: rgba(79, 92, 255, 1);
  --danger-0: rgba(255, 255, 255, 1);
  --danger-1: rgba(249, 214, 214, 1);
  --danger-2: rgba(246, 194, 194, 1);
  --danger-3: rgba(243, 173, 173, 1);
  --danger-4: rgba(240, 152, 152, 1);
  --danger-5: rgba(237, 132, 132, 1);
  --danger-6: rgba(234, 112, 112, 1);
  --danger-7: rgba(231, 91, 91, 1);
  --danger-8: rgba(228, 71, 71, 1);
  --danger-9: rgba(225, 50, 50, 1);
  --warning-0: rgba(255, 255, 255, 1);
  --warning-1: rgba(255, 235, 205, 1);
  --warning-2: rgba(255, 224, 180, 1);
  --warning-3: rgba(255, 214, 155, 1);
  --warning-4: rgba(255, 204, 129, 1);
  --warning-5: rgba(255, 194, 104, 1);
  --warning-6: rgba(255, 184, 79, 1);
  --warning-7: rgba(255, 173, 54, 1);
  --warning-8: rgba(255, 163, 29, 1);
  --warning-9: rgba(255, 153, 4, 1);
  --success-0: rgba(255, 255, 255, 1);
  --success-1: rgba(211, 243, 225, 1);
  --success-2: rgba(190, 237, 210, 1);
  --success-3: rgba(168, 231, 195, 1);
  --success-4: rgba(146, 224, 180, 1);
  --success-5: rgba(124, 218, 166, 1);
  --success-6: rgba(102, 212, 151, 1);
  --success-7: rgba(81, 206, 136, 1);
  --success-8: rgba(59, 200, 121, 1);
  --success-9: rgba(37, 194, 106, 1);

  /* box-shadow */
  --shadow-main: 0px -2px 77px rgba(0, 0, 0, 0.07), 0px -0.5px 37px rgba(0, 0, 0, 0.04), 0px -0.2px 22px rgba(0, 0, 0, 0.03);

  /* transition */
  --duration: .25s;
}

.dark {

}