.video-player-controller-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  background: #000000;

  &.small-float {
    border-radius: 0.75rem;
    video {
      border-radius: 0.75rem;
    }

    .play-btn-box {
      width: 2.5rem;
      height: 2.5rem;
    }
    .loading-img-box {
      width: 2.5rem;
      height: 2.5rem;
    }
  }

  &.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    .controls {
      .fullscreen-btn {
        /*position: fixed;*/
        /*top: 0.25rem;*/
        /*right: 0.25rem;*/
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA5hJREFUeF7tnVtu5DAMBKWb5Sa7OVmSm+zNtDCMyW+KAAUjrZrvhjwstpqaB+w5fB1NYB5dvcUPDXC4CTSABjicwOHlmwAa4HACh5dvAmiAwwkcXr4JoAEOJ3B4+SaABjicwOHlmwAa4HACh5dvAmiAZwmstRZ8B59zzneofVS21voYY/wlb2LO+egmfPTiFyANoAFMABIVmzQmwAawjoACVEeAI8ARUNgw3VJHQDfR+2DrpwDK1RHgCHAE0N2yQecI2ADVEVCA6ghwBDgCChumW+oI6Cbqp4AaUUeAI8ARUNszrWpHQCvOezE/BRSgOgIcAY6AwobpljoCuok6AmpEHQGOAEdAbc+0qvEIWGu9jTH+tF79Xgz9eXKMEfmn0KuuDUy/5pz/yLoVA1yNun7nfuqVaoAdPN/nnMhYGmAD/sr3ABsufy2pATaBRctqAISpLHIEcGQmAGfVrzQB+pleK5oAnKsJwFn1K02AfqYmQI2pCVDj1as2AXp5vlbzDMC59icAv7bK30QAfxP4m4ryvXICGoCzilRqgMi28qI0AGcVqdQAkW3lRWkAzipSqQEi28qL0gCcVaRSA0S2lRelATirSKUGiGwrL0oDcFaRSg0Q2VZelAbgrCKVGiCyrbwoDcBZRSo1QGRbeVEagLOKVGqAyLbyojQAZxWp1ACRbeVFaQDOKlKpASLbyovSAJxVpFIDRLaVF6UBOKtIpQaIbCsvSgNwVpFKDRDZVl6UBuCsIpUaILKtvChsgLWWdwqFXL1DCARVlHmHEA6s/w4hJgCnbwJwVhWlCcBpmQCcVb/SBOhneq1oAnCuJgBn1a80AfqZmgA1piZAjVev2gTo5flazTMA57olAXxoFGxAMQHQs33gpV+y/odGFd8AlvvcQJ8b6HMD8XbpF+Ifg/ovfa9oApgAJsCu3QXWNQEApKqkcgic0wQwAaoOa9SbAI0wX0uZAAWoHgIdAY6AwobpljoCuoneH22vp6xf/6H88eUhcC0T4Eeb7BOYABvYmgAFqB4CPQQ6AgobplvqCOgm6iGwRtQR4AhwBNT2TKvaEdCK8/snbr8HoFwdAY4ARwDdLRt0joANUP0iaANUl9xD4PEE2FOWq1ICGoCSCtVpgNDG0rI0ACUVqtMAoY2lZWkASipUpwFCG0vL0gCUVKhOA4Q2lpalASipUJ0GCG0sLUsDUFKhOg0Q2lhalgagpEJ1GiC0sbSs/9iiWJ+PzP7vAAAAAElFTkSuQmCC);
      }
    }
  }

  .controls {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 2.5rem;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);

    &.hide {
      display: none;
    }

    .flex-1 {
      flex: 1;
    }
    .play-btn {
      width: 2.5rem;
      height: 2.5rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABGZJREFUeF7tnNt13CAURaETpxO7E7uSOJXYqcQuxZ2QwYlsZWY0gADxOHvWysqHEOaeuzm6oIc1/KQVsNLRE7wBAHEIAAAAxBUQDx8HAABxBcTDxwEAQFwB8fBxAAAQV0A8fBwAAMQVEA8fBwAAcQXEw8cBAEBcAfHwcQAAEFdAPPxuHMA5d2eM+fxnrX0Vz8th4XcBgHPu0Rjzsor6wxjz21r7fJgSon+oOQDOuXtjzNuG/oBQGcweAPAz3zvArd+7MebJWuuB4FdQgR4AcJHx4AaRQqU0GwmAJS4PgncD7wr8MhUYEQAfMm6Qmfjl9FEBWLsBq4UMGEYHYAnd7xv8okhMJ2EWALgspOf+84yZAFhfFh5wgzgiZgQAN4jL/bQOsA6fJWMAhlkd4DxsXyByX+EKDCoAcFnYcAIlABYJuK+wgkERANwAAL4U8EWi9JJR1QHOVwqy28kA8I2CdwO/WpB6HA0ALqtjqfsKAHB9eSRzuxkAbu+UTV8kAkB433xqNwCAMADru4zTPYoGAPEALC2nuq8AAOkATLWTCAD7AFjOGn7JCAB5AAzvBgCQD8C6SBzuvgIAlANgSDcAgLIADLdkBIA6AHwtGU/fO3jt+QllAKgLQPeXBQCoD0DXRSIAHAdAl24AAMcC0F2RCABtAOjGDQCgHQBrN2j2TCIAtAeg6X0FAOgHgCaXBQDoC4DDl4wA0CcAixtUv7kEAP0C4Ef2bq19qDlEAKipbn7fH9baH/ndbPcAADXVLdC3PX3YoEA3m11U7Txm4M652C+FxnQ3Wxt/J/GpZlAAUFPdvL6r278fHgDkJanW2Ye9kQQAtVK4r9/D30ICgH2JqnFW9SXftUEDQI1UpvXZ9FN2AJCWrNKtm79mBgClUxrXX9NZvx4iAMQlrGSr5rMeAEqmM76vLr9PiAPEJ3Bvy8OXdikDBYAUtdLbVt/KTR/S/2cAQK6C18/vpsgLhQcAIYXSj3dV5IWGDwAhheKPH7Z/Hz+kcEsACGsUatF1kRcaPACEFLp9vMn+fd6QKQJL6DdMkRcKFgcIKXR5fKgiLxQeAIQU+j4+zaxfhwwAcQBMNesBIC7pvlWX+/fxww+3xAG2d/KavbEbTlu5FgBwqWX3+/fl0s9TwWstpyzyQrDgAH8VmrbIA4DbCkjOelYB4rNeHYDh9+9Dtp5yXKkGkLf7a2CoACBb5IXcYHYAmPUBAmYGgFkfmv6Tvh4+/f59RF6jm8zkAEM/mhWdscINZwGApd1OMEYHgCJvZ+KX00YGgCIvM/n+9BEBYNYXSPyoDsCsL5j8Xhzg7fTo1X0gLpZ2hRPfkwM8GmNeNuLD7islvhsA/EBOHwt9Pv338yxW7L5y8ru4BCwxOufu/l0K/BcyveXzO0CB5quAA2LkT9xQAADE8QAAABBXQDx8HAAAxBUQDx8HAABxBcTDxwEAQFwB8fBxAAAQV0A8fBwAAMQVEA8fBwAAcQXEw8cBAEBcAfHwcQBxAP4AOxn/kLJClhEAAAAASUVORK5CYII=);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 1.25rem 1.25rem;
      &.pause {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAAypJREFUeF7t1dFNJUEMRNHpTAiFUNjIllAIhUx6hbQBlCWjJ9mH72LAt8u+5/GzmsBZPb3hHwVYXgIFUIDlBJaP7wIowHICy8d3ARRgOYHl47sACrCcwPLxXQAFWE5g+fgugAIsJ7B8fBdAAZYTWD6+C6AAywksH98FUIDlBJaP7wIowHICy8d3ARRgOYHl47sACvBaAvfej1/4D77OOd+d3733vj3P8975zZ9vnXM+u79Z+d7LL8C991b+4TD7pxvs/6L+Df9+HDvnvPQNXvrHfygpgAK4APG96A+6ACFTCghBVWMUQAEUUN2axjwFhDApIARVjVEABVBAdWsa8xQQwqSAEFQ1RgEUQAHVrWnMU0AIkwJCUNUYBVAABVS3pjFPASFMCghBVWMUQAEUUN2axjwFhDApIARVjVEABVBAdWsa8xQQwqSAEFQ1RgEUQAHVrWnMU0AIkwJCUNUYBVAABVS3pjFPASFMCghBVWMUQAEUUN2axjwFhDApIARVjVEABVBAdWsa8xQQwqSAEFQ1RgEUQAHVrWnMU0AIkwJCUNUYBVAABVS3pjFPASFMCghBVWMUQAEUUN2axjwFhDApIARVjVEABVBAdWsa8xQQwqSAEFQ1RgEUQAHVrWnMU0AIkwJCUNUYBVAABVS3pjFPASFMCghBVWMUQAEUUN2axjwFhDApIARVjVEABVBAdWsa8xQQwqSAEFQ1RgEUQAHVrWnMU0AIkwJCUNUYBVAABVS3pjFPASFMCghBVWMUQAEUUN2axjwFhDApIARVjVEABVBAdWsa8xQQwqSAEFQ1RgEUQAHVrWnMU0AIkwJCUNUYBVDAR7U0Qf7rnPMd5OLIvffteZ73+BfC4DnnM4z+SuzlCviVqXw0JqAAMaqZQQWY+a7xVAoQo5oZVICZ7xpPpQAxqplBBZj5rvFUChCjmhlUgJnvGk+lADGqmUEFmPmu8VQKEKOaGVSAme8aT6UAMaqZQQWY+a7xVAoQo5oZVICZ7xpPpQAxqplBBZj5rvFUChCjmhlUgJnvGk+lADGqmUEFmPmu8VQKEKOaGVSAme8aT6UAMaqZwX9m06yfs9t5XwAAAABJRU5ErkJggg==);
      }
    }
    .mute-btn {
      width: 2.5rem;
      height: 2.5rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAqdJREFUWEftmDFoFFEQhv+vt7AwRUBREAv7CAqKFgqCCnYKBkSwUCSolQgWsRAsFVIEbAQRtBAbQwwIKgg2AVutbCwiKFhYWAgjE/aFd4+3t7u3m9sDs81xj733vvtnZ+afRRN+MeF82gJsG6H/W0EzuyhpTdJ74M8oanaqoJltA34HEDN7KelsAbko6SHwqwloZ4AOJ2kZOJIBDEuu5g3geV3ITgADnKTDwMaeZvZE0mwGxtWcA/5WgbYGjOH8sBjQv5vZQUm3ilDHPK8lnamCbAWYwuUAo3Cfk7QgaUdEuQDMDVNxZMAc3DDAQs09kt5K8s9wzQJPyyBHAiyDqwKMID9J2l5A/ZC0ryy7GwMOg0sBzeyCpDfA91ghMzsl6VW0Ng/czanYCLAKLgPodXBG0nHgSwLpoT5WrHltnMolTBbQzKwq/UufmcEyEwr1N0mHAP9cv8zsqKR30T6ngaV033EB+rmPgUuJil+jhFkErvYJ6EV5GvCkCCo+knS5+Poh7kLhnnEq6Geej9ucmV2X9CBkMzDVp4J+9h3gXqSgF+9nG2pFz29fCk48YBria0X7c8HWgOk+Q+yGdSfwsyRJVoEDfQJWlZmscRhXFnuBnolbXmHDPkaKnQRWailY1iVatLoTwOekSIcu48teG3fl5pZGvbhoUevW3t1z7o8kjtrNwlLqVMxsoLxIug/czu5Xptaw9ZZ2a7ek1ci4+pyyvzO7FWVgVsnU8idh3ev2KzGsA6Wn1TOY/ngEy+/DUjCqvl3WIMTnNH4GqyAzQ5PbqvnI+4UtNn9oyoW75tjpw9PNqonO92+tYApZMbh7ObkCvKibnJ0BhhJU8urDLb3bqv5efeQUKV4euWordcLZWR2sG54u7us0xF0AdVoHNwNoC7BrVf8B8u5eOJtOoAQAAAAASUVORK5CYII=);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 1.25rem 1.25rem;
      &.unmute {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAwJJREFUWEftmD1oFkEURc8FSwULUwQsYiHYGyGiooWFoIKFoGBARAsFg7GyjYVgIyaYIqCFoEGtbBQNCCpoJ1iqlYIWEVJYWFgIT17Y/ZhMZnd2vx+NkG2WnRlmz943782dFWv80hrnYx2w1wj9vwqa2SVgRNLlblUws9PAIvBa0q9u5kkqWMBNFxNON4U0s42SfpYgZvYYOFZAzgEzkn60Aa0CvAlMBhNlIR0OeCZpXwKwbHI1JyU9agpZuQbNrDFkCQfsldSZ08zuAeMJGFdzQtLvHGhtkjSBDOH8ZSGgP5vZGHClCHXI8xw4moPMZnEO0sx2Aq8AD/EqwCDcJ4BZYEtAOStpok7FLGChQm24zWwP4Ip4ktQtmxHgpVeHAGpc0nwVZCPANpCSNtUpYmYO9x7YXIxbArZXZXdjwKaQkt4GYT0FvJD0PYQ2s8PAk6BtStLV1Ie1AmwCGYF4HRwFDkr6FPV5qA8UbV4bh1IJU1UHLZf+UX+yTgaF+huwW5Lfly8z218kV9l0RNLT+L39AvR5V0EGgN5/V9KZSMXPQcLMSbowSMBVkGF2A16UhyV5UpQq3gbOFY9vwl2oHNNPBcs5VygZQZ4Mt7loz1+SNDRoBXOQ1yVdCxT04v2wo1aihg5CwTrIUUkzAaCXofv/CjCZOFGSuOcsbd2ipOG/EWJ/YSOrFrmdd5J2DRzQ9+KcwQhC/BXYWjwnjUPf12BpFnKQZuZgH0oXBByStNBIwXhQ8MXLrtmNadWYyLDeAi4GY6tKkB8TtqXOLd3sxbWQEeAG4AFwPAM5JulG6qNbA/oksYsOJ0446ixkVTS8vSvAOsiUYTWzriG7BqyCrHLUZnYWuBOplT0t9gSYgkyE2G3VVOD94ojWQvYMGEM2PHZ+BHZUJc6KNV23QNv0tTi4nwfcmNZmd2d/bgORG1vz68MtvW+BnV8fReJ4nXRgv/yPQ8dIDAQw/oDi55Eb1IWqA3qx43xJwfVUZnJq9qu/L0nSL5i+7SSDBIrnXlewV7X/AHkfkDgJ79KpAAAAAElFTkSuQmCC);
      }
    }
    .fullscreen-btn {
      width: 2.5rem;
      height: 2.5rem;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAABPJJREFUeF7tnWFS3DAMhe2TUE7ScpNyEuAkXU4CnAQ4ibqayU4znWGQLVl5a7/84QdOJL33xU7WSVwLt6UVqEtXz+ILAVgcAgJAABZXYPHy2QMQgMUVWLx89gAEYHEFFi+fPQABWFyBxctnD0AAFldg8fLZAxCAxRVYvHz2AAQgVgER+VFK+VVK0b83sUf/8mif53inWutHUryy1fk7sca3s66v0TWG9gAi8lhKecgy4b84CsB9VmwRed8gzwqpcRTw51qr6hyyhQEgIi/bmR+SWMdB9Oy469iveZft7FcAjto+aq23EcFDABAR7Qr/RCTkOMZKAKhMTxE9QRQA4jAuatfVANDh4L7W+uoR0A0AyNmvGqwGgNasAJyOBuDIC7997SsC4B4GInoAHfv1GuDobUUA3DUTgA5sAe4CLlkTgJ1/bjGsLBCAnVIiwiHASk58Ozf0HAI6TGEPgNkDpP0UTADiAIiavHk+YDJIb39/BswH6KRZ73bVQ4A7+V7VkPbbzSr2TKK5NTzyGuA2emoTydiWXBxDCgFoERq5rZzn0jvyIwAdokHuQgAgbclLigDkaQ0ZiQBA2pKXFAHI0xoyEgGAtCUvKQKQpzVkJAIAaUteUgQgT2vISAQA0pa8pAhAntaQkQgApC15SRGAPK0hIxEASFvykiIAeVpDRiIAkLbkJdUJgPs5yIgngnreDHY/yJBnTU6kzm8rQLwbuP8iiEmtiNeaTYGurJGIXL6sYsk85Gsh7h7Akinb4CpAAHC9ScmMAKTIjBuEAOB6k5IZAUiRGTcIAcD1JiUzApAiM24QAoDrTUpmBCBFZtwgBADXm5TMCECKzLhBCACuNymZEYAUmXGDEABcb1IyIwApMuMGIQC43qRkRgBSZMYNQgBwvUnJjACkyIwbhADgepOSGQFIkRk3CAHA9SYlMwKQIjNuEAKA601KZgQgRWbcIAQA15uUzEIA2N5rsyasawSEvNZkDXgt7bavhlvXD9DlY93rLbgB6Fw4Mmzt22sx97s8O9Zeglk5tHfRKK4XsKPiml8PJwDfnd6G/xMAg0gzNyEAM7trqI0AGESauQkBmNldQ20EwCDSzE0IwMzuGmojAAaRZm5CAGZ211AbATCINHMTAjCzu4baCIBBpJmbEICZ3TXURgAMIs3chADM7K6hNgJgEGnmJisCcFdrfZ3Z1JbaVgTgVEp5iniurUVoxLadawVoKRALRvQ+ERTphfYkuniC+yFJa1Lbt/0fziZYH+L86tCe/QnATlXtTR6tBnrbich7gPneNAjATkG3GC1udI7ZLSEsbd01RzwWjjAEhIyHFsUvbQjApkTH8+wtOre0dZ8NLcEIAAGQFmAGtXVDzyGg0xn2AP96AL3y1tuhozf32dBSAAgAEOsG6lp3Ly3iDWpLADqEjRgC9IcMvSc+elsRAPf7lW4A1PXON4SjgVkNAHf3rwaEALBBcPTvASsBELb2chgAGwRHXhCGnBHWbklE9LpHr3+yt9CfvEMB2CDYLyZ9k6TOZ+Y8wK7OrLufz1KKflRDZ1BDt3AAQrPjwYYrQACGS4wdgABg+zM8OwIwXGLsAAQA25/h2RGA4RJjByAA2P4Mz44ADJcYOwABwPZneHYEYLjE2AEIALY/w7MjAMMlxg5AALD9GZ4dARguMXYAAoDtz/DsCMBwibED/AWn7cafpCFNkwAAAABJRU5ErkJggg==);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 1.25rem 1.25rem;
    }
  }

  .play-btn-box {
    position: absolute;
    z-index: 2;
    width: 3.5rem;
    height: 3.5rem;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    border-radius: 50%;
    box-sizing: content-box;
    background-color: rgba(0, 0, 0, 0.4);
  }

  .loading-img-box {
    position: absolute;
    z-index: 1;
    width: 3.25rem;
    height: 3.25rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEwLjggMjIuNEM2IDIxLjkgMi4xIDE4IDEuNiAxMy4yLjkgNy4xIDUuNCAxLjkgMTEuMyAxLjVjLjQgMCAuNy0uMy43LS43IDAtLjQtLjQtLjgtLjgtLjhDNC44LjQtLjIgNS45IDAgMTIuNS4yIDE4LjYgNS40IDIzLjggMTEuNSAyNGM2LjYuMiAxMi00LjggMTIuNC0xMS4yIDAtLjQtLjMtLjgtLjgtLjgtLjQgMC0uNy4zLS43LjctLjMgNS45LTUuNSAxMC40LTExLjYgOS43eiIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==)
      no-repeat center center;
    background-size: 100%;

    animation-name: spin;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  .tcplayer {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;

    /*> div {*/
    /*  display: none !important;*/
    /*}*/
    /*> button {*/
    /*  display: none !important;*/
    /*}*/
  }
  .tcplayer div{
    display: none !important;
  }
  .tcplayer button {
    display: none !important;
  }
  .vjs-error-display{
    display: none !important;
  }
  .vjs-modal-dialog{
    display: none !important;
  }
  .tcp-statistic{
    display: none !important;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}