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.closeSelector Selector for closing the notification
 * @param {Boolean} options.attachClickListener Whether or not to bind click events
 */
class Notification {
  /**
   * @static
   * Shorthand for instance creation and initialisation.
   *
   * @param {HTMLElement} root DOM element for component instantiation and scope
   *
   * @return {Notification} An instance of Notification.
   */
  static autoInit(root, { NOTIFICATION: defaultOptions = {} } = {}) {
    const notification = new Notification(root, defaultOptions);
    notification.init();
    root.ECLNotification = notification;
    return notification;
  }

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

  constructor(
    element,
    {
      closeSelector = '[data-ecl-notification-close]',
      attachClickListener = 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.closeSelector = closeSelector;
    this.attachClickListener = attachClickListener;

    // Private variables
    this.close = null;

    // Bind `this` for use in callbacks
    this.handleClickOnClose = this.handleClickOnClose.bind(this);
  }

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

    this.close = queryOne(this.closeSelector, this.element);

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

    // 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 Notification
   * @instance
   *
   * @example
   * // Registering a callback for the 'close' event
   * notification.on('onClose', (event) => {
   *   console.log('Close 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 Notification
   */
  trigger(eventName, eventData) {
    this.eventManager.trigger(eventName, eventData);
  }

  /**
   * Destroy component.
   */
  destroy() {
    if (this.attachClickListener && this.close) {
      this.close.removeEventListener('click', this.handleClickOnClose);
    }
    if (this.element) {
      this.element.removeAttribute('data-ecl-auto-initialized');
      ECL.components.delete(this.element);
    }
  }

  /**
   * Remove the notification component.
   *
   * @param {Event} e
   *
   * @fires Notification#onClose
   */
  handleClickOnClose(e) {
    // IE way to remove a node...
    if (this.element.parentNode) {
      this.element.parentNode.removeChild(this.element);
    }

    this.trigger('onClose', e);

    return this;
  }
}

const eclNotificationEcCss = () => `.ecl-container.sc-ecl-notification-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-notification-ec{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-notification-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-notification-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-notification-ec{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-notification-ec{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-notification-ec{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-notification-ec{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-notification-ec{max-width:100%;width:1368px}}.ecl-row.sc-ecl-notification-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-notification-ec{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-notification-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-notification-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-notification-ec{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-notification-ec{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-notification-ec>.ecl-col.sc-ecl-notification-ec,.ecl-no-gutters.sc-ecl-notification-ec>[class*=ecl-col-].sc-ecl-notification-ec{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-notification-ec,.ecl-col-10.sc-ecl-notification-ec,.ecl-col-11.sc-ecl-notification-ec,.ecl-col-12.sc-ecl-notification-ec,.ecl-col-2.sc-ecl-notification-ec,.ecl-col-3.sc-ecl-notification-ec,.ecl-col-4.sc-ecl-notification-ec,.ecl-col-5.sc-ecl-notification-ec,.ecl-col-6.sc-ecl-notification-ec,.ecl-col-7.sc-ecl-notification-ec,.ecl-col-8.sc-ecl-notification-ec,.ecl-col-9.sc-ecl-notification-ec,.ecl-col-l-1.sc-ecl-notification-ec,.ecl-col-l-10.sc-ecl-notification-ec,.ecl-col-l-11.sc-ecl-notification-ec,.ecl-col-l-12.sc-ecl-notification-ec,.ecl-col-l-2.sc-ecl-notification-ec,.ecl-col-l-3.sc-ecl-notification-ec,.ecl-col-l-4.sc-ecl-notification-ec,.ecl-col-l-5.sc-ecl-notification-ec,.ecl-col-l-6.sc-ecl-notification-ec,.ecl-col-l-7.sc-ecl-notification-ec,.ecl-col-l-8.sc-ecl-notification-ec,.ecl-col-l-9.sc-ecl-notification-ec,.ecl-col-m-1.sc-ecl-notification-ec,.ecl-col-m-10.sc-ecl-notification-ec,.ecl-col-m-11.sc-ecl-notification-ec,.ecl-col-m-12.sc-ecl-notification-ec,.ecl-col-m-2.sc-ecl-notification-ec,.ecl-col-m-3.sc-ecl-notification-ec,.ecl-col-m-4.sc-ecl-notification-ec,.ecl-col-m-5.sc-ecl-notification-ec,.ecl-col-m-6.sc-ecl-notification-ec,.ecl-col-m-7.sc-ecl-notification-ec,.ecl-col-m-8.sc-ecl-notification-ec,.ecl-col-m-9.sc-ecl-notification-ec,.ecl-col-s-1.sc-ecl-notification-ec,.ecl-col-s-10.sc-ecl-notification-ec,.ecl-col-s-11.sc-ecl-notification-ec,.ecl-col-s-12.sc-ecl-notification-ec,.ecl-col-s-2.sc-ecl-notification-ec,.ecl-col-s-3.sc-ecl-notification-ec,.ecl-col-s-4.sc-ecl-notification-ec,.ecl-col-s-5.sc-ecl-notification-ec,.ecl-col-s-6.sc-ecl-notification-ec,.ecl-col-s-7.sc-ecl-notification-ec,.ecl-col-s-8.sc-ecl-notification-ec,.ecl-col-s-9.sc-ecl-notification-ec,.ecl-col-xl-1.sc-ecl-notification-ec,.ecl-col-xl-10.sc-ecl-notification-ec,.ecl-col-xl-11.sc-ecl-notification-ec,.ecl-col-xl-12.sc-ecl-notification-ec,.ecl-col-xl-2.sc-ecl-notification-ec,.ecl-col-xl-3.sc-ecl-notification-ec,.ecl-col-xl-4.sc-ecl-notification-ec,.ecl-col-xl-5.sc-ecl-notification-ec,.ecl-col-xl-6.sc-ecl-notification-ec,.ecl-col-xl-7.sc-ecl-notification-ec,.ecl-col-xl-8.sc-ecl-notification-ec,.ecl-col-xl-9.sc-ecl-notification-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-notification-ec,.ecl-col-10.sc-ecl-notification-ec,.ecl-col-11.sc-ecl-notification-ec,.ecl-col-12.sc-ecl-notification-ec,.ecl-col-2.sc-ecl-notification-ec,.ecl-col-3.sc-ecl-notification-ec,.ecl-col-4.sc-ecl-notification-ec,.ecl-col-5.sc-ecl-notification-ec,.ecl-col-6.sc-ecl-notification-ec,.ecl-col-7.sc-ecl-notification-ec,.ecl-col-8.sc-ecl-notification-ec,.ecl-col-9.sc-ecl-notification-ec,.ecl-col-l-1.sc-ecl-notification-ec,.ecl-col-l-10.sc-ecl-notification-ec,.ecl-col-l-11.sc-ecl-notification-ec,.ecl-col-l-12.sc-ecl-notification-ec,.ecl-col-l-2.sc-ecl-notification-ec,.ecl-col-l-3.sc-ecl-notification-ec,.ecl-col-l-4.sc-ecl-notification-ec,.ecl-col-l-5.sc-ecl-notification-ec,.ecl-col-l-6.sc-ecl-notification-ec,.ecl-col-l-7.sc-ecl-notification-ec,.ecl-col-l-8.sc-ecl-notification-ec,.ecl-col-l-9.sc-ecl-notification-ec,.ecl-col-m-1.sc-ecl-notification-ec,.ecl-col-m-10.sc-ecl-notification-ec,.ecl-col-m-11.sc-ecl-notification-ec,.ecl-col-m-12.sc-ecl-notification-ec,.ecl-col-m-2.sc-ecl-notification-ec,.ecl-col-m-3.sc-ecl-notification-ec,.ecl-col-m-4.sc-ecl-notification-ec,.ecl-col-m-5.sc-ecl-notification-ec,.ecl-col-m-6.sc-ecl-notification-ec,.ecl-col-m-7.sc-ecl-notification-ec,.ecl-col-m-8.sc-ecl-notification-ec,.ecl-col-m-9.sc-ecl-notification-ec,.ecl-col-s-1.sc-ecl-notification-ec,.ecl-col-s-10.sc-ecl-notification-ec,.ecl-col-s-11.sc-ecl-notification-ec,.ecl-col-s-12.sc-ecl-notification-ec,.ecl-col-s-2.sc-ecl-notification-ec,.ecl-col-s-3.sc-ecl-notification-ec,.ecl-col-s-4.sc-ecl-notification-ec,.ecl-col-s-5.sc-ecl-notification-ec,.ecl-col-s-6.sc-ecl-notification-ec,.ecl-col-s-7.sc-ecl-notification-ec,.ecl-col-s-8.sc-ecl-notification-ec,.ecl-col-s-9.sc-ecl-notification-ec,.ecl-col-xl-1.sc-ecl-notification-ec,.ecl-col-xl-10.sc-ecl-notification-ec,.ecl-col-xl-11.sc-ecl-notification-ec,.ecl-col-xl-12.sc-ecl-notification-ec,.ecl-col-xl-2.sc-ecl-notification-ec,.ecl-col-xl-3.sc-ecl-notification-ec,.ecl-col-xl-4.sc-ecl-notification-ec,.ecl-col-xl-5.sc-ecl-notification-ec,.ecl-col-xl-6.sc-ecl-notification-ec,.ecl-col-xl-7.sc-ecl-notification-ec,.ecl-col-xl-8.sc-ecl-notification-ec,.ecl-col-xl-9.sc-ecl-notification-ec{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-notification-ec,.ecl-col-10.sc-ecl-notification-ec,.ecl-col-11.sc-ecl-notification-ec,.ecl-col-12.sc-ecl-notification-ec,.ecl-col-2.sc-ecl-notification-ec,.ecl-col-3.sc-ecl-notification-ec,.ecl-col-4.sc-ecl-notification-ec,.ecl-col-5.sc-ecl-notification-ec,.ecl-col-6.sc-ecl-notification-ec,.ecl-col-7.sc-ecl-notification-ec,.ecl-col-8.sc-ecl-notification-ec,.ecl-col-9.sc-ecl-notification-ec,.ecl-col-l-1.sc-ecl-notification-ec,.ecl-col-l-10.sc-ecl-notification-ec,.ecl-col-l-11.sc-ecl-notification-ec,.ecl-col-l-12.sc-ecl-notification-ec,.ecl-col-l-2.sc-ecl-notification-ec,.ecl-col-l-3.sc-ecl-notification-ec,.ecl-col-l-4.sc-ecl-notification-ec,.ecl-col-l-5.sc-ecl-notification-ec,.ecl-col-l-6.sc-ecl-notification-ec,.ecl-col-l-7.sc-ecl-notification-ec,.ecl-col-l-8.sc-ecl-notification-ec,.ecl-col-l-9.sc-ecl-notification-ec,.ecl-col-m-1.sc-ecl-notification-ec,.ecl-col-m-10.sc-ecl-notification-ec,.ecl-col-m-11.sc-ecl-notification-ec,.ecl-col-m-12.sc-ecl-notification-ec,.ecl-col-m-2.sc-ecl-notification-ec,.ecl-col-m-3.sc-ecl-notification-ec,.ecl-col-m-4.sc-ecl-notification-ec,.ecl-col-m-5.sc-ecl-notification-ec,.ecl-col-m-6.sc-ecl-notification-ec,.ecl-col-m-7.sc-ecl-notification-ec,.ecl-col-m-8.sc-ecl-notification-ec,.ecl-col-m-9.sc-ecl-notification-ec,.ecl-col-s-1.sc-ecl-notification-ec,.ecl-col-s-10.sc-ecl-notification-ec,.ecl-col-s-11.sc-ecl-notification-ec,.ecl-col-s-12.sc-ecl-notification-ec,.ecl-col-s-2.sc-ecl-notification-ec,.ecl-col-s-3.sc-ecl-notification-ec,.ecl-col-s-4.sc-ecl-notification-ec,.ecl-col-s-5.sc-ecl-notification-ec,.ecl-col-s-6.sc-ecl-notification-ec,.ecl-col-s-7.sc-ecl-notification-ec,.ecl-col-s-8.sc-ecl-notification-ec,.ecl-col-s-9.sc-ecl-notification-ec,.ecl-col-xl-1.sc-ecl-notification-ec,.ecl-col-xl-10.sc-ecl-notification-ec,.ecl-col-xl-11.sc-ecl-notification-ec,.ecl-col-xl-12.sc-ecl-notification-ec,.ecl-col-xl-2.sc-ecl-notification-ec,.ecl-col-xl-3.sc-ecl-notification-ec,.ecl-col-xl-4.sc-ecl-notification-ec,.ecl-col-xl-5.sc-ecl-notification-ec,.ecl-col-xl-6.sc-ecl-notification-ec,.ecl-col-xl-7.sc-ecl-notification-ec,.ecl-col-xl-8.sc-ecl-notification-ec,.ecl-col-xl-9.sc-ecl-notification-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-notification-ec,.ecl-col-10.sc-ecl-notification-ec,.ecl-col-11.sc-ecl-notification-ec,.ecl-col-12.sc-ecl-notification-ec,.ecl-col-2.sc-ecl-notification-ec,.ecl-col-3.sc-ecl-notification-ec,.ecl-col-4.sc-ecl-notification-ec,.ecl-col-5.sc-ecl-notification-ec,.ecl-col-6.sc-ecl-notification-ec,.ecl-col-7.sc-ecl-notification-ec,.ecl-col-8.sc-ecl-notification-ec,.ecl-col-9.sc-ecl-notification-ec,.ecl-col-l-1.sc-ecl-notification-ec,.ecl-col-l-10.sc-ecl-notification-ec,.ecl-col-l-11.sc-ecl-notification-ec,.ecl-col-l-12.sc-ecl-notification-ec,.ecl-col-l-2.sc-ecl-notification-ec,.ecl-col-l-3.sc-ecl-notification-ec,.ecl-col-l-4.sc-ecl-notification-ec,.ecl-col-l-5.sc-ecl-notification-ec,.ecl-col-l-6.sc-ecl-notification-ec,.ecl-col-l-7.sc-ecl-notification-ec,.ecl-col-l-8.sc-ecl-notification-ec,.ecl-col-l-9.sc-ecl-notification-ec,.ecl-col-m-1.sc-ecl-notification-ec,.ecl-col-m-10.sc-ecl-notification-ec,.ecl-col-m-11.sc-ecl-notification-ec,.ecl-col-m-12.sc-ecl-notification-ec,.ecl-col-m-2.sc-ecl-notification-ec,.ecl-col-m-3.sc-ecl-notification-ec,.ecl-col-m-4.sc-ecl-notification-ec,.ecl-col-m-5.sc-ecl-notification-ec,.ecl-col-m-6.sc-ecl-notification-ec,.ecl-col-m-7.sc-ecl-notification-ec,.ecl-col-m-8.sc-ecl-notification-ec,.ecl-col-m-9.sc-ecl-notification-ec,.ecl-col-s-1.sc-ecl-notification-ec,.ecl-col-s-10.sc-ecl-notification-ec,.ecl-col-s-11.sc-ecl-notification-ec,.ecl-col-s-12.sc-ecl-notification-ec,.ecl-col-s-2.sc-ecl-notification-ec,.ecl-col-s-3.sc-ecl-notification-ec,.ecl-col-s-4.sc-ecl-notification-ec,.ecl-col-s-5.sc-ecl-notification-ec,.ecl-col-s-6.sc-ecl-notification-ec,.ecl-col-s-7.sc-ecl-notification-ec,.ecl-col-s-8.sc-ecl-notification-ec,.ecl-col-s-9.sc-ecl-notification-ec,.ecl-col-xl-1.sc-ecl-notification-ec,.ecl-col-xl-10.sc-ecl-notification-ec,.ecl-col-xl-11.sc-ecl-notification-ec,.ecl-col-xl-12.sc-ecl-notification-ec,.ecl-col-xl-2.sc-ecl-notification-ec,.ecl-col-xl-3.sc-ecl-notification-ec,.ecl-col-xl-4.sc-ecl-notification-ec,.ecl-col-xl-5.sc-ecl-notification-ec,.ecl-col-xl-6.sc-ecl-notification-ec,.ecl-col-xl-7.sc-ecl-notification-ec,.ecl-col-xl-8.sc-ecl-notification-ec,.ecl-col-xl-9.sc-ecl-notification-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-notification-ec,.ecl-col-10.sc-ecl-notification-ec,.ecl-col-11.sc-ecl-notification-ec,.ecl-col-12.sc-ecl-notification-ec,.ecl-col-2.sc-ecl-notification-ec,.ecl-col-3.sc-ecl-notification-ec,.ecl-col-4.sc-ecl-notification-ec,.ecl-col-5.sc-ecl-notification-ec,.ecl-col-6.sc-ecl-notification-ec,.ecl-col-7.sc-ecl-notification-ec,.ecl-col-8.sc-ecl-notification-ec,.ecl-col-9.sc-ecl-notification-ec,.ecl-col-l-1.sc-ecl-notification-ec,.ecl-col-l-10.sc-ecl-notification-ec,.ecl-col-l-11.sc-ecl-notification-ec,.ecl-col-l-12.sc-ecl-notification-ec,.ecl-col-l-2.sc-ecl-notification-ec,.ecl-col-l-3.sc-ecl-notification-ec,.ecl-col-l-4.sc-ecl-notification-ec,.ecl-col-l-5.sc-ecl-notification-ec,.ecl-col-l-6.sc-ecl-notification-ec,.ecl-col-l-7.sc-ecl-notification-ec,.ecl-col-l-8.sc-ecl-notification-ec,.ecl-col-l-9.sc-ecl-notification-ec,.ecl-col-m-1.sc-ecl-notification-ec,.ecl-col-m-10.sc-ecl-notification-ec,.ecl-col-m-11.sc-ecl-notification-ec,.ecl-col-m-12.sc-ecl-notification-ec,.ecl-col-m-2.sc-ecl-notification-ec,.ecl-col-m-3.sc-ecl-notification-ec,.ecl-col-m-4.sc-ecl-notification-ec,.ecl-col-m-5.sc-ecl-notification-ec,.ecl-col-m-6.sc-ecl-notification-ec,.ecl-col-m-7.sc-ecl-notification-ec,.ecl-col-m-8.sc-ecl-notification-ec,.ecl-col-m-9.sc-ecl-notification-ec,.ecl-col-s-1.sc-ecl-notification-ec,.ecl-col-s-10.sc-ecl-notification-ec,.ecl-col-s-11.sc-ecl-notification-ec,.ecl-col-s-12.sc-ecl-notification-ec,.ecl-col-s-2.sc-ecl-notification-ec,.ecl-col-s-3.sc-ecl-notification-ec,.ecl-col-s-4.sc-ecl-notification-ec,.ecl-col-s-5.sc-ecl-notification-ec,.ecl-col-s-6.sc-ecl-notification-ec,.ecl-col-s-7.sc-ecl-notification-ec,.ecl-col-s-8.sc-ecl-notification-ec,.ecl-col-s-9.sc-ecl-notification-ec,.ecl-col-xl-1.sc-ecl-notification-ec,.ecl-col-xl-10.sc-ecl-notification-ec,.ecl-col-xl-11.sc-ecl-notification-ec,.ecl-col-xl-12.sc-ecl-notification-ec,.ecl-col-xl-2.sc-ecl-notification-ec,.ecl-col-xl-3.sc-ecl-notification-ec,.ecl-col-xl-4.sc-ecl-notification-ec,.ecl-col-xl-5.sc-ecl-notification-ec,.ecl-col-xl-6.sc-ecl-notification-ec,.ecl-col-xl-7.sc-ecl-notification-ec,.ecl-col-xl-8.sc-ecl-notification-ec,.ecl-col-xl-9.sc-ecl-notification-ec{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-notification-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-notification-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-notification-ec{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-notification-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-notification-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-notification-ec{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-notification-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-notification-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-notification-ec{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-notification-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-notification-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-notification-ec{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-notification-ec{right:auto}.ecl-pull-1.sc-ecl-notification-ec{right:8.3333333333%}.ecl-pull-2.sc-ecl-notification-ec{right:16.6666666667%}.ecl-pull-3.sc-ecl-notification-ec{right:25%}.ecl-pull-4.sc-ecl-notification-ec{right:33.3333333333%}.ecl-pull-5.sc-ecl-notification-ec{right:41.6666666667%}.ecl-pull-6.sc-ecl-notification-ec{right:50%}.ecl-pull-7.sc-ecl-notification-ec{right:58.3333333333%}.ecl-pull-8.sc-ecl-notification-ec{right:66.6666666667%}.ecl-pull-9.sc-ecl-notification-ec{right:75%}.ecl-pull-10.sc-ecl-notification-ec{right:83.3333333333%}.ecl-pull-11.sc-ecl-notification-ec{right:91.6666666667%}.ecl-pull-12.sc-ecl-notification-ec{right:100%}.ecl-push-0.sc-ecl-notification-ec{left:auto}.ecl-push-1.sc-ecl-notification-ec{left:8.3333333333%}.ecl-push-2.sc-ecl-notification-ec{left:16.6666666667%}.ecl-push-3.sc-ecl-notification-ec{left:25%}.ecl-push-4.sc-ecl-notification-ec{left:33.3333333333%}.ecl-push-5.sc-ecl-notification-ec{left:41.6666666667%}.ecl-push-6.sc-ecl-notification-ec{left:50%}.ecl-push-7.sc-ecl-notification-ec{left:58.3333333333%}.ecl-push-8.sc-ecl-notification-ec{left:66.6666666667%}.ecl-push-9.sc-ecl-notification-ec{left:75%}.ecl-push-10.sc-ecl-notification-ec{left:83.3333333333%}.ecl-push-11.sc-ecl-notification-ec{left:91.6666666667%}.ecl-push-12.sc-ecl-notification-ec{left:100%}.ecl-offset-1.sc-ecl-notification-ec{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-notification-ec{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-notification-ec{margin-inline-start:25%}.ecl-offset-4.sc-ecl-notification-ec{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-notification-ec{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-notification-ec{margin-inline-start:50%}.ecl-offset-7.sc-ecl-notification-ec{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-notification-ec{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-notification-ec{margin-inline-start:75%}.ecl-offset-10.sc-ecl-notification-ec{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-notification-ec{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-notification-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-notification-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-notification-ec{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-notification-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-notification-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-notification-ec{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-notification-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-notification-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-notification-ec{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-notification-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-notification-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-notification-ec{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-notification-ec{right:auto}.ecl-pull-s-1.sc-ecl-notification-ec{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-notification-ec{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-notification-ec{right:25%}.ecl-pull-s-4.sc-ecl-notification-ec{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-notification-ec{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-notification-ec{right:50%}.ecl-pull-s-7.sc-ecl-notification-ec{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-notification-ec{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-notification-ec{right:75%}.ecl-pull-s-10.sc-ecl-notification-ec{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-notification-ec{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-notification-ec{right:100%}.ecl-push-s-0.sc-ecl-notification-ec{left:auto}.ecl-push-s-1.sc-ecl-notification-ec{left:8.3333333333%}.ecl-push-s-2.sc-ecl-notification-ec{left:16.6666666667%}.ecl-push-s-3.sc-ecl-notification-ec{left:25%}.ecl-push-s-4.sc-ecl-notification-ec{left:33.3333333333%}.ecl-push-s-5.sc-ecl-notification-ec{left:41.6666666667%}.ecl-push-s-6.sc-ecl-notification-ec{left:50%}.ecl-push-s-7.sc-ecl-notification-ec{left:58.3333333333%}.ecl-push-s-8.sc-ecl-notification-ec{left:66.6666666667%}.ecl-push-s-9.sc-ecl-notification-ec{left:75%}.ecl-push-s-10.sc-ecl-notification-ec{left:83.3333333333%}.ecl-push-s-11.sc-ecl-notification-ec{left:91.6666666667%}.ecl-push-s-12.sc-ecl-notification-ec{left:100%}.ecl-offset-s-0.sc-ecl-notification-ec{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-notification-ec{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-notification-ec{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-notification-ec{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-notification-ec{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-notification-ec{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-notification-ec{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-notification-ec{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-notification-ec{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-notification-ec{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-notification-ec{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-notification-ec{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-notification-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-notification-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-notification-ec{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-notification-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-notification-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-notification-ec{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-notification-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-notification-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-notification-ec{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-notification-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-notification-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-notification-ec{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-notification-ec{right:auto}.ecl-pull-m-1.sc-ecl-notification-ec{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-notification-ec{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-notification-ec{right:25%}.ecl-pull-m-4.sc-ecl-notification-ec{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-notification-ec{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-notification-ec{right:50%}.ecl-pull-m-7.sc-ecl-notification-ec{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-notification-ec{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-notification-ec{right:75%}.ecl-pull-m-10.sc-ecl-notification-ec{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-notification-ec{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-notification-ec{right:100%}.ecl-push-m-0.sc-ecl-notification-ec{left:auto}.ecl-push-m-1.sc-ecl-notification-ec{left:8.3333333333%}.ecl-push-m-2.sc-ecl-notification-ec{left:16.6666666667%}.ecl-push-m-3.sc-ecl-notification-ec{left:25%}.ecl-push-m-4.sc-ecl-notification-ec{left:33.3333333333%}.ecl-push-m-5.sc-ecl-notification-ec{left:41.6666666667%}.ecl-push-m-6.sc-ecl-notification-ec{left:50%}.ecl-push-m-7.sc-ecl-notification-ec{left:58.3333333333%}.ecl-push-m-8.sc-ecl-notification-ec{left:66.6666666667%}.ecl-push-m-9.sc-ecl-notification-ec{left:75%}.ecl-push-m-10.sc-ecl-notification-ec{left:83.3333333333%}.ecl-push-m-11.sc-ecl-notification-ec{left:91.6666666667%}.ecl-push-m-12.sc-ecl-notification-ec{left:100%}.ecl-offset-m-0.sc-ecl-notification-ec{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-notification-ec{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-notification-ec{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-notification-ec{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-notification-ec{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-notification-ec{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-notification-ec{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-notification-ec{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-notification-ec{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-notification-ec{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-notification-ec{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-notification-ec{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-notification-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-notification-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-notification-ec{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-notification-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-notification-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-notification-ec{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-notification-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-notification-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-notification-ec{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-notification-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-notification-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-notification-ec{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-notification-ec{right:auto}.ecl-pull-l-1.sc-ecl-notification-ec{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-notification-ec{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-notification-ec{right:25%}.ecl-pull-l-4.sc-ecl-notification-ec{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-notification-ec{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-notification-ec{right:50%}.ecl-pull-l-7.sc-ecl-notification-ec{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-notification-ec{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-notification-ec{right:75%}.ecl-pull-l-10.sc-ecl-notification-ec{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-notification-ec{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-notification-ec{right:100%}.ecl-push-l-0.sc-ecl-notification-ec{left:auto}.ecl-push-l-1.sc-ecl-notification-ec{left:8.3333333333%}.ecl-push-l-2.sc-ecl-notification-ec{left:16.6666666667%}.ecl-push-l-3.sc-ecl-notification-ec{left:25%}.ecl-push-l-4.sc-ecl-notification-ec{left:33.3333333333%}.ecl-push-l-5.sc-ecl-notification-ec{left:41.6666666667%}.ecl-push-l-6.sc-ecl-notification-ec{left:50%}.ecl-push-l-7.sc-ecl-notification-ec{left:58.3333333333%}.ecl-push-l-8.sc-ecl-notification-ec{left:66.6666666667%}.ecl-push-l-9.sc-ecl-notification-ec{left:75%}.ecl-push-l-10.sc-ecl-notification-ec{left:83.3333333333%}.ecl-push-l-11.sc-ecl-notification-ec{left:91.6666666667%}.ecl-push-l-12.sc-ecl-notification-ec{left:100%}.ecl-offset-l-0.sc-ecl-notification-ec{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-notification-ec{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-notification-ec{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-notification-ec{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-notification-ec{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-notification-ec{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-notification-ec{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-notification-ec{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-notification-ec{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-notification-ec{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-notification-ec{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-notification-ec{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-notification-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-notification-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-notification-ec{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-notification-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-notification-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-notification-ec{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-notification-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-notification-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-notification-ec{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-notification-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-notification-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-notification-ec{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-notification-ec{right:auto}.ecl-pull-xl-1.sc-ecl-notification-ec{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-notification-ec{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-notification-ec{right:25%}.ecl-pull-xl-4.sc-ecl-notification-ec{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-notification-ec{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-notification-ec{right:50%}.ecl-pull-xl-7.sc-ecl-notification-ec{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-notification-ec{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-notification-ec{right:75%}.ecl-pull-xl-10.sc-ecl-notification-ec{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-notification-ec{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-notification-ec{right:100%}.ecl-push-xl-0.sc-ecl-notification-ec{left:auto}.ecl-push-xl-1.sc-ecl-notification-ec{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-notification-ec{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-notification-ec{left:25%}.ecl-push-xl-4.sc-ecl-notification-ec{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-notification-ec{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-notification-ec{left:50%}.ecl-push-xl-7.sc-ecl-notification-ec{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-notification-ec{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-notification-ec{left:75%}.ecl-push-xl-10.sc-ecl-notification-ec{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-notification-ec{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-notification-ec{left:100%}.ecl-offset-xl-0.sc-ecl-notification-ec{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-notification-ec{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-notification-ec{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-notification-ec{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-notification-ec{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-notification-ec{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-notification-ec{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-notification-ec{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-notification-ec{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-notification-ec{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-notification-ec{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-notification-ec{margin-inline-start:91.6666666667%}}.ecl-notification.sc-ecl-notification-ec{border:0 solid transparent;border-radius:4px 0 0 4px;box-sizing:border-box;color:var(--cm-on-surface-brand);display:flex;font-family:Inter,arial,sans-serif;font-size:var(--fs-xs);line-height:var(--lh-xs);margin:0;padding-bottom:var(--s-m);padding-inline-end:var(--s-11xl);padding-inline-start:var(--s-s);padding-top:var(--s-m);position:relative}@media (min-width:480px){.ecl-notification.sc-ecl-notification-ec{font-size:var(--fs-s);line-height:var(--lh-s)}}.ecl-notification__icon.sc-ecl-notification-ec{flex-shrink:0;margin-inline-end:var(--s-s)}.ecl-notification__content.sc-ecl-notification-ec{width:100%}.ecl-notification__title.sc-ecl-notification-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-xs);font-weight:600;grid-column-start:1;line-height:var(--lh-xs);margin-bottom:0;max-width:var(--max-w)}@media (min-width:480px){.ecl-notification__title.sc-ecl-notification-ec{font-size:var(--fs-s);line-height:var(--lh-s)}}.ecl-notification__description.sc-ecl-notification-ec{margin:0;max-width:var(--max-w)}.ecl-notification__link-item.sc-ecl-notification-ec{color:var(--cm-on-surface-brand)}.ecl-notification__link-item.sc-ecl-notification-ec:hover{color:var(--cm-on-surface-grey)}.ecl-notification__close.sc-ecl-notification-ec{color:var(--cm-on-surface-brand);position:absolute;right:var(--s-s);top:var(--s-s)}.no-js.sc-ecl-notification-ec .ecl-notification__close.sc-ecl-notification-ec{display:none}.ecl-notification__close.sc-ecl-notification-ec:dir(rtl){left:var(--s-s);right:auto}@media (min-width:768px){.ecl-notification.sc-ecl-notification-ec{padding-bottom:var(--s-m);padding-inline-end:var(--s-11xl);padding-inline-start:var(--s-s);padding-top:var(--s-m)}.ecl-notification__icon.sc-ecl-notification-ec{margin-inline-end:var(--s-s)}.ecl-notification__description.sc-ecl-notification-ec{margin-bottom:0;padding-bottom:0}}.ecl-notification--info.sc-ecl-notification-ec{background:var(--cm-surface-status-info-lowest);border-color:transparent;border-inline-start:4px solid var(--cm-border-status-info)}.ecl-notification--info.sc-ecl-notification-ec .ecl-notification__icon.sc-ecl-notification-ec{fill:var(--cm-on-surface-status-info)}.ecl-notification--success.sc-ecl-notification-ec{background:var(--cm-surface-status-success-lowest);border-color:transparent;border-inline-start:4px solid var(--cm-border-status-success)}.ecl-notification--success.sc-ecl-notification-ec .ecl-notification__icon.sc-ecl-notification-ec{fill:var(--cm-on-surface-status-success)}.ecl-notification--warning.sc-ecl-notification-ec{background:var(--cm-surface-status-warning-lowest);border-color:transparent;border-inline-start:4px solid var(--cm-border-status-warning)}.ecl-notification--warning.sc-ecl-notification-ec .ecl-notification__icon.sc-ecl-notification-ec{fill:var(--cm-on-surface-status-warning)}.ecl-notification--error.sc-ecl-notification-ec{background:var(--cm-surface-status-error-lowest);border-color:transparent;border-inline-start:4px solid var(--cm-border-status-error)}.ecl-notification--error.sc-ecl-notification-ec .ecl-notification__icon.sc-ecl-notification-ec{fill:var(--cm-on-surface-status-error)}`;

const eclNotificationEuCss = () => `.ecl-container.sc-ecl-notification-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-notification-eu{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-notification-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-notification-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-notification-eu{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-notification-eu{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-notification-eu{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-notification-eu{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-notification-eu{max-width:100%;width:1368px}}.ecl-row.sc-ecl-notification-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-notification-eu{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-notification-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-notification-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-notification-eu{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-notification-eu{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-notification-eu>.ecl-col.sc-ecl-notification-eu,.ecl-no-gutters.sc-ecl-notification-eu>[class*=ecl-col-].sc-ecl-notification-eu{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-notification-eu,.ecl-col-10.sc-ecl-notification-eu,.ecl-col-11.sc-ecl-notification-eu,.ecl-col-12.sc-ecl-notification-eu,.ecl-col-2.sc-ecl-notification-eu,.ecl-col-3.sc-ecl-notification-eu,.ecl-col-4.sc-ecl-notification-eu,.ecl-col-5.sc-ecl-notification-eu,.ecl-col-6.sc-ecl-notification-eu,.ecl-col-7.sc-ecl-notification-eu,.ecl-col-8.sc-ecl-notification-eu,.ecl-col-9.sc-ecl-notification-eu,.ecl-col-l-1.sc-ecl-notification-eu,.ecl-col-l-10.sc-ecl-notification-eu,.ecl-col-l-11.sc-ecl-notification-eu,.ecl-col-l-12.sc-ecl-notification-eu,.ecl-col-l-2.sc-ecl-notification-eu,.ecl-col-l-3.sc-ecl-notification-eu,.ecl-col-l-4.sc-ecl-notification-eu,.ecl-col-l-5.sc-ecl-notification-eu,.ecl-col-l-6.sc-ecl-notification-eu,.ecl-col-l-7.sc-ecl-notification-eu,.ecl-col-l-8.sc-ecl-notification-eu,.ecl-col-l-9.sc-ecl-notification-eu,.ecl-col-m-1.sc-ecl-notification-eu,.ecl-col-m-10.sc-ecl-notification-eu,.ecl-col-m-11.sc-ecl-notification-eu,.ecl-col-m-12.sc-ecl-notification-eu,.ecl-col-m-2.sc-ecl-notification-eu,.ecl-col-m-3.sc-ecl-notification-eu,.ecl-col-m-4.sc-ecl-notification-eu,.ecl-col-m-5.sc-ecl-notification-eu,.ecl-col-m-6.sc-ecl-notification-eu,.ecl-col-m-7.sc-ecl-notification-eu,.ecl-col-m-8.sc-ecl-notification-eu,.ecl-col-m-9.sc-ecl-notification-eu,.ecl-col-s-1.sc-ecl-notification-eu,.ecl-col-s-10.sc-ecl-notification-eu,.ecl-col-s-11.sc-ecl-notification-eu,.ecl-col-s-12.sc-ecl-notification-eu,.ecl-col-s-2.sc-ecl-notification-eu,.ecl-col-s-3.sc-ecl-notification-eu,.ecl-col-s-4.sc-ecl-notification-eu,.ecl-col-s-5.sc-ecl-notification-eu,.ecl-col-s-6.sc-ecl-notification-eu,.ecl-col-s-7.sc-ecl-notification-eu,.ecl-col-s-8.sc-ecl-notification-eu,.ecl-col-s-9.sc-ecl-notification-eu,.ecl-col-xl-1.sc-ecl-notification-eu,.ecl-col-xl-10.sc-ecl-notification-eu,.ecl-col-xl-11.sc-ecl-notification-eu,.ecl-col-xl-12.sc-ecl-notification-eu,.ecl-col-xl-2.sc-ecl-notification-eu,.ecl-col-xl-3.sc-ecl-notification-eu,.ecl-col-xl-4.sc-ecl-notification-eu,.ecl-col-xl-5.sc-ecl-notification-eu,.ecl-col-xl-6.sc-ecl-notification-eu,.ecl-col-xl-7.sc-ecl-notification-eu,.ecl-col-xl-8.sc-ecl-notification-eu,.ecl-col-xl-9.sc-ecl-notification-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-notification-eu,.ecl-col-10.sc-ecl-notification-eu,.ecl-col-11.sc-ecl-notification-eu,.ecl-col-12.sc-ecl-notification-eu,.ecl-col-2.sc-ecl-notification-eu,.ecl-col-3.sc-ecl-notification-eu,.ecl-col-4.sc-ecl-notification-eu,.ecl-col-5.sc-ecl-notification-eu,.ecl-col-6.sc-ecl-notification-eu,.ecl-col-7.sc-ecl-notification-eu,.ecl-col-8.sc-ecl-notification-eu,.ecl-col-9.sc-ecl-notification-eu,.ecl-col-l-1.sc-ecl-notification-eu,.ecl-col-l-10.sc-ecl-notification-eu,.ecl-col-l-11.sc-ecl-notification-eu,.ecl-col-l-12.sc-ecl-notification-eu,.ecl-col-l-2.sc-ecl-notification-eu,.ecl-col-l-3.sc-ecl-notification-eu,.ecl-col-l-4.sc-ecl-notification-eu,.ecl-col-l-5.sc-ecl-notification-eu,.ecl-col-l-6.sc-ecl-notification-eu,.ecl-col-l-7.sc-ecl-notification-eu,.ecl-col-l-8.sc-ecl-notification-eu,.ecl-col-l-9.sc-ecl-notification-eu,.ecl-col-m-1.sc-ecl-notification-eu,.ecl-col-m-10.sc-ecl-notification-eu,.ecl-col-m-11.sc-ecl-notification-eu,.ecl-col-m-12.sc-ecl-notification-eu,.ecl-col-m-2.sc-ecl-notification-eu,.ecl-col-m-3.sc-ecl-notification-eu,.ecl-col-m-4.sc-ecl-notification-eu,.ecl-col-m-5.sc-ecl-notification-eu,.ecl-col-m-6.sc-ecl-notification-eu,.ecl-col-m-7.sc-ecl-notification-eu,.ecl-col-m-8.sc-ecl-notification-eu,.ecl-col-m-9.sc-ecl-notification-eu,.ecl-col-s-1.sc-ecl-notification-eu,.ecl-col-s-10.sc-ecl-notification-eu,.ecl-col-s-11.sc-ecl-notification-eu,.ecl-col-s-12.sc-ecl-notification-eu,.ecl-col-s-2.sc-ecl-notification-eu,.ecl-col-s-3.sc-ecl-notification-eu,.ecl-col-s-4.sc-ecl-notification-eu,.ecl-col-s-5.sc-ecl-notification-eu,.ecl-col-s-6.sc-ecl-notification-eu,.ecl-col-s-7.sc-ecl-notification-eu,.ecl-col-s-8.sc-ecl-notification-eu,.ecl-col-s-9.sc-ecl-notification-eu,.ecl-col-xl-1.sc-ecl-notification-eu,.ecl-col-xl-10.sc-ecl-notification-eu,.ecl-col-xl-11.sc-ecl-notification-eu,.ecl-col-xl-12.sc-ecl-notification-eu,.ecl-col-xl-2.sc-ecl-notification-eu,.ecl-col-xl-3.sc-ecl-notification-eu,.ecl-col-xl-4.sc-ecl-notification-eu,.ecl-col-xl-5.sc-ecl-notification-eu,.ecl-col-xl-6.sc-ecl-notification-eu,.ecl-col-xl-7.sc-ecl-notification-eu,.ecl-col-xl-8.sc-ecl-notification-eu,.ecl-col-xl-9.sc-ecl-notification-eu{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-notification-eu,.ecl-col-10.sc-ecl-notification-eu,.ecl-col-11.sc-ecl-notification-eu,.ecl-col-12.sc-ecl-notification-eu,.ecl-col-2.sc-ecl-notification-eu,.ecl-col-3.sc-ecl-notification-eu,.ecl-col-4.sc-ecl-notification-eu,.ecl-col-5.sc-ecl-notification-eu,.ecl-col-6.sc-ecl-notification-eu,.ecl-col-7.sc-ecl-notification-eu,.ecl-col-8.sc-ecl-notification-eu,.ecl-col-9.sc-ecl-notification-eu,.ecl-col-l-1.sc-ecl-notification-eu,.ecl-col-l-10.sc-ecl-notification-eu,.ecl-col-l-11.sc-ecl-notification-eu,.ecl-col-l-12.sc-ecl-notification-eu,.ecl-col-l-2.sc-ecl-notification-eu,.ecl-col-l-3.sc-ecl-notification-eu,.ecl-col-l-4.sc-ecl-notification-eu,.ecl-col-l-5.sc-ecl-notification-eu,.ecl-col-l-6.sc-ecl-notification-eu,.ecl-col-l-7.sc-ecl-notification-eu,.ecl-col-l-8.sc-ecl-notification-eu,.ecl-col-l-9.sc-ecl-notification-eu,.ecl-col-m-1.sc-ecl-notification-eu,.ecl-col-m-10.sc-ecl-notification-eu,.ecl-col-m-11.sc-ecl-notification-eu,.ecl-col-m-12.sc-ecl-notification-eu,.ecl-col-m-2.sc-ecl-notification-eu,.ecl-col-m-3.sc-ecl-notification-eu,.ecl-col-m-4.sc-ecl-notification-eu,.ecl-col-m-5.sc-ecl-notification-eu,.ecl-col-m-6.sc-ecl-notification-eu,.ecl-col-m-7.sc-ecl-notification-eu,.ecl-col-m-8.sc-ecl-notification-eu,.ecl-col-m-9.sc-ecl-notification-eu,.ecl-col-s-1.sc-ecl-notification-eu,.ecl-col-s-10.sc-ecl-notification-eu,.ecl-col-s-11.sc-ecl-notification-eu,.ecl-col-s-12.sc-ecl-notification-eu,.ecl-col-s-2.sc-ecl-notification-eu,.ecl-col-s-3.sc-ecl-notification-eu,.ecl-col-s-4.sc-ecl-notification-eu,.ecl-col-s-5.sc-ecl-notification-eu,.ecl-col-s-6.sc-ecl-notification-eu,.ecl-col-s-7.sc-ecl-notification-eu,.ecl-col-s-8.sc-ecl-notification-eu,.ecl-col-s-9.sc-ecl-notification-eu,.ecl-col-xl-1.sc-ecl-notification-eu,.ecl-col-xl-10.sc-ecl-notification-eu,.ecl-col-xl-11.sc-ecl-notification-eu,.ecl-col-xl-12.sc-ecl-notification-eu,.ecl-col-xl-2.sc-ecl-notification-eu,.ecl-col-xl-3.sc-ecl-notification-eu,.ecl-col-xl-4.sc-ecl-notification-eu,.ecl-col-xl-5.sc-ecl-notification-eu,.ecl-col-xl-6.sc-ecl-notification-eu,.ecl-col-xl-7.sc-ecl-notification-eu,.ecl-col-xl-8.sc-ecl-notification-eu,.ecl-col-xl-9.sc-ecl-notification-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-notification-eu,.ecl-col-10.sc-ecl-notification-eu,.ecl-col-11.sc-ecl-notification-eu,.ecl-col-12.sc-ecl-notification-eu,.ecl-col-2.sc-ecl-notification-eu,.ecl-col-3.sc-ecl-notification-eu,.ecl-col-4.sc-ecl-notification-eu,.ecl-col-5.sc-ecl-notification-eu,.ecl-col-6.sc-ecl-notification-eu,.ecl-col-7.sc-ecl-notification-eu,.ecl-col-8.sc-ecl-notification-eu,.ecl-col-9.sc-ecl-notification-eu,.ecl-col-l-1.sc-ecl-notification-eu,.ecl-col-l-10.sc-ecl-notification-eu,.ecl-col-l-11.sc-ecl-notification-eu,.ecl-col-l-12.sc-ecl-notification-eu,.ecl-col-l-2.sc-ecl-notification-eu,.ecl-col-l-3.sc-ecl-notification-eu,.ecl-col-l-4.sc-ecl-notification-eu,.ecl-col-l-5.sc-ecl-notification-eu,.ecl-col-l-6.sc-ecl-notification-eu,.ecl-col-l-7.sc-ecl-notification-eu,.ecl-col-l-8.sc-ecl-notification-eu,.ecl-col-l-9.sc-ecl-notification-eu,.ecl-col-m-1.sc-ecl-notification-eu,.ecl-col-m-10.sc-ecl-notification-eu,.ecl-col-m-11.sc-ecl-notification-eu,.ecl-col-m-12.sc-ecl-notification-eu,.ecl-col-m-2.sc-ecl-notification-eu,.ecl-col-m-3.sc-ecl-notification-eu,.ecl-col-m-4.sc-ecl-notification-eu,.ecl-col-m-5.sc-ecl-notification-eu,.ecl-col-m-6.sc-ecl-notification-eu,.ecl-col-m-7.sc-ecl-notification-eu,.ecl-col-m-8.sc-ecl-notification-eu,.ecl-col-m-9.sc-ecl-notification-eu,.ecl-col-s-1.sc-ecl-notification-eu,.ecl-col-s-10.sc-ecl-notification-eu,.ecl-col-s-11.sc-ecl-notification-eu,.ecl-col-s-12.sc-ecl-notification-eu,.ecl-col-s-2.sc-ecl-notification-eu,.ecl-col-s-3.sc-ecl-notification-eu,.ecl-col-s-4.sc-ecl-notification-eu,.ecl-col-s-5.sc-ecl-notification-eu,.ecl-col-s-6.sc-ecl-notification-eu,.ecl-col-s-7.sc-ecl-notification-eu,.ecl-col-s-8.sc-ecl-notification-eu,.ecl-col-s-9.sc-ecl-notification-eu,.ecl-col-xl-1.sc-ecl-notification-eu,.ecl-col-xl-10.sc-ecl-notification-eu,.ecl-col-xl-11.sc-ecl-notification-eu,.ecl-col-xl-12.sc-ecl-notification-eu,.ecl-col-xl-2.sc-ecl-notification-eu,.ecl-col-xl-3.sc-ecl-notification-eu,.ecl-col-xl-4.sc-ecl-notification-eu,.ecl-col-xl-5.sc-ecl-notification-eu,.ecl-col-xl-6.sc-ecl-notification-eu,.ecl-col-xl-7.sc-ecl-notification-eu,.ecl-col-xl-8.sc-ecl-notification-eu,.ecl-col-xl-9.sc-ecl-notification-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-notification-eu,.ecl-col-10.sc-ecl-notification-eu,.ecl-col-11.sc-ecl-notification-eu,.ecl-col-12.sc-ecl-notification-eu,.ecl-col-2.sc-ecl-notification-eu,.ecl-col-3.sc-ecl-notification-eu,.ecl-col-4.sc-ecl-notification-eu,.ecl-col-5.sc-ecl-notification-eu,.ecl-col-6.sc-ecl-notification-eu,.ecl-col-7.sc-ecl-notification-eu,.ecl-col-8.sc-ecl-notification-eu,.ecl-col-9.sc-ecl-notification-eu,.ecl-col-l-1.sc-ecl-notification-eu,.ecl-col-l-10.sc-ecl-notification-eu,.ecl-col-l-11.sc-ecl-notification-eu,.ecl-col-l-12.sc-ecl-notification-eu,.ecl-col-l-2.sc-ecl-notification-eu,.ecl-col-l-3.sc-ecl-notification-eu,.ecl-col-l-4.sc-ecl-notification-eu,.ecl-col-l-5.sc-ecl-notification-eu,.ecl-col-l-6.sc-ecl-notification-eu,.ecl-col-l-7.sc-ecl-notification-eu,.ecl-col-l-8.sc-ecl-notification-eu,.ecl-col-l-9.sc-ecl-notification-eu,.ecl-col-m-1.sc-ecl-notification-eu,.ecl-col-m-10.sc-ecl-notification-eu,.ecl-col-m-11.sc-ecl-notification-eu,.ecl-col-m-12.sc-ecl-notification-eu,.ecl-col-m-2.sc-ecl-notification-eu,.ecl-col-m-3.sc-ecl-notification-eu,.ecl-col-m-4.sc-ecl-notification-eu,.ecl-col-m-5.sc-ecl-notification-eu,.ecl-col-m-6.sc-ecl-notification-eu,.ecl-col-m-7.sc-ecl-notification-eu,.ecl-col-m-8.sc-ecl-notification-eu,.ecl-col-m-9.sc-ecl-notification-eu,.ecl-col-s-1.sc-ecl-notification-eu,.ecl-col-s-10.sc-ecl-notification-eu,.ecl-col-s-11.sc-ecl-notification-eu,.ecl-col-s-12.sc-ecl-notification-eu,.ecl-col-s-2.sc-ecl-notification-eu,.ecl-col-s-3.sc-ecl-notification-eu,.ecl-col-s-4.sc-ecl-notification-eu,.ecl-col-s-5.sc-ecl-notification-eu,.ecl-col-s-6.sc-ecl-notification-eu,.ecl-col-s-7.sc-ecl-notification-eu,.ecl-col-s-8.sc-ecl-notification-eu,.ecl-col-s-9.sc-ecl-notification-eu,.ecl-col-xl-1.sc-ecl-notification-eu,.ecl-col-xl-10.sc-ecl-notification-eu,.ecl-col-xl-11.sc-ecl-notification-eu,.ecl-col-xl-12.sc-ecl-notification-eu,.ecl-col-xl-2.sc-ecl-notification-eu,.ecl-col-xl-3.sc-ecl-notification-eu,.ecl-col-xl-4.sc-ecl-notification-eu,.ecl-col-xl-5.sc-ecl-notification-eu,.ecl-col-xl-6.sc-ecl-notification-eu,.ecl-col-xl-7.sc-ecl-notification-eu,.ecl-col-xl-8.sc-ecl-notification-eu,.ecl-col-xl-9.sc-ecl-notification-eu{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-notification-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-notification-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-notification-eu{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-notification-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-notification-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-notification-eu{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-notification-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-notification-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-notification-eu{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-notification-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-notification-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-notification-eu{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-notification-eu{right:auto}.ecl-pull-1.sc-ecl-notification-eu{right:8.3333333333%}.ecl-pull-2.sc-ecl-notification-eu{right:16.6666666667%}.ecl-pull-3.sc-ecl-notification-eu{right:25%}.ecl-pull-4.sc-ecl-notification-eu{right:33.3333333333%}.ecl-pull-5.sc-ecl-notification-eu{right:41.6666666667%}.ecl-pull-6.sc-ecl-notification-eu{right:50%}.ecl-pull-7.sc-ecl-notification-eu{right:58.3333333333%}.ecl-pull-8.sc-ecl-notification-eu{right:66.6666666667%}.ecl-pull-9.sc-ecl-notification-eu{right:75%}.ecl-pull-10.sc-ecl-notification-eu{right:83.3333333333%}.ecl-pull-11.sc-ecl-notification-eu{right:91.6666666667%}.ecl-pull-12.sc-ecl-notification-eu{right:100%}.ecl-push-0.sc-ecl-notification-eu{left:auto}.ecl-push-1.sc-ecl-notification-eu{left:8.3333333333%}.ecl-push-2.sc-ecl-notification-eu{left:16.6666666667%}.ecl-push-3.sc-ecl-notification-eu{left:25%}.ecl-push-4.sc-ecl-notification-eu{left:33.3333333333%}.ecl-push-5.sc-ecl-notification-eu{left:41.6666666667%}.ecl-push-6.sc-ecl-notification-eu{left:50%}.ecl-push-7.sc-ecl-notification-eu{left:58.3333333333%}.ecl-push-8.sc-ecl-notification-eu{left:66.6666666667%}.ecl-push-9.sc-ecl-notification-eu{left:75%}.ecl-push-10.sc-ecl-notification-eu{left:83.3333333333%}.ecl-push-11.sc-ecl-notification-eu{left:91.6666666667%}.ecl-push-12.sc-ecl-notification-eu{left:100%}.ecl-offset-1.sc-ecl-notification-eu{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-notification-eu{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-notification-eu{margin-inline-start:25%}.ecl-offset-4.sc-ecl-notification-eu{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-notification-eu{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-notification-eu{margin-inline-start:50%}.ecl-offset-7.sc-ecl-notification-eu{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-notification-eu{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-notification-eu{margin-inline-start:75%}.ecl-offset-10.sc-ecl-notification-eu{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-notification-eu{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-notification-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-notification-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-notification-eu{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-notification-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-notification-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-notification-eu{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-notification-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-notification-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-notification-eu{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-notification-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-notification-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-notification-eu{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-notification-eu{right:auto}.ecl-pull-s-1.sc-ecl-notification-eu{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-notification-eu{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-notification-eu{right:25%}.ecl-pull-s-4.sc-ecl-notification-eu{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-notification-eu{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-notification-eu{right:50%}.ecl-pull-s-7.sc-ecl-notification-eu{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-notification-eu{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-notification-eu{right:75%}.ecl-pull-s-10.sc-ecl-notification-eu{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-notification-eu{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-notification-eu{right:100%}.ecl-push-s-0.sc-ecl-notification-eu{left:auto}.ecl-push-s-1.sc-ecl-notification-eu{left:8.3333333333%}.ecl-push-s-2.sc-ecl-notification-eu{left:16.6666666667%}.ecl-push-s-3.sc-ecl-notification-eu{left:25%}.ecl-push-s-4.sc-ecl-notification-eu{left:33.3333333333%}.ecl-push-s-5.sc-ecl-notification-eu{left:41.6666666667%}.ecl-push-s-6.sc-ecl-notification-eu{left:50%}.ecl-push-s-7.sc-ecl-notification-eu{left:58.3333333333%}.ecl-push-s-8.sc-ecl-notification-eu{left:66.6666666667%}.ecl-push-s-9.sc-ecl-notification-eu{left:75%}.ecl-push-s-10.sc-ecl-notification-eu{left:83.3333333333%}.ecl-push-s-11.sc-ecl-notification-eu{left:91.6666666667%}.ecl-push-s-12.sc-ecl-notification-eu{left:100%}.ecl-offset-s-0.sc-ecl-notification-eu{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-notification-eu{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-notification-eu{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-notification-eu{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-notification-eu{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-notification-eu{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-notification-eu{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-notification-eu{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-notification-eu{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-notification-eu{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-notification-eu{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-notification-eu{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-notification-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-notification-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-notification-eu{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-notification-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-notification-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-notification-eu{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-notification-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-notification-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-notification-eu{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-notification-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-notification-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-notification-eu{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-notification-eu{right:auto}.ecl-pull-m-1.sc-ecl-notification-eu{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-notification-eu{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-notification-eu{right:25%}.ecl-pull-m-4.sc-ecl-notification-eu{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-notification-eu{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-notification-eu{right:50%}.ecl-pull-m-7.sc-ecl-notification-eu{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-notification-eu{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-notification-eu{right:75%}.ecl-pull-m-10.sc-ecl-notification-eu{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-notification-eu{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-notification-eu{right:100%}.ecl-push-m-0.sc-ecl-notification-eu{left:auto}.ecl-push-m-1.sc-ecl-notification-eu{left:8.3333333333%}.ecl-push-m-2.sc-ecl-notification-eu{left:16.6666666667%}.ecl-push-m-3.sc-ecl-notification-eu{left:25%}.ecl-push-m-4.sc-ecl-notification-eu{left:33.3333333333%}.ecl-push-m-5.sc-ecl-notification-eu{left:41.6666666667%}.ecl-push-m-6.sc-ecl-notification-eu{left:50%}.ecl-push-m-7.sc-ecl-notification-eu{left:58.3333333333%}.ecl-push-m-8.sc-ecl-notification-eu{left:66.6666666667%}.ecl-push-m-9.sc-ecl-notification-eu{left:75%}.ecl-push-m-10.sc-ecl-notification-eu{left:83.3333333333%}.ecl-push-m-11.sc-ecl-notification-eu{left:91.6666666667%}.ecl-push-m-12.sc-ecl-notification-eu{left:100%}.ecl-offset-m-0.sc-ecl-notification-eu{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-notification-eu{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-notification-eu{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-notification-eu{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-notification-eu{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-notification-eu{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-notification-eu{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-notification-eu{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-notification-eu{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-notification-eu{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-notification-eu{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-notification-eu{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-notification-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-notification-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-notification-eu{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-notification-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-notification-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-notification-eu{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-notification-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-notification-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-notification-eu{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-notification-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-notification-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-notification-eu{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-notification-eu{right:auto}.ecl-pull-l-1.sc-ecl-notification-eu{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-notification-eu{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-notification-eu{right:25%}.ecl-pull-l-4.sc-ecl-notification-eu{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-notification-eu{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-notification-eu{right:50%}.ecl-pull-l-7.sc-ecl-notification-eu{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-notification-eu{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-notification-eu{right:75%}.ecl-pull-l-10.sc-ecl-notification-eu{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-notification-eu{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-notification-eu{right:100%}.ecl-push-l-0.sc-ecl-notification-eu{left:auto}.ecl-push-l-1.sc-ecl-notification-eu{left:8.3333333333%}.ecl-push-l-2.sc-ecl-notification-eu{left:16.6666666667%}.ecl-push-l-3.sc-ecl-notification-eu{left:25%}.ecl-push-l-4.sc-ecl-notification-eu{left:33.3333333333%}.ecl-push-l-5.sc-ecl-notification-eu{left:41.6666666667%}.ecl-push-l-6.sc-ecl-notification-eu{left:50%}.ecl-push-l-7.sc-ecl-notification-eu{left:58.3333333333%}.ecl-push-l-8.sc-ecl-notification-eu{left:66.6666666667%}.ecl-push-l-9.sc-ecl-notification-eu{left:75%}.ecl-push-l-10.sc-ecl-notification-eu{left:83.3333333333%}.ecl-push-l-11.sc-ecl-notification-eu{left:91.6666666667%}.ecl-push-l-12.sc-ecl-notification-eu{left:100%}.ecl-offset-l-0.sc-ecl-notification-eu{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-notification-eu{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-notification-eu{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-notification-eu{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-notification-eu{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-notification-eu{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-notification-eu{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-notification-eu{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-notification-eu{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-notification-eu{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-notification-eu{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-notification-eu{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-notification-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-notification-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-notification-eu{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-notification-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-notification-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-notification-eu{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-notification-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-notification-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-notification-eu{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-notification-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-notification-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-notification-eu{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-notification-eu{right:auto}.ecl-pull-xl-1.sc-ecl-notification-eu{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-notification-eu{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-notification-eu{right:25%}.ecl-pull-xl-4.sc-ecl-notification-eu{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-notification-eu{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-notification-eu{right:50%}.ecl-pull-xl-7.sc-ecl-notification-eu{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-notification-eu{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-notification-eu{right:75%}.ecl-pull-xl-10.sc-ecl-notification-eu{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-notification-eu{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-notification-eu{right:100%}.ecl-push-xl-0.sc-ecl-notification-eu{left:auto}.ecl-push-xl-1.sc-ecl-notification-eu{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-notification-eu{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-notification-eu{left:25%}.ecl-push-xl-4.sc-ecl-notification-eu{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-notification-eu{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-notification-eu{left:50%}.ecl-push-xl-7.sc-ecl-notification-eu{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-notification-eu{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-notification-eu{left:75%}.ecl-push-xl-10.sc-ecl-notification-eu{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-notification-eu{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-notification-eu{left:100%}.ecl-offset-xl-0.sc-ecl-notification-eu{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-notification-eu{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-notification-eu{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-notification-eu{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-notification-eu{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-notification-eu{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-notification-eu{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-notification-eu{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-notification-eu{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-notification-eu{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-notification-eu{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-notification-eu{margin-inline-start:91.6666666667%}}.ecl-notification.sc-ecl-notification-eu{border:1px solid transparent;border-radius:4px;box-sizing:border-box;color:var(--c-d);display:flex;font:var(--f-p-m);margin:0;padding-bottom:var(--s-m);padding-inline-end:var(--s-4xl);padding-inline-start:var(--s-s);padding-top:var(--s-m);position:relative}.ecl-notification__icon.sc-ecl-notification-eu{flex-shrink:0;margin-inline-end:var(--s-xs)}.ecl-notification__content.sc-ecl-notification-eu{width:100%}.ecl-notification__title.sc-ecl-notification-eu{font:var(--f-p-l);grid-column-start:1;margin-bottom:0;max-width:var(--max-w)}.ecl-notification__description.sc-ecl-notification-eu{margin:0;max-width:var(--max-w)}.ecl-notification__link-item.sc-ecl-notification-eu{color:var(--c-p)}.ecl-notification__link-item.sc-ecl-notification-eu:hover{color:var(--c-p-160)}.ecl-notification__close.sc-ecl-notification-eu{color:var(--c-d);position:absolute;right:var(--s-m);top:var(--s-m)}.no-js.sc-ecl-notification-eu .ecl-notification__close.sc-ecl-notification-eu{display:none}.ecl-notification__close.sc-ecl-notification-eu:dir(rtl){left:var(--s-m);right:auto}@media (min-width:768px){.ecl-notification.sc-ecl-notification-eu{padding-bottom:var(--s-l);padding-inline-end:var(--s-4xl);padding-inline-start:var(--s-l);padding-top:var(--s-l)}.ecl-notification__icon.sc-ecl-notification-eu{margin-inline-end:var(--s-m)}.ecl-notification__description.sc-ecl-notification-eu{margin-bottom:0;padding-bottom:0}}.ecl-notification--info.sc-ecl-notification-eu{background:var(--c-in-5);border-color:var(--c-in);border-inline-start:4px solid var(--c-in)}.ecl-notification--info.sc-ecl-notification-eu .ecl-notification__icon.sc-ecl-notification-eu{fill:var(--c-in)}.ecl-notification--success.sc-ecl-notification-eu{background:var(--c-su-5);border-color:var(--c-su);border-inline-start:4px solid var(--c-su)}.ecl-notification--success.sc-ecl-notification-eu .ecl-notification__icon.sc-ecl-notification-eu{fill:var(--c-su)}.ecl-notification--warning.sc-ecl-notification-eu{background:var(--c-wa-5);border-color:var(--c-wa);border-inline-start:4px solid var(--c-wa)}.ecl-notification--warning.sc-ecl-notification-eu .ecl-notification__icon.sc-ecl-notification-eu{fill:var(--c-wa)}.ecl-notification--error.sc-ecl-notification-eu{background:var(--c-er-5);border-color:var(--c-er);border-inline-start:4px solid var(--c-er)}.ecl-notification--error.sc-ecl-notification-eu .ecl-notification__icon.sc-ecl-notification-eu{fill:var(--c-er)}`;

const EclNotification = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.variant = 'info';
        this.noScript = false;
        this.withClose = true;
    }
    getClass() {
        return [
            `ecl-notification`,
            `ecl-notification--${this.getVariant()}`,
            this.styleClass
        ].join(' ');
    }
    getVariant() {
        return this.variant === 'information' ? 'info' : this.variant;
    }
    componentWillLoad() {
        var _a;
        this.theme = (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
    }
    componentDidLoad() {
        const links = document.querySelectorAll('[slot="notification-link"]');
        if (links.length > 0) {
            links.forEach((link) => {
                const wrapper = document.createElement('div');
                wrapper.classList.add('ecl-notification__link', `sc-ecl-notification-${this.theme}`);
                link.firstElementChild.classList.add(`ecl-notification__link`, `sc-ecl-notification-${this.theme}`);
                link.parentNode.insertBefore(wrapper, link);
                wrapper.appendChild(link);
            });
        }
        if (!this.noScript) {
            window.ECL = window.ECL || {};
            ECL.Notification = Notification;
            const notification = new Notification(this.el.firstElementChild);
            notification.init();
        }
    }
    render() {
        return (h("div", { key: '61e27f7d03fcffa6aa487c22ca3006de9493ea9a', class: this.getClass(), "data-ecl-notification": true, role: "alert" }, h("ecl-icon", { key: '01012a41f09bb5597508c080267dad90ff78f05a', icon: this.variant === 'success' ? 'check-filled' : this.variant, size: "m", "style-class": `ecl-notification__icon sc-ecl-notification-${this.theme}` }), h("div", { key: '98201b744651db52d584f64fea8908af1e2fcf67', class: "ecl-notification__content" }, this.withClose ?
            h("ecl-button", { variant: "tertiary", type: "button", "style-class": `ecl-notification__close sc-ecl-notification-${this.theme}`, "data-ecl-notification-close": true, hideLabel: true }, this.closeLabel, h("ecl-icon", { slot: "icon-after", icon: "close", theme: this.theme, "style-class": "ecl-button__icon" })) : '', this.notificationTitle ?
            h("div", { class: "ecl-notification__title" }, this.notificationTitle)
            : '', h("div", { key: '18c17474fba94195b4b8434694a73d1db4095765', class: "ecl-notification__description" }, h("slot", { key: 'f0c5f180a1c2c21928d4a9dfa41c006052367731' })), h("slot", { key: '0b7a0d656973280113934e792273fcef19876899', name: "notification-link" }))));
    }
    static get assetsDirs() { return ["build"]; }
    get el() { return getElement(this); }
};
EclNotification.style = {
    ec: eclNotificationEcCss(),
    eu: eclNotificationEuCss()
};

export { EclNotification as ecl_notification };
