import { r as registerInstance, h, a as getElement } from './index-ytAlchvh.js';
import { a as queryOne } from './index-DOYZ5uJz.js';
import { E as EventManager } from './index-C4-hmnG7.js';

/**
 * @param {HTMLElement} element DOM element for component instantiation and scope
 * @param {Object} options
 * @param {String} options.toggleSelector Selector for toggling element
 * @param {Boolean} options.attachClickListener Whether or not to bind click events on toggle
 * @param {Boolean} options.attachKeyListener Whether or not to bind keyboard events
 */
class Popover {
  /**
   * @static
   * Shorthand for instance creation and initialisation.
   *
   * @param {HTMLElement} root DOM element for component instantiation and scope
   *
   * @return {Popover} An instance of Popover.
   */
  static autoInit(root, { POPOVER: defaultOptions = {} } = {}) {
    const popover = new Popover(root, defaultOptions);
    popover.init();
    root.ECLPopover = popover;
    return popover;
  }

  /**
   *   @event Popover#onOpen
   */
  /**
   *   @event Popover#onClose
   */

  /**
   * An array of supported events for this component.
   *
   * @type {Array<string>}
   * @memberof Popover
   */
  supportedEvents = ['onOpen', 'onClose'];

  constructor(
    element,
    {
      toggleSelector = '[data-ecl-popover-toggle]',
      closeSelector = '[data-ecl-popover-close]',
      attachClickListener = true,
      attachKeyListener = 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;
    this.eventManager = new EventManager();

    // Options
    this.toggleSelector = toggleSelector;
    this.closeSelector = closeSelector;
    this.attachClickListener = attachClickListener;
    this.attachKeyListener = attachKeyListener;

    // Private variables
    this.toggle = null;
    this.close = null;
    this.target = null;
    this.container = null;
    this.resizeTimer = null;
    this.scrollableParent = null;
    this.toggleRect = null;
    this.scrollable = null;

    // Bind `this` for use in callbacks
    this.openPopover = this.openPopover.bind(this);
    this.closePopover = this.closePopover.bind(this);
    this.positionPopover = this.positionPopover.bind(this);
    this.handleClickOnToggle = this.handleClickOnToggle.bind(this);
    this.handleKeyboardGlobal = this.handleKeyboardGlobal.bind(this);
    this.handleClickGlobal = this.handleClickGlobal.bind(this);
    this.checkPosition = this.checkPosition.bind(this);
    this.resetStyles = this.resetStyles.bind(this);
    this.getClosestScrollableParent =
      this.getClosestScrollableParent.bind(this);
    this.calculateAvailableSpace = this.calculateAvailableSpace.bind(this);

    this.POPOVER_CLASSES = {
      TOP: 'ecl-popover--top',
      BOTTOM: 'ecl-popover--bottom',
      LEFT: 'ecl-popover--left',
      RIGHT: 'ecl-popover--right',
      PUSH_TOP: 'ecl-popover--push-top',
      PUSH_BOTTOM: 'ecl-popover--push-bottom',
      PUSH_LEFT: 'ecl-popover--push-left',
      PUSH_RIGHT: 'ecl-popover--push-right',
    };
  }

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

    this.toggle = queryOne(this.toggleSelector, this.element);
    this.close = queryOne(this.closeSelector, this.element);
    this.container = queryOne('.ecl-popover__container', this.element);
    this.scrollableParent = this.getClosestScrollableParent(this.toggle);

    // Bind global events
    if (this.attachKeyListener) {
      document.addEventListener('keyup', this.handleKeyboardGlobal);
    }
    if (this.attachClickListener) {
      document.addEventListener('click', this.handleClickGlobal);
      if (this.close) {
        this.close.addEventListener('click', this.handleClickOnToggle);
      }
    }

    // Get target element
    this.target = document.querySelector(
      `#${this.toggle.getAttribute('aria-controls')}`,
    );

    // Exit if no target found
    if (!this.target) {
      throw new TypeError(
        'Target has to be provided for popover (aria-controls)',
      );
    }

    this.scrollable = this.target.firstElementChild;

    window.addEventListener('resize', this.checkPosition);
    document.addEventListener('scroll', this.checkPosition);

    // Bind click event on toggle
    if (this.attachClickListener && this.toggle) {
      this.toggle.addEventListener('click', this.handleClickOnToggle);
    }

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

  /**
   * Register a callback function for a specific event.
   *
   * @param {string} eventName - The name of the event to listen for.
   * @param {Function} callback - The callback function to be invoked when the event occurs.
   * @returns {void}
   * @memberof Popover
   * @instance
   *
   * @example
   * // Registering a callback for the 'onOpen' event
   * popover.on('onOpen', (event) => {
   *   console.log('Open event occurred!', event);
   * });
   */
  on(eventName, callback) {
    this.eventManager.on(eventName, callback);
  }

  /**
   * Trigger a component event.
   *
   * @param {string} eventName - The name of the event to trigger.
   * @param {any} eventData - Data associated with the event.
   * @memberof Popover
   */
  trigger(eventName, eventData) {
    this.eventManager.trigger(eventName, eventData);
  }

  /**
   * Destroy component.
   */
  destroy() {
    if (this.attachClickListener && this.toggle) {
      this.toggle.removeEventListener('click', this.handleClickOnToggle);
    }
    if (this.attachClickListener && this.close) {
      this.close.removeEventListener('click', this.handleClickOnToggle);
    }
    window.removeEventListener('resize', this.checkPosition);
    document.removeEventListener('scroll', this.checkPosition);

    if (this.attachKeyListener) {
      document.removeEventListener('keyup', this.handleKeyboardGlobal);
    }
    if (this.attachClickListener) {
      document.removeEventListener('click', this.handleClickGlobal);
    }

    if (this.toggle.getAttribute('aria-expanded') === 'true') {
      this.closePopover();
    }

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

  /**
   * Toggles between collapsed/expanded states.
   *
   * @param {Event} e
   */
  handleClickOnToggle(e) {
    e.preventDefault();

    // Get current status
    const isExpanded = this.toggle.getAttribute('aria-expanded') === 'true';

    // Toggle the popover
    if (isExpanded) {
      this.closePopover(e);
      return;
    }

    this.openPopover(e);
    this.positionPopover();
  }

  /**
   * Open the popover.
   *
   * @param {Event} e
   */
  openPopover(e) {
    this.toggle.setAttribute('aria-expanded', 'true');
    this.target.hidden = false;
    this.trigger('onOpen', { event: e, target: this.target });
  }

  /**
   * Close the popover.
   *
   * @param {Event} e
   */
  closePopover(e) {
    this.toggle.setAttribute('aria-expanded', 'false');
    // Reset all the selectors and styles
    this.resetStyles();
    this.target.hidden = true;
    this.trigger('onClose', { event: e, target: this.target });
  }

  /**
   * Find the closest scrollable parent.
   *
   * @param {Node} element
   */

  getClosestScrollableParent(element) {
    let parent = element.parentElement;

    while (parent) {
      const { overflowY, overflowX } = getComputedStyle(parent);
      const isScrollableY =
        (overflowY === 'auto' || overflowY === 'scroll') &&
        parent.scrollHeight > parent.clientHeight;
      const isScrollableX =
        (overflowX === 'auto' || overflowX === 'scroll') &&
        parent.scrollWidth > parent.clientWidth;

      if (isScrollableY || isScrollableX) {
        return parent; // Found the closest scrollable parent
      }

      parent = parent.parentElement;
    }

    return document.body;
  }

  /**
   * Calculate available space for the popover
   *
   * @param {Node} toggleElement
   * @param {Node} scrollableParent
   */
  calculateAvailableSpace(toggleElement, scrollableParent = null) {
    // Get the bounding rect for the toggle element
    this.toggleRect = toggleElement.getBoundingClientRect();

    // If no scrollable parent is provided, use the viewport
    const containerRect = scrollableParent
      ? scrollableParent.getBoundingClientRect()
      : {
          top: 0,
          left: 0,
          right: window.innerWidth,
          bottom: window.innerHeight,
        };
    const containerWidth = containerRect.right - containerRect.left;
    const containerHeight = containerRect.bottom - containerRect.top;
    // Calculate the space available in the four directions
    const containerBottom = Math.max(
      0,
      window.innerHeight - containerRect.bottom,
    );
    const toggleBottom = Math.max(
      0,
      window.innerHeight - this.toggleRect.bottom,
    );
    const spaceBottom = Math.max(0, toggleBottom - containerBottom);

    // Top Space (from toggle's top to container's top)
    const containerTop = Math.max(0, containerRect.top);
    const toggleTop = Math.max(0, this.toggleRect.top);
    const spaceTop = Math.max(0, toggleTop - containerTop);

    // Right Space (from toggle's right to container's right)
    const containerRight = Math.max(0, window.innerWidth - containerRect.right);
    const toggleRight = Math.max(0, window.innerWidth - this.toggleRect.right);
    const spaceRight = Math.max(0, toggleRight - containerRight);

    // Left Space (from toggle's left to container's left)
    const containerLeft = Math.max(0, containerRect.left);
    const toggleLeft = Math.max(0, this.toggleRect.left);
    const spaceLeft = Math.max(0, toggleLeft - containerLeft);

    return {
      containerWidth,
      containerHeight,
      spaceTop,
      spaceBottom,
      spaceLeft,
      spaceRight,
    };
  }

  /**
   * Resets the popover selectors and styles.
   */
  resetStyles() {
    Object.keys(this.POPOVER_CLASSES).forEach((className) => {
      if (
        Object.prototype.hasOwnProperty.call(this.POPOVER_CLASSES, className)
      ) {
        this.element.classList.remove(this.POPOVER_CLASSES[className]);
      }
    });

    this.target.style.setProperty('--ecl-popover-position', '');
    this.container.style.left = '';
    this.container.style.right = '';
    this.container.style.top = '';
    this.container.style.bottom = '';
    this.container.style.transform = '';
    this.scrollable.style.width = '';
  }

  /**
   * Manage popover position.
   */
  positionPopover() {
    this.resetStyles();

    const { containerWidth, spaceTop, spaceBottom, spaceLeft, spaceRight } =
      this.calculateAvailableSpace(this.toggle, this.scrollableParent);

    // Find the direction with the most available space
    const positioningClass = 'ecl-popover--';
    let direction = '';

    if (
      spaceTop > spaceBottom &&
      spaceTop > spaceLeft &&
      spaceTop > spaceRight
    ) {
      direction = 'top';
    } else if (spaceBottom > spaceLeft && spaceBottom > spaceRight) {
      direction = 'bottom';
    } else if (spaceLeft > spaceRight) {
      direction = 'left';
    } else {
      direction = 'right';
    }

    this.element.classList.add(`${positioningClass}${direction}`);

    // Try to use as much of the available width, respecting the max-width set.
    const styles = window.getComputedStyle(this.scrollable);
    const maxWidth = parseInt(styles.getPropertyValue('max-width'), 10);
    const minWidth = parseInt(styles.getPropertyValue('min-width'), 10);
    const padding = parseInt(styles.getPropertyValue('padding-left'), 10) * 2;

    // We consider 90% of the biggest space available
    const horizontalSpace = Math.max(spaceLeft, spaceRight) * 0.9;
    let targetWidth;

    // If the available space is larger than maxWidth (plus padding), set to maxWidth
    if (
      maxWidth + padding < horizontalSpace ||
      (direction !== 'left' &&
        direction !== 'right' &&
        containerWidth > maxWidth)
    ) {
      targetWidth = maxWidth;
    } else if (horizontalSpace < minWidth + padding) {
      // If the available space is smaller than minWidth (plus padding), set to minWidth
      targetWidth = minWidth;
    } else if (direction === 'left' || direction === 'right') {
      // Otherwise, set the width to the available space minus the padding
      targetWidth = horizontalSpace - padding;
    } else {
      targetWidth = (horizontalSpace - padding) * 2;
    }

    // Ensure the width does not exceed available space
    this.scrollable.style.width = `${targetWidth}px`;

    this.handlePushClass(direction);
  }

  /**
   * Check whether the popover is going out of its scrollable container and apply the needed repositioning.
   *
   * @param {string} direction
   */
  handlePushClass(direction) {
    requestAnimationFrame(() => {
      const popoverRect = this.target.getBoundingClientRect();
      const scrollableRect = this.scrollableParent.getBoundingClientRect();
      const containerBottom =
        scrollableRect.bottom > window.innerHeight
          ? 0
          : window.innerHeight - scrollableRect.bottom;
      const containerTop =
        scrollableRect.top > window.innerHeight ? 0 : scrollableRect.top;
      const leftOverflow = scrollableRect.left > popoverRect.left;
      const rightOverflow = scrollableRect.right < popoverRect.right;
      const topOverflow = popoverRect.top < containerTop;
      const bottomOverflow =
        containerBottom > window.innerHeight - popoverRect.bottom;

      if (direction === 'left' || direction === 'right') {
        if (topOverflow) {
          this.element.classList.add(this.POPOVER_CLASSES.PUSH_TOP);
          // Push the popover to the top edge of the container
          this.container.style.top = `-${Math.round(this.toggleRect.top)}px`;
          this.container.style.bottom = '';
          this.container.style.transform = '';
        }
        if (bottomOverflow) {
          this.element.classList.add(this.POPOVER_CLASSES.PUSH_BOTTOM);
          // Push the popover to the bottom edge of the container
          this.container.style.bottom = `-${window.innerHeight - this.toggleRect.bottom - containerBottom}px`;
          this.container.style.top = '';
          this.container.style.transform = '';
        }
      } else {
        if (leftOverflow) {
          this.element.classList.add(this.POPOVER_CLASSES.PUSH_LEFT);
          // Push the popover 8px to the left edge of the container
          this.container.style.left = `-${this.toggleRect.left - scrollableRect.left - 8}px`;
          this.container.style.right = 'auto';
        }
        if (rightOverflow) {
          this.element.classList.add(this.POPOVER_CLASSES.PUSH_RIGHT);
          // Push the popover 8px to the right edge of the container
          this.container.style.right = `-${scrollableRect.right - this.toggleRect.right - 8}px`;
          this.container.style.left = 'auto';
        }
      }

      this.handleArrowPosition(direction);
    });
  }

  /**
   * Reposition the arrow in case a push class is being used
   *
   * @param {string} direction
   */
  handleArrowPosition(direction) {
    const popoverRect = this.target.getBoundingClientRect();

    if (direction === 'left' || direction === 'right') {
      if (this.element.classList.contains(this.POPOVER_CLASSES.PUSH_BOTTOM)) {
        this.target.style.setProperty(
          '--ecl-popover-position',
          `${Math.round(
            this.toggleRect.top - popoverRect.top + this.toggleRect.height / 2,
          )}px`,
        );
      } else if (
        this.element.classList.contains(this.POPOVER_CLASSES.PUSH_TOP)
      ) {
        this.target.style.setProperty(
          '--ecl-popover-position',
          `${Math.round(
            popoverRect.top + this.toggleRect.top + this.toggleRect.height / 2,
          )}px`,
        );
      }
    } else {
      if (this.element.classList.contains(this.POPOVER_CLASSES.PUSH_RIGHT)) {
        this.target.style.setProperty(
          '--ecl-popover-position',
          `${Math.round(
            popoverRect.right -
              (this.toggleRect.right - this.toggleRect.width / 2),
          )}px`,
        );
      } else if (
        this.element.classList.contains(this.POPOVER_CLASSES.PUSH_LEFT)
      ) {
        this.target.style.setProperty(
          '--ecl-popover-position',
          `${Math.round(
            this.toggleRect.left - popoverRect.left + this.toggleRect.width / 2,
          )}px`,
        );
      }
    }
  }

  /**
   * Trigger events on resize
   * Uses a debounce, for performance
   */
  checkPosition() {
    clearTimeout(this.resizeTimer);
    this.resizeTimer = setTimeout(() => {
      if (this.toggle.getAttribute('aria-expanded') === 'true') {
        this.positionPopover();
      }
    }, 200);
  }

  /**
   * Handles global keyboard events, triggered outside of the popover.
   *
   * @param {Event} e
   */
  handleKeyboardGlobal(e) {
    if (!this.target) return;

    // Detect press on Escape
    if (e.key === 'Escape' || e.key === 'Esc') {
      this.closePopover();
    }
  }

  /**
   * Handles global click events, triggered outside of the popover.
   *
   * @param {Event} e
   */
  handleClickGlobal(e) {
    if (!this.target) return;

    // Check if the popover is open
    if (this.toggle.getAttribute('aria-expanded') === 'true') {
      // Check if the click occured on the popover
      if (!this.target.contains(e.target) && !this.toggle.contains(e.target)) {
        this.closePopover();
      }
    }
  }
}

const eclPopoverEcCss = () => `.ecl-container.sc-ecl-popover-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-popover-ec{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-popover-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-popover-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-popover-ec{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-popover-ec{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-popover-ec{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-popover-ec{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-popover-ec{max-width:100%;width:1368px}}.ecl-row.sc-ecl-popover-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-popover-ec{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-popover-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-popover-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-popover-ec{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-popover-ec{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-popover-ec>.ecl-col.sc-ecl-popover-ec,.ecl-no-gutters.sc-ecl-popover-ec>[class*=ecl-col-].sc-ecl-popover-ec{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-popover-ec,.ecl-col-10.sc-ecl-popover-ec,.ecl-col-11.sc-ecl-popover-ec,.ecl-col-12.sc-ecl-popover-ec,.ecl-col-2.sc-ecl-popover-ec,.ecl-col-3.sc-ecl-popover-ec,.ecl-col-4.sc-ecl-popover-ec,.ecl-col-5.sc-ecl-popover-ec,.ecl-col-6.sc-ecl-popover-ec,.ecl-col-7.sc-ecl-popover-ec,.ecl-col-8.sc-ecl-popover-ec,.ecl-col-9.sc-ecl-popover-ec,.ecl-col-l-1.sc-ecl-popover-ec,.ecl-col-l-10.sc-ecl-popover-ec,.ecl-col-l-11.sc-ecl-popover-ec,.ecl-col-l-12.sc-ecl-popover-ec,.ecl-col-l-2.sc-ecl-popover-ec,.ecl-col-l-3.sc-ecl-popover-ec,.ecl-col-l-4.sc-ecl-popover-ec,.ecl-col-l-5.sc-ecl-popover-ec,.ecl-col-l-6.sc-ecl-popover-ec,.ecl-col-l-7.sc-ecl-popover-ec,.ecl-col-l-8.sc-ecl-popover-ec,.ecl-col-l-9.sc-ecl-popover-ec,.ecl-col-m-1.sc-ecl-popover-ec,.ecl-col-m-10.sc-ecl-popover-ec,.ecl-col-m-11.sc-ecl-popover-ec,.ecl-col-m-12.sc-ecl-popover-ec,.ecl-col-m-2.sc-ecl-popover-ec,.ecl-col-m-3.sc-ecl-popover-ec,.ecl-col-m-4.sc-ecl-popover-ec,.ecl-col-m-5.sc-ecl-popover-ec,.ecl-col-m-6.sc-ecl-popover-ec,.ecl-col-m-7.sc-ecl-popover-ec,.ecl-col-m-8.sc-ecl-popover-ec,.ecl-col-m-9.sc-ecl-popover-ec,.ecl-col-s-1.sc-ecl-popover-ec,.ecl-col-s-10.sc-ecl-popover-ec,.ecl-col-s-11.sc-ecl-popover-ec,.ecl-col-s-12.sc-ecl-popover-ec,.ecl-col-s-2.sc-ecl-popover-ec,.ecl-col-s-3.sc-ecl-popover-ec,.ecl-col-s-4.sc-ecl-popover-ec,.ecl-col-s-5.sc-ecl-popover-ec,.ecl-col-s-6.sc-ecl-popover-ec,.ecl-col-s-7.sc-ecl-popover-ec,.ecl-col-s-8.sc-ecl-popover-ec,.ecl-col-s-9.sc-ecl-popover-ec,.ecl-col-xl-1.sc-ecl-popover-ec,.ecl-col-xl-10.sc-ecl-popover-ec,.ecl-col-xl-11.sc-ecl-popover-ec,.ecl-col-xl-12.sc-ecl-popover-ec,.ecl-col-xl-2.sc-ecl-popover-ec,.ecl-col-xl-3.sc-ecl-popover-ec,.ecl-col-xl-4.sc-ecl-popover-ec,.ecl-col-xl-5.sc-ecl-popover-ec,.ecl-col-xl-6.sc-ecl-popover-ec,.ecl-col-xl-7.sc-ecl-popover-ec,.ecl-col-xl-8.sc-ecl-popover-ec,.ecl-col-xl-9.sc-ecl-popover-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-popover-ec,.ecl-col-10.sc-ecl-popover-ec,.ecl-col-11.sc-ecl-popover-ec,.ecl-col-12.sc-ecl-popover-ec,.ecl-col-2.sc-ecl-popover-ec,.ecl-col-3.sc-ecl-popover-ec,.ecl-col-4.sc-ecl-popover-ec,.ecl-col-5.sc-ecl-popover-ec,.ecl-col-6.sc-ecl-popover-ec,.ecl-col-7.sc-ecl-popover-ec,.ecl-col-8.sc-ecl-popover-ec,.ecl-col-9.sc-ecl-popover-ec,.ecl-col-l-1.sc-ecl-popover-ec,.ecl-col-l-10.sc-ecl-popover-ec,.ecl-col-l-11.sc-ecl-popover-ec,.ecl-col-l-12.sc-ecl-popover-ec,.ecl-col-l-2.sc-ecl-popover-ec,.ecl-col-l-3.sc-ecl-popover-ec,.ecl-col-l-4.sc-ecl-popover-ec,.ecl-col-l-5.sc-ecl-popover-ec,.ecl-col-l-6.sc-ecl-popover-ec,.ecl-col-l-7.sc-ecl-popover-ec,.ecl-col-l-8.sc-ecl-popover-ec,.ecl-col-l-9.sc-ecl-popover-ec,.ecl-col-m-1.sc-ecl-popover-ec,.ecl-col-m-10.sc-ecl-popover-ec,.ecl-col-m-11.sc-ecl-popover-ec,.ecl-col-m-12.sc-ecl-popover-ec,.ecl-col-m-2.sc-ecl-popover-ec,.ecl-col-m-3.sc-ecl-popover-ec,.ecl-col-m-4.sc-ecl-popover-ec,.ecl-col-m-5.sc-ecl-popover-ec,.ecl-col-m-6.sc-ecl-popover-ec,.ecl-col-m-7.sc-ecl-popover-ec,.ecl-col-m-8.sc-ecl-popover-ec,.ecl-col-m-9.sc-ecl-popover-ec,.ecl-col-s-1.sc-ecl-popover-ec,.ecl-col-s-10.sc-ecl-popover-ec,.ecl-col-s-11.sc-ecl-popover-ec,.ecl-col-s-12.sc-ecl-popover-ec,.ecl-col-s-2.sc-ecl-popover-ec,.ecl-col-s-3.sc-ecl-popover-ec,.ecl-col-s-4.sc-ecl-popover-ec,.ecl-col-s-5.sc-ecl-popover-ec,.ecl-col-s-6.sc-ecl-popover-ec,.ecl-col-s-7.sc-ecl-popover-ec,.ecl-col-s-8.sc-ecl-popover-ec,.ecl-col-s-9.sc-ecl-popover-ec,.ecl-col-xl-1.sc-ecl-popover-ec,.ecl-col-xl-10.sc-ecl-popover-ec,.ecl-col-xl-11.sc-ecl-popover-ec,.ecl-col-xl-12.sc-ecl-popover-ec,.ecl-col-xl-2.sc-ecl-popover-ec,.ecl-col-xl-3.sc-ecl-popover-ec,.ecl-col-xl-4.sc-ecl-popover-ec,.ecl-col-xl-5.sc-ecl-popover-ec,.ecl-col-xl-6.sc-ecl-popover-ec,.ecl-col-xl-7.sc-ecl-popover-ec,.ecl-col-xl-8.sc-ecl-popover-ec,.ecl-col-xl-9.sc-ecl-popover-ec{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-popover-ec,.ecl-col-10.sc-ecl-popover-ec,.ecl-col-11.sc-ecl-popover-ec,.ecl-col-12.sc-ecl-popover-ec,.ecl-col-2.sc-ecl-popover-ec,.ecl-col-3.sc-ecl-popover-ec,.ecl-col-4.sc-ecl-popover-ec,.ecl-col-5.sc-ecl-popover-ec,.ecl-col-6.sc-ecl-popover-ec,.ecl-col-7.sc-ecl-popover-ec,.ecl-col-8.sc-ecl-popover-ec,.ecl-col-9.sc-ecl-popover-ec,.ecl-col-l-1.sc-ecl-popover-ec,.ecl-col-l-10.sc-ecl-popover-ec,.ecl-col-l-11.sc-ecl-popover-ec,.ecl-col-l-12.sc-ecl-popover-ec,.ecl-col-l-2.sc-ecl-popover-ec,.ecl-col-l-3.sc-ecl-popover-ec,.ecl-col-l-4.sc-ecl-popover-ec,.ecl-col-l-5.sc-ecl-popover-ec,.ecl-col-l-6.sc-ecl-popover-ec,.ecl-col-l-7.sc-ecl-popover-ec,.ecl-col-l-8.sc-ecl-popover-ec,.ecl-col-l-9.sc-ecl-popover-ec,.ecl-col-m-1.sc-ecl-popover-ec,.ecl-col-m-10.sc-ecl-popover-ec,.ecl-col-m-11.sc-ecl-popover-ec,.ecl-col-m-12.sc-ecl-popover-ec,.ecl-col-m-2.sc-ecl-popover-ec,.ecl-col-m-3.sc-ecl-popover-ec,.ecl-col-m-4.sc-ecl-popover-ec,.ecl-col-m-5.sc-ecl-popover-ec,.ecl-col-m-6.sc-ecl-popover-ec,.ecl-col-m-7.sc-ecl-popover-ec,.ecl-col-m-8.sc-ecl-popover-ec,.ecl-col-m-9.sc-ecl-popover-ec,.ecl-col-s-1.sc-ecl-popover-ec,.ecl-col-s-10.sc-ecl-popover-ec,.ecl-col-s-11.sc-ecl-popover-ec,.ecl-col-s-12.sc-ecl-popover-ec,.ecl-col-s-2.sc-ecl-popover-ec,.ecl-col-s-3.sc-ecl-popover-ec,.ecl-col-s-4.sc-ecl-popover-ec,.ecl-col-s-5.sc-ecl-popover-ec,.ecl-col-s-6.sc-ecl-popover-ec,.ecl-col-s-7.sc-ecl-popover-ec,.ecl-col-s-8.sc-ecl-popover-ec,.ecl-col-s-9.sc-ecl-popover-ec,.ecl-col-xl-1.sc-ecl-popover-ec,.ecl-col-xl-10.sc-ecl-popover-ec,.ecl-col-xl-11.sc-ecl-popover-ec,.ecl-col-xl-12.sc-ecl-popover-ec,.ecl-col-xl-2.sc-ecl-popover-ec,.ecl-col-xl-3.sc-ecl-popover-ec,.ecl-col-xl-4.sc-ecl-popover-ec,.ecl-col-xl-5.sc-ecl-popover-ec,.ecl-col-xl-6.sc-ecl-popover-ec,.ecl-col-xl-7.sc-ecl-popover-ec,.ecl-col-xl-8.sc-ecl-popover-ec,.ecl-col-xl-9.sc-ecl-popover-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-popover-ec,.ecl-col-10.sc-ecl-popover-ec,.ecl-col-11.sc-ecl-popover-ec,.ecl-col-12.sc-ecl-popover-ec,.ecl-col-2.sc-ecl-popover-ec,.ecl-col-3.sc-ecl-popover-ec,.ecl-col-4.sc-ecl-popover-ec,.ecl-col-5.sc-ecl-popover-ec,.ecl-col-6.sc-ecl-popover-ec,.ecl-col-7.sc-ecl-popover-ec,.ecl-col-8.sc-ecl-popover-ec,.ecl-col-9.sc-ecl-popover-ec,.ecl-col-l-1.sc-ecl-popover-ec,.ecl-col-l-10.sc-ecl-popover-ec,.ecl-col-l-11.sc-ecl-popover-ec,.ecl-col-l-12.sc-ecl-popover-ec,.ecl-col-l-2.sc-ecl-popover-ec,.ecl-col-l-3.sc-ecl-popover-ec,.ecl-col-l-4.sc-ecl-popover-ec,.ecl-col-l-5.sc-ecl-popover-ec,.ecl-col-l-6.sc-ecl-popover-ec,.ecl-col-l-7.sc-ecl-popover-ec,.ecl-col-l-8.sc-ecl-popover-ec,.ecl-col-l-9.sc-ecl-popover-ec,.ecl-col-m-1.sc-ecl-popover-ec,.ecl-col-m-10.sc-ecl-popover-ec,.ecl-col-m-11.sc-ecl-popover-ec,.ecl-col-m-12.sc-ecl-popover-ec,.ecl-col-m-2.sc-ecl-popover-ec,.ecl-col-m-3.sc-ecl-popover-ec,.ecl-col-m-4.sc-ecl-popover-ec,.ecl-col-m-5.sc-ecl-popover-ec,.ecl-col-m-6.sc-ecl-popover-ec,.ecl-col-m-7.sc-ecl-popover-ec,.ecl-col-m-8.sc-ecl-popover-ec,.ecl-col-m-9.sc-ecl-popover-ec,.ecl-col-s-1.sc-ecl-popover-ec,.ecl-col-s-10.sc-ecl-popover-ec,.ecl-col-s-11.sc-ecl-popover-ec,.ecl-col-s-12.sc-ecl-popover-ec,.ecl-col-s-2.sc-ecl-popover-ec,.ecl-col-s-3.sc-ecl-popover-ec,.ecl-col-s-4.sc-ecl-popover-ec,.ecl-col-s-5.sc-ecl-popover-ec,.ecl-col-s-6.sc-ecl-popover-ec,.ecl-col-s-7.sc-ecl-popover-ec,.ecl-col-s-8.sc-ecl-popover-ec,.ecl-col-s-9.sc-ecl-popover-ec,.ecl-col-xl-1.sc-ecl-popover-ec,.ecl-col-xl-10.sc-ecl-popover-ec,.ecl-col-xl-11.sc-ecl-popover-ec,.ecl-col-xl-12.sc-ecl-popover-ec,.ecl-col-xl-2.sc-ecl-popover-ec,.ecl-col-xl-3.sc-ecl-popover-ec,.ecl-col-xl-4.sc-ecl-popover-ec,.ecl-col-xl-5.sc-ecl-popover-ec,.ecl-col-xl-6.sc-ecl-popover-ec,.ecl-col-xl-7.sc-ecl-popover-ec,.ecl-col-xl-8.sc-ecl-popover-ec,.ecl-col-xl-9.sc-ecl-popover-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-popover-ec,.ecl-col-10.sc-ecl-popover-ec,.ecl-col-11.sc-ecl-popover-ec,.ecl-col-12.sc-ecl-popover-ec,.ecl-col-2.sc-ecl-popover-ec,.ecl-col-3.sc-ecl-popover-ec,.ecl-col-4.sc-ecl-popover-ec,.ecl-col-5.sc-ecl-popover-ec,.ecl-col-6.sc-ecl-popover-ec,.ecl-col-7.sc-ecl-popover-ec,.ecl-col-8.sc-ecl-popover-ec,.ecl-col-9.sc-ecl-popover-ec,.ecl-col-l-1.sc-ecl-popover-ec,.ecl-col-l-10.sc-ecl-popover-ec,.ecl-col-l-11.sc-ecl-popover-ec,.ecl-col-l-12.sc-ecl-popover-ec,.ecl-col-l-2.sc-ecl-popover-ec,.ecl-col-l-3.sc-ecl-popover-ec,.ecl-col-l-4.sc-ecl-popover-ec,.ecl-col-l-5.sc-ecl-popover-ec,.ecl-col-l-6.sc-ecl-popover-ec,.ecl-col-l-7.sc-ecl-popover-ec,.ecl-col-l-8.sc-ecl-popover-ec,.ecl-col-l-9.sc-ecl-popover-ec,.ecl-col-m-1.sc-ecl-popover-ec,.ecl-col-m-10.sc-ecl-popover-ec,.ecl-col-m-11.sc-ecl-popover-ec,.ecl-col-m-12.sc-ecl-popover-ec,.ecl-col-m-2.sc-ecl-popover-ec,.ecl-col-m-3.sc-ecl-popover-ec,.ecl-col-m-4.sc-ecl-popover-ec,.ecl-col-m-5.sc-ecl-popover-ec,.ecl-col-m-6.sc-ecl-popover-ec,.ecl-col-m-7.sc-ecl-popover-ec,.ecl-col-m-8.sc-ecl-popover-ec,.ecl-col-m-9.sc-ecl-popover-ec,.ecl-col-s-1.sc-ecl-popover-ec,.ecl-col-s-10.sc-ecl-popover-ec,.ecl-col-s-11.sc-ecl-popover-ec,.ecl-col-s-12.sc-ecl-popover-ec,.ecl-col-s-2.sc-ecl-popover-ec,.ecl-col-s-3.sc-ecl-popover-ec,.ecl-col-s-4.sc-ecl-popover-ec,.ecl-col-s-5.sc-ecl-popover-ec,.ecl-col-s-6.sc-ecl-popover-ec,.ecl-col-s-7.sc-ecl-popover-ec,.ecl-col-s-8.sc-ecl-popover-ec,.ecl-col-s-9.sc-ecl-popover-ec,.ecl-col-xl-1.sc-ecl-popover-ec,.ecl-col-xl-10.sc-ecl-popover-ec,.ecl-col-xl-11.sc-ecl-popover-ec,.ecl-col-xl-12.sc-ecl-popover-ec,.ecl-col-xl-2.sc-ecl-popover-ec,.ecl-col-xl-3.sc-ecl-popover-ec,.ecl-col-xl-4.sc-ecl-popover-ec,.ecl-col-xl-5.sc-ecl-popover-ec,.ecl-col-xl-6.sc-ecl-popover-ec,.ecl-col-xl-7.sc-ecl-popover-ec,.ecl-col-xl-8.sc-ecl-popover-ec,.ecl-col-xl-9.sc-ecl-popover-ec{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-popover-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-popover-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-popover-ec{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-popover-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-popover-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-popover-ec{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-popover-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-popover-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-popover-ec{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-popover-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-popover-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-popover-ec{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-popover-ec{right:auto}.ecl-pull-1.sc-ecl-popover-ec{right:8.3333333333%}.ecl-pull-2.sc-ecl-popover-ec{right:16.6666666667%}.ecl-pull-3.sc-ecl-popover-ec{right:25%}.ecl-pull-4.sc-ecl-popover-ec{right:33.3333333333%}.ecl-pull-5.sc-ecl-popover-ec{right:41.6666666667%}.ecl-pull-6.sc-ecl-popover-ec{right:50%}.ecl-pull-7.sc-ecl-popover-ec{right:58.3333333333%}.ecl-pull-8.sc-ecl-popover-ec{right:66.6666666667%}.ecl-pull-9.sc-ecl-popover-ec{right:75%}.ecl-pull-10.sc-ecl-popover-ec{right:83.3333333333%}.ecl-pull-11.sc-ecl-popover-ec{right:91.6666666667%}.ecl-pull-12.sc-ecl-popover-ec{right:100%}.ecl-push-0.sc-ecl-popover-ec{left:auto}.ecl-push-1.sc-ecl-popover-ec{left:8.3333333333%}.ecl-push-2.sc-ecl-popover-ec{left:16.6666666667%}.ecl-push-3.sc-ecl-popover-ec{left:25%}.ecl-push-4.sc-ecl-popover-ec{left:33.3333333333%}.ecl-push-5.sc-ecl-popover-ec{left:41.6666666667%}.ecl-push-6.sc-ecl-popover-ec{left:50%}.ecl-push-7.sc-ecl-popover-ec{left:58.3333333333%}.ecl-push-8.sc-ecl-popover-ec{left:66.6666666667%}.ecl-push-9.sc-ecl-popover-ec{left:75%}.ecl-push-10.sc-ecl-popover-ec{left:83.3333333333%}.ecl-push-11.sc-ecl-popover-ec{left:91.6666666667%}.ecl-push-12.sc-ecl-popover-ec{left:100%}.ecl-offset-1.sc-ecl-popover-ec{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-popover-ec{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-popover-ec{margin-inline-start:25%}.ecl-offset-4.sc-ecl-popover-ec{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-popover-ec{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-popover-ec{margin-inline-start:50%}.ecl-offset-7.sc-ecl-popover-ec{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-popover-ec{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-popover-ec{margin-inline-start:75%}.ecl-offset-10.sc-ecl-popover-ec{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-popover-ec{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-popover-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-popover-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-popover-ec{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-popover-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-popover-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-popover-ec{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-popover-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-popover-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-popover-ec{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-popover-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-popover-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-popover-ec{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-popover-ec{right:auto}.ecl-pull-s-1.sc-ecl-popover-ec{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-popover-ec{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-popover-ec{right:25%}.ecl-pull-s-4.sc-ecl-popover-ec{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-popover-ec{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-popover-ec{right:50%}.ecl-pull-s-7.sc-ecl-popover-ec{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-popover-ec{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-popover-ec{right:75%}.ecl-pull-s-10.sc-ecl-popover-ec{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-popover-ec{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-popover-ec{right:100%}.ecl-push-s-0.sc-ecl-popover-ec{left:auto}.ecl-push-s-1.sc-ecl-popover-ec{left:8.3333333333%}.ecl-push-s-2.sc-ecl-popover-ec{left:16.6666666667%}.ecl-push-s-3.sc-ecl-popover-ec{left:25%}.ecl-push-s-4.sc-ecl-popover-ec{left:33.3333333333%}.ecl-push-s-5.sc-ecl-popover-ec{left:41.6666666667%}.ecl-push-s-6.sc-ecl-popover-ec{left:50%}.ecl-push-s-7.sc-ecl-popover-ec{left:58.3333333333%}.ecl-push-s-8.sc-ecl-popover-ec{left:66.6666666667%}.ecl-push-s-9.sc-ecl-popover-ec{left:75%}.ecl-push-s-10.sc-ecl-popover-ec{left:83.3333333333%}.ecl-push-s-11.sc-ecl-popover-ec{left:91.6666666667%}.ecl-push-s-12.sc-ecl-popover-ec{left:100%}.ecl-offset-s-0.sc-ecl-popover-ec{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-popover-ec{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-popover-ec{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-popover-ec{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-popover-ec{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-popover-ec{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-popover-ec{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-popover-ec{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-popover-ec{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-popover-ec{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-popover-ec{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-popover-ec{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-popover-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-popover-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-popover-ec{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-popover-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-popover-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-popover-ec{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-popover-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-popover-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-popover-ec{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-popover-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-popover-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-popover-ec{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-popover-ec{right:auto}.ecl-pull-m-1.sc-ecl-popover-ec{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-popover-ec{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-popover-ec{right:25%}.ecl-pull-m-4.sc-ecl-popover-ec{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-popover-ec{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-popover-ec{right:50%}.ecl-pull-m-7.sc-ecl-popover-ec{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-popover-ec{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-popover-ec{right:75%}.ecl-pull-m-10.sc-ecl-popover-ec{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-popover-ec{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-popover-ec{right:100%}.ecl-push-m-0.sc-ecl-popover-ec{left:auto}.ecl-push-m-1.sc-ecl-popover-ec{left:8.3333333333%}.ecl-push-m-2.sc-ecl-popover-ec{left:16.6666666667%}.ecl-push-m-3.sc-ecl-popover-ec{left:25%}.ecl-push-m-4.sc-ecl-popover-ec{left:33.3333333333%}.ecl-push-m-5.sc-ecl-popover-ec{left:41.6666666667%}.ecl-push-m-6.sc-ecl-popover-ec{left:50%}.ecl-push-m-7.sc-ecl-popover-ec{left:58.3333333333%}.ecl-push-m-8.sc-ecl-popover-ec{left:66.6666666667%}.ecl-push-m-9.sc-ecl-popover-ec{left:75%}.ecl-push-m-10.sc-ecl-popover-ec{left:83.3333333333%}.ecl-push-m-11.sc-ecl-popover-ec{left:91.6666666667%}.ecl-push-m-12.sc-ecl-popover-ec{left:100%}.ecl-offset-m-0.sc-ecl-popover-ec{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-popover-ec{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-popover-ec{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-popover-ec{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-popover-ec{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-popover-ec{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-popover-ec{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-popover-ec{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-popover-ec{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-popover-ec{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-popover-ec{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-popover-ec{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-popover-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-popover-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-popover-ec{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-popover-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-popover-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-popover-ec{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-popover-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-popover-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-popover-ec{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-popover-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-popover-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-popover-ec{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-popover-ec{right:auto}.ecl-pull-l-1.sc-ecl-popover-ec{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-popover-ec{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-popover-ec{right:25%}.ecl-pull-l-4.sc-ecl-popover-ec{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-popover-ec{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-popover-ec{right:50%}.ecl-pull-l-7.sc-ecl-popover-ec{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-popover-ec{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-popover-ec{right:75%}.ecl-pull-l-10.sc-ecl-popover-ec{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-popover-ec{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-popover-ec{right:100%}.ecl-push-l-0.sc-ecl-popover-ec{left:auto}.ecl-push-l-1.sc-ecl-popover-ec{left:8.3333333333%}.ecl-push-l-2.sc-ecl-popover-ec{left:16.6666666667%}.ecl-push-l-3.sc-ecl-popover-ec{left:25%}.ecl-push-l-4.sc-ecl-popover-ec{left:33.3333333333%}.ecl-push-l-5.sc-ecl-popover-ec{left:41.6666666667%}.ecl-push-l-6.sc-ecl-popover-ec{left:50%}.ecl-push-l-7.sc-ecl-popover-ec{left:58.3333333333%}.ecl-push-l-8.sc-ecl-popover-ec{left:66.6666666667%}.ecl-push-l-9.sc-ecl-popover-ec{left:75%}.ecl-push-l-10.sc-ecl-popover-ec{left:83.3333333333%}.ecl-push-l-11.sc-ecl-popover-ec{left:91.6666666667%}.ecl-push-l-12.sc-ecl-popover-ec{left:100%}.ecl-offset-l-0.sc-ecl-popover-ec{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-popover-ec{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-popover-ec{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-popover-ec{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-popover-ec{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-popover-ec{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-popover-ec{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-popover-ec{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-popover-ec{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-popover-ec{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-popover-ec{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-popover-ec{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-popover-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-popover-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-popover-ec{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-popover-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-popover-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-popover-ec{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-popover-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-popover-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-popover-ec{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-popover-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-popover-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-popover-ec{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-popover-ec{right:auto}.ecl-pull-xl-1.sc-ecl-popover-ec{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-popover-ec{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-popover-ec{right:25%}.ecl-pull-xl-4.sc-ecl-popover-ec{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-popover-ec{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-popover-ec{right:50%}.ecl-pull-xl-7.sc-ecl-popover-ec{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-popover-ec{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-popover-ec{right:75%}.ecl-pull-xl-10.sc-ecl-popover-ec{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-popover-ec{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-popover-ec{right:100%}.ecl-push-xl-0.sc-ecl-popover-ec{left:auto}.ecl-push-xl-1.sc-ecl-popover-ec{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-popover-ec{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-popover-ec{left:25%}.ecl-push-xl-4.sc-ecl-popover-ec{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-popover-ec{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-popover-ec{left:50%}.ecl-push-xl-7.sc-ecl-popover-ec{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-popover-ec{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-popover-ec{left:75%}.ecl-push-xl-10.sc-ecl-popover-ec{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-popover-ec{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-popover-ec{left:100%}.ecl-offset-xl-0.sc-ecl-popover-ec{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-popover-ec{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-popover-ec{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-popover-ec{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-popover-ec{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-popover-ec{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-popover-ec{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-popover-ec{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-popover-ec{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-popover-ec{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-popover-ec{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-popover-ec{margin-inline-start:91.6666666667%}}.ecl-popover.sc-ecl-popover-ec{display:inline-block;margin:0;position:relative}.ecl-popover__container.sc-ecl-popover-ec{min-height:7rem;transform:translateX(-50%);z-index:15}.ecl-popover__container.sc-ecl-popover-ec,.ecl-popover__container.sc-ecl-popover-ec:before{background-color:var(--cm-surface-inverted,#fff);box-shadow:var(--sh-2);position:absolute}.ecl-popover__container.sc-ecl-popover-ec:before{clip-path:polygon(-2px -2px,calc(100% + 2px) -2px,calc(100% + 2px) calc(100% + 2px));content:"";height:1rem;left:50%;margin-left:-.5rem;transform:translateY(-50%) rotate(-45deg);width:1rem}.ecl-popover__scrollable.sc-ecl-popover-ec{max-width:288px;min-width:288px;overflow-y:auto;padding:var(--s-5xl)}.ecl-popover__content.sc-ecl-popover-ec{background-color:var(--cm-surface-inverted,#fff);color:var(--cm-on-surface-brand,var(--c-d));font:var(--f-m);line-height:1.75rem;max-height:11rem;text-align:start;width:auto}.ecl-popover__close.sc-ecl-popover-ec{position:absolute;right:var(--s-m);top:var(--s-m)}.ecl-popover__close.sc-ecl-popover-ec+.ecl-popover__content.sc-ecl-popover-ec{padding-inline-end:var(--s-xl)}[dir=rtl].sc-ecl-popover-ec .ecl-popover__close.sc-ecl-popover-ec{left:var(--s-m);right:auto}.ecl-popover--bottom.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec,.ecl-popover--top.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{left:50%}.ecl-popover--bottom.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{top:calc(100% + var(--s-s))}.ecl-popover--bottom.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec:before{top:1px}.ecl-popover--top.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{bottom:calc(100% + var(--s-s));margin-top:0}.ecl-popover--top.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec:before{bottom:0;top:auto;transform:translateY(50%) rotate(135deg)}.ecl-popover--right.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{left:calc(100% + var(--s-s) + var(--s-2xs));top:50%;transform:translateY(-50%)}.ecl-popover--right.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec:before{left:0;top:var(--ecl-popover-position,50%);transform:translateY(-50%) rotate(225deg)}.ecl-popover--left.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{right:calc(100% + var(--s-s) + var(--s-2xs));top:50%;transform:translateY(-50%)}.ecl-popover--left.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec:before{left:100%;margin-left:-1px;top:var(--ecl-popover-position,50%);transform:translate(-50%,-50%) rotate(45deg)}.ecl-popover--push-bottom.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{bottom:0;top:auto;transform:none}.ecl-popover--push-top.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{bottom:auto;top:0;transform:none}.ecl-popover--push-left.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{left:0;transform:none}.ecl-popover--push-left.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec:before{left:var(--ecl-popover-position);right:auto}.ecl-popover--push-right.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec{left:auto;right:0;transform:none}.ecl-popover--push-right.sc-ecl-popover-ec .ecl-popover__container.sc-ecl-popover-ec:before{left:auto;right:var(--ecl-popover-position)}@media (min-width:480px){.ecl-popover__scrollable.sc-ecl-popover-ec{max-width:400px}}@media (min-width:768px){.ecl-popover__content.sc-ecl-popover-ec{max-height:264px}.ecl-popover__scrollable.sc-ecl-popover-ec{max-width:522px}}@media (min-width:996px){.ecl-popover__scrollable.sc-ecl-popover-ec{max-width:648px}}.ecl-popover__list.sc-ecl-popover-ec{list-style:none;margin:0;padding:0;width:188px}.ecl-popover__link.sc-ecl-popover-ec{align-items:center;display:flex;padding:var(--s-s)}.ecl-popover__link.sc-ecl-popover-ec:focus-visible{outline-offset:-2px}.sc-ecl-popover-ec-h{cursor:pointer;display:contents}.ecl-popover__container.sc-ecl-popover-ec{height:max-content}.ecl-link--icon-before.sc-ecl-link-ec.sc-ecl-popover-ec{display:flex}.ecl-popover__toggle.sc-ecl-popover-ec *.sc-ecl-popover-ec{margin-inline-end:.5rem;vertical-align:middle}`;

const eclPopoverEuCss = () => `.ecl-container.sc-ecl-popover-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-popover-eu{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-popover-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-popover-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-popover-eu{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-popover-eu{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-popover-eu{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-popover-eu{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-popover-eu{max-width:100%;width:1368px}}.ecl-row.sc-ecl-popover-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-popover-eu{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-popover-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-popover-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-popover-eu{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-popover-eu{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-popover-eu>.ecl-col.sc-ecl-popover-eu,.ecl-no-gutters.sc-ecl-popover-eu>[class*=ecl-col-].sc-ecl-popover-eu{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-popover-eu,.ecl-col-10.sc-ecl-popover-eu,.ecl-col-11.sc-ecl-popover-eu,.ecl-col-12.sc-ecl-popover-eu,.ecl-col-2.sc-ecl-popover-eu,.ecl-col-3.sc-ecl-popover-eu,.ecl-col-4.sc-ecl-popover-eu,.ecl-col-5.sc-ecl-popover-eu,.ecl-col-6.sc-ecl-popover-eu,.ecl-col-7.sc-ecl-popover-eu,.ecl-col-8.sc-ecl-popover-eu,.ecl-col-9.sc-ecl-popover-eu,.ecl-col-l-1.sc-ecl-popover-eu,.ecl-col-l-10.sc-ecl-popover-eu,.ecl-col-l-11.sc-ecl-popover-eu,.ecl-col-l-12.sc-ecl-popover-eu,.ecl-col-l-2.sc-ecl-popover-eu,.ecl-col-l-3.sc-ecl-popover-eu,.ecl-col-l-4.sc-ecl-popover-eu,.ecl-col-l-5.sc-ecl-popover-eu,.ecl-col-l-6.sc-ecl-popover-eu,.ecl-col-l-7.sc-ecl-popover-eu,.ecl-col-l-8.sc-ecl-popover-eu,.ecl-col-l-9.sc-ecl-popover-eu,.ecl-col-m-1.sc-ecl-popover-eu,.ecl-col-m-10.sc-ecl-popover-eu,.ecl-col-m-11.sc-ecl-popover-eu,.ecl-col-m-12.sc-ecl-popover-eu,.ecl-col-m-2.sc-ecl-popover-eu,.ecl-col-m-3.sc-ecl-popover-eu,.ecl-col-m-4.sc-ecl-popover-eu,.ecl-col-m-5.sc-ecl-popover-eu,.ecl-col-m-6.sc-ecl-popover-eu,.ecl-col-m-7.sc-ecl-popover-eu,.ecl-col-m-8.sc-ecl-popover-eu,.ecl-col-m-9.sc-ecl-popover-eu,.ecl-col-s-1.sc-ecl-popover-eu,.ecl-col-s-10.sc-ecl-popover-eu,.ecl-col-s-11.sc-ecl-popover-eu,.ecl-col-s-12.sc-ecl-popover-eu,.ecl-col-s-2.sc-ecl-popover-eu,.ecl-col-s-3.sc-ecl-popover-eu,.ecl-col-s-4.sc-ecl-popover-eu,.ecl-col-s-5.sc-ecl-popover-eu,.ecl-col-s-6.sc-ecl-popover-eu,.ecl-col-s-7.sc-ecl-popover-eu,.ecl-col-s-8.sc-ecl-popover-eu,.ecl-col-s-9.sc-ecl-popover-eu,.ecl-col-xl-1.sc-ecl-popover-eu,.ecl-col-xl-10.sc-ecl-popover-eu,.ecl-col-xl-11.sc-ecl-popover-eu,.ecl-col-xl-12.sc-ecl-popover-eu,.ecl-col-xl-2.sc-ecl-popover-eu,.ecl-col-xl-3.sc-ecl-popover-eu,.ecl-col-xl-4.sc-ecl-popover-eu,.ecl-col-xl-5.sc-ecl-popover-eu,.ecl-col-xl-6.sc-ecl-popover-eu,.ecl-col-xl-7.sc-ecl-popover-eu,.ecl-col-xl-8.sc-ecl-popover-eu,.ecl-col-xl-9.sc-ecl-popover-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-popover-eu,.ecl-col-10.sc-ecl-popover-eu,.ecl-col-11.sc-ecl-popover-eu,.ecl-col-12.sc-ecl-popover-eu,.ecl-col-2.sc-ecl-popover-eu,.ecl-col-3.sc-ecl-popover-eu,.ecl-col-4.sc-ecl-popover-eu,.ecl-col-5.sc-ecl-popover-eu,.ecl-col-6.sc-ecl-popover-eu,.ecl-col-7.sc-ecl-popover-eu,.ecl-col-8.sc-ecl-popover-eu,.ecl-col-9.sc-ecl-popover-eu,.ecl-col-l-1.sc-ecl-popover-eu,.ecl-col-l-10.sc-ecl-popover-eu,.ecl-col-l-11.sc-ecl-popover-eu,.ecl-col-l-12.sc-ecl-popover-eu,.ecl-col-l-2.sc-ecl-popover-eu,.ecl-col-l-3.sc-ecl-popover-eu,.ecl-col-l-4.sc-ecl-popover-eu,.ecl-col-l-5.sc-ecl-popover-eu,.ecl-col-l-6.sc-ecl-popover-eu,.ecl-col-l-7.sc-ecl-popover-eu,.ecl-col-l-8.sc-ecl-popover-eu,.ecl-col-l-9.sc-ecl-popover-eu,.ecl-col-m-1.sc-ecl-popover-eu,.ecl-col-m-10.sc-ecl-popover-eu,.ecl-col-m-11.sc-ecl-popover-eu,.ecl-col-m-12.sc-ecl-popover-eu,.ecl-col-m-2.sc-ecl-popover-eu,.ecl-col-m-3.sc-ecl-popover-eu,.ecl-col-m-4.sc-ecl-popover-eu,.ecl-col-m-5.sc-ecl-popover-eu,.ecl-col-m-6.sc-ecl-popover-eu,.ecl-col-m-7.sc-ecl-popover-eu,.ecl-col-m-8.sc-ecl-popover-eu,.ecl-col-m-9.sc-ecl-popover-eu,.ecl-col-s-1.sc-ecl-popover-eu,.ecl-col-s-10.sc-ecl-popover-eu,.ecl-col-s-11.sc-ecl-popover-eu,.ecl-col-s-12.sc-ecl-popover-eu,.ecl-col-s-2.sc-ecl-popover-eu,.ecl-col-s-3.sc-ecl-popover-eu,.ecl-col-s-4.sc-ecl-popover-eu,.ecl-col-s-5.sc-ecl-popover-eu,.ecl-col-s-6.sc-ecl-popover-eu,.ecl-col-s-7.sc-ecl-popover-eu,.ecl-col-s-8.sc-ecl-popover-eu,.ecl-col-s-9.sc-ecl-popover-eu,.ecl-col-xl-1.sc-ecl-popover-eu,.ecl-col-xl-10.sc-ecl-popover-eu,.ecl-col-xl-11.sc-ecl-popover-eu,.ecl-col-xl-12.sc-ecl-popover-eu,.ecl-col-xl-2.sc-ecl-popover-eu,.ecl-col-xl-3.sc-ecl-popover-eu,.ecl-col-xl-4.sc-ecl-popover-eu,.ecl-col-xl-5.sc-ecl-popover-eu,.ecl-col-xl-6.sc-ecl-popover-eu,.ecl-col-xl-7.sc-ecl-popover-eu,.ecl-col-xl-8.sc-ecl-popover-eu,.ecl-col-xl-9.sc-ecl-popover-eu{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-popover-eu,.ecl-col-10.sc-ecl-popover-eu,.ecl-col-11.sc-ecl-popover-eu,.ecl-col-12.sc-ecl-popover-eu,.ecl-col-2.sc-ecl-popover-eu,.ecl-col-3.sc-ecl-popover-eu,.ecl-col-4.sc-ecl-popover-eu,.ecl-col-5.sc-ecl-popover-eu,.ecl-col-6.sc-ecl-popover-eu,.ecl-col-7.sc-ecl-popover-eu,.ecl-col-8.sc-ecl-popover-eu,.ecl-col-9.sc-ecl-popover-eu,.ecl-col-l-1.sc-ecl-popover-eu,.ecl-col-l-10.sc-ecl-popover-eu,.ecl-col-l-11.sc-ecl-popover-eu,.ecl-col-l-12.sc-ecl-popover-eu,.ecl-col-l-2.sc-ecl-popover-eu,.ecl-col-l-3.sc-ecl-popover-eu,.ecl-col-l-4.sc-ecl-popover-eu,.ecl-col-l-5.sc-ecl-popover-eu,.ecl-col-l-6.sc-ecl-popover-eu,.ecl-col-l-7.sc-ecl-popover-eu,.ecl-col-l-8.sc-ecl-popover-eu,.ecl-col-l-9.sc-ecl-popover-eu,.ecl-col-m-1.sc-ecl-popover-eu,.ecl-col-m-10.sc-ecl-popover-eu,.ecl-col-m-11.sc-ecl-popover-eu,.ecl-col-m-12.sc-ecl-popover-eu,.ecl-col-m-2.sc-ecl-popover-eu,.ecl-col-m-3.sc-ecl-popover-eu,.ecl-col-m-4.sc-ecl-popover-eu,.ecl-col-m-5.sc-ecl-popover-eu,.ecl-col-m-6.sc-ecl-popover-eu,.ecl-col-m-7.sc-ecl-popover-eu,.ecl-col-m-8.sc-ecl-popover-eu,.ecl-col-m-9.sc-ecl-popover-eu,.ecl-col-s-1.sc-ecl-popover-eu,.ecl-col-s-10.sc-ecl-popover-eu,.ecl-col-s-11.sc-ecl-popover-eu,.ecl-col-s-12.sc-ecl-popover-eu,.ecl-col-s-2.sc-ecl-popover-eu,.ecl-col-s-3.sc-ecl-popover-eu,.ecl-col-s-4.sc-ecl-popover-eu,.ecl-col-s-5.sc-ecl-popover-eu,.ecl-col-s-6.sc-ecl-popover-eu,.ecl-col-s-7.sc-ecl-popover-eu,.ecl-col-s-8.sc-ecl-popover-eu,.ecl-col-s-9.sc-ecl-popover-eu,.ecl-col-xl-1.sc-ecl-popover-eu,.ecl-col-xl-10.sc-ecl-popover-eu,.ecl-col-xl-11.sc-ecl-popover-eu,.ecl-col-xl-12.sc-ecl-popover-eu,.ecl-col-xl-2.sc-ecl-popover-eu,.ecl-col-xl-3.sc-ecl-popover-eu,.ecl-col-xl-4.sc-ecl-popover-eu,.ecl-col-xl-5.sc-ecl-popover-eu,.ecl-col-xl-6.sc-ecl-popover-eu,.ecl-col-xl-7.sc-ecl-popover-eu,.ecl-col-xl-8.sc-ecl-popover-eu,.ecl-col-xl-9.sc-ecl-popover-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-popover-eu,.ecl-col-10.sc-ecl-popover-eu,.ecl-col-11.sc-ecl-popover-eu,.ecl-col-12.sc-ecl-popover-eu,.ecl-col-2.sc-ecl-popover-eu,.ecl-col-3.sc-ecl-popover-eu,.ecl-col-4.sc-ecl-popover-eu,.ecl-col-5.sc-ecl-popover-eu,.ecl-col-6.sc-ecl-popover-eu,.ecl-col-7.sc-ecl-popover-eu,.ecl-col-8.sc-ecl-popover-eu,.ecl-col-9.sc-ecl-popover-eu,.ecl-col-l-1.sc-ecl-popover-eu,.ecl-col-l-10.sc-ecl-popover-eu,.ecl-col-l-11.sc-ecl-popover-eu,.ecl-col-l-12.sc-ecl-popover-eu,.ecl-col-l-2.sc-ecl-popover-eu,.ecl-col-l-3.sc-ecl-popover-eu,.ecl-col-l-4.sc-ecl-popover-eu,.ecl-col-l-5.sc-ecl-popover-eu,.ecl-col-l-6.sc-ecl-popover-eu,.ecl-col-l-7.sc-ecl-popover-eu,.ecl-col-l-8.sc-ecl-popover-eu,.ecl-col-l-9.sc-ecl-popover-eu,.ecl-col-m-1.sc-ecl-popover-eu,.ecl-col-m-10.sc-ecl-popover-eu,.ecl-col-m-11.sc-ecl-popover-eu,.ecl-col-m-12.sc-ecl-popover-eu,.ecl-col-m-2.sc-ecl-popover-eu,.ecl-col-m-3.sc-ecl-popover-eu,.ecl-col-m-4.sc-ecl-popover-eu,.ecl-col-m-5.sc-ecl-popover-eu,.ecl-col-m-6.sc-ecl-popover-eu,.ecl-col-m-7.sc-ecl-popover-eu,.ecl-col-m-8.sc-ecl-popover-eu,.ecl-col-m-9.sc-ecl-popover-eu,.ecl-col-s-1.sc-ecl-popover-eu,.ecl-col-s-10.sc-ecl-popover-eu,.ecl-col-s-11.sc-ecl-popover-eu,.ecl-col-s-12.sc-ecl-popover-eu,.ecl-col-s-2.sc-ecl-popover-eu,.ecl-col-s-3.sc-ecl-popover-eu,.ecl-col-s-4.sc-ecl-popover-eu,.ecl-col-s-5.sc-ecl-popover-eu,.ecl-col-s-6.sc-ecl-popover-eu,.ecl-col-s-7.sc-ecl-popover-eu,.ecl-col-s-8.sc-ecl-popover-eu,.ecl-col-s-9.sc-ecl-popover-eu,.ecl-col-xl-1.sc-ecl-popover-eu,.ecl-col-xl-10.sc-ecl-popover-eu,.ecl-col-xl-11.sc-ecl-popover-eu,.ecl-col-xl-12.sc-ecl-popover-eu,.ecl-col-xl-2.sc-ecl-popover-eu,.ecl-col-xl-3.sc-ecl-popover-eu,.ecl-col-xl-4.sc-ecl-popover-eu,.ecl-col-xl-5.sc-ecl-popover-eu,.ecl-col-xl-6.sc-ecl-popover-eu,.ecl-col-xl-7.sc-ecl-popover-eu,.ecl-col-xl-8.sc-ecl-popover-eu,.ecl-col-xl-9.sc-ecl-popover-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-popover-eu,.ecl-col-10.sc-ecl-popover-eu,.ecl-col-11.sc-ecl-popover-eu,.ecl-col-12.sc-ecl-popover-eu,.ecl-col-2.sc-ecl-popover-eu,.ecl-col-3.sc-ecl-popover-eu,.ecl-col-4.sc-ecl-popover-eu,.ecl-col-5.sc-ecl-popover-eu,.ecl-col-6.sc-ecl-popover-eu,.ecl-col-7.sc-ecl-popover-eu,.ecl-col-8.sc-ecl-popover-eu,.ecl-col-9.sc-ecl-popover-eu,.ecl-col-l-1.sc-ecl-popover-eu,.ecl-col-l-10.sc-ecl-popover-eu,.ecl-col-l-11.sc-ecl-popover-eu,.ecl-col-l-12.sc-ecl-popover-eu,.ecl-col-l-2.sc-ecl-popover-eu,.ecl-col-l-3.sc-ecl-popover-eu,.ecl-col-l-4.sc-ecl-popover-eu,.ecl-col-l-5.sc-ecl-popover-eu,.ecl-col-l-6.sc-ecl-popover-eu,.ecl-col-l-7.sc-ecl-popover-eu,.ecl-col-l-8.sc-ecl-popover-eu,.ecl-col-l-9.sc-ecl-popover-eu,.ecl-col-m-1.sc-ecl-popover-eu,.ecl-col-m-10.sc-ecl-popover-eu,.ecl-col-m-11.sc-ecl-popover-eu,.ecl-col-m-12.sc-ecl-popover-eu,.ecl-col-m-2.sc-ecl-popover-eu,.ecl-col-m-3.sc-ecl-popover-eu,.ecl-col-m-4.sc-ecl-popover-eu,.ecl-col-m-5.sc-ecl-popover-eu,.ecl-col-m-6.sc-ecl-popover-eu,.ecl-col-m-7.sc-ecl-popover-eu,.ecl-col-m-8.sc-ecl-popover-eu,.ecl-col-m-9.sc-ecl-popover-eu,.ecl-col-s-1.sc-ecl-popover-eu,.ecl-col-s-10.sc-ecl-popover-eu,.ecl-col-s-11.sc-ecl-popover-eu,.ecl-col-s-12.sc-ecl-popover-eu,.ecl-col-s-2.sc-ecl-popover-eu,.ecl-col-s-3.sc-ecl-popover-eu,.ecl-col-s-4.sc-ecl-popover-eu,.ecl-col-s-5.sc-ecl-popover-eu,.ecl-col-s-6.sc-ecl-popover-eu,.ecl-col-s-7.sc-ecl-popover-eu,.ecl-col-s-8.sc-ecl-popover-eu,.ecl-col-s-9.sc-ecl-popover-eu,.ecl-col-xl-1.sc-ecl-popover-eu,.ecl-col-xl-10.sc-ecl-popover-eu,.ecl-col-xl-11.sc-ecl-popover-eu,.ecl-col-xl-12.sc-ecl-popover-eu,.ecl-col-xl-2.sc-ecl-popover-eu,.ecl-col-xl-3.sc-ecl-popover-eu,.ecl-col-xl-4.sc-ecl-popover-eu,.ecl-col-xl-5.sc-ecl-popover-eu,.ecl-col-xl-6.sc-ecl-popover-eu,.ecl-col-xl-7.sc-ecl-popover-eu,.ecl-col-xl-8.sc-ecl-popover-eu,.ecl-col-xl-9.sc-ecl-popover-eu{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-popover-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-popover-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-popover-eu{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-popover-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-popover-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-popover-eu{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-popover-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-popover-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-popover-eu{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-popover-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-popover-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-popover-eu{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-popover-eu{right:auto}.ecl-pull-1.sc-ecl-popover-eu{right:8.3333333333%}.ecl-pull-2.sc-ecl-popover-eu{right:16.6666666667%}.ecl-pull-3.sc-ecl-popover-eu{right:25%}.ecl-pull-4.sc-ecl-popover-eu{right:33.3333333333%}.ecl-pull-5.sc-ecl-popover-eu{right:41.6666666667%}.ecl-pull-6.sc-ecl-popover-eu{right:50%}.ecl-pull-7.sc-ecl-popover-eu{right:58.3333333333%}.ecl-pull-8.sc-ecl-popover-eu{right:66.6666666667%}.ecl-pull-9.sc-ecl-popover-eu{right:75%}.ecl-pull-10.sc-ecl-popover-eu{right:83.3333333333%}.ecl-pull-11.sc-ecl-popover-eu{right:91.6666666667%}.ecl-pull-12.sc-ecl-popover-eu{right:100%}.ecl-push-0.sc-ecl-popover-eu{left:auto}.ecl-push-1.sc-ecl-popover-eu{left:8.3333333333%}.ecl-push-2.sc-ecl-popover-eu{left:16.6666666667%}.ecl-push-3.sc-ecl-popover-eu{left:25%}.ecl-push-4.sc-ecl-popover-eu{left:33.3333333333%}.ecl-push-5.sc-ecl-popover-eu{left:41.6666666667%}.ecl-push-6.sc-ecl-popover-eu{left:50%}.ecl-push-7.sc-ecl-popover-eu{left:58.3333333333%}.ecl-push-8.sc-ecl-popover-eu{left:66.6666666667%}.ecl-push-9.sc-ecl-popover-eu{left:75%}.ecl-push-10.sc-ecl-popover-eu{left:83.3333333333%}.ecl-push-11.sc-ecl-popover-eu{left:91.6666666667%}.ecl-push-12.sc-ecl-popover-eu{left:100%}.ecl-offset-1.sc-ecl-popover-eu{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-popover-eu{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-popover-eu{margin-inline-start:25%}.ecl-offset-4.sc-ecl-popover-eu{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-popover-eu{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-popover-eu{margin-inline-start:50%}.ecl-offset-7.sc-ecl-popover-eu{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-popover-eu{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-popover-eu{margin-inline-start:75%}.ecl-offset-10.sc-ecl-popover-eu{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-popover-eu{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-popover-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-popover-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-popover-eu{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-popover-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-popover-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-popover-eu{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-popover-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-popover-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-popover-eu{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-popover-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-popover-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-popover-eu{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-popover-eu{right:auto}.ecl-pull-s-1.sc-ecl-popover-eu{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-popover-eu{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-popover-eu{right:25%}.ecl-pull-s-4.sc-ecl-popover-eu{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-popover-eu{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-popover-eu{right:50%}.ecl-pull-s-7.sc-ecl-popover-eu{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-popover-eu{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-popover-eu{right:75%}.ecl-pull-s-10.sc-ecl-popover-eu{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-popover-eu{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-popover-eu{right:100%}.ecl-push-s-0.sc-ecl-popover-eu{left:auto}.ecl-push-s-1.sc-ecl-popover-eu{left:8.3333333333%}.ecl-push-s-2.sc-ecl-popover-eu{left:16.6666666667%}.ecl-push-s-3.sc-ecl-popover-eu{left:25%}.ecl-push-s-4.sc-ecl-popover-eu{left:33.3333333333%}.ecl-push-s-5.sc-ecl-popover-eu{left:41.6666666667%}.ecl-push-s-6.sc-ecl-popover-eu{left:50%}.ecl-push-s-7.sc-ecl-popover-eu{left:58.3333333333%}.ecl-push-s-8.sc-ecl-popover-eu{left:66.6666666667%}.ecl-push-s-9.sc-ecl-popover-eu{left:75%}.ecl-push-s-10.sc-ecl-popover-eu{left:83.3333333333%}.ecl-push-s-11.sc-ecl-popover-eu{left:91.6666666667%}.ecl-push-s-12.sc-ecl-popover-eu{left:100%}.ecl-offset-s-0.sc-ecl-popover-eu{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-popover-eu{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-popover-eu{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-popover-eu{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-popover-eu{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-popover-eu{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-popover-eu{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-popover-eu{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-popover-eu{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-popover-eu{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-popover-eu{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-popover-eu{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-popover-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-popover-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-popover-eu{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-popover-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-popover-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-popover-eu{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-popover-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-popover-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-popover-eu{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-popover-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-popover-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-popover-eu{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-popover-eu{right:auto}.ecl-pull-m-1.sc-ecl-popover-eu{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-popover-eu{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-popover-eu{right:25%}.ecl-pull-m-4.sc-ecl-popover-eu{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-popover-eu{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-popover-eu{right:50%}.ecl-pull-m-7.sc-ecl-popover-eu{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-popover-eu{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-popover-eu{right:75%}.ecl-pull-m-10.sc-ecl-popover-eu{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-popover-eu{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-popover-eu{right:100%}.ecl-push-m-0.sc-ecl-popover-eu{left:auto}.ecl-push-m-1.sc-ecl-popover-eu{left:8.3333333333%}.ecl-push-m-2.sc-ecl-popover-eu{left:16.6666666667%}.ecl-push-m-3.sc-ecl-popover-eu{left:25%}.ecl-push-m-4.sc-ecl-popover-eu{left:33.3333333333%}.ecl-push-m-5.sc-ecl-popover-eu{left:41.6666666667%}.ecl-push-m-6.sc-ecl-popover-eu{left:50%}.ecl-push-m-7.sc-ecl-popover-eu{left:58.3333333333%}.ecl-push-m-8.sc-ecl-popover-eu{left:66.6666666667%}.ecl-push-m-9.sc-ecl-popover-eu{left:75%}.ecl-push-m-10.sc-ecl-popover-eu{left:83.3333333333%}.ecl-push-m-11.sc-ecl-popover-eu{left:91.6666666667%}.ecl-push-m-12.sc-ecl-popover-eu{left:100%}.ecl-offset-m-0.sc-ecl-popover-eu{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-popover-eu{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-popover-eu{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-popover-eu{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-popover-eu{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-popover-eu{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-popover-eu{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-popover-eu{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-popover-eu{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-popover-eu{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-popover-eu{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-popover-eu{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-popover-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-popover-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-popover-eu{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-popover-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-popover-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-popover-eu{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-popover-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-popover-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-popover-eu{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-popover-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-popover-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-popover-eu{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-popover-eu{right:auto}.ecl-pull-l-1.sc-ecl-popover-eu{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-popover-eu{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-popover-eu{right:25%}.ecl-pull-l-4.sc-ecl-popover-eu{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-popover-eu{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-popover-eu{right:50%}.ecl-pull-l-7.sc-ecl-popover-eu{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-popover-eu{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-popover-eu{right:75%}.ecl-pull-l-10.sc-ecl-popover-eu{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-popover-eu{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-popover-eu{right:100%}.ecl-push-l-0.sc-ecl-popover-eu{left:auto}.ecl-push-l-1.sc-ecl-popover-eu{left:8.3333333333%}.ecl-push-l-2.sc-ecl-popover-eu{left:16.6666666667%}.ecl-push-l-3.sc-ecl-popover-eu{left:25%}.ecl-push-l-4.sc-ecl-popover-eu{left:33.3333333333%}.ecl-push-l-5.sc-ecl-popover-eu{left:41.6666666667%}.ecl-push-l-6.sc-ecl-popover-eu{left:50%}.ecl-push-l-7.sc-ecl-popover-eu{left:58.3333333333%}.ecl-push-l-8.sc-ecl-popover-eu{left:66.6666666667%}.ecl-push-l-9.sc-ecl-popover-eu{left:75%}.ecl-push-l-10.sc-ecl-popover-eu{left:83.3333333333%}.ecl-push-l-11.sc-ecl-popover-eu{left:91.6666666667%}.ecl-push-l-12.sc-ecl-popover-eu{left:100%}.ecl-offset-l-0.sc-ecl-popover-eu{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-popover-eu{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-popover-eu{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-popover-eu{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-popover-eu{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-popover-eu{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-popover-eu{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-popover-eu{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-popover-eu{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-popover-eu{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-popover-eu{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-popover-eu{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-popover-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-popover-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-popover-eu{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-popover-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-popover-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-popover-eu{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-popover-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-popover-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-popover-eu{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-popover-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-popover-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-popover-eu{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-popover-eu{right:auto}.ecl-pull-xl-1.sc-ecl-popover-eu{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-popover-eu{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-popover-eu{right:25%}.ecl-pull-xl-4.sc-ecl-popover-eu{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-popover-eu{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-popover-eu{right:50%}.ecl-pull-xl-7.sc-ecl-popover-eu{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-popover-eu{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-popover-eu{right:75%}.ecl-pull-xl-10.sc-ecl-popover-eu{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-popover-eu{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-popover-eu{right:100%}.ecl-push-xl-0.sc-ecl-popover-eu{left:auto}.ecl-push-xl-1.sc-ecl-popover-eu{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-popover-eu{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-popover-eu{left:25%}.ecl-push-xl-4.sc-ecl-popover-eu{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-popover-eu{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-popover-eu{left:50%}.ecl-push-xl-7.sc-ecl-popover-eu{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-popover-eu{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-popover-eu{left:75%}.ecl-push-xl-10.sc-ecl-popover-eu{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-popover-eu{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-popover-eu{left:100%}.ecl-offset-xl-0.sc-ecl-popover-eu{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-popover-eu{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-popover-eu{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-popover-eu{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-popover-eu{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-popover-eu{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-popover-eu{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-popover-eu{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-popover-eu{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-popover-eu{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-popover-eu{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-popover-eu{margin-inline-start:91.6666666667%}}.ecl-popover.sc-ecl-popover-eu{display:inline-block;margin:0;position:relative}.ecl-popover__container.sc-ecl-popover-eu{min-height:7rem;transform:translateX(-50%);z-index:15}.ecl-popover__container.sc-ecl-popover-eu,.ecl-popover__container.sc-ecl-popover-eu:before{background-color:var(--cm-surface-inverted,#fff);box-shadow:var(--sh-4);position:absolute}.ecl-popover__container.sc-ecl-popover-eu:before{clip-path:polygon(-4px -4px,calc(100% + 4px) -4px,calc(100% + 4px) calc(100% + 4px));content:"";height:1rem;left:50%;margin-left:-.5rem;transform:translateY(-50%) rotate(-45deg);width:1rem}.ecl-popover__scrollable.sc-ecl-popover-eu{max-width:288px;min-width:288px;overflow-y:auto;padding:var(--s-l)}.ecl-popover__content.sc-ecl-popover-eu{background-color:var(--cm-surface-inverted,#fff);color:var(--cm-on-surface-brand,var(--c-d));font:var(--f-m);line-height:1.5rem;max-height:11rem;text-align:start;width:auto}.ecl-popover__close.sc-ecl-popover-eu{position:absolute;right:var(--s-s);top:var(--s-s)}.ecl-popover__close.sc-ecl-popover-eu+.ecl-popover__content.sc-ecl-popover-eu{padding-inline-end:var(--s-xl)}[dir=rtl].sc-ecl-popover-eu .ecl-popover__close.sc-ecl-popover-eu{left:var(--s-m);right:auto}.ecl-popover--bottom.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu,.ecl-popover--top.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{left:50%}.ecl-popover--bottom.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{top:calc(100% + var(--s-s))}.ecl-popover--bottom.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu:before{top:1px}.ecl-popover--top.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{bottom:calc(100% + var(--s-s));margin-top:0}.ecl-popover--top.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu:before{bottom:0;top:auto;transform:translateY(50%) rotate(135deg)}.ecl-popover--right.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{left:calc(100% + var(--s-s) + var(--s-2xs));top:50%;transform:translateY(-50%)}.ecl-popover--right.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu:before{left:0;top:var(--ecl-popover-position,50%);transform:translateY(-50%) rotate(225deg)}.ecl-popover--left.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{right:calc(100% + var(--s-s) + var(--s-2xs));top:50%;transform:translateY(-50%)}.ecl-popover--left.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu:before{left:100%;margin-left:-1px;top:var(--ecl-popover-position,50%);transform:translate(-50%,-50%) rotate(45deg)}.ecl-popover--push-bottom.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{bottom:0;top:auto;transform:none}.ecl-popover--push-top.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{bottom:auto;top:0;transform:none}.ecl-popover--push-left.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{left:0;transform:none}.ecl-popover--push-left.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu:before{left:var(--ecl-popover-position);right:auto}.ecl-popover--push-right.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu{left:auto;right:0;transform:none}.ecl-popover--push-right.sc-ecl-popover-eu .ecl-popover__container.sc-ecl-popover-eu:before{left:auto;right:var(--ecl-popover-position)}@media (min-width:480px){.ecl-popover__scrollable.sc-ecl-popover-eu{max-width:400px}}@media (min-width:768px){.ecl-popover__content.sc-ecl-popover-eu{max-height:264px}.ecl-popover__scrollable.sc-ecl-popover-eu{max-width:522px}}@media (min-width:996px){.ecl-popover__scrollable.sc-ecl-popover-eu{max-width:648px}}.ecl-popover__list.sc-ecl-popover-eu{list-style:none;margin:0;padding:0;width:188px}.ecl-popover__link.sc-ecl-popover-eu{align-items:center;display:flex;padding:var(--s-s)}.ecl-popover__link.sc-ecl-popover-eu:focus-visible{outline-offset:-2px}.sc-ecl-popover-eu-h{cursor:pointer;display:contents}.ecl-popover__container.sc-ecl-popover-eu{height:max-content}.ecl-link--icon-before.sc-ecl-link-ec.sc-ecl-popover-eu{display:flex}.ecl-popover__toggle.sc-ecl-popover-eu *.sc-ecl-popover-eu{margin-inline-end:.5rem;vertical-align:middle}`;

const EclPopover = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.noScript = false;
        this.close = false;
        this.indicator = false;
    }
    getClass() {
        const styleClasses = [
            `ecl-popover`,
            this.styleClass
        ];
        return styleClasses.join(' ');
    }
    getAttrs() {
        const attrs = {
            'aria-controls': this.itemId,
            'data-ecl-popover-toggle': 'data-ecl-popover-toggle',
            'aria-expanded': 'false',
        };
        if (this.indicator) {
            attrs['indicator'] = true;
        }
        if (this.indicatorValue) {
            attrs['hide-label'] = true;
            attrs["indicator-value"] = this.indicatorValue;
        }
        return attrs;
    }
    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.Popover = Popover;
            const popover = new Popover(this.el.firstElementChild);
            popover.init();
        }
    }
    render() {
        return (h("div", { key: '8e0e7e9d4ea27e37794fcd7145468fcf0da61e6c', class: this.getClass() }, h("ecl-link", Object.assign({ key: '11007d2495a9f72e9b824102ce9f96b3785992dd', "style-class": `sc-ecl-link-${this.theme} sc-ecl-popover-${this.theme} ecl-popover__toggle`, variant: "standalone" }, this.getAttrs()), this.icon &&
            h("ecl-icon", { key: '4a9108025e2db7bc2fd0e9d0ae3d2fd9caf72abb', icon: this.icon, size: "fluid", "style-class": "ecl-link__icon--before", slot: "icon-after" }), this.toggleLabel), h("div", { key: '15e26748178187de97da25d3986957105fcaaf8c', class: "ecl-popover__container", id: this.itemId, hidden: true }, h("div", { key: '16d34e83442fbe25f8b72416526bb04800e293f7', class: "ecl-popover__scrollable" }, this.close &&
            h("ecl-button", { key: 'cd7fea7e4cd9ae4859f09799b7d10037860be3c2', variant: "tertiary", type: "button", buttonStyle: "neutral", "style-class": `sc-ecl-popover-${this.theme} ecl-popover__close`, "hide-label": true, "data-ecl-popover-close": true }, "Close", h("ecl-icon", { key: 'e2c9d13426ec836f97cb8a6f1cef64bad7c60647', icon: "close", slot: "icon-after", "style-class": `sc-ecl-popover-${this.theme}` })), h("div", { key: 'c9e01c7695f8baac2e84f296d607b6cac8ac0c66', class: "ecl-popover__content" }, h("slot", { key: '7e91b46677513ed5abac1ff98c4ebc6dabc03a1d' }))))));
    }
    get el() { return getElement(this); }
};
EclPopover.style = {
    ec: eclPopoverEcCss(),
    eu: eclPopoverEuCss()
};

export { EclPopover as ecl_popover };
