.video-js {
  .vjs-control-bar {
    .vjs-selector-quality {
      &.vjs-selected-hd::before {
        content: "HD";
        font-size: 1em;
        font-weight: 700;
        position: absolute;
        top: 1px;
        right: 2px;
        color: #ff484a;
      }

      .vjs-menu {
        width: 8em;
        left: -2em;
        margin-bottom: 2em;
        .vjs-menu-content {
          max-height: 18em;
          border-radius: 3px;
          background-color: #8d9194b3;
          background-color: rgba(141, 145, 148, 0.7);

          .vjs-menu-item {
            position: relative;
            transition: all 1s;
            &:hover {
              background-color: rgba(231, 233, 235, 0.58);
            }

            &.vjs-menu-item-hd::before {
              font-family: VideoJS;
              font-weight: 400;
              font-style: normal;
              content: "\F114";
              font-size: 1.2em;
              position: absolute;
              right: 2px;
            }
          }
        }
      }
    }
  }
}