.sn-plyr {
    --plyr-color-main: var(--base-color-light-blue);
  }

  .sn-plyr-inner {
    position: relative;
  }
  
  .sn-plyr-poster-video {
    position: absolute;
    inset: 0;
    z-index: 2;
    transition: opacity 500ms var(--ttf-2);
    opacity: 0;
    pointer-events: none;
  }
  
  .sn-plyr .plyr--stopped + .sn-plyr-poster-video {
    opacity: 1;
    pointer-events: all;
  }
  
  .sn-plyr-poster-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    z-index: 1;
  }
  
  .sn-plyr-poster-video button {
    position: absolute;
    inset: 0;
    z-index: 3;
  }
  
  .sn-plyr-poster-video button svg {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max(94px, calc(178 * var(--px)));
    height: auto;
  }
  
  .sn-plyr-poster-video::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    z-index: 2;
    background: var(--base-color-off-black);
    opacity: 0.45;
  }
  
  .sn-plyr .plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: none !important;
  }