.if-ng {
  --primary: #482882;
  --secondary: #6946aa;
  --alternate: #6946aa;
  --warning: #ffb333;
  --accent: #414d5a;
  --text-color: #5f5e5e;
  --danger: #f0392b;
  --success: #339536;
  --admin: #c80092;
  --cold-1: #0bdedb;
  --cold-2: #0c5f7a;
  --cold-3: #5cc8fb;
  --cold-4: #006997;
  --cold-5: #0bd498;
  --cold-6: #5ede72;
  --hot-1: #dd6000;
  --hot-2: #f5f540;
  --hot-3: #ebe31a;
  --hot-4: #ccad16;
  --hot-5: #e51a0b;
  --hot-6: #ea5a4f;
  --hot-7: #c96885;
  --hot-8: #ea8f9b;
  --hot-9: #f77ba0;
  --hot-10: #f29bb5;
  --hot-11: #af2a20;
  --hot-12: #d33328;
  --neutral-1: #f0f0f0;
  --neutral-2: #e9e9e9;
  --neutral-3: #e2eaf5;
  --neutral-4: #cad9ed;
  --variable-color-1: var(--neutral-3);
  --variable-color-2: var(--neutral-4);
  --variable-color-3: #1a2d4b;
  --variable-color-4: var(--primary);
  --variable-color-5: var(--neutral-3);
  --logo-background: var(--secondary);
  --menu-background: var(--secondary);
  --primary-second: #f44336;
  --neutral-color: #d2dfef;
  --warning-color: #fd7e3d;
  --primary-acent: rgb(26, 45, 75);
  /* Couleur modifiee par les reseaux */ }

:root {
  --partnership-color: #F3D145;
  --orisha-raspberry: #e8005f;
  --orisha-sunglow: #ffbc00; }

.blink-loader {
  display: inline-flex;
  height: 100%;
  width: 100%; }
  .blink-loader span {
    width: 33%;
    height: 100%;
    margin: 0 2px;
    background-color: #482882;
    animation-name: blink_loader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-fill-mode: both; }
    .blink-loader span:nth-child(1) {
      animation-delay: -.3s; }
    .blink-loader span:nth-child(2) {
      animation-delay: -.15s; }

@keyframes blink_loader {
  0%,
  80%,
  100% {
    opacity: 0; }
  30%,
  50% {
    opacity: 1; } }