'use strict';

var index$1 = require('./index-Bkm7eeWO.js');
var index = require('./index-DDK-o1Gj.js');

/**
 * @param {HTMLElement} element DOM element for component instantiation and scope
 * @param {Object} options
 * @param {String} options.rangeInputSelector Selector for the range input
 * @param {String} options.currentValueSelector Selector for the current value area
 * @param {String} options.bubbleSelector Selector for the value bubble
 * @param {String} options.containerSelector Selector for the container
 * @param {Boolean} options.attachChangeListener Whether or not to bind change events on range
 * @param {Boolean} options.attachHoverListener Whether or not to bind hover events
 */
class Range {
  /**
   * @static
   * Shorthand for instance creation and initialisation.
   *
   * @param {HTMLElement} root DOM element for component instantiation and scope
   *
   * @return {Range} An instance of Range.
   */
  static autoInit(root, { RANGE: defaultOptions = {} } = {}) {
    const range = new Range(root, defaultOptions);
    range.init();
    root.ECLRange = range;
    return range;
  }

  constructor(
    element,
    {
      rangeInputSelector = '[data-ecl-range-input]',
      currentValueSelector = '[data-ecl-range-value-current]',
      bubbleSelector = '[data-ecl-range-bubble]',
      containerSelector = '[data-ecl-range-container]',
      attachChangeListener = true,
      attachHoverListener = true,
    } = {},
  ) {
    // Check element
    if (!element || element.nodeType !== Node.ELEMENT_NODE) {
      throw new TypeError(
        'DOM element should be given to initialize this widget.',
      );
    }

    this.element = element;

    // Options
    this.rangeInputSelector = rangeInputSelector;
    this.currentValueSelector = currentValueSelector;
    this.bubbleSelector = bubbleSelector;
    this.containerSelector = containerSelector;
    this.attachChangeListener = attachChangeListener;
    this.attachHoverListener = attachHoverListener;

    // Private variables
    this.rangeInput = null;
    this.currentValue = null;
    this.bubble = null;
    this.direction = 'ltr';

    // Bind `this` for use in callbacks
    this.placeBubble = this.placeBubble.bind(this);
    this.handleChange = this.handleChange.bind(this);
    this.handleHoverOn = this.handleHoverOn.bind(this);
    this.handleHoverOff = this.handleHoverOff.bind(this);
  }

  /**
   * Initialise component.
   */
  init() {
    if (!ECL) {
      throw new TypeError('Called init but ECL is not present');
    }
    ECL.components = ECL.components || new Map();

    this.rangeInput = index.queryOne(this.rangeInputSelector, this.element);
    this.currentValue = index.queryAll(this.currentValueSelector, this.element);
    this.bubble = index.queryOne(this.bubbleSelector, this.element);

    if (this.rangeInput && this.currentValue) {
      // Display default value
      this.currentValue.forEach((element) => {
        element.innerHTML = this.rangeInput.value;
      });

      // Bind change and hover event on range
      if (this.attachChangeListener) {
        this.rangeInput.addEventListener('input', this.handleChange);
      }
      if (this.attachHoverListener) {
        this.rangeInput.addEventListener('mouseover', this.handleHoverOn);
        this.rangeInput.addEventListener('mouseout', this.handleHoverOff);
      }
    }

    // RTL
    this.direction = getComputedStyle(this.element).direction;

    // Set ecl initialized attribute
    this.element.setAttribute('data-ecl-auto-initialized', 'true');
    ECL.components.set(this.element, this);
  }

  /**
   * Destroy component.
   */
  destroy() {
    if (this.rangeInput && this.currentValue) {
      if (this.attachChangeListener) {
        this.rangeInput.removeEventListener('input', this.handleChange);
      }
      if (this.attachHoverListener) {
        this.rangeInput.removeEventListener('mouseover', this.handleHoverOn);
        this.rangeInput.removeEventListener('mouseout', this.handleHoverOff);
      }
    }

    if (this.element) {
      this.element.removeAttribute('data-ecl-auto-initialized');
      ECL.components.delete(this.element);
    }
  }

  /**
   * Place value bubble
   */
  placeBubble() {
    let containerLeft = 0;
    // Quite complex calculus here
    // see https://stackoverflow.com/questions/46448994/get-the-offset-position-of-an-html5-range-slider-handle

    // Fixed values
    const halfThumbWidth = 8; // 1rem / 2
    const halfLabelWidth = this.bubble.offsetWidth / 2;

    // Get range input width
    const rect = this.rangeInput.getBoundingClientRect();
    const container = this.rangeInput.closest(this.containerSelector);

    if (container) {
      const containerRect = container.getBoundingClientRect();
      containerLeft = containerRect.left;
    }

    const center = rect.width / 2;

    const percentOfRange =
      (this.rangeInput.value - this.rangeInput.min) /
      (this.rangeInput.max - this.rangeInput.min);
    const valuePxPosition = percentOfRange * rect.width;
    const distFromCenter = valuePxPosition - center;
    const percentDistFromCenter = distFromCenter / center;

    // Calculate bubble position
    const offset = percentDistFromCenter * halfThumbWidth;

    // FRONT-5161 Fix bubble position when inside a container
    const leftFromParent = rect.left - containerLeft;

    let pos = 0;
    if (this.direction === 'rtl') {
      pos =
        leftFromParent +
        (rect.width - valuePxPosition) -
        halfLabelWidth +
        offset;
    } else {
      pos = leftFromParent + valuePxPosition - halfLabelWidth - offset;
    }

    this.bubble.style.left = `${pos}px`;
  }

  /**
   * Handle mouse hover
   */
  handleHoverOn() {
    // Display value bubble
    this.bubble.classList.add('ecl-range__bubble--visible');
    this.placeBubble();
  }

  handleHoverOff() {
    // Hide value bubble
    this.bubble.classList.remove('ecl-range__bubble--visible');
  }

  /**
   * Display value when changed
   */
  handleChange() {
    // Update value
    this.currentValue.forEach((element) => {
      element.innerHTML = this.rangeInput.value;
    });

    this.placeBubble();
  }
}

const eclRangeEcCss = () => `.ecl-container.sc-ecl-range-ec{box-sizing:border-box;margin-inline-end:auto;margin-inline-start:auto;padding-inline-end:1rem;padding-inline-start:1rem;position:relative;width:100%}@media (min-width:480px){.ecl-container.sc-ecl-range-ec{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-range-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-range-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-range-ec{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-range-ec{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-range-ec{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-range-ec{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-range-ec{max-width:100%;width:1368px}}.ecl-row.sc-ecl-range-ec{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-inline-end:-.5rem;margin-inline-start:-.5rem}@media (min-width:480px){.ecl-row.sc-ecl-range-ec{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-range-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-range-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-range-ec{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-range-ec{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-range-ec>.ecl-col.sc-ecl-range-ec,.ecl-no-gutters.sc-ecl-range-ec>[class*=ecl-col-].sc-ecl-range-ec{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-range-ec,.ecl-col-10.sc-ecl-range-ec,.ecl-col-11.sc-ecl-range-ec,.ecl-col-12.sc-ecl-range-ec,.ecl-col-2.sc-ecl-range-ec,.ecl-col-3.sc-ecl-range-ec,.ecl-col-4.sc-ecl-range-ec,.ecl-col-5.sc-ecl-range-ec,.ecl-col-6.sc-ecl-range-ec,.ecl-col-7.sc-ecl-range-ec,.ecl-col-8.sc-ecl-range-ec,.ecl-col-9.sc-ecl-range-ec,.ecl-col-l-1.sc-ecl-range-ec,.ecl-col-l-10.sc-ecl-range-ec,.ecl-col-l-11.sc-ecl-range-ec,.ecl-col-l-12.sc-ecl-range-ec,.ecl-col-l-2.sc-ecl-range-ec,.ecl-col-l-3.sc-ecl-range-ec,.ecl-col-l-4.sc-ecl-range-ec,.ecl-col-l-5.sc-ecl-range-ec,.ecl-col-l-6.sc-ecl-range-ec,.ecl-col-l-7.sc-ecl-range-ec,.ecl-col-l-8.sc-ecl-range-ec,.ecl-col-l-9.sc-ecl-range-ec,.ecl-col-m-1.sc-ecl-range-ec,.ecl-col-m-10.sc-ecl-range-ec,.ecl-col-m-11.sc-ecl-range-ec,.ecl-col-m-12.sc-ecl-range-ec,.ecl-col-m-2.sc-ecl-range-ec,.ecl-col-m-3.sc-ecl-range-ec,.ecl-col-m-4.sc-ecl-range-ec,.ecl-col-m-5.sc-ecl-range-ec,.ecl-col-m-6.sc-ecl-range-ec,.ecl-col-m-7.sc-ecl-range-ec,.ecl-col-m-8.sc-ecl-range-ec,.ecl-col-m-9.sc-ecl-range-ec,.ecl-col-s-1.sc-ecl-range-ec,.ecl-col-s-10.sc-ecl-range-ec,.ecl-col-s-11.sc-ecl-range-ec,.ecl-col-s-12.sc-ecl-range-ec,.ecl-col-s-2.sc-ecl-range-ec,.ecl-col-s-3.sc-ecl-range-ec,.ecl-col-s-4.sc-ecl-range-ec,.ecl-col-s-5.sc-ecl-range-ec,.ecl-col-s-6.sc-ecl-range-ec,.ecl-col-s-7.sc-ecl-range-ec,.ecl-col-s-8.sc-ecl-range-ec,.ecl-col-s-9.sc-ecl-range-ec,.ecl-col-xl-1.sc-ecl-range-ec,.ecl-col-xl-10.sc-ecl-range-ec,.ecl-col-xl-11.sc-ecl-range-ec,.ecl-col-xl-12.sc-ecl-range-ec,.ecl-col-xl-2.sc-ecl-range-ec,.ecl-col-xl-3.sc-ecl-range-ec,.ecl-col-xl-4.sc-ecl-range-ec,.ecl-col-xl-5.sc-ecl-range-ec,.ecl-col-xl-6.sc-ecl-range-ec,.ecl-col-xl-7.sc-ecl-range-ec,.ecl-col-xl-8.sc-ecl-range-ec,.ecl-col-xl-9.sc-ecl-range-ec{box-sizing:border-box;min-height:1px;padding-inline-end:.5rem;padding-inline-start:.5rem;position:relative;width:100%}@media (min-width:480px){.ecl-col-1.sc-ecl-range-ec,.ecl-col-10.sc-ecl-range-ec,.ecl-col-11.sc-ecl-range-ec,.ecl-col-12.sc-ecl-range-ec,.ecl-col-2.sc-ecl-range-ec,.ecl-col-3.sc-ecl-range-ec,.ecl-col-4.sc-ecl-range-ec,.ecl-col-5.sc-ecl-range-ec,.ecl-col-6.sc-ecl-range-ec,.ecl-col-7.sc-ecl-range-ec,.ecl-col-8.sc-ecl-range-ec,.ecl-col-9.sc-ecl-range-ec,.ecl-col-l-1.sc-ecl-range-ec,.ecl-col-l-10.sc-ecl-range-ec,.ecl-col-l-11.sc-ecl-range-ec,.ecl-col-l-12.sc-ecl-range-ec,.ecl-col-l-2.sc-ecl-range-ec,.ecl-col-l-3.sc-ecl-range-ec,.ecl-col-l-4.sc-ecl-range-ec,.ecl-col-l-5.sc-ecl-range-ec,.ecl-col-l-6.sc-ecl-range-ec,.ecl-col-l-7.sc-ecl-range-ec,.ecl-col-l-8.sc-ecl-range-ec,.ecl-col-l-9.sc-ecl-range-ec,.ecl-col-m-1.sc-ecl-range-ec,.ecl-col-m-10.sc-ecl-range-ec,.ecl-col-m-11.sc-ecl-range-ec,.ecl-col-m-12.sc-ecl-range-ec,.ecl-col-m-2.sc-ecl-range-ec,.ecl-col-m-3.sc-ecl-range-ec,.ecl-col-m-4.sc-ecl-range-ec,.ecl-col-m-5.sc-ecl-range-ec,.ecl-col-m-6.sc-ecl-range-ec,.ecl-col-m-7.sc-ecl-range-ec,.ecl-col-m-8.sc-ecl-range-ec,.ecl-col-m-9.sc-ecl-range-ec,.ecl-col-s-1.sc-ecl-range-ec,.ecl-col-s-10.sc-ecl-range-ec,.ecl-col-s-11.sc-ecl-range-ec,.ecl-col-s-12.sc-ecl-range-ec,.ecl-col-s-2.sc-ecl-range-ec,.ecl-col-s-3.sc-ecl-range-ec,.ecl-col-s-4.sc-ecl-range-ec,.ecl-col-s-5.sc-ecl-range-ec,.ecl-col-s-6.sc-ecl-range-ec,.ecl-col-s-7.sc-ecl-range-ec,.ecl-col-s-8.sc-ecl-range-ec,.ecl-col-s-9.sc-ecl-range-ec,.ecl-col-xl-1.sc-ecl-range-ec,.ecl-col-xl-10.sc-ecl-range-ec,.ecl-col-xl-11.sc-ecl-range-ec,.ecl-col-xl-12.sc-ecl-range-ec,.ecl-col-xl-2.sc-ecl-range-ec,.ecl-col-xl-3.sc-ecl-range-ec,.ecl-col-xl-4.sc-ecl-range-ec,.ecl-col-xl-5.sc-ecl-range-ec,.ecl-col-xl-6.sc-ecl-range-ec,.ecl-col-xl-7.sc-ecl-range-ec,.ecl-col-xl-8.sc-ecl-range-ec,.ecl-col-xl-9.sc-ecl-range-ec{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-range-ec,.ecl-col-10.sc-ecl-range-ec,.ecl-col-11.sc-ecl-range-ec,.ecl-col-12.sc-ecl-range-ec,.ecl-col-2.sc-ecl-range-ec,.ecl-col-3.sc-ecl-range-ec,.ecl-col-4.sc-ecl-range-ec,.ecl-col-5.sc-ecl-range-ec,.ecl-col-6.sc-ecl-range-ec,.ecl-col-7.sc-ecl-range-ec,.ecl-col-8.sc-ecl-range-ec,.ecl-col-9.sc-ecl-range-ec,.ecl-col-l-1.sc-ecl-range-ec,.ecl-col-l-10.sc-ecl-range-ec,.ecl-col-l-11.sc-ecl-range-ec,.ecl-col-l-12.sc-ecl-range-ec,.ecl-col-l-2.sc-ecl-range-ec,.ecl-col-l-3.sc-ecl-range-ec,.ecl-col-l-4.sc-ecl-range-ec,.ecl-col-l-5.sc-ecl-range-ec,.ecl-col-l-6.sc-ecl-range-ec,.ecl-col-l-7.sc-ecl-range-ec,.ecl-col-l-8.sc-ecl-range-ec,.ecl-col-l-9.sc-ecl-range-ec,.ecl-col-m-1.sc-ecl-range-ec,.ecl-col-m-10.sc-ecl-range-ec,.ecl-col-m-11.sc-ecl-range-ec,.ecl-col-m-12.sc-ecl-range-ec,.ecl-col-m-2.sc-ecl-range-ec,.ecl-col-m-3.sc-ecl-range-ec,.ecl-col-m-4.sc-ecl-range-ec,.ecl-col-m-5.sc-ecl-range-ec,.ecl-col-m-6.sc-ecl-range-ec,.ecl-col-m-7.sc-ecl-range-ec,.ecl-col-m-8.sc-ecl-range-ec,.ecl-col-m-9.sc-ecl-range-ec,.ecl-col-s-1.sc-ecl-range-ec,.ecl-col-s-10.sc-ecl-range-ec,.ecl-col-s-11.sc-ecl-range-ec,.ecl-col-s-12.sc-ecl-range-ec,.ecl-col-s-2.sc-ecl-range-ec,.ecl-col-s-3.sc-ecl-range-ec,.ecl-col-s-4.sc-ecl-range-ec,.ecl-col-s-5.sc-ecl-range-ec,.ecl-col-s-6.sc-ecl-range-ec,.ecl-col-s-7.sc-ecl-range-ec,.ecl-col-s-8.sc-ecl-range-ec,.ecl-col-s-9.sc-ecl-range-ec,.ecl-col-xl-1.sc-ecl-range-ec,.ecl-col-xl-10.sc-ecl-range-ec,.ecl-col-xl-11.sc-ecl-range-ec,.ecl-col-xl-12.sc-ecl-range-ec,.ecl-col-xl-2.sc-ecl-range-ec,.ecl-col-xl-3.sc-ecl-range-ec,.ecl-col-xl-4.sc-ecl-range-ec,.ecl-col-xl-5.sc-ecl-range-ec,.ecl-col-xl-6.sc-ecl-range-ec,.ecl-col-xl-7.sc-ecl-range-ec,.ecl-col-xl-8.sc-ecl-range-ec,.ecl-col-xl-9.sc-ecl-range-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-range-ec,.ecl-col-10.sc-ecl-range-ec,.ecl-col-11.sc-ecl-range-ec,.ecl-col-12.sc-ecl-range-ec,.ecl-col-2.sc-ecl-range-ec,.ecl-col-3.sc-ecl-range-ec,.ecl-col-4.sc-ecl-range-ec,.ecl-col-5.sc-ecl-range-ec,.ecl-col-6.sc-ecl-range-ec,.ecl-col-7.sc-ecl-range-ec,.ecl-col-8.sc-ecl-range-ec,.ecl-col-9.sc-ecl-range-ec,.ecl-col-l-1.sc-ecl-range-ec,.ecl-col-l-10.sc-ecl-range-ec,.ecl-col-l-11.sc-ecl-range-ec,.ecl-col-l-12.sc-ecl-range-ec,.ecl-col-l-2.sc-ecl-range-ec,.ecl-col-l-3.sc-ecl-range-ec,.ecl-col-l-4.sc-ecl-range-ec,.ecl-col-l-5.sc-ecl-range-ec,.ecl-col-l-6.sc-ecl-range-ec,.ecl-col-l-7.sc-ecl-range-ec,.ecl-col-l-8.sc-ecl-range-ec,.ecl-col-l-9.sc-ecl-range-ec,.ecl-col-m-1.sc-ecl-range-ec,.ecl-col-m-10.sc-ecl-range-ec,.ecl-col-m-11.sc-ecl-range-ec,.ecl-col-m-12.sc-ecl-range-ec,.ecl-col-m-2.sc-ecl-range-ec,.ecl-col-m-3.sc-ecl-range-ec,.ecl-col-m-4.sc-ecl-range-ec,.ecl-col-m-5.sc-ecl-range-ec,.ecl-col-m-6.sc-ecl-range-ec,.ecl-col-m-7.sc-ecl-range-ec,.ecl-col-m-8.sc-ecl-range-ec,.ecl-col-m-9.sc-ecl-range-ec,.ecl-col-s-1.sc-ecl-range-ec,.ecl-col-s-10.sc-ecl-range-ec,.ecl-col-s-11.sc-ecl-range-ec,.ecl-col-s-12.sc-ecl-range-ec,.ecl-col-s-2.sc-ecl-range-ec,.ecl-col-s-3.sc-ecl-range-ec,.ecl-col-s-4.sc-ecl-range-ec,.ecl-col-s-5.sc-ecl-range-ec,.ecl-col-s-6.sc-ecl-range-ec,.ecl-col-s-7.sc-ecl-range-ec,.ecl-col-s-8.sc-ecl-range-ec,.ecl-col-s-9.sc-ecl-range-ec,.ecl-col-xl-1.sc-ecl-range-ec,.ecl-col-xl-10.sc-ecl-range-ec,.ecl-col-xl-11.sc-ecl-range-ec,.ecl-col-xl-12.sc-ecl-range-ec,.ecl-col-xl-2.sc-ecl-range-ec,.ecl-col-xl-3.sc-ecl-range-ec,.ecl-col-xl-4.sc-ecl-range-ec,.ecl-col-xl-5.sc-ecl-range-ec,.ecl-col-xl-6.sc-ecl-range-ec,.ecl-col-xl-7.sc-ecl-range-ec,.ecl-col-xl-8.sc-ecl-range-ec,.ecl-col-xl-9.sc-ecl-range-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-range-ec,.ecl-col-10.sc-ecl-range-ec,.ecl-col-11.sc-ecl-range-ec,.ecl-col-12.sc-ecl-range-ec,.ecl-col-2.sc-ecl-range-ec,.ecl-col-3.sc-ecl-range-ec,.ecl-col-4.sc-ecl-range-ec,.ecl-col-5.sc-ecl-range-ec,.ecl-col-6.sc-ecl-range-ec,.ecl-col-7.sc-ecl-range-ec,.ecl-col-8.sc-ecl-range-ec,.ecl-col-9.sc-ecl-range-ec,.ecl-col-l-1.sc-ecl-range-ec,.ecl-col-l-10.sc-ecl-range-ec,.ecl-col-l-11.sc-ecl-range-ec,.ecl-col-l-12.sc-ecl-range-ec,.ecl-col-l-2.sc-ecl-range-ec,.ecl-col-l-3.sc-ecl-range-ec,.ecl-col-l-4.sc-ecl-range-ec,.ecl-col-l-5.sc-ecl-range-ec,.ecl-col-l-6.sc-ecl-range-ec,.ecl-col-l-7.sc-ecl-range-ec,.ecl-col-l-8.sc-ecl-range-ec,.ecl-col-l-9.sc-ecl-range-ec,.ecl-col-m-1.sc-ecl-range-ec,.ecl-col-m-10.sc-ecl-range-ec,.ecl-col-m-11.sc-ecl-range-ec,.ecl-col-m-12.sc-ecl-range-ec,.ecl-col-m-2.sc-ecl-range-ec,.ecl-col-m-3.sc-ecl-range-ec,.ecl-col-m-4.sc-ecl-range-ec,.ecl-col-m-5.sc-ecl-range-ec,.ecl-col-m-6.sc-ecl-range-ec,.ecl-col-m-7.sc-ecl-range-ec,.ecl-col-m-8.sc-ecl-range-ec,.ecl-col-m-9.sc-ecl-range-ec,.ecl-col-s-1.sc-ecl-range-ec,.ecl-col-s-10.sc-ecl-range-ec,.ecl-col-s-11.sc-ecl-range-ec,.ecl-col-s-12.sc-ecl-range-ec,.ecl-col-s-2.sc-ecl-range-ec,.ecl-col-s-3.sc-ecl-range-ec,.ecl-col-s-4.sc-ecl-range-ec,.ecl-col-s-5.sc-ecl-range-ec,.ecl-col-s-6.sc-ecl-range-ec,.ecl-col-s-7.sc-ecl-range-ec,.ecl-col-s-8.sc-ecl-range-ec,.ecl-col-s-9.sc-ecl-range-ec,.ecl-col-xl-1.sc-ecl-range-ec,.ecl-col-xl-10.sc-ecl-range-ec,.ecl-col-xl-11.sc-ecl-range-ec,.ecl-col-xl-12.sc-ecl-range-ec,.ecl-col-xl-2.sc-ecl-range-ec,.ecl-col-xl-3.sc-ecl-range-ec,.ecl-col-xl-4.sc-ecl-range-ec,.ecl-col-xl-5.sc-ecl-range-ec,.ecl-col-xl-6.sc-ecl-range-ec,.ecl-col-xl-7.sc-ecl-range-ec,.ecl-col-xl-8.sc-ecl-range-ec,.ecl-col-xl-9.sc-ecl-range-ec{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-range-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-range-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-range-ec{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-range-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-range-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-range-ec{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-range-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-range-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-range-ec{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-range-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-range-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-range-ec{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-range-ec{right:auto}.ecl-pull-1.sc-ecl-range-ec{right:8.3333333333%}.ecl-pull-2.sc-ecl-range-ec{right:16.6666666667%}.ecl-pull-3.sc-ecl-range-ec{right:25%}.ecl-pull-4.sc-ecl-range-ec{right:33.3333333333%}.ecl-pull-5.sc-ecl-range-ec{right:41.6666666667%}.ecl-pull-6.sc-ecl-range-ec{right:50%}.ecl-pull-7.sc-ecl-range-ec{right:58.3333333333%}.ecl-pull-8.sc-ecl-range-ec{right:66.6666666667%}.ecl-pull-9.sc-ecl-range-ec{right:75%}.ecl-pull-10.sc-ecl-range-ec{right:83.3333333333%}.ecl-pull-11.sc-ecl-range-ec{right:91.6666666667%}.ecl-pull-12.sc-ecl-range-ec{right:100%}.ecl-push-0.sc-ecl-range-ec{left:auto}.ecl-push-1.sc-ecl-range-ec{left:8.3333333333%}.ecl-push-2.sc-ecl-range-ec{left:16.6666666667%}.ecl-push-3.sc-ecl-range-ec{left:25%}.ecl-push-4.sc-ecl-range-ec{left:33.3333333333%}.ecl-push-5.sc-ecl-range-ec{left:41.6666666667%}.ecl-push-6.sc-ecl-range-ec{left:50%}.ecl-push-7.sc-ecl-range-ec{left:58.3333333333%}.ecl-push-8.sc-ecl-range-ec{left:66.6666666667%}.ecl-push-9.sc-ecl-range-ec{left:75%}.ecl-push-10.sc-ecl-range-ec{left:83.3333333333%}.ecl-push-11.sc-ecl-range-ec{left:91.6666666667%}.ecl-push-12.sc-ecl-range-ec{left:100%}.ecl-offset-1.sc-ecl-range-ec{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-range-ec{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-range-ec{margin-inline-start:25%}.ecl-offset-4.sc-ecl-range-ec{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-range-ec{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-range-ec{margin-inline-start:50%}.ecl-offset-7.sc-ecl-range-ec{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-range-ec{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-range-ec{margin-inline-start:75%}.ecl-offset-10.sc-ecl-range-ec{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-range-ec{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-range-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-range-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-range-ec{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-range-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-range-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-range-ec{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-range-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-range-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-range-ec{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-range-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-range-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-range-ec{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-range-ec{right:auto}.ecl-pull-s-1.sc-ecl-range-ec{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-range-ec{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-range-ec{right:25%}.ecl-pull-s-4.sc-ecl-range-ec{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-range-ec{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-range-ec{right:50%}.ecl-pull-s-7.sc-ecl-range-ec{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-range-ec{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-range-ec{right:75%}.ecl-pull-s-10.sc-ecl-range-ec{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-range-ec{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-range-ec{right:100%}.ecl-push-s-0.sc-ecl-range-ec{left:auto}.ecl-push-s-1.sc-ecl-range-ec{left:8.3333333333%}.ecl-push-s-2.sc-ecl-range-ec{left:16.6666666667%}.ecl-push-s-3.sc-ecl-range-ec{left:25%}.ecl-push-s-4.sc-ecl-range-ec{left:33.3333333333%}.ecl-push-s-5.sc-ecl-range-ec{left:41.6666666667%}.ecl-push-s-6.sc-ecl-range-ec{left:50%}.ecl-push-s-7.sc-ecl-range-ec{left:58.3333333333%}.ecl-push-s-8.sc-ecl-range-ec{left:66.6666666667%}.ecl-push-s-9.sc-ecl-range-ec{left:75%}.ecl-push-s-10.sc-ecl-range-ec{left:83.3333333333%}.ecl-push-s-11.sc-ecl-range-ec{left:91.6666666667%}.ecl-push-s-12.sc-ecl-range-ec{left:100%}.ecl-offset-s-0.sc-ecl-range-ec{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-range-ec{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-range-ec{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-range-ec{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-range-ec{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-range-ec{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-range-ec{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-range-ec{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-range-ec{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-range-ec{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-range-ec{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-range-ec{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-range-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-range-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-range-ec{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-range-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-range-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-range-ec{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-range-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-range-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-range-ec{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-range-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-range-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-range-ec{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-range-ec{right:auto}.ecl-pull-m-1.sc-ecl-range-ec{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-range-ec{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-range-ec{right:25%}.ecl-pull-m-4.sc-ecl-range-ec{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-range-ec{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-range-ec{right:50%}.ecl-pull-m-7.sc-ecl-range-ec{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-range-ec{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-range-ec{right:75%}.ecl-pull-m-10.sc-ecl-range-ec{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-range-ec{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-range-ec{right:100%}.ecl-push-m-0.sc-ecl-range-ec{left:auto}.ecl-push-m-1.sc-ecl-range-ec{left:8.3333333333%}.ecl-push-m-2.sc-ecl-range-ec{left:16.6666666667%}.ecl-push-m-3.sc-ecl-range-ec{left:25%}.ecl-push-m-4.sc-ecl-range-ec{left:33.3333333333%}.ecl-push-m-5.sc-ecl-range-ec{left:41.6666666667%}.ecl-push-m-6.sc-ecl-range-ec{left:50%}.ecl-push-m-7.sc-ecl-range-ec{left:58.3333333333%}.ecl-push-m-8.sc-ecl-range-ec{left:66.6666666667%}.ecl-push-m-9.sc-ecl-range-ec{left:75%}.ecl-push-m-10.sc-ecl-range-ec{left:83.3333333333%}.ecl-push-m-11.sc-ecl-range-ec{left:91.6666666667%}.ecl-push-m-12.sc-ecl-range-ec{left:100%}.ecl-offset-m-0.sc-ecl-range-ec{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-range-ec{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-range-ec{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-range-ec{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-range-ec{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-range-ec{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-range-ec{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-range-ec{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-range-ec{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-range-ec{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-range-ec{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-range-ec{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-range-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-range-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-range-ec{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-range-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-range-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-range-ec{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-range-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-range-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-range-ec{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-range-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-range-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-range-ec{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-range-ec{right:auto}.ecl-pull-l-1.sc-ecl-range-ec{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-range-ec{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-range-ec{right:25%}.ecl-pull-l-4.sc-ecl-range-ec{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-range-ec{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-range-ec{right:50%}.ecl-pull-l-7.sc-ecl-range-ec{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-range-ec{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-range-ec{right:75%}.ecl-pull-l-10.sc-ecl-range-ec{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-range-ec{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-range-ec{right:100%}.ecl-push-l-0.sc-ecl-range-ec{left:auto}.ecl-push-l-1.sc-ecl-range-ec{left:8.3333333333%}.ecl-push-l-2.sc-ecl-range-ec{left:16.6666666667%}.ecl-push-l-3.sc-ecl-range-ec{left:25%}.ecl-push-l-4.sc-ecl-range-ec{left:33.3333333333%}.ecl-push-l-5.sc-ecl-range-ec{left:41.6666666667%}.ecl-push-l-6.sc-ecl-range-ec{left:50%}.ecl-push-l-7.sc-ecl-range-ec{left:58.3333333333%}.ecl-push-l-8.sc-ecl-range-ec{left:66.6666666667%}.ecl-push-l-9.sc-ecl-range-ec{left:75%}.ecl-push-l-10.sc-ecl-range-ec{left:83.3333333333%}.ecl-push-l-11.sc-ecl-range-ec{left:91.6666666667%}.ecl-push-l-12.sc-ecl-range-ec{left:100%}.ecl-offset-l-0.sc-ecl-range-ec{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-range-ec{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-range-ec{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-range-ec{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-range-ec{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-range-ec{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-range-ec{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-range-ec{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-range-ec{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-range-ec{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-range-ec{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-range-ec{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-range-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-range-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-range-ec{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-range-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-range-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-range-ec{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-range-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-range-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-range-ec{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-range-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-range-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-range-ec{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-range-ec{right:auto}.ecl-pull-xl-1.sc-ecl-range-ec{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-range-ec{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-range-ec{right:25%}.ecl-pull-xl-4.sc-ecl-range-ec{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-range-ec{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-range-ec{right:50%}.ecl-pull-xl-7.sc-ecl-range-ec{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-range-ec{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-range-ec{right:75%}.ecl-pull-xl-10.sc-ecl-range-ec{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-range-ec{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-range-ec{right:100%}.ecl-push-xl-0.sc-ecl-range-ec{left:auto}.ecl-push-xl-1.sc-ecl-range-ec{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-range-ec{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-range-ec{left:25%}.ecl-push-xl-4.sc-ecl-range-ec{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-range-ec{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-range-ec{left:50%}.ecl-push-xl-7.sc-ecl-range-ec{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-range-ec{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-range-ec{left:75%}.ecl-push-xl-10.sc-ecl-range-ec{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-range-ec{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-range-ec{left:100%}.ecl-offset-xl-0.sc-ecl-range-ec{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-range-ec{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-range-ec{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-range-ec{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-range-ec{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-range-ec{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-range-ec{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-range-ec{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-range-ec{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-range-ec{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-range-ec{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-range-ec{margin-inline-start:91.6666666667%}}.ecl-range.sc-ecl-range-ec,.ecl-range-container.sc-ecl-range-ec{position:relative}.ecl-range.sc-ecl-range-ec{appearance:none;background-color:transparent;border-radius:2px;display:block;height:.25rem;outline:none;padding:1.25rem 0}.ecl-range.sc-ecl-range-ec::-moz-range-track{background-color:var(--cm-border-neutral);content:"";display:block;height:.25rem;position:absolute;width:100%}.ecl-range.sc-ecl-range-ec:before{background-color:var(--cm-border-neutral);content:"";display:block;height:.25rem;position:absolute;width:100%}.ecl-form-group[data-ecl-range].sc-ecl-range-ec .ecl-range.sc-ecl-range-ec{margin:-.875rem 0 -1.25rem}.ecl-form-group[data-ecl-range] .ecl-form-label+.sc-ecl-range-ec:not(.ecl-help-block,.ecl-feedback-message).sc-ecl-range-ec{margin:calc(-.875rem + var(--s-xs)) 0 -1.25rem}.ecl-range__value.sc-ecl-range-ec{box-sizing:border-box;color:var(--cm-on-surface-brand);display:inline-flex;font-family:Inter,arial,sans-serif;font-size:var(--fs-xs);line-height:var(--lh-2xs)}@media (min-width:768px){.ecl-range__value.sc-ecl-range-ec{font-size:var(--fs-s);line-height:var(--lh-xs)}}.ecl-form-group.sc-ecl-range-ec .ecl-range__value.sc-ecl-range-ec{margin-top:calc(var(--s-2xs) + .375rem)}.ecl-range__value-current.sc-ecl-range-ec{font-weight:600;margin-inline-start:var(--s-2xs)}.ecl-range.sc-ecl-range-ec::-moz-range-thumb{appearance:none;background-color:var(--cm-surface-primary);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;position:relative;-moz-transition:.15s ease-in-out;transition:.15s ease-in-out;width:1rem;z-index:1}.ecl-range.sc-ecl-range-ec::-ms-thumb{appearance:none;background-color:var(--cm-surface-primary);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;position:relative;-ms-transition:.15s ease-in-out;transition:.15s ease-in-out;width:1rem;z-index:1}.ecl-range.sc-ecl-range-ec::-webkit-slider-thumb{appearance:none;background-color:var(--cm-surface-primary);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;position:relative;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;width:1rem;z-index:1}.ecl-range.sc-ecl-range-ec::-moz-range-thumb:hover{background-color:var(--cm-surface-primary);outline:4px solid var(--cm-surface-primary)}.ecl-range.sc-ecl-range-ec::-ms-thumb:hover{background-color:var(--cm-surface-primary);outline:4px solid var(--cm-surface-primary)}.ecl-range.sc-ecl-range-ec::-webkit-slider-thumb:hover{background-color:var(--cm-surface-primary);outline:4px solid var(--cm-surface-primary)}.ecl-range.sc-ecl-range-ec::-moz-range-thumb:active{background-color:var(--cm-surface-primary-highest);outline-color:var(--cm-surface-primary-highest)}.ecl-range.sc-ecl-range-ec::-ms-thumb:active{background-color:var(--cm-surface-primary-highest);outline-color:var(--cm-surface-primary-highest)}.ecl-range.sc-ecl-range-ec::-webkit-slider-thumb:active{background-color:var(--cm-surface-primary-highest);outline-color:var(--cm-surface-primary-highest)}.ecl-range.sc-ecl-range-ec:focus-visible::-moz-range-thumb{outline:2px solid var(--cm-border-primary);outline-offset:2px}.ecl-range.sc-ecl-range-ec:focus-visible::-ms-thumb{outline:2px solid var(--cm-border-primary);outline-offset:2px}.ecl-range.sc-ecl-range-ec:focus-visible::-webkit-slider-thumb{outline:2px solid var(--cm-border-primary);outline-offset:2px}.ecl-range__bubble.sc-ecl-range-ec{background-color:var(--cm-surface-transparent-70,var(--c-ov-d));border-radius:2px;color:var(--cm-on-surface-inverted);display:none;font-family:Inter,arial,sans-serif;font-size:var(--fs-xs);line-height:var(--lh-2xs);margin-top:calc(.5rem + 4px + var(--s-2xs));padding:var(--s-2xs) var(--s-xs);position:absolute}.ecl-range__bubble.sc-ecl-range-ec:before{border-bottom:4px solid var(--cm-surface-transparent-70,var(--c-ov-d));border-left:4px solid transparent;border-right:4px solid transparent;content:"";display:inline-block;height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.ecl-range.sc-ecl-range-ec:focus-visible+.ecl-range__bubble.sc-ecl-range-ec{display:block;margin-top:calc(.5rem + 8px + var(--s-2xs))}.ecl-range__bubble--visible.sc-ecl-range-ec{display:block}.ecl-range--s.sc-ecl-range-ec{width:100%}@media (min-width:480px){.ecl-range--s.sc-ecl-range-ec{width:100%}}@media (min-width:768px){.ecl-range--s.sc-ecl-range-ec{width:223px}}@media (min-width:996px){.ecl-range--s.sc-ecl-range-ec{width:223px}}@media (min-width:1140px){.ecl-range--s.sc-ecl-range-ec{width:252px}}.ecl-range--m.sc-ecl-range-ec{width:100%}@media (min-width:480px){.ecl-range--m.sc-ecl-range-ec{width:100%}}@media (min-width:768px){.ecl-range--m.sc-ecl-range-ec{width:287px}}@media (min-width:996px){.ecl-range--m.sc-ecl-range-ec{width:299px}}@media (min-width:1140px){.ecl-range--m.sc-ecl-range-ec{width:347px}}.ecl-range--l.sc-ecl-range-ec{width:100%}@media (min-width:480px){.ecl-range--l.sc-ecl-range-ec{width:100%}}@media (min-width:768px){.ecl-range--l.sc-ecl-range-ec{width:351px}}@media (min-width:996px){.ecl-range--l.sc-ecl-range-ec{width:382px}}@media (min-width:1140px){.ecl-range--l.sc-ecl-range-ec{width:442px}}.ecl-range--disabled.sc-ecl-range-ec:before,.ecl-range--readonly.sc-ecl-range-ec:before,.ecl-range[disabled].sc-ecl-range-ec:before,.ecl-range[readonly].sc-ecl-range-ec:before{background-color:var(--cm-surface-neutral-low)}.ecl-range--disabled.sc-ecl-range-ec::-moz-range-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range--disabled.sc-ecl-range-ec::-ms-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range--disabled.sc-ecl-range-ec::-webkit-slider-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range--readonly.sc-ecl-range-ec::-moz-range-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range--readonly.sc-ecl-range-ec::-ms-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range--readonly.sc-ecl-range-ec::-webkit-slider-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range[disabled].sc-ecl-range-ec::-moz-range-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range[disabled].sc-ecl-range-ec::-ms-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range[disabled].sc-ecl-range-ec::-webkit-slider-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range[readonly].sc-ecl-range-ec::-moz-range-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range[readonly].sc-ecl-range-ec::-ms-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range[readonly].sc-ecl-range-ec::-webkit-slider-thumb{background-color:var(--cm-surface-neutral-low);cursor:not-allowed}.ecl-range--disabled.sc-ecl-range-ec::-moz-range-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-range-ec::-ms-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-range-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-range-ec::-moz-range-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-range-ec::-ms-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-range-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-range-ec::-moz-range-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-range-ec::-ms-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-range-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-range-ec::-moz-range-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-range-ec::-ms-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-range-ec::-webkit-slider-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-range-ec+.ecl-range__value.sc-ecl-range-ec,.ecl-range--readonly.sc-ecl-range-ec+.ecl-range__value.sc-ecl-range-ec,.ecl-range[disabled].sc-ecl-range-ec+.ecl-range__value.sc-ecl-range-ec,.ecl-range[readonly].sc-ecl-range-ec+.ecl-range__value.sc-ecl-range-ec{opacity:.5}.ecl-range--invalid.sc-ecl-range-ec::-moz-range-thumb{background-color:var(--cm-surface-status-error)}.ecl-range--invalid.sc-ecl-range-ec::-ms-thumb{background-color:var(--cm-surface-status-error)}.ecl-range--invalid.sc-ecl-range-ec::-webkit-slider-thumb{background-color:var(--cm-surface-status-error)}.ecl-range--invalid.sc-ecl-range-ec::-moz-range-thumb:hover{background-color:var(--cm-surface-status-error);outline-color:var(--cm-surface-status-error)}.ecl-range--invalid.sc-ecl-range-ec::-ms-thumb:hover{background-color:var(--cm-surface-status-error);outline-color:var(--cm-surface-status-error)}.ecl-range--invalid.sc-ecl-range-ec::-webkit-slider-thumb:hover{background-color:var(--cm-surface-status-error);outline-color:var(--cm-surface-status-error)}.ecl-range--invalid.sc-ecl-range-ec::-moz-range-thumb:active{background-color:color-mix(in srgb,var(--cm-surface-status-error),var(--cm-on-surface-neutral-highest) 30%);outline-color:color-mix(in srgb,var(--cm-surface-status-error),var(--cm-on-surface-neutral-highest) 30%)}.ecl-range--invalid.sc-ecl-range-ec::-ms-thumb:active{background-color:color-mix(in srgb,var(--cm-surface-status-error),var(--cm-on-surface-neutral-highest) 30%);outline-color:color-mix(in srgb,var(--cm-surface-status-error),var(--cm-on-surface-neutral-highest) 30%)}.ecl-range--invalid.sc-ecl-range-ec::-webkit-slider-thumb:active{background-color:color-mix(in srgb,var(--cm-surface-status-error),var(--cm-on-surface-neutral-highest) 30%);outline-color:color-mix(in srgb,var(--cm-surface-status-error),var(--cm-on-surface-neutral-highest) 30%)}`;

const eclRangeEuCss = () => `.ecl-container.sc-ecl-range-eu{box-sizing:border-box;margin-inline-end:auto;margin-inline-start:auto;padding-inline-end:1rem;padding-inline-start:1rem;position:relative;width:100%}@media (min-width:480px){.ecl-container.sc-ecl-range-eu{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-range-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-range-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-range-eu{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-range-eu{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-range-eu{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-range-eu{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-range-eu{max-width:100%;width:1368px}}.ecl-row.sc-ecl-range-eu{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-inline-end:-.5rem;margin-inline-start:-.5rem}@media (min-width:480px){.ecl-row.sc-ecl-range-eu{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-range-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-range-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-range-eu{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-range-eu{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-range-eu>.ecl-col.sc-ecl-range-eu,.ecl-no-gutters.sc-ecl-range-eu>[class*=ecl-col-].sc-ecl-range-eu{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-range-eu,.ecl-col-10.sc-ecl-range-eu,.ecl-col-11.sc-ecl-range-eu,.ecl-col-12.sc-ecl-range-eu,.ecl-col-2.sc-ecl-range-eu,.ecl-col-3.sc-ecl-range-eu,.ecl-col-4.sc-ecl-range-eu,.ecl-col-5.sc-ecl-range-eu,.ecl-col-6.sc-ecl-range-eu,.ecl-col-7.sc-ecl-range-eu,.ecl-col-8.sc-ecl-range-eu,.ecl-col-9.sc-ecl-range-eu,.ecl-col-l-1.sc-ecl-range-eu,.ecl-col-l-10.sc-ecl-range-eu,.ecl-col-l-11.sc-ecl-range-eu,.ecl-col-l-12.sc-ecl-range-eu,.ecl-col-l-2.sc-ecl-range-eu,.ecl-col-l-3.sc-ecl-range-eu,.ecl-col-l-4.sc-ecl-range-eu,.ecl-col-l-5.sc-ecl-range-eu,.ecl-col-l-6.sc-ecl-range-eu,.ecl-col-l-7.sc-ecl-range-eu,.ecl-col-l-8.sc-ecl-range-eu,.ecl-col-l-9.sc-ecl-range-eu,.ecl-col-m-1.sc-ecl-range-eu,.ecl-col-m-10.sc-ecl-range-eu,.ecl-col-m-11.sc-ecl-range-eu,.ecl-col-m-12.sc-ecl-range-eu,.ecl-col-m-2.sc-ecl-range-eu,.ecl-col-m-3.sc-ecl-range-eu,.ecl-col-m-4.sc-ecl-range-eu,.ecl-col-m-5.sc-ecl-range-eu,.ecl-col-m-6.sc-ecl-range-eu,.ecl-col-m-7.sc-ecl-range-eu,.ecl-col-m-8.sc-ecl-range-eu,.ecl-col-m-9.sc-ecl-range-eu,.ecl-col-s-1.sc-ecl-range-eu,.ecl-col-s-10.sc-ecl-range-eu,.ecl-col-s-11.sc-ecl-range-eu,.ecl-col-s-12.sc-ecl-range-eu,.ecl-col-s-2.sc-ecl-range-eu,.ecl-col-s-3.sc-ecl-range-eu,.ecl-col-s-4.sc-ecl-range-eu,.ecl-col-s-5.sc-ecl-range-eu,.ecl-col-s-6.sc-ecl-range-eu,.ecl-col-s-7.sc-ecl-range-eu,.ecl-col-s-8.sc-ecl-range-eu,.ecl-col-s-9.sc-ecl-range-eu,.ecl-col-xl-1.sc-ecl-range-eu,.ecl-col-xl-10.sc-ecl-range-eu,.ecl-col-xl-11.sc-ecl-range-eu,.ecl-col-xl-12.sc-ecl-range-eu,.ecl-col-xl-2.sc-ecl-range-eu,.ecl-col-xl-3.sc-ecl-range-eu,.ecl-col-xl-4.sc-ecl-range-eu,.ecl-col-xl-5.sc-ecl-range-eu,.ecl-col-xl-6.sc-ecl-range-eu,.ecl-col-xl-7.sc-ecl-range-eu,.ecl-col-xl-8.sc-ecl-range-eu,.ecl-col-xl-9.sc-ecl-range-eu{box-sizing:border-box;min-height:1px;padding-inline-end:.5rem;padding-inline-start:.5rem;position:relative;width:100%}@media (min-width:480px){.ecl-col-1.sc-ecl-range-eu,.ecl-col-10.sc-ecl-range-eu,.ecl-col-11.sc-ecl-range-eu,.ecl-col-12.sc-ecl-range-eu,.ecl-col-2.sc-ecl-range-eu,.ecl-col-3.sc-ecl-range-eu,.ecl-col-4.sc-ecl-range-eu,.ecl-col-5.sc-ecl-range-eu,.ecl-col-6.sc-ecl-range-eu,.ecl-col-7.sc-ecl-range-eu,.ecl-col-8.sc-ecl-range-eu,.ecl-col-9.sc-ecl-range-eu,.ecl-col-l-1.sc-ecl-range-eu,.ecl-col-l-10.sc-ecl-range-eu,.ecl-col-l-11.sc-ecl-range-eu,.ecl-col-l-12.sc-ecl-range-eu,.ecl-col-l-2.sc-ecl-range-eu,.ecl-col-l-3.sc-ecl-range-eu,.ecl-col-l-4.sc-ecl-range-eu,.ecl-col-l-5.sc-ecl-range-eu,.ecl-col-l-6.sc-ecl-range-eu,.ecl-col-l-7.sc-ecl-range-eu,.ecl-col-l-8.sc-ecl-range-eu,.ecl-col-l-9.sc-ecl-range-eu,.ecl-col-m-1.sc-ecl-range-eu,.ecl-col-m-10.sc-ecl-range-eu,.ecl-col-m-11.sc-ecl-range-eu,.ecl-col-m-12.sc-ecl-range-eu,.ecl-col-m-2.sc-ecl-range-eu,.ecl-col-m-3.sc-ecl-range-eu,.ecl-col-m-4.sc-ecl-range-eu,.ecl-col-m-5.sc-ecl-range-eu,.ecl-col-m-6.sc-ecl-range-eu,.ecl-col-m-7.sc-ecl-range-eu,.ecl-col-m-8.sc-ecl-range-eu,.ecl-col-m-9.sc-ecl-range-eu,.ecl-col-s-1.sc-ecl-range-eu,.ecl-col-s-10.sc-ecl-range-eu,.ecl-col-s-11.sc-ecl-range-eu,.ecl-col-s-12.sc-ecl-range-eu,.ecl-col-s-2.sc-ecl-range-eu,.ecl-col-s-3.sc-ecl-range-eu,.ecl-col-s-4.sc-ecl-range-eu,.ecl-col-s-5.sc-ecl-range-eu,.ecl-col-s-6.sc-ecl-range-eu,.ecl-col-s-7.sc-ecl-range-eu,.ecl-col-s-8.sc-ecl-range-eu,.ecl-col-s-9.sc-ecl-range-eu,.ecl-col-xl-1.sc-ecl-range-eu,.ecl-col-xl-10.sc-ecl-range-eu,.ecl-col-xl-11.sc-ecl-range-eu,.ecl-col-xl-12.sc-ecl-range-eu,.ecl-col-xl-2.sc-ecl-range-eu,.ecl-col-xl-3.sc-ecl-range-eu,.ecl-col-xl-4.sc-ecl-range-eu,.ecl-col-xl-5.sc-ecl-range-eu,.ecl-col-xl-6.sc-ecl-range-eu,.ecl-col-xl-7.sc-ecl-range-eu,.ecl-col-xl-8.sc-ecl-range-eu,.ecl-col-xl-9.sc-ecl-range-eu{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-range-eu,.ecl-col-10.sc-ecl-range-eu,.ecl-col-11.sc-ecl-range-eu,.ecl-col-12.sc-ecl-range-eu,.ecl-col-2.sc-ecl-range-eu,.ecl-col-3.sc-ecl-range-eu,.ecl-col-4.sc-ecl-range-eu,.ecl-col-5.sc-ecl-range-eu,.ecl-col-6.sc-ecl-range-eu,.ecl-col-7.sc-ecl-range-eu,.ecl-col-8.sc-ecl-range-eu,.ecl-col-9.sc-ecl-range-eu,.ecl-col-l-1.sc-ecl-range-eu,.ecl-col-l-10.sc-ecl-range-eu,.ecl-col-l-11.sc-ecl-range-eu,.ecl-col-l-12.sc-ecl-range-eu,.ecl-col-l-2.sc-ecl-range-eu,.ecl-col-l-3.sc-ecl-range-eu,.ecl-col-l-4.sc-ecl-range-eu,.ecl-col-l-5.sc-ecl-range-eu,.ecl-col-l-6.sc-ecl-range-eu,.ecl-col-l-7.sc-ecl-range-eu,.ecl-col-l-8.sc-ecl-range-eu,.ecl-col-l-9.sc-ecl-range-eu,.ecl-col-m-1.sc-ecl-range-eu,.ecl-col-m-10.sc-ecl-range-eu,.ecl-col-m-11.sc-ecl-range-eu,.ecl-col-m-12.sc-ecl-range-eu,.ecl-col-m-2.sc-ecl-range-eu,.ecl-col-m-3.sc-ecl-range-eu,.ecl-col-m-4.sc-ecl-range-eu,.ecl-col-m-5.sc-ecl-range-eu,.ecl-col-m-6.sc-ecl-range-eu,.ecl-col-m-7.sc-ecl-range-eu,.ecl-col-m-8.sc-ecl-range-eu,.ecl-col-m-9.sc-ecl-range-eu,.ecl-col-s-1.sc-ecl-range-eu,.ecl-col-s-10.sc-ecl-range-eu,.ecl-col-s-11.sc-ecl-range-eu,.ecl-col-s-12.sc-ecl-range-eu,.ecl-col-s-2.sc-ecl-range-eu,.ecl-col-s-3.sc-ecl-range-eu,.ecl-col-s-4.sc-ecl-range-eu,.ecl-col-s-5.sc-ecl-range-eu,.ecl-col-s-6.sc-ecl-range-eu,.ecl-col-s-7.sc-ecl-range-eu,.ecl-col-s-8.sc-ecl-range-eu,.ecl-col-s-9.sc-ecl-range-eu,.ecl-col-xl-1.sc-ecl-range-eu,.ecl-col-xl-10.sc-ecl-range-eu,.ecl-col-xl-11.sc-ecl-range-eu,.ecl-col-xl-12.sc-ecl-range-eu,.ecl-col-xl-2.sc-ecl-range-eu,.ecl-col-xl-3.sc-ecl-range-eu,.ecl-col-xl-4.sc-ecl-range-eu,.ecl-col-xl-5.sc-ecl-range-eu,.ecl-col-xl-6.sc-ecl-range-eu,.ecl-col-xl-7.sc-ecl-range-eu,.ecl-col-xl-8.sc-ecl-range-eu,.ecl-col-xl-9.sc-ecl-range-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-range-eu,.ecl-col-10.sc-ecl-range-eu,.ecl-col-11.sc-ecl-range-eu,.ecl-col-12.sc-ecl-range-eu,.ecl-col-2.sc-ecl-range-eu,.ecl-col-3.sc-ecl-range-eu,.ecl-col-4.sc-ecl-range-eu,.ecl-col-5.sc-ecl-range-eu,.ecl-col-6.sc-ecl-range-eu,.ecl-col-7.sc-ecl-range-eu,.ecl-col-8.sc-ecl-range-eu,.ecl-col-9.sc-ecl-range-eu,.ecl-col-l-1.sc-ecl-range-eu,.ecl-col-l-10.sc-ecl-range-eu,.ecl-col-l-11.sc-ecl-range-eu,.ecl-col-l-12.sc-ecl-range-eu,.ecl-col-l-2.sc-ecl-range-eu,.ecl-col-l-3.sc-ecl-range-eu,.ecl-col-l-4.sc-ecl-range-eu,.ecl-col-l-5.sc-ecl-range-eu,.ecl-col-l-6.sc-ecl-range-eu,.ecl-col-l-7.sc-ecl-range-eu,.ecl-col-l-8.sc-ecl-range-eu,.ecl-col-l-9.sc-ecl-range-eu,.ecl-col-m-1.sc-ecl-range-eu,.ecl-col-m-10.sc-ecl-range-eu,.ecl-col-m-11.sc-ecl-range-eu,.ecl-col-m-12.sc-ecl-range-eu,.ecl-col-m-2.sc-ecl-range-eu,.ecl-col-m-3.sc-ecl-range-eu,.ecl-col-m-4.sc-ecl-range-eu,.ecl-col-m-5.sc-ecl-range-eu,.ecl-col-m-6.sc-ecl-range-eu,.ecl-col-m-7.sc-ecl-range-eu,.ecl-col-m-8.sc-ecl-range-eu,.ecl-col-m-9.sc-ecl-range-eu,.ecl-col-s-1.sc-ecl-range-eu,.ecl-col-s-10.sc-ecl-range-eu,.ecl-col-s-11.sc-ecl-range-eu,.ecl-col-s-12.sc-ecl-range-eu,.ecl-col-s-2.sc-ecl-range-eu,.ecl-col-s-3.sc-ecl-range-eu,.ecl-col-s-4.sc-ecl-range-eu,.ecl-col-s-5.sc-ecl-range-eu,.ecl-col-s-6.sc-ecl-range-eu,.ecl-col-s-7.sc-ecl-range-eu,.ecl-col-s-8.sc-ecl-range-eu,.ecl-col-s-9.sc-ecl-range-eu,.ecl-col-xl-1.sc-ecl-range-eu,.ecl-col-xl-10.sc-ecl-range-eu,.ecl-col-xl-11.sc-ecl-range-eu,.ecl-col-xl-12.sc-ecl-range-eu,.ecl-col-xl-2.sc-ecl-range-eu,.ecl-col-xl-3.sc-ecl-range-eu,.ecl-col-xl-4.sc-ecl-range-eu,.ecl-col-xl-5.sc-ecl-range-eu,.ecl-col-xl-6.sc-ecl-range-eu,.ecl-col-xl-7.sc-ecl-range-eu,.ecl-col-xl-8.sc-ecl-range-eu,.ecl-col-xl-9.sc-ecl-range-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-range-eu,.ecl-col-10.sc-ecl-range-eu,.ecl-col-11.sc-ecl-range-eu,.ecl-col-12.sc-ecl-range-eu,.ecl-col-2.sc-ecl-range-eu,.ecl-col-3.sc-ecl-range-eu,.ecl-col-4.sc-ecl-range-eu,.ecl-col-5.sc-ecl-range-eu,.ecl-col-6.sc-ecl-range-eu,.ecl-col-7.sc-ecl-range-eu,.ecl-col-8.sc-ecl-range-eu,.ecl-col-9.sc-ecl-range-eu,.ecl-col-l-1.sc-ecl-range-eu,.ecl-col-l-10.sc-ecl-range-eu,.ecl-col-l-11.sc-ecl-range-eu,.ecl-col-l-12.sc-ecl-range-eu,.ecl-col-l-2.sc-ecl-range-eu,.ecl-col-l-3.sc-ecl-range-eu,.ecl-col-l-4.sc-ecl-range-eu,.ecl-col-l-5.sc-ecl-range-eu,.ecl-col-l-6.sc-ecl-range-eu,.ecl-col-l-7.sc-ecl-range-eu,.ecl-col-l-8.sc-ecl-range-eu,.ecl-col-l-9.sc-ecl-range-eu,.ecl-col-m-1.sc-ecl-range-eu,.ecl-col-m-10.sc-ecl-range-eu,.ecl-col-m-11.sc-ecl-range-eu,.ecl-col-m-12.sc-ecl-range-eu,.ecl-col-m-2.sc-ecl-range-eu,.ecl-col-m-3.sc-ecl-range-eu,.ecl-col-m-4.sc-ecl-range-eu,.ecl-col-m-5.sc-ecl-range-eu,.ecl-col-m-6.sc-ecl-range-eu,.ecl-col-m-7.sc-ecl-range-eu,.ecl-col-m-8.sc-ecl-range-eu,.ecl-col-m-9.sc-ecl-range-eu,.ecl-col-s-1.sc-ecl-range-eu,.ecl-col-s-10.sc-ecl-range-eu,.ecl-col-s-11.sc-ecl-range-eu,.ecl-col-s-12.sc-ecl-range-eu,.ecl-col-s-2.sc-ecl-range-eu,.ecl-col-s-3.sc-ecl-range-eu,.ecl-col-s-4.sc-ecl-range-eu,.ecl-col-s-5.sc-ecl-range-eu,.ecl-col-s-6.sc-ecl-range-eu,.ecl-col-s-7.sc-ecl-range-eu,.ecl-col-s-8.sc-ecl-range-eu,.ecl-col-s-9.sc-ecl-range-eu,.ecl-col-xl-1.sc-ecl-range-eu,.ecl-col-xl-10.sc-ecl-range-eu,.ecl-col-xl-11.sc-ecl-range-eu,.ecl-col-xl-12.sc-ecl-range-eu,.ecl-col-xl-2.sc-ecl-range-eu,.ecl-col-xl-3.sc-ecl-range-eu,.ecl-col-xl-4.sc-ecl-range-eu,.ecl-col-xl-5.sc-ecl-range-eu,.ecl-col-xl-6.sc-ecl-range-eu,.ecl-col-xl-7.sc-ecl-range-eu,.ecl-col-xl-8.sc-ecl-range-eu,.ecl-col-xl-9.sc-ecl-range-eu{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-range-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-range-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-range-eu{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-range-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-range-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-range-eu{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-range-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-range-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-range-eu{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-range-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-range-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-range-eu{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-range-eu{right:auto}.ecl-pull-1.sc-ecl-range-eu{right:8.3333333333%}.ecl-pull-2.sc-ecl-range-eu{right:16.6666666667%}.ecl-pull-3.sc-ecl-range-eu{right:25%}.ecl-pull-4.sc-ecl-range-eu{right:33.3333333333%}.ecl-pull-5.sc-ecl-range-eu{right:41.6666666667%}.ecl-pull-6.sc-ecl-range-eu{right:50%}.ecl-pull-7.sc-ecl-range-eu{right:58.3333333333%}.ecl-pull-8.sc-ecl-range-eu{right:66.6666666667%}.ecl-pull-9.sc-ecl-range-eu{right:75%}.ecl-pull-10.sc-ecl-range-eu{right:83.3333333333%}.ecl-pull-11.sc-ecl-range-eu{right:91.6666666667%}.ecl-pull-12.sc-ecl-range-eu{right:100%}.ecl-push-0.sc-ecl-range-eu{left:auto}.ecl-push-1.sc-ecl-range-eu{left:8.3333333333%}.ecl-push-2.sc-ecl-range-eu{left:16.6666666667%}.ecl-push-3.sc-ecl-range-eu{left:25%}.ecl-push-4.sc-ecl-range-eu{left:33.3333333333%}.ecl-push-5.sc-ecl-range-eu{left:41.6666666667%}.ecl-push-6.sc-ecl-range-eu{left:50%}.ecl-push-7.sc-ecl-range-eu{left:58.3333333333%}.ecl-push-8.sc-ecl-range-eu{left:66.6666666667%}.ecl-push-9.sc-ecl-range-eu{left:75%}.ecl-push-10.sc-ecl-range-eu{left:83.3333333333%}.ecl-push-11.sc-ecl-range-eu{left:91.6666666667%}.ecl-push-12.sc-ecl-range-eu{left:100%}.ecl-offset-1.sc-ecl-range-eu{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-range-eu{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-range-eu{margin-inline-start:25%}.ecl-offset-4.sc-ecl-range-eu{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-range-eu{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-range-eu{margin-inline-start:50%}.ecl-offset-7.sc-ecl-range-eu{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-range-eu{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-range-eu{margin-inline-start:75%}.ecl-offset-10.sc-ecl-range-eu{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-range-eu{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-range-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-range-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-range-eu{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-range-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-range-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-range-eu{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-range-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-range-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-range-eu{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-range-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-range-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-range-eu{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-range-eu{right:auto}.ecl-pull-s-1.sc-ecl-range-eu{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-range-eu{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-range-eu{right:25%}.ecl-pull-s-4.sc-ecl-range-eu{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-range-eu{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-range-eu{right:50%}.ecl-pull-s-7.sc-ecl-range-eu{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-range-eu{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-range-eu{right:75%}.ecl-pull-s-10.sc-ecl-range-eu{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-range-eu{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-range-eu{right:100%}.ecl-push-s-0.sc-ecl-range-eu{left:auto}.ecl-push-s-1.sc-ecl-range-eu{left:8.3333333333%}.ecl-push-s-2.sc-ecl-range-eu{left:16.6666666667%}.ecl-push-s-3.sc-ecl-range-eu{left:25%}.ecl-push-s-4.sc-ecl-range-eu{left:33.3333333333%}.ecl-push-s-5.sc-ecl-range-eu{left:41.6666666667%}.ecl-push-s-6.sc-ecl-range-eu{left:50%}.ecl-push-s-7.sc-ecl-range-eu{left:58.3333333333%}.ecl-push-s-8.sc-ecl-range-eu{left:66.6666666667%}.ecl-push-s-9.sc-ecl-range-eu{left:75%}.ecl-push-s-10.sc-ecl-range-eu{left:83.3333333333%}.ecl-push-s-11.sc-ecl-range-eu{left:91.6666666667%}.ecl-push-s-12.sc-ecl-range-eu{left:100%}.ecl-offset-s-0.sc-ecl-range-eu{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-range-eu{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-range-eu{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-range-eu{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-range-eu{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-range-eu{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-range-eu{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-range-eu{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-range-eu{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-range-eu{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-range-eu{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-range-eu{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-range-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-range-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-range-eu{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-range-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-range-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-range-eu{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-range-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-range-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-range-eu{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-range-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-range-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-range-eu{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-range-eu{right:auto}.ecl-pull-m-1.sc-ecl-range-eu{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-range-eu{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-range-eu{right:25%}.ecl-pull-m-4.sc-ecl-range-eu{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-range-eu{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-range-eu{right:50%}.ecl-pull-m-7.sc-ecl-range-eu{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-range-eu{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-range-eu{right:75%}.ecl-pull-m-10.sc-ecl-range-eu{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-range-eu{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-range-eu{right:100%}.ecl-push-m-0.sc-ecl-range-eu{left:auto}.ecl-push-m-1.sc-ecl-range-eu{left:8.3333333333%}.ecl-push-m-2.sc-ecl-range-eu{left:16.6666666667%}.ecl-push-m-3.sc-ecl-range-eu{left:25%}.ecl-push-m-4.sc-ecl-range-eu{left:33.3333333333%}.ecl-push-m-5.sc-ecl-range-eu{left:41.6666666667%}.ecl-push-m-6.sc-ecl-range-eu{left:50%}.ecl-push-m-7.sc-ecl-range-eu{left:58.3333333333%}.ecl-push-m-8.sc-ecl-range-eu{left:66.6666666667%}.ecl-push-m-9.sc-ecl-range-eu{left:75%}.ecl-push-m-10.sc-ecl-range-eu{left:83.3333333333%}.ecl-push-m-11.sc-ecl-range-eu{left:91.6666666667%}.ecl-push-m-12.sc-ecl-range-eu{left:100%}.ecl-offset-m-0.sc-ecl-range-eu{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-range-eu{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-range-eu{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-range-eu{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-range-eu{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-range-eu{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-range-eu{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-range-eu{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-range-eu{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-range-eu{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-range-eu{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-range-eu{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-range-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-range-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-range-eu{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-range-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-range-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-range-eu{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-range-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-range-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-range-eu{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-range-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-range-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-range-eu{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-range-eu{right:auto}.ecl-pull-l-1.sc-ecl-range-eu{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-range-eu{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-range-eu{right:25%}.ecl-pull-l-4.sc-ecl-range-eu{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-range-eu{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-range-eu{right:50%}.ecl-pull-l-7.sc-ecl-range-eu{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-range-eu{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-range-eu{right:75%}.ecl-pull-l-10.sc-ecl-range-eu{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-range-eu{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-range-eu{right:100%}.ecl-push-l-0.sc-ecl-range-eu{left:auto}.ecl-push-l-1.sc-ecl-range-eu{left:8.3333333333%}.ecl-push-l-2.sc-ecl-range-eu{left:16.6666666667%}.ecl-push-l-3.sc-ecl-range-eu{left:25%}.ecl-push-l-4.sc-ecl-range-eu{left:33.3333333333%}.ecl-push-l-5.sc-ecl-range-eu{left:41.6666666667%}.ecl-push-l-6.sc-ecl-range-eu{left:50%}.ecl-push-l-7.sc-ecl-range-eu{left:58.3333333333%}.ecl-push-l-8.sc-ecl-range-eu{left:66.6666666667%}.ecl-push-l-9.sc-ecl-range-eu{left:75%}.ecl-push-l-10.sc-ecl-range-eu{left:83.3333333333%}.ecl-push-l-11.sc-ecl-range-eu{left:91.6666666667%}.ecl-push-l-12.sc-ecl-range-eu{left:100%}.ecl-offset-l-0.sc-ecl-range-eu{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-range-eu{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-range-eu{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-range-eu{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-range-eu{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-range-eu{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-range-eu{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-range-eu{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-range-eu{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-range-eu{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-range-eu{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-range-eu{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-range-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-range-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-range-eu{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-range-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-range-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-range-eu{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-range-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-range-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-range-eu{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-range-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-range-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-range-eu{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-range-eu{right:auto}.ecl-pull-xl-1.sc-ecl-range-eu{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-range-eu{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-range-eu{right:25%}.ecl-pull-xl-4.sc-ecl-range-eu{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-range-eu{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-range-eu{right:50%}.ecl-pull-xl-7.sc-ecl-range-eu{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-range-eu{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-range-eu{right:75%}.ecl-pull-xl-10.sc-ecl-range-eu{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-range-eu{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-range-eu{right:100%}.ecl-push-xl-0.sc-ecl-range-eu{left:auto}.ecl-push-xl-1.sc-ecl-range-eu{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-range-eu{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-range-eu{left:25%}.ecl-push-xl-4.sc-ecl-range-eu{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-range-eu{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-range-eu{left:50%}.ecl-push-xl-7.sc-ecl-range-eu{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-range-eu{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-range-eu{left:75%}.ecl-push-xl-10.sc-ecl-range-eu{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-range-eu{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-range-eu{left:100%}.ecl-offset-xl-0.sc-ecl-range-eu{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-range-eu{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-range-eu{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-range-eu{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-range-eu{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-range-eu{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-range-eu{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-range-eu{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-range-eu{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-range-eu{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-range-eu{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-range-eu{margin-inline-start:91.6666666667%}}.ecl-range.sc-ecl-range-eu,.ecl-range-container.sc-ecl-range-eu{position:relative}.ecl-range.sc-ecl-range-eu{appearance:none;background-color:transparent;border-radius:2px;display:block;height:.25rem;outline:none;padding:1.25rem 0}.ecl-range.sc-ecl-range-eu::-moz-range-track{background-color:var(--c-p-20);content:"";display:block;height:.25rem;position:absolute;width:100%}.ecl-range.sc-ecl-range-eu:before{background-color:var(--c-p-20);content:"";display:block;height:.25rem;position:absolute;width:100%}.ecl-form-group[data-ecl-range].sc-ecl-range-eu .ecl-range.sc-ecl-range-eu{margin:-.875rem 0 -1.25rem}.ecl-form-group[data-ecl-range] .ecl-form-label+.sc-ecl-range-eu:not(.ecl-help-block,.ecl-feedback-message).sc-ecl-range-eu{margin:calc(-.875rem + var(--s-m)) 0 -1.25rem}.ecl-range__value.sc-ecl-range-eu{box-sizing:border-box;color:var(--c-d-80);display:inline-flex;font:var(--f-s)}.ecl-form-group.sc-ecl-range-eu .ecl-range__value.sc-ecl-range-eu{margin-top:calc(var(--s-2xs) + .375rem)}.ecl-range__value-current.sc-ecl-range-eu{font-weight:700;margin-inline-start:var(--s-2xs)}.ecl-range.sc-ecl-range-eu::-moz-range-thumb{appearance:none;background-color:var(--c-p);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;position:relative;-moz-transition:.15s ease-in-out;transition:.15s ease-in-out;width:1rem;z-index:1}.ecl-range.sc-ecl-range-eu::-ms-thumb{appearance:none;background-color:var(--c-p);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;position:relative;-ms-transition:.15s ease-in-out;transition:.15s ease-in-out;width:1rem;z-index:1}.ecl-range.sc-ecl-range-eu::-webkit-slider-thumb{appearance:none;background-color:var(--c-p);border:none;border-radius:50%;box-sizing:border-box;cursor:pointer;height:1rem;outline:0 solid transparent;outline-offset:-1px;position:relative;-webkit-transition:.15s ease-in-out;transition:.15s ease-in-out;width:1rem;z-index:1}.ecl-range.sc-ecl-range-eu::-moz-range-thumb:hover{background-color:var(--c-p);outline:4px solid var(--c-p)}.ecl-range.sc-ecl-range-eu::-ms-thumb:hover{background-color:var(--c-p);outline:4px solid var(--c-p)}.ecl-range.sc-ecl-range-eu::-webkit-slider-thumb:hover{background-color:var(--c-p);outline:4px solid var(--c-p)}.ecl-range.sc-ecl-range-eu::-moz-range-thumb:active{background-color:var(--c-p-80);outline-color:var(--c-p-80)}.ecl-range.sc-ecl-range-eu::-ms-thumb:active{background-color:var(--c-p-80);outline-color:var(--c-p-80)}.ecl-range.sc-ecl-range-eu::-webkit-slider-thumb:active{background-color:var(--c-p-80);outline-color:var(--c-p-80)}.ecl-range.sc-ecl-range-eu:focus-visible::-moz-range-thumb{outline:8px solid var(--c-p-20);outline-offset:0}.ecl-range.sc-ecl-range-eu:focus-visible::-ms-thumb{outline:8px solid var(--c-p-20);outline-offset:0}.ecl-range.sc-ecl-range-eu:focus-visible::-webkit-slider-thumb{outline:8px solid var(--c-p-20);outline-offset:0}.ecl-range__bubble.sc-ecl-range-eu{background-color:var(--cm-surface-transparent-70,var(--c-ov-d));border-radius:2px;color:#fff;display:none;font:var(--f-s);margin-top:calc(.5rem + 4px + var(--s-2xs));padding:var(--s-2xs) var(--s-xs);position:absolute}.ecl-range__bubble.sc-ecl-range-eu:before{border-bottom:4px solid var(--cm-surface-transparent-70,var(--c-ov-d));border-left:4px solid transparent;border-right:4px solid transparent;content:"";display:inline-block;height:0;left:50%;position:absolute;top:-4px;transform:translateX(-50%);width:0}.ecl-range.sc-ecl-range-eu:focus-visible+.ecl-range__bubble.sc-ecl-range-eu{display:block;margin-top:calc(.5rem + 8px + var(--s-2xs))}.ecl-range__bubble--visible.sc-ecl-range-eu{display:block}.ecl-range--s.sc-ecl-range-eu{width:100%}@media (min-width:480px){.ecl-range--s.sc-ecl-range-eu{width:100%}}@media (min-width:768px){.ecl-range--s.sc-ecl-range-eu{width:223px}}@media (min-width:996px){.ecl-range--s.sc-ecl-range-eu{width:223px}}@media (min-width:1140px){.ecl-range--s.sc-ecl-range-eu{width:252px}}.ecl-range--m.sc-ecl-range-eu{width:100%}@media (min-width:480px){.ecl-range--m.sc-ecl-range-eu{width:100%}}@media (min-width:768px){.ecl-range--m.sc-ecl-range-eu{width:287px}}@media (min-width:996px){.ecl-range--m.sc-ecl-range-eu{width:299px}}@media (min-width:1140px){.ecl-range--m.sc-ecl-range-eu{width:347px}}.ecl-range--l.sc-ecl-range-eu{width:100%}@media (min-width:480px){.ecl-range--l.sc-ecl-range-eu{width:100%}}@media (min-width:768px){.ecl-range--l.sc-ecl-range-eu{width:351px}}@media (min-width:996px){.ecl-range--l.sc-ecl-range-eu{width:382px}}@media (min-width:1140px){.ecl-range--l.sc-ecl-range-eu{width:442px}}.ecl-range--disabled.sc-ecl-range-eu:before,.ecl-range--readonly.sc-ecl-range-eu:before,.ecl-range[disabled].sc-ecl-range-eu:before,.ecl-range[readonly].sc-ecl-range-eu:before{background-color:var(--c-d-20)}.ecl-range--disabled.sc-ecl-range-eu::-moz-range-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range--disabled.sc-ecl-range-eu::-ms-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range--disabled.sc-ecl-range-eu::-webkit-slider-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range--readonly.sc-ecl-range-eu::-moz-range-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range--readonly.sc-ecl-range-eu::-ms-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range--readonly.sc-ecl-range-eu::-webkit-slider-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range[disabled].sc-ecl-range-eu::-moz-range-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range[disabled].sc-ecl-range-eu::-ms-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range[disabled].sc-ecl-range-eu::-webkit-slider-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range[readonly].sc-ecl-range-eu::-moz-range-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range[readonly].sc-ecl-range-eu::-ms-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range[readonly].sc-ecl-range-eu::-webkit-slider-thumb{background-color:var(--c-d-20);cursor:not-allowed}.ecl-range--disabled.sc-ecl-range-eu::-moz-range-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-range-eu::-ms-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-range-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-range-eu::-moz-range-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-range-eu::-ms-thumb:hover{outline:none}.ecl-range--readonly.sc-ecl-range-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-range-eu::-moz-range-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-range-eu::-ms-thumb:hover{outline:none}.ecl-range[disabled].sc-ecl-range-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-range-eu::-moz-range-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-range-eu::-ms-thumb:hover{outline:none}.ecl-range[readonly].sc-ecl-range-eu::-webkit-slider-thumb:hover{outline:none}.ecl-range--disabled.sc-ecl-range-eu+.ecl-range__value.sc-ecl-range-eu,.ecl-range--readonly.sc-ecl-range-eu+.ecl-range__value.sc-ecl-range-eu,.ecl-range[disabled].sc-ecl-range-eu+.ecl-range__value.sc-ecl-range-eu,.ecl-range[readonly].sc-ecl-range-eu+.ecl-range__value.sc-ecl-range-eu{opacity:.5}.ecl-range--invalid.sc-ecl-range-eu::-moz-range-thumb{background-color:var(--c-er-80)}.ecl-range--invalid.sc-ecl-range-eu::-ms-thumb{background-color:var(--c-er-80)}.ecl-range--invalid.sc-ecl-range-eu::-webkit-slider-thumb{background-color:var(--c-er-80)}.ecl-range--invalid.sc-ecl-range-eu::-moz-range-thumb:hover{background-color:var(--c-er);outline-color:var(--c-er)}.ecl-range--invalid.sc-ecl-range-eu::-ms-thumb:hover{background-color:var(--c-er);outline-color:var(--c-er)}.ecl-range--invalid.sc-ecl-range-eu::-webkit-slider-thumb:hover{background-color:var(--c-er);outline-color:var(--c-er)}.ecl-range--invalid.sc-ecl-range-eu::-moz-range-thumb:active{background-color:var(--c-er-80);outline-color:var(--c-er-80)}.ecl-range--invalid.sc-ecl-range-eu::-ms-thumb:active{background-color:var(--c-er-80);outline-color:var(--c-er-80)}.ecl-range--invalid.sc-ecl-range-eu::-webkit-slider-thumb:active{background-color:var(--c-er-80);outline-color:var(--c-er-80)}`;

const EclRange = class {
    constructor(hostRef) {
        index$1.registerInstance(this, hostRef);
        this.inputFocus = index$1.createEvent(this, "inputFocus");
        this.inputBlur = index$1.createEvent(this, "inputBlur");
        this.inputChange = index$1.createEvent(this, "inputChange");
        this.inputId = `ecl-range-${Math.random().toString(36).slice(2, 10)}`;
        this.noScript = false;
        this.disabled = false;
        this.required = false;
        this.invalid = false;
        this.width = 'm';
        this.step = 1;
        this.hasChanged = false;
        this.isFocused = false;
    }
    getClass() {
        const styleClasses = ['ecl-input', this.styleClass];
        return styleClasses.join(' ');
    }
    getInputClasses() {
        const inputClasses = ['ecl-range', `ecl-range--${this.width}`];
        if (this.inputClass) {
            inputClasses.push(this.inputClass);
        }
        if (this.disabled) {
            inputClasses.push(`ecl-range--disabled`);
        }
        if (this.invalid) {
            inputClasses.push(`ecl-range--invalid`);
        }
        return inputClasses.join(' ');
    }
    componentWillLoad() {
        var _a;
        this.theme = (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
    }
    componentDidLoad() {
        if (!this.noScript) {
            window.ECL = window.ECL || {};
            ECL.Range = Range;
            const formGroup = this.el.closest('.ecl-form-group');
            formGroup.setAttribute('data-ecl-range', 'data-ecl-range');
            formGroup.classList.add(`sc-ecl-range-${this.theme}`);
            const range = new Range(formGroup);
            range.init();
        }
    }
    handleFocus(event) {
        this.inputFocus.emit(event);
        this.isFocused = true;
    }
    handleChange(event) {
        this.inputChange.emit(event);
        this.hasChanged = true;
    }
    handleBlur(event) {
        this.inputBlur.emit(event);
        this.isFocused = false;
    }
    render() {
        const wrapperAttrs = {};
        wrapperAttrs['data-ecl-range'] = true;
        const attributes = {
            type: 'range',
            class: this.getInputClasses(),
            id: this.inputId,
            name: this.name,
            required: this.required,
            disabled: this.disabled,
            placeholder: this.placeholder,
            'data-ecl-range-input': true,
            min: this.min,
            max: this.max,
            step: this.step,
            value: this.defaultValue,
        };
        if (this.inputId) {
            const group = this.el.closest('.ecl-form-group');
            if (group) {
                const label = group.querySelector('.ecl-form-label');
                if (label) {
                    label.setAttribute('for', this.inputId);
                    label.setAttribute('id', `${this.inputId}-label`);
                }
                const helper = group.querySelector('.ecl-help-block');
                if (helper) {
                    helper.setAttribute('id', `${this.inputId}-helper`);
                    attributes['aria-describedby'] = `${this.inputId}-helper`;
                }
            }
        }
        return (index$1.h("div", Object.assign({ key: '43f010dc7a220360d81505c17d9bb3c7845727ba', class: this.getClass() }, wrapperAttrs), index$1.h("input", Object.assign({ key: '4e27d2e6a64206256059fccab3514babebae9bb4' }, attributes, { onInput: ev => this.handleChange(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onChange: ev => this.handleChange(ev), "aria-describedby": `${this.inputId}-helper ${this.inputId}-value` })), index$1.h("div", { key: 'ca331db53488b0824743bc948a463be5ba2dcf9b', class: "ecl-range__bubble", "data-ecl-range-bubble": true, "data-ecl-range-value-current": true }), index$1.h("div", { key: 'e86892eeeb32d7f553f0a27de8c465a0b90b1c5b', class: "ecl-range__value" }, this.valueLabel, index$1.h("span", { key: '34feaef0429da21ec3b55d29b646efc5c2b13498', class: "ecl-range__value-current", id: `${this.inputId}-value`, "data-ecl-range-value-current": true }))));
    }
    get el() { return index$1.getElement(this); }
};
EclRange.style = {
    ec: eclRangeEcCss(),
    eu: eclRangeEuCss()
};

exports.ecl_range = EclRange;
