#main.light {
    background-color: #fff;
  }
  
  #main.dark {
    background-color: #0d0d0d;
  }
  
  .w-load-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
  }
  
  .w-ring-container {
    height: 60px;
    width: 60px;
    transform-origin: center;
    animation: rotate 0.8s linear infinite;
    will-change: transform;
    overflow: visible;
  }
  
  .w-ring-track {
    fill: none;
    stroke: #433af8;
    stroke-dasharray: 60, 120;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    transition: stroke 0.5s ease;
  }
  
  .w-ring-car {
    fill: none;
    stroke: #433af8;
    opacity: 0.1;
    transition: stroke 0.5s ease;
  }
  
  #main.dark .w-ring-track,
  #main.dark .w-ring-car {
    stroke: white;
  }
  
  @keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
  }