.customer-styles {
  /* START article: tiles-newsslider */
  /* END article: tiles-newsslider */
}

.customer-styles .template_tiles-newsslider {
  grid-row-gap: calc(75 * var(--font-size, 1px));
}

.customer-styles .template_tiles-newsslider .headline-container {
  grid-column: 1 / 7;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .headline-container {
    grid-column: 3 / 15;
  }
}

.customer-styles .template_tiles-newsslider .headline-container .h2 {
  width: calc(100% + calc(17 * var(--font-size)));
}

.customer-styles .template_tiles-newsslider .content-container {
  display: grid;
  grid-column: 1 / 7;
  grid-row-gap: calc(50 * var(--font-size, 1px));
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .content-container {
    grid-column: 3 / 7;
  }
}

.customer-styles .template_tiles-newsslider .button-container .link-appearance-button {
  box-sizing: border-box;
  justify-content: center;
}

.customer-styles .template_tiles-newsslider .button-container .link-appearance-button::after {
  height: 1.2em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.5 18'%3E%3Cpath d='M5.687,26a1.619,1.619,0,0,1-1.181-.506A1.619,1.619,0,0,1,4,24.312V9.687a1.619,1.619,0,0,1,.506-1.181A1.619,1.619,0,0,1,5.687,8H24.812A1.73,1.73,0,0,1,26.5,9.687V24.312A1.73,1.73,0,0,1,24.812,26Zm9.562-8.494L5.687,11.234V24.312H24.812V11.234Zm0-1.687L24.7,9.687H5.828ZM5.687,11.234v0Z' transform='translate(-4 -8)' fill='%231a3682'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.5 18'%3E%3Cpath d='M5.687,26a1.619,1.619,0,0,1-1.181-.506A1.619,1.619,0,0,1,4,24.312V9.687a1.619,1.619,0,0,1,.506-1.181A1.619,1.619,0,0,1,5.687,8H24.812A1.73,1.73,0,0,1,26.5,9.687V24.312A1.73,1.73,0,0,1,24.812,26Zm9.562-8.494L5.687,11.234V24.312H24.812V11.234Zm0-1.687L24.7,9.687H5.828ZM5.687,11.234v0Z' transform='translate(-4 -8)' fill='%231a3682'/%3E%3C/svg%3E%0A");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 1.2em;
}

.customer-styles .template_tiles-newsslider .slider-container {
  grid-column: 1 / 7;
  margin-right: calc(-36 * var(--font-size));
  overflow-x: clip;
  position: relative;
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .slider-container {
    grid-column: 9 / 17;
    margin-right: -100vw;
  }
}

.customer-styles .template_tiles-newsslider .glow {
  aspect-ratio: 5 / 3;
  background: radial-gradient(circle, rgba(0, 47, 175, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
  left: 70%;
  pointer-events: none;
  position: absolute;
  top: 70%;
  transform: translate(-50%, -50%);
  width: 200%;
  z-index: -1;
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .glow {
    left: 70%;
    top: 50%;
    width: 100%;
  }
}

.customer-styles .template_tiles-newsslider .slider {
  box-sizing: content-box;
  display: flex;
  gap: calc(10 * var(--font-size));
  transform: translateX(calc((-358 * var(--font-size) - 2px) * var(--index, 0)));
  transition: transform .5s;
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .slider {
    transform: translateX(calc((-258 * var(--font-size) - 2px) * var(--index, 0)));
  }
}

.customer-styles .template_tiles-newsslider .slider-item {
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: grid;
  flex-shrink: 0;
  grid-template-rows: 52% minmax(4.125em, auto) minmax(2em, auto);
  transition: background-color .5s, color .5s;
  width: calc(348 * var(--font-size, 1px));
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .slider-item {
    width: calc(248 * var(--font-size, 1px));
  }
}

.customer-styles .template_tiles-newsslider .slider-item .text-container {
  align-items: end;
  display: grid;
  height: 4.125em;
  padding: 0 .4em .6em;
}

.customer-styles .template_tiles-newsslider .slider-item .text-container .text,
.customer-styles .template_tiles-newsslider .slider-item .text-container .text p {
  line-height: 1.375;
  transition: color .5s;
}

.customer-styles .template_tiles-newsslider .slider-item .link-appearance-arrow {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: .4em .6em;
  transition: border-top-color .5s, color .5s;
  height: 2em;
}

.customer-styles .template_tiles-newsslider .slider-item .link-appearance-arrow::after {
  transition: background-color .5s;
}

.customer-styles .template_tiles-newsslider .slider-item:hover {
  background-color: #fff;
}

.customer-styles .template_tiles-newsslider .slider-item:hover .slider-svg:first-child {
  opacity: 0;
}

.customer-styles .template_tiles-newsslider .slider-item:hover .slider-svg:last-child {
  opacity: 1;
}

.customer-styles .template_tiles-newsslider .slider-item:hover .text {
  color: #1a3682;
}

.customer-styles .template_tiles-newsslider .slider-item:hover .link-appearance-arrow {
  border-top-color: #1a3682;
  color: #1a3682;
}

.customer-styles .template_tiles-newsslider .slider-item:hover .link-appearance-arrow::after {
  background-color: #1a3682;
}

.customer-styles .template_tiles-newsslider .slider-svg-wrapper {
  display: grid;
  padding: 13% 16%;
}

.customer-styles .template_tiles-newsslider .slider-svg {
  grid-area: 1 / 1 / 2 / 2;
  min-height: 10%;
  transition: opacity .5s;
}

.customer-styles .template_tiles-newsslider .slider-svg:last-child {
  opacity: 0;
  pointer-events: none;
}

.customer-styles .template_tiles-newsslider .slider-svg-image {
  height: 100%;
  width: 100%;
}

.customer-styles .template_tiles-newsslider .slider-svg-hover-mask {
  background-color: #1a3682;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  opacity: 0;
  pointer-events: none;
}

.customer-styles .template_tiles-newsslider .pagination-container {
  align-items: center;
  color: #fff;
  display: grid;
  font-size: calc(22 * var(--font-size, 1px));
  grid-template-columns: 2em 1fr 2em;
  height: 2em;
  justify-items: center;
  justify-self: center;
  margin-top: calc(40 * var(--font-size, 1px));
  grid-column-gap: calc(30 * var(--font-size, 1px));
  pointer-events: all;
  width: -moz-fit-content;
  width: fit-content;
}

@media (min-width: 768px) {
  .customer-styles .template_tiles-newsslider .pagination-container {
    font-size: calc(16 * var(--font-size, 1px));
    justify-self: start;
    margin-left: calc(248 * .5 * var(--font-size, 1px));
    margin-top: calc(8 * var(--font-size, 1px));
    transform: translateX(-50%);
  }
}

.customer-styles .template_tiles-newsslider .pagination-button {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: .8em;
  border: 0;
  cursor: pointer;
  height: 2em;
  padding: 0;
  width: 2em;
}

.customer-styles .template_tiles-newsslider .pagination-button.prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17,2 L7,12 L17,22' stroke='%23fff' stroke-width='4' fill='none'/%3E%3C/svg%3E%0A");
}

.customer-styles .template_tiles-newsslider .pagination-button.next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7,2 L17,12 L7,22' stroke='%23fff' stroke-width='4' fill='none'/%3E%3C/svg%3E%0A");
}

.customer-styles .template_tiles-newsslider .pagination-current-page {
  font-weight: bold;
}
