import { r as registerInstance, h, a as getElement } from './index-ytAlchvh.js';
import { a as queryOne, q as queryAll } from './index-DOYZ5uJz.js';

/**
 * @param {HTMLElement} element DOM element for component instantiation and scope
 * @param {Object} options
 * @param {String} options.toggleSelector Selector for toggling element
 * @param {String} options.contentClass Selector for the content container
 * @param {String} options.slidesClass Selector for the slides container
 * @param {String} options.slideClass Selector for the slide items
 * @param {String} options.navigationClass Selector for the navigation container
 * @param {String} options.currentSlideClass Selector for the counter current slide number
 */
class Carousel {
  /**
   * @static
   * Shorthand for instance creation and initialisation.
   *
   * @param {HTMLElement} root DOM element for component instantiation and scope
   *
   * @return {Carousel} An instance of Carousel.
   */
  static autoInit(root, { CAROUSEL: defaultOptions = {} } = {}) {
    const carousel = new Carousel(root, defaultOptions);
    carousel.init();
    root.ECLCarousel = carousel;
    return carousel;
  }

  constructor(
    element,
    {
      playSelector = '.ecl-carousel__play',
      pauseSelector = '.ecl-carousel__pause',
      containerClass = '.ecl-carousel__container',
      slidesClass = '.ecl-carousel__slides',
      slideClass = '.ecl-carousel__slide',
      currentSlideClass = '.ecl-carousel__current',
      navigationItemsClass = '.ecl-carousel__navigation-item',
      controlsClass = '.ecl-carousel__controls',
      attachClickListener = true,
      attachResizeListener = true,
    } = {},
  ) {
    // Check element
    if (!element || element.nodeType !== Node.ELEMENT_NODE) {
      throw new TypeError(
        'DOM element should be given to initialize this widget.',
      );
    }

    this.element = element;

    // Options
    this.playSelector = playSelector;
    this.pauseSelector = pauseSelector;
    this.containerClass = containerClass;
    this.slidesClass = slidesClass;
    this.slideClass = slideClass;
    this.currentSlideClass = currentSlideClass;
    this.navigationItemsClass = navigationItemsClass;
    this.controlsClass = controlsClass;
    this.attachClickListener = attachClickListener;
    this.attachResizeListener = attachResizeListener;

    // Private variables
    this.container = null;
    this.slides = null;
    this.btnPlay = null;
    this.btnPause = null;
    this.index = 0;
    this.total = 0;
    this.allowShift = true;
    this.activeNav = null;
    this.autoPlay = null;
    this.autoPlayInterval = null;
    this.hoverAutoPlay = null;
    this.resizeTimer = null;
    this.posX1 = 0;
    this.posX2 = 0;
    this.posInitial = 0;
    this.posFinal = 0;
    this.threshold = 80;
    this.navigationItems = null;
    this.navigation = null;
    this.controls = null;
    this.direction = 'ltr';
    this.executionCount = 0;
    this.maxExecutions = 5;
    this.slideWidth = 0;

    // Bind `this` for use in callbacks
    this.handleAutoPlay = this.handleAutoPlay.bind(this);
    this.handleMouseOver = this.handleMouseOver.bind(this);
    this.handleMouseOut = this.handleMouseOut.bind(this);
    this.shiftSlide = this.shiftSlide.bind(this);
    this.checkIndex = this.checkIndex.bind(this);
    this.moveSlides = this.moveSlides.bind(this);
    this.handleResize = this.handleResize.bind(this);
    this.dragStart = this.dragStart.bind(this);
    this.dragEnd = this.dragEnd.bind(this);
    this.dragAction = this.dragAction.bind(this);
    this.handleFocus = this.handleFocus.bind(this);
    this.handleKeyboardOnPlay = this.handleKeyboardOnPlay.bind(this);
    this.handleKeyboardOnBullets = this.handleKeyboardOnBullets.bind(this);
    this.checkBannerHeights = this.checkBannerHeights.bind(this);
    this.resetBannerHeights = this.resetBannerHeights.bind(this);
  }

  /**
   * Initialise component.
   */
  init() {
    if (!ECL) {
      throw new TypeError('Called init but ECL is not present');
    }
    ECL.components = ECL.components || new Map();
    // Hide the carousel initially, we will show it in handleesize()
    this.element.style.opacity = 0;
    this.btnPlay = queryOne(this.playSelector, this.element);
    this.btnPause = queryOne(this.pauseSelector, this.element);
    this.slidesContainer = queryOne(this.slidesClass, this.element);
    this.container = queryOne(this.containerClass, this.element);
    this.navigation = queryOne('.ecl-carousel__navigation', this.element);
    this.navigationItems = queryAll(this.navigationItemsClass, this.element);
    this.controls = queryOne(this.controlsClass, this.element);
    this.currentSlide = queryOne(this.currentSlideClass, this.element);

    this.slides = queryAll(this.slideClass, this.element);
    this.slidesContainer.innerHTML = '';
    this.slidesContainer.append(...this.slides);
    this.total = this.slides.length;

    // If only one slide, don't initialize carousel and hide controls
    if (this.total <= 1) {
      if (this.controls) {
        this.controls.style.display = 'none';
      }
      if (this.slidesContainer) {
        this.slidesContainer.style.display = 'block';
      }
      return false;
    }

    this.slides.forEach((slide) => {
      const banner = new ECL.Banner(slide.firstElementChild.firstElementChild);
      banner.init();
    });
 
    // Initialze pagination and navigation
    this.handleResize();
    // Bind events
    if (this.navigationItems) {
      this.navigationItems.forEach((nav, index) => {
        nav.addEventListener(
          'click',
          this.shiftSlide.bind(this, index + 1, true),
        );
      });
    }
    if (this.navigation) {
      this.navigation.addEventListener('keydown', this.handleKeyboardOnBullets);
    }
    if (this.attachClickListener && this.btnPlay && this.btnPause) {
      this.btnPlay.addEventListener('click', this.handleAutoPlay);
      this.btnPause.addEventListener('click', this.handleAutoPlay);
    }
    if (this.btnPlay) {
      this.btnPlay.addEventListener('keydown', this.handleKeyboardOnPlay);
    }

    if (this.slidesContainer) {
      // Mouse events
      this.slidesContainer.addEventListener('mouseover', this.handleMouseOver);
      this.slidesContainer.addEventListener('mouseout', this.handleMouseOut);

      // Touch events
      this.slidesContainer.addEventListener('touchstart', this.dragStart);
      this.slidesContainer.addEventListener('touchend', this.dragEnd);
      this.slidesContainer.addEventListener('touchmove', this.dragAction);
      this.slidesContainer.addEventListener('transitionend', this.checkIndex);
    }
    if (this.container) {
      this.container.addEventListener('focus', this.handleFocus, true);
    }
    if (this.attachResizeListener) {
      window.addEventListener('resize', this.handleResize);
    }

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

    return this;
  }

  /**
   * Destroy component.
   */
  destroy() {
    if (this.btnPlay) {
      this.btnPlay.replaceWith(this.btnPlay.cloneNode(true));
    }
    if (this.btnPause) {
      this.btnPause.replaceWith(this.btnPause.cloneNode(true));
    }
    if (this.slidesContainer) {
      this.slidesContainer.removeEventListener(
        'mouseover',
        this.handleMouseOver,
      );
      this.slidesContainer.removeEventListener('mouseout', this.handleMouseOut);
      this.slidesContainer.removeEventListener('touchstart', this.dragStart);
      this.slidesContainer.removeEventListener('touchend', this.dragEnd);
      this.slidesContainer.removeEventListener('touchmove', this.dragAction);
      this.slidesContainer.removeEventListener(
        'transitionend',
        this.checkIndex,
      );
    }
    if (this.container) {
      this.container.removeEventListener('focus', this.handleFocus, true);
    }
    if (this.navigationItems) {
      this.navigationItems.forEach((nav) => {
        nav.replaceWith(nav.cloneNode(true));
      });
    }
    if (this.attachResizeListener) {
      window.removeEventListener('resize', this.handleResize);
    }
    if (this.autoPlayInterval) {
      clearInterval(this.autoPlayInterval);
      this.autoPlay = null;
    }
    if (this.element) {
      this.element.removeAttribute('data-ecl-auto-initialized');
      ECL.components.delete(this.element);
    }
  }

  /**
   * Set the banners height above the xl breakpoint
   */
  checkBannerHeights() {
    this.executionCount += 1;
    if (this.executionCount > this.maxExecutions) {
      clearInterval(this.intervalId);
      this.executionCount = 0;
      return;
    }
    const heightValues = this.slides.map(function (slide) {
      const banner = queryOne('.ecl-banner', slide);
      const padding = parseInt(banner.style.getPropertyValue('--banner-footer-height'), 10) || 0;
      const height = parseInt(banner.style.height, 10);
      const totalHeight = height + padding;
      if (banner.style.height === 'auto') {
        // FRONT-4970 - Always handle banner heights, even when set to auto
        return banner.offsetHeight;
      }
      if (Number.isNaN(height) || height === 100) {
        return 1;
      }

      return totalHeight;
    });

    const elementHeights = heightValues.filter(function (height) {
      return height !== undefined;
    });

    const tallestElementHeight = Math.max.apply(Math, elementHeights);
    
    if (elementHeights.length === this.slides.length && tallestElementHeight === 0 || tallestElementHeight > 1) {
      clearInterval(this.intervalId);

      this.executionCount = 0;
      this.slides.forEach(function (slide) {
        let bannerImage = null;
        let bannerVideo = null;
        const banner = queryOne('.ecl-banner', slide);
        if (banner) {
          bannerImage = queryOne('img', banner);
          bannerVideo = queryOne('video', banner);
          const footerHeight = parseInt(banner.style.getPropertyValue('--banner-footer-height'), 10) || 0;
          const newHeight = tallestElementHeight - footerHeight;
          banner.style.height = newHeight + "px";        }
        if (bannerImage) {
          bannerImage.style.aspectRatio = 'auto';
        }
        if (bannerVideo) {
          bannerVideo.style.aspectRatio = 'auto';
        }
      });
    }
  }

  /**
   * Set the banners height below the xl breakpoint
   */
  resetBannerHeights() {
    this.slides.forEach((slide) => {
      const banner = queryOne('.ecl-banner', slide);
      let bannerImage = null;
      let bannerVideo = null;
      let bannerFooter = null;
      if (banner) {
        banner.style.height = '';
        bannerImage = queryOne('img', banner);
        bannerVideo = queryOne('video', banner);
        bannerFooter = queryOne('.ecl-banner__credit', banner);

        if (bannerImage) {
          bannerImage.style.aspectRatio = '';
        }
        if (bannerVideo) {
          bannerVideo.style.aspectRatio = '';
        }
        if (bannerFooter) {
          setTimeout(() => {
            banner.style.setProperty(
              '--banner-footer-height',
              `${bannerFooter.offsetHeight}px`,
            );
          }, 100);
        }
      }
    });
  }

  /**
   * TouchStart handler.
   * @param {Event} e
   */
  dragStart(e) {
    e = e || window.event;
    this.posInitial = this.slidesContainer.offsetLeft;

    if (e.type === 'touchstart') {
      this.posX1 = e.touches[0].clientX;
      this.posY1 = e.touches[0].clientY;
      this.allowShift = false; // reset on start
    }
  }

  /**
   * TouchMove handler.
   * @param {Event} e
   */
  dragAction(e) {
    e = e || window.event;

    if (e.type === 'touchmove') {
      const deltaX = e.touches[0].clientX - this.posX1;
      const deltaY = e.touches[0].clientY - this.posY1;

      // Enable shift only when horizontal movement is dominant
      if (!this.allowShift && Math.abs(deltaX) > Math.abs(deltaY)) {
        this.allowShift = true;
      }

      if (this.allowShift) {
        e.preventDefault();
        this.posX2 = this.posX1 - e.touches[0].clientX;
        this.posX1 = e.touches[0].clientX;

        this.slidesContainer.style.left = `${
          this.slidesContainer.offsetLeft - this.posX2
        }px`;
      }
    }
  }

  /**
   * TouchEnd handler.
   */
  dragEnd() {
    if (!this.allowShift) return;

    this.posFinal = this.slidesContainer.offsetLeft;

    if (this.posFinal - this.posInitial < -this.threshold) {
      this.shiftSlide('next', true);
    } else if (this.posFinal - this.posInitial > this.threshold) {
      this.shiftSlide('prev', true);
    } else {
      this.slidesContainer.style.left = `${this.posInitial}px`;
    }

    this.allowShift = false;
  }

  /**
   * Action to shift next or previous slide.
   * @param {int|string} dir
   * @param {Boolean} stopAutoPlay
   */
  shiftSlide(dir, stopAutoPlay) {
    if (this.allowShift) {
      if (typeof dir === 'number') {
        this.index = dir - 1;
      } else {
        if (dir === 'next') {
          if (this.total > this.index + 1) {
            this.index = this.index + 1;
          } else {
            this.index = 0;
          }
        }
      }
      this.moveSlides(true);
    }
    if (stopAutoPlay && this.autoPlay) {
      this.handleAutoPlay();
    }

    this.allowShift = false;
  }

  /**
   * Transition for the slides.
   * @param {Boolean} transition
   */
  moveSlides(transition) {
    const newOffset = this.slideWidth * this.index;

    this.slidesContainer.style.transitionDuration = transition ? '0.4s' : '0s';
    this.direction = getComputedStyle(this.element).direction;
    if (this.direction === 'rtl') {
      this.slidesContainer.style.right = `-${newOffset}px`;
    } else {
      this.slidesContainer.style.left = `-${newOffset}px`;
    }
  }

  /**
   * Action to update slides index and position.
   * @param {Event} e
   */
  checkIndex(e) {
    if (e) {
      if (e.propertyName !== 'left') {
        return;
      }
    }
    // Update index
    if (this.index === this.total) {
      this.index = 0;
    }

    // Move slide without transition to ensure infinity loop
    this.moveSlides(false);

    // Update pagination
    if (this.currentSlide) {
      this.currentSlide.textContent = this.index + 1;
    }

    // Update slides
    if (this.slides) {
      this.slides.forEach((slide, index) => {
        const cta = queryOne('.ecl-link--primary-highlight', slide);
        if (this.index === index) {
          slide.removeAttribute('inert', 'true');
          if (cta) {
            cta.removeAttribute('tabindex', -1);
          }
        } else {
          slide.setAttribute('inert', 'true');
          if (cta) {
            cta.setAttribute('tabindex', -1);
          }
        }
      });
    }

    // Update navigation
    if (this.navigationItems) {
      this.navigationItems.forEach((nav, index) => {
        if (this.index === index) {
          nav.setAttribute('aria-current', 'true');
          nav.removeAttribute('tabindex', -1);
        } else {
          nav.removeAttribute('aria-current', 'true');
          nav.setAttribute('tabindex', -1);
        }
      });
    }

    this.allowShift = true;
  }

  /**
   * Toggles play/pause slides.
   */
  handleAutoPlay() {
    if (!this.autoPlay) {
      this.autoPlayInterval = setInterval(() => {
        this.shiftSlide('next');
      }, 5000);
      this.autoPlay = true;
      const isFocus = document.activeElement === this.btnPlay;
      this.btnPlay.style.display = 'none';
      this.btnPause.style.display = 'flex';
      if (isFocus) {
        this.btnPause.focus();
      }
    } else {
      clearInterval(this.autoPlayInterval);
      this.autoPlay = false;
      const isFocus = document.activeElement === this.btnPause;
      this.btnPlay.style.display = 'flex';
      this.btnPause.style.display = 'none';
      if (isFocus) {
        this.btnPlay.focus();
      }
    }
  }

  /**
   * Trigger events on mouseover.
   */
  handleMouseOver() {
    this.hoverAutoPlay = this.autoPlay;
    if (this.hoverAutoPlay) {
      this.handleAutoPlay();
    }
    return this;
  }

  /**
   * Trigger events on mouseout.
   */
  handleMouseOut() {
    if (this.hoverAutoPlay) {
      this.handleAutoPlay();
    }
    return this;
  }

  /**
   * Trigger events on resize.
   */
  handleResize() {
    const vw = Math.max(
      document.documentElement.clientWidth || 0,
      window.innerWidth || 0,
    );
    clearInterval(this.intervalId);
    clearTimeout(this.resizeTimer);

    // We set 250ms delay which is higher than the 200ms delay in the banner.
    this.resizeTimer = setTimeout(() => {
      if (vw >= 1140) {
        this.intervalId = setInterval(this.checkBannerHeights, 100);
      } else {
        this.resetBannerHeights();
      }

      this.slideWidth = this.slides[0].scrollWidth;
      this.checkIndex();
      setTimeout(() => {
        // Reveal the carousel
        this.element.style.opacity = 1;
      }, 250);
    }, 250);

    // Add class to set a left margin to banner content and avoid arrow overlapping
    if (vw >= 1140 && vw <= 1260) {
      this.container.classList.add('ecl-carousel-container--padded');
    } else {
      this.container.classList.remove('ecl-carousel-container--padded');
    }
    // Deactivate autoPlay for mobile or activate autoPlay onLoad for desktop
    if ((vw <= 768 && this.autoPlay) || (vw > 768 && this.autoPlay === null)) {
      this.handleAutoPlay();
    }
  }

  /**
   * @param {Event} e
   */
  handleKeyboardOnPlay(e) {
    if (e.key === 'Tab' && e.shiftKey) {
      return;
    }

    switch (e.key) {
      case 'Tab':
      case 'ArrowRight':
        e.preventDefault();
        this.activeNav = queryOne(
          `${this.navigationItemsClass}[aria-current="true"]`,
        );
        if (this.activeNav) {
          this.activeNav.focus();
        }
        if (this.autoPlay) {
          this.handleAutoPlay();
        }
        break;
    }
  }

  /**
   * @param {Event} e
   */
  handleKeyboardOnBullets(e) {
    const focusedEl = document.activeElement;
    switch (e.key) {
      case 'ArrowRight':
        if (focusedEl.nextSibling) {
          e.preventDefault();
          this.shiftSlide('next', true);
          setTimeout(() => focusedEl.nextSibling.focus(), 400);
        }
        break;

      case 'ArrowLeft':
        if (focusedEl.previousSibling) {
          this.shiftSlide('prev', true);
          setTimeout(() => focusedEl.previousSibling.focus(), 400);
        } else {
          this.btnPlay.focus();
        }
        break;
      // Handle other key events here
    }
  }

  /**
   * Trigger events on focus.
   * @param {Event} e
   */
  handleFocus(e) {
    const focusElement = e.target;
    // Disable autoplay if focus is on a slide CTA
    if (
      focusElement &&
      focusElement.contains(document.activeElement) &&
      this.autoPlay
    ) {
      this.handleAutoPlay();
    }
    return this;
  }
}

const eclCarouselEcCss = () => `.ecl-container.sc-ecl-carousel-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-carousel-ec{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-carousel-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-carousel-ec{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-carousel-ec{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-carousel-ec{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-carousel-ec{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-carousel-ec{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-carousel-ec{max-width:100%;width:1368px}}.ecl-row.sc-ecl-carousel-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-carousel-ec{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-carousel-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-carousel-ec{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-carousel-ec{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-carousel-ec{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-carousel-ec>.ecl-col.sc-ecl-carousel-ec,.ecl-no-gutters.sc-ecl-carousel-ec>[class*=ecl-col-].sc-ecl-carousel-ec{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-carousel-ec,.ecl-col-10.sc-ecl-carousel-ec,.ecl-col-11.sc-ecl-carousel-ec,.ecl-col-12.sc-ecl-carousel-ec,.ecl-col-2.sc-ecl-carousel-ec,.ecl-col-3.sc-ecl-carousel-ec,.ecl-col-4.sc-ecl-carousel-ec,.ecl-col-5.sc-ecl-carousel-ec,.ecl-col-6.sc-ecl-carousel-ec,.ecl-col-7.sc-ecl-carousel-ec,.ecl-col-8.sc-ecl-carousel-ec,.ecl-col-9.sc-ecl-carousel-ec,.ecl-col-l-1.sc-ecl-carousel-ec,.ecl-col-l-10.sc-ecl-carousel-ec,.ecl-col-l-11.sc-ecl-carousel-ec,.ecl-col-l-12.sc-ecl-carousel-ec,.ecl-col-l-2.sc-ecl-carousel-ec,.ecl-col-l-3.sc-ecl-carousel-ec,.ecl-col-l-4.sc-ecl-carousel-ec,.ecl-col-l-5.sc-ecl-carousel-ec,.ecl-col-l-6.sc-ecl-carousel-ec,.ecl-col-l-7.sc-ecl-carousel-ec,.ecl-col-l-8.sc-ecl-carousel-ec,.ecl-col-l-9.sc-ecl-carousel-ec,.ecl-col-m-1.sc-ecl-carousel-ec,.ecl-col-m-10.sc-ecl-carousel-ec,.ecl-col-m-11.sc-ecl-carousel-ec,.ecl-col-m-12.sc-ecl-carousel-ec,.ecl-col-m-2.sc-ecl-carousel-ec,.ecl-col-m-3.sc-ecl-carousel-ec,.ecl-col-m-4.sc-ecl-carousel-ec,.ecl-col-m-5.sc-ecl-carousel-ec,.ecl-col-m-6.sc-ecl-carousel-ec,.ecl-col-m-7.sc-ecl-carousel-ec,.ecl-col-m-8.sc-ecl-carousel-ec,.ecl-col-m-9.sc-ecl-carousel-ec,.ecl-col-s-1.sc-ecl-carousel-ec,.ecl-col-s-10.sc-ecl-carousel-ec,.ecl-col-s-11.sc-ecl-carousel-ec,.ecl-col-s-12.sc-ecl-carousel-ec,.ecl-col-s-2.sc-ecl-carousel-ec,.ecl-col-s-3.sc-ecl-carousel-ec,.ecl-col-s-4.sc-ecl-carousel-ec,.ecl-col-s-5.sc-ecl-carousel-ec,.ecl-col-s-6.sc-ecl-carousel-ec,.ecl-col-s-7.sc-ecl-carousel-ec,.ecl-col-s-8.sc-ecl-carousel-ec,.ecl-col-s-9.sc-ecl-carousel-ec,.ecl-col-xl-1.sc-ecl-carousel-ec,.ecl-col-xl-10.sc-ecl-carousel-ec,.ecl-col-xl-11.sc-ecl-carousel-ec,.ecl-col-xl-12.sc-ecl-carousel-ec,.ecl-col-xl-2.sc-ecl-carousel-ec,.ecl-col-xl-3.sc-ecl-carousel-ec,.ecl-col-xl-4.sc-ecl-carousel-ec,.ecl-col-xl-5.sc-ecl-carousel-ec,.ecl-col-xl-6.sc-ecl-carousel-ec,.ecl-col-xl-7.sc-ecl-carousel-ec,.ecl-col-xl-8.sc-ecl-carousel-ec,.ecl-col-xl-9.sc-ecl-carousel-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-carousel-ec,.ecl-col-10.sc-ecl-carousel-ec,.ecl-col-11.sc-ecl-carousel-ec,.ecl-col-12.sc-ecl-carousel-ec,.ecl-col-2.sc-ecl-carousel-ec,.ecl-col-3.sc-ecl-carousel-ec,.ecl-col-4.sc-ecl-carousel-ec,.ecl-col-5.sc-ecl-carousel-ec,.ecl-col-6.sc-ecl-carousel-ec,.ecl-col-7.sc-ecl-carousel-ec,.ecl-col-8.sc-ecl-carousel-ec,.ecl-col-9.sc-ecl-carousel-ec,.ecl-col-l-1.sc-ecl-carousel-ec,.ecl-col-l-10.sc-ecl-carousel-ec,.ecl-col-l-11.sc-ecl-carousel-ec,.ecl-col-l-12.sc-ecl-carousel-ec,.ecl-col-l-2.sc-ecl-carousel-ec,.ecl-col-l-3.sc-ecl-carousel-ec,.ecl-col-l-4.sc-ecl-carousel-ec,.ecl-col-l-5.sc-ecl-carousel-ec,.ecl-col-l-6.sc-ecl-carousel-ec,.ecl-col-l-7.sc-ecl-carousel-ec,.ecl-col-l-8.sc-ecl-carousel-ec,.ecl-col-l-9.sc-ecl-carousel-ec,.ecl-col-m-1.sc-ecl-carousel-ec,.ecl-col-m-10.sc-ecl-carousel-ec,.ecl-col-m-11.sc-ecl-carousel-ec,.ecl-col-m-12.sc-ecl-carousel-ec,.ecl-col-m-2.sc-ecl-carousel-ec,.ecl-col-m-3.sc-ecl-carousel-ec,.ecl-col-m-4.sc-ecl-carousel-ec,.ecl-col-m-5.sc-ecl-carousel-ec,.ecl-col-m-6.sc-ecl-carousel-ec,.ecl-col-m-7.sc-ecl-carousel-ec,.ecl-col-m-8.sc-ecl-carousel-ec,.ecl-col-m-9.sc-ecl-carousel-ec,.ecl-col-s-1.sc-ecl-carousel-ec,.ecl-col-s-10.sc-ecl-carousel-ec,.ecl-col-s-11.sc-ecl-carousel-ec,.ecl-col-s-12.sc-ecl-carousel-ec,.ecl-col-s-2.sc-ecl-carousel-ec,.ecl-col-s-3.sc-ecl-carousel-ec,.ecl-col-s-4.sc-ecl-carousel-ec,.ecl-col-s-5.sc-ecl-carousel-ec,.ecl-col-s-6.sc-ecl-carousel-ec,.ecl-col-s-7.sc-ecl-carousel-ec,.ecl-col-s-8.sc-ecl-carousel-ec,.ecl-col-s-9.sc-ecl-carousel-ec,.ecl-col-xl-1.sc-ecl-carousel-ec,.ecl-col-xl-10.sc-ecl-carousel-ec,.ecl-col-xl-11.sc-ecl-carousel-ec,.ecl-col-xl-12.sc-ecl-carousel-ec,.ecl-col-xl-2.sc-ecl-carousel-ec,.ecl-col-xl-3.sc-ecl-carousel-ec,.ecl-col-xl-4.sc-ecl-carousel-ec,.ecl-col-xl-5.sc-ecl-carousel-ec,.ecl-col-xl-6.sc-ecl-carousel-ec,.ecl-col-xl-7.sc-ecl-carousel-ec,.ecl-col-xl-8.sc-ecl-carousel-ec,.ecl-col-xl-9.sc-ecl-carousel-ec{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-carousel-ec,.ecl-col-10.sc-ecl-carousel-ec,.ecl-col-11.sc-ecl-carousel-ec,.ecl-col-12.sc-ecl-carousel-ec,.ecl-col-2.sc-ecl-carousel-ec,.ecl-col-3.sc-ecl-carousel-ec,.ecl-col-4.sc-ecl-carousel-ec,.ecl-col-5.sc-ecl-carousel-ec,.ecl-col-6.sc-ecl-carousel-ec,.ecl-col-7.sc-ecl-carousel-ec,.ecl-col-8.sc-ecl-carousel-ec,.ecl-col-9.sc-ecl-carousel-ec,.ecl-col-l-1.sc-ecl-carousel-ec,.ecl-col-l-10.sc-ecl-carousel-ec,.ecl-col-l-11.sc-ecl-carousel-ec,.ecl-col-l-12.sc-ecl-carousel-ec,.ecl-col-l-2.sc-ecl-carousel-ec,.ecl-col-l-3.sc-ecl-carousel-ec,.ecl-col-l-4.sc-ecl-carousel-ec,.ecl-col-l-5.sc-ecl-carousel-ec,.ecl-col-l-6.sc-ecl-carousel-ec,.ecl-col-l-7.sc-ecl-carousel-ec,.ecl-col-l-8.sc-ecl-carousel-ec,.ecl-col-l-9.sc-ecl-carousel-ec,.ecl-col-m-1.sc-ecl-carousel-ec,.ecl-col-m-10.sc-ecl-carousel-ec,.ecl-col-m-11.sc-ecl-carousel-ec,.ecl-col-m-12.sc-ecl-carousel-ec,.ecl-col-m-2.sc-ecl-carousel-ec,.ecl-col-m-3.sc-ecl-carousel-ec,.ecl-col-m-4.sc-ecl-carousel-ec,.ecl-col-m-5.sc-ecl-carousel-ec,.ecl-col-m-6.sc-ecl-carousel-ec,.ecl-col-m-7.sc-ecl-carousel-ec,.ecl-col-m-8.sc-ecl-carousel-ec,.ecl-col-m-9.sc-ecl-carousel-ec,.ecl-col-s-1.sc-ecl-carousel-ec,.ecl-col-s-10.sc-ecl-carousel-ec,.ecl-col-s-11.sc-ecl-carousel-ec,.ecl-col-s-12.sc-ecl-carousel-ec,.ecl-col-s-2.sc-ecl-carousel-ec,.ecl-col-s-3.sc-ecl-carousel-ec,.ecl-col-s-4.sc-ecl-carousel-ec,.ecl-col-s-5.sc-ecl-carousel-ec,.ecl-col-s-6.sc-ecl-carousel-ec,.ecl-col-s-7.sc-ecl-carousel-ec,.ecl-col-s-8.sc-ecl-carousel-ec,.ecl-col-s-9.sc-ecl-carousel-ec,.ecl-col-xl-1.sc-ecl-carousel-ec,.ecl-col-xl-10.sc-ecl-carousel-ec,.ecl-col-xl-11.sc-ecl-carousel-ec,.ecl-col-xl-12.sc-ecl-carousel-ec,.ecl-col-xl-2.sc-ecl-carousel-ec,.ecl-col-xl-3.sc-ecl-carousel-ec,.ecl-col-xl-4.sc-ecl-carousel-ec,.ecl-col-xl-5.sc-ecl-carousel-ec,.ecl-col-xl-6.sc-ecl-carousel-ec,.ecl-col-xl-7.sc-ecl-carousel-ec,.ecl-col-xl-8.sc-ecl-carousel-ec,.ecl-col-xl-9.sc-ecl-carousel-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-carousel-ec,.ecl-col-10.sc-ecl-carousel-ec,.ecl-col-11.sc-ecl-carousel-ec,.ecl-col-12.sc-ecl-carousel-ec,.ecl-col-2.sc-ecl-carousel-ec,.ecl-col-3.sc-ecl-carousel-ec,.ecl-col-4.sc-ecl-carousel-ec,.ecl-col-5.sc-ecl-carousel-ec,.ecl-col-6.sc-ecl-carousel-ec,.ecl-col-7.sc-ecl-carousel-ec,.ecl-col-8.sc-ecl-carousel-ec,.ecl-col-9.sc-ecl-carousel-ec,.ecl-col-l-1.sc-ecl-carousel-ec,.ecl-col-l-10.sc-ecl-carousel-ec,.ecl-col-l-11.sc-ecl-carousel-ec,.ecl-col-l-12.sc-ecl-carousel-ec,.ecl-col-l-2.sc-ecl-carousel-ec,.ecl-col-l-3.sc-ecl-carousel-ec,.ecl-col-l-4.sc-ecl-carousel-ec,.ecl-col-l-5.sc-ecl-carousel-ec,.ecl-col-l-6.sc-ecl-carousel-ec,.ecl-col-l-7.sc-ecl-carousel-ec,.ecl-col-l-8.sc-ecl-carousel-ec,.ecl-col-l-9.sc-ecl-carousel-ec,.ecl-col-m-1.sc-ecl-carousel-ec,.ecl-col-m-10.sc-ecl-carousel-ec,.ecl-col-m-11.sc-ecl-carousel-ec,.ecl-col-m-12.sc-ecl-carousel-ec,.ecl-col-m-2.sc-ecl-carousel-ec,.ecl-col-m-3.sc-ecl-carousel-ec,.ecl-col-m-4.sc-ecl-carousel-ec,.ecl-col-m-5.sc-ecl-carousel-ec,.ecl-col-m-6.sc-ecl-carousel-ec,.ecl-col-m-7.sc-ecl-carousel-ec,.ecl-col-m-8.sc-ecl-carousel-ec,.ecl-col-m-9.sc-ecl-carousel-ec,.ecl-col-s-1.sc-ecl-carousel-ec,.ecl-col-s-10.sc-ecl-carousel-ec,.ecl-col-s-11.sc-ecl-carousel-ec,.ecl-col-s-12.sc-ecl-carousel-ec,.ecl-col-s-2.sc-ecl-carousel-ec,.ecl-col-s-3.sc-ecl-carousel-ec,.ecl-col-s-4.sc-ecl-carousel-ec,.ecl-col-s-5.sc-ecl-carousel-ec,.ecl-col-s-6.sc-ecl-carousel-ec,.ecl-col-s-7.sc-ecl-carousel-ec,.ecl-col-s-8.sc-ecl-carousel-ec,.ecl-col-s-9.sc-ecl-carousel-ec,.ecl-col-xl-1.sc-ecl-carousel-ec,.ecl-col-xl-10.sc-ecl-carousel-ec,.ecl-col-xl-11.sc-ecl-carousel-ec,.ecl-col-xl-12.sc-ecl-carousel-ec,.ecl-col-xl-2.sc-ecl-carousel-ec,.ecl-col-xl-3.sc-ecl-carousel-ec,.ecl-col-xl-4.sc-ecl-carousel-ec,.ecl-col-xl-5.sc-ecl-carousel-ec,.ecl-col-xl-6.sc-ecl-carousel-ec,.ecl-col-xl-7.sc-ecl-carousel-ec,.ecl-col-xl-8.sc-ecl-carousel-ec,.ecl-col-xl-9.sc-ecl-carousel-ec{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-carousel-ec,.ecl-col-10.sc-ecl-carousel-ec,.ecl-col-11.sc-ecl-carousel-ec,.ecl-col-12.sc-ecl-carousel-ec,.ecl-col-2.sc-ecl-carousel-ec,.ecl-col-3.sc-ecl-carousel-ec,.ecl-col-4.sc-ecl-carousel-ec,.ecl-col-5.sc-ecl-carousel-ec,.ecl-col-6.sc-ecl-carousel-ec,.ecl-col-7.sc-ecl-carousel-ec,.ecl-col-8.sc-ecl-carousel-ec,.ecl-col-9.sc-ecl-carousel-ec,.ecl-col-l-1.sc-ecl-carousel-ec,.ecl-col-l-10.sc-ecl-carousel-ec,.ecl-col-l-11.sc-ecl-carousel-ec,.ecl-col-l-12.sc-ecl-carousel-ec,.ecl-col-l-2.sc-ecl-carousel-ec,.ecl-col-l-3.sc-ecl-carousel-ec,.ecl-col-l-4.sc-ecl-carousel-ec,.ecl-col-l-5.sc-ecl-carousel-ec,.ecl-col-l-6.sc-ecl-carousel-ec,.ecl-col-l-7.sc-ecl-carousel-ec,.ecl-col-l-8.sc-ecl-carousel-ec,.ecl-col-l-9.sc-ecl-carousel-ec,.ecl-col-m-1.sc-ecl-carousel-ec,.ecl-col-m-10.sc-ecl-carousel-ec,.ecl-col-m-11.sc-ecl-carousel-ec,.ecl-col-m-12.sc-ecl-carousel-ec,.ecl-col-m-2.sc-ecl-carousel-ec,.ecl-col-m-3.sc-ecl-carousel-ec,.ecl-col-m-4.sc-ecl-carousel-ec,.ecl-col-m-5.sc-ecl-carousel-ec,.ecl-col-m-6.sc-ecl-carousel-ec,.ecl-col-m-7.sc-ecl-carousel-ec,.ecl-col-m-8.sc-ecl-carousel-ec,.ecl-col-m-9.sc-ecl-carousel-ec,.ecl-col-s-1.sc-ecl-carousel-ec,.ecl-col-s-10.sc-ecl-carousel-ec,.ecl-col-s-11.sc-ecl-carousel-ec,.ecl-col-s-12.sc-ecl-carousel-ec,.ecl-col-s-2.sc-ecl-carousel-ec,.ecl-col-s-3.sc-ecl-carousel-ec,.ecl-col-s-4.sc-ecl-carousel-ec,.ecl-col-s-5.sc-ecl-carousel-ec,.ecl-col-s-6.sc-ecl-carousel-ec,.ecl-col-s-7.sc-ecl-carousel-ec,.ecl-col-s-8.sc-ecl-carousel-ec,.ecl-col-s-9.sc-ecl-carousel-ec,.ecl-col-xl-1.sc-ecl-carousel-ec,.ecl-col-xl-10.sc-ecl-carousel-ec,.ecl-col-xl-11.sc-ecl-carousel-ec,.ecl-col-xl-12.sc-ecl-carousel-ec,.ecl-col-xl-2.sc-ecl-carousel-ec,.ecl-col-xl-3.sc-ecl-carousel-ec,.ecl-col-xl-4.sc-ecl-carousel-ec,.ecl-col-xl-5.sc-ecl-carousel-ec,.ecl-col-xl-6.sc-ecl-carousel-ec,.ecl-col-xl-7.sc-ecl-carousel-ec,.ecl-col-xl-8.sc-ecl-carousel-ec,.ecl-col-xl-9.sc-ecl-carousel-ec{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-carousel-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-carousel-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-carousel-ec{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-carousel-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-carousel-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-carousel-ec{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-carousel-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-carousel-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-carousel-ec{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-carousel-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-carousel-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-carousel-ec{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-carousel-ec{right:auto}.ecl-pull-1.sc-ecl-carousel-ec{right:8.3333333333%}.ecl-pull-2.sc-ecl-carousel-ec{right:16.6666666667%}.ecl-pull-3.sc-ecl-carousel-ec{right:25%}.ecl-pull-4.sc-ecl-carousel-ec{right:33.3333333333%}.ecl-pull-5.sc-ecl-carousel-ec{right:41.6666666667%}.ecl-pull-6.sc-ecl-carousel-ec{right:50%}.ecl-pull-7.sc-ecl-carousel-ec{right:58.3333333333%}.ecl-pull-8.sc-ecl-carousel-ec{right:66.6666666667%}.ecl-pull-9.sc-ecl-carousel-ec{right:75%}.ecl-pull-10.sc-ecl-carousel-ec{right:83.3333333333%}.ecl-pull-11.sc-ecl-carousel-ec{right:91.6666666667%}.ecl-pull-12.sc-ecl-carousel-ec{right:100%}.ecl-push-0.sc-ecl-carousel-ec{left:auto}.ecl-push-1.sc-ecl-carousel-ec{left:8.3333333333%}.ecl-push-2.sc-ecl-carousel-ec{left:16.6666666667%}.ecl-push-3.sc-ecl-carousel-ec{left:25%}.ecl-push-4.sc-ecl-carousel-ec{left:33.3333333333%}.ecl-push-5.sc-ecl-carousel-ec{left:41.6666666667%}.ecl-push-6.sc-ecl-carousel-ec{left:50%}.ecl-push-7.sc-ecl-carousel-ec{left:58.3333333333%}.ecl-push-8.sc-ecl-carousel-ec{left:66.6666666667%}.ecl-push-9.sc-ecl-carousel-ec{left:75%}.ecl-push-10.sc-ecl-carousel-ec{left:83.3333333333%}.ecl-push-11.sc-ecl-carousel-ec{left:91.6666666667%}.ecl-push-12.sc-ecl-carousel-ec{left:100%}.ecl-offset-1.sc-ecl-carousel-ec{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-carousel-ec{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-carousel-ec{margin-inline-start:25%}.ecl-offset-4.sc-ecl-carousel-ec{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-carousel-ec{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-carousel-ec{margin-inline-start:50%}.ecl-offset-7.sc-ecl-carousel-ec{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-carousel-ec{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-carousel-ec{margin-inline-start:75%}.ecl-offset-10.sc-ecl-carousel-ec{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-carousel-ec{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-carousel-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-carousel-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-carousel-ec{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-carousel-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-carousel-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-carousel-ec{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-carousel-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-carousel-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-carousel-ec{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-carousel-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-carousel-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-carousel-ec{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-carousel-ec{right:auto}.ecl-pull-s-1.sc-ecl-carousel-ec{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-carousel-ec{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-carousel-ec{right:25%}.ecl-pull-s-4.sc-ecl-carousel-ec{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-carousel-ec{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-carousel-ec{right:50%}.ecl-pull-s-7.sc-ecl-carousel-ec{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-carousel-ec{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-carousel-ec{right:75%}.ecl-pull-s-10.sc-ecl-carousel-ec{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-carousel-ec{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-carousel-ec{right:100%}.ecl-push-s-0.sc-ecl-carousel-ec{left:auto}.ecl-push-s-1.sc-ecl-carousel-ec{left:8.3333333333%}.ecl-push-s-2.sc-ecl-carousel-ec{left:16.6666666667%}.ecl-push-s-3.sc-ecl-carousel-ec{left:25%}.ecl-push-s-4.sc-ecl-carousel-ec{left:33.3333333333%}.ecl-push-s-5.sc-ecl-carousel-ec{left:41.6666666667%}.ecl-push-s-6.sc-ecl-carousel-ec{left:50%}.ecl-push-s-7.sc-ecl-carousel-ec{left:58.3333333333%}.ecl-push-s-8.sc-ecl-carousel-ec{left:66.6666666667%}.ecl-push-s-9.sc-ecl-carousel-ec{left:75%}.ecl-push-s-10.sc-ecl-carousel-ec{left:83.3333333333%}.ecl-push-s-11.sc-ecl-carousel-ec{left:91.6666666667%}.ecl-push-s-12.sc-ecl-carousel-ec{left:100%}.ecl-offset-s-0.sc-ecl-carousel-ec{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-carousel-ec{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-carousel-ec{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-carousel-ec{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-carousel-ec{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-carousel-ec{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-carousel-ec{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-carousel-ec{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-carousel-ec{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-carousel-ec{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-carousel-ec{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-carousel-ec{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-carousel-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-carousel-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-carousel-ec{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-carousel-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-carousel-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-carousel-ec{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-carousel-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-carousel-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-carousel-ec{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-carousel-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-carousel-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-carousel-ec{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-carousel-ec{right:auto}.ecl-pull-m-1.sc-ecl-carousel-ec{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-carousel-ec{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-carousel-ec{right:25%}.ecl-pull-m-4.sc-ecl-carousel-ec{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-carousel-ec{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-carousel-ec{right:50%}.ecl-pull-m-7.sc-ecl-carousel-ec{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-carousel-ec{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-carousel-ec{right:75%}.ecl-pull-m-10.sc-ecl-carousel-ec{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-carousel-ec{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-carousel-ec{right:100%}.ecl-push-m-0.sc-ecl-carousel-ec{left:auto}.ecl-push-m-1.sc-ecl-carousel-ec{left:8.3333333333%}.ecl-push-m-2.sc-ecl-carousel-ec{left:16.6666666667%}.ecl-push-m-3.sc-ecl-carousel-ec{left:25%}.ecl-push-m-4.sc-ecl-carousel-ec{left:33.3333333333%}.ecl-push-m-5.sc-ecl-carousel-ec{left:41.6666666667%}.ecl-push-m-6.sc-ecl-carousel-ec{left:50%}.ecl-push-m-7.sc-ecl-carousel-ec{left:58.3333333333%}.ecl-push-m-8.sc-ecl-carousel-ec{left:66.6666666667%}.ecl-push-m-9.sc-ecl-carousel-ec{left:75%}.ecl-push-m-10.sc-ecl-carousel-ec{left:83.3333333333%}.ecl-push-m-11.sc-ecl-carousel-ec{left:91.6666666667%}.ecl-push-m-12.sc-ecl-carousel-ec{left:100%}.ecl-offset-m-0.sc-ecl-carousel-ec{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-carousel-ec{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-carousel-ec{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-carousel-ec{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-carousel-ec{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-carousel-ec{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-carousel-ec{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-carousel-ec{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-carousel-ec{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-carousel-ec{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-carousel-ec{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-carousel-ec{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-carousel-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-carousel-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-carousel-ec{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-carousel-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-carousel-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-carousel-ec{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-carousel-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-carousel-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-carousel-ec{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-carousel-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-carousel-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-carousel-ec{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-carousel-ec{right:auto}.ecl-pull-l-1.sc-ecl-carousel-ec{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-carousel-ec{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-carousel-ec{right:25%}.ecl-pull-l-4.sc-ecl-carousel-ec{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-carousel-ec{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-carousel-ec{right:50%}.ecl-pull-l-7.sc-ecl-carousel-ec{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-carousel-ec{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-carousel-ec{right:75%}.ecl-pull-l-10.sc-ecl-carousel-ec{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-carousel-ec{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-carousel-ec{right:100%}.ecl-push-l-0.sc-ecl-carousel-ec{left:auto}.ecl-push-l-1.sc-ecl-carousel-ec{left:8.3333333333%}.ecl-push-l-2.sc-ecl-carousel-ec{left:16.6666666667%}.ecl-push-l-3.sc-ecl-carousel-ec{left:25%}.ecl-push-l-4.sc-ecl-carousel-ec{left:33.3333333333%}.ecl-push-l-5.sc-ecl-carousel-ec{left:41.6666666667%}.ecl-push-l-6.sc-ecl-carousel-ec{left:50%}.ecl-push-l-7.sc-ecl-carousel-ec{left:58.3333333333%}.ecl-push-l-8.sc-ecl-carousel-ec{left:66.6666666667%}.ecl-push-l-9.sc-ecl-carousel-ec{left:75%}.ecl-push-l-10.sc-ecl-carousel-ec{left:83.3333333333%}.ecl-push-l-11.sc-ecl-carousel-ec{left:91.6666666667%}.ecl-push-l-12.sc-ecl-carousel-ec{left:100%}.ecl-offset-l-0.sc-ecl-carousel-ec{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-carousel-ec{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-carousel-ec{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-carousel-ec{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-carousel-ec{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-carousel-ec{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-carousel-ec{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-carousel-ec{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-carousel-ec{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-carousel-ec{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-carousel-ec{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-carousel-ec{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-carousel-ec{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-carousel-ec{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-carousel-ec{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-carousel-ec{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-carousel-ec{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-carousel-ec{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-carousel-ec{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-carousel-ec{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-carousel-ec{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-carousel-ec{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-carousel-ec{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-carousel-ec{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-carousel-ec{right:auto}.ecl-pull-xl-1.sc-ecl-carousel-ec{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-carousel-ec{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-carousel-ec{right:25%}.ecl-pull-xl-4.sc-ecl-carousel-ec{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-carousel-ec{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-carousel-ec{right:50%}.ecl-pull-xl-7.sc-ecl-carousel-ec{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-carousel-ec{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-carousel-ec{right:75%}.ecl-pull-xl-10.sc-ecl-carousel-ec{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-carousel-ec{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-carousel-ec{right:100%}.ecl-push-xl-0.sc-ecl-carousel-ec{left:auto}.ecl-push-xl-1.sc-ecl-carousel-ec{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-carousel-ec{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-carousel-ec{left:25%}.ecl-push-xl-4.sc-ecl-carousel-ec{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-carousel-ec{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-carousel-ec{left:50%}.ecl-push-xl-7.sc-ecl-carousel-ec{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-carousel-ec{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-carousel-ec{left:75%}.ecl-push-xl-10.sc-ecl-carousel-ec{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-carousel-ec{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-carousel-ec{left:100%}.ecl-offset-xl-0.sc-ecl-carousel-ec{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-carousel-ec{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-carousel-ec{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-carousel-ec{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-carousel-ec{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-carousel-ec{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-carousel-ec{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-carousel-ec{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-carousel-ec{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-carousel-ec{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-carousel-ec{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-carousel-ec{margin-inline-start:91.6666666667%}}.ecl-carousel.sc-ecl-carousel-ec{border-bottom:none;box-shadow:var(--sh-2);display:flex;flex-direction:column;overflow:hidden;position:relative}.ecl-carousel.sc-ecl-carousel-ec .ecl-banner.sc-ecl-carousel-ec,.ecl-carousel.sc-ecl-carousel-ec .ecl-banner__image.sc-ecl-carousel-ec:before{border-radius:0;box-shadow:none}.ecl-carousel.sc-ecl-carousel-ec .ecl-banner.sc-ecl-carousel-ec{height:100%}.ecl-carousel__container.sc-ecl-carousel-ec{box-shadow:none;box-sizing:border-box;order:1;width:100%}.ecl-carousel__slides.sc-ecl-carousel-ec{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;scroll-snap-type:x mandatory}.ecl-carousel__slides.sc-ecl-carousel-ec .ecl-carousel__slide.sc-ecl-carousel-ec{flex:0 0 auto;scroll-snap-align:start;width:100%}.ecl-carousel__slide.sc-ecl-carousel-ec .ecl-banner__credit.sc-ecl-carousel-ec{width:auto}.ecl-carousel__controls.sc-ecl-carousel-ec{background-color:var(--cm-surface-inverted);order:2;padding:var(--s-m) 0}.ecl-carousel__controls.sc-ecl-carousel-ec .ecl-container.sc-ecl-carousel-ec{display:flex;justify-content:space-between}.ecl-carousel__controls.sc-ecl-carousel-ec .ecl-carousel__pause.sc-ecl-carousel-ec{display:none}.ecl-carousel__controls.sc-ecl-carousel-ec .ecl-container.sc-ecl-carousel-ec,.ecl-carousel__slides.sc-ecl-carousel-ec .ecl-banner.sc-ecl-carousel-ec .ecl-container.sc-ecl-carousel-ec{max-width:1368px;width:100%}.ecl-carousel__navigation-item.sc-ecl-carousel-ec{margin-inline-end:var(--s-xs)}.ecl-carousel__navigation-item[aria-current=true].sc-ecl-carousel-ec:not(:focus-visible){background-color:var(--cm-surface-neutral-low);border-color:var(--cm-surface-neutral-low);color:var(--cm-on-surface-brand);outline:none}.ecl-carousel__navigation-item.sc-ecl-carousel-ec:last-child{margin-inline-end:0}@media (min-width:480px){.ecl-carousel__navigation.sc-ecl-carousel-ec{align-items:center;display:flex}}@media (min-width:768px){.ecl-carousel__autoplay.sc-ecl-carousel-ec{display:flex;width:140px}.ecl-carousel__navigation.sc-ecl-carousel-ec{margin-inline-start:auto}}@media (min-width:1140px){.ecl-carousel__controls.sc-ecl-carousel-ec .ecl-container.sc-ecl-carousel-ec{padding-inline-end:var(--s-2xl);padding-inline-start:var(--s-2xl)}.ecl-carousel.sc-ecl-carousel-ec .ecl-banner.sc-ecl-carousel-ec,.ecl-carousel.sc-ecl-carousel-ec .ecl-banner.sc-ecl-carousel-ec .ecl-container.sc-ecl-carousel-ec{height:auto}.ecl-carousel__slide.sc-ecl-carousel-ec{position:relative}.ecl-carousel__slide.sc-ecl-carousel-ec .ecl-banner__credit.sc-ecl-carousel-ec{margin-inline-end:0;width:100%}.ecl-carousel--full-width.sc-ecl-carousel-ec .ecl-carousel__slide.sc-ecl-carousel-ec .ecl-banner__credit.sc-ecl-carousel-ec{left:0;right:0;width:100vw}.ecl-carousel__slide.sc-ecl-carousel-ec .ecl-banner__picture-container.sc-ecl-carousel-ec{padding-bottom:0}.ecl-carousel__autoplay.sc-ecl-carousel-ec{width:10%}}.ecl-carousel--full-width.sc-ecl-carousel-ec{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-carousel--full-width.sc-ecl-carousel-ec:dir(rtl){left:auto;right:50%}.ecl-carousel__navigation-item.sc-ecl-carousel-ec.sc-ecl-carousel-ec:last-child{margin-inline-end:var(--s-xs)}`;

const eclCarouselEuCss = () => `.ecl-container.sc-ecl-carousel-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-carousel-eu{padding-inline-end:1rem;padding-inline-start:1rem}}@media (min-width:768px){.ecl-container.sc-ecl-carousel-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:996px){.ecl-container.sc-ecl-carousel-eu{padding-inline-end:1.5rem;padding-inline-start:1.5rem}}@media (min-width:1140px){.ecl-container.sc-ecl-carousel-eu{padding-inline-end:2rem;padding-inline-start:2rem}}@media (min-width:480px){.ecl-container.sc-ecl-carousel-eu{max-width:100%;width:768px}}@media (min-width:768px){.ecl-container.sc-ecl-carousel-eu{max-width:100%;width:996px}}@media (min-width:996px){.ecl-container.sc-ecl-carousel-eu{max-width:100%;width:1140px}}@media (min-width:1140px){.ecl-container.sc-ecl-carousel-eu{max-width:100%;width:1368px}}.ecl-row.sc-ecl-carousel-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-carousel-eu{margin-inline-end:-.5rem;margin-inline-start:-.5rem}}@media (min-width:768px){.ecl-row.sc-ecl-carousel-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:996px){.ecl-row.sc-ecl-carousel-eu{margin-inline-end:-.75rem;margin-inline-start:-.75rem}}@media (min-width:1140px){.ecl-row.sc-ecl-carousel-eu{margin-inline-end:-1rem;margin-inline-start:-1rem}}.ecl-no-gutters.sc-ecl-carousel-eu{margin-inline-end:0;margin-inline-start:0}.ecl-no-gutters.sc-ecl-carousel-eu>.ecl-col.sc-ecl-carousel-eu,.ecl-no-gutters.sc-ecl-carousel-eu>[class*=ecl-col-].sc-ecl-carousel-eu{padding-inline-end:0;padding-inline-start:0}.ecl-col-1.sc-ecl-carousel-eu,.ecl-col-10.sc-ecl-carousel-eu,.ecl-col-11.sc-ecl-carousel-eu,.ecl-col-12.sc-ecl-carousel-eu,.ecl-col-2.sc-ecl-carousel-eu,.ecl-col-3.sc-ecl-carousel-eu,.ecl-col-4.sc-ecl-carousel-eu,.ecl-col-5.sc-ecl-carousel-eu,.ecl-col-6.sc-ecl-carousel-eu,.ecl-col-7.sc-ecl-carousel-eu,.ecl-col-8.sc-ecl-carousel-eu,.ecl-col-9.sc-ecl-carousel-eu,.ecl-col-l-1.sc-ecl-carousel-eu,.ecl-col-l-10.sc-ecl-carousel-eu,.ecl-col-l-11.sc-ecl-carousel-eu,.ecl-col-l-12.sc-ecl-carousel-eu,.ecl-col-l-2.sc-ecl-carousel-eu,.ecl-col-l-3.sc-ecl-carousel-eu,.ecl-col-l-4.sc-ecl-carousel-eu,.ecl-col-l-5.sc-ecl-carousel-eu,.ecl-col-l-6.sc-ecl-carousel-eu,.ecl-col-l-7.sc-ecl-carousel-eu,.ecl-col-l-8.sc-ecl-carousel-eu,.ecl-col-l-9.sc-ecl-carousel-eu,.ecl-col-m-1.sc-ecl-carousel-eu,.ecl-col-m-10.sc-ecl-carousel-eu,.ecl-col-m-11.sc-ecl-carousel-eu,.ecl-col-m-12.sc-ecl-carousel-eu,.ecl-col-m-2.sc-ecl-carousel-eu,.ecl-col-m-3.sc-ecl-carousel-eu,.ecl-col-m-4.sc-ecl-carousel-eu,.ecl-col-m-5.sc-ecl-carousel-eu,.ecl-col-m-6.sc-ecl-carousel-eu,.ecl-col-m-7.sc-ecl-carousel-eu,.ecl-col-m-8.sc-ecl-carousel-eu,.ecl-col-m-9.sc-ecl-carousel-eu,.ecl-col-s-1.sc-ecl-carousel-eu,.ecl-col-s-10.sc-ecl-carousel-eu,.ecl-col-s-11.sc-ecl-carousel-eu,.ecl-col-s-12.sc-ecl-carousel-eu,.ecl-col-s-2.sc-ecl-carousel-eu,.ecl-col-s-3.sc-ecl-carousel-eu,.ecl-col-s-4.sc-ecl-carousel-eu,.ecl-col-s-5.sc-ecl-carousel-eu,.ecl-col-s-6.sc-ecl-carousel-eu,.ecl-col-s-7.sc-ecl-carousel-eu,.ecl-col-s-8.sc-ecl-carousel-eu,.ecl-col-s-9.sc-ecl-carousel-eu,.ecl-col-xl-1.sc-ecl-carousel-eu,.ecl-col-xl-10.sc-ecl-carousel-eu,.ecl-col-xl-11.sc-ecl-carousel-eu,.ecl-col-xl-12.sc-ecl-carousel-eu,.ecl-col-xl-2.sc-ecl-carousel-eu,.ecl-col-xl-3.sc-ecl-carousel-eu,.ecl-col-xl-4.sc-ecl-carousel-eu,.ecl-col-xl-5.sc-ecl-carousel-eu,.ecl-col-xl-6.sc-ecl-carousel-eu,.ecl-col-xl-7.sc-ecl-carousel-eu,.ecl-col-xl-8.sc-ecl-carousel-eu,.ecl-col-xl-9.sc-ecl-carousel-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-carousel-eu,.ecl-col-10.sc-ecl-carousel-eu,.ecl-col-11.sc-ecl-carousel-eu,.ecl-col-12.sc-ecl-carousel-eu,.ecl-col-2.sc-ecl-carousel-eu,.ecl-col-3.sc-ecl-carousel-eu,.ecl-col-4.sc-ecl-carousel-eu,.ecl-col-5.sc-ecl-carousel-eu,.ecl-col-6.sc-ecl-carousel-eu,.ecl-col-7.sc-ecl-carousel-eu,.ecl-col-8.sc-ecl-carousel-eu,.ecl-col-9.sc-ecl-carousel-eu,.ecl-col-l-1.sc-ecl-carousel-eu,.ecl-col-l-10.sc-ecl-carousel-eu,.ecl-col-l-11.sc-ecl-carousel-eu,.ecl-col-l-12.sc-ecl-carousel-eu,.ecl-col-l-2.sc-ecl-carousel-eu,.ecl-col-l-3.sc-ecl-carousel-eu,.ecl-col-l-4.sc-ecl-carousel-eu,.ecl-col-l-5.sc-ecl-carousel-eu,.ecl-col-l-6.sc-ecl-carousel-eu,.ecl-col-l-7.sc-ecl-carousel-eu,.ecl-col-l-8.sc-ecl-carousel-eu,.ecl-col-l-9.sc-ecl-carousel-eu,.ecl-col-m-1.sc-ecl-carousel-eu,.ecl-col-m-10.sc-ecl-carousel-eu,.ecl-col-m-11.sc-ecl-carousel-eu,.ecl-col-m-12.sc-ecl-carousel-eu,.ecl-col-m-2.sc-ecl-carousel-eu,.ecl-col-m-3.sc-ecl-carousel-eu,.ecl-col-m-4.sc-ecl-carousel-eu,.ecl-col-m-5.sc-ecl-carousel-eu,.ecl-col-m-6.sc-ecl-carousel-eu,.ecl-col-m-7.sc-ecl-carousel-eu,.ecl-col-m-8.sc-ecl-carousel-eu,.ecl-col-m-9.sc-ecl-carousel-eu,.ecl-col-s-1.sc-ecl-carousel-eu,.ecl-col-s-10.sc-ecl-carousel-eu,.ecl-col-s-11.sc-ecl-carousel-eu,.ecl-col-s-12.sc-ecl-carousel-eu,.ecl-col-s-2.sc-ecl-carousel-eu,.ecl-col-s-3.sc-ecl-carousel-eu,.ecl-col-s-4.sc-ecl-carousel-eu,.ecl-col-s-5.sc-ecl-carousel-eu,.ecl-col-s-6.sc-ecl-carousel-eu,.ecl-col-s-7.sc-ecl-carousel-eu,.ecl-col-s-8.sc-ecl-carousel-eu,.ecl-col-s-9.sc-ecl-carousel-eu,.ecl-col-xl-1.sc-ecl-carousel-eu,.ecl-col-xl-10.sc-ecl-carousel-eu,.ecl-col-xl-11.sc-ecl-carousel-eu,.ecl-col-xl-12.sc-ecl-carousel-eu,.ecl-col-xl-2.sc-ecl-carousel-eu,.ecl-col-xl-3.sc-ecl-carousel-eu,.ecl-col-xl-4.sc-ecl-carousel-eu,.ecl-col-xl-5.sc-ecl-carousel-eu,.ecl-col-xl-6.sc-ecl-carousel-eu,.ecl-col-xl-7.sc-ecl-carousel-eu,.ecl-col-xl-8.sc-ecl-carousel-eu,.ecl-col-xl-9.sc-ecl-carousel-eu{padding-inline-end:.5rem;padding-inline-start:.5rem}}@media (min-width:768px){.ecl-col-1.sc-ecl-carousel-eu,.ecl-col-10.sc-ecl-carousel-eu,.ecl-col-11.sc-ecl-carousel-eu,.ecl-col-12.sc-ecl-carousel-eu,.ecl-col-2.sc-ecl-carousel-eu,.ecl-col-3.sc-ecl-carousel-eu,.ecl-col-4.sc-ecl-carousel-eu,.ecl-col-5.sc-ecl-carousel-eu,.ecl-col-6.sc-ecl-carousel-eu,.ecl-col-7.sc-ecl-carousel-eu,.ecl-col-8.sc-ecl-carousel-eu,.ecl-col-9.sc-ecl-carousel-eu,.ecl-col-l-1.sc-ecl-carousel-eu,.ecl-col-l-10.sc-ecl-carousel-eu,.ecl-col-l-11.sc-ecl-carousel-eu,.ecl-col-l-12.sc-ecl-carousel-eu,.ecl-col-l-2.sc-ecl-carousel-eu,.ecl-col-l-3.sc-ecl-carousel-eu,.ecl-col-l-4.sc-ecl-carousel-eu,.ecl-col-l-5.sc-ecl-carousel-eu,.ecl-col-l-6.sc-ecl-carousel-eu,.ecl-col-l-7.sc-ecl-carousel-eu,.ecl-col-l-8.sc-ecl-carousel-eu,.ecl-col-l-9.sc-ecl-carousel-eu,.ecl-col-m-1.sc-ecl-carousel-eu,.ecl-col-m-10.sc-ecl-carousel-eu,.ecl-col-m-11.sc-ecl-carousel-eu,.ecl-col-m-12.sc-ecl-carousel-eu,.ecl-col-m-2.sc-ecl-carousel-eu,.ecl-col-m-3.sc-ecl-carousel-eu,.ecl-col-m-4.sc-ecl-carousel-eu,.ecl-col-m-5.sc-ecl-carousel-eu,.ecl-col-m-6.sc-ecl-carousel-eu,.ecl-col-m-7.sc-ecl-carousel-eu,.ecl-col-m-8.sc-ecl-carousel-eu,.ecl-col-m-9.sc-ecl-carousel-eu,.ecl-col-s-1.sc-ecl-carousel-eu,.ecl-col-s-10.sc-ecl-carousel-eu,.ecl-col-s-11.sc-ecl-carousel-eu,.ecl-col-s-12.sc-ecl-carousel-eu,.ecl-col-s-2.sc-ecl-carousel-eu,.ecl-col-s-3.sc-ecl-carousel-eu,.ecl-col-s-4.sc-ecl-carousel-eu,.ecl-col-s-5.sc-ecl-carousel-eu,.ecl-col-s-6.sc-ecl-carousel-eu,.ecl-col-s-7.sc-ecl-carousel-eu,.ecl-col-s-8.sc-ecl-carousel-eu,.ecl-col-s-9.sc-ecl-carousel-eu,.ecl-col-xl-1.sc-ecl-carousel-eu,.ecl-col-xl-10.sc-ecl-carousel-eu,.ecl-col-xl-11.sc-ecl-carousel-eu,.ecl-col-xl-12.sc-ecl-carousel-eu,.ecl-col-xl-2.sc-ecl-carousel-eu,.ecl-col-xl-3.sc-ecl-carousel-eu,.ecl-col-xl-4.sc-ecl-carousel-eu,.ecl-col-xl-5.sc-ecl-carousel-eu,.ecl-col-xl-6.sc-ecl-carousel-eu,.ecl-col-xl-7.sc-ecl-carousel-eu,.ecl-col-xl-8.sc-ecl-carousel-eu,.ecl-col-xl-9.sc-ecl-carousel-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:996px){.ecl-col-1.sc-ecl-carousel-eu,.ecl-col-10.sc-ecl-carousel-eu,.ecl-col-11.sc-ecl-carousel-eu,.ecl-col-12.sc-ecl-carousel-eu,.ecl-col-2.sc-ecl-carousel-eu,.ecl-col-3.sc-ecl-carousel-eu,.ecl-col-4.sc-ecl-carousel-eu,.ecl-col-5.sc-ecl-carousel-eu,.ecl-col-6.sc-ecl-carousel-eu,.ecl-col-7.sc-ecl-carousel-eu,.ecl-col-8.sc-ecl-carousel-eu,.ecl-col-9.sc-ecl-carousel-eu,.ecl-col-l-1.sc-ecl-carousel-eu,.ecl-col-l-10.sc-ecl-carousel-eu,.ecl-col-l-11.sc-ecl-carousel-eu,.ecl-col-l-12.sc-ecl-carousel-eu,.ecl-col-l-2.sc-ecl-carousel-eu,.ecl-col-l-3.sc-ecl-carousel-eu,.ecl-col-l-4.sc-ecl-carousel-eu,.ecl-col-l-5.sc-ecl-carousel-eu,.ecl-col-l-6.sc-ecl-carousel-eu,.ecl-col-l-7.sc-ecl-carousel-eu,.ecl-col-l-8.sc-ecl-carousel-eu,.ecl-col-l-9.sc-ecl-carousel-eu,.ecl-col-m-1.sc-ecl-carousel-eu,.ecl-col-m-10.sc-ecl-carousel-eu,.ecl-col-m-11.sc-ecl-carousel-eu,.ecl-col-m-12.sc-ecl-carousel-eu,.ecl-col-m-2.sc-ecl-carousel-eu,.ecl-col-m-3.sc-ecl-carousel-eu,.ecl-col-m-4.sc-ecl-carousel-eu,.ecl-col-m-5.sc-ecl-carousel-eu,.ecl-col-m-6.sc-ecl-carousel-eu,.ecl-col-m-7.sc-ecl-carousel-eu,.ecl-col-m-8.sc-ecl-carousel-eu,.ecl-col-m-9.sc-ecl-carousel-eu,.ecl-col-s-1.sc-ecl-carousel-eu,.ecl-col-s-10.sc-ecl-carousel-eu,.ecl-col-s-11.sc-ecl-carousel-eu,.ecl-col-s-12.sc-ecl-carousel-eu,.ecl-col-s-2.sc-ecl-carousel-eu,.ecl-col-s-3.sc-ecl-carousel-eu,.ecl-col-s-4.sc-ecl-carousel-eu,.ecl-col-s-5.sc-ecl-carousel-eu,.ecl-col-s-6.sc-ecl-carousel-eu,.ecl-col-s-7.sc-ecl-carousel-eu,.ecl-col-s-8.sc-ecl-carousel-eu,.ecl-col-s-9.sc-ecl-carousel-eu,.ecl-col-xl-1.sc-ecl-carousel-eu,.ecl-col-xl-10.sc-ecl-carousel-eu,.ecl-col-xl-11.sc-ecl-carousel-eu,.ecl-col-xl-12.sc-ecl-carousel-eu,.ecl-col-xl-2.sc-ecl-carousel-eu,.ecl-col-xl-3.sc-ecl-carousel-eu,.ecl-col-xl-4.sc-ecl-carousel-eu,.ecl-col-xl-5.sc-ecl-carousel-eu,.ecl-col-xl-6.sc-ecl-carousel-eu,.ecl-col-xl-7.sc-ecl-carousel-eu,.ecl-col-xl-8.sc-ecl-carousel-eu,.ecl-col-xl-9.sc-ecl-carousel-eu{padding-inline-end:.75rem;padding-inline-start:.75rem}}@media (min-width:1140px){.ecl-col-1.sc-ecl-carousel-eu,.ecl-col-10.sc-ecl-carousel-eu,.ecl-col-11.sc-ecl-carousel-eu,.ecl-col-12.sc-ecl-carousel-eu,.ecl-col-2.sc-ecl-carousel-eu,.ecl-col-3.sc-ecl-carousel-eu,.ecl-col-4.sc-ecl-carousel-eu,.ecl-col-5.sc-ecl-carousel-eu,.ecl-col-6.sc-ecl-carousel-eu,.ecl-col-7.sc-ecl-carousel-eu,.ecl-col-8.sc-ecl-carousel-eu,.ecl-col-9.sc-ecl-carousel-eu,.ecl-col-l-1.sc-ecl-carousel-eu,.ecl-col-l-10.sc-ecl-carousel-eu,.ecl-col-l-11.sc-ecl-carousel-eu,.ecl-col-l-12.sc-ecl-carousel-eu,.ecl-col-l-2.sc-ecl-carousel-eu,.ecl-col-l-3.sc-ecl-carousel-eu,.ecl-col-l-4.sc-ecl-carousel-eu,.ecl-col-l-5.sc-ecl-carousel-eu,.ecl-col-l-6.sc-ecl-carousel-eu,.ecl-col-l-7.sc-ecl-carousel-eu,.ecl-col-l-8.sc-ecl-carousel-eu,.ecl-col-l-9.sc-ecl-carousel-eu,.ecl-col-m-1.sc-ecl-carousel-eu,.ecl-col-m-10.sc-ecl-carousel-eu,.ecl-col-m-11.sc-ecl-carousel-eu,.ecl-col-m-12.sc-ecl-carousel-eu,.ecl-col-m-2.sc-ecl-carousel-eu,.ecl-col-m-3.sc-ecl-carousel-eu,.ecl-col-m-4.sc-ecl-carousel-eu,.ecl-col-m-5.sc-ecl-carousel-eu,.ecl-col-m-6.sc-ecl-carousel-eu,.ecl-col-m-7.sc-ecl-carousel-eu,.ecl-col-m-8.sc-ecl-carousel-eu,.ecl-col-m-9.sc-ecl-carousel-eu,.ecl-col-s-1.sc-ecl-carousel-eu,.ecl-col-s-10.sc-ecl-carousel-eu,.ecl-col-s-11.sc-ecl-carousel-eu,.ecl-col-s-12.sc-ecl-carousel-eu,.ecl-col-s-2.sc-ecl-carousel-eu,.ecl-col-s-3.sc-ecl-carousel-eu,.ecl-col-s-4.sc-ecl-carousel-eu,.ecl-col-s-5.sc-ecl-carousel-eu,.ecl-col-s-6.sc-ecl-carousel-eu,.ecl-col-s-7.sc-ecl-carousel-eu,.ecl-col-s-8.sc-ecl-carousel-eu,.ecl-col-s-9.sc-ecl-carousel-eu,.ecl-col-xl-1.sc-ecl-carousel-eu,.ecl-col-xl-10.sc-ecl-carousel-eu,.ecl-col-xl-11.sc-ecl-carousel-eu,.ecl-col-xl-12.sc-ecl-carousel-eu,.ecl-col-xl-2.sc-ecl-carousel-eu,.ecl-col-xl-3.sc-ecl-carousel-eu,.ecl-col-xl-4.sc-ecl-carousel-eu,.ecl-col-xl-5.sc-ecl-carousel-eu,.ecl-col-xl-6.sc-ecl-carousel-eu,.ecl-col-xl-7.sc-ecl-carousel-eu,.ecl-col-xl-8.sc-ecl-carousel-eu,.ecl-col-xl-9.sc-ecl-carousel-eu{padding-inline-end:1rem;padding-inline-start:1rem}}.ecl-col-1.sc-ecl-carousel-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-2.sc-ecl-carousel-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-3.sc-ecl-carousel-eu{flex:0 0 25%;max-width:25%}.ecl-col-4.sc-ecl-carousel-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-5.sc-ecl-carousel-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-6.sc-ecl-carousel-eu{flex:0 0 50%;max-width:50%}.ecl-col-7.sc-ecl-carousel-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-8.sc-ecl-carousel-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-9.sc-ecl-carousel-eu{flex:0 0 75%;max-width:75%}.ecl-col-10.sc-ecl-carousel-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-11.sc-ecl-carousel-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-12.sc-ecl-carousel-eu{flex:0 0 100%;max-width:100%}.ecl-pull-0.sc-ecl-carousel-eu{right:auto}.ecl-pull-1.sc-ecl-carousel-eu{right:8.3333333333%}.ecl-pull-2.sc-ecl-carousel-eu{right:16.6666666667%}.ecl-pull-3.sc-ecl-carousel-eu{right:25%}.ecl-pull-4.sc-ecl-carousel-eu{right:33.3333333333%}.ecl-pull-5.sc-ecl-carousel-eu{right:41.6666666667%}.ecl-pull-6.sc-ecl-carousel-eu{right:50%}.ecl-pull-7.sc-ecl-carousel-eu{right:58.3333333333%}.ecl-pull-8.sc-ecl-carousel-eu{right:66.6666666667%}.ecl-pull-9.sc-ecl-carousel-eu{right:75%}.ecl-pull-10.sc-ecl-carousel-eu{right:83.3333333333%}.ecl-pull-11.sc-ecl-carousel-eu{right:91.6666666667%}.ecl-pull-12.sc-ecl-carousel-eu{right:100%}.ecl-push-0.sc-ecl-carousel-eu{left:auto}.ecl-push-1.sc-ecl-carousel-eu{left:8.3333333333%}.ecl-push-2.sc-ecl-carousel-eu{left:16.6666666667%}.ecl-push-3.sc-ecl-carousel-eu{left:25%}.ecl-push-4.sc-ecl-carousel-eu{left:33.3333333333%}.ecl-push-5.sc-ecl-carousel-eu{left:41.6666666667%}.ecl-push-6.sc-ecl-carousel-eu{left:50%}.ecl-push-7.sc-ecl-carousel-eu{left:58.3333333333%}.ecl-push-8.sc-ecl-carousel-eu{left:66.6666666667%}.ecl-push-9.sc-ecl-carousel-eu{left:75%}.ecl-push-10.sc-ecl-carousel-eu{left:83.3333333333%}.ecl-push-11.sc-ecl-carousel-eu{left:91.6666666667%}.ecl-push-12.sc-ecl-carousel-eu{left:100%}.ecl-offset-1.sc-ecl-carousel-eu{margin-inline-start:8.3333333333%}.ecl-offset-2.sc-ecl-carousel-eu{margin-inline-start:16.6666666667%}.ecl-offset-3.sc-ecl-carousel-eu{margin-inline-start:25%}.ecl-offset-4.sc-ecl-carousel-eu{margin-inline-start:33.3333333333%}.ecl-offset-5.sc-ecl-carousel-eu{margin-inline-start:41.6666666667%}.ecl-offset-6.sc-ecl-carousel-eu{margin-inline-start:50%}.ecl-offset-7.sc-ecl-carousel-eu{margin-inline-start:58.3333333333%}.ecl-offset-8.sc-ecl-carousel-eu{margin-inline-start:66.6666666667%}.ecl-offset-9.sc-ecl-carousel-eu{margin-inline-start:75%}.ecl-offset-10.sc-ecl-carousel-eu{margin-inline-start:83.3333333333%}.ecl-offset-11.sc-ecl-carousel-eu{margin-inline-start:91.6666666667%}@media (min-width:480px){.ecl-col-s-1.sc-ecl-carousel-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-s-2.sc-ecl-carousel-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-s-3.sc-ecl-carousel-eu{flex:0 0 25%;max-width:25%}.ecl-col-s-4.sc-ecl-carousel-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-s-5.sc-ecl-carousel-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-s-6.sc-ecl-carousel-eu{flex:0 0 50%;max-width:50%}.ecl-col-s-7.sc-ecl-carousel-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-s-8.sc-ecl-carousel-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-s-9.sc-ecl-carousel-eu{flex:0 0 75%;max-width:75%}.ecl-col-s-10.sc-ecl-carousel-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-s-11.sc-ecl-carousel-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-s-12.sc-ecl-carousel-eu{flex:0 0 100%;max-width:100%}.ecl-pull-s-0.sc-ecl-carousel-eu{right:auto}.ecl-pull-s-1.sc-ecl-carousel-eu{right:8.3333333333%}.ecl-pull-s-2.sc-ecl-carousel-eu{right:16.6666666667%}.ecl-pull-s-3.sc-ecl-carousel-eu{right:25%}.ecl-pull-s-4.sc-ecl-carousel-eu{right:33.3333333333%}.ecl-pull-s-5.sc-ecl-carousel-eu{right:41.6666666667%}.ecl-pull-s-6.sc-ecl-carousel-eu{right:50%}.ecl-pull-s-7.sc-ecl-carousel-eu{right:58.3333333333%}.ecl-pull-s-8.sc-ecl-carousel-eu{right:66.6666666667%}.ecl-pull-s-9.sc-ecl-carousel-eu{right:75%}.ecl-pull-s-10.sc-ecl-carousel-eu{right:83.3333333333%}.ecl-pull-s-11.sc-ecl-carousel-eu{right:91.6666666667%}.ecl-pull-s-12.sc-ecl-carousel-eu{right:100%}.ecl-push-s-0.sc-ecl-carousel-eu{left:auto}.ecl-push-s-1.sc-ecl-carousel-eu{left:8.3333333333%}.ecl-push-s-2.sc-ecl-carousel-eu{left:16.6666666667%}.ecl-push-s-3.sc-ecl-carousel-eu{left:25%}.ecl-push-s-4.sc-ecl-carousel-eu{left:33.3333333333%}.ecl-push-s-5.sc-ecl-carousel-eu{left:41.6666666667%}.ecl-push-s-6.sc-ecl-carousel-eu{left:50%}.ecl-push-s-7.sc-ecl-carousel-eu{left:58.3333333333%}.ecl-push-s-8.sc-ecl-carousel-eu{left:66.6666666667%}.ecl-push-s-9.sc-ecl-carousel-eu{left:75%}.ecl-push-s-10.sc-ecl-carousel-eu{left:83.3333333333%}.ecl-push-s-11.sc-ecl-carousel-eu{left:91.6666666667%}.ecl-push-s-12.sc-ecl-carousel-eu{left:100%}.ecl-offset-s-0.sc-ecl-carousel-eu{margin-inline-start:0}.ecl-offset-s-1.sc-ecl-carousel-eu{margin-inline-start:8.3333333333%}.ecl-offset-s-2.sc-ecl-carousel-eu{margin-inline-start:16.6666666667%}.ecl-offset-s-3.sc-ecl-carousel-eu{margin-inline-start:25%}.ecl-offset-s-4.sc-ecl-carousel-eu{margin-inline-start:33.3333333333%}.ecl-offset-s-5.sc-ecl-carousel-eu{margin-inline-start:41.6666666667%}.ecl-offset-s-6.sc-ecl-carousel-eu{margin-inline-start:50%}.ecl-offset-s-7.sc-ecl-carousel-eu{margin-inline-start:58.3333333333%}.ecl-offset-s-8.sc-ecl-carousel-eu{margin-inline-start:66.6666666667%}.ecl-offset-s-9.sc-ecl-carousel-eu{margin-inline-start:75%}.ecl-offset-s-10.sc-ecl-carousel-eu{margin-inline-start:83.3333333333%}.ecl-offset-s-11.sc-ecl-carousel-eu{margin-inline-start:91.6666666667%}}@media (min-width:768px){.ecl-col-m-1.sc-ecl-carousel-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-m-2.sc-ecl-carousel-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-m-3.sc-ecl-carousel-eu{flex:0 0 25%;max-width:25%}.ecl-col-m-4.sc-ecl-carousel-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-m-5.sc-ecl-carousel-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-m-6.sc-ecl-carousel-eu{flex:0 0 50%;max-width:50%}.ecl-col-m-7.sc-ecl-carousel-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-m-8.sc-ecl-carousel-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-m-9.sc-ecl-carousel-eu{flex:0 0 75%;max-width:75%}.ecl-col-m-10.sc-ecl-carousel-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-m-11.sc-ecl-carousel-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-m-12.sc-ecl-carousel-eu{flex:0 0 100%;max-width:100%}.ecl-pull-m-0.sc-ecl-carousel-eu{right:auto}.ecl-pull-m-1.sc-ecl-carousel-eu{right:8.3333333333%}.ecl-pull-m-2.sc-ecl-carousel-eu{right:16.6666666667%}.ecl-pull-m-3.sc-ecl-carousel-eu{right:25%}.ecl-pull-m-4.sc-ecl-carousel-eu{right:33.3333333333%}.ecl-pull-m-5.sc-ecl-carousel-eu{right:41.6666666667%}.ecl-pull-m-6.sc-ecl-carousel-eu{right:50%}.ecl-pull-m-7.sc-ecl-carousel-eu{right:58.3333333333%}.ecl-pull-m-8.sc-ecl-carousel-eu{right:66.6666666667%}.ecl-pull-m-9.sc-ecl-carousel-eu{right:75%}.ecl-pull-m-10.sc-ecl-carousel-eu{right:83.3333333333%}.ecl-pull-m-11.sc-ecl-carousel-eu{right:91.6666666667%}.ecl-pull-m-12.sc-ecl-carousel-eu{right:100%}.ecl-push-m-0.sc-ecl-carousel-eu{left:auto}.ecl-push-m-1.sc-ecl-carousel-eu{left:8.3333333333%}.ecl-push-m-2.sc-ecl-carousel-eu{left:16.6666666667%}.ecl-push-m-3.sc-ecl-carousel-eu{left:25%}.ecl-push-m-4.sc-ecl-carousel-eu{left:33.3333333333%}.ecl-push-m-5.sc-ecl-carousel-eu{left:41.6666666667%}.ecl-push-m-6.sc-ecl-carousel-eu{left:50%}.ecl-push-m-7.sc-ecl-carousel-eu{left:58.3333333333%}.ecl-push-m-8.sc-ecl-carousel-eu{left:66.6666666667%}.ecl-push-m-9.sc-ecl-carousel-eu{left:75%}.ecl-push-m-10.sc-ecl-carousel-eu{left:83.3333333333%}.ecl-push-m-11.sc-ecl-carousel-eu{left:91.6666666667%}.ecl-push-m-12.sc-ecl-carousel-eu{left:100%}.ecl-offset-m-0.sc-ecl-carousel-eu{margin-inline-start:0}.ecl-offset-m-1.sc-ecl-carousel-eu{margin-inline-start:8.3333333333%}.ecl-offset-m-2.sc-ecl-carousel-eu{margin-inline-start:16.6666666667%}.ecl-offset-m-3.sc-ecl-carousel-eu{margin-inline-start:25%}.ecl-offset-m-4.sc-ecl-carousel-eu{margin-inline-start:33.3333333333%}.ecl-offset-m-5.sc-ecl-carousel-eu{margin-inline-start:41.6666666667%}.ecl-offset-m-6.sc-ecl-carousel-eu{margin-inline-start:50%}.ecl-offset-m-7.sc-ecl-carousel-eu{margin-inline-start:58.3333333333%}.ecl-offset-m-8.sc-ecl-carousel-eu{margin-inline-start:66.6666666667%}.ecl-offset-m-9.sc-ecl-carousel-eu{margin-inline-start:75%}.ecl-offset-m-10.sc-ecl-carousel-eu{margin-inline-start:83.3333333333%}.ecl-offset-m-11.sc-ecl-carousel-eu{margin-inline-start:91.6666666667%}}@media (min-width:996px){.ecl-col-l-1.sc-ecl-carousel-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-l-2.sc-ecl-carousel-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-l-3.sc-ecl-carousel-eu{flex:0 0 25%;max-width:25%}.ecl-col-l-4.sc-ecl-carousel-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-l-5.sc-ecl-carousel-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-l-6.sc-ecl-carousel-eu{flex:0 0 50%;max-width:50%}.ecl-col-l-7.sc-ecl-carousel-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-l-8.sc-ecl-carousel-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-l-9.sc-ecl-carousel-eu{flex:0 0 75%;max-width:75%}.ecl-col-l-10.sc-ecl-carousel-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-l-11.sc-ecl-carousel-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-l-12.sc-ecl-carousel-eu{flex:0 0 100%;max-width:100%}.ecl-pull-l-0.sc-ecl-carousel-eu{right:auto}.ecl-pull-l-1.sc-ecl-carousel-eu{right:8.3333333333%}.ecl-pull-l-2.sc-ecl-carousel-eu{right:16.6666666667%}.ecl-pull-l-3.sc-ecl-carousel-eu{right:25%}.ecl-pull-l-4.sc-ecl-carousel-eu{right:33.3333333333%}.ecl-pull-l-5.sc-ecl-carousel-eu{right:41.6666666667%}.ecl-pull-l-6.sc-ecl-carousel-eu{right:50%}.ecl-pull-l-7.sc-ecl-carousel-eu{right:58.3333333333%}.ecl-pull-l-8.sc-ecl-carousel-eu{right:66.6666666667%}.ecl-pull-l-9.sc-ecl-carousel-eu{right:75%}.ecl-pull-l-10.sc-ecl-carousel-eu{right:83.3333333333%}.ecl-pull-l-11.sc-ecl-carousel-eu{right:91.6666666667%}.ecl-pull-l-12.sc-ecl-carousel-eu{right:100%}.ecl-push-l-0.sc-ecl-carousel-eu{left:auto}.ecl-push-l-1.sc-ecl-carousel-eu{left:8.3333333333%}.ecl-push-l-2.sc-ecl-carousel-eu{left:16.6666666667%}.ecl-push-l-3.sc-ecl-carousel-eu{left:25%}.ecl-push-l-4.sc-ecl-carousel-eu{left:33.3333333333%}.ecl-push-l-5.sc-ecl-carousel-eu{left:41.6666666667%}.ecl-push-l-6.sc-ecl-carousel-eu{left:50%}.ecl-push-l-7.sc-ecl-carousel-eu{left:58.3333333333%}.ecl-push-l-8.sc-ecl-carousel-eu{left:66.6666666667%}.ecl-push-l-9.sc-ecl-carousel-eu{left:75%}.ecl-push-l-10.sc-ecl-carousel-eu{left:83.3333333333%}.ecl-push-l-11.sc-ecl-carousel-eu{left:91.6666666667%}.ecl-push-l-12.sc-ecl-carousel-eu{left:100%}.ecl-offset-l-0.sc-ecl-carousel-eu{margin-inline-start:0}.ecl-offset-l-1.sc-ecl-carousel-eu{margin-inline-start:8.3333333333%}.ecl-offset-l-2.sc-ecl-carousel-eu{margin-inline-start:16.6666666667%}.ecl-offset-l-3.sc-ecl-carousel-eu{margin-inline-start:25%}.ecl-offset-l-4.sc-ecl-carousel-eu{margin-inline-start:33.3333333333%}.ecl-offset-l-5.sc-ecl-carousel-eu{margin-inline-start:41.6666666667%}.ecl-offset-l-6.sc-ecl-carousel-eu{margin-inline-start:50%}.ecl-offset-l-7.sc-ecl-carousel-eu{margin-inline-start:58.3333333333%}.ecl-offset-l-8.sc-ecl-carousel-eu{margin-inline-start:66.6666666667%}.ecl-offset-l-9.sc-ecl-carousel-eu{margin-inline-start:75%}.ecl-offset-l-10.sc-ecl-carousel-eu{margin-inline-start:83.3333333333%}.ecl-offset-l-11.sc-ecl-carousel-eu{margin-inline-start:91.6666666667%}}@media (min-width:1140px){.ecl-col-xl-1.sc-ecl-carousel-eu{flex:0 0 8.3333333333%;max-width:8.3333333333%}.ecl-col-xl-2.sc-ecl-carousel-eu{flex:0 0 16.6666666667%;max-width:16.6666666667%}.ecl-col-xl-3.sc-ecl-carousel-eu{flex:0 0 25%;max-width:25%}.ecl-col-xl-4.sc-ecl-carousel-eu{flex:0 0 33.3333333333%;max-width:33.3333333333%}.ecl-col-xl-5.sc-ecl-carousel-eu{flex:0 0 41.6666666667%;max-width:41.6666666667%}.ecl-col-xl-6.sc-ecl-carousel-eu{flex:0 0 50%;max-width:50%}.ecl-col-xl-7.sc-ecl-carousel-eu{flex:0 0 58.3333333333%;max-width:58.3333333333%}.ecl-col-xl-8.sc-ecl-carousel-eu{flex:0 0 66.6666666667%;max-width:66.6666666667%}.ecl-col-xl-9.sc-ecl-carousel-eu{flex:0 0 75%;max-width:75%}.ecl-col-xl-10.sc-ecl-carousel-eu{flex:0 0 83.3333333333%;max-width:83.3333333333%}.ecl-col-xl-11.sc-ecl-carousel-eu{flex:0 0 91.6666666667%;max-width:91.6666666667%}.ecl-col-xl-12.sc-ecl-carousel-eu{flex:0 0 100%;max-width:100%}.ecl-pull-xl-0.sc-ecl-carousel-eu{right:auto}.ecl-pull-xl-1.sc-ecl-carousel-eu{right:8.3333333333%}.ecl-pull-xl-2.sc-ecl-carousel-eu{right:16.6666666667%}.ecl-pull-xl-3.sc-ecl-carousel-eu{right:25%}.ecl-pull-xl-4.sc-ecl-carousel-eu{right:33.3333333333%}.ecl-pull-xl-5.sc-ecl-carousel-eu{right:41.6666666667%}.ecl-pull-xl-6.sc-ecl-carousel-eu{right:50%}.ecl-pull-xl-7.sc-ecl-carousel-eu{right:58.3333333333%}.ecl-pull-xl-8.sc-ecl-carousel-eu{right:66.6666666667%}.ecl-pull-xl-9.sc-ecl-carousel-eu{right:75%}.ecl-pull-xl-10.sc-ecl-carousel-eu{right:83.3333333333%}.ecl-pull-xl-11.sc-ecl-carousel-eu{right:91.6666666667%}.ecl-pull-xl-12.sc-ecl-carousel-eu{right:100%}.ecl-push-xl-0.sc-ecl-carousel-eu{left:auto}.ecl-push-xl-1.sc-ecl-carousel-eu{left:8.3333333333%}.ecl-push-xl-2.sc-ecl-carousel-eu{left:16.6666666667%}.ecl-push-xl-3.sc-ecl-carousel-eu{left:25%}.ecl-push-xl-4.sc-ecl-carousel-eu{left:33.3333333333%}.ecl-push-xl-5.sc-ecl-carousel-eu{left:41.6666666667%}.ecl-push-xl-6.sc-ecl-carousel-eu{left:50%}.ecl-push-xl-7.sc-ecl-carousel-eu{left:58.3333333333%}.ecl-push-xl-8.sc-ecl-carousel-eu{left:66.6666666667%}.ecl-push-xl-9.sc-ecl-carousel-eu{left:75%}.ecl-push-xl-10.sc-ecl-carousel-eu{left:83.3333333333%}.ecl-push-xl-11.sc-ecl-carousel-eu{left:91.6666666667%}.ecl-push-xl-12.sc-ecl-carousel-eu{left:100%}.ecl-offset-xl-0.sc-ecl-carousel-eu{margin-inline-start:0}.ecl-offset-xl-1.sc-ecl-carousel-eu{margin-inline-start:8.3333333333%}.ecl-offset-xl-2.sc-ecl-carousel-eu{margin-inline-start:16.6666666667%}.ecl-offset-xl-3.sc-ecl-carousel-eu{margin-inline-start:25%}.ecl-offset-xl-4.sc-ecl-carousel-eu{margin-inline-start:33.3333333333%}.ecl-offset-xl-5.sc-ecl-carousel-eu{margin-inline-start:41.6666666667%}.ecl-offset-xl-6.sc-ecl-carousel-eu{margin-inline-start:50%}.ecl-offset-xl-7.sc-ecl-carousel-eu{margin-inline-start:58.3333333333%}.ecl-offset-xl-8.sc-ecl-carousel-eu{margin-inline-start:66.6666666667%}.ecl-offset-xl-9.sc-ecl-carousel-eu{margin-inline-start:75%}.ecl-offset-xl-10.sc-ecl-carousel-eu{margin-inline-start:83.3333333333%}.ecl-offset-xl-11.sc-ecl-carousel-eu{margin-inline-start:91.6666666667%}}.ecl-carousel.sc-ecl-carousel-eu{border-bottom:none;box-shadow:var(--sh-2);display:flex;flex-direction:column;overflow:hidden;position:relative}.ecl-carousel.sc-ecl-carousel-eu .ecl-banner.sc-ecl-carousel-eu,.ecl-carousel.sc-ecl-carousel-eu .ecl-banner__image.sc-ecl-carousel-eu:before{border-radius:0;box-shadow:none}.ecl-carousel.sc-ecl-carousel-eu .ecl-banner.sc-ecl-carousel-eu{height:100%}.ecl-carousel__container.sc-ecl-carousel-eu{box-shadow:inset 0 -4px 12px -9px rgba(0,0,0,.6);box-sizing:border-box;order:1;width:100%}.ecl-carousel__slides.sc-ecl-carousel-eu{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;scroll-snap-type:x mandatory}.ecl-carousel__slides.sc-ecl-carousel-eu .ecl-carousel__slide.sc-ecl-carousel-eu{flex:0 0 auto;scroll-snap-align:start;width:100%}.ecl-carousel__slide.sc-ecl-carousel-eu .ecl-banner__credit.sc-ecl-carousel-eu{width:auto}.ecl-carousel__controls.sc-ecl-carousel-eu{background-color:#fff;order:2;padding:var(--s-xs) 0}.ecl-carousel__controls.sc-ecl-carousel-eu .ecl-container.sc-ecl-carousel-eu{display:flex;justify-content:space-between}.ecl-carousel__controls.sc-ecl-carousel-eu .ecl-carousel__pause.sc-ecl-carousel-eu{display:none}.ecl-carousel__controls.sc-ecl-carousel-eu .ecl-container.sc-ecl-carousel-eu,.ecl-carousel__slides.sc-ecl-carousel-eu .ecl-banner.sc-ecl-carousel-eu .ecl-container.sc-ecl-carousel-eu{max-width:1368px;width:100%}.ecl-carousel__navigation-item.sc-ecl-carousel-eu{margin-inline-end:var(--s-xs)}.ecl-carousel__navigation-item[aria-current=true].sc-ecl-carousel-eu:not(:focus-visible){background-color:var(--c-p-20);border-color:var(--c-p-20);color:var(--c-d);outline:none}.ecl-carousel__navigation-item.sc-ecl-carousel-eu:last-child{margin-inline-end:0}@media (min-width:480px){.ecl-carousel__navigation.sc-ecl-carousel-eu{align-items:center;display:flex}}@media (min-width:768px){.ecl-carousel__autoplay.sc-ecl-carousel-eu{display:flex;width:140px}.ecl-carousel__navigation.sc-ecl-carousel-eu{margin-inline-start:auto}}@media (min-width:1140px){.ecl-carousel__controls.sc-ecl-carousel-eu .ecl-container.sc-ecl-carousel-eu{padding-inline-end:var(--s-2xl);padding-inline-start:var(--s-2xl)}.ecl-carousel.sc-ecl-carousel-eu .ecl-banner.sc-ecl-carousel-eu,.ecl-carousel.sc-ecl-carousel-eu .ecl-banner.sc-ecl-carousel-eu .ecl-container.sc-ecl-carousel-eu{height:auto}.ecl-carousel__slide.sc-ecl-carousel-eu{position:relative}.ecl-carousel__slide.sc-ecl-carousel-eu .ecl-banner__credit.sc-ecl-carousel-eu{margin-inline-end:0;width:100%}.ecl-carousel--full-width.sc-ecl-carousel-eu .ecl-carousel__slide.sc-ecl-carousel-eu .ecl-banner__credit.sc-ecl-carousel-eu{left:0;right:0;width:100vw}.ecl-carousel__slide.sc-ecl-carousel-eu .ecl-banner__picture-container.sc-ecl-carousel-eu{padding-bottom:0}.ecl-carousel__autoplay.sc-ecl-carousel-eu{width:10%}}.ecl-carousel--full-width.sc-ecl-carousel-eu{left:50%;margin-inline-start:-50vw;width:100vw}.ecl-carousel--full-width.sc-ecl-carousel-eu:dir(rtl){left:auto;right:50%}.ecl-carousel__navigation-item.sc-ecl-carousel-ec.sc-ecl-carousel-eu:last-child{margin-inline-end:var(--s-xs)}`;

const EclCarousel = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.styleClass = '';
        this.noScript = false;
        this.fullWidth = false;
        this.counterLabel = 'of';
        this.srNavigation = 'Go to slide %d';
        this.srPrevious = 'Prev slides';
        this.srNext = 'Next slides';
        this.srPause = 'Pause carousel';
        this.srPlay = 'Play carousel';
    }
    getClass() {
        const styleClasses = [
            `ecl-carousel`,
            this.styleClass
        ];
        if (this.colorMode) {
            styleClasses.push(`ecl-color-mode--${this.colorMode}`);
        }
        if (this.fullWidth) {
            styleClasses.push('ecl-carousel--full-width');
        }
        return styleClasses.join(' ');
    }
    componentWillLoad() {
        var _a;
        this.theme = (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
    }
    componentDidRender() {
        const slides = this.el.querySelectorAll('.ecl-carousel__slide');
        slides.forEach((slide) => {
            slide.classList.add(`sc-ecl-carousel-${this.theme}`);
        });
        if (!this.noScript) {
            window.ECL = window.ECL || {};
            ECL.Carousel = Carousel;
            const carousel = new Carousel(this.el.firstElementChild);
            carousel.init();
        }
    }
    render() {
        return (h("div", { key: 'a579fda4887058e1910f5e4dc2fabe68dca8a5d3', class: this.getClass(), "data-ecl-carosuel": true }, h("div", { key: '40150bd5d9c734934a0aa473c9a11d14759b81df', class: "ecl-carousel__controls" }, h("div", { key: '1793d52f9383af807862b4bf42e190366d1fdbfd', class: "ecl-container" }, h("div", { key: 'ef35a4e7051c7506b92e99c0c04a544c6cb033da', class: "ecl-carousel__autoplay" }, h("ecl-button", { key: '95c8437be30bf14f1d53a75d54b396f89af84198', type: "button", variant: "tertiary", buttonStyle: "neutral", styleClass: `ecl-carousel__play sc-ecl-carousel-${this.theme}`, hideLabel: true }, h("ecl-icon", { key: 'b9942422555e672475087f38bab07772429d50e5', icon: "play-outline", size: "m", slot: "icon-after", "style-class": `ecl-carousel__icon-default sc-ecl-carousel-${this.theme}` }), this.srPlay), h("ecl-button", { key: 'd885e74e4499b3e796ec46a9a09ac41855279fe3', type: "button", styleClass: `ecl-carousel__pause sc-ecl-carousel-${this.theme}`, hideLabel: true, buttonStyle: "neutral", variant: "tertiary" }, h("ecl-icon", { key: '36c61ea9c4b4ee760e552bc4614b26e18c3a3b99', icon: "pause-outline", size: "m", slot: "icon-after", "style-class": `ecl-carousel__icon-default sc-ecl-carousel-${this.theme}` }), this.srPause)), h("div", { key: '971887c03bb40d8c23ff5f2bddba7489c6fd362b', class: "ecl-carousel__navigation", role: "tablist" }, [...Array(this.slidesNumber)].map((_, i) => h("ecl-button", { type: "button", variant: "tertiary", buttonStyle: "neutral", styleClass: `ecl-carousel__navigation-item sc-ecl-carousel-${this.theme}` }, i + 1))))), h("div", { key: 'dca65f353613de995dc4a5c90167ea20ed95427a', class: "ecl-carousel__container" }, h("div", { key: 'c787faae7c8ea0ee1a6a74585903a4fbed4a3f3a', class: "ecl-carousel__slides", id: this.carouselId }, h("slot", { key: 'a1261b9a8d48017c0e374b45c3d2f1b471ff7d1d' })))));
    }
    get el() { return getElement(this); }
};
EclCarousel.style = {
    ec: eclCarouselEcCss(),
    eu: eclCarouselEuCss()
};

export { EclCarousel as ecl_carousel };
