/* stylelint-disable scss/operator-no-unspaced */
/* stylelint-enable scss/operator-no-unspaced */
/* Breakpoint viewport sizes and media queries.

Breakpoints are defined as a map of (name: minimum width), order from small to large:
   (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)

 The map defined in the `$breakpoint` global variable is used as the `$breakpoints` argument by default.

 Name of the next breakpoint, or null for the last breakpoint.

  >> breakpoint-next(sm)
   md
  >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
   md
  >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
   md
*/
/* Minimum breakpoint width. Null for the smallest (first) breakpoint.
    >> ecl-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
    576px
*/
/* Maximum breakpoint width. Null for the largest (last) breakpoint.
   The maximum value is calculated as the minimum of the next one less 0.1.

   >> ecl-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
   767px
*/
/* Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
    Useful for making responsive utilities.

    >> infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
    ""  (Returns a blank string)
    >> infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
    "-sm"
*/
/**
 * News ticker component
 * @define news-ticker
 */
.ecl-news-ticker {
  align-items: center;
  background: #fff;
  border-color: #002f67;
  border-radius: 0;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  position: relative;
}

.ecl-news-ticker__icon {
  fill: #004494;
  flex-shrink: 0;
  margin: 0.75rem;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.ecl-news-ticker__container {
  align-items: center;
  display: flex;
  width: 100%;
}

.ecl-news-ticker__content {
  height: 0;
  margin: 0.5rem 0;
  padding: 0;
  overflow: hidden;
  transition-duration: 0.3s;
  width: 100%;
}

.ecl-news-ticker__slides {
  color: #002f67;
  font: normal normal 400 1rem/1.5rem arial, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
  transform: translate3d(0, 0, 0);
  transition-duration: 0s;
}

.ecl-news-ticker__slide {
  align-items: center;
  display: flex;
  padding: 5px 0;
  -webkit-padding-end: 0.75rem;
          padding-inline-end: 0.75rem;
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}

.ecl-news-ticker__slide,
.ecl-news-ticker__slide-text {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ecl-news-ticker__controls {
  align-items: center;
  align-self: stretch;
  background-color: #002f67;
  display: flex;
  order: 2;
  padding: calc(0.25rem - 1px);
  padding-top: calc(0.25rem + 1px);
  width: 100%;
}

.ecl-news-ticker__counter {
  color: #fff;
  align-items: center;
  align-self: stretch;
  display: flex;
  font: normal normal 400 1rem/1.25rem arial, sans-serif;
  font-weight: bold;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  order: 3;
  text-align: end;
  white-space: pre;
}

.ecl-news-ticker__icon-default {
  display: block;
}

.ecl-news-ticker__icon-active {
  display: none;
}

.ecl-news-ticker__play,
.ecl-news-ticker__pause {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
  order: 1;
}
.ecl-news-ticker__play:active .ecl-news-ticker__icon-default, .ecl-news-ticker__play:hover .ecl-news-ticker__icon-default, .ecl-news-ticker__play:focus-visible .ecl-news-ticker__icon-default,
.ecl-news-ticker__pause:active .ecl-news-ticker__icon-default,
.ecl-news-ticker__pause:hover .ecl-news-ticker__icon-default,
.ecl-news-ticker__pause:focus-visible .ecl-news-ticker__icon-default {
  display: none;
}
.ecl-news-ticker__play:active .ecl-news-ticker__icon-active, .ecl-news-ticker__play:hover .ecl-news-ticker__icon-active, .ecl-news-ticker__play:focus-visible .ecl-news-ticker__icon-active,
.ecl-news-ticker__pause:active .ecl-news-ticker__icon-active,
.ecl-news-ticker__pause:hover .ecl-news-ticker__icon-active,
.ecl-news-ticker__pause:focus-visible .ecl-news-ticker__icon-active {
  display: block;
}

.ecl-news-ticker__prev,
.ecl-news-ticker__next {
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
  order: 4;
}
.ecl-news-ticker__prev:active, .ecl-news-ticker__prev:hover,
.ecl-news-ticker__next:active,
.ecl-news-ticker__next:hover {
  background-color: #fff;
}
.ecl-news-ticker__prev:active .ecl-news-ticker__icon-default, .ecl-news-ticker__prev:hover .ecl-news-ticker__icon-default,
.ecl-news-ticker__next:active .ecl-news-ticker__icon-default,
.ecl-news-ticker__next:hover .ecl-news-ticker__icon-default {
  fill: #002f67;
}

.ecl-news-ticker__prev,
.ecl-news-ticker__next,
.ecl-news-ticker__play,
.ecl-news-ticker__pause {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  padding: 0.5rem;
}
.ecl-news-ticker__prev:focus-visible,
.ecl-news-ticker__next:focus-visible,
.ecl-news-ticker__play:focus-visible,
.ecl-news-ticker__pause:focus-visible {
  outline: 2px solid #fff;
}

/* stylelint-disable-next-line order/order */
@media (min-width: 768px) {
  .ecl-news-ticker {
    flex-flow: initial;
    justify-content: initial;
  }
  .ecl-news-ticker__controls {
    padding: 0;
    width: auto;
  }
  .ecl-news-ticker__counter {
    background-color: #fff;
    color: #404040;
    flex-shrink: 0;
    text-align: initial;
    -webkit-padding-start: 0.75rem;
            padding-inline-start: 0.75rem;
    -webkit-padding-end: 0.75rem;
            padding-inline-end: 0.75rem;
    order: 1;
  }
  .ecl-news-ticker__prev {
    order: 2;
  }
  .ecl-news-ticker__play,
  .ecl-news-ticker__pause {
    -webkit-margin-start: 0.5rem;
            margin-inline-start: 0.5rem;
    order: 3;
  }
  .ecl-news-ticker__next {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0.5rem;
            margin-inline-end: 0.5rem;
    order: 4;
  }
}
.ecl-news-ticker__icon.sc-ecl-news-ticker-ec {
  margin: 0.75rem !important;
  fill: #004494 !important;
}

.ecl-u-sr-only {
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}