@import 'common';

@mixin subtitle {
  &.bilibili-player-area .subtitle-position.subtitle-position {
    &-bc,
    &-bl,
    &-br {
      bottom: 20px !important;
    }
  }
  &.touch-video-control-show .subtitle-position.subtitle-position {
    &-bc,
    &-bl,
    &-br {
      bottom: 68px !important;
    }
  }
  .bpx-player-subtitle-panel-position {
    &[data-position='bottom'] {
      bottom: 14px !important;
    }
  }
  &.touch-video-control-show .bpx-player-subtitle-panel-position {
    &[data-position='bottom'] {
      bottom: 69px !important;
    }
  }
  @include on-fullscreen {
    &.touch-video-control-show {
      .subtitle-position.subtitle-position {
        &-bc,
        &-bl,
        &-br {
          bottom: 88px !important;
        }
      }
      .bpx-player-subtitle-panel-position {
        &[data-position='bottom'] {
          bottom: 88px !important;
        }
      }
    }
  }
}