.videoControls .video-chapter-button { padding: 0; background: transparent; color: #181818; border: none; font-weight: 300; font-size: 25px; letter-spacing: -0.5px; white-space: normal; text-align: left; margin: 0px 0 10px 0; line-height: 1.2; transition: opacity .3s ease; }
.videoControls .video-chapter-button.active { opacity: 1; }
.videoControls .video-chapter.active-opacity .video-chapter-button { opacity: .3; }
@media (max-width: 575.98px) { .videoControls .video-chapter.active-opacity .video-chapter-button { display: none; } }
.videoControls .video-chapter.active-opacity .video-chapter-button.active { opacity: 1; }
@media (max-width: 575.98px) { .videoControls .video-chapter.active-opacity .video-chapter-button.active { display: inline-block; } }
.videoControls .video-chapter.active-weight .video-chapter-button { font-weight: 400; }
.videoControls .video-chapter.active-weight .video-chapter-button.active { font-weight: 600; }
.videoControls .video-chapter-progress { float: left; width: 50px; height: 3px; border: none; opacity: 0; transition: all .3s ease; /* WebKit styles */ /* Firefox styles */ }
.videoControls .video-chapter-progress[value] { background-color: #dadada; border-radius: 0; border: none; box-shadow: none; }
.videoControls .video-chapter-progress[value]::-webkit-progress-bar { background-color: #dadada; border-radius: 0; border: none; box-shadow: none; -webkit-transition: width 1s linear; transition: width 1s linear; }
.videoControls .video-chapter-progress[value]::-webkit-progress-value { background-color: #181818; border-radius: 0; box-shadow: none; -webkit-transition: width 1s linear; transition: width 1s linear; }
.videoControls .video-chapter-progress[value]::-moz-progress-bar { background-color: #181818; border-radius: 0; box-shadow: none; -moz-transition: width 1s linear; transition: width 1s linear; }
.videoControls .video-chapter-progress.progress-active { opacity: 1; }

@media (min-width: 760px) { .videoControled { display: flex; align-items: center; flex-wrap: wrap; }
  .videoControled .videoContainer { width: 60%; }
  .videoControled .videoControls { width: 40%; }
  .videoControled .videoControls.chapters-columns { display: flex; flex-direction: row; } }