پیش‌نمایش زنده
کد HTML
<div class="loader"></div>
کد CSS
/* 

   Design by Adrian Kuleszo
   Number of Keyframes can be increased or decreased based on the smoothness you require.
   
 */

.loader {
  width: 15em;
  height: 8em;
  border-radius: 15px;
  background: conic-gradient(from 0deg at 50% 50%, #FFFFFF, #1d3a3d);
  animation: 1.5s run infinite linear;
}

@keyframes run {
  0% {
    background: conic-gradient(from 0deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  0.277% {
    background: conic-gradient(from 1deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  0.554% {
    background: conic-gradient(from 2deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  0.831% {
    background: conic-gradient(from 3deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  1.108% {
    background: conic-gradient(from 4deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  1.385% {
    background: conic-gradient(from 5deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  1.662% {
    background: conic-gradient(from 6deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  1.939% {
    background: conic-gradient(from 7deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  2.216% {
    background: conic-gradient(from 8deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  2.493% {
    background: conic-gradient(from 9deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  2.770% {
    background: conic-gradient(from 10deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  3.047% {
    background: conic-gradient(from 11deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  3.324% {
    background: conic-gradient(from 12deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  3.601% {
    background: conic-gradient(from 13deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  3.878% {
    background: conic-gradient(from 14deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  4.155% {
    background: conic-gradient(from 15deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  4.432% {
    background: conic-gradient(from 16deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  4.709% {
    background: conic-gradient(from 17deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  4.986% {
    background: conic-gradient(from 18deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  5.263% {
    background: conic-gradient(from 19deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  5.540% {
    background: conic-gradient(from 20deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  5.817% {
    background: conic-gradient(from 21deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  6.094% {
    background: conic-gradient(from 22deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  6.371% {
    background: conic-gradient(from 23deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  6.648% {
    background: conic-gradient(from 24deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  6.925% {
    background: conic-gradient(from 25deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  7.202% {
    background: conic-gradient(from 26deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  7.479% {
    background: conic-gradient(from 27deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  7.756% {
    background: conic-gradient(from 28deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  8.033% {
    background: conic-gradient(from 29deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  8.310% {
    background: conic-gradient(from 30deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  8.587% {
    background: conic-gradient(from 31deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  8.864% {
    background: conic-gradient(from 32deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  9.141% {
    background: conic-gradient(from 33deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  9.418% {
    background: conic-gradient(from 34deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  9.695% {
    background: conic-gradient(from 35deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  9.972% {
    background: conic-gradient(from 36deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  10.249% {
    background: conic-gradient(from 37deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  10.526% {
    background: conic-gradient(from 38deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  10.803% {
    background: conic-gradient(from 39deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  11.080% {
    background: conic-gradient(from 40deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  11.357% {
    background: conic-gradient(from 41deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  11.634% {
    background: conic-gradient(from 42deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  11.911% {
    background: conic-gradient(from 43deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  12.188% {
    background: conic-gradient(from 44deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  12.465% {
    background: conic-gradient(from 45deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  12.742% {
    background: conic-gradient(from 46deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  13.019% {
    background: conic-gradient(from 47deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  13.296% {
    background: conic-gradient(from 48deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  13.573% {
    background: conic-gradient(from 49deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  13.850% {
    background: conic-gradient(from 50deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  14.127% {
    background: conic-gradient(from 51deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  14.404% {
    background: conic-gradient(from 52deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  14.681% {
    background: conic-gradient(from 53deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  14.958% {
    background: conic-gradient(from 54deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  15.235% {
    background: conic-gradient(from 55deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  15.512% {
    background: conic-gradient(from 56deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  15.789% {
    background: conic-gradient(from 57deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  16.066% {
    background: conic-gradient(from 58deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  16.343% {
    background: conic-gradient(from 59deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  16.620% {
    background: conic-gradient(from 60deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  16.897% {
    background: conic-gradient(from 61deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  17.174% {
    background: conic-gradient(from 62deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  17.451% {
    background: conic-gradient(from 63deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  17.728% {
    background: conic-gradient(from 64deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  18.005% {
    background: conic-gradient(from 65deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  18.282% {
    background: conic-gradient(from 66deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  18.559% {
    background: conic-gradient(from 67deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  18.836% {
    background: conic-gradient(from 68deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  19.113% {
    background: conic-gradient(from 69deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  19.390% {
    background: conic-gradient(from 70deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  19.667% {
    background: conic-gradient(from 71deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  19.944% {
    background: conic-gradient(from 72deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  20.221% {
    background: conic-gradient(from 73deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  20.498% {
    background: conic-gradient(from 74deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  20.775% {
    background: conic-gradient(from 75deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  21.052% {
    background: conic-gradient(from 76deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  21.329% {
    background: conic-gradient(from 77deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  21.606% {
    background: conic-gradient(from 78deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  21.883% {
    background: conic-gradient(from 79deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  22.160% {
    background: conic-gradient(from 80deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  22.437% {
    background: conic-gradient(from 81deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  22.714% {
    background: conic-gradient(from 82deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  22.991% {
    background: conic-gradient(from 83deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  23.268% {
    background: conic-gradient(from 84deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  23.545% {
    background: conic-gradient(from 85deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  23.822% {
    background: conic-gradient(from 86deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  24.099% {
    background: conic-gradient(from 87deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  24.376% {
    background: conic-gradient(from 88deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  24.653% {
    background: conic-gradient(from 89deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  24.930% {
    background: conic-gradient(from 90deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  25.207% {
    background: conic-gradient(from 91deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  25.484% {
    background: conic-gradient(from 92deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  25.761% {
    background: conic-gradient(from 93deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  26.038% {
    background: conic-gradient(from 94deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  26.315% {
    background: conic-gradient(from 95deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  26.592% {
    background: conic-gradient(from 96deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  26.869% {
    background: conic-gradient(from 97deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  27.146% {
    background: conic-gradient(from 98deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  27.423% {
    background: conic-gradient(from 99deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  27.700% {
    background: conic-gradient(from 100deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  27.977% {
    background: conic-gradient(from 101deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  28.254% {
    background: conic-gradient(from 102deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  28.531% {
    background: conic-gradient(from 103deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  28.808% {
    background: conic-gradient(from 104deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  29.085% {
    background: conic-gradient(from 105deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  29.362% {
    background: conic-gradient(from 106deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  29.639% {
    background: conic-gradient(from 107deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  29.916% {
    background: conic-gradient(from 108deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  30.193% {
    background: conic-gradient(from 109deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  30.470% {
    background: conic-gradient(from 110deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  30.747% {
    background: conic-gradient(from 111deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  31.024% {
    background: conic-gradient(from 112deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  31.301% {
    background: conic-gradient(from 113deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  31.578% {
    background: conic-gradient(from 114deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  31.855% {
    background: conic-gradient(from 115deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  32.132% {
    background: conic-gradient(from 116deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  32.409% {
    background: conic-gradient(from 117deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  32.686% {
    background: conic-gradient(from 118deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  32.963% {
    background: conic-gradient(from 119deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  33.240% {
    background: conic-gradient(from 120deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  33.517% {
    background: conic-gradient(from 121deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  33.794% {
    background: conic-gradient(from 122deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  34.071% {
    background: conic-gradient(from 123deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  34.348% {
    background: conic-gradient(from 124deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  34.625% {
    background: conic-gradient(from 125deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  34.902% {
    background: conic-gradient(from 126deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  35.179% {
    background: conic-gradient(from 127deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  35.456% {
    background: conic-gradient(from 128deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  35.733% {
    background: conic-gradient(from 129deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  36.010% {
    background: conic-gradient(from 130deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  36.287% {
    background: conic-gradient(from 131deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  36.564% {
    background: conic-gradient(from 132deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  36.841% {
    background: conic-gradient(from 133deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  37.118% {
    background: conic-gradient(from 134deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  37.395% {
    background: conic-gradient(from 135deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  37.672% {
    background: conic-gradient(from 136deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  37.949% {
    background: conic-gradient(from 137deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  38.226% {
    background: conic-gradient(from 138deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  38.503% {
    background: conic-gradient(from 139deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  38.780% {
    background: conic-gradient(from 140deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  39.057% {
    background: conic-gradient(from 141deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  39.334% {
    background: conic-gradient(from 142deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  39.611% {
    background: conic-gradient(from 143deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  39.888% {
    background: conic-gradient(from 144deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  40.165% {
    background: conic-gradient(from 145deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  40.442% {
    background: conic-gradient(from 146deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  40.719% {
    background: conic-gradient(from 147deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  40.996% {
    background: conic-gradient(from 148deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  41.273% {
    background: conic-gradient(from 149deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  41.550% {
    background: conic-gradient(from 150deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  41.827% {
    background: conic-gradient(from 151deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  42.104% {
    background: conic-gradient(from 152deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  42.381% {
    background: conic-gradient(from 153deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  42.658% {
    background: conic-gradient(from 154deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  42.935% {
    background: conic-gradient(from 155deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  43.212% {
    background: conic-gradient(from 156deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  43.489% {
    background: conic-gradient(from 157deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  43.766% {
    background: conic-gradient(from 158deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  44.043% {
    background: conic-gradient(from 159deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  44.320% {
    background: conic-gradient(from 160deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  44.597% {
    background: conic-gradient(from 161deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  44.874% {
    background: conic-gradient(from 162deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  45.151% {
    background: conic-gradient(from 163deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  45.428% {
    background: conic-gradient(from 164deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  45.705% {
    background: conic-gradient(from 165deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  45.982% {
    background: conic-gradient(from 166deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  46.259% {
    background: conic-gradient(from 167deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  46.536% {
    background: conic-gradient(from 168deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  46.813% {
    background: conic-gradient(from 169deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  47.090% {
    background: conic-gradient(from 170deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  47.367% {
    background: conic-gradient(from 171deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  47.644% {
    background: conic-gradient(from 172deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  47.921% {
    background: conic-gradient(from 173deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  48.198% {
    background: conic-gradient(from 174deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  48.475% {
    background: conic-gradient(from 175deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  48.752% {
    background: conic-gradient(from 176deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  49.029% {
    background: conic-gradient(from 177deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  49.306% {
    background: conic-gradient(from 178deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  49.583% {
    background: conic-gradient(from 179deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  49.860% {
    background: conic-gradient(from 180deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  50.137% {
    background: conic-gradient(from 181deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  50.414% {
    background: conic-gradient(from 182deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  50.691% {
    background: conic-gradient(from 183deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  50.968% {
    background: conic-gradient(from 184deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  51.245% {
    background: conic-gradient(from 185deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  51.522% {
    background: conic-gradient(from 186deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  51.799% {
    background: conic-gradient(from 187deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  52.076% {
    background: conic-gradient(from 188deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  52.353% {
    background: conic-gradient(from 189deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  52.630% {
    background: conic-gradient(from 190deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  52.907% {
    background: conic-gradient(from 191deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  53.184% {
    background: conic-gradient(from 192deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  53.461% {
    background: conic-gradient(from 193deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  53.738% {
    background: conic-gradient(from 194deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  54.015% {
    background: conic-gradient(from 195deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  54.292% {
    background: conic-gradient(from 196deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  54.569% {
    background: conic-gradient(from 197deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  54.846% {
    background: conic-gradient(from 198deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  55.123% {
    background: conic-gradient(from 199deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  55.400% {
    background: conic-gradient(from 200deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  55.677% {
    background: conic-gradient(from 201deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  55.954% {
    background: conic-gradient(from 202deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  56.231% {
    background: conic-gradient(from 203deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  56.508% {
    background: conic-gradient(from 204deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  56.785% {
    background: conic-gradient(from 205deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  57.062% {
    background: conic-gradient(from 206deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  57.339% {
    background: conic-gradient(from 207deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  57.616% {
    background: conic-gradient(from 208deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  57.893% {
    background: conic-gradient(from 209deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  58.170% {
    background: conic-gradient(from 210deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  58.447% {
    background: conic-gradient(from 211deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  58.724% {
    background: conic-gradient(from 212deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  59.001% {
    background: conic-gradient(from 213deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  59.278% {
    background: conic-gradient(from 214deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  59.555% {
    background: conic-gradient(from 215deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  59.832% {
    background: conic-gradient(from 216deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  60.109% {
    background: conic-gradient(from 217deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  60.386% {
    background: conic-gradient(from 218deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  60.663% {
    background: conic-gradient(from 219deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  60.940% {
    background: conic-gradient(from 220deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  61.217% {
    background: conic-gradient(from 221deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  61.494% {
    background: conic-gradient(from 222deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  61.771% {
    background: conic-gradient(from 223deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  62.048% {
    background: conic-gradient(from 224deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  62.325% {
    background: conic-gradient(from 225deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  62.602% {
    background: conic-gradient(from 226deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  62.879% {
    background: conic-gradient(from 227deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  63.156% {
    background: conic-gradient(from 228deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  63.433% {
    background: conic-gradient(from 229deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  63.710% {
    background: conic-gradient(from 230deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  63.987% {
    background: conic-gradient(from 231deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  64.264% {
    background: conic-gradient(from 232deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  64.541% {
    background: conic-gradient(from 233deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  64.818% {
    background: conic-gradient(from 234deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  65.095% {
    background: conic-gradient(from 235deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  65.372% {
    background: conic-gradient(from 236deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  65.649% {
    background: conic-gradient(from 237deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  65.926% {
    background: conic-gradient(from 238deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  66.203% {
    background: conic-gradient(from 239deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  66.480% {
    background: conic-gradient(from 240deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  66.757% {
    background: conic-gradient(from 241deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  67.034% {
    background: conic-gradient(from 242deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  67.311% {
    background: conic-gradient(from 243deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  67.588% {
    background: conic-gradient(from 244deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  67.865% {
    background: conic-gradient(from 245deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  68.142% {
    background: conic-gradient(from 246deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  68.419% {
    background: conic-gradient(from 247deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  68.696% {
    background: conic-gradient(from 248deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  68.973% {
    background: conic-gradient(from 249deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  69.250% {
    background: conic-gradient(from 250deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  69.527% {
    background: conic-gradient(from 251deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  69.804% {
    background: conic-gradient(from 252deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  70.081% {
    background: conic-gradient(from 253deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  70.358% {
    background: conic-gradient(from 254deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  70.635% {
    background: conic-gradient(from 255deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  70.912% {
    background: conic-gradient(from 256deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  71.189% {
    background: conic-gradient(from 257deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  71.466% {
    background: conic-gradient(from 258deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  71.743% {
    background: conic-gradient(from 259deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  72.020% {
    background: conic-gradient(from 260deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  72.297% {
    background: conic-gradient(from 261deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  72.574% {
    background: conic-gradient(from 262deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  72.851% {
    background: conic-gradient(from 263deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  73.128% {
    background: conic-gradient(from 264deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  73.405% {
    background: conic-gradient(from 265deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  73.682% {
    background: conic-gradient(from 266deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  73.959% {
    background: conic-gradient(from 267deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  74.236% {
    background: conic-gradient(from 268deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  74.513% {
    background: conic-gradient(from 269deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  74.790% {
    background: conic-gradient(from 270deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  75.067% {
    background: conic-gradient(from 271deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  75.344% {
    background: conic-gradient(from 272deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  75.621% {
    background: conic-gradient(from 273deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  75.898% {
    background: conic-gradient(from 274deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  76.175% {
    background: conic-gradient(from 275deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  76.452% {
    background: conic-gradient(from 276deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  76.729% {
    background: conic-gradient(from 277deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  77.006% {
    background: conic-gradient(from 278deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  77.283% {
    background: conic-gradient(from 279deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  77.560% {
    background: conic-gradient(from 280deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  77.837% {
    background: conic-gradient(from 281deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  78.114% {
    background: conic-gradient(from 282deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  78.391% {
    background: conic-gradient(from 283deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  78.668% {
    background: conic-gradient(from 284deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  78.945% {
    background: conic-gradient(from 285deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  79.222% {
    background: conic-gradient(from 286deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  79.499% {
    background: conic-gradient(from 287deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  79.776% {
    background: conic-gradient(from 288deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  80.053% {
    background: conic-gradient(from 289deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  80.330% {
    background: conic-gradient(from 290deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  80.607% {
    background: conic-gradient(from 291deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  80.884% {
    background: conic-gradient(from 292deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  81.161% {
    background: conic-gradient(from 293deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  81.438% {
    background: conic-gradient(from 294deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  81.715% {
    background: conic-gradient(from 295deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  81.992% {
    background: conic-gradient(from 296deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  82.269% {
    background: conic-gradient(from 297deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  82.546% {
    background: conic-gradient(from 298deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  82.823% {
    background: conic-gradient(from 299deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  83.100% {
    background: conic-gradient(from 300deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  83.377% {
    background: conic-gradient(from 301deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  83.654% {
    background: conic-gradient(from 302deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  83.931% {
    background: conic-gradient(from 303deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  84.208% {
    background: conic-gradient(from 304deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  84.485% {
    background: conic-gradient(from 305deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  84.762% {
    background: conic-gradient(from 306deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  85.039% {
    background: conic-gradient(from 307deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  85.316% {
    background: conic-gradient(from 308deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  85.593% {
    background: conic-gradient(from 309deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  85.870% {
    background: conic-gradient(from 310deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  86.147% {
    background: conic-gradient(from 311deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  86.424% {
    background: conic-gradient(from 312deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  86.701% {
    background: conic-gradient(from 313deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  86.978% {
    background: conic-gradient(from 314deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  87.255% {
    background: conic-gradient(from 315deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  87.532% {
    background: conic-gradient(from 316deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  87.809% {
    background: conic-gradient(from 317deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  88.086% {
    background: conic-gradient(from 318deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  88.363% {
    background: conic-gradient(from 319deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  88.640% {
    background: conic-gradient(from 320deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  88.917% {
    background: conic-gradient(from 321deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  89.194% {
    background: conic-gradient(from 322deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  89.471% {
    background: conic-gradient(from 323deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  89.748% {
    background: conic-gradient(from 324deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  90.025% {
    background: conic-gradient(from 325deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  90.302% {
    background: conic-gradient(from 326deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  90.579% {
    background: conic-gradient(from 327deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  90.856% {
    background: conic-gradient(from 328deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  91.133% {
    background: conic-gradient(from 329deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  91.410% {
    background: conic-gradient(from 330deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  91.687% {
    background: conic-gradient(from 331deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  91.964% {
    background: conic-gradient(from 332deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  92.241% {
    background: conic-gradient(from 333deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  92.518% {
    background: conic-gradient(from 334deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  92.795% {
    background: conic-gradient(from 335deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  93.072% {
    background: conic-gradient(from 336deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  93.349% {
    background: conic-gradient(from 337deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  93.626% {
    background: conic-gradient(from 338deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  93.903% {
    background: conic-gradient(from 339deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  94.180% {
    background: conic-gradient(from 340deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  94.457% {
    background: conic-gradient(from 341deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  94.734% {
    background: conic-gradient(from 342deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  95.011% {
    background: conic-gradient(from 343deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  95.288% {
    background: conic-gradient(from 344deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  95.565% {
    background: conic-gradient(from 345deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  95.842% {
    background: conic-gradient(from 346deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  96.119% {
    background: conic-gradient(from 347deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  96.396% {
    background: conic-gradient(from 348deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  96.673% {
    background: conic-gradient(from 349deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  96.950% {
    background: conic-gradient(from 350deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  97.227% {
    background: conic-gradient(from 351deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  97.504% {
    background: conic-gradient(from 352deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  97.781% {
    background: conic-gradient(from 353deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  98.058% {
    background: conic-gradient(from 354deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  98.335% {
    background: conic-gradient(from 355deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  98.612% {
    background: conic-gradient(from 356deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  98.889% {
    background: conic-gradient(from 357deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  99.166% {
    background: conic-gradient(from 358deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  99.443% {
    background: conic-gradient(from 359deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  99.720% {
    background: conic-gradient(from 360deg at 50% 50%, #FFFFFF, #1d3a3d);
  }

  100% {
    background: conic-gradient(from 0deg at 50% 50%, #FFFFFF, #1d3a3d);
  }
}
نوع: loader
تاریخ ایجاد: 2026/06/06
آخرین بروزرسانی: 2026/06/06