/* stylelint-disable liberty/use-logical-spec */
.relative {
  position: relative;
}

.ftVideoPlayer {
  width: 100%;
}

.ftVideoPlayer.vjs-user-inactive {
  cursor: none;
}

:deep(.sponsorBlockMarker), :deep(.chapterMarker) {
  position: absolute;
  opacity: 0.6;
}

:deep(.sponsorBlockMarker) {
  block-size: 100%;
  background-color: var(--primary-color);
}

:deep(.chapterMarker) {
  height: 100%;
  top: 0;
  width: 2px;
  z-index: 2;
  background-color: #000;
}
/* stylelint-enable liberty/use-logical-spec */