.administration-gears { width: 164px; max-width: 90%; height: 132px; overflow: visible; }
.administration-gear { transform-origin: 0 0; animation: administration-gear-turn 18s linear infinite; }
.administration-gear polygon { fill: #70d9ca; stroke: #b9f5ed; stroke-width: 1.5; stroke-linejoin: round; }
.administration-gear circle { fill: #102031; stroke: #b9f5ed; stroke-width: 2; }
.administration-gear--2 { animation-name: administration-gear-counterturn; }
.administration-gear--2 polygon { fill: #739fe7; stroke: #c3dcff; }
@keyframes administration-gear-turn { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes administration-gear-counterturn { from { transform: rotate(15deg); } to { transform: rotate(-345deg); } }
html[data-motion="reduce"] .administration-gear { animation: none; }
@media (prefers-reduced-motion: reduce) { .administration-gear { animation: none; } }