@use '../../../assets/sass/settings/v7/colors.tokens' as *;
@use '../../../assets/sass/settings/v7/layout-standard' as *;
@use '../../../assets/sass/settings/v7/global' as *;
@use '../../../assets/sass/settings/v7/spacing.tokens' as *;
@use '../../../assets/sass/tools/v7/mq' as *;
@use '../../../assets/sass/tools/v7/zindex' as *;
@use '../../../assets/sass/tools/v7/typography' as *;

.c-introplayer {
  margin: 7px auto;
  height: 50px;
  &::before {
    content: '';
    --_introplayer-bg: 50%;
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url("https://citynews.stgy.ovh/~shared/images/wave-30.png");
    background-size: var(--_introplayer-bg);
    background-position: center;
    background-repeat: repeat-x;
    opacity: .3;
    @include bp(md){
      --_introplayer-bg: 30%;
    }
  }
}