'use strict';

var index$1 = require('./index-Bkm7eeWO.js');
var index = require('./index-DDK-o1Gj.js');
var focusTrap_esm = require('./focus-trap.esm-Dfqc7ow9.js');

/**
 * @param {HTMLElement} element DOM element for component instantiation and scope
 * @param {Object} options
 * @param {String} options.toggleSelector Selector for the modal toggle
 * @param {String} options.closeSelector Selector for closing the modal
 * @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 Modal {
  /**
   * @static
   * Shorthand for instance creation and initialisation.
   *
   * @param {HTMLElement} root DOM element for component instantiation and scope
   *
   * @return {Modal} An instance of Modal.
   */
  static autoInit(root, { MODAL: defaultOptions = {} } = {}) {
    const modal = new Modal(root, defaultOptions);
    modal.init();
    root.ECLModal = modal;
    return modal;
  }

  constructor(
    element,
    {
      toggleSelector = '',
      closeSelector = '[data-ecl-modal-close]',
      scrollSelector = '[data-ecl-modal-scroll]',
      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;

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

    // Private variables
    this.toggle = null;
    this.close = null;
    this.scroll = null;
    this.focusTrap = null;

    // Bind `this` for use in callbacks
    this.openModal = this.openModal.bind(this);
    this.closeModal = this.closeModal.bind(this);
    this.handleClickOnToggle = this.handleClickOnToggle.bind(this);
    this.handleKeyboardGlobal = this.handleKeyboardGlobal.bind(this);
  }

  /**
   * Initialise component.
   */
  init() {
    if (!ECL) {
      throw new TypeError('Called init but ECL is not present');
    }
    ECL.components = ECL.components || new Map();
    // Bind global events
    if (this.attachKeyListener) {
      document.addEventListener('keyup', this.handleKeyboardGlobal);
    }

    // Get toggle element
    if (this.toggleSelector === '') {
      this.toggleSelector = `#${this.element.getAttribute(
        'data-ecl-modal-toggle',
      )}`;
    }
    this.toggle = document.querySelector(this.toggleSelector);

    // Apply aria to toggle
    if (this.toggle) {
      this.toggle.setAttribute('aria-controls', this.element.id);
      if (!this.toggle.getAttribute('aria-haspopup')) {
        this.toggle.setAttribute('aria-haspopup', 'dialog');
      }
    }

    // Get other elements
    this.close = index.queryAll(this.closeSelector, this.element);
    this.scroll = index.queryOne(this.scrollSelector, this.element);

    // Create focus trap
    this.focusTrap = focusTrap_esm.createFocusTrap(this.element);

    // Polyfill to support <dialog>
    this.isDialogSupported = true;
    if (!window.HTMLDialogElement) {
      this.isDialogSupported = false;
    }

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

    // Bind click event on close buttons
    if (this.close && this.attachClickListener) {
      this.close.forEach((close) => {
        close.addEventListener('click', this.closeModal);
      });
    }

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

  /**
   * Destroy component.
   */
  destroy() {
    if (this.toggle && this.attachClickListener) {
      this.toggle.removeEventListener('click', this.handleClickOnToggle);
    }

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

    if (this.close && this.attachClickListener) {
      this.close.forEach((close) => {
        close.removeEventListener('click', this.closeModal);
      });
    }

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

  /**
   * Check if there is a scroll and display overflow.
   */
  checkScroll() {
    if (!this.scroll) return;

    this.scroll.parentNode.classList.remove('ecl-modal__body--has-scroll');
    if (this.scroll.scrollHeight > this.scroll.clientHeight) {
      this.scroll.parentNode.classList.add('ecl-modal__body--has-scroll');
    }
  }

  /**
   * 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 modal
    if (isExpanded) {
      this.closeModal();
      return;
    }

    this.openModal();
  }

  /**
   * Open the modal.
   */
  openModal() {
    if (this.isDialogSupported) {
      this.element.showModal();
    } else {
      this.element.setAttribute('open', '');
    }

    // Check scroll
    this.checkScroll();

    // Trap focus
    this.focusTrap.activate();
  }

  /**
   * Close the modal.
   */
  closeModal() {
    if (this.isDialogSupported) {
      this.element.close();
    } else {
      this.element.removeAttribute('open');
    }

    // Untrap focus
    if (this.focusTrap.active) {
      this.focusTrap.deactivate();
    }
  }

  /**
   * Handles global keyboard events, triggered outside of the modal.
   *
   * @param {Event} e
   */
  handleKeyboardGlobal(e) {
    // Detect press on Escape
    if (e.key === 'Escape' || e.key === 'Esc') {
      this.closeModal();
    }
  }
}

const eclModalEcCss = () => `.ecl-container.sc-ecl-modal-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-modal-ec{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-modal-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-modal-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-modal-ec{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-modal-ec{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-modal-ec{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-modal-ec{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-modal-ec{max-width:100%;width:1368px}}.ecl-row.sc-ecl-modal-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-modal-ec{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-modal-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-modal-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-modal-ec{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-modal-ec{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-modal-ec>.ecl-col.sc-ecl-modal-ec,.ecl-no-gutters.sc-ecl-modal-ec>[class*=ecl-col-].sc-ecl-modal-ec{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-modal-ec,.ecl-col-10.sc-ecl-modal-ec,.ecl-col-11.sc-ecl-modal-ec,.ecl-col-12.sc-ecl-modal-ec,.ecl-col-2.sc-ecl-modal-ec,.ecl-col-3.sc-ecl-modal-ec,.ecl-col-4.sc-ecl-modal-ec,.ecl-col-5.sc-ecl-modal-ec,.ecl-col-6.sc-ecl-modal-ec,.ecl-col-7.sc-ecl-modal-ec,.ecl-col-8.sc-ecl-modal-ec,.ecl-col-9.sc-ecl-modal-ec,.ecl-col-l-1.sc-ecl-modal-ec,.ecl-col-l-10.sc-ecl-modal-ec,.ecl-col-l-11.sc-ecl-modal-ec,.ecl-col-l-12.sc-ecl-modal-ec,.ecl-col-l-2.sc-ecl-modal-ec,.ecl-col-l-3.sc-ecl-modal-ec,.ecl-col-l-4.sc-ecl-modal-ec,.ecl-col-l-5.sc-ecl-modal-ec,.ecl-col-l-6.sc-ecl-modal-ec,.ecl-col-l-7.sc-ecl-modal-ec,.ecl-col-l-8.sc-ecl-modal-ec,.ecl-col-l-9.sc-ecl-modal-ec,.ecl-col-m-1.sc-ecl-modal-ec,.ecl-col-m-10.sc-ecl-modal-ec,.ecl-col-m-11.sc-ecl-modal-ec,.ecl-col-m-12.sc-ecl-modal-ec,.ecl-col-m-2.sc-ecl-modal-ec,.ecl-col-m-3.sc-ecl-modal-ec,.ecl-col-m-4.sc-ecl-modal-ec,.ecl-col-m-5.sc-ecl-modal-ec,.ecl-col-m-6.sc-ecl-modal-ec,.ecl-col-m-7.sc-ecl-modal-ec,.ecl-col-m-8.sc-ecl-modal-ec,.ecl-col-m-9.sc-ecl-modal-ec,.ecl-col-s-1.sc-ecl-modal-ec,.ecl-col-s-10.sc-ecl-modal-ec,.ecl-col-s-11.sc-ecl-modal-ec,.ecl-col-s-12.sc-ecl-modal-ec,.ecl-col-s-2.sc-ecl-modal-ec,.ecl-col-s-3.sc-ecl-modal-ec,.ecl-col-s-4.sc-ecl-modal-ec,.ecl-col-s-5.sc-ecl-modal-ec,.ecl-col-s-6.sc-ecl-modal-ec,.ecl-col-s-7.sc-ecl-modal-ec,.ecl-col-s-8.sc-ecl-modal-ec,.ecl-col-s-9.sc-ecl-modal-ec,.ecl-col-xl-1.sc-ecl-modal-ec,.ecl-col-xl-10.sc-ecl-modal-ec,.ecl-col-xl-11.sc-ecl-modal-ec,.ecl-col-xl-12.sc-ecl-modal-ec,.ecl-col-xl-2.sc-ecl-modal-ec,.ecl-col-xl-3.sc-ecl-modal-ec,.ecl-col-xl-4.sc-ecl-modal-ec,.ecl-col-xl-5.sc-ecl-modal-ec,.ecl-col-xl-6.sc-ecl-modal-ec,.ecl-col-xl-7.sc-ecl-modal-ec,.ecl-col-xl-8.sc-ecl-modal-ec,.ecl-col-xl-9.sc-ecl-modal-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-modal-ec,.ecl-col-10.sc-ecl-modal-ec,.ecl-col-11.sc-ecl-modal-ec,.ecl-col-12.sc-ecl-modal-ec,.ecl-col-2.sc-ecl-modal-ec,.ecl-col-3.sc-ecl-modal-ec,.ecl-col-4.sc-ecl-modal-ec,.ecl-col-5.sc-ecl-modal-ec,.ecl-col-6.sc-ecl-modal-ec,.ecl-col-7.sc-ecl-modal-ec,.ecl-col-8.sc-ecl-modal-ec,.ecl-col-9.sc-ecl-modal-ec,.ecl-col-l-1.sc-ecl-modal-ec,.ecl-col-l-10.sc-ecl-modal-ec,.ecl-col-l-11.sc-ecl-modal-ec,.ecl-col-l-12.sc-ecl-modal-ec,.ecl-col-l-2.sc-ecl-modal-ec,.ecl-col-l-3.sc-ecl-modal-ec,.ecl-col-l-4.sc-ecl-modal-ec,.ecl-col-l-5.sc-ecl-modal-ec,.ecl-col-l-6.sc-ecl-modal-ec,.ecl-col-l-7.sc-ecl-modal-ec,.ecl-col-l-8.sc-ecl-modal-ec,.ecl-col-l-9.sc-ecl-modal-ec,.ecl-col-m-1.sc-ecl-modal-ec,.ecl-col-m-10.sc-ecl-modal-ec,.ecl-col-m-11.sc-ecl-modal-ec,.ecl-col-m-12.sc-ecl-modal-ec,.ecl-col-m-2.sc-ecl-modal-ec,.ecl-col-m-3.sc-ecl-modal-ec,.ecl-col-m-4.sc-ecl-modal-ec,.ecl-col-m-5.sc-ecl-modal-ec,.ecl-col-m-6.sc-ecl-modal-ec,.ecl-col-m-7.sc-ecl-modal-ec,.ecl-col-m-8.sc-ecl-modal-ec,.ecl-col-m-9.sc-ecl-modal-ec,.ecl-col-s-1.sc-ecl-modal-ec,.ecl-col-s-10.sc-ecl-modal-ec,.ecl-col-s-11.sc-ecl-modal-ec,.ecl-col-s-12.sc-ecl-modal-ec,.ecl-col-s-2.sc-ecl-modal-ec,.ecl-col-s-3.sc-ecl-modal-ec,.ecl-col-s-4.sc-ecl-modal-ec,.ecl-col-s-5.sc-ecl-modal-ec,.ecl-col-s-6.sc-ecl-modal-ec,.ecl-col-s-7.sc-ecl-modal-ec,.ecl-col-s-8.sc-ecl-modal-ec,.ecl-col-s-9.sc-ecl-modal-ec,.ecl-col-xl-1.sc-ecl-modal-ec,.ecl-col-xl-10.sc-ecl-modal-ec,.ecl-col-xl-11.sc-ecl-modal-ec,.ecl-col-xl-12.sc-ecl-modal-ec,.ecl-col-xl-2.sc-ecl-modal-ec,.ecl-col-xl-3.sc-ecl-modal-ec,.ecl-col-xl-4.sc-ecl-modal-ec,.ecl-col-xl-5.sc-ecl-modal-ec,.ecl-col-xl-6.sc-ecl-modal-ec,.ecl-col-xl-7.sc-ecl-modal-ec,.ecl-col-xl-8.sc-ecl-modal-ec,.ecl-col-xl-9.sc-ecl-modal-ec{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-modal-ec,.ecl-col-10.sc-ecl-modal-ec,.ecl-col-11.sc-ecl-modal-ec,.ecl-col-12.sc-ecl-modal-ec,.ecl-col-2.sc-ecl-modal-ec,.ecl-col-3.sc-ecl-modal-ec,.ecl-col-4.sc-ecl-modal-ec,.ecl-col-5.sc-ecl-modal-ec,.ecl-col-6.sc-ecl-modal-ec,.ecl-col-7.sc-ecl-modal-ec,.ecl-col-8.sc-ecl-modal-ec,.ecl-col-9.sc-ecl-modal-ec,.ecl-col-l-1.sc-ecl-modal-ec,.ecl-col-l-10.sc-ecl-modal-ec,.ecl-col-l-11.sc-ecl-modal-ec,.ecl-col-l-12.sc-ecl-modal-ec,.ecl-col-l-2.sc-ecl-modal-ec,.ecl-col-l-3.sc-ecl-modal-ec,.ecl-col-l-4.sc-ecl-modal-ec,.ecl-col-l-5.sc-ecl-modal-ec,.ecl-col-l-6.sc-ecl-modal-ec,.ecl-col-l-7.sc-ecl-modal-ec,.ecl-col-l-8.sc-ecl-modal-ec,.ecl-col-l-9.sc-ecl-modal-ec,.ecl-col-m-1.sc-ecl-modal-ec,.ecl-col-m-10.sc-ecl-modal-ec,.ecl-col-m-11.sc-ecl-modal-ec,.ecl-col-m-12.sc-ecl-modal-ec,.ecl-col-m-2.sc-ecl-modal-ec,.ecl-col-m-3.sc-ecl-modal-ec,.ecl-col-m-4.sc-ecl-modal-ec,.ecl-col-m-5.sc-ecl-modal-ec,.ecl-col-m-6.sc-ecl-modal-ec,.ecl-col-m-7.sc-ecl-modal-ec,.ecl-col-m-8.sc-ecl-modal-ec,.ecl-col-m-9.sc-ecl-modal-ec,.ecl-col-s-1.sc-ecl-modal-ec,.ecl-col-s-10.sc-ecl-modal-ec,.ecl-col-s-11.sc-ecl-modal-ec,.ecl-col-s-12.sc-ecl-modal-ec,.ecl-col-s-2.sc-ecl-modal-ec,.ecl-col-s-3.sc-ecl-modal-ec,.ecl-col-s-4.sc-ecl-modal-ec,.ecl-col-s-5.sc-ecl-modal-ec,.ecl-col-s-6.sc-ecl-modal-ec,.ecl-col-s-7.sc-ecl-modal-ec,.ecl-col-s-8.sc-ecl-modal-ec,.ecl-col-s-9.sc-ecl-modal-ec,.ecl-col-xl-1.sc-ecl-modal-ec,.ecl-col-xl-10.sc-ecl-modal-ec,.ecl-col-xl-11.sc-ecl-modal-ec,.ecl-col-xl-12.sc-ecl-modal-ec,.ecl-col-xl-2.sc-ecl-modal-ec,.ecl-col-xl-3.sc-ecl-modal-ec,.ecl-col-xl-4.sc-ecl-modal-ec,.ecl-col-xl-5.sc-ecl-modal-ec,.ecl-col-xl-6.sc-ecl-modal-ec,.ecl-col-xl-7.sc-ecl-modal-ec,.ecl-col-xl-8.sc-ecl-modal-ec,.ecl-col-xl-9.sc-ecl-modal-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-modal-ec,.ecl-col-10.sc-ecl-modal-ec,.ecl-col-11.sc-ecl-modal-ec,.ecl-col-12.sc-ecl-modal-ec,.ecl-col-2.sc-ecl-modal-ec,.ecl-col-3.sc-ecl-modal-ec,.ecl-col-4.sc-ecl-modal-ec,.ecl-col-5.sc-ecl-modal-ec,.ecl-col-6.sc-ecl-modal-ec,.ecl-col-7.sc-ecl-modal-ec,.ecl-col-8.sc-ecl-modal-ec,.ecl-col-9.sc-ecl-modal-ec,.ecl-col-l-1.sc-ecl-modal-ec,.ecl-col-l-10.sc-ecl-modal-ec,.ecl-col-l-11.sc-ecl-modal-ec,.ecl-col-l-12.sc-ecl-modal-ec,.ecl-col-l-2.sc-ecl-modal-ec,.ecl-col-l-3.sc-ecl-modal-ec,.ecl-col-l-4.sc-ecl-modal-ec,.ecl-col-l-5.sc-ecl-modal-ec,.ecl-col-l-6.sc-ecl-modal-ec,.ecl-col-l-7.sc-ecl-modal-ec,.ecl-col-l-8.sc-ecl-modal-ec,.ecl-col-l-9.sc-ecl-modal-ec,.ecl-col-m-1.sc-ecl-modal-ec,.ecl-col-m-10.sc-ecl-modal-ec,.ecl-col-m-11.sc-ecl-modal-ec,.ecl-col-m-12.sc-ecl-modal-ec,.ecl-col-m-2.sc-ecl-modal-ec,.ecl-col-m-3.sc-ecl-modal-ec,.ecl-col-m-4.sc-ecl-modal-ec,.ecl-col-m-5.sc-ecl-modal-ec,.ecl-col-m-6.sc-ecl-modal-ec,.ecl-col-m-7.sc-ecl-modal-ec,.ecl-col-m-8.sc-ecl-modal-ec,.ecl-col-m-9.sc-ecl-modal-ec,.ecl-col-s-1.sc-ecl-modal-ec,.ecl-col-s-10.sc-ecl-modal-ec,.ecl-col-s-11.sc-ecl-modal-ec,.ecl-col-s-12.sc-ecl-modal-ec,.ecl-col-s-2.sc-ecl-modal-ec,.ecl-col-s-3.sc-ecl-modal-ec,.ecl-col-s-4.sc-ecl-modal-ec,.ecl-col-s-5.sc-ecl-modal-ec,.ecl-col-s-6.sc-ecl-modal-ec,.ecl-col-s-7.sc-ecl-modal-ec,.ecl-col-s-8.sc-ecl-modal-ec,.ecl-col-s-9.sc-ecl-modal-ec,.ecl-col-xl-1.sc-ecl-modal-ec,.ecl-col-xl-10.sc-ecl-modal-ec,.ecl-col-xl-11.sc-ecl-modal-ec,.ecl-col-xl-12.sc-ecl-modal-ec,.ecl-col-xl-2.sc-ecl-modal-ec,.ecl-col-xl-3.sc-ecl-modal-ec,.ecl-col-xl-4.sc-ecl-modal-ec,.ecl-col-xl-5.sc-ecl-modal-ec,.ecl-col-xl-6.sc-ecl-modal-ec,.ecl-col-xl-7.sc-ecl-modal-ec,.ecl-col-xl-8.sc-ecl-modal-ec,.ecl-col-xl-9.sc-ecl-modal-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-modal-ec,.ecl-col-10.sc-ecl-modal-ec,.ecl-col-11.sc-ecl-modal-ec,.ecl-col-12.sc-ecl-modal-ec,.ecl-col-2.sc-ecl-modal-ec,.ecl-col-3.sc-ecl-modal-ec,.ecl-col-4.sc-ecl-modal-ec,.ecl-col-5.sc-ecl-modal-ec,.ecl-col-6.sc-ecl-modal-ec,.ecl-col-7.sc-ecl-modal-ec,.ecl-col-8.sc-ecl-modal-ec,.ecl-col-9.sc-ecl-modal-ec,.ecl-col-l-1.sc-ecl-modal-ec,.ecl-col-l-10.sc-ecl-modal-ec,.ecl-col-l-11.sc-ecl-modal-ec,.ecl-col-l-12.sc-ecl-modal-ec,.ecl-col-l-2.sc-ecl-modal-ec,.ecl-col-l-3.sc-ecl-modal-ec,.ecl-col-l-4.sc-ecl-modal-ec,.ecl-col-l-5.sc-ecl-modal-ec,.ecl-col-l-6.sc-ecl-modal-ec,.ecl-col-l-7.sc-ecl-modal-ec,.ecl-col-l-8.sc-ecl-modal-ec,.ecl-col-l-9.sc-ecl-modal-ec,.ecl-col-m-1.sc-ecl-modal-ec,.ecl-col-m-10.sc-ecl-modal-ec,.ecl-col-m-11.sc-ecl-modal-ec,.ecl-col-m-12.sc-ecl-modal-ec,.ecl-col-m-2.sc-ecl-modal-ec,.ecl-col-m-3.sc-ecl-modal-ec,.ecl-col-m-4.sc-ecl-modal-ec,.ecl-col-m-5.sc-ecl-modal-ec,.ecl-col-m-6.sc-ecl-modal-ec,.ecl-col-m-7.sc-ecl-modal-ec,.ecl-col-m-8.sc-ecl-modal-ec,.ecl-col-m-9.sc-ecl-modal-ec,.ecl-col-s-1.sc-ecl-modal-ec,.ecl-col-s-10.sc-ecl-modal-ec,.ecl-col-s-11.sc-ecl-modal-ec,.ecl-col-s-12.sc-ecl-modal-ec,.ecl-col-s-2.sc-ecl-modal-ec,.ecl-col-s-3.sc-ecl-modal-ec,.ecl-col-s-4.sc-ecl-modal-ec,.ecl-col-s-5.sc-ecl-modal-ec,.ecl-col-s-6.sc-ecl-modal-ec,.ecl-col-s-7.sc-ecl-modal-ec,.ecl-col-s-8.sc-ecl-modal-ec,.ecl-col-s-9.sc-ecl-modal-ec,.ecl-col-xl-1.sc-ecl-modal-ec,.ecl-col-xl-10.sc-ecl-modal-ec,.ecl-col-xl-11.sc-ecl-modal-ec,.ecl-col-xl-12.sc-ecl-modal-ec,.ecl-col-xl-2.sc-ecl-modal-ec,.ecl-col-xl-3.sc-ecl-modal-ec,.ecl-col-xl-4.sc-ecl-modal-ec,.ecl-col-xl-5.sc-ecl-modal-ec,.ecl-col-xl-6.sc-ecl-modal-ec,.ecl-col-xl-7.sc-ecl-modal-ec,.ecl-col-xl-8.sc-ecl-modal-ec,.ecl-col-xl-9.sc-ecl-modal-ec{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-modal-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-modal-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-modal-ec{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-modal-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-modal-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-modal-ec{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-modal-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-modal-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-modal-ec{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-modal-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-modal-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-modal-ec{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-modal-ec{right:auto}.ecl-pull-1.sc-ecl-modal-ec{right:8.3333333333%}.ecl-pull-2.sc-ecl-modal-ec{right:16.6666666667%}.ecl-pull-3.sc-ecl-modal-ec{right:25%}.ecl-pull-4.sc-ecl-modal-ec{right:33.3333333333%}.ecl-pull-5.sc-ecl-modal-ec{right:41.6666666667%}.ecl-pull-6.sc-ecl-modal-ec{right:50%}.ecl-pull-7.sc-ecl-modal-ec{right:58.3333333333%}.ecl-pull-8.sc-ecl-modal-ec{right:66.6666666667%}.ecl-pull-9.sc-ecl-modal-ec{right:75%}.ecl-pull-10.sc-ecl-modal-ec{right:83.3333333333%}.ecl-pull-11.sc-ecl-modal-ec{right:91.6666666667%}.ecl-pull-12.sc-ecl-modal-ec{right:100%}.ecl-push-0.sc-ecl-modal-ec{left:auto}.ecl-push-1.sc-ecl-modal-ec{left:8.3333333333%}.ecl-push-2.sc-ecl-modal-ec{left:16.6666666667%}.ecl-push-3.sc-ecl-modal-ec{left:25%}.ecl-push-4.sc-ecl-modal-ec{left:33.3333333333%}.ecl-push-5.sc-ecl-modal-ec{left:41.6666666667%}.ecl-push-6.sc-ecl-modal-ec{left:50%}.ecl-push-7.sc-ecl-modal-ec{left:58.3333333333%}.ecl-push-8.sc-ecl-modal-ec{left:66.6666666667%}.ecl-push-9.sc-ecl-modal-ec{left:75%}.ecl-push-10.sc-ecl-modal-ec{left:83.3333333333%}.ecl-push-11.sc-ecl-modal-ec{left:91.6666666667%}.ecl-push-12.sc-ecl-modal-ec{left:100%}.ecl-offset-1.sc-ecl-modal-ec{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-modal-ec{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-modal-ec{margin-inline-start:25%}.ecl-offset-4.sc-ecl-modal-ec{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-modal-ec{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-modal-ec{margin-inline-start:50%}.ecl-offset-7.sc-ecl-modal-ec{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-modal-ec{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-modal-ec{margin-inline-start:75%}.ecl-offset-10.sc-ecl-modal-ec{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-modal-ec{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-modal-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-modal-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-modal-ec{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-modal-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-modal-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-modal-ec{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-modal-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-modal-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-modal-ec{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-modal-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-modal-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-modal-ec{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-modal-ec{right:auto}.ecl-pull-s-1.sc-ecl-modal-ec{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-modal-ec{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-modal-ec{right:25%}.ecl-pull-s-4.sc-ecl-modal-ec{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-modal-ec{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-modal-ec{right:50%}.ecl-pull-s-7.sc-ecl-modal-ec{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-modal-ec{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-modal-ec{right:75%}.ecl-pull-s-10.sc-ecl-modal-ec{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-modal-ec{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-modal-ec{right:100%}.ecl-push-s-0.sc-ecl-modal-ec{left:auto}.ecl-push-s-1.sc-ecl-modal-ec{left:8.3333333333%}.ecl-push-s-2.sc-ecl-modal-ec{left:16.6666666667%}.ecl-push-s-3.sc-ecl-modal-ec{left:25%}.ecl-push-s-4.sc-ecl-modal-ec{left:33.3333333333%}.ecl-push-s-5.sc-ecl-modal-ec{left:41.6666666667%}.ecl-push-s-6.sc-ecl-modal-ec{left:50%}.ecl-push-s-7.sc-ecl-modal-ec{left:58.3333333333%}.ecl-push-s-8.sc-ecl-modal-ec{left:66.6666666667%}.ecl-push-s-9.sc-ecl-modal-ec{left:75%}.ecl-push-s-10.sc-ecl-modal-ec{left:83.3333333333%}.ecl-push-s-11.sc-ecl-modal-ec{left:91.6666666667%}.ecl-push-s-12.sc-ecl-modal-ec{left:100%}.ecl-offset-s-0.sc-ecl-modal-ec{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-modal-ec{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-modal-ec{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-modal-ec{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-modal-ec{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-modal-ec{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-modal-ec{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-modal-ec{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-modal-ec{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-modal-ec{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-modal-ec{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-modal-ec{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-modal-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-modal-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-modal-ec{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-modal-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-modal-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-modal-ec{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-modal-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-modal-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-modal-ec{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-modal-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-modal-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-modal-ec{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-modal-ec{right:auto}.ecl-pull-m-1.sc-ecl-modal-ec{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-modal-ec{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-modal-ec{right:25%}.ecl-pull-m-4.sc-ecl-modal-ec{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-modal-ec{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-modal-ec{right:50%}.ecl-pull-m-7.sc-ecl-modal-ec{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-modal-ec{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-modal-ec{right:75%}.ecl-pull-m-10.sc-ecl-modal-ec{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-modal-ec{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-modal-ec{right:100%}.ecl-push-m-0.sc-ecl-modal-ec{left:auto}.ecl-push-m-1.sc-ecl-modal-ec{left:8.3333333333%}.ecl-push-m-2.sc-ecl-modal-ec{left:16.6666666667%}.ecl-push-m-3.sc-ecl-modal-ec{left:25%}.ecl-push-m-4.sc-ecl-modal-ec{left:33.3333333333%}.ecl-push-m-5.sc-ecl-modal-ec{left:41.6666666667%}.ecl-push-m-6.sc-ecl-modal-ec{left:50%}.ecl-push-m-7.sc-ecl-modal-ec{left:58.3333333333%}.ecl-push-m-8.sc-ecl-modal-ec{left:66.6666666667%}.ecl-push-m-9.sc-ecl-modal-ec{left:75%}.ecl-push-m-10.sc-ecl-modal-ec{left:83.3333333333%}.ecl-push-m-11.sc-ecl-modal-ec{left:91.6666666667%}.ecl-push-m-12.sc-ecl-modal-ec{left:100%}.ecl-offset-m-0.sc-ecl-modal-ec{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-modal-ec{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-modal-ec{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-modal-ec{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-modal-ec{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-modal-ec{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-modal-ec{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-modal-ec{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-modal-ec{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-modal-ec{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-modal-ec{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-modal-ec{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-modal-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-modal-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-modal-ec{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-modal-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-modal-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-modal-ec{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-modal-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-modal-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-modal-ec{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-modal-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-modal-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-modal-ec{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-modal-ec{right:auto}.ecl-pull-l-1.sc-ecl-modal-ec{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-modal-ec{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-modal-ec{right:25%}.ecl-pull-l-4.sc-ecl-modal-ec{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-modal-ec{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-modal-ec{right:50%}.ecl-pull-l-7.sc-ecl-modal-ec{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-modal-ec{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-modal-ec{right:75%}.ecl-pull-l-10.sc-ecl-modal-ec{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-modal-ec{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-modal-ec{right:100%}.ecl-push-l-0.sc-ecl-modal-ec{left:auto}.ecl-push-l-1.sc-ecl-modal-ec{left:8.3333333333%}.ecl-push-l-2.sc-ecl-modal-ec{left:16.6666666667%}.ecl-push-l-3.sc-ecl-modal-ec{left:25%}.ecl-push-l-4.sc-ecl-modal-ec{left:33.3333333333%}.ecl-push-l-5.sc-ecl-modal-ec{left:41.6666666667%}.ecl-push-l-6.sc-ecl-modal-ec{left:50%}.ecl-push-l-7.sc-ecl-modal-ec{left:58.3333333333%}.ecl-push-l-8.sc-ecl-modal-ec{left:66.6666666667%}.ecl-push-l-9.sc-ecl-modal-ec{left:75%}.ecl-push-l-10.sc-ecl-modal-ec{left:83.3333333333%}.ecl-push-l-11.sc-ecl-modal-ec{left:91.6666666667%}.ecl-push-l-12.sc-ecl-modal-ec{left:100%}.ecl-offset-l-0.sc-ecl-modal-ec{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-modal-ec{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-modal-ec{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-modal-ec{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-modal-ec{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-modal-ec{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-modal-ec{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-modal-ec{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-modal-ec{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-modal-ec{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-modal-ec{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-modal-ec{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-modal-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-modal-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-modal-ec{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-modal-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-modal-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-modal-ec{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-modal-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-modal-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-modal-ec{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-modal-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-modal-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-modal-ec{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-modal-ec{right:auto}.ecl-pull-xl-1.sc-ecl-modal-ec{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-modal-ec{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-modal-ec{right:25%}.ecl-pull-xl-4.sc-ecl-modal-ec{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-modal-ec{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-modal-ec{right:50%}.ecl-pull-xl-7.sc-ecl-modal-ec{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-modal-ec{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-modal-ec{right:75%}.ecl-pull-xl-10.sc-ecl-modal-ec{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-modal-ec{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-modal-ec{right:100%}.ecl-push-xl-0.sc-ecl-modal-ec{left:auto}.ecl-push-xl-1.sc-ecl-modal-ec{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-modal-ec{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-modal-ec{left:25%}.ecl-push-xl-4.sc-ecl-modal-ec{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-modal-ec{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-modal-ec{left:50%}.ecl-push-xl-7.sc-ecl-modal-ec{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-modal-ec{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-modal-ec{left:75%}.ecl-push-xl-10.sc-ecl-modal-ec{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-modal-ec{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-modal-ec{left:100%}.ecl-offset-xl-0.sc-ecl-modal-ec{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-modal-ec{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-modal-ec{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-modal-ec{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-modal-ec{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-modal-ec{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-modal-ec{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-modal-ec{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-modal-ec{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-modal-ec{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-modal-ec{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-modal-ec{margin-inline-start:91.6666666667%}}.ecl-modal.sc-ecl-modal-ec{background-color:var(--cm-surface-lowest-variant);border:none;color:var(--cm-on-surface-brand,var(--c-d));height:100%;left:0;margin:0;max-height:100%;max-width:100%;padding:0;position:fixed;top:0;width:100%;z-index:50}.ecl-modal[open].sc-ecl-modal-ec{display:block}.ecl-modal__container.sc-ecl-modal-ec{margin-inline:var(--s-m);position:relative;top:50%;transform:translateY(-50%)}.ecl-modal__content.sc-ecl-modal-ec{background-color:#fff;border-radius:2px;box-shadow:var(--sh-4);display:flex;flex-direction:column;font-family:Inter,arial,sans-serif;font-size:var(--fs-xs);left:50%;line-height:var(--lh-xs);margin:0;max-height:80vh;overflow:hidden;padding-block:var(--s-l) var(--s-xl);padding-inline:0;position:relative;transform:translateX(-50%);z-index:50}@media (min-width:480px){.ecl-modal__content.sc-ecl-modal-ec{font-size:var(--fs-s);line-height:var(--lh-s)}}.ecl-modal__content.sc-ecl-modal-ec:dir(rtl){left:auto;right:50%;transform:translateX(50%)}.ecl-modal--s.sc-ecl-modal-ec .ecl-modal__content.sc-ecl-modal-ec{max-width:min(443px,100%)}.ecl-modal--m.sc-ecl-modal-ec .ecl-modal__content.sc-ecl-modal-ec{max-width:min(800px,100%)}.ecl-modal--l.sc-ecl-modal-ec .ecl-modal__content.sc-ecl-modal-ec{max-width:min(1008px,100%)}.ecl-modal--full.sc-ecl-modal-ec .ecl-modal__content.sc-ecl-modal-ec{height:80vh;max-height:none;max-width:100%}.ecl-modal__header.sc-ecl-modal-ec{align-items:flex-start;display:flex;font-family:Inter,arial,sans-serif;font-size:var(--fs-s);font-weight:600;line-height:var(--lh-s);margin-block-end:var(--s-4xs);padding-inline:var(--s-2xl)}@media (min-width:768px){.ecl-modal__header.sc-ecl-modal-ec{font-size:var(--fs-m);line-height:var(--lh-m)}}.ecl-modal__header.sc-ecl-modal-ec:is(:last-child){margin-block-end:0}.ecl-modal__icon.sc-ecl-modal-ec{flex-shrink:0;height:1.75rem;margin-block-end:var(--s-3xs);position:relative;width:1.75rem;z-index:2}.ecl-modal--information.sc-ecl-modal-ec .ecl-modal__icon.sc-ecl-modal-ec{color:var(--cm-on-surface-status-info,var(--c-in))}.ecl-modal--success.sc-ecl-modal-ec .ecl-modal__icon.sc-ecl-modal-ec{color:var(--cm-on-surface-status-success,var(--c-su))}.ecl-modal--warning.sc-ecl-modal-ec .ecl-modal__icon.sc-ecl-modal-ec{color:var(--cm-on-surface-status-warning,var(--c-wa))}.ecl-modal--error.sc-ecl-modal-ec .ecl-modal__icon.sc-ecl-modal-ec{color:var(--cm-on-surface-status-error,var(--c-er))}.ecl-modal__header-content.sc-ecl-modal-ec{align-items:flex-start}.ecl-modal__body.sc-ecl-modal-ec,.ecl-modal__header-content.sc-ecl-modal-ec{display:flex;flex-direction:column;flex-grow:1}.ecl-modal__body.sc-ecl-modal-ec{margin-block-end:var(--s-xl);overflow:hidden;padding-inline:var(--s-2xl)}.ecl-modal__body.sc-ecl-modal-ec:has(.ecl-modal__body-fixed),.ecl-modal__body.sc-ecl-modal-ec:is(:last-child){margin-block-end:0}.ecl-modal__body-scroll.sc-ecl-modal-ec{overflow-y:auto}.ecl-modal__body-overflow.sc-ecl-modal-ec{background-image:linear-gradient(180deg,transparent,#fff);display:none;flex-shrink:0;height:1rem;left:0;margin-block-end:-1rem;pointer-events:none;position:relative;top:-1rem;width:100%}.ecl-modal__body-fixed.sc-ecl-modal-ec{border-block-start:1px solid var(--cm-border-neutral);margin-block-end:var(--s-2xs);padding-block-start:var(--s-2xs)}.ecl-modal__body-overflow.sc-ecl-modal-ec+.ecl-modal__body-fixed.sc-ecl-modal-ec{margin-block-start:var(--s-xl)}.ecl-modal__body-fixed.sc-ecl-modal-ec:is(:first-child){border-block-start:none;padding-block-start:0}.ecl-modal__body.sc-ecl-modal-ec:is(:last-child) .ecl-modal__body-fixed.sc-ecl-modal-ec{margin-block-end:0}.ecl-modal__footer.sc-ecl-modal-ec{border-block-start:1px solid var(--cm-border-neutral);margin-inline:var(--s-2xl);padding-block-start:var(--s-xl)}.ecl-modal__header.sc-ecl-modal-ec+.ecl-modal__footer.sc-ecl-modal-ec{border-block-start:none}.ecl-modal__footer-content.sc-ecl-modal-ec{display:flex;flex-direction:row;justify-content:space-between}.ecl-modal__button.sc-ecl-modal-ec{flex-grow:1;margin-inline-end:var(--s-m)}.ecl-modal__button.sc-ecl-modal-ec:last-of-type{margin-inline-end:0}.ecl-modal__close.sc-ecl-modal-ec{margin-block-end:0;margin-block-start:-.5rem;margin-inline-end:-1rem;margin-inline-start:0}.ecl-modal__close.sc-ecl-modal-ec .ecl-button__icon.sc-ecl-modal-ec{margin:0}@media (min-width:768px){.ecl-modal__container.sc-ecl-modal-ec{margin-inline:var(--s-5xl)}.ecl-modal--full.sc-ecl-modal-ec .ecl-modal__footer-content.sc-ecl-modal-ec,.ecl-modal--l.sc-ecl-modal-ec .ecl-modal__footer-content.sc-ecl-modal-ec,.ecl-modal--m.sc-ecl-modal-ec .ecl-modal__footer-content.sc-ecl-modal-ec{justify-content:flex-end}.ecl-modal--full.sc-ecl-modal-ec .ecl-modal__button.sc-ecl-modal-ec,.ecl-modal--l.sc-ecl-modal-ec .ecl-modal__button.sc-ecl-modal-ec,.ecl-modal--m.sc-ecl-modal-ec .ecl-modal__button.sc-ecl-modal-ec{flex-grow:0}}.ecl-modal__body--has-scroll.sc-ecl-modal-ec .ecl-modal__body-scroll.sc-ecl-modal-ec{padding-block-end:1rem}.ecl-modal__body--has-scroll.sc-ecl-modal-ec .ecl-modal__body-overflow.sc-ecl-modal-ec{display:block}`;

const eclModalEuCss = () => `.ecl-container.sc-ecl-modal-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-modal-eu{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-modal-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-modal-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-modal-eu{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-modal-eu{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-modal-eu{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-modal-eu{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-modal-eu{max-width:100%;width:1368px}}.ecl-row.sc-ecl-modal-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-modal-eu{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-modal-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-modal-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-modal-eu{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-modal-eu{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-modal-eu>.ecl-col.sc-ecl-modal-eu,.ecl-no-gutters.sc-ecl-modal-eu>[class*=ecl-col-].sc-ecl-modal-eu{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-modal-eu,.ecl-col-10.sc-ecl-modal-eu,.ecl-col-11.sc-ecl-modal-eu,.ecl-col-12.sc-ecl-modal-eu,.ecl-col-2.sc-ecl-modal-eu,.ecl-col-3.sc-ecl-modal-eu,.ecl-col-4.sc-ecl-modal-eu,.ecl-col-5.sc-ecl-modal-eu,.ecl-col-6.sc-ecl-modal-eu,.ecl-col-7.sc-ecl-modal-eu,.ecl-col-8.sc-ecl-modal-eu,.ecl-col-9.sc-ecl-modal-eu,.ecl-col-l-1.sc-ecl-modal-eu,.ecl-col-l-10.sc-ecl-modal-eu,.ecl-col-l-11.sc-ecl-modal-eu,.ecl-col-l-12.sc-ecl-modal-eu,.ecl-col-l-2.sc-ecl-modal-eu,.ecl-col-l-3.sc-ecl-modal-eu,.ecl-col-l-4.sc-ecl-modal-eu,.ecl-col-l-5.sc-ecl-modal-eu,.ecl-col-l-6.sc-ecl-modal-eu,.ecl-col-l-7.sc-ecl-modal-eu,.ecl-col-l-8.sc-ecl-modal-eu,.ecl-col-l-9.sc-ecl-modal-eu,.ecl-col-m-1.sc-ecl-modal-eu,.ecl-col-m-10.sc-ecl-modal-eu,.ecl-col-m-11.sc-ecl-modal-eu,.ecl-col-m-12.sc-ecl-modal-eu,.ecl-col-m-2.sc-ecl-modal-eu,.ecl-col-m-3.sc-ecl-modal-eu,.ecl-col-m-4.sc-ecl-modal-eu,.ecl-col-m-5.sc-ecl-modal-eu,.ecl-col-m-6.sc-ecl-modal-eu,.ecl-col-m-7.sc-ecl-modal-eu,.ecl-col-m-8.sc-ecl-modal-eu,.ecl-col-m-9.sc-ecl-modal-eu,.ecl-col-s-1.sc-ecl-modal-eu,.ecl-col-s-10.sc-ecl-modal-eu,.ecl-col-s-11.sc-ecl-modal-eu,.ecl-col-s-12.sc-ecl-modal-eu,.ecl-col-s-2.sc-ecl-modal-eu,.ecl-col-s-3.sc-ecl-modal-eu,.ecl-col-s-4.sc-ecl-modal-eu,.ecl-col-s-5.sc-ecl-modal-eu,.ecl-col-s-6.sc-ecl-modal-eu,.ecl-col-s-7.sc-ecl-modal-eu,.ecl-col-s-8.sc-ecl-modal-eu,.ecl-col-s-9.sc-ecl-modal-eu,.ecl-col-xl-1.sc-ecl-modal-eu,.ecl-col-xl-10.sc-ecl-modal-eu,.ecl-col-xl-11.sc-ecl-modal-eu,.ecl-col-xl-12.sc-ecl-modal-eu,.ecl-col-xl-2.sc-ecl-modal-eu,.ecl-col-xl-3.sc-ecl-modal-eu,.ecl-col-xl-4.sc-ecl-modal-eu,.ecl-col-xl-5.sc-ecl-modal-eu,.ecl-col-xl-6.sc-ecl-modal-eu,.ecl-col-xl-7.sc-ecl-modal-eu,.ecl-col-xl-8.sc-ecl-modal-eu,.ecl-col-xl-9.sc-ecl-modal-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-modal-eu,.ecl-col-10.sc-ecl-modal-eu,.ecl-col-11.sc-ecl-modal-eu,.ecl-col-12.sc-ecl-modal-eu,.ecl-col-2.sc-ecl-modal-eu,.ecl-col-3.sc-ecl-modal-eu,.ecl-col-4.sc-ecl-modal-eu,.ecl-col-5.sc-ecl-modal-eu,.ecl-col-6.sc-ecl-modal-eu,.ecl-col-7.sc-ecl-modal-eu,.ecl-col-8.sc-ecl-modal-eu,.ecl-col-9.sc-ecl-modal-eu,.ecl-col-l-1.sc-ecl-modal-eu,.ecl-col-l-10.sc-ecl-modal-eu,.ecl-col-l-11.sc-ecl-modal-eu,.ecl-col-l-12.sc-ecl-modal-eu,.ecl-col-l-2.sc-ecl-modal-eu,.ecl-col-l-3.sc-ecl-modal-eu,.ecl-col-l-4.sc-ecl-modal-eu,.ecl-col-l-5.sc-ecl-modal-eu,.ecl-col-l-6.sc-ecl-modal-eu,.ecl-col-l-7.sc-ecl-modal-eu,.ecl-col-l-8.sc-ecl-modal-eu,.ecl-col-l-9.sc-ecl-modal-eu,.ecl-col-m-1.sc-ecl-modal-eu,.ecl-col-m-10.sc-ecl-modal-eu,.ecl-col-m-11.sc-ecl-modal-eu,.ecl-col-m-12.sc-ecl-modal-eu,.ecl-col-m-2.sc-ecl-modal-eu,.ecl-col-m-3.sc-ecl-modal-eu,.ecl-col-m-4.sc-ecl-modal-eu,.ecl-col-m-5.sc-ecl-modal-eu,.ecl-col-m-6.sc-ecl-modal-eu,.ecl-col-m-7.sc-ecl-modal-eu,.ecl-col-m-8.sc-ecl-modal-eu,.ecl-col-m-9.sc-ecl-modal-eu,.ecl-col-s-1.sc-ecl-modal-eu,.ecl-col-s-10.sc-ecl-modal-eu,.ecl-col-s-11.sc-ecl-modal-eu,.ecl-col-s-12.sc-ecl-modal-eu,.ecl-col-s-2.sc-ecl-modal-eu,.ecl-col-s-3.sc-ecl-modal-eu,.ecl-col-s-4.sc-ecl-modal-eu,.ecl-col-s-5.sc-ecl-modal-eu,.ecl-col-s-6.sc-ecl-modal-eu,.ecl-col-s-7.sc-ecl-modal-eu,.ecl-col-s-8.sc-ecl-modal-eu,.ecl-col-s-9.sc-ecl-modal-eu,.ecl-col-xl-1.sc-ecl-modal-eu,.ecl-col-xl-10.sc-ecl-modal-eu,.ecl-col-xl-11.sc-ecl-modal-eu,.ecl-col-xl-12.sc-ecl-modal-eu,.ecl-col-xl-2.sc-ecl-modal-eu,.ecl-col-xl-3.sc-ecl-modal-eu,.ecl-col-xl-4.sc-ecl-modal-eu,.ecl-col-xl-5.sc-ecl-modal-eu,.ecl-col-xl-6.sc-ecl-modal-eu,.ecl-col-xl-7.sc-ecl-modal-eu,.ecl-col-xl-8.sc-ecl-modal-eu,.ecl-col-xl-9.sc-ecl-modal-eu{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-modal-eu,.ecl-col-10.sc-ecl-modal-eu,.ecl-col-11.sc-ecl-modal-eu,.ecl-col-12.sc-ecl-modal-eu,.ecl-col-2.sc-ecl-modal-eu,.ecl-col-3.sc-ecl-modal-eu,.ecl-col-4.sc-ecl-modal-eu,.ecl-col-5.sc-ecl-modal-eu,.ecl-col-6.sc-ecl-modal-eu,.ecl-col-7.sc-ecl-modal-eu,.ecl-col-8.sc-ecl-modal-eu,.ecl-col-9.sc-ecl-modal-eu,.ecl-col-l-1.sc-ecl-modal-eu,.ecl-col-l-10.sc-ecl-modal-eu,.ecl-col-l-11.sc-ecl-modal-eu,.ecl-col-l-12.sc-ecl-modal-eu,.ecl-col-l-2.sc-ecl-modal-eu,.ecl-col-l-3.sc-ecl-modal-eu,.ecl-col-l-4.sc-ecl-modal-eu,.ecl-col-l-5.sc-ecl-modal-eu,.ecl-col-l-6.sc-ecl-modal-eu,.ecl-col-l-7.sc-ecl-modal-eu,.ecl-col-l-8.sc-ecl-modal-eu,.ecl-col-l-9.sc-ecl-modal-eu,.ecl-col-m-1.sc-ecl-modal-eu,.ecl-col-m-10.sc-ecl-modal-eu,.ecl-col-m-11.sc-ecl-modal-eu,.ecl-col-m-12.sc-ecl-modal-eu,.ecl-col-m-2.sc-ecl-modal-eu,.ecl-col-m-3.sc-ecl-modal-eu,.ecl-col-m-4.sc-ecl-modal-eu,.ecl-col-m-5.sc-ecl-modal-eu,.ecl-col-m-6.sc-ecl-modal-eu,.ecl-col-m-7.sc-ecl-modal-eu,.ecl-col-m-8.sc-ecl-modal-eu,.ecl-col-m-9.sc-ecl-modal-eu,.ecl-col-s-1.sc-ecl-modal-eu,.ecl-col-s-10.sc-ecl-modal-eu,.ecl-col-s-11.sc-ecl-modal-eu,.ecl-col-s-12.sc-ecl-modal-eu,.ecl-col-s-2.sc-ecl-modal-eu,.ecl-col-s-3.sc-ecl-modal-eu,.ecl-col-s-4.sc-ecl-modal-eu,.ecl-col-s-5.sc-ecl-modal-eu,.ecl-col-s-6.sc-ecl-modal-eu,.ecl-col-s-7.sc-ecl-modal-eu,.ecl-col-s-8.sc-ecl-modal-eu,.ecl-col-s-9.sc-ecl-modal-eu,.ecl-col-xl-1.sc-ecl-modal-eu,.ecl-col-xl-10.sc-ecl-modal-eu,.ecl-col-xl-11.sc-ecl-modal-eu,.ecl-col-xl-12.sc-ecl-modal-eu,.ecl-col-xl-2.sc-ecl-modal-eu,.ecl-col-xl-3.sc-ecl-modal-eu,.ecl-col-xl-4.sc-ecl-modal-eu,.ecl-col-xl-5.sc-ecl-modal-eu,.ecl-col-xl-6.sc-ecl-modal-eu,.ecl-col-xl-7.sc-ecl-modal-eu,.ecl-col-xl-8.sc-ecl-modal-eu,.ecl-col-xl-9.sc-ecl-modal-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-modal-eu,.ecl-col-10.sc-ecl-modal-eu,.ecl-col-11.sc-ecl-modal-eu,.ecl-col-12.sc-ecl-modal-eu,.ecl-col-2.sc-ecl-modal-eu,.ecl-col-3.sc-ecl-modal-eu,.ecl-col-4.sc-ecl-modal-eu,.ecl-col-5.sc-ecl-modal-eu,.ecl-col-6.sc-ecl-modal-eu,.ecl-col-7.sc-ecl-modal-eu,.ecl-col-8.sc-ecl-modal-eu,.ecl-col-9.sc-ecl-modal-eu,.ecl-col-l-1.sc-ecl-modal-eu,.ecl-col-l-10.sc-ecl-modal-eu,.ecl-col-l-11.sc-ecl-modal-eu,.ecl-col-l-12.sc-ecl-modal-eu,.ecl-col-l-2.sc-ecl-modal-eu,.ecl-col-l-3.sc-ecl-modal-eu,.ecl-col-l-4.sc-ecl-modal-eu,.ecl-col-l-5.sc-ecl-modal-eu,.ecl-col-l-6.sc-ecl-modal-eu,.ecl-col-l-7.sc-ecl-modal-eu,.ecl-col-l-8.sc-ecl-modal-eu,.ecl-col-l-9.sc-ecl-modal-eu,.ecl-col-m-1.sc-ecl-modal-eu,.ecl-col-m-10.sc-ecl-modal-eu,.ecl-col-m-11.sc-ecl-modal-eu,.ecl-col-m-12.sc-ecl-modal-eu,.ecl-col-m-2.sc-ecl-modal-eu,.ecl-col-m-3.sc-ecl-modal-eu,.ecl-col-m-4.sc-ecl-modal-eu,.ecl-col-m-5.sc-ecl-modal-eu,.ecl-col-m-6.sc-ecl-modal-eu,.ecl-col-m-7.sc-ecl-modal-eu,.ecl-col-m-8.sc-ecl-modal-eu,.ecl-col-m-9.sc-ecl-modal-eu,.ecl-col-s-1.sc-ecl-modal-eu,.ecl-col-s-10.sc-ecl-modal-eu,.ecl-col-s-11.sc-ecl-modal-eu,.ecl-col-s-12.sc-ecl-modal-eu,.ecl-col-s-2.sc-ecl-modal-eu,.ecl-col-s-3.sc-ecl-modal-eu,.ecl-col-s-4.sc-ecl-modal-eu,.ecl-col-s-5.sc-ecl-modal-eu,.ecl-col-s-6.sc-ecl-modal-eu,.ecl-col-s-7.sc-ecl-modal-eu,.ecl-col-s-8.sc-ecl-modal-eu,.ecl-col-s-9.sc-ecl-modal-eu,.ecl-col-xl-1.sc-ecl-modal-eu,.ecl-col-xl-10.sc-ecl-modal-eu,.ecl-col-xl-11.sc-ecl-modal-eu,.ecl-col-xl-12.sc-ecl-modal-eu,.ecl-col-xl-2.sc-ecl-modal-eu,.ecl-col-xl-3.sc-ecl-modal-eu,.ecl-col-xl-4.sc-ecl-modal-eu,.ecl-col-xl-5.sc-ecl-modal-eu,.ecl-col-xl-6.sc-ecl-modal-eu,.ecl-col-xl-7.sc-ecl-modal-eu,.ecl-col-xl-8.sc-ecl-modal-eu,.ecl-col-xl-9.sc-ecl-modal-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-modal-eu,.ecl-col-10.sc-ecl-modal-eu,.ecl-col-11.sc-ecl-modal-eu,.ecl-col-12.sc-ecl-modal-eu,.ecl-col-2.sc-ecl-modal-eu,.ecl-col-3.sc-ecl-modal-eu,.ecl-col-4.sc-ecl-modal-eu,.ecl-col-5.sc-ecl-modal-eu,.ecl-col-6.sc-ecl-modal-eu,.ecl-col-7.sc-ecl-modal-eu,.ecl-col-8.sc-ecl-modal-eu,.ecl-col-9.sc-ecl-modal-eu,.ecl-col-l-1.sc-ecl-modal-eu,.ecl-col-l-10.sc-ecl-modal-eu,.ecl-col-l-11.sc-ecl-modal-eu,.ecl-col-l-12.sc-ecl-modal-eu,.ecl-col-l-2.sc-ecl-modal-eu,.ecl-col-l-3.sc-ecl-modal-eu,.ecl-col-l-4.sc-ecl-modal-eu,.ecl-col-l-5.sc-ecl-modal-eu,.ecl-col-l-6.sc-ecl-modal-eu,.ecl-col-l-7.sc-ecl-modal-eu,.ecl-col-l-8.sc-ecl-modal-eu,.ecl-col-l-9.sc-ecl-modal-eu,.ecl-col-m-1.sc-ecl-modal-eu,.ecl-col-m-10.sc-ecl-modal-eu,.ecl-col-m-11.sc-ecl-modal-eu,.ecl-col-m-12.sc-ecl-modal-eu,.ecl-col-m-2.sc-ecl-modal-eu,.ecl-col-m-3.sc-ecl-modal-eu,.ecl-col-m-4.sc-ecl-modal-eu,.ecl-col-m-5.sc-ecl-modal-eu,.ecl-col-m-6.sc-ecl-modal-eu,.ecl-col-m-7.sc-ecl-modal-eu,.ecl-col-m-8.sc-ecl-modal-eu,.ecl-col-m-9.sc-ecl-modal-eu,.ecl-col-s-1.sc-ecl-modal-eu,.ecl-col-s-10.sc-ecl-modal-eu,.ecl-col-s-11.sc-ecl-modal-eu,.ecl-col-s-12.sc-ecl-modal-eu,.ecl-col-s-2.sc-ecl-modal-eu,.ecl-col-s-3.sc-ecl-modal-eu,.ecl-col-s-4.sc-ecl-modal-eu,.ecl-col-s-5.sc-ecl-modal-eu,.ecl-col-s-6.sc-ecl-modal-eu,.ecl-col-s-7.sc-ecl-modal-eu,.ecl-col-s-8.sc-ecl-modal-eu,.ecl-col-s-9.sc-ecl-modal-eu,.ecl-col-xl-1.sc-ecl-modal-eu,.ecl-col-xl-10.sc-ecl-modal-eu,.ecl-col-xl-11.sc-ecl-modal-eu,.ecl-col-xl-12.sc-ecl-modal-eu,.ecl-col-xl-2.sc-ecl-modal-eu,.ecl-col-xl-3.sc-ecl-modal-eu,.ecl-col-xl-4.sc-ecl-modal-eu,.ecl-col-xl-5.sc-ecl-modal-eu,.ecl-col-xl-6.sc-ecl-modal-eu,.ecl-col-xl-7.sc-ecl-modal-eu,.ecl-col-xl-8.sc-ecl-modal-eu,.ecl-col-xl-9.sc-ecl-modal-eu{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-modal-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-modal-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-modal-eu{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-modal-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-modal-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-modal-eu{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-modal-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-modal-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-modal-eu{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-modal-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-modal-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-modal-eu{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-modal-eu{right:auto}.ecl-pull-1.sc-ecl-modal-eu{right:8.3333333333%}.ecl-pull-2.sc-ecl-modal-eu{right:16.6666666667%}.ecl-pull-3.sc-ecl-modal-eu{right:25%}.ecl-pull-4.sc-ecl-modal-eu{right:33.3333333333%}.ecl-pull-5.sc-ecl-modal-eu{right:41.6666666667%}.ecl-pull-6.sc-ecl-modal-eu{right:50%}.ecl-pull-7.sc-ecl-modal-eu{right:58.3333333333%}.ecl-pull-8.sc-ecl-modal-eu{right:66.6666666667%}.ecl-pull-9.sc-ecl-modal-eu{right:75%}.ecl-pull-10.sc-ecl-modal-eu{right:83.3333333333%}.ecl-pull-11.sc-ecl-modal-eu{right:91.6666666667%}.ecl-pull-12.sc-ecl-modal-eu{right:100%}.ecl-push-0.sc-ecl-modal-eu{left:auto}.ecl-push-1.sc-ecl-modal-eu{left:8.3333333333%}.ecl-push-2.sc-ecl-modal-eu{left:16.6666666667%}.ecl-push-3.sc-ecl-modal-eu{left:25%}.ecl-push-4.sc-ecl-modal-eu{left:33.3333333333%}.ecl-push-5.sc-ecl-modal-eu{left:41.6666666667%}.ecl-push-6.sc-ecl-modal-eu{left:50%}.ecl-push-7.sc-ecl-modal-eu{left:58.3333333333%}.ecl-push-8.sc-ecl-modal-eu{left:66.6666666667%}.ecl-push-9.sc-ecl-modal-eu{left:75%}.ecl-push-10.sc-ecl-modal-eu{left:83.3333333333%}.ecl-push-11.sc-ecl-modal-eu{left:91.6666666667%}.ecl-push-12.sc-ecl-modal-eu{left:100%}.ecl-offset-1.sc-ecl-modal-eu{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-modal-eu{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-modal-eu{margin-inline-start:25%}.ecl-offset-4.sc-ecl-modal-eu{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-modal-eu{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-modal-eu{margin-inline-start:50%}.ecl-offset-7.sc-ecl-modal-eu{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-modal-eu{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-modal-eu{margin-inline-start:75%}.ecl-offset-10.sc-ecl-modal-eu{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-modal-eu{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-modal-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-modal-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-modal-eu{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-modal-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-modal-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-modal-eu{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-modal-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-modal-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-modal-eu{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-modal-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-modal-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-modal-eu{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-modal-eu{right:auto}.ecl-pull-s-1.sc-ecl-modal-eu{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-modal-eu{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-modal-eu{right:25%}.ecl-pull-s-4.sc-ecl-modal-eu{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-modal-eu{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-modal-eu{right:50%}.ecl-pull-s-7.sc-ecl-modal-eu{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-modal-eu{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-modal-eu{right:75%}.ecl-pull-s-10.sc-ecl-modal-eu{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-modal-eu{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-modal-eu{right:100%}.ecl-push-s-0.sc-ecl-modal-eu{left:auto}.ecl-push-s-1.sc-ecl-modal-eu{left:8.3333333333%}.ecl-push-s-2.sc-ecl-modal-eu{left:16.6666666667%}.ecl-push-s-3.sc-ecl-modal-eu{left:25%}.ecl-push-s-4.sc-ecl-modal-eu{left:33.3333333333%}.ecl-push-s-5.sc-ecl-modal-eu{left:41.6666666667%}.ecl-push-s-6.sc-ecl-modal-eu{left:50%}.ecl-push-s-7.sc-ecl-modal-eu{left:58.3333333333%}.ecl-push-s-8.sc-ecl-modal-eu{left:66.6666666667%}.ecl-push-s-9.sc-ecl-modal-eu{left:75%}.ecl-push-s-10.sc-ecl-modal-eu{left:83.3333333333%}.ecl-push-s-11.sc-ecl-modal-eu{left:91.6666666667%}.ecl-push-s-12.sc-ecl-modal-eu{left:100%}.ecl-offset-s-0.sc-ecl-modal-eu{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-modal-eu{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-modal-eu{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-modal-eu{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-modal-eu{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-modal-eu{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-modal-eu{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-modal-eu{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-modal-eu{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-modal-eu{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-modal-eu{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-modal-eu{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-modal-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-modal-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-modal-eu{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-modal-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-modal-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-modal-eu{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-modal-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-modal-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-modal-eu{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-modal-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-modal-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-modal-eu{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-modal-eu{right:auto}.ecl-pull-m-1.sc-ecl-modal-eu{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-modal-eu{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-modal-eu{right:25%}.ecl-pull-m-4.sc-ecl-modal-eu{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-modal-eu{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-modal-eu{right:50%}.ecl-pull-m-7.sc-ecl-modal-eu{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-modal-eu{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-modal-eu{right:75%}.ecl-pull-m-10.sc-ecl-modal-eu{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-modal-eu{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-modal-eu{right:100%}.ecl-push-m-0.sc-ecl-modal-eu{left:auto}.ecl-push-m-1.sc-ecl-modal-eu{left:8.3333333333%}.ecl-push-m-2.sc-ecl-modal-eu{left:16.6666666667%}.ecl-push-m-3.sc-ecl-modal-eu{left:25%}.ecl-push-m-4.sc-ecl-modal-eu{left:33.3333333333%}.ecl-push-m-5.sc-ecl-modal-eu{left:41.6666666667%}.ecl-push-m-6.sc-ecl-modal-eu{left:50%}.ecl-push-m-7.sc-ecl-modal-eu{left:58.3333333333%}.ecl-push-m-8.sc-ecl-modal-eu{left:66.6666666667%}.ecl-push-m-9.sc-ecl-modal-eu{left:75%}.ecl-push-m-10.sc-ecl-modal-eu{left:83.3333333333%}.ecl-push-m-11.sc-ecl-modal-eu{left:91.6666666667%}.ecl-push-m-12.sc-ecl-modal-eu{left:100%}.ecl-offset-m-0.sc-ecl-modal-eu{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-modal-eu{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-modal-eu{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-modal-eu{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-modal-eu{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-modal-eu{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-modal-eu{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-modal-eu{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-modal-eu{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-modal-eu{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-modal-eu{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-modal-eu{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-modal-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-modal-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-modal-eu{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-modal-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-modal-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-modal-eu{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-modal-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-modal-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-modal-eu{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-modal-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-modal-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-modal-eu{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-modal-eu{right:auto}.ecl-pull-l-1.sc-ecl-modal-eu{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-modal-eu{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-modal-eu{right:25%}.ecl-pull-l-4.sc-ecl-modal-eu{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-modal-eu{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-modal-eu{right:50%}.ecl-pull-l-7.sc-ecl-modal-eu{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-modal-eu{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-modal-eu{right:75%}.ecl-pull-l-10.sc-ecl-modal-eu{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-modal-eu{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-modal-eu{right:100%}.ecl-push-l-0.sc-ecl-modal-eu{left:auto}.ecl-push-l-1.sc-ecl-modal-eu{left:8.3333333333%}.ecl-push-l-2.sc-ecl-modal-eu{left:16.6666666667%}.ecl-push-l-3.sc-ecl-modal-eu{left:25%}.ecl-push-l-4.sc-ecl-modal-eu{left:33.3333333333%}.ecl-push-l-5.sc-ecl-modal-eu{left:41.6666666667%}.ecl-push-l-6.sc-ecl-modal-eu{left:50%}.ecl-push-l-7.sc-ecl-modal-eu{left:58.3333333333%}.ecl-push-l-8.sc-ecl-modal-eu{left:66.6666666667%}.ecl-push-l-9.sc-ecl-modal-eu{left:75%}.ecl-push-l-10.sc-ecl-modal-eu{left:83.3333333333%}.ecl-push-l-11.sc-ecl-modal-eu{left:91.6666666667%}.ecl-push-l-12.sc-ecl-modal-eu{left:100%}.ecl-offset-l-0.sc-ecl-modal-eu{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-modal-eu{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-modal-eu{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-modal-eu{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-modal-eu{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-modal-eu{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-modal-eu{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-modal-eu{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-modal-eu{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-modal-eu{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-modal-eu{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-modal-eu{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-modal-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-modal-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-modal-eu{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-modal-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-modal-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-modal-eu{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-modal-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-modal-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-modal-eu{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-modal-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-modal-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-modal-eu{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-modal-eu{right:auto}.ecl-pull-xl-1.sc-ecl-modal-eu{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-modal-eu{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-modal-eu{right:25%}.ecl-pull-xl-4.sc-ecl-modal-eu{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-modal-eu{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-modal-eu{right:50%}.ecl-pull-xl-7.sc-ecl-modal-eu{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-modal-eu{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-modal-eu{right:75%}.ecl-pull-xl-10.sc-ecl-modal-eu{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-modal-eu{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-modal-eu{right:100%}.ecl-push-xl-0.sc-ecl-modal-eu{left:auto}.ecl-push-xl-1.sc-ecl-modal-eu{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-modal-eu{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-modal-eu{left:25%}.ecl-push-xl-4.sc-ecl-modal-eu{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-modal-eu{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-modal-eu{left:50%}.ecl-push-xl-7.sc-ecl-modal-eu{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-modal-eu{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-modal-eu{left:75%}.ecl-push-xl-10.sc-ecl-modal-eu{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-modal-eu{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-modal-eu{left:100%}.ecl-offset-xl-0.sc-ecl-modal-eu{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-modal-eu{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-modal-eu{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-modal-eu{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-modal-eu{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-modal-eu{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-modal-eu{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-modal-eu{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-modal-eu{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-modal-eu{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-modal-eu{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-modal-eu{margin-inline-start:91.6666666667%}}.ecl-modal.sc-ecl-modal-eu{background-color:color-mix(in srgb,var(--c-p-140) 40%,transparent);border:none;color:var(--cm-on-surface-brand,var(--c-d));height:100%;left:0;margin:0;max-height:100%;max-width:100%;padding:0;position:fixed;top:0;width:100%;z-index:50}.ecl-modal[open].sc-ecl-modal-eu{display:block}.ecl-modal__container.sc-ecl-modal-eu{margin-inline:var(--s-m);position:relative;top:50%;transform:translateY(-50%)}.ecl-modal__content.sc-ecl-modal-eu{background-color:#fff;border-radius:4px;box-shadow:var(--sh-4);display:flex;flex-direction:column;font:var(--f-m);left:50%;margin:0;max-height:80vh;overflow:hidden;padding-block:var(--s-l);padding-inline:0;position:relative;transform:translateX(-50%);z-index:50}.ecl-modal__content.sc-ecl-modal-eu:dir(rtl){left:auto;right:50%;transform:translateX(50%)}.ecl-modal--s.sc-ecl-modal-eu .ecl-modal__content.sc-ecl-modal-eu{max-width:min(443px,100%)}.ecl-modal--m.sc-ecl-modal-eu .ecl-modal__content.sc-ecl-modal-eu{max-width:min(800px,100%)}.ecl-modal--l.sc-ecl-modal-eu .ecl-modal__content.sc-ecl-modal-eu{max-width:min(1008px,100%)}.ecl-modal--full.sc-ecl-modal-eu .ecl-modal__content.sc-ecl-modal-eu{height:80vh;max-height:none;max-width:100%}.ecl-modal__header.sc-ecl-modal-eu{align-items:flex-start;display:flex;font:var(--f-l);font-weight:400;margin-block-end:var(--s-m);padding-inline:var(--s-l)}.ecl-modal__header.sc-ecl-modal-eu:is(:last-child){margin-block-end:0}.ecl-modal__icon.sc-ecl-modal-eu{flex-shrink:0;height:2rem;margin-block-end:0;position:relative;width:2rem;z-index:2}.ecl-modal--information.sc-ecl-modal-eu .ecl-modal__icon.sc-ecl-modal-eu{color:var(--cm-on-surface-status-info,var(--c-in))}.ecl-modal--success.sc-ecl-modal-eu .ecl-modal__icon.sc-ecl-modal-eu{color:var(--cm-on-surface-status-success,var(--c-su))}.ecl-modal--warning.sc-ecl-modal-eu .ecl-modal__icon.sc-ecl-modal-eu{color:var(--cm-on-surface-status-warning,var(--c-wa))}.ecl-modal--error.sc-ecl-modal-eu .ecl-modal__icon.sc-ecl-modal-eu{color:var(--cm-on-surface-status-error,var(--c-er))}.ecl-modal__header-content.sc-ecl-modal-eu{align-items:flex-start}.ecl-modal__body.sc-ecl-modal-eu,.ecl-modal__header-content.sc-ecl-modal-eu{display:flex;flex-direction:column;flex-grow:1}.ecl-modal__body.sc-ecl-modal-eu{margin-block-end:var(--s-m);overflow:hidden;padding-inline:var(--s-l)}.ecl-modal__body.sc-ecl-modal-eu:has(.ecl-modal__body-fixed),.ecl-modal__body.sc-ecl-modal-eu:is(:last-child){margin-block-end:0}.ecl-modal__body-scroll.sc-ecl-modal-eu{overflow-y:auto}.ecl-modal__body-overflow.sc-ecl-modal-eu{background-image:linear-gradient(180deg,transparent,#fff);display:none;flex-shrink:0;height:1rem;left:0;margin-block-end:-1rem;pointer-events:none;position:relative;top:-1rem;width:100%}.ecl-modal__body-fixed.sc-ecl-modal-eu{border-block-start:none;margin-block-end:var(--s-m);padding-block-start:0}.ecl-modal__body-overflow.sc-ecl-modal-eu+.ecl-modal__body-fixed.sc-ecl-modal-eu{margin-block-start:var(--s-xs)}.ecl-modal__body-fixed.sc-ecl-modal-eu:is(:first-child){border-block-start:none;padding-block-start:0}.ecl-modal__body.sc-ecl-modal-eu:is(:last-child) .ecl-modal__body-fixed.sc-ecl-modal-eu{margin-block-end:0}.ecl-modal__footer.sc-ecl-modal-eu{margin-inline:var(--s-l);padding-block-start:0}.ecl-modal__footer.sc-ecl-modal-eu,.ecl-modal__header.sc-ecl-modal-eu+.ecl-modal__footer.sc-ecl-modal-eu{border-block-start:none}.ecl-modal__footer-content.sc-ecl-modal-eu{display:flex;flex-direction:row;justify-content:space-between}.ecl-modal__button.sc-ecl-modal-eu{flex-grow:1;margin-inline-end:var(--s-m)}.ecl-modal__button.sc-ecl-modal-eu:last-of-type{margin-inline-end:0}.ecl-modal__close.sc-ecl-modal-eu{margin-block-end:0;margin-block-start:-1rem;margin-inline-end:-1rem;margin-inline-start:0}.ecl-modal__close.sc-ecl-modal-eu .ecl-button__icon.sc-ecl-modal-eu{margin:0}@media (min-width:768px){.ecl-modal__container.sc-ecl-modal-eu{margin-inline:var(--s-3xl)}.ecl-modal--full.sc-ecl-modal-eu .ecl-modal__footer-content.sc-ecl-modal-eu,.ecl-modal--l.sc-ecl-modal-eu .ecl-modal__footer-content.sc-ecl-modal-eu,.ecl-modal--m.sc-ecl-modal-eu .ecl-modal__footer-content.sc-ecl-modal-eu{justify-content:flex-end}.ecl-modal--full.sc-ecl-modal-eu .ecl-modal__button.sc-ecl-modal-eu,.ecl-modal--l.sc-ecl-modal-eu .ecl-modal__button.sc-ecl-modal-eu,.ecl-modal--m.sc-ecl-modal-eu .ecl-modal__button.sc-ecl-modal-eu{flex-grow:0}}.ecl-modal__body--has-scroll.sc-ecl-modal-eu .ecl-modal__body-scroll.sc-ecl-modal-eu{padding-block-end:1rem}.ecl-modal__body--has-scroll.sc-ecl-modal-eu .ecl-modal__body-overflow.sc-ecl-modal-eu{display:block}`;

const EclModal = class {
    constructor(hostRef) {
        index$1.registerInstance(this, hostRef);
        this.variant = 'default';
        this.withBody = false;
        this.withBodyFixed = false;
        this.withHeader = false;
        this.noScript = false;
        this.withFooter = false;
        this.size = 'l';
    }
    getClass() {
        return [
            `ecl-modal`,
            `ecl-modal--${this.variant}`,
            `ecl-modal--${this.size}`,
            this.styleClass
        ].join(' ');
    }
    getContentClasses() {
        return this.size === 's' ? 'ecl-modal__content ecl-col-12' : 'ecl-modal__content ecl-col-m-10 ecl-col-l-8';
    }
    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.Modal = Modal;
            const modal = new Modal(this.el.firstElementChild);
            modal.init();
        }
    }
    render() {
        return (index$1.h("dialog", { key: 'c72aa6843f88f1ddf0446055455e83f3f95adbb6', class: this.getClass(), "data-ecl-modal-toggle": this.toggleId, id: this.itemId }, index$1.h("div", { key: '4876a18c0df0cda22f5dcc956994066080100c92', class: "ecl-modal__container ecl-container" }, index$1.h("div", { key: 'facfee6beaf2d71e1f75af2a5de95c5ddd2b00c7', class: this.getContentClasses() }, index$1.h("header", { key: '5d50d1ea5c22dd889e52d2b8b8002cb931546457', class: "ecl-modal__header" }, this.withHeader && this.variant !== 'default' ? (index$1.h("ecl-icon", { icon: this.variant, size: "m", styleClass: `ecl-modal__icon sc-ecl-modal-${this.theme}` })) : '', this.withHeader ? (index$1.h("div", { class: "ecl-modal__header-content" }, index$1.h("slot", { name: "header" }))) : '', index$1.h("ecl-button", { key: '80dbaf201e659017b661c40ee1fb956d8330e9cc', theme: this.theme, type: "button", variant: "tertiary", "hide-label": true, buttonStyle: "neutral", styleClass: `ecl-modal__close sc-ecl-modal-${this.theme}`, "data-ecl-modal-close": true }, this.closeLabel, index$1.h("ecl-icon", { key: 'cf47a23a53e349064573a26868dffaccdb01aac3', icon: "close", size: "s", slot: "icon-after", "style-class": `sc-ecl-modal-${this.theme}` }))), index$1.h("div", { key: 'f7c91109d40d3410d5b641b8ae7ef05b7440704e', class: "ecl-modal__body" }, this.withBody ?
            index$1.h("div", { class: "ecl-modal__body-scroll", "data-ecl-modal-scroll": true }, index$1.h("slot", { name: "body" })) : '', this.withBody ?
            index$1.h("div", { class: "ecl-modal__body-overflow", "aria-hidden": "true" }) : '', this.withBodyFixed ?
            index$1.h("div", { class: "ecl-modal__body-fixed" }, index$1.h("slot", { name: "body-fixed" })) : ''), this.withFooter ?
            index$1.h("footer", { class: "ecl-modal__footer" }, index$1.h("div", { class: "ecl-modal__footer-content" }, index$1.h("slot", { name: "footer" }))) : ''))));
    }
    get el() { return index$1.getElement(this); }
};
EclModal.style = {
    ec: eclModalEcCss(),
    eu: eclModalEuCss()
};

exports.ecl_modal = EclModal;
