.animate-spin {
  animation: none !important;
  color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%232d6a4f' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke-width='7' pathLength='100' stroke-dasharray='100' stroke-dashoffset='100' d='M80 145 C77 125 83 102 80 68'%3E%3Canimate attributeName='stroke-dashoffset' values='100;0;0;100' keyTimes='0;.36;.82;1' dur='3.6s' repeatCount='indefinite'/%3E%3C/path%3E%3Cg pathLength='100' stroke-dasharray='100' stroke-dashoffset='100'%3E%3Cpath d='M80 112 C63 102 48 88 32 72'/%3E%3Cpath d='M80 112 C97 102 112 88 128 72'/%3E%3Cpath d='M80 95 C67 84 58 70 52 54'/%3E%3Cpath d='M80 95 C93 84 102 70 108 54'/%3E%3Cpath d='M80 78 C74 67 72 54 70 40'/%3E%3Cpath d='M80 78 C86 67 88 54 90 40'/%3E%3Cpath d='M32 72 C24 67 19 61 16 54'/%3E%3Cpath d='M32 72 C36 64 40 59 45 54'/%3E%3Cpath d='M128 72 C136 67 141 61 144 54'/%3E%3Cpath d='M128 72 C124 64 120 59 115 54'/%3E%3Cpath d='M52 54 C46 47 42 40 40 33'/%3E%3Cpath d='M52 54 C56 46 60 41 64 35'/%3E%3Cpath d='M108 54 C114 47 118 40 120 33'/%3E%3Cpath d='M108 54 C104 46 100 41 96 35'/%3E%3Cpath d='M70 40 C66 33 64 27 64 20'/%3E%3Cpath d='M90 40 C94 33 96 27 96 20'/%3E%3Canimate attributeName='stroke-dashoffset' values='100;100;0;0;100' keyTimes='0;.36;.76;.9;1' dur='3.6s' repeatCount='indefinite'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23c9991a' opacity='0'%3E%3Ccircle cx='16' cy='54' r='6'/%3E%3Ccircle cx='24' cy='48' r='6'/%3E%3Ccircle cx='40' cy='33' r='6'/%3E%3Ccircle cx='45' cy='27' r='6'/%3E%3Ccircle cx='64' cy='20' r='6'/%3E%3Ccircle cx='70' cy='14' r='7'/%3E%3Ccircle cx='96' cy='20' r='6'/%3E%3Ccircle cx='90' cy='14' r='7'/%3E%3Ccircle cx='120' cy='33' r='6'/%3E%3Ccircle cx='115' cy='27' r='6'/%3E%3Ccircle cx='144' cy='54' r='6'/%3E%3Ccircle cx='136' cy='48' r='6'/%3E%3Ccircle cx='32' cy='72' r='7'/%3E%3Ccircle cx='128' cy='72' r='7'/%3E%3Ccircle cx='52' cy='54' r='7'/%3E%3Ccircle cx='108' cy='54' r='7'/%3E%3Ccircle cx='80' cy='20' r='9'/%3E%3Ccircle cx='60' cy='38' r='7'/%3E%3Ccircle cx='100' cy='38' r='7'/%3E%3Canimate attributeName='opacity' values='0;0;1;1;0' keyTimes='0;.58;.78;.94;1' dur='3.6s' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: none !important;
}

[data-theme="dark"] .animate-spin {
  filter: brightness(1.35) saturate(1.05);
}

@media (prefers-reduced-motion: reduce) {
  .animate-spin {
    animation: none !important;
    background-image: none !important;
    color: var(--brand-green) !important;
    filter: none !important;
  }
}