.vls.s1 {
  --vls-s1-pd-tp: 352;
  --vls-s1-pd-tp-mbl: 75;
  --vls-s1-pd-tp-clc: calc((var(--vls-s1-pd-tp-mbl) * 1px) + (var(--vls-s1-pd-tp) - var(--vls-s1-pd-tp-mbl)) * ((100vw - 320px) / (1920 - 320)));

  --ato-adv-thb-dur: 6s;

  --flr-bx-w: 293;
  --flr-bx-w-mbl: 293;
  --flr-mrg-tp: 1.5rem;
  --flr-mrg-bt: 1.5rem;

  /* Off-scr bleed relative to mn_tn */
  @media screen and (min-width: 1280px) {   
    .off-scr {
      margin-inline: calc((100svw - var(--mn-t)) * -0.5);

      &:before, &:after {
        width: calc((100svw - var(--mn-t)) * 0.5);
      }

      &[class*='gp_sp'] {
        &:before, &:after {
          width: calc((100svw - var(--mn-t)) * 0.5 - var(--grd-sp-dyn));
        }
      }

      li[data-role="item"] {
        width: var(--mn-t);
        max-width: var(--mn-t);
        flex-shrink: 0;

        .vls-cnt {
          padding-bottom: 2.22rem;
        }
      }
    }
  }

  @media screen and (max-width: 1279px) {
    .off-scr {
      margin-inline: 0 !important;

      &::before, &::after {
        display: none;
      }
    }
  }

  .vls-cnt {
    padding-top: var(--vls-s1-pd-tp-clc);
  }

  .flr_hd {
    svg {
      path:nth-child(2) {
        stroke: var(--buttons) !important;
      }
    }
  }

  /* Card styling */
  .crd {
    overflow: hidden;

    picture.bg img {
      object-fit: cover;
      opacity: .5 !important;
      filter: grayscale(1) !important;
    }
  }

  /* Icon */
  .vls-icn {
    margin-bottom: 0.75rem;

    svg {
      flex-shrink: 0;
    }
  }

  /* Active card opacity */
  li[data-role="item"] {
    opacity: 0.5;
    transition: opacity 0.4s ease;

    &.s-active {
      opacity: 1;
    }
  }

  /* Play/Pause button */
  [data-action="PlayPause"] svg {
    color: var(--text-alt);
  }

  [data-role="thumbList"] {
    button {
      transition: width 0.2s ease, background-color var(--g-trn-sp) var(--g-trn-tf);

      &:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        border-radius: inherit;
        background-color: var(--text-alt);
      }
    }
  }
}