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.bannerContainer Selector for the banner content
 * @param {String} options.bannerFooter Selector for the banner footer
 * @param {String} options.bannerVPadding Optional additional padding
 * @param {String} options.bannerPicture Selector for the banner picture
 * @param {String} options.bannerVideo Selector for the banner video
 * @param {String} options.bannerPlay Selector for the banner play button
 * @param {String} options.bannerPause Selector for the banner pause button
 * @param {String} options.maxIterations Used to limit the number of iterations when looking for css values
 * @param {String} options.breakpoint Breakpoint from which the script starts operating
 * @param {Boolean} options.attachResizeListener Whether to attach a listener on resize
 */
class Banner {
  /**
   * @static
   * Shorthand for instance creation and initialisation.
   *
   * @param {HTMLElement} root DOM element for component instantiation and scope
   *
   * @return {Banner} An instance of Banner.
   */
  static autoInit(root, { BANNER: defaultOptions = {} } = {}) {
    const banner = new Banner(root, defaultOptions);
    banner.init();
    root.ECLBanner = banner;
    return banner;
  }

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

  constructor(
    element,
    {
      bannerContainer = '[data-ecl-banner-container]',
      bannerFooter = '[data-ecl-banner-footer]',
      bannerVPadding = '8',
      bannerPicture = '[data-ecl-banner-image]',
      bannerVideo = '[data-ecl-banner-video]',
      bannerPlay = '[data-ecl-banner-play]',
      bannerPause = '[data-ecl-banner-pause]',
      breakpoint = '996',
      attachResizeListener = true,
      maxIterations = 10,
    } = {},
  ) {
    // 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();

    this.bannerVPadding = bannerVPadding;
    this.resizeTimer = null;
    this.bannerContainer = queryOne(bannerContainer, this.element);
    this.bannerFooter = queryOne(bannerFooter, this.element);
    this.bannerPicture = queryOne(bannerPicture, this.element);
    this.bannerVideo = queryOne(bannerVideo, this.element);
    this.bannerPlay = queryOne(bannerPlay, this.element);
    this.bannerPause = queryOne(bannerPause, this.element);
    this.bannerImage = this.bannerPicture
      ? queryOne('img', this.bannerPicture)
      : false;
    this.bannerCTA = this.bannerPicture
      ? queryOne('.ecl-banner__cta', this.element)
      : false;
    this.breakpoint = breakpoint;
    this.attachResizeListener = attachResizeListener;
    this.maxIterations = maxIterations;

    // Bind `this` for use in callbacks
    this.setBannerHeight = this.setBannerHeight.bind(this);
    this.checkViewport = this.checkViewport.bind(this);
    this.resetBannerHeight = this.resetBannerHeight.bind(this);
    this.handleResize = this.handleResize.bind(this);
    this.waitForAspectRatioToBeDefined =
      this.waitForAspectRatioToBeDefined.bind(this);
    this.setHeight = this.setHeight.bind(this);
  }

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

    this.defaultRatio = () => {
      if (this.element.classList.contains('ecl-banner--xs')) {
        return '6/1';
      }
      if (this.element.classList.contains('ecl-banner--s')) {
        return '5/1';
      }
      if (this.element.classList.contains('ecl-banner--l')) {
        return '3/1';
      }
      return '4/1';
    };

    if (this.attachResizeListener) {
      window.addEventListener('resize', this.handleResize);
    }

    if (this.bannerCTA) {
      this.bannerCTA.addEventListener('click', (e) => this.handleCtaClick(e));
    }
    if (this.bannerPlay) {
      this.bannerPlay.addEventListener('click', (e) => this.handlePlayClick(e));
      this.bannerPlay.style.display = 'none';
    }
    if (this.bannerPause) {
      this.bannerPause.addEventListener('click', (e) =>
        this.handlePauseClick(e),
      );
      this.bannerPause.style.display = 'flex';
    }

    this.checkViewport();
    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 Banner
   * @instance
   *
   * @example
   * // Registering a callback for the 'onCtaClick' event
   * banner.on('onCtaClick', (event) => {
   *   console.log('The cta was clicked', 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 Banner
   */
  trigger(eventName, eventData) {
    this.eventManager.trigger(eventName, eventData);
  }

  /**
   * Retrieve the value of the aspect ratio in the styles.
   */
  waitForAspectRatioToBeDefined() {
    this.attemptCounter = (this.attemptCounter || 0) + 1;
    const aspectRatio = getComputedStyle(this.element).getPropertyValue(
      '--css-aspect-ratio',
    );

    if (
      (typeof aspectRatio === 'undefined' || aspectRatio === '') &&
      this.maxIterations > this.attemptCounter
    ) {
      setTimeout(() => this.waitForAspectRatioToBeDefined(), 100);
    } else if (typeof aspectRatio !== 'undefined' || aspectRatio !== '') {
      this.setHeight(aspectRatio);
    }
  }

  /**
   * Sets or resets the banner height
   *
   * @param {string} aspect ratio
   */
  setHeight(ratio) {
    if (this.bannerContainer) {
      const bannerHeight =
        this.bannerContainer.offsetHeight +
        2 * parseInt(this.bannerVPadding, 10);
      const bannerWidth = parseInt(
        getComputedStyle(this.element).getPropertyValue('width'),
        10,
      );
      const [denominator, numerator] = ratio.split('/').map(Number);
      const currentHeight = (bannerWidth * numerator) / denominator;
      if (bannerHeight > currentHeight) {
        this.element.style.aspectRatio = 'auto';
        this.element.style.height = `${bannerHeight}px`;
      } else {
        this.resetBannerHeight();
      }
    }

    // Add margin to the banner container when there is a footer
    // This is needed to keep the vertical alignment
    if (this.bannerFooter) {
      this.element.style.setProperty(
        '--banner-footer-height',
        `${this.bannerFooter.offsetHeight}px`,
      );
    }
  }

  /**
   * Prepare to set the banner height
   */
  setBannerHeight() {
    if (this.bannerImage || this.bannerVideo) {
      this.waitForAspectRatioToBeDefined();
    } else {
      this.setHeight(this.defaultRatio());
    }
  }

  /**
   * Remove any override and get back the css
   */
  resetBannerHeight() {
    this.element.style.removeProperty('aspect-ratio');
    this.element.style.height = 'auto';

    if (this.bannerFooter) {
      this.element.style.setProperty(
        '--banner-footer-height',
        `${this.bannerFooter.offsetHeight}px`,
      );
    }
  }

  /**
   * Check the current viewport width and act accordingly.
   */
  checkViewport() {
    if (window.innerWidth > this.breakpoint) {
      this.setBannerHeight();
    } else {
      this.resetBannerHeight();
    }
  }

  /**
   * Trigger events on resize
   * Uses a debounce, for performance
   */
  handleResize() {
    clearTimeout(this.resizeTimer);
    this.resizeTimer = setTimeout(() => {
      this.checkViewport();
    }, 200);
  }

  /**
   * Triggers a custom event when clicking on the cta.
   *
   * @param {e} Event
   * @fires Banner#onCtaClick
   */
  handleCtaClick(e) {
    let href = null;
    const anchor = e.target.closest('a');
    if (anchor) {
      href = anchor.getAttribute('href');
    }

    const eventData = { item: this.bannerCTA, target: href || e.target };
    this.trigger('onCtaClick', eventData);
  }

  /**
   * Triggers a custom event when clicking on the play button.
   *
   * @param {e} Event
   * @fires Banner#onPlayClick
   */
  handlePlayClick() {
    if (this.bannerVideo) {
      this.bannerVideo.play();
    }

    this.bannerPlay.style.display = 'none';
    if (this.bannerPause) {
      this.bannerPause.style.display = 'flex';
      this.bannerPause.focus();
    }

    const eventData = { item: this.bannerPlay };
    this.trigger('onPlayClick', eventData);
  }

  /**
   * Triggers a custom event when clicking on the pause button.
   *
   * @param {e} Event
   * @fires Banner#onPauseClick
   */
  handlePauseClick() {
    if (this.bannerVideo) {
      this.bannerVideo.pause();
    }

    this.bannerPause.style.display = 'none';
    if (this.bannerPlay) {
      this.bannerPlay.style.display = 'flex';
      this.bannerPlay.focus();
    }

    const eventData = { item: this.bannerPause };
    this.trigger('onPauseClick', eventData);
  }

  /**
   * Destroy component.
   */
  destroy() {
    this.resetBannerHeight();
    this.element.removeAttribute('data-ecl-auto-initialized');
    ECL.components.delete(this.element);
    if (this.attachResizeListener) {
      window.removeEventListener('resize', this.handleResize);
    }
    if (this.bannerCTA) {
      this.bannerCTA.removeEventListener('click', this.handleCtaClick);
    }
    if (this.bannerPlay) {
      this.bannerPlay.removeEventListener('click', this.handlePlayClick);
    }
    if (this.bannerPause) {
      this.bannerPause.removeEventListener('click', this.handlePauseClick);
    }
  }
}

const eclBannerEcCss = () => `.ecl-container.sc-ecl-banner-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-banner-ec{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-banner-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-banner-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-banner-ec{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-banner-ec{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-banner-ec{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-banner-ec{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-banner-ec{max-width:100%;width:1368px}}.ecl-row.sc-ecl-banner-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-banner-ec{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-banner-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-banner-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-banner-ec{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-banner-ec{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-banner-ec>.ecl-col.sc-ecl-banner-ec,.ecl-no-gutters.sc-ecl-banner-ec>[class*=ecl-col-].sc-ecl-banner-ec{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-banner-ec,.ecl-col-10.sc-ecl-banner-ec,.ecl-col-11.sc-ecl-banner-ec,.ecl-col-12.sc-ecl-banner-ec,.ecl-col-2.sc-ecl-banner-ec,.ecl-col-3.sc-ecl-banner-ec,.ecl-col-4.sc-ecl-banner-ec,.ecl-col-5.sc-ecl-banner-ec,.ecl-col-6.sc-ecl-banner-ec,.ecl-col-7.sc-ecl-banner-ec,.ecl-col-8.sc-ecl-banner-ec,.ecl-col-9.sc-ecl-banner-ec,.ecl-col-l-1.sc-ecl-banner-ec,.ecl-col-l-10.sc-ecl-banner-ec,.ecl-col-l-11.sc-ecl-banner-ec,.ecl-col-l-12.sc-ecl-banner-ec,.ecl-col-l-2.sc-ecl-banner-ec,.ecl-col-l-3.sc-ecl-banner-ec,.ecl-col-l-4.sc-ecl-banner-ec,.ecl-col-l-5.sc-ecl-banner-ec,.ecl-col-l-6.sc-ecl-banner-ec,.ecl-col-l-7.sc-ecl-banner-ec,.ecl-col-l-8.sc-ecl-banner-ec,.ecl-col-l-9.sc-ecl-banner-ec,.ecl-col-m-1.sc-ecl-banner-ec,.ecl-col-m-10.sc-ecl-banner-ec,.ecl-col-m-11.sc-ecl-banner-ec,.ecl-col-m-12.sc-ecl-banner-ec,.ecl-col-m-2.sc-ecl-banner-ec,.ecl-col-m-3.sc-ecl-banner-ec,.ecl-col-m-4.sc-ecl-banner-ec,.ecl-col-m-5.sc-ecl-banner-ec,.ecl-col-m-6.sc-ecl-banner-ec,.ecl-col-m-7.sc-ecl-banner-ec,.ecl-col-m-8.sc-ecl-banner-ec,.ecl-col-m-9.sc-ecl-banner-ec,.ecl-col-s-1.sc-ecl-banner-ec,.ecl-col-s-10.sc-ecl-banner-ec,.ecl-col-s-11.sc-ecl-banner-ec,.ecl-col-s-12.sc-ecl-banner-ec,.ecl-col-s-2.sc-ecl-banner-ec,.ecl-col-s-3.sc-ecl-banner-ec,.ecl-col-s-4.sc-ecl-banner-ec,.ecl-col-s-5.sc-ecl-banner-ec,.ecl-col-s-6.sc-ecl-banner-ec,.ecl-col-s-7.sc-ecl-banner-ec,.ecl-col-s-8.sc-ecl-banner-ec,.ecl-col-s-9.sc-ecl-banner-ec,.ecl-col-xl-1.sc-ecl-banner-ec,.ecl-col-xl-10.sc-ecl-banner-ec,.ecl-col-xl-11.sc-ecl-banner-ec,.ecl-col-xl-12.sc-ecl-banner-ec,.ecl-col-xl-2.sc-ecl-banner-ec,.ecl-col-xl-3.sc-ecl-banner-ec,.ecl-col-xl-4.sc-ecl-banner-ec,.ecl-col-xl-5.sc-ecl-banner-ec,.ecl-col-xl-6.sc-ecl-banner-ec,.ecl-col-xl-7.sc-ecl-banner-ec,.ecl-col-xl-8.sc-ecl-banner-ec,.ecl-col-xl-9.sc-ecl-banner-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-banner-ec,.ecl-col-10.sc-ecl-banner-ec,.ecl-col-11.sc-ecl-banner-ec,.ecl-col-12.sc-ecl-banner-ec,.ecl-col-2.sc-ecl-banner-ec,.ecl-col-3.sc-ecl-banner-ec,.ecl-col-4.sc-ecl-banner-ec,.ecl-col-5.sc-ecl-banner-ec,.ecl-col-6.sc-ecl-banner-ec,.ecl-col-7.sc-ecl-banner-ec,.ecl-col-8.sc-ecl-banner-ec,.ecl-col-9.sc-ecl-banner-ec,.ecl-col-l-1.sc-ecl-banner-ec,.ecl-col-l-10.sc-ecl-banner-ec,.ecl-col-l-11.sc-ecl-banner-ec,.ecl-col-l-12.sc-ecl-banner-ec,.ecl-col-l-2.sc-ecl-banner-ec,.ecl-col-l-3.sc-ecl-banner-ec,.ecl-col-l-4.sc-ecl-banner-ec,.ecl-col-l-5.sc-ecl-banner-ec,.ecl-col-l-6.sc-ecl-banner-ec,.ecl-col-l-7.sc-ecl-banner-ec,.ecl-col-l-8.sc-ecl-banner-ec,.ecl-col-l-9.sc-ecl-banner-ec,.ecl-col-m-1.sc-ecl-banner-ec,.ecl-col-m-10.sc-ecl-banner-ec,.ecl-col-m-11.sc-ecl-banner-ec,.ecl-col-m-12.sc-ecl-banner-ec,.ecl-col-m-2.sc-ecl-banner-ec,.ecl-col-m-3.sc-ecl-banner-ec,.ecl-col-m-4.sc-ecl-banner-ec,.ecl-col-m-5.sc-ecl-banner-ec,.ecl-col-m-6.sc-ecl-banner-ec,.ecl-col-m-7.sc-ecl-banner-ec,.ecl-col-m-8.sc-ecl-banner-ec,.ecl-col-m-9.sc-ecl-banner-ec,.ecl-col-s-1.sc-ecl-banner-ec,.ecl-col-s-10.sc-ecl-banner-ec,.ecl-col-s-11.sc-ecl-banner-ec,.ecl-col-s-12.sc-ecl-banner-ec,.ecl-col-s-2.sc-ecl-banner-ec,.ecl-col-s-3.sc-ecl-banner-ec,.ecl-col-s-4.sc-ecl-banner-ec,.ecl-col-s-5.sc-ecl-banner-ec,.ecl-col-s-6.sc-ecl-banner-ec,.ecl-col-s-7.sc-ecl-banner-ec,.ecl-col-s-8.sc-ecl-banner-ec,.ecl-col-s-9.sc-ecl-banner-ec,.ecl-col-xl-1.sc-ecl-banner-ec,.ecl-col-xl-10.sc-ecl-banner-ec,.ecl-col-xl-11.sc-ecl-banner-ec,.ecl-col-xl-12.sc-ecl-banner-ec,.ecl-col-xl-2.sc-ecl-banner-ec,.ecl-col-xl-3.sc-ecl-banner-ec,.ecl-col-xl-4.sc-ecl-banner-ec,.ecl-col-xl-5.sc-ecl-banner-ec,.ecl-col-xl-6.sc-ecl-banner-ec,.ecl-col-xl-7.sc-ecl-banner-ec,.ecl-col-xl-8.sc-ecl-banner-ec,.ecl-col-xl-9.sc-ecl-banner-ec{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-banner-ec,.ecl-col-10.sc-ecl-banner-ec,.ecl-col-11.sc-ecl-banner-ec,.ecl-col-12.sc-ecl-banner-ec,.ecl-col-2.sc-ecl-banner-ec,.ecl-col-3.sc-ecl-banner-ec,.ecl-col-4.sc-ecl-banner-ec,.ecl-col-5.sc-ecl-banner-ec,.ecl-col-6.sc-ecl-banner-ec,.ecl-col-7.sc-ecl-banner-ec,.ecl-col-8.sc-ecl-banner-ec,.ecl-col-9.sc-ecl-banner-ec,.ecl-col-l-1.sc-ecl-banner-ec,.ecl-col-l-10.sc-ecl-banner-ec,.ecl-col-l-11.sc-ecl-banner-ec,.ecl-col-l-12.sc-ecl-banner-ec,.ecl-col-l-2.sc-ecl-banner-ec,.ecl-col-l-3.sc-ecl-banner-ec,.ecl-col-l-4.sc-ecl-banner-ec,.ecl-col-l-5.sc-ecl-banner-ec,.ecl-col-l-6.sc-ecl-banner-ec,.ecl-col-l-7.sc-ecl-banner-ec,.ecl-col-l-8.sc-ecl-banner-ec,.ecl-col-l-9.sc-ecl-banner-ec,.ecl-col-m-1.sc-ecl-banner-ec,.ecl-col-m-10.sc-ecl-banner-ec,.ecl-col-m-11.sc-ecl-banner-ec,.ecl-col-m-12.sc-ecl-banner-ec,.ecl-col-m-2.sc-ecl-banner-ec,.ecl-col-m-3.sc-ecl-banner-ec,.ecl-col-m-4.sc-ecl-banner-ec,.ecl-col-m-5.sc-ecl-banner-ec,.ecl-col-m-6.sc-ecl-banner-ec,.ecl-col-m-7.sc-ecl-banner-ec,.ecl-col-m-8.sc-ecl-banner-ec,.ecl-col-m-9.sc-ecl-banner-ec,.ecl-col-s-1.sc-ecl-banner-ec,.ecl-col-s-10.sc-ecl-banner-ec,.ecl-col-s-11.sc-ecl-banner-ec,.ecl-col-s-12.sc-ecl-banner-ec,.ecl-col-s-2.sc-ecl-banner-ec,.ecl-col-s-3.sc-ecl-banner-ec,.ecl-col-s-4.sc-ecl-banner-ec,.ecl-col-s-5.sc-ecl-banner-ec,.ecl-col-s-6.sc-ecl-banner-ec,.ecl-col-s-7.sc-ecl-banner-ec,.ecl-col-s-8.sc-ecl-banner-ec,.ecl-col-s-9.sc-ecl-banner-ec,.ecl-col-xl-1.sc-ecl-banner-ec,.ecl-col-xl-10.sc-ecl-banner-ec,.ecl-col-xl-11.sc-ecl-banner-ec,.ecl-col-xl-12.sc-ecl-banner-ec,.ecl-col-xl-2.sc-ecl-banner-ec,.ecl-col-xl-3.sc-ecl-banner-ec,.ecl-col-xl-4.sc-ecl-banner-ec,.ecl-col-xl-5.sc-ecl-banner-ec,.ecl-col-xl-6.sc-ecl-banner-ec,.ecl-col-xl-7.sc-ecl-banner-ec,.ecl-col-xl-8.sc-ecl-banner-ec,.ecl-col-xl-9.sc-ecl-banner-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-banner-ec,.ecl-col-10.sc-ecl-banner-ec,.ecl-col-11.sc-ecl-banner-ec,.ecl-col-12.sc-ecl-banner-ec,.ecl-col-2.sc-ecl-banner-ec,.ecl-col-3.sc-ecl-banner-ec,.ecl-col-4.sc-ecl-banner-ec,.ecl-col-5.sc-ecl-banner-ec,.ecl-col-6.sc-ecl-banner-ec,.ecl-col-7.sc-ecl-banner-ec,.ecl-col-8.sc-ecl-banner-ec,.ecl-col-9.sc-ecl-banner-ec,.ecl-col-l-1.sc-ecl-banner-ec,.ecl-col-l-10.sc-ecl-banner-ec,.ecl-col-l-11.sc-ecl-banner-ec,.ecl-col-l-12.sc-ecl-banner-ec,.ecl-col-l-2.sc-ecl-banner-ec,.ecl-col-l-3.sc-ecl-banner-ec,.ecl-col-l-4.sc-ecl-banner-ec,.ecl-col-l-5.sc-ecl-banner-ec,.ecl-col-l-6.sc-ecl-banner-ec,.ecl-col-l-7.sc-ecl-banner-ec,.ecl-col-l-8.sc-ecl-banner-ec,.ecl-col-l-9.sc-ecl-banner-ec,.ecl-col-m-1.sc-ecl-banner-ec,.ecl-col-m-10.sc-ecl-banner-ec,.ecl-col-m-11.sc-ecl-banner-ec,.ecl-col-m-12.sc-ecl-banner-ec,.ecl-col-m-2.sc-ecl-banner-ec,.ecl-col-m-3.sc-ecl-banner-ec,.ecl-col-m-4.sc-ecl-banner-ec,.ecl-col-m-5.sc-ecl-banner-ec,.ecl-col-m-6.sc-ecl-banner-ec,.ecl-col-m-7.sc-ecl-banner-ec,.ecl-col-m-8.sc-ecl-banner-ec,.ecl-col-m-9.sc-ecl-banner-ec,.ecl-col-s-1.sc-ecl-banner-ec,.ecl-col-s-10.sc-ecl-banner-ec,.ecl-col-s-11.sc-ecl-banner-ec,.ecl-col-s-12.sc-ecl-banner-ec,.ecl-col-s-2.sc-ecl-banner-ec,.ecl-col-s-3.sc-ecl-banner-ec,.ecl-col-s-4.sc-ecl-banner-ec,.ecl-col-s-5.sc-ecl-banner-ec,.ecl-col-s-6.sc-ecl-banner-ec,.ecl-col-s-7.sc-ecl-banner-ec,.ecl-col-s-8.sc-ecl-banner-ec,.ecl-col-s-9.sc-ecl-banner-ec,.ecl-col-xl-1.sc-ecl-banner-ec,.ecl-col-xl-10.sc-ecl-banner-ec,.ecl-col-xl-11.sc-ecl-banner-ec,.ecl-col-xl-12.sc-ecl-banner-ec,.ecl-col-xl-2.sc-ecl-banner-ec,.ecl-col-xl-3.sc-ecl-banner-ec,.ecl-col-xl-4.sc-ecl-banner-ec,.ecl-col-xl-5.sc-ecl-banner-ec,.ecl-col-xl-6.sc-ecl-banner-ec,.ecl-col-xl-7.sc-ecl-banner-ec,.ecl-col-xl-8.sc-ecl-banner-ec,.ecl-col-xl-9.sc-ecl-banner-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-banner-ec,.ecl-col-10.sc-ecl-banner-ec,.ecl-col-11.sc-ecl-banner-ec,.ecl-col-12.sc-ecl-banner-ec,.ecl-col-2.sc-ecl-banner-ec,.ecl-col-3.sc-ecl-banner-ec,.ecl-col-4.sc-ecl-banner-ec,.ecl-col-5.sc-ecl-banner-ec,.ecl-col-6.sc-ecl-banner-ec,.ecl-col-7.sc-ecl-banner-ec,.ecl-col-8.sc-ecl-banner-ec,.ecl-col-9.sc-ecl-banner-ec,.ecl-col-l-1.sc-ecl-banner-ec,.ecl-col-l-10.sc-ecl-banner-ec,.ecl-col-l-11.sc-ecl-banner-ec,.ecl-col-l-12.sc-ecl-banner-ec,.ecl-col-l-2.sc-ecl-banner-ec,.ecl-col-l-3.sc-ecl-banner-ec,.ecl-col-l-4.sc-ecl-banner-ec,.ecl-col-l-5.sc-ecl-banner-ec,.ecl-col-l-6.sc-ecl-banner-ec,.ecl-col-l-7.sc-ecl-banner-ec,.ecl-col-l-8.sc-ecl-banner-ec,.ecl-col-l-9.sc-ecl-banner-ec,.ecl-col-m-1.sc-ecl-banner-ec,.ecl-col-m-10.sc-ecl-banner-ec,.ecl-col-m-11.sc-ecl-banner-ec,.ecl-col-m-12.sc-ecl-banner-ec,.ecl-col-m-2.sc-ecl-banner-ec,.ecl-col-m-3.sc-ecl-banner-ec,.ecl-col-m-4.sc-ecl-banner-ec,.ecl-col-m-5.sc-ecl-banner-ec,.ecl-col-m-6.sc-ecl-banner-ec,.ecl-col-m-7.sc-ecl-banner-ec,.ecl-col-m-8.sc-ecl-banner-ec,.ecl-col-m-9.sc-ecl-banner-ec,.ecl-col-s-1.sc-ecl-banner-ec,.ecl-col-s-10.sc-ecl-banner-ec,.ecl-col-s-11.sc-ecl-banner-ec,.ecl-col-s-12.sc-ecl-banner-ec,.ecl-col-s-2.sc-ecl-banner-ec,.ecl-col-s-3.sc-ecl-banner-ec,.ecl-col-s-4.sc-ecl-banner-ec,.ecl-col-s-5.sc-ecl-banner-ec,.ecl-col-s-6.sc-ecl-banner-ec,.ecl-col-s-7.sc-ecl-banner-ec,.ecl-col-s-8.sc-ecl-banner-ec,.ecl-col-s-9.sc-ecl-banner-ec,.ecl-col-xl-1.sc-ecl-banner-ec,.ecl-col-xl-10.sc-ecl-banner-ec,.ecl-col-xl-11.sc-ecl-banner-ec,.ecl-col-xl-12.sc-ecl-banner-ec,.ecl-col-xl-2.sc-ecl-banner-ec,.ecl-col-xl-3.sc-ecl-banner-ec,.ecl-col-xl-4.sc-ecl-banner-ec,.ecl-col-xl-5.sc-ecl-banner-ec,.ecl-col-xl-6.sc-ecl-banner-ec,.ecl-col-xl-7.sc-ecl-banner-ec,.ecl-col-xl-8.sc-ecl-banner-ec,.ecl-col-xl-9.sc-ecl-banner-ec{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-banner-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-banner-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-banner-ec{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-banner-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-banner-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-banner-ec{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-banner-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-banner-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-banner-ec{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-banner-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-banner-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-banner-ec{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-banner-ec{right:auto}.ecl-pull-1.sc-ecl-banner-ec{right:8.3333333333%}.ecl-pull-2.sc-ecl-banner-ec{right:16.6666666667%}.ecl-pull-3.sc-ecl-banner-ec{right:25%}.ecl-pull-4.sc-ecl-banner-ec{right:33.3333333333%}.ecl-pull-5.sc-ecl-banner-ec{right:41.6666666667%}.ecl-pull-6.sc-ecl-banner-ec{right:50%}.ecl-pull-7.sc-ecl-banner-ec{right:58.3333333333%}.ecl-pull-8.sc-ecl-banner-ec{right:66.6666666667%}.ecl-pull-9.sc-ecl-banner-ec{right:75%}.ecl-pull-10.sc-ecl-banner-ec{right:83.3333333333%}.ecl-pull-11.sc-ecl-banner-ec{right:91.6666666667%}.ecl-pull-12.sc-ecl-banner-ec{right:100%}.ecl-push-0.sc-ecl-banner-ec{left:auto}.ecl-push-1.sc-ecl-banner-ec{left:8.3333333333%}.ecl-push-2.sc-ecl-banner-ec{left:16.6666666667%}.ecl-push-3.sc-ecl-banner-ec{left:25%}.ecl-push-4.sc-ecl-banner-ec{left:33.3333333333%}.ecl-push-5.sc-ecl-banner-ec{left:41.6666666667%}.ecl-push-6.sc-ecl-banner-ec{left:50%}.ecl-push-7.sc-ecl-banner-ec{left:58.3333333333%}.ecl-push-8.sc-ecl-banner-ec{left:66.6666666667%}.ecl-push-9.sc-ecl-banner-ec{left:75%}.ecl-push-10.sc-ecl-banner-ec{left:83.3333333333%}.ecl-push-11.sc-ecl-banner-ec{left:91.6666666667%}.ecl-push-12.sc-ecl-banner-ec{left:100%}.ecl-offset-1.sc-ecl-banner-ec{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-banner-ec{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-banner-ec{margin-inline-start:25%}.ecl-offset-4.sc-ecl-banner-ec{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-banner-ec{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-banner-ec{margin-inline-start:50%}.ecl-offset-7.sc-ecl-banner-ec{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-banner-ec{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-banner-ec{margin-inline-start:75%}.ecl-offset-10.sc-ecl-banner-ec{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-banner-ec{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-banner-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-banner-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-banner-ec{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-banner-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-banner-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-banner-ec{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-banner-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-banner-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-banner-ec{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-banner-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-banner-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-banner-ec{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-banner-ec{right:auto}.ecl-pull-s-1.sc-ecl-banner-ec{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-banner-ec{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-banner-ec{right:25%}.ecl-pull-s-4.sc-ecl-banner-ec{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-banner-ec{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-banner-ec{right:50%}.ecl-pull-s-7.sc-ecl-banner-ec{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-banner-ec{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-banner-ec{right:75%}.ecl-pull-s-10.sc-ecl-banner-ec{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-banner-ec{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-banner-ec{right:100%}.ecl-push-s-0.sc-ecl-banner-ec{left:auto}.ecl-push-s-1.sc-ecl-banner-ec{left:8.3333333333%}.ecl-push-s-2.sc-ecl-banner-ec{left:16.6666666667%}.ecl-push-s-3.sc-ecl-banner-ec{left:25%}.ecl-push-s-4.sc-ecl-banner-ec{left:33.3333333333%}.ecl-push-s-5.sc-ecl-banner-ec{left:41.6666666667%}.ecl-push-s-6.sc-ecl-banner-ec{left:50%}.ecl-push-s-7.sc-ecl-banner-ec{left:58.3333333333%}.ecl-push-s-8.sc-ecl-banner-ec{left:66.6666666667%}.ecl-push-s-9.sc-ecl-banner-ec{left:75%}.ecl-push-s-10.sc-ecl-banner-ec{left:83.3333333333%}.ecl-push-s-11.sc-ecl-banner-ec{left:91.6666666667%}.ecl-push-s-12.sc-ecl-banner-ec{left:100%}.ecl-offset-s-0.sc-ecl-banner-ec{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-banner-ec{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-banner-ec{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-banner-ec{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-banner-ec{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-banner-ec{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-banner-ec{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-banner-ec{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-banner-ec{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-banner-ec{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-banner-ec{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-banner-ec{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-banner-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-banner-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-banner-ec{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-banner-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-banner-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-banner-ec{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-banner-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-banner-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-banner-ec{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-banner-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-banner-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-banner-ec{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-banner-ec{right:auto}.ecl-pull-m-1.sc-ecl-banner-ec{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-banner-ec{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-banner-ec{right:25%}.ecl-pull-m-4.sc-ecl-banner-ec{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-banner-ec{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-banner-ec{right:50%}.ecl-pull-m-7.sc-ecl-banner-ec{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-banner-ec{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-banner-ec{right:75%}.ecl-pull-m-10.sc-ecl-banner-ec{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-banner-ec{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-banner-ec{right:100%}.ecl-push-m-0.sc-ecl-banner-ec{left:auto}.ecl-push-m-1.sc-ecl-banner-ec{left:8.3333333333%}.ecl-push-m-2.sc-ecl-banner-ec{left:16.6666666667%}.ecl-push-m-3.sc-ecl-banner-ec{left:25%}.ecl-push-m-4.sc-ecl-banner-ec{left:33.3333333333%}.ecl-push-m-5.sc-ecl-banner-ec{left:41.6666666667%}.ecl-push-m-6.sc-ecl-banner-ec{left:50%}.ecl-push-m-7.sc-ecl-banner-ec{left:58.3333333333%}.ecl-push-m-8.sc-ecl-banner-ec{left:66.6666666667%}.ecl-push-m-9.sc-ecl-banner-ec{left:75%}.ecl-push-m-10.sc-ecl-banner-ec{left:83.3333333333%}.ecl-push-m-11.sc-ecl-banner-ec{left:91.6666666667%}.ecl-push-m-12.sc-ecl-banner-ec{left:100%}.ecl-offset-m-0.sc-ecl-banner-ec{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-banner-ec{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-banner-ec{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-banner-ec{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-banner-ec{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-banner-ec{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-banner-ec{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-banner-ec{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-banner-ec{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-banner-ec{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-banner-ec{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-banner-ec{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-banner-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-banner-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-banner-ec{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-banner-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-banner-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-banner-ec{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-banner-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-banner-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-banner-ec{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-banner-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-banner-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-banner-ec{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-banner-ec{right:auto}.ecl-pull-l-1.sc-ecl-banner-ec{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-banner-ec{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-banner-ec{right:25%}.ecl-pull-l-4.sc-ecl-banner-ec{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-banner-ec{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-banner-ec{right:50%}.ecl-pull-l-7.sc-ecl-banner-ec{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-banner-ec{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-banner-ec{right:75%}.ecl-pull-l-10.sc-ecl-banner-ec{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-banner-ec{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-banner-ec{right:100%}.ecl-push-l-0.sc-ecl-banner-ec{left:auto}.ecl-push-l-1.sc-ecl-banner-ec{left:8.3333333333%}.ecl-push-l-2.sc-ecl-banner-ec{left:16.6666666667%}.ecl-push-l-3.sc-ecl-banner-ec{left:25%}.ecl-push-l-4.sc-ecl-banner-ec{left:33.3333333333%}.ecl-push-l-5.sc-ecl-banner-ec{left:41.6666666667%}.ecl-push-l-6.sc-ecl-banner-ec{left:50%}.ecl-push-l-7.sc-ecl-banner-ec{left:58.3333333333%}.ecl-push-l-8.sc-ecl-banner-ec{left:66.6666666667%}.ecl-push-l-9.sc-ecl-banner-ec{left:75%}.ecl-push-l-10.sc-ecl-banner-ec{left:83.3333333333%}.ecl-push-l-11.sc-ecl-banner-ec{left:91.6666666667%}.ecl-push-l-12.sc-ecl-banner-ec{left:100%}.ecl-offset-l-0.sc-ecl-banner-ec{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-banner-ec{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-banner-ec{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-banner-ec{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-banner-ec{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-banner-ec{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-banner-ec{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-banner-ec{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-banner-ec{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-banner-ec{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-banner-ec{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-banner-ec{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-banner-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-banner-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-banner-ec{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-banner-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-banner-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-banner-ec{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-banner-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-banner-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-banner-ec{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-banner-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-banner-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-banner-ec{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-banner-ec{right:auto}.ecl-pull-xl-1.sc-ecl-banner-ec{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-banner-ec{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-banner-ec{right:25%}.ecl-pull-xl-4.sc-ecl-banner-ec{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-banner-ec{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-banner-ec{right:50%}.ecl-pull-xl-7.sc-ecl-banner-ec{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-banner-ec{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-banner-ec{right:75%}.ecl-pull-xl-10.sc-ecl-banner-ec{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-banner-ec{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-banner-ec{right:100%}.ecl-push-xl-0.sc-ecl-banner-ec{left:auto}.ecl-push-xl-1.sc-ecl-banner-ec{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-banner-ec{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-banner-ec{left:25%}.ecl-push-xl-4.sc-ecl-banner-ec{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-banner-ec{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-banner-ec{left:50%}.ecl-push-xl-7.sc-ecl-banner-ec{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-banner-ec{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-banner-ec{left:75%}.ecl-push-xl-10.sc-ecl-banner-ec{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-banner-ec{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-banner-ec{left:100%}.ecl-offset-xl-0.sc-ecl-banner-ec{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-banner-ec{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-banner-ec{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-banner-ec{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-banner-ec{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-banner-ec{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-banner-ec{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-banner-ec{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-banner-ec{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-banner-ec{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-banner-ec{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-banner-ec{margin-inline-start:91.6666666667%}}.ecl-banner.sc-ecl-banner-ec{--banner-footer-height:0px;align-items:center;border-radius:0;box-shadow:none;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;position:relative}.ecl-banner__picture-container.sc-ecl-banner-ec{margin:0;position:relative;width:100%}.ecl-banner__video-container.sc-ecl-banner-ec{object-fit:cover;overflow:hidden;position:relative;width:100%}.ecl-banner__credit.sc-ecl-banner-ec{background-color:var(--cm-surface-lowest);color:var(--cm-on-surface-brand,var(--c-d));font:var(--f-2xs);margin-block-end:calc(var(--s-xl)*-1);padding-block-start:1px;position:relative;text-align:end;width:100%;z-index:1}.ecl-container .ecl-banner.sc-ecl-banner-ec:not(.ecl-banner--full-width,.ecl-carousel--full-width *).sc-ecl-banner-ec .ecl-container.sc-ecl-banner-ec{padding-inline:var(--s-m)}.ecl-banner__container.sc-ecl-banner-ec{display:flex;padding-block:var(--s-l) var(--s-xl);width:100%}.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__container.sc-ecl-banner-ec{padding-block:var(--s-xl) var(--s-2xl)}.ecl-banner__content.sc-ecl-banner-ec{align-items:flex-start;box-sizing:content-box;display:inline-flex;flex-direction:column;max-width:50rem}.ecl-banner__image.sc-ecl-banner-ec{object-position:top}.ecl-banner__image.sc-ecl-banner-ec,.ecl-banner__video.sc-ecl-banner-ec{display:block;height:100%;max-height:100%;object-fit:cover;position:relative;width:100%}.ecl-banner__video.sc-ecl-banner-ec{object-position:center}.ecl-banner__info.sc-ecl-banner-ec{background-color:var(--cm-surface-lowest);display:flex;flex-grow:1}.ecl-banner__title.sc-ecl-banner-ec,.ecl-banner__title-link.sc-ecl-banner-ec{color:var(--cm-on-surface-brand);display:block;margin:0;width:100%}.ecl-banner__title-link.sc-ecl-banner-ec:hover,.ecl-banner__title-link.sc-ecl-banner-ec:visited,.ecl-banner__title.sc-ecl-banner-ec:hover,.ecl-banner__title.sc-ecl-banner-ec:visited{color:var(--cm-on-surface-brand)}.ecl-banner__title.sc-ecl-banner-ec,.ecl-banner__title-link.sc-ecl-banner-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-4xl);font-weight:300;line-height:var(--lh-xl)}@media (min-width:480px){.ecl-banner__title.sc-ecl-banner-ec,.ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-6xl);line-height:var(--lh-3xl)}}@media (min-width:768px){.ecl-banner__title.sc-ecl-banner-ec,.ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-7xl);line-height:var(--lh-6xl)}}@media (min-width:1140px){.ecl-banner__title.sc-ecl-banner-ec,.ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-8xl);line-height:var(--lh-7xl)}}.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-4xl);font-weight:300;line-height:var(--lh-xl)}@media (min-width:480px){.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-6xl);line-height:var(--lh-3xl)}}@media (min-width:768px){.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-7xl);line-height:var(--lh-6xl)}}@media (min-width:1140px){.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-8xl);line-height:var(--lh-7xl)}}.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-6xl);font-weight:300;line-height:var(--lh-3xl)}@media (min-width:480px){.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-7xl);line-height:var(--lh-7xl)}}@media (min-width:768px){.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-9xl);line-height:var(--lh-9xl)}}@media (min-width:1140px){.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{font-size:var(--fs-10xl);letter-spacing:2px;line-height:var(--lh-10xl)}}.ecl-banner__description.sc-ecl-banner-ec{margin-block-start:var(--s-s)}.ecl-banner__description.sc-ecl-banner-ec,.ecl-banner__description-link.sc-ecl-banner-ec{color:var(--cm-on-surface-brand);margin-block-end:0;width:100%}.ecl-banner__description-link.sc-ecl-banner-ec:hover,.ecl-banner__description-link.sc-ecl-banner-ec:visited,.ecl-banner__description.sc-ecl-banner-ec:hover,.ecl-banner__description.sc-ecl-banner-ec:visited{color:var(--cm-on-surface-brand)}.ecl-banner__description.sc-ecl-banner-ec,.ecl-banner__description-link.sc-ecl-banner-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-2xl);font-weight:300;line-height:var(--lh-l)}@media (min-width:480px){.ecl-banner__description.sc-ecl-banner-ec,.ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-3xl);line-height:var(--lh-l)}}@media (min-width:768px){.ecl-banner__description.sc-ecl-banner-ec,.ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-5xl);line-height:var(--lh-3xl)}}@media (min-width:1140px){.ecl-banner__description.sc-ecl-banner-ec,.ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-6xl);line-height:var(--lh-4xl)}}.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-l);font-weight:300;line-height:var(--lh-m)}@media (min-width:480px){.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-xl);line-height:var(--lh-l)}}@media (min-width:1140px){.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-s.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-2xl);line-height:var(--lh-xl)}}.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-family:Inter,arial,sans-serif;font-size:var(--fs-2xl);font-weight:300;line-height:var(--lh-l)}@media (min-width:480px){.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-3xl);line-height:var(--lh-l)}}@media (min-width:768px){.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-5xl);line-height:var(--lh-3xl)}}@media (min-width:1140px){.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--font-l.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{font-size:var(--fs-6xl);line-height:var(--lh-4xl)}}.ecl-banner__cta.sc-ecl-banner-ec{margin-top:var(--s-m)}.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-ec,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-ec{align-items:center;background-color:var(--cm-on-surface-brand,var(--c-d));border:none;border-radius:50%;bottom:calc(var(--s-m) + var(--banner-footer-height));color:#fff;justify-content:center;outline:#fff;outline-offset:-4px;position:absolute;right:var(--s-m);z-index:2}.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-ec:active,.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-ec:focus-visible,.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-ec:hover,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-ec:active,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-ec:focus-visible,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-ec:hover{background-color:#fff;border:none;color:var(--cm-on-surface-brand,var(--c-d));outline-color:var(--cm-on-surface-brand,var(--c-d));padding:0}.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-ec .ecl-button__icon.sc-ecl-banner-ec,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-ec .ecl-button__icon.sc-ecl-banner-ec{height:2.5rem;width:2.5rem}.ecl-banner__content.sc-ecl-banner-ec>.sc-ecl-banner-ec:first-child{margin-top:0}.ecl-banner--full-width.sc-ecl-banner-ec{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--full-width.sc-ecl-banner-ec:dir(rtl){left:auto;right:50%}.ecl-banner--no-media.sc-ecl-banner-ec,.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__info.sc-ecl-banner-ec{background-color:var(--cm-surface-0,var(--c-p))}.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec,.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{color:var(--cm-on-surface-swap-0,#fff)}.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__content.sc-ecl-banner-ec{background:transparent}.ecl-banner.sc-ecl-banner-ec .ecl-banner__image.sc-ecl-banner-ec,.ecl-banner.sc-ecl-banner-ec .ecl-banner__video.sc-ecl-banner-ec,.ecl-banner__picture-container.sc-ecl-banner-ec,.ecl-banner__video-container.sc-ecl-banner-ec{aspect-ratio:3/2;--css-aspect-ratio:3/2}@media (min-width:768px){.ecl-banner.sc-ecl-banner-ec .ecl-container.sc-ecl-banner-ec{padding-inline:var(--s-xl)}.ecl-banner__container.sc-ecl-banner-ec{padding-block:var(--s-xl) var(--s-2xl)}.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__container.sc-ecl-banner-ec{padding-block:var(--s-2xl)}.ecl-banner.sc-ecl-banner-ec .ecl-banner__image.sc-ecl-banner-ec,.ecl-banner.sc-ecl-banner-ec .ecl-banner__video.sc-ecl-banner-ec,.ecl-banner__picture-container.sc-ecl-banner-ec,.ecl-banner__video-container.sc-ecl-banner-ec{aspect-ratio:3/1;--css-aspect-ratio:3/1}}@media (min-width:1140px){.ecl-banner.sc-ecl-banner-ec{aspect-ratio:4/1;padding-bottom:var(--banner-footer-height);--css-aspect-ratio:4/1}.ecl-banner--xs.sc-ecl-banner-ec{aspect-ratio:6/1;--css-aspect-ratio:6/1}.ecl-banner--s.sc-ecl-banner-ec{aspect-ratio:5/1;--css-aspect-ratio:5/1}.ecl-banner--m.sc-ecl-banner-ec{aspect-ratio:4/1;--css-aspect-ratio:4/1}.ecl-banner--l.sc-ecl-banner-ec{aspect-ratio:3/1;--css-aspect-ratio:3/1}.ecl-banner.sc-ecl-banner-ec .ecl-container.sc-ecl-banner-ec{padding-inline:var(--s-2xl);position:absolute;z-index:1}.ecl-banner__credit.sc-ecl-banner-ec{font:var(--f-xs);margin-block-end:0;padding-block:var(--s-2xs);position:absolute;text-align:start}.ecl-banner.sc-ecl-banner-ec .ecl-banner__credit.sc-ecl-banner-ec .ecl-container.sc-ecl-banner-ec{position:relative}.ecl-container.sc-ecl-banner-ec .ecl-banner.sc-ecl-banner-ec:not(.ecl-banner--full-width) .ecl-container.sc-ecl-banner-ec{padding-inline-end:var(--s-2xl);padding-inline-start:var(--s-2xl)}.ecl-banner__info.sc-ecl-banner-ec{align-items:center;background-color:transparent}.ecl-banner--no-media.sc-ecl-banner-ec .ecl-banner__container.sc-ecl-banner-ec,.ecl-banner__container.sc-ecl-banner-ec{padding-block:var(--s-4xl)}.ecl-banner--v-bottom.sc-ecl-banner-ec .ecl-banner__container.sc-ecl-banner-ec{padding-block-end:calc(var(--s-4xl) + var(--banner-footer-height))}.ecl-banner__content.sc-ecl-banner-ec{background-color:var(--cm-surface-inverted);border-radius:0;max-width:42.5rem;padding:var(--s-l) var(--s-xl) var(--s-xl)}.ecl-banner--box-bg-none.sc-ecl-banner-ec .ecl-banner__content.sc-ecl-banner-ec{background-color:transparent;border-radius:0;padding:0}.ecl-banner--box-bg-dark.sc-ecl-banner-ec .ecl-banner__content.sc-ecl-banner-ec{backdrop-filter:blur(2px);background:var(--cm-surface-transparent-70,var(--c-ov-l));-webkit-box-decoration-break:clone;box-decoration-break:clone}.ecl-banner__title.sc-ecl-banner-ec,.ecl-banner__title-link.sc-ecl-banner-ec{display:inline;width:auto}.ecl-banner--color-light.sc-ecl-banner-ec .ecl-banner__title.sc-ecl-banner-ec,.ecl-banner--color-light.sc-ecl-banner-ec .ecl-banner__title-link.sc-ecl-banner-ec{color:#fff}.ecl-banner__description.sc-ecl-banner-ec,.ecl-banner__description-link.sc-ecl-banner-ec{width:auto}.ecl-banner--color-light.sc-ecl-banner-ec .ecl-banner__description.sc-ecl-banner-ec,.ecl-banner--color-light.sc-ecl-banner-ec .ecl-banner__description-link.sc-ecl-banner-ec{color:#fff}.ecl-banner__picture-container.sc-ecl-banner-ec,.ecl-banner__video-container.sc-ecl-banner-ec{aspect-ratio:auto;height:100%;position:static}.ecl-banner__picture.sc-ecl-banner-ec{display:block;height:100%;position:relative}.ecl-banner--h-center.sc-ecl-banner-ec .ecl-banner__container.sc-ecl-banner-ec{justify-content:center}.ecl-banner--h-center.sc-ecl-banner-ec .ecl-banner__content.sc-ecl-banner-ec{align-items:center;text-align:center}.ecl-banner--h-right.sc-ecl-banner-ec .ecl-banner__container.sc-ecl-banner-ec{justify-content:flex-end}.ecl-banner--h-right.sc-ecl-banner-ec .ecl-banner__content.sc-ecl-banner-ec{align-items:flex-end;text-align:right}.ecl-banner--v-top.sc-ecl-banner-ec .ecl-container.sc-ecl-banner-ec{top:0}.ecl-banner--v-bottom.sc-ecl-banner-ec .ecl-container.sc-ecl-banner-ec{bottom:0}}`;

const eclBannerEuCss = () => `.ecl-container.sc-ecl-banner-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-banner-eu{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-banner-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-banner-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-banner-eu{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-banner-eu{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-banner-eu{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-banner-eu{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-banner-eu{max-width:100%;width:1368px}}.ecl-row.sc-ecl-banner-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-banner-eu{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-banner-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-banner-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-banner-eu{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-banner-eu{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-banner-eu>.ecl-col.sc-ecl-banner-eu,.ecl-no-gutters.sc-ecl-banner-eu>[class*=ecl-col-].sc-ecl-banner-eu{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-banner-eu,.ecl-col-10.sc-ecl-banner-eu,.ecl-col-11.sc-ecl-banner-eu,.ecl-col-12.sc-ecl-banner-eu,.ecl-col-2.sc-ecl-banner-eu,.ecl-col-3.sc-ecl-banner-eu,.ecl-col-4.sc-ecl-banner-eu,.ecl-col-5.sc-ecl-banner-eu,.ecl-col-6.sc-ecl-banner-eu,.ecl-col-7.sc-ecl-banner-eu,.ecl-col-8.sc-ecl-banner-eu,.ecl-col-9.sc-ecl-banner-eu,.ecl-col-l-1.sc-ecl-banner-eu,.ecl-col-l-10.sc-ecl-banner-eu,.ecl-col-l-11.sc-ecl-banner-eu,.ecl-col-l-12.sc-ecl-banner-eu,.ecl-col-l-2.sc-ecl-banner-eu,.ecl-col-l-3.sc-ecl-banner-eu,.ecl-col-l-4.sc-ecl-banner-eu,.ecl-col-l-5.sc-ecl-banner-eu,.ecl-col-l-6.sc-ecl-banner-eu,.ecl-col-l-7.sc-ecl-banner-eu,.ecl-col-l-8.sc-ecl-banner-eu,.ecl-col-l-9.sc-ecl-banner-eu,.ecl-col-m-1.sc-ecl-banner-eu,.ecl-col-m-10.sc-ecl-banner-eu,.ecl-col-m-11.sc-ecl-banner-eu,.ecl-col-m-12.sc-ecl-banner-eu,.ecl-col-m-2.sc-ecl-banner-eu,.ecl-col-m-3.sc-ecl-banner-eu,.ecl-col-m-4.sc-ecl-banner-eu,.ecl-col-m-5.sc-ecl-banner-eu,.ecl-col-m-6.sc-ecl-banner-eu,.ecl-col-m-7.sc-ecl-banner-eu,.ecl-col-m-8.sc-ecl-banner-eu,.ecl-col-m-9.sc-ecl-banner-eu,.ecl-col-s-1.sc-ecl-banner-eu,.ecl-col-s-10.sc-ecl-banner-eu,.ecl-col-s-11.sc-ecl-banner-eu,.ecl-col-s-12.sc-ecl-banner-eu,.ecl-col-s-2.sc-ecl-banner-eu,.ecl-col-s-3.sc-ecl-banner-eu,.ecl-col-s-4.sc-ecl-banner-eu,.ecl-col-s-5.sc-ecl-banner-eu,.ecl-col-s-6.sc-ecl-banner-eu,.ecl-col-s-7.sc-ecl-banner-eu,.ecl-col-s-8.sc-ecl-banner-eu,.ecl-col-s-9.sc-ecl-banner-eu,.ecl-col-xl-1.sc-ecl-banner-eu,.ecl-col-xl-10.sc-ecl-banner-eu,.ecl-col-xl-11.sc-ecl-banner-eu,.ecl-col-xl-12.sc-ecl-banner-eu,.ecl-col-xl-2.sc-ecl-banner-eu,.ecl-col-xl-3.sc-ecl-banner-eu,.ecl-col-xl-4.sc-ecl-banner-eu,.ecl-col-xl-5.sc-ecl-banner-eu,.ecl-col-xl-6.sc-ecl-banner-eu,.ecl-col-xl-7.sc-ecl-banner-eu,.ecl-col-xl-8.sc-ecl-banner-eu,.ecl-col-xl-9.sc-ecl-banner-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-banner-eu,.ecl-col-10.sc-ecl-banner-eu,.ecl-col-11.sc-ecl-banner-eu,.ecl-col-12.sc-ecl-banner-eu,.ecl-col-2.sc-ecl-banner-eu,.ecl-col-3.sc-ecl-banner-eu,.ecl-col-4.sc-ecl-banner-eu,.ecl-col-5.sc-ecl-banner-eu,.ecl-col-6.sc-ecl-banner-eu,.ecl-col-7.sc-ecl-banner-eu,.ecl-col-8.sc-ecl-banner-eu,.ecl-col-9.sc-ecl-banner-eu,.ecl-col-l-1.sc-ecl-banner-eu,.ecl-col-l-10.sc-ecl-banner-eu,.ecl-col-l-11.sc-ecl-banner-eu,.ecl-col-l-12.sc-ecl-banner-eu,.ecl-col-l-2.sc-ecl-banner-eu,.ecl-col-l-3.sc-ecl-banner-eu,.ecl-col-l-4.sc-ecl-banner-eu,.ecl-col-l-5.sc-ecl-banner-eu,.ecl-col-l-6.sc-ecl-banner-eu,.ecl-col-l-7.sc-ecl-banner-eu,.ecl-col-l-8.sc-ecl-banner-eu,.ecl-col-l-9.sc-ecl-banner-eu,.ecl-col-m-1.sc-ecl-banner-eu,.ecl-col-m-10.sc-ecl-banner-eu,.ecl-col-m-11.sc-ecl-banner-eu,.ecl-col-m-12.sc-ecl-banner-eu,.ecl-col-m-2.sc-ecl-banner-eu,.ecl-col-m-3.sc-ecl-banner-eu,.ecl-col-m-4.sc-ecl-banner-eu,.ecl-col-m-5.sc-ecl-banner-eu,.ecl-col-m-6.sc-ecl-banner-eu,.ecl-col-m-7.sc-ecl-banner-eu,.ecl-col-m-8.sc-ecl-banner-eu,.ecl-col-m-9.sc-ecl-banner-eu,.ecl-col-s-1.sc-ecl-banner-eu,.ecl-col-s-10.sc-ecl-banner-eu,.ecl-col-s-11.sc-ecl-banner-eu,.ecl-col-s-12.sc-ecl-banner-eu,.ecl-col-s-2.sc-ecl-banner-eu,.ecl-col-s-3.sc-ecl-banner-eu,.ecl-col-s-4.sc-ecl-banner-eu,.ecl-col-s-5.sc-ecl-banner-eu,.ecl-col-s-6.sc-ecl-banner-eu,.ecl-col-s-7.sc-ecl-banner-eu,.ecl-col-s-8.sc-ecl-banner-eu,.ecl-col-s-9.sc-ecl-banner-eu,.ecl-col-xl-1.sc-ecl-banner-eu,.ecl-col-xl-10.sc-ecl-banner-eu,.ecl-col-xl-11.sc-ecl-banner-eu,.ecl-col-xl-12.sc-ecl-banner-eu,.ecl-col-xl-2.sc-ecl-banner-eu,.ecl-col-xl-3.sc-ecl-banner-eu,.ecl-col-xl-4.sc-ecl-banner-eu,.ecl-col-xl-5.sc-ecl-banner-eu,.ecl-col-xl-6.sc-ecl-banner-eu,.ecl-col-xl-7.sc-ecl-banner-eu,.ecl-col-xl-8.sc-ecl-banner-eu,.ecl-col-xl-9.sc-ecl-banner-eu{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-banner-eu,.ecl-col-10.sc-ecl-banner-eu,.ecl-col-11.sc-ecl-banner-eu,.ecl-col-12.sc-ecl-banner-eu,.ecl-col-2.sc-ecl-banner-eu,.ecl-col-3.sc-ecl-banner-eu,.ecl-col-4.sc-ecl-banner-eu,.ecl-col-5.sc-ecl-banner-eu,.ecl-col-6.sc-ecl-banner-eu,.ecl-col-7.sc-ecl-banner-eu,.ecl-col-8.sc-ecl-banner-eu,.ecl-col-9.sc-ecl-banner-eu,.ecl-col-l-1.sc-ecl-banner-eu,.ecl-col-l-10.sc-ecl-banner-eu,.ecl-col-l-11.sc-ecl-banner-eu,.ecl-col-l-12.sc-ecl-banner-eu,.ecl-col-l-2.sc-ecl-banner-eu,.ecl-col-l-3.sc-ecl-banner-eu,.ecl-col-l-4.sc-ecl-banner-eu,.ecl-col-l-5.sc-ecl-banner-eu,.ecl-col-l-6.sc-ecl-banner-eu,.ecl-col-l-7.sc-ecl-banner-eu,.ecl-col-l-8.sc-ecl-banner-eu,.ecl-col-l-9.sc-ecl-banner-eu,.ecl-col-m-1.sc-ecl-banner-eu,.ecl-col-m-10.sc-ecl-banner-eu,.ecl-col-m-11.sc-ecl-banner-eu,.ecl-col-m-12.sc-ecl-banner-eu,.ecl-col-m-2.sc-ecl-banner-eu,.ecl-col-m-3.sc-ecl-banner-eu,.ecl-col-m-4.sc-ecl-banner-eu,.ecl-col-m-5.sc-ecl-banner-eu,.ecl-col-m-6.sc-ecl-banner-eu,.ecl-col-m-7.sc-ecl-banner-eu,.ecl-col-m-8.sc-ecl-banner-eu,.ecl-col-m-9.sc-ecl-banner-eu,.ecl-col-s-1.sc-ecl-banner-eu,.ecl-col-s-10.sc-ecl-banner-eu,.ecl-col-s-11.sc-ecl-banner-eu,.ecl-col-s-12.sc-ecl-banner-eu,.ecl-col-s-2.sc-ecl-banner-eu,.ecl-col-s-3.sc-ecl-banner-eu,.ecl-col-s-4.sc-ecl-banner-eu,.ecl-col-s-5.sc-ecl-banner-eu,.ecl-col-s-6.sc-ecl-banner-eu,.ecl-col-s-7.sc-ecl-banner-eu,.ecl-col-s-8.sc-ecl-banner-eu,.ecl-col-s-9.sc-ecl-banner-eu,.ecl-col-xl-1.sc-ecl-banner-eu,.ecl-col-xl-10.sc-ecl-banner-eu,.ecl-col-xl-11.sc-ecl-banner-eu,.ecl-col-xl-12.sc-ecl-banner-eu,.ecl-col-xl-2.sc-ecl-banner-eu,.ecl-col-xl-3.sc-ecl-banner-eu,.ecl-col-xl-4.sc-ecl-banner-eu,.ecl-col-xl-5.sc-ecl-banner-eu,.ecl-col-xl-6.sc-ecl-banner-eu,.ecl-col-xl-7.sc-ecl-banner-eu,.ecl-col-xl-8.sc-ecl-banner-eu,.ecl-col-xl-9.sc-ecl-banner-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-banner-eu,.ecl-col-10.sc-ecl-banner-eu,.ecl-col-11.sc-ecl-banner-eu,.ecl-col-12.sc-ecl-banner-eu,.ecl-col-2.sc-ecl-banner-eu,.ecl-col-3.sc-ecl-banner-eu,.ecl-col-4.sc-ecl-banner-eu,.ecl-col-5.sc-ecl-banner-eu,.ecl-col-6.sc-ecl-banner-eu,.ecl-col-7.sc-ecl-banner-eu,.ecl-col-8.sc-ecl-banner-eu,.ecl-col-9.sc-ecl-banner-eu,.ecl-col-l-1.sc-ecl-banner-eu,.ecl-col-l-10.sc-ecl-banner-eu,.ecl-col-l-11.sc-ecl-banner-eu,.ecl-col-l-12.sc-ecl-banner-eu,.ecl-col-l-2.sc-ecl-banner-eu,.ecl-col-l-3.sc-ecl-banner-eu,.ecl-col-l-4.sc-ecl-banner-eu,.ecl-col-l-5.sc-ecl-banner-eu,.ecl-col-l-6.sc-ecl-banner-eu,.ecl-col-l-7.sc-ecl-banner-eu,.ecl-col-l-8.sc-ecl-banner-eu,.ecl-col-l-9.sc-ecl-banner-eu,.ecl-col-m-1.sc-ecl-banner-eu,.ecl-col-m-10.sc-ecl-banner-eu,.ecl-col-m-11.sc-ecl-banner-eu,.ecl-col-m-12.sc-ecl-banner-eu,.ecl-col-m-2.sc-ecl-banner-eu,.ecl-col-m-3.sc-ecl-banner-eu,.ecl-col-m-4.sc-ecl-banner-eu,.ecl-col-m-5.sc-ecl-banner-eu,.ecl-col-m-6.sc-ecl-banner-eu,.ecl-col-m-7.sc-ecl-banner-eu,.ecl-col-m-8.sc-ecl-banner-eu,.ecl-col-m-9.sc-ecl-banner-eu,.ecl-col-s-1.sc-ecl-banner-eu,.ecl-col-s-10.sc-ecl-banner-eu,.ecl-col-s-11.sc-ecl-banner-eu,.ecl-col-s-12.sc-ecl-banner-eu,.ecl-col-s-2.sc-ecl-banner-eu,.ecl-col-s-3.sc-ecl-banner-eu,.ecl-col-s-4.sc-ecl-banner-eu,.ecl-col-s-5.sc-ecl-banner-eu,.ecl-col-s-6.sc-ecl-banner-eu,.ecl-col-s-7.sc-ecl-banner-eu,.ecl-col-s-8.sc-ecl-banner-eu,.ecl-col-s-9.sc-ecl-banner-eu,.ecl-col-xl-1.sc-ecl-banner-eu,.ecl-col-xl-10.sc-ecl-banner-eu,.ecl-col-xl-11.sc-ecl-banner-eu,.ecl-col-xl-12.sc-ecl-banner-eu,.ecl-col-xl-2.sc-ecl-banner-eu,.ecl-col-xl-3.sc-ecl-banner-eu,.ecl-col-xl-4.sc-ecl-banner-eu,.ecl-col-xl-5.sc-ecl-banner-eu,.ecl-col-xl-6.sc-ecl-banner-eu,.ecl-col-xl-7.sc-ecl-banner-eu,.ecl-col-xl-8.sc-ecl-banner-eu,.ecl-col-xl-9.sc-ecl-banner-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-banner-eu,.ecl-col-10.sc-ecl-banner-eu,.ecl-col-11.sc-ecl-banner-eu,.ecl-col-12.sc-ecl-banner-eu,.ecl-col-2.sc-ecl-banner-eu,.ecl-col-3.sc-ecl-banner-eu,.ecl-col-4.sc-ecl-banner-eu,.ecl-col-5.sc-ecl-banner-eu,.ecl-col-6.sc-ecl-banner-eu,.ecl-col-7.sc-ecl-banner-eu,.ecl-col-8.sc-ecl-banner-eu,.ecl-col-9.sc-ecl-banner-eu,.ecl-col-l-1.sc-ecl-banner-eu,.ecl-col-l-10.sc-ecl-banner-eu,.ecl-col-l-11.sc-ecl-banner-eu,.ecl-col-l-12.sc-ecl-banner-eu,.ecl-col-l-2.sc-ecl-banner-eu,.ecl-col-l-3.sc-ecl-banner-eu,.ecl-col-l-4.sc-ecl-banner-eu,.ecl-col-l-5.sc-ecl-banner-eu,.ecl-col-l-6.sc-ecl-banner-eu,.ecl-col-l-7.sc-ecl-banner-eu,.ecl-col-l-8.sc-ecl-banner-eu,.ecl-col-l-9.sc-ecl-banner-eu,.ecl-col-m-1.sc-ecl-banner-eu,.ecl-col-m-10.sc-ecl-banner-eu,.ecl-col-m-11.sc-ecl-banner-eu,.ecl-col-m-12.sc-ecl-banner-eu,.ecl-col-m-2.sc-ecl-banner-eu,.ecl-col-m-3.sc-ecl-banner-eu,.ecl-col-m-4.sc-ecl-banner-eu,.ecl-col-m-5.sc-ecl-banner-eu,.ecl-col-m-6.sc-ecl-banner-eu,.ecl-col-m-7.sc-ecl-banner-eu,.ecl-col-m-8.sc-ecl-banner-eu,.ecl-col-m-9.sc-ecl-banner-eu,.ecl-col-s-1.sc-ecl-banner-eu,.ecl-col-s-10.sc-ecl-banner-eu,.ecl-col-s-11.sc-ecl-banner-eu,.ecl-col-s-12.sc-ecl-banner-eu,.ecl-col-s-2.sc-ecl-banner-eu,.ecl-col-s-3.sc-ecl-banner-eu,.ecl-col-s-4.sc-ecl-banner-eu,.ecl-col-s-5.sc-ecl-banner-eu,.ecl-col-s-6.sc-ecl-banner-eu,.ecl-col-s-7.sc-ecl-banner-eu,.ecl-col-s-8.sc-ecl-banner-eu,.ecl-col-s-9.sc-ecl-banner-eu,.ecl-col-xl-1.sc-ecl-banner-eu,.ecl-col-xl-10.sc-ecl-banner-eu,.ecl-col-xl-11.sc-ecl-banner-eu,.ecl-col-xl-12.sc-ecl-banner-eu,.ecl-col-xl-2.sc-ecl-banner-eu,.ecl-col-xl-3.sc-ecl-banner-eu,.ecl-col-xl-4.sc-ecl-banner-eu,.ecl-col-xl-5.sc-ecl-banner-eu,.ecl-col-xl-6.sc-ecl-banner-eu,.ecl-col-xl-7.sc-ecl-banner-eu,.ecl-col-xl-8.sc-ecl-banner-eu,.ecl-col-xl-9.sc-ecl-banner-eu{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-banner-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-banner-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-banner-eu{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-banner-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-banner-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-banner-eu{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-banner-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-banner-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-banner-eu{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-banner-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-banner-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-banner-eu{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-banner-eu{right:auto}.ecl-pull-1.sc-ecl-banner-eu{right:8.3333333333%}.ecl-pull-2.sc-ecl-banner-eu{right:16.6666666667%}.ecl-pull-3.sc-ecl-banner-eu{right:25%}.ecl-pull-4.sc-ecl-banner-eu{right:33.3333333333%}.ecl-pull-5.sc-ecl-banner-eu{right:41.6666666667%}.ecl-pull-6.sc-ecl-banner-eu{right:50%}.ecl-pull-7.sc-ecl-banner-eu{right:58.3333333333%}.ecl-pull-8.sc-ecl-banner-eu{right:66.6666666667%}.ecl-pull-9.sc-ecl-banner-eu{right:75%}.ecl-pull-10.sc-ecl-banner-eu{right:83.3333333333%}.ecl-pull-11.sc-ecl-banner-eu{right:91.6666666667%}.ecl-pull-12.sc-ecl-banner-eu{right:100%}.ecl-push-0.sc-ecl-banner-eu{left:auto}.ecl-push-1.sc-ecl-banner-eu{left:8.3333333333%}.ecl-push-2.sc-ecl-banner-eu{left:16.6666666667%}.ecl-push-3.sc-ecl-banner-eu{left:25%}.ecl-push-4.sc-ecl-banner-eu{left:33.3333333333%}.ecl-push-5.sc-ecl-banner-eu{left:41.6666666667%}.ecl-push-6.sc-ecl-banner-eu{left:50%}.ecl-push-7.sc-ecl-banner-eu{left:58.3333333333%}.ecl-push-8.sc-ecl-banner-eu{left:66.6666666667%}.ecl-push-9.sc-ecl-banner-eu{left:75%}.ecl-push-10.sc-ecl-banner-eu{left:83.3333333333%}.ecl-push-11.sc-ecl-banner-eu{left:91.6666666667%}.ecl-push-12.sc-ecl-banner-eu{left:100%}.ecl-offset-1.sc-ecl-banner-eu{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-banner-eu{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-banner-eu{margin-inline-start:25%}.ecl-offset-4.sc-ecl-banner-eu{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-banner-eu{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-banner-eu{margin-inline-start:50%}.ecl-offset-7.sc-ecl-banner-eu{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-banner-eu{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-banner-eu{margin-inline-start:75%}.ecl-offset-10.sc-ecl-banner-eu{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-banner-eu{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-banner-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-banner-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-banner-eu{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-banner-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-banner-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-banner-eu{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-banner-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-banner-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-banner-eu{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-banner-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-banner-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-banner-eu{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-banner-eu{right:auto}.ecl-pull-s-1.sc-ecl-banner-eu{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-banner-eu{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-banner-eu{right:25%}.ecl-pull-s-4.sc-ecl-banner-eu{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-banner-eu{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-banner-eu{right:50%}.ecl-pull-s-7.sc-ecl-banner-eu{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-banner-eu{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-banner-eu{right:75%}.ecl-pull-s-10.sc-ecl-banner-eu{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-banner-eu{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-banner-eu{right:100%}.ecl-push-s-0.sc-ecl-banner-eu{left:auto}.ecl-push-s-1.sc-ecl-banner-eu{left:8.3333333333%}.ecl-push-s-2.sc-ecl-banner-eu{left:16.6666666667%}.ecl-push-s-3.sc-ecl-banner-eu{left:25%}.ecl-push-s-4.sc-ecl-banner-eu{left:33.3333333333%}.ecl-push-s-5.sc-ecl-banner-eu{left:41.6666666667%}.ecl-push-s-6.sc-ecl-banner-eu{left:50%}.ecl-push-s-7.sc-ecl-banner-eu{left:58.3333333333%}.ecl-push-s-8.sc-ecl-banner-eu{left:66.6666666667%}.ecl-push-s-9.sc-ecl-banner-eu{left:75%}.ecl-push-s-10.sc-ecl-banner-eu{left:83.3333333333%}.ecl-push-s-11.sc-ecl-banner-eu{left:91.6666666667%}.ecl-push-s-12.sc-ecl-banner-eu{left:100%}.ecl-offset-s-0.sc-ecl-banner-eu{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-banner-eu{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-banner-eu{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-banner-eu{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-banner-eu{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-banner-eu{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-banner-eu{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-banner-eu{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-banner-eu{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-banner-eu{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-banner-eu{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-banner-eu{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-banner-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-banner-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-banner-eu{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-banner-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-banner-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-banner-eu{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-banner-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-banner-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-banner-eu{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-banner-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-banner-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-banner-eu{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-banner-eu{right:auto}.ecl-pull-m-1.sc-ecl-banner-eu{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-banner-eu{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-banner-eu{right:25%}.ecl-pull-m-4.sc-ecl-banner-eu{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-banner-eu{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-banner-eu{right:50%}.ecl-pull-m-7.sc-ecl-banner-eu{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-banner-eu{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-banner-eu{right:75%}.ecl-pull-m-10.sc-ecl-banner-eu{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-banner-eu{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-banner-eu{right:100%}.ecl-push-m-0.sc-ecl-banner-eu{left:auto}.ecl-push-m-1.sc-ecl-banner-eu{left:8.3333333333%}.ecl-push-m-2.sc-ecl-banner-eu{left:16.6666666667%}.ecl-push-m-3.sc-ecl-banner-eu{left:25%}.ecl-push-m-4.sc-ecl-banner-eu{left:33.3333333333%}.ecl-push-m-5.sc-ecl-banner-eu{left:41.6666666667%}.ecl-push-m-6.sc-ecl-banner-eu{left:50%}.ecl-push-m-7.sc-ecl-banner-eu{left:58.3333333333%}.ecl-push-m-8.sc-ecl-banner-eu{left:66.6666666667%}.ecl-push-m-9.sc-ecl-banner-eu{left:75%}.ecl-push-m-10.sc-ecl-banner-eu{left:83.3333333333%}.ecl-push-m-11.sc-ecl-banner-eu{left:91.6666666667%}.ecl-push-m-12.sc-ecl-banner-eu{left:100%}.ecl-offset-m-0.sc-ecl-banner-eu{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-banner-eu{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-banner-eu{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-banner-eu{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-banner-eu{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-banner-eu{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-banner-eu{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-banner-eu{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-banner-eu{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-banner-eu{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-banner-eu{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-banner-eu{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-banner-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-banner-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-banner-eu{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-banner-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-banner-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-banner-eu{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-banner-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-banner-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-banner-eu{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-banner-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-banner-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-banner-eu{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-banner-eu{right:auto}.ecl-pull-l-1.sc-ecl-banner-eu{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-banner-eu{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-banner-eu{right:25%}.ecl-pull-l-4.sc-ecl-banner-eu{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-banner-eu{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-banner-eu{right:50%}.ecl-pull-l-7.sc-ecl-banner-eu{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-banner-eu{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-banner-eu{right:75%}.ecl-pull-l-10.sc-ecl-banner-eu{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-banner-eu{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-banner-eu{right:100%}.ecl-push-l-0.sc-ecl-banner-eu{left:auto}.ecl-push-l-1.sc-ecl-banner-eu{left:8.3333333333%}.ecl-push-l-2.sc-ecl-banner-eu{left:16.6666666667%}.ecl-push-l-3.sc-ecl-banner-eu{left:25%}.ecl-push-l-4.sc-ecl-banner-eu{left:33.3333333333%}.ecl-push-l-5.sc-ecl-banner-eu{left:41.6666666667%}.ecl-push-l-6.sc-ecl-banner-eu{left:50%}.ecl-push-l-7.sc-ecl-banner-eu{left:58.3333333333%}.ecl-push-l-8.sc-ecl-banner-eu{left:66.6666666667%}.ecl-push-l-9.sc-ecl-banner-eu{left:75%}.ecl-push-l-10.sc-ecl-banner-eu{left:83.3333333333%}.ecl-push-l-11.sc-ecl-banner-eu{left:91.6666666667%}.ecl-push-l-12.sc-ecl-banner-eu{left:100%}.ecl-offset-l-0.sc-ecl-banner-eu{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-banner-eu{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-banner-eu{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-banner-eu{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-banner-eu{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-banner-eu{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-banner-eu{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-banner-eu{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-banner-eu{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-banner-eu{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-banner-eu{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-banner-eu{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-banner-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-banner-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-banner-eu{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-banner-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-banner-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-banner-eu{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-banner-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-banner-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-banner-eu{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-banner-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-banner-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-banner-eu{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-banner-eu{right:auto}.ecl-pull-xl-1.sc-ecl-banner-eu{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-banner-eu{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-banner-eu{right:25%}.ecl-pull-xl-4.sc-ecl-banner-eu{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-banner-eu{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-banner-eu{right:50%}.ecl-pull-xl-7.sc-ecl-banner-eu{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-banner-eu{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-banner-eu{right:75%}.ecl-pull-xl-10.sc-ecl-banner-eu{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-banner-eu{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-banner-eu{right:100%}.ecl-push-xl-0.sc-ecl-banner-eu{left:auto}.ecl-push-xl-1.sc-ecl-banner-eu{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-banner-eu{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-banner-eu{left:25%}.ecl-push-xl-4.sc-ecl-banner-eu{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-banner-eu{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-banner-eu{left:50%}.ecl-push-xl-7.sc-ecl-banner-eu{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-banner-eu{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-banner-eu{left:75%}.ecl-push-xl-10.sc-ecl-banner-eu{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-banner-eu{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-banner-eu{left:100%}.ecl-offset-xl-0.sc-ecl-banner-eu{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-banner-eu{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-banner-eu{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-banner-eu{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-banner-eu{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-banner-eu{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-banner-eu{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-banner-eu{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-banner-eu{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-banner-eu{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-banner-eu{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-banner-eu{margin-inline-start:91.6666666667%}}.ecl-banner.sc-ecl-banner-eu{--banner-footer-height:0px;align-items:center;border-radius:8px;box-shadow:var(--sh-2);display:flex;flex-direction:column;justify-content:center;margin-bottom:0;margin-inline-end:0;margin-top:0;position:relative}.ecl-banner__picture-container.sc-ecl-banner-eu{margin:0;position:relative;width:100%}.ecl-banner__video-container.sc-ecl-banner-eu{object-fit:cover;overflow:hidden;position:relative;width:100%}.ecl-banner__credit.sc-ecl-banner-eu{background-color:var(--c-p-5);color:var(--cm-on-surface-brand,var(--c-d));font:var(--f-s);margin-block-end:calc(var(--s-xl)*-1);padding-block-start:1px;position:relative;text-align:end;width:100%;z-index:1}.ecl-container .ecl-banner.sc-ecl-banner-eu:not(.ecl-banner--full-width,.ecl-carousel--full-width *).sc-ecl-banner-eu .ecl-container.sc-ecl-banner-eu{padding-inline:var(--s-m)}.ecl-banner__container.sc-ecl-banner-eu{display:flex;width:100%}.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__container.sc-ecl-banner-eu,.ecl-banner__container.sc-ecl-banner-eu{padding-block:var(--s-l)}.ecl-banner__content.sc-ecl-banner-eu{align-items:flex-start;box-sizing:content-box;display:inline-flex;flex-direction:column;max-width:50rem}.ecl-banner__image.sc-ecl-banner-eu{object-position:top}.ecl-banner__image.sc-ecl-banner-eu,.ecl-banner__video.sc-ecl-banner-eu{display:block;height:100%;max-height:100%;object-fit:cover;position:relative;width:100%}.ecl-banner__video.sc-ecl-banner-eu{object-position:center}.ecl-banner__info.sc-ecl-banner-eu{background-color:var(--c-p-5);display:flex;flex-grow:1}.ecl-banner__title.sc-ecl-banner-eu,.ecl-banner__title-link.sc-ecl-banner-eu{color:var(--c-d-140);display:block;margin:0;width:100%}.ecl-banner__title-link.sc-ecl-banner-eu:hover,.ecl-banner__title-link.sc-ecl-banner-eu:visited,.ecl-banner__title.sc-ecl-banner-eu:hover,.ecl-banner__title.sc-ecl-banner-eu:visited{color:var(--c-d-140)}.ecl-banner__title.sc-ecl-banner-eu,.ecl-banner__title-link.sc-ecl-banner-eu{font-family:arial,sans-serif;font-weight:400;font:var(--f-2xl)}@media (min-width:1140px){.ecl-banner__title.sc-ecl-banner-eu,.ecl-banner__title-link.sc-ecl-banner-eu{font:var(--f-4xl)}}.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__title.sc-ecl-banner-eu,.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__title-link.sc-ecl-banner-eu{font-family:arial,sans-serif;font:var(--f-2xl)}@media (min-width:1140px){.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__title.sc-ecl-banner-eu,.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__title-link.sc-ecl-banner-eu{font:var(--f-4xl)}}.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__title.sc-ecl-banner-eu,.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__title-link.sc-ecl-banner-eu{font-family:arial,sans-serif;font:var(--f-2xl)}@media (min-width:1140px){.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__title.sc-ecl-banner-eu,.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__title-link.sc-ecl-banner-eu{font:var(--f-5xl)}}.ecl-banner__description.sc-ecl-banner-eu{margin-block-start:var(--s-s)}.ecl-banner__description.sc-ecl-banner-eu,.ecl-banner__description-link.sc-ecl-banner-eu{color:var(--c-d-140);margin-block-end:0;width:100%}.ecl-banner__description-link.sc-ecl-banner-eu:hover,.ecl-banner__description-link.sc-ecl-banner-eu:visited,.ecl-banner__description.sc-ecl-banner-eu:hover,.ecl-banner__description.sc-ecl-banner-eu:visited{color:var(--c-d-140)}.ecl-banner__description.sc-ecl-banner-eu,.ecl-banner__description-link.sc-ecl-banner-eu{font-family:arial,sans-serif;font-size:var(--fs-xl);font-weight:400;line-height:var(--lh-xl)}@media (min-width:1140px){.ecl-banner__description.sc-ecl-banner-eu,.ecl-banner__description-link.sc-ecl-banner-eu{font-size:var(--fs-2xl);line-height:var(--lh-2xl)}}.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__description.sc-ecl-banner-eu,.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__description-link.sc-ecl-banner-eu{font-family:arial,sans-serif;font-size:var(--fs-xl);font-weight:400;line-height:var(--lh-xl)}@media (min-width:1140px){.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__description.sc-ecl-banner-eu,.ecl-banner--font-s.sc-ecl-banner-eu .ecl-banner__description-link.sc-ecl-banner-eu{font-size:var(--fs-2xl);line-height:var(--lh-2xl)}}.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__description.sc-ecl-banner-eu,.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__description-link.sc-ecl-banner-eu{font-family:arial,sans-serif;font:var(--f-xl)}@media (min-width:1140px){.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__description.sc-ecl-banner-eu,.ecl-banner--font-l.sc-ecl-banner-eu .ecl-banner__description-link.sc-ecl-banner-eu{font:var(--f-4xl)}}.ecl-banner__cta.sc-ecl-banner-eu{margin-top:var(--s-m)}.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-eu,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-eu{align-items:center;background-color:var(--cm-on-surface-brand,var(--c-d));border:none;border-radius:50%;bottom:calc(var(--s-m) + var(--banner-footer-height));color:#fff;justify-content:center;outline:#fff;outline-offset:-4px;position:absolute;right:var(--s-m);z-index:2}.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-eu:active,.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-eu:focus-visible,.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-eu:hover,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-eu:active,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-eu:focus-visible,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-eu:hover{background-color:#fff;border:none;color:var(--cm-on-surface-brand,var(--c-d));outline-color:var(--cm-on-surface-brand,var(--c-d));padding:0}.ecl-banner__pause.ecl-button--icon-only.sc-ecl-banner-eu .ecl-button__icon.sc-ecl-banner-eu,.ecl-banner__play.ecl-button--icon-only.sc-ecl-banner-eu .ecl-button__icon.sc-ecl-banner-eu{height:2.5rem;width:2.5rem}.ecl-banner__content.sc-ecl-banner-eu>.sc-ecl-banner-eu:first-child{margin-top:0}.ecl-banner--full-width.sc-ecl-banner-eu{border-radius:0;left:50%;margin-inline-start:-50vw;width:100vw}.ecl-banner--full-width.sc-ecl-banner-eu:dir(rtl){left:auto;right:50%}.ecl-banner--no-media.sc-ecl-banner-eu,.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__info.sc-ecl-banner-eu{background-color:var(--cm-surface-0,var(--c-p))}.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__description.sc-ecl-banner-eu,.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__description-link.sc-ecl-banner-eu,.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__title.sc-ecl-banner-eu,.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__title-link.sc-ecl-banner-eu{color:var(--cm-on-surface-swap-0,#fff)}.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__content.sc-ecl-banner-eu{background:transparent}.ecl-banner.sc-ecl-banner-eu .ecl-banner__image.sc-ecl-banner-eu,.ecl-banner.sc-ecl-banner-eu .ecl-banner__video.sc-ecl-banner-eu,.ecl-banner__picture-container.sc-ecl-banner-eu,.ecl-banner__video-container.sc-ecl-banner-eu{aspect-ratio:3/2;--css-aspect-ratio:3/2}@media (min-width:768px){.ecl-banner.sc-ecl-banner-eu .ecl-container.sc-ecl-banner-eu{padding-inline:var(--s-xl)}.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__container.sc-ecl-banner-eu,.ecl-banner__container.sc-ecl-banner-eu{padding-block:var(--s-xl)}.ecl-banner.sc-ecl-banner-eu .ecl-banner__image.sc-ecl-banner-eu,.ecl-banner.sc-ecl-banner-eu .ecl-banner__video.sc-ecl-banner-eu,.ecl-banner__picture-container.sc-ecl-banner-eu,.ecl-banner__video-container.sc-ecl-banner-eu{aspect-ratio:3/1;--css-aspect-ratio:3/1}}@media (min-width:1140px){.ecl-banner.sc-ecl-banner-eu{aspect-ratio:4/1;padding-bottom:var(--banner-footer-height);--css-aspect-ratio:4/1}.ecl-banner--xs.sc-ecl-banner-eu{aspect-ratio:6/1;--css-aspect-ratio:6/1}.ecl-banner--s.sc-ecl-banner-eu{aspect-ratio:5/1;--css-aspect-ratio:5/1}.ecl-banner--m.sc-ecl-banner-eu{aspect-ratio:4/1;--css-aspect-ratio:4/1}.ecl-banner--l.sc-ecl-banner-eu{aspect-ratio:3/1;--css-aspect-ratio:3/1}.ecl-banner.sc-ecl-banner-eu .ecl-container.sc-ecl-banner-eu{padding-inline:var(--s-m);position:absolute;z-index:1}.ecl-banner__credit.sc-ecl-banner-eu{font:var(--f-s);margin-block-end:0;padding-block:var(--s-2xs);position:absolute;text-align:start}.ecl-banner.sc-ecl-banner-eu .ecl-banner__credit.sc-ecl-banner-eu .ecl-container.sc-ecl-banner-eu{position:relative}.ecl-container.sc-ecl-banner-eu .ecl-banner.sc-ecl-banner-eu:not(.ecl-banner--full-width) .ecl-container.sc-ecl-banner-eu{padding-inline-end:var(--s-2xl);padding-inline-start:var(--s-2xl)}.ecl-banner__info.sc-ecl-banner-eu{align-items:center;background-color:transparent}.ecl-banner--no-media.sc-ecl-banner-eu .ecl-banner__container.sc-ecl-banner-eu,.ecl-banner__container.sc-ecl-banner-eu{padding-block:var(--s-3xl)}.ecl-banner--v-bottom.sc-ecl-banner-eu .ecl-banner__container.sc-ecl-banner-eu{padding-block-end:calc(var(--s-3xl) + var(--banner-footer-height))}.ecl-banner__content.sc-ecl-banner-eu{background-color:#fff;border-radius:4px;max-width:42.5rem;padding:var(--s-l) var(--s-l)}.ecl-banner--box-bg-none.sc-ecl-banner-eu .ecl-banner__content.sc-ecl-banner-eu{background-color:transparent;border-radius:0;padding:0}.ecl-banner--box-bg-dark.sc-ecl-banner-eu .ecl-banner__content.sc-ecl-banner-eu{backdrop-filter:blur(2px);background:var(--cm-surface-transparent-70,var(--c-ov-l));-webkit-box-decoration-break:clone;box-decoration-break:clone}.ecl-banner__title.sc-ecl-banner-eu,.ecl-banner__title-link.sc-ecl-banner-eu{display:inline;width:auto}.ecl-banner--color-light.sc-ecl-banner-eu .ecl-banner__title.sc-ecl-banner-eu,.ecl-banner--color-light.sc-ecl-banner-eu .ecl-banner__title-link.sc-ecl-banner-eu{color:#fff}.ecl-banner__description.sc-ecl-banner-eu,.ecl-banner__description-link.sc-ecl-banner-eu{width:auto}.ecl-banner--color-light.sc-ecl-banner-eu .ecl-banner__description.sc-ecl-banner-eu,.ecl-banner--color-light.sc-ecl-banner-eu .ecl-banner__description-link.sc-ecl-banner-eu{color:#fff}.ecl-banner__picture-container.sc-ecl-banner-eu,.ecl-banner__video-container.sc-ecl-banner-eu{aspect-ratio:auto;height:100%;position:static}.ecl-banner__picture.sc-ecl-banner-eu{display:block;height:100%;position:relative}.ecl-banner--h-center.sc-ecl-banner-eu .ecl-banner__container.sc-ecl-banner-eu{justify-content:center}.ecl-banner--h-center.sc-ecl-banner-eu .ecl-banner__content.sc-ecl-banner-eu{align-items:center;text-align:center}.ecl-banner--h-right.sc-ecl-banner-eu .ecl-banner__container.sc-ecl-banner-eu{justify-content:flex-end}.ecl-banner--h-right.sc-ecl-banner-eu .ecl-banner__content.sc-ecl-banner-eu{align-items:flex-end;text-align:right}.ecl-banner--v-top.sc-ecl-banner-eu .ecl-container.sc-ecl-banner-eu{top:0}.ecl-banner--v-bottom.sc-ecl-banner-eu .ecl-container.sc-ecl-banner-eu{bottom:0}}`;

const EclBanner = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.colorMode = '';
        this.external = false;
        this.fullWidth = false;
        this.noScript = false;
        this.boxBackground = 'light';
        this.horizontal = 'left';
        this.vertical = 'center';
        this.fontColor = 'dark';
        this.fontSize = 'm';
        this.size = 'm';
        this.ctaClicked = false;
    }
    getClass() {
        const styleClasses = [
            `ecl-banner`,
            `ecl-banner--${this.size}`,
            `ecl-banner--box-bg-${this.boxBackground}`,
            `ecl-banner--h-${this.horizontal}`,
            `ecl-banner--v-${this.vertical}`,
            `ecl-banner--font-${this.fontSize}`,
            this.styleClass
        ];
        if (this.fullWidth) {
            styleClasses.push('ecl-banner--full-width');
        }
        if (this.colorMode) {
            styleClasses.push(`ecl-color-mode--${this.colorMode}`);
        }
        if (!this.image && !this.sources && !this.tracks) {
            styleClasses.push('ecl-banner--no-media');
        }
        if (this.image || this.sources || this.tracks) {
            styleClasses.push(`ecl-banner--color-${this.fontColor}`);
        }
        return styleClasses.join(' ');
    }
    componentWillLoad() {
        var _a;
        this.theme = (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
        if (this.boxBackground === 'dark') {
            this.fontColor = 'light';
        }
    }
    componentDidLoad() {
        if (this.sources || this.tracks) {
            const video = this.el.querySelector('video');
            if (video) {
                video.setAttribute('data-ecl-banner-video', '');
            }
        }
        if (!this.noScript) {
            window.ECL = window.ECL || {};
            ECL.Banner = Banner;
            const banner = new Banner(this.el.firstElementChild);
            banner.init();
        }
    }
    componentDidRender() {
        if (this.el.querySelector('.ecl-banner__cta')) {
            this.el.querySelector('.ecl-banner__cta').addEventListener('click', () => {
                this.ctaClicked = true;
            });
        }
    }
    render() {
        const sources = this.sources ? JSON.parse(this.sources) : '';
        const tracks = this.tracks ? JSON.parse(this.tracks) : '';
        const videoSources = sources ? sources.map((source) => (h("source", { type: source.type, src: source.src }))) : '';
        const videoTracks = tracks ? tracks.map((track) => (h("track", { kind: track.kind, label: track.label, src: track.src, srclang: track.src_lang }))) : '';
        return (h("section", { key: 'ea54998b6bd32e7484cd7368d312d286c8820eb3', class: this.getClass() }, this.image && !this.sources && !this.tracks &&
            h("figure", { key: '34cee776e67e7967f5e9ed9c202af886c3d016cb', class: "ecl-banner__picture-container" }, h("ecl-picture", { key: 'd622106aadf6d171065da26222dd2b76b4062358', styleClass: `ecl-banner__picture sc-ecl-banner-${this.theme}`, image: this.image, imageAlt: this.imageAlt, imgClass: `ecl-banner__image sc-ecl-banner-${this.theme}`, "data-ecl-banner-image": true }, h("slot", { key: '2ee5a012ab938ddeee9d382372ec68f0df2e7643', name: "sources" })), this.credit &&
                h("footer", { key: '42d38a6d55119d25e09107d867fdfd9c8a046a4e', class: "ecl-banner__credit", "data-ecl-banner-footer": true }, h("div", { key: '36cc7050428867b9dfb68163721c795aa4603953', class: "ecl-container" }, this.credit))), (this.sources || this.tracks) &&
            h("div", { key: '9892e072ed12cd569d4268c3f7e08a0b33f1656e', class: "ecl-banner__video-container" }, h("ecl-video", { key: 'd4dacfed230e8245aabc31be844c751fc1e34a5c', autoplay: true, loop: true, poster: this.image, muted: true, controls: false, styleClass: `ecl-banner__video sc-ecl-banner-${this.theme}` }, ...videoSources, ...videoTracks), this.credit &&
                h("div", { key: '9f247a2152adba6e1795fd993de8676b41168c62', class: "ecl-banner__credit", "data-ecl-banner-footer": true }, h("div", { key: '1ce8991ed82ed441919f694d4b352dcc02686fe6', class: "ecl-container" }, this.credit)), h("ecl-button", { key: '99a43f8c36c8af416744992298402ed7ee4ae1a6', styleClass: `ecl-banner__play sc-ecl-banner-${this.theme}`, hideLabel: true, type: "button", variant: "tertiary", buttonStyle: "neutral", "data-ecl-banner-play": true, containerExtraClasses: `sc-ecl-banner-${this.theme}` }, this.srPlay, h("ecl-icon", { key: 'f999559f6b71cd878692b1bfab40f6a789bc174b', styleClass: `sc-ecl-banner-${this.theme}`, slot: "icon-after", icon: "play-outline", size: "m" })), h("ecl-button", { key: '58c5d26c36d8e15578596ecdff4f4a0cda75351b', styleClass: `ecl-banner__pause sc-ecl-banner-${this.theme}`, hideLabel: true, type: "button", variant: "tertiary", buttonStyle: "neutral", "data-ecl-banner-pause": true, containerExtraClasses: `sc-ecl-banner-${this.theme}` }, this.srPause, h("ecl-icon", { key: 'e9b3262d16fac83fe390913eb76812e92ce8987b', styleClass: `sc-ecl-banner-${this.theme}`, slot: "icon-after", icon: "pause-outline", size: "m" }))), h("div", { key: 'a81dd4735e46ce63aa0245542b1d03d41bfe738f', class: "ecl-container ecl-banner__info" }, h("div", { key: '5d5a5e022e92e1fc9795db7bd1b02fcef18fda39', class: "ecl-banner__container", "data-ecl-banner-container": true }, h("div", { key: '4ab64455b3947e503d2ebf1310eec9077d758545', class: "ecl-banner__content" }, this.bannerTitle &&
            h("div", { key: '6ae42fd8bb811b8efb89e139ed3fbd832310a1c1', class: "ecl-banner__title" }, h("span", { key: '5b6196ce0aa981faf39caf16280b1f655b9d3880', class: "ecl-banner__title-text" }, this.bannerTitleLink ?
                h("ecl-link", { path: this.bannerTitleLink, "style-class": `ecl-banner__title-link sc-ecl-banner-${this.theme}` }, this.bannerTitle) : this.bannerTitle)), h("p", { key: '99720191a3422b70d3b225c15398677a53d8ba4b', class: "ecl-banner__description" }, h("span", { key: '655aec1a456d47db74f65d771196009a78ef81f6', class: "ecl-banner__description-text" }, this.descriptionLink ?
            h("ecl-link", { path: this.descriptionLink, "style-class": `ecl-banner__description-link sc-ecl-banner-${this.theme}` }, " ", h("slot", null))
            : h("slot", null))), this.ctaLabel && this.ctaLink ?
            h("div", { class: "ecl-banner__cta" }, h("ecl-link", { theme: this.theme, variant: "primary-highlight", path: this.ctaLink, "style-class": `ecl-banner__link-cta sc-ecl-banner-${this.theme}` }, this.ctaLabel, h("ecl-icon", { icon: "corner-arrow", slot: "icon-after", rotate: "90" })))
            : '')))));
    }
    static get assetsDirs() { return ["build"]; }
    get el() { return getElement(this); }
};
EclBanner.style = {
    ec: eclBannerEcCss(),
    eu: eclBannerEuCss()
};

export { EclBanner as ecl_banner };
