.player-small {
  position: absolute !important;
  top: 0 !important;
  left: 977px!important;
  width: 943px!important;
  height: 530px!important;
  z-index: 1!important;
}

.player-fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 1080px;
  z-index: -1;
}

.player-hide {
  display:none;
}

  .login-input {
    position: absolute;
    background-color: black;
    color: white;
    border: 1px solid gray;
    padding: 8px;
    border-radius: 6px;
    outline: none;
    z-index: 10;
     font-size: 32px;
  }

  .login-input::placeholder {
    color: gray;
  }

  .login-input:focus {
    border: 1px solid white;
  }
    #login_username {
      left: 1440px;  /* 75%; */
      top: 280px;
      width: 420px;
      transform: translate(-50%, -120%);
    }

    #login_password {
      left: 1440px;  /* 75%; */
      top: 330px;
      width: 420px;
      transform: translate(-50%, -50%);
    }
    #login_url {
      left: 1440px;  /* 75%; */
      top: 510px; /* 540 */
      width: 840px;
      transform: translate(-50%, -50%);
    }
    #profile_name {
      left: 960px;  /* center */
      top: 210px;
      width: 840px;
      transform: translate(-50%, -50%);
    }
    .hidden {
      display: none;
    }
.shaka-text-container { position: absolute; bottom: 6%; width: 100%; z-index: 9999; pointer-events: none; }
.shaka-text-container div { color: white; text-shadow: 0 0 6px black; }