/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/px2rem-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/sass-loader/dist/cjs.js!./node_modules/glob-import-loader/index.js!./src/newComponents/main-sidebar/main-sidebar.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
[v-cloak] {
  display: none;
}

@keyframes border-color {
  0% {
    border-image: linear-gradient(
        120deg,
        rgb(122, 185, 229),
        rgb(109, 162, 214),
        rgb(100, 140, 201),
        rgb(87, 118, 185),
        rgb(75, 94, 170),
        rgb(71, 78, 158),
        rgb(71, 74, 153),
        rgb(74, 67, 147),
        rgb(74, 61, 141),
        rgb(74, 55, 134)
      )
      1;
  }

  2.5641% {
    border-image: linear-gradient(
        120deg,
        rgb(117, 173, 222),
        rgb(104, 151, 207),
        rgb(93, 128, 192),
        rgb(81, 105, 177),
        rgb(70, 83, 162),
        rgb(71, 76, 157),
        rgb(72, 71, 147),
        rgb(73, 64, 143),
        rgb(75, 58, 138),
        rgb(74, 55, 134)
      )
      1;
  }

  5.1282% {
    border-image: linear-gradient(
        120deg,
        rgb(111, 162, 215),
        rgb(99, 139, 200),
        rgb(88, 117, 185),
        rgb(75, 94, 170),
        rgb(72, 79, 159),
        rgb(72, 73, 153),
        rgb(72, 67, 147),
        rgb(74, 61, 141),
        rgb(76, 55, 134),
        rgb(75, 58, 138)
      )
      1;
  }

  7.6922999999999995% {
    border-image: linear-gradient(
        120deg,
        rgb(104, 150, 209),
        rgb(92, 127, 191),
        rgb(81, 105, 177),
        rgb(70, 83, 162),
        rgb(71, 76, 157),
        rgb(73, 70, 149),
        rgb(72, 65, 143),
        rgb(73, 59, 138),
        rgb(74, 55, 136),
        rgb(74, 61, 140)
      )
      1;
  }

  10.2564% {
    border-image: linear-gradient(
        120deg,
        rgb(99, 137, 200),
        rgb(87, 116, 184),
        rgb(76, 94, 170),
        rgb(71, 78, 158),
        rgb(71, 72, 152),
        rgb(75, 68, 148),
        rgb(73, 62, 141),
        rgb(74, 55, 134),
        rgb(72, 58, 137),
        rgb(73, 64, 143)
      )
      1;
  }

  12.8205% {
    border-image: linear-gradient(
        120deg,
        rgb(93, 126, 193),
        rgb(81, 103, 176),
        rgb(71, 82, 162),
        rgb(70, 75, 156),
        rgb(73, 70, 149),
        rgb(73, 64, 143),
        rgb(73, 59, 138),
        rgb(76, 54, 136),
        rgb(74, 61, 141),
        rgb(74, 67, 147)
      )
      1;
  }

  15.384599999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(86, 115, 183),
        rgb(75, 93, 169),
        rgb(70, 79, 158),
        rgb(73, 72, 152),
        rgb(75, 68, 148),
        rgb(74, 61, 140),
        rgb(74, 55, 134),
        rgb(73, 59, 138),
        rgb(73, 64, 143),
        rgb(73, 70, 149)
      )
      1;
  }

  17.9487% {
    border-image: linear-gradient(
        120deg,
        rgb(81, 103, 176),
        rgb(70, 81, 161),
        rgb(71, 77, 155),
        rgb(72, 71, 149),
        rgb(73, 64, 143),
        rgb(73, 59, 138),
        rgb(74, 55, 134),
        rgb(74, 61, 141),
        rgb(74, 67, 147),
        rgb(71, 72, 152)
      )
      1;
  }

  20.5128% {
    border-image: linear-gradient(
        120deg,
        rgb(75, 93, 169),
        rgb(71, 78, 158),
        rgb(72, 73, 153),
        rgb(74, 67, 147),
        rgb(74, 61, 140),
        rgb(76, 55, 134),
        rgb(73, 59, 138),
        rgb(73, 64, 143),
        rgb(73, 70, 149),
        rgb(72, 75, 154)
      )
      1;
  }

  23.0769% {
    border-image: linear-gradient(
        120deg,
        rgb(71, 82, 161),
        rgb(71, 76, 157),
        rgb(73, 70, 149),
        rgb(73, 64, 143),
        rgb(75, 58, 138),
        rgb(76, 54, 136),
        rgb(74, 61, 141),
        rgb(74, 67, 147),
        rgb(72, 73, 153),
        rgb(71, 78, 158)
      )
      1;
  }

  25.641% {
    border-image: linear-gradient(
        120deg,
        rgb(71, 78, 158),
        rgb(71, 72, 152),
        rgb(74, 67, 147),
        rgb(74, 61, 141),
        rgb(76, 55, 134),
        rgb(73, 59, 138),
        rgb(73, 64, 143),
        rgb(73, 70, 149),
        rgb(70, 76, 154),
        rgb(72, 81, 160)
      )
      1;
  }

  28.205099999999998% {
    border-image: linear-gradient(
        120deg,
        rgb(71, 77, 155),
        rgb(73, 70, 149),
        rgb(73, 64, 143),
        rgb(75, 58, 138),
        rgb(74, 55, 136),
        rgb(73, 62, 141),
        rgb(74, 67, 147),
        rgb(72, 73, 153),
        rgb(71, 78, 158),
        rgb(72, 85, 164)
      )
      1;
  }

  30.769199999999998% {
    border-image: linear-gradient(
        120deg,
        rgb(72, 73, 153),
        rgb(73, 66, 146),
        rgb(73, 60, 139),
        rgb(74, 55, 134),
        rgb(73, 59, 138),
        rgb(73, 64, 143),
        rgb(73, 70, 149),
        rgb(73, 76, 155),
        rgb(71, 82, 161),
        rgb(76, 95, 171)
      )
      1;
  }

  33.333299999999994% {
    border-image: linear-gradient(
        120deg,
        rgb(73, 70, 149),
        rgb(73, 64, 143),
        rgb(74, 57, 137),
        rgb(76, 54, 136),
        rgb(73, 62, 141),
        rgb(73, 68, 148),
        rgb(72, 73, 153),
        rgb(71, 78, 158),
        rgb(73, 86, 165),
        rgb(81, 103, 176)
      )
      1;
  }

  35.8974% {
    border-image: linear-gradient(
        120deg,
        rgb(74, 67, 145),
        rgb(74, 61, 140),
        rgb(76, 55, 134),
        rgb(73, 59, 138),
        rgb(73, 64, 143),
        rgb(73, 70, 149),
        rgb(72, 75, 154),
        rgb(72, 81, 160),
        rgb(76, 95, 171),
        rgb(86, 115, 183)
      )
      1;
  }

  38.4615% {
    border-image: linear-gradient(
        120deg,
        rgb(73, 64, 143),
        rgb(75, 58, 138),
        rgb(74, 55, 136),
        rgb(74, 61, 141),
        rgb(75, 68, 148),
        rgb(72, 73, 153),
        rgb(71, 78, 158),
        rgb(72, 85, 164),
        rgb(82, 104, 177),
        rgb(93, 124, 191)
      )
      1;
  }

  41.0256% {
    border-image: linear-gradient(
        120deg,
        rgb(75, 61, 140),
        rgb(76, 55, 134),
        rgb(73, 59, 138),
        rgb(73, 64, 143),
        rgb(73, 70, 149),
        rgb(71, 77, 155),
        rgb(72, 81, 160),
        rgb(77, 96, 172),
        rgb(86, 115, 183),
        rgb(96, 134, 197)
      )
      1;
  }

  43.58969999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(75, 58, 138),
        rgb(74, 57, 137),
        rgb(73, 62, 141),
        rgb(74, 67, 147),
        rgb(71, 72, 152),
        rgb(71, 78, 158),
        rgb(72, 85, 164),
        rgb(82, 104, 177),
        rgb(90, 124, 188),
        rgb(101, 143, 203)
      )
      1;
  }

  46.1538% {
    border-image: linear-gradient(
        120deg,
        rgb(76, 55, 134),
        rgb(74, 60, 139),
        rgb(72, 65, 143),
        rgb(73, 70, 149),
        rgb(71, 77, 155),
        rgb(71, 83, 159),
        rgb(77, 96, 172),
        rgb(86, 115, 183),
        rgb(96, 134, 197),
        rgb(106, 153, 209)
      )
      1;
  }

  48.7179% {
    border-image: linear-gradient(
        120deg,
        rgb(74, 57, 137),
        rgb(73, 62, 141),
        rgb(75, 68, 148),
        rgb(72, 73, 153),
        rgb(71, 78, 158),
        rgb(71, 87, 165),
        rgb(83, 105, 178),
        rgb(91, 124, 191),
        rgb(102, 144, 204),
        rgb(110, 163, 215)
      )
      1;
  }

  51.282% {
    border-image: linear-gradient(
        120deg,
        rgb(74, 60, 139),
        rgb(73, 64, 143),
        rgb(72, 71, 149),
        rgb(73, 76, 155),
        rgb(71, 82, 161),
        rgb(77, 96, 172),
        rgb(87, 116, 184),
        rgb(96, 134, 197),
        rgb(104, 153, 209),
        rgb(116, 172, 223)
      )
      1;
  }

  53.84609999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(73, 62, 141),
        rgb(73, 68, 148),
        rgb(72, 73, 153),
        rgb(71, 78, 158),
        rgb(72, 88, 166),
        rgb(82, 106, 178),
        rgb(92, 125, 192),
        rgb(101, 143, 203),
        rgb(110, 163, 215),
        rgb(120, 182, 229)
      )
      1;
  }

  56.410199999999996% {
    border-image: linear-gradient(
        120deg,
        rgb(72, 65, 143),
        rgb(73, 70, 149),
        rgb(71, 77, 155),
        rgb(70, 83, 161),
        rgb(78, 97, 173),
        rgb(87, 116, 184),
        rgb(97, 135, 198),
        rgb(105, 154, 210),
        rgb(115, 173, 221),
        rgb(117, 178, 225)
      )
      1;
  }

  58.9743% {
    border-image: linear-gradient(
        120deg,
        rgb(72, 67, 147),
        rgb(71, 72, 152),
        rgb(71, 78, 158),
        rgb(73, 86, 165),
        rgb(82, 106, 178),
        rgb(91, 125, 189),
        rgb(102, 144, 204),
        rgb(110, 163, 215),
        rgb(120, 183, 227),
        rgb(113, 166, 218)
      )
      1;
  }

  61.538399999999996% {
    border-image: linear-gradient(
        120deg,
        rgb(71, 70, 146),
        rgb(71, 77, 155),
        rgb(70, 81, 161),
        rgb(77, 96, 172),
        rgb(88, 117, 185),
        rgb(97, 135, 198),
        rgb(107, 154, 210),
        rgb(116, 174, 222),
        rgb(119, 177, 225),
        rgb(106, 155, 211)
      )
      1;
  }

  64.10249999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(72, 73, 153),
        rgb(71, 78, 158),
        rgb(72, 88, 165),
        rgb(84, 106, 179),
        rgb(92, 126, 190),
        rgb(100, 145, 204),
        rgb(111, 164, 216),
        rgb(120, 182, 229),
        rgb(113, 166, 218),
        rgb(101, 143, 203)
      )
      1;
  }

  66.66659999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(71, 76, 157),
        rgb(71, 82, 164),
        rgb(76, 98, 171),
        rgb(87, 116, 184),
        rgb(97, 135, 198),
        rgb(105, 154, 210),
        rgb(117, 173, 224),
        rgb(119, 177, 225),
        rgb(108, 155, 211),
        rgb(93, 131, 194)
      )
      1;
  }

  69.2307% {
    border-image: linear-gradient(
        120deg,
        rgb(71, 78, 158),
        rgb(73, 89, 167),
        rgb(83, 107, 179),
        rgb(92, 125, 192),
        rgb(103, 145, 205),
        rgb(111, 164, 216),
        rgb(121, 183, 230),
        rgb(112, 165, 217),
        rgb(98, 143, 202),
        rgb(88, 119, 186)
      )
      1;
  }

  71.7948% {
    border-image: linear-gradient(
        120deg,
        rgb(70, 81, 161),
        rgb(79, 98, 174),
        rgb(87, 118, 185),
        rgb(97, 135, 198),
        rgb(106, 155, 211),
        rgb(116, 174, 222),
        rgb(118, 176, 224),
        rgb(107, 154, 210),
        rgb(95, 130, 194),
        rgb(83, 107, 179)
      )
      1;
  }

  74.35889999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(72, 90, 166),
        rgb(84, 108, 180),
        rgb(91, 126, 190),
        rgb(103, 145, 205),
        rgb(112, 165, 217),
        rgb(121, 184, 228),
        rgb(111, 164, 216),
        rgb(100, 142, 202),
        rgb(89, 118, 186),
        rgb(76, 95, 171)
      )
      1;
  }

  76.923% {
    border-image: linear-gradient(
        120deg,
        rgb(77, 99, 172),
        rgb(89, 118, 186),
        rgb(97, 137, 198),
        rgb(106, 155, 211),
        rgb(117, 175, 223),
        rgb(118, 176, 224),
        rgb(104, 153, 209),
        rgb(93, 131, 194),
        rgb(84, 106, 179),
        rgb(71, 84, 163)
      )
      1;
  }

  79.4871% {
    border-image: linear-gradient(
        120deg,
        rgb(82, 109, 178),
        rgb(93, 128, 192),
        rgb(101, 146, 205),
        rgb(113, 166, 218),
        rgb(121, 184, 228),
        rgb(111, 164, 216),
        rgb(99, 141, 201),
        rgb(88, 119, 186),
        rgb(77, 95, 171),
        rgb(71, 80, 159)
      )
      1;
  }

  82.0512% {
    border-image: linear-gradient(
        120deg,
        rgb(89, 120, 187),
        rgb(99, 137, 200),
        rgb(107, 156, 212),
        rgb(116, 174, 222),
        rgb(117, 175, 223),
        rgb(106, 153, 209),
        rgb(94, 129, 193),
        rgb(82, 106, 178),
        rgb(71, 82, 162),
        rgb(70, 77, 157)
      )
      1;
  }

  84.61529999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(93, 128, 192),
        rgb(102, 147, 206),
        rgb(112, 165, 217),
        rgb(122, 184, 231),
        rgb(110, 163, 215),
        rgb(100, 140, 201),
        rgb(88, 119, 186),
        rgb(76, 95, 171),
        rgb(73, 80, 160),
        rgb(71, 74, 153)
      )
      1;
  }

  87.17939999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(99, 137, 199),
        rgb(107, 156, 212),
        rgb(117, 175, 223),
        rgb(117, 175, 223),
        rgb(105, 152, 208),
        rgb(93, 128, 192),
        rgb(82, 106, 178),
        rgb(70, 83, 162),
        rgb(71, 76, 157),
        rgb(72, 71, 149)
      )
      1;
  }

  89.7435% {
    border-image: linear-gradient(
        120deg,
        rgb(105, 147, 207),
        rgb(114, 167, 219),
        rgb(122, 185, 229),
        rgb(110, 163, 215),
        rgb(99, 139, 200),
        rgb(88, 117, 185),
        rgb(75, 94, 170),
        rgb(72, 79, 159),
        rgb(73, 74, 154),
        rgb(71, 66, 146)
      )
      1;
  }

  92.3076% {
    border-image: linear-gradient(
        120deg,
        rgb(107, 156, 212),
        rgb(118, 176, 224),
        rgb(117, 175, 223),
        rgb(104, 151, 207),
        rgb(93, 128, 192),
        rgb(83, 105, 178),
        rgb(70, 83, 162),
        rgb(71, 76, 157),
        rgb(73, 70, 149),
        rgb(72, 65, 143)
      )
      1;
  }

  94.87169999999999% {
    border-image: linear-gradient(
        120deg,
        rgb(113, 166, 218),
        rgb(122, 185, 229),
        rgb(110, 163, 215),
        rgb(100, 138, 200),
        rgb(88, 117, 185),
        rgb(76, 94, 170),
        rgb(71, 78, 158),
        rgb(72, 73, 153),
        rgb(74, 67, 147),
        rgb(73, 62, 141)
      )
      1;
  }

  97.4358% {
    border-image: linear-gradient(
        120deg,
        rgb(117, 178, 225),
        rgb(116, 174, 222),
        rgb(105, 152, 208),
        rgb(91, 129, 192),
        rgb(82, 104, 177),
        rgb(71, 82, 162),
        rgb(70, 75, 156),
        rgb(73, 70, 149),
        rgb(73, 64, 143),
        rgb(73, 59, 138)
      )
      1;
  }

  99.9999% {
    border-image: linear-gradient(
        120deg,
        rgb(121, 183, 230),
        rgb(109, 162, 214),
        rgb(100, 138, 200),
        rgb(86, 117, 184),
        rgb(75, 93, 169),
        rgb(71, 78, 158),
        rgb(70, 73, 152),
        rgb(74, 67, 147),
        rgb(74, 61, 140),
        rgb(74, 55, 134)
      )
      1;
  }
}

@keyframes bgColor {
  0% {
    background: linear-gradient(
      120deg,
      rgb(122, 185, 229),
      rgb(109, 162, 214),
      rgb(100, 140, 201),
      rgb(87, 118, 185),
      rgb(75, 94, 170),
      rgb(71, 78, 158),
      rgb(71, 74, 153),
      rgb(74, 67, 147),
      rgb(74, 61, 141),
      rgb(74, 55, 134)
    );
  }

  2.5641% {
    background: linear-gradient(
      120deg,
      rgb(117, 173, 222),
      rgb(104, 151, 207),
      rgb(93, 128, 192),
      rgb(81, 105, 177),
      rgb(70, 83, 162),
      rgb(71, 76, 157),
      rgb(72, 71, 147),
      rgb(73, 64, 143),
      rgb(75, 58, 138),
      rgb(74, 55, 134)
    );
  }

  5.1282% {
    background: linear-gradient(
      120deg,
      rgb(111, 162, 215),
      rgb(99, 139, 200),
      rgb(88, 117, 185),
      rgb(75, 94, 170),
      rgb(72, 79, 159),
      rgb(72, 73, 153),
      rgb(72, 67, 147),
      rgb(74, 61, 141),
      rgb(76, 55, 134),
      rgb(75, 58, 138)
    );
  }

  7.6922999999999995% {
    background: linear-gradient(
      120deg,
      rgb(104, 150, 209),
      rgb(92, 127, 191),
      rgb(81, 105, 177),
      rgb(70, 83, 162),
      rgb(71, 76, 157),
      rgb(73, 70, 149),
      rgb(72, 65, 143),
      rgb(73, 59, 138),
      rgb(74, 55, 136),
      rgb(74, 61, 140)
    );
  }

  10.2564% {
    background: linear-gradient(
      120deg,
      rgb(99, 137, 200),
      rgb(87, 116, 184),
      rgb(76, 94, 170),
      rgb(71, 78, 158),
      rgb(71, 72, 152),
      rgb(75, 68, 148),
      rgb(73, 62, 141),
      rgb(74, 55, 134),
      rgb(72, 58, 137),
      rgb(73, 64, 143)
    );
  }

  12.8205% {
    background: linear-gradient(
      120deg,
      rgb(93, 126, 193),
      rgb(81, 103, 176),
      rgb(71, 82, 162),
      rgb(70, 75, 156),
      rgb(73, 70, 149),
      rgb(73, 64, 143),
      rgb(73, 59, 138),
      rgb(76, 54, 136),
      rgb(74, 61, 141),
      rgb(74, 67, 147)
    );
  }

  15.384599999999999% {
    background: linear-gradient(
      120deg,
      rgb(86, 115, 183),
      rgb(75, 93, 169),
      rgb(70, 79, 158),
      rgb(73, 72, 152),
      rgb(75, 68, 148),
      rgb(74, 61, 140),
      rgb(74, 55, 134),
      rgb(73, 59, 138),
      rgb(73, 64, 143),
      rgb(73, 70, 149)
    );
  }

  17.9487% {
    background: linear-gradient(
      120deg,
      rgb(81, 103, 176),
      rgb(70, 81, 161),
      rgb(71, 77, 155),
      rgb(72, 71, 149),
      rgb(73, 64, 143),
      rgb(73, 59, 138),
      rgb(74, 55, 134),
      rgb(74, 61, 141),
      rgb(74, 67, 147),
      rgb(71, 72, 152)
    );
  }

  20.5128% {
    background: linear-gradient(
      120deg,
      rgb(75, 93, 169),
      rgb(71, 78, 158),
      rgb(72, 73, 153),
      rgb(74, 67, 147),
      rgb(74, 61, 140),
      rgb(76, 55, 134),
      rgb(73, 59, 138),
      rgb(73, 64, 143),
      rgb(73, 70, 149),
      rgb(72, 75, 154)
    );
  }

  23.0769% {
    background: linear-gradient(
      120deg,
      rgb(71, 82, 161),
      rgb(71, 76, 157),
      rgb(73, 70, 149),
      rgb(73, 64, 143),
      rgb(75, 58, 138),
      rgb(76, 54, 136),
      rgb(74, 61, 141),
      rgb(74, 67, 147),
      rgb(72, 73, 153),
      rgb(71, 78, 158)
    );
  }

  25.641% {
    background: linear-gradient(
      120deg,
      rgb(71, 78, 158),
      rgb(71, 72, 152),
      rgb(74, 67, 147),
      rgb(74, 61, 141),
      rgb(76, 55, 134),
      rgb(73, 59, 138),
      rgb(73, 64, 143),
      rgb(73, 70, 149),
      rgb(70, 76, 154),
      rgb(72, 81, 160)
    );
  }

  28.205099999999998% {
    background: linear-gradient(
      120deg,
      rgb(71, 77, 155),
      rgb(73, 70, 149),
      rgb(73, 64, 143),
      rgb(75, 58, 138),
      rgb(74, 55, 136),
      rgb(73, 62, 141),
      rgb(74, 67, 147),
      rgb(72, 73, 153),
      rgb(71, 78, 158),
      rgb(72, 85, 164)
    );
  }

  30.769199999999998% {
    background: linear-gradient(
      120deg,
      rgb(72, 73, 153),
      rgb(73, 66, 146),
      rgb(73, 60, 139),
      rgb(74, 55, 134),
      rgb(73, 59, 138),
      rgb(73, 64, 143),
      rgb(73, 70, 149),
      rgb(73, 76, 155),
      rgb(71, 82, 161),
      rgb(76, 95, 171)
    );
  }

  33.333299999999994% {
    background: linear-gradient(
      120deg,
      rgb(73, 70, 149),
      rgb(73, 64, 143),
      rgb(74, 57, 137),
      rgb(76, 54, 136),
      rgb(73, 62, 141),
      rgb(73, 68, 148),
      rgb(72, 73, 153),
      rgb(71, 78, 158),
      rgb(73, 86, 165),
      rgb(81, 103, 176)
    );
  }

  35.8974% {
    background: linear-gradient(
      120deg,
      rgb(74, 67, 145),
      rgb(74, 61, 140),
      rgb(76, 55, 134),
      rgb(73, 59, 138),
      rgb(73, 64, 143),
      rgb(73, 70, 149),
      rgb(72, 75, 154),
      rgb(72, 81, 160),
      rgb(76, 95, 171),
      rgb(86, 115, 183)
    );
  }

  38.4615% {
    background: linear-gradient(
      120deg,
      rgb(73, 64, 143),
      rgb(75, 58, 138),
      rgb(74, 55, 136),
      rgb(74, 61, 141),
      rgb(75, 68, 148),
      rgb(72, 73, 153),
      rgb(71, 78, 158),
      rgb(72, 85, 164),
      rgb(82, 104, 177),
      rgb(93, 124, 191)
    );
  }

  41.0256% {
    background: linear-gradient(
      120deg,
      rgb(75, 61, 140),
      rgb(76, 55, 134),
      rgb(73, 59, 138),
      rgb(73, 64, 143),
      rgb(73, 70, 149),
      rgb(71, 77, 155),
      rgb(72, 81, 160),
      rgb(77, 96, 172),
      rgb(86, 115, 183),
      rgb(96, 134, 197)
    );
  }

  43.58969999999999% {
    background: linear-gradient(
      120deg,
      rgb(75, 58, 138),
      rgb(74, 57, 137),
      rgb(73, 62, 141),
      rgb(74, 67, 147),
      rgb(71, 72, 152),
      rgb(71, 78, 158),
      rgb(72, 85, 164),
      rgb(82, 104, 177),
      rgb(90, 124, 188),
      rgb(101, 143, 203)
    );
  }

  46.1538% {
    background: linear-gradient(
      120deg,
      rgb(76, 55, 134),
      rgb(74, 60, 139),
      rgb(72, 65, 143),
      rgb(73, 70, 149),
      rgb(71, 77, 155),
      rgb(71, 83, 159),
      rgb(77, 96, 172),
      rgb(86, 115, 183),
      rgb(96, 134, 197),
      rgb(106, 153, 209)
    );
  }

  48.7179% {
    background: linear-gradient(
      120deg,
      rgb(74, 57, 137),
      rgb(73, 62, 141),
      rgb(75, 68, 148),
      rgb(72, 73, 153),
      rgb(71, 78, 158),
      rgb(71, 87, 165),
      rgb(83, 105, 178),
      rgb(91, 124, 191),
      rgb(102, 144, 204),
      rgb(110, 163, 215)
    );
  }

  51.282% {
    background: linear-gradient(
      120deg,
      rgb(74, 60, 139),
      rgb(73, 64, 143),
      rgb(72, 71, 149),
      rgb(73, 76, 155),
      rgb(71, 82, 161),
      rgb(77, 96, 172),
      rgb(87, 116, 184),
      rgb(96, 134, 197),
      rgb(104, 153, 209),
      rgb(116, 172, 223)
    );
  }

  53.84609999999999% {
    background: linear-gradient(
      120deg,
      rgb(73, 62, 141),
      rgb(73, 68, 148),
      rgb(72, 73, 153),
      rgb(71, 78, 158),
      rgb(72, 88, 166),
      rgb(82, 106, 178),
      rgb(92, 125, 192),
      rgb(101, 143, 203),
      rgb(110, 163, 215),
      rgb(120, 182, 229)
    );
  }

  56.410199999999996% {
    background: linear-gradient(
      120deg,
      rgb(72, 65, 143),
      rgb(73, 70, 149),
      rgb(71, 77, 155),
      rgb(70, 83, 161),
      rgb(78, 97, 173),
      rgb(87, 116, 184),
      rgb(97, 135, 198),
      rgb(105, 154, 210),
      rgb(115, 173, 221),
      rgb(117, 178, 225)
    );
  }

  58.9743% {
    background: linear-gradient(
      120deg,
      rgb(72, 67, 147),
      rgb(71, 72, 152),
      rgb(71, 78, 158),
      rgb(73, 86, 165),
      rgb(82, 106, 178),
      rgb(91, 125, 189),
      rgb(102, 144, 204),
      rgb(110, 163, 215),
      rgb(120, 183, 227),
      rgb(113, 166, 218)
    );
  }

  61.538399999999996% {
    background: linear-gradient(
      120deg,
      rgb(71, 70, 146),
      rgb(71, 77, 155),
      rgb(70, 81, 161),
      rgb(77, 96, 172),
      rgb(88, 117, 185),
      rgb(97, 135, 198),
      rgb(107, 154, 210),
      rgb(116, 174, 222),
      rgb(119, 177, 225),
      rgb(106, 155, 211)
    );
  }

  64.10249999999999% {
    background: linear-gradient(
      120deg,
      rgb(72, 73, 153),
      rgb(71, 78, 158),
      rgb(72, 88, 165),
      rgb(84, 106, 179),
      rgb(92, 126, 190),
      rgb(100, 145, 204),
      rgb(111, 164, 216),
      rgb(120, 182, 229),
      rgb(113, 166, 218),
      rgb(101, 143, 203)
    );
  }

  66.66659999999999% {
    background: linear-gradient(
      120deg,
      rgb(71, 76, 157),
      rgb(71, 82, 164),
      rgb(76, 98, 171),
      rgb(87, 116, 184),
      rgb(97, 135, 198),
      rgb(105, 154, 210),
      rgb(117, 173, 224),
      rgb(119, 177, 225),
      rgb(108, 155, 211),
      rgb(93, 131, 194)
    );
  }

  69.2307% {
    background: linear-gradient(
      120deg,
      rgb(71, 78, 158),
      rgb(73, 89, 167),
      rgb(83, 107, 179),
      rgb(92, 125, 192),
      rgb(103, 145, 205),
      rgb(111, 164, 216),
      rgb(121, 183, 230),
      rgb(112, 165, 217),
      rgb(98, 143, 202),
      rgb(88, 119, 186)
    );
  }

  71.7948% {
    background: linear-gradient(
      120deg,
      rgb(70, 81, 161),
      rgb(79, 98, 174),
      rgb(87, 118, 185),
      rgb(97, 135, 198),
      rgb(106, 155, 211),
      rgb(116, 174, 222),
      rgb(118, 176, 224),
      rgb(107, 154, 210),
      rgb(95, 130, 194),
      rgb(83, 107, 179)
    );
  }

  74.35889999999999% {
    background: linear-gradient(
      120deg,
      rgb(72, 90, 166),
      rgb(84, 108, 180),
      rgb(91, 126, 190),
      rgb(103, 145, 205),
      rgb(112, 165, 217),
      rgb(121, 184, 228),
      rgb(111, 164, 216),
      rgb(100, 142, 202),
      rgb(89, 118, 186),
      rgb(76, 95, 171)
    );
  }

  76.923% {
    background: linear-gradient(
      120deg,
      rgb(77, 99, 172),
      rgb(89, 118, 186),
      rgb(97, 137, 198),
      rgb(106, 155, 211),
      rgb(117, 175, 223),
      rgb(118, 176, 224),
      rgb(104, 153, 209),
      rgb(93, 131, 194),
      rgb(84, 106, 179),
      rgb(71, 84, 163)
    );
  }

  79.4871% {
    background: linear-gradient(
      120deg,
      rgb(82, 109, 178),
      rgb(93, 128, 192),
      rgb(101, 146, 205),
      rgb(113, 166, 218),
      rgb(121, 184, 228),
      rgb(111, 164, 216),
      rgb(99, 141, 201),
      rgb(88, 119, 186),
      rgb(77, 95, 171),
      rgb(71, 80, 159)
    );
  }

  82.0512% {
    background: linear-gradient(
      120deg,
      rgb(89, 120, 187),
      rgb(99, 137, 200),
      rgb(107, 156, 212),
      rgb(116, 174, 222),
      rgb(117, 175, 223),
      rgb(106, 153, 209),
      rgb(94, 129, 193),
      rgb(82, 106, 178),
      rgb(71, 82, 162),
      rgb(70, 77, 157)
    );
  }

  84.61529999999999% {
    background: linear-gradient(
      120deg,
      rgb(93, 128, 192),
      rgb(102, 147, 206),
      rgb(112, 165, 217),
      rgb(122, 184, 231),
      rgb(110, 163, 215),
      rgb(100, 140, 201),
      rgb(88, 119, 186),
      rgb(76, 95, 171),
      rgb(73, 80, 160),
      rgb(71, 74, 153)
    );
  }

  87.17939999999999% {
    background: linear-gradient(
      120deg,
      rgb(99, 137, 199),
      rgb(107, 156, 212),
      rgb(117, 175, 223),
      rgb(117, 175, 223),
      rgb(105, 152, 208),
      rgb(93, 128, 192),
      rgb(82, 106, 178),
      rgb(70, 83, 162),
      rgb(71, 76, 157),
      rgb(72, 71, 149)
    );
  }

  89.7435% {
    background: linear-gradient(
      120deg,
      rgb(105, 147, 207),
      rgb(114, 167, 219),
      rgb(122, 185, 229),
      rgb(110, 163, 215),
      rgb(99, 139, 200),
      rgb(88, 117, 185),
      rgb(75, 94, 170),
      rgb(72, 79, 159),
      rgb(73, 74, 154),
      rgb(71, 66, 146)
    );
  }

  92.3076% {
    background: linear-gradient(
      120deg,
      rgb(107, 156, 212),
      rgb(118, 176, 224),
      rgb(117, 175, 223),
      rgb(104, 151, 207),
      rgb(93, 128, 192),
      rgb(83, 105, 178),
      rgb(70, 83, 162),
      rgb(71, 76, 157),
      rgb(73, 70, 149),
      rgb(72, 65, 143)
    );
  }

  94.87169999999999% {
    background: linear-gradient(
      120deg,
      rgb(113, 166, 218),
      rgb(122, 185, 229),
      rgb(110, 163, 215),
      rgb(100, 138, 200),
      rgb(88, 117, 185),
      rgb(76, 94, 170),
      rgb(71, 78, 158),
      rgb(72, 73, 153),
      rgb(74, 67, 147),
      rgb(73, 62, 141)
    );
  }

  97.4358% {
    background: linear-gradient(
      120deg,
      rgb(117, 178, 225),
      rgb(116, 174, 222),
      rgb(105, 152, 208),
      rgb(91, 129, 192),
      rgb(82, 104, 177),
      rgb(71, 82, 162),
      rgb(70, 75, 156),
      rgb(73, 70, 149),
      rgb(73, 64, 143),
      rgb(73, 59, 138)
    );
  }

  99.9999% {
    background: linear-gradient(
      120deg,
      rgb(121, 183, 230),
      rgb(109, 162, 214),
      rgb(100, 138, 200),
      rgb(86, 117, 184),
      rgb(75, 93, 169),
      rgb(71, 78, 158),
      rgb(70, 73, 152),
      rgb(74, 67, 147),
      rgb(74, 61, 140),
      rgb(74, 55, 134)
    );
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.bounceIn {
  animation-name: bounceIn;
}

.gc-sidebar-module {
  position: fixed;
  right: -31.25vw;
  bottom: 20%;
  z-index: 95;
  width: 2.70833vw;
  gap: 0.52083vw;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.625vw 0 0 0.625vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transition: all 1.6s;
}

.gc-sidebar-module.active {
  right: 0;
}

.gc-sidebar-module .item {
  position: relative;
  width: 2.70833vw;
  height: 2.70833vw;
  display: block;
  cursor: pointer;
}

.gc-sidebar-module .item:hover p {
  opacity: 1;
  right: 0;
}

.gc-sidebar-module .item.kefu {
  background: url("/static_material/fangchengbao/cn/images/kefu-icon.png")
    no-repeat center;
  background-size: 1.45833vw 1.45833vw;
}

.gc-sidebar-module .item.sj {
  background: url("/static_material/fangchengbao/cn/images/sj-icon.png")
    no-repeat center;
  background-size: 1.45833vw 1.45833vw;
}

.gc-sidebar-module .item.jxs {
  background: url("/static_material/fangchengbao/cn/images/jxs-icon.png")
    no-repeat center;
  background-size: 1.45833vw 1.45833vw;
}

.gc-sidebar-module .item.top {
  background: url("/static_material/fangchengbao/cn/images/top-icon.png")
    no-repeat center;
  background-size: 1.45833vw 1.45833vw;
}

.gc-sidebar-module .item p {
  position: absolute;
  right: -250%;
  top: 0;
  height: 100%;
  z-index: -1;
  background: #000000
    linear-gradient(
      315deg,
      rgba(122, 186, 231, 0.4) 0%,
      rgba(70, 83, 162, 0.4) 50%,
      rgba(74, 54, 133, 0.4) 100%
    );
  border-radius: 0.625vw 0 0 0.625vw;
  transition: all 0.3s;
  font-size: 0.9375vw;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #ffffff;
  line-height: 1.30208vw;
  letter-spacing: 0.10417vw;
  display: flex;
  align-items: center;
  padding: 0.625vw 3.48958vw 0.625vw 0.78125vw;
  white-space: nowrap;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .mob--gc-sidebar-module {
    width: 2.33333333rem;
    border-radius: 0.4rem 0 0 0.4rem;
    bottom: 5.33333333rem;
    gap: 0.33333333rem;
  }

  .mob--gc-sidebar-module .item {
    width: 2.33333333rem;
    height: 2.33333333rem;
  }

  .mob--gc-sidebar-module .item:hover p {
    opacity: 0;
    right: -100%;
  }

  .mob--gc-sidebar-module .item.kefu {
    background-size: 1.16666667rem 1.16666667rem;
  }

  .mob--gc-sidebar-module .item.sj {
    background-size: 1.16666667rem 1.16666667rem;
  }

  .mob--gc-sidebar-module .item.jxs {
    background-size: 1.16666667rem 1.16666667rem;
  }

  .mob--gc-sidebar-module .item.top {
    background-size: 1.16666667rem 1.16666667rem;
  }
}