:root {
  --fpLegendWidth: 260px;
  --fpUnitsWidth: calc(100% - var(--fpLegendWidth));
  --fpPrevButtonIcon: url('data: image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.28851 13.0001L10 5.28857L17.7115 13.0001L16.5914 14.1203L10 7.52893L3.40867 14.1203L2.28851 13.0001Z" fill="white" /></svg>');
  --fpNextButtonIcon: url('data: image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.7115 6.9999L9.99997 14.7114L2.28845 6.9999L3.40862 5.87974L9.99997 12.4711L16.5913 5.87974L17.7115 6.9999Z" fill="white" /></svg>');






  /* Buttons Up-Down (Prev-Next) unit */
  --fpButtonOutline: 0 0 0 1px rgba(255, 255, 255, 0.5);
  --fpButtonHoverTransition: background-color 0.3s ease, background-position 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease, border 0.3s ease;
  --fpButtonHoverBackground: linear-gradient(180deg, var(--color-primary-90) 0%, var(--color-primary) 100%);
  --fpButtonHoverOutline: 0 0 0 3px rgba(255, 255, 255, 0.7);
}