#global-loader {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.9);
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    display: none;
  }
  
  #global-loader.active {
    display: flex;
    opacity: 1;
    pointer-events: all;
  }
  
  #global-loader svg {
    width: 18.25em;
    transform-origin: center;
    animation: rotateLoader 2s linear infinite;
  }
  
  #global-loader circle {
    fill: none;
    stroke: #f7a287;
    stroke-width: 0.5;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: dash4 1.5s ease-in-out infinite;
  }
  
  @keyframes rotateLoader {
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes dash4 {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 200;
      stroke-dashoffset: -35px;
    }
    100% {
      stroke-dashoffset: -125px;
    }
  }