.frame-layout-100 .ar-highlights {
  background: var(--hl-color-bg); }

.ar-highlights-bg-img {
  position: absolute;
  inset: 0;
  z-index: 0; }
  .ar-highlights-bg-img__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .2; }

.hl-wrapper {
  position: relative;
  background: var(--hl-color-bg, #f2f2f2); }
  .hl-wrapper .inner {
    max-width: 1360px;
    margin-inline: auto; }

.hl-scroll-wrapper {
  --hl-color-bg:         #f2f2f2;
  --hl-color-brand:      #243d51;
  --hl-color-text:       #243d51;
  --hl-color-img-bg:     #d0d0d0;
  --hl-transition-slide: transform 0.45s cubic-bezier(.22, 1, .36, 1);
  --hl-transition-img:   transform 0.5s ease;
  --hl-transition-arrow: color 0.2s, opacity 0.3s;
  --hl-arrow-size:    26px;
  --hl-dot-size:      16px;
  --hl-card-gap:      30px;
  --hl-section-pad-v: 52px;
  --hl-section-pad-b: 32px;
  --hl-track-margin:  60px; }
  .hl-scroll-wrapper .ar-highlights {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: var(--hl-section-pad-v) 0 var(--hl-section-pad-b);
    box-sizing: border-box;
    position: relative; }
    .hl-scroll-wrapper .ar-highlights .hl-header {
      text-align: center;
      margin-bottom: 24px;
      flex-shrink: 0;
      width: 100%;
      padding: 0 var(--hl-track-margin);
      box-sizing: border-box; }
      .hl-scroll-wrapper .ar-highlights .hl-header .hl-title {
        font-size: clamp(28px, 3.5vw, 72px);
        font-weight: 700;
        background: linear-gradient(to right, #f38549 0%, #d3405e 22%, #c02f80 45%, #9a2575 68%, #762589 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        margin: 0 0 20px;
        line-height: 1.2; }
      .hl-scroll-wrapper .ar-highlights .hl-header .hl-copy {
        font-size: 1rem;
        line-height: 1.7;
        font-family: Noto-Serif, serif; }
    .hl-scroll-wrapper .ar-highlights .hl-arrows {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 10; }
      .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev,
      .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next {
        font-size: var(--hl-arrow-size);
        color: var(--hl-color-text);
        cursor: pointer;
        background: none;
        border: none;
        padding: 8px;
        line-height: 1;
        pointer-events: auto;
        transition: var(--hl-transition-arrow);
        position: absolute;
        top: 48%;
        transform: translateY(-50%);
        background: transparent !important; }
        .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev:hover,
        .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next:hover {
          color: var(--hl-color-brand); }
        .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev[aria-disabled="true"],
        .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next[aria-disabled="true"] {
          opacity: 0;
          pointer-events: none; }
      .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev {
        left: 12px; }
      .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next {
        right: 12px; }
    .hl-scroll-wrapper .ar-highlights .hl-track-outer {
      position: relative;
      width: calc(100% - var(--hl-track-margin) * 2);
      overflow: hidden;
      align-self: center;
      margin: 0 var(--hl-track-margin);
      min-height: 0;
      display: flex;
      flex-direction: column;
      pointer-events: none; }
      .hl-scroll-wrapper .ar-highlights .hl-track-outer .hl-row {
        display: flex;
        gap: var(--hl-card-gap);
        width: max-content;
        align-items: flex-start;
        transition: var(--hl-transition-slide); }
  @media (max-width: 880px) {
    .hl-scroll-wrapper {
      --hl-track-margin: 30px; }
      .hl-scroll-wrapper .ar-highlights .hl-track-outer {
        width: calc(100% - var(--hl-track-margin) * 2);
        margin: 0 var(--hl-track-margin); }
      .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev {
        left: -10px; }
      .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next {
        right: -10px; } }

.annualReport .hl-scroll-wrapper {
  --hl-track-margin: 100px; }
  .annualReport .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev {
    left: 56px; }
  .annualReport .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next {
    right: 56px; }
  @media (max-width: 880px) {
    .annualReport .hl-scroll-wrapper {
      --hl-track-margin: 40px; }
      .annualReport .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-prev {
        left: 12px; }
      .annualReport .hl-scroll-wrapper .ar-highlights .hl-arrows .hl-next {
        right: 12px; } }

/*# sourceMappingURL=container-hightlight-slider.css.map */