.ca-ti-video-outer-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }
  .ca-ti-video-outer-container.hide.hide {
    display: inline-block;
    opacity: 0; }
  .ca-ti-video-outer-container .ca-ti-video-container {
    width: 100%;
    height: 100%; }
    .ca-ti-video-outer-container .ca-ti-video-container #ca_twitch_player {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .ca-ti-video-outer-container .ca-ti-video-container .ca-ti-video-control-bar.popup {
      display: none; }
    .ca-ti-video-outer-container .ca-ti-video-container.floating {
      position: fixed;
      bottom: 30px;
      right: 30px;
      top: auto;
      left: auto;
      width: 300px;
      height: 168.75px;
      z-index: 9999;
      padding: 0; }
      .ca-ti-video-outer-container .ca-ti-video-container.floating #ca_twitch_player {
        height: 100%; }
      .ca-ti-video-outer-container .ca-ti-video-container.floating .ca-ti-video-control-bar {
        position: absolute;
        top: 0;
        left: -28px;
        width: 28px;
        height: 25px;
        background-color: #96733f;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px 0 0 5px; }
        .ca-ti-video-outer-container .ca-ti-video-container.floating .ca-ti-video-control-bar .close {
          width: 65%;
          height: 65%;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          opacity: 1; }
          .ca-ti-video-outer-container .ca-ti-video-container.floating .ca-ti-video-control-bar .close svg {
            width: 100%;
            height: 100%; }
            .ca-ti-video-outer-container .ca-ti-video-container.floating .ca-ti-video-control-bar .close svg g {
              stroke-width: 8; }