:root {
  /* Измененные цвета */
  --contrast-light: #6a1b9a !important;
  --contrast-regular: #7b1fa2 !important;
  --contrast-dark: #8e24aa !important;
  --error: #9c27b0 !important;
  --wine-brown: #ab47bc !important;

  --alternative: #283593 !important;
  --icon2-color: #3f51b5 !important;
  --light-text-dark-stroke: #7986cb !important;
  --icon-color: #9fa8da !important;

  /* Дефолтные цвета */
  /*  
  --dark-text: #000;
  --wine-brown: #7f2629;
  --error: #e14848;
  --contrast-dark: #d74400;
  --contrast-regular: #ff5100;
  --contrast-light: #ff6f2d;
  --alternative: #00aaa7;
  --light-text-dark-stroke: #7c9594;
  --icon-color: #a4cccc;
  --icon2-color: #40a8a8;
  --hover-color: #d3e5e5;
  --light-back-color: #ecf4f4;
  --stroke-color: #c5cfcf;
  --white: #fff;
  --black: #000; 
  */
}

.preload {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  display: none;
  position: fixed;
  background: #00000040;
}
.preload .preload-background {
  position: absolute;
  height: 200px;
  width: 200px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.preload .preload-background .preload-icon circle {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
}
.preload .preload-background .preload-icon .c1 {
  stroke: #d74400;
  stroke-dasharray: 1 11 7 0;
  animation: c1 2s linear infinite;
}
.preload .preload-background .preload-icon .c2 {
  stroke: #00aaa7;
  stroke-dasharray: 2 30 18 0;
  animation: c2 1.4s linear infinite;
}

.preload .preload-background .preload-icon .c3 {
  stroke: #d74400;
  stroke-dasharray: 32 48 2 0;
  animation: c3 1.7s linear infinite;
}
.preload .preload-background .preload-icon .c4 {
  stroke: #00aaa7;
  stroke-dasharray: 2 69 44 0;
  animation: c4 1.1s linear infinite;
}

@keyframes c1 {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 19;
  }
}

@keyframes c2 {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 50;
  }
}

@keyframes c3 {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 82;
  }
}

@keyframes c4 {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: 114;
  }
}