.videoItem {
  border: solid 3px transparent;

  :global {
    .video-bottom {
    }
  }
}

.videoChecked {
  @apply border-blue-500;
}

.playIcon {
  --size: 40px;
  @apply bg-black/70 flex items-center justify-center;
  border: solid 2px rgba(255, 255, 255, 0.5);
  border-radius: var(--size);
  width: var(--size);
  height: var(--size);
  color: white;
  cursor: pointer;
  &:hover{
    @apply bg-blue-500;
  }
  svg{
    font-size: 24px;
    transform: translate(2px);
  }
}