:root {
    --color-actuator: var(--color-primary);
    --color-on-actuator: var(--color-on-primary);
  }
  
  div#actuator-options-and-accessories-legend {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
  }
  
  div#actuator-options-and-accessories-legend.actuator-motorization-electric {
    --color-actuator: var(--color-actuator-electric);
    --color-on-actuator: var(--color-on-primary);
  }
  div#actuator-options-and-accessories-legend.actuator-motorization-gas {
    --color-actuator: var(--color-actuator-gas);
    --color-on-actuator: var(--color-on-primary);
  }
  div#actuator-options-and-accessories-legend.actuator-motorization-pneumatic {
    --color-actuator: var(--color-actuator-pneumatic);
    --color-on-actuator: var(--color-on-primary);
  }
  
  div#actuator-options-and-accessories-legend .legend{
    color: var(--color-actuator);
    font-size: 14px;
  }

  div#actuator-options-and-accessories-legend .icon{
    color: var(--color-actuator);
    font-size: 24px;
    fill: var(--color-actuator);
  }