@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
body {
  height: 100%;
}
.player {
  width: 100%;
  height: 100%;
}
.player:focus {
  outline: none;
}
.player * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.player button,
.player button:active,
.player button:focus,
.player input,
.player input:active,
.player input:focus {
  border: none;
  outline: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
  cursor: pointer;
}
.player input[type="text"],
.player input[type="email"],
.player input[type="password"] {
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  cursor: auto;
}
.player input[type="range"]::-webkit-slider-runnable-track,
.player input[type="range"]::-webkit-slider-thumb {
  border: none;
  -webkit-appearance: none;
}
.player input[type="range"]::-ms-track {
  border: inherit;
  color: transparent;
  background: transparent;
}
.player input[type="range"]::-ms-fill-upper,
.player input[type="range"]::-ms-fill-lower {
  background: transparent;
}
.player input[type="range"]::-ms-tooltip {
  display: none;
}
.player input[type="range"]::-moz-focus-outer {
  border: 0;
}
.player input[type="range"]::-moz-range-track {
  border: inherit;
  background: transparent;
}
.player button:disabled,
.player input:disabled {
  cursor: default;
}
.player main {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.player main .play-button {
  position: absolute;
  width: 136px;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
}
.player main .play-button img {
  width: 80%;
}
.player main video {
  width: 100%;
  height: 100%;
  align-self: center;
  margin: auto;
}
.player header {
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  background: rgba(40, 40, 40, 0.9);
}
.player footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px 30px;
  color: #fff;
  background: rgba(40, 40, 40, 0.9);
  overflow: visible;
}
.player:-webkit-full-screen header,
.player:-webkit-full-screen footer {
  border-radius: 8px;
  width: 96%;
  margin-left: 2%;
}
.player:-ms-fullscreen header,
.player:-ms-fullscreen footer {
  border-radius: 8px;
  width: 96%;
  margin-left: 2%;
}
.player:fullscreen header,
.player:fullscreen footer {
  border-radius: 8px;
  width: 96%;
  margin-left: 2%;
}
.player:-webkit-full-screen header {
  top: 12px;
}
.player:-ms-fullscreen header {
  top: 12px;
}
.player:fullscreen header {
  top: 12px;
}
.player:-webkit-full-screen footer {
  bottom: 20px;
}
.player:-ms-fullscreen footer {
  bottom: 20px;
}
.player:fullscreen footer {
  bottom: 20px;
}
.player.immersive header,
.player.immersive footer {
  animation: fadeout 1s ease 2s 1 forwards;
}
@keyframes fadeout {
  0% {
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.player.absorbed header,
.player.absorbed footer {
  opacity: 0;
  visibility: hidden;
}
.player.loading::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.75);
}
.player.loading + .loading-animation {
  position: absolute;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQgMTJjLS41MzA0IDAtMS4wMzkxLS4yMTA3LTEuNDE0Mi0uNTg1OHMtLjU4NTgtLjg4MzgtLjU4NTgtMS40MTQydi00YzAtLjUzMDQzLjIxMDctMS4wMzkxNC41ODU4LTEuNDE0MjEuMzc1MS0uMzc1MDguODgzOC0uNTg1NzkgMS40MTQyLS41ODU3OXMxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5Yy4zNzUxLjM3NTA3LjU4NTguODgzNzguNTg1OCAxLjQxNDIxdjRjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4eiIvPjxwYXRoIGQ9Im0xNS43NyAxNC42N2MtLjMxNTYuMDAwOC0uNjI2OS0uMDczMS0uOTA4NC0uMjE1Ni0uMjgxNi0uMTQyNS0uNTI1NC0uMzQ5Ni0uNzExNi0uNjA0NGwtMi4zNS0zLjI0Yy0uMjM4OS0uNDI1OC0uMzEzOC0uOTI0MjctLjIxMDYtMS40MDE0Ny4xMDMzLS40NzcyLjM3NzUtLjkwMDE1Ljc3MS0xLjE4OTE0cy44NzkyLS40MjQwNiAxLjM2NTQtLjM3OTc0Yy40ODYyLjA0NDMzLjkzOTQuMjY0OTcgMS4yNzQyLjYyMDM1bDIuMzUgMy4yNGMuMjE1My4yOTg1LjM0NDEuNjUwNy4zNzIxIDEuMDE3N3MtLjA0NTguNzM0Ny0uMjEzMyAxLjA2MjRjLS4xNjc1LjMyNzgtLjQyMjIuNjAzLS43MzYuNzk1My0uMzEzOS4xOTIzLS42NzQ3LjI5NDItMS4wNDI4LjI5NDZ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+PHBhdGggZD0ibTEwLjY5IDIxLjY3Yy0uMjA5OS4wMDAzLS40MTg4LS4wMy0uNjItLjA5bC0zLjgxLTEuMjRjLS40ODU1OS0uMTc4OC0uODgyOTgtLjUzODktMS4xMDg2NS0xLjAwNDZzLS4yNjIwNy0xLjAwMDctLjEwMTU0LTEuNDkyNmMuMTYwNTMtLjQ5Mi41MDU0OS0uOTAyNS45NjIzOS0xLjE0NTUuNDU2OTEtLjI0MjkuOTkwMTktLjI5OTMgMS40ODc4LS4xNTczbDMuOCAxLjIzYy40NTA3LjE0ODEuODM0MS40NTE2IDEuMDgxNy44NTYyLjI0NzYuNDA0Ny4zNDMyLjg4NDIuMjY5OSAxLjM1MjlzLS4zMTA4Ljg5NjEtLjY3MDEgMS4yMDU4Yy0uMzU5NC4zMDk4LS44MTcxLjQ4MTctMS4yOTE1LjQ4NTF6IiBmaWxsLW9wYWNpdHk9Ii4yIi8+PHBhdGggZD0ibTYuODggMzEuNTZjLS40NzUyNC0uMDAxMS0uOTM0NTctLjE3MTMtMS4yOTU2OC0uNDgwMy0uMzYxMTItLjMwODktLjYwMDQyLS43MzYzLS42NzUwNC0xLjIwNTctLjA3NDYxLS40NjkzLjAyMDM0LS45NDk5LjI2Nzg1LTEuMzU1NnMuNjMxMzktLjcxIDEuMDgyODctLjg1ODRsMy44MS0xLjI0Yy41MDUyLS4xNjMxIDEuMDU0Ni0uMTE4OCAxLjUyNzIuMTIzMXMuODI5Ny42NjE3Ljk5MjggMS4xNjY5LjExODggMS4wNTQ2LS4xMjMxIDEuNTI3Mi0uNjYxNy44Mjk3LTEuMTY2OS45OTI4bC0zLjggMS4yM2MtLjIwMDEyLjA2NTgtLjQwOTM2LjA5OTUtLjYyLjF6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0ibTEzLjQyIDQwLjU2Yy0uMzY4MS0uMDAwNC0uNzI4OS0uMTAyMy0xLjA0MjgtLjI5NDZzLS41Njg2LS40Njc1LS43MzYxLS43OTUzYy0uMTY3NS0uMzI3Ny0uMjQxMy0uNjk1NC0uMjEzMi0xLjA2MjQuMDI4LS4zNjcuMTU2OC0uNzE5Mi4zNzIxLTEuMDE3N2wyLjM1LTMuMjRjLjMxMTYtLjQyOTcuNzgxMi0uNzE3OSAxLjMwNTMtLjgwMTQuNTI0Mi0uMDgzNCAxLjA2LjA0NDggMS40ODk3LjM1NjQuNDI5Ni4zMTE2LjcxNzkuNzgxMi44MDE0IDEuMzA1My4wODM0LjUyNDItLjA0NDggMS4wNi0uMzU2NCAxLjQ4OTdsLTIuMzkgMy4yNGMtLjE4MjIuMjQ5NC0uNDE5Ni40NTMyLS42OTM3LjU5NTUtLjI3NDIuMTQyMi0uNTc3NS4yMTkxLS44ODYzLjIyNDV6IiBmaWxsLW9wYWNpdHk9Ii40Ii8+PHBhdGggZD0ibTI0IDQ0Yy0uNTMwNCAwLTEuMDM5MS0uMjEwNy0xLjQxNDItLjU4NThzLS41ODU4LS44ODM4LS41ODU4LTEuNDE0MnYtNGMwLS41MzA0LjIxMDctMS4wMzkxLjU4NTgtMS40MTQycy44ODM4LS41ODU4IDEuNDE0Mi0uNTg1OCAxLjAzOTEuMjEwNyAxLjQxNDIuNTg1OC41ODU4Ljg4MzguNTg1OCAxLjQxNDJ2NGMwIC41MzA0LS4yMTA3IDEuMDM5MS0uNTg1OCAxLjQxNDJzLS44ODM4LjU4NTgtMS40MTQyLjU4NTh6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0ibTM0LjU4IDQwLjU2Yy0uMzA4OC0uMDA1NC0uNjEyMS0uMDgyMy0uODg2My0uMjI0NS0uMjc0MS0uMTQyMy0uNTExNS0uMzQ2MS0uNjkzNy0uNTk1NWwtMi4zOS0zLjI0Yy0uMzExNi0uNDI5Ny0uNDM5OC0uOTY1NS0uMzU2NC0xLjQ4OTcuMDgzNS0uNTI0MS4zNzE3LS45OTM3LjgwMTQtMS4zMDUzLjQyOTYtLjMxMTYuOTY1NS0uNDM5OCAxLjQ4OTctLjM1NjQuNTI0MS4wODM1Ljk5MzcuMzcxNyAxLjMwNTMuODAxNGwyLjM1IDMuMjRjLjIxNTMuMjk4NS4zNDQxLjY1MDcuMzcyMSAxLjAxNzdzLS4wNDU4LjczNDctLjIxMzMgMS4wNjI0Yy0uMTY3NS4zMjc4LS40MjIyLjYwMy0uNzM2Ljc5NTMtLjMxMzkuMTkyMy0uNjc0Ny4yOTQyLTEuMDQyOC4yOTQ2eiIgZmlsbC1vcGFjaXR5PSIuNiIvPjxwYXRoIGQ9Im00MS4xMiAzMS41NmMtLjIxMDguMDAxMS0uNDIwMy0uMDMyNy0uNjItLjFsLTMuOC0xLjIzYy0uMjUwMi0uMDgwOC0uNDgyLS4yMS0uNjgyMi0uMzgwNC0uMjAwMi0uMTcwMy0uMzY0OS0uMzc4NC0uNDg0Ny0uNjEyNHMtLjE5MjMtLjQ4OTMtLjIxMzQtLjc1MTRjLS4wMjEyLS4yNjIuMDA5NS0uNTI1Ni4wOTAzLS43NzU4cy4yMS0uNDgyLjM4MDQtLjY4MjJjLjE3MDMtLjIwMDIuMzc4NC0uMzY0OS42MTI0LS40ODQ3cy40ODkzLS4xOTIzLjc1MTQtLjIxMzRjLjI2Mi0uMDIxMi41MjU2LjAwOTUuNzc1OC4wOTAzbDMuODEgMS4yNGMuNDUxNS4xNDg0LjgzNTQuNDUyNyAxLjA4MjkuODU4NHMuMzQyNC44ODYzLjI2NzggMS4zNTU2Yy0uMDc0Ni40Njk0LS4zMTM5Ljg5NjgtLjY3NSAxLjIwNTctLjM2MTEuMzA5LS44MjA1LjQ3OTItMS4yOTU3LjQ4MDN6IiBmaWxsLW9wYWNpdHk9Ii43Ii8+PHBhdGggZD0ibTM3LjMxIDIxLjY3Yy0uNDc0NC0uMDAzNC0uOTMyMS0uMTc1My0xLjI5MTUtLjQ4NTEtLjM1OTMtLjMwOTctLjU5NjgtLjczNzEtLjY3MDEtMS4yMDU4cy4wMjIzLS45NDgyLjI2OTktMS4zNTI5Yy4yNDc2LS40MDQ2LjYzMS0uNzA4MSAxLjA4MTctLjg1NjJsMy44LTEuMjNjLjI1MjQtLjA5MjkuNTIwOS0uMTM0Ljc4OTUtLjEyMDhzLjUzMTguMDgwNS43NzM5LjE5NzhjLjI0Mi4xMTczLjQ1NzkuMjgyMi42MzQ3LjQ4NDguMTc2OC4yMDI3LjMxMDkuNDM4OS4zOTQ0LjY5NDYuMDgzNC4yNTU2LjExNDQuNTI1NS4wOTExLjc5MzQtLjAyMzIuMjY4LS4xMDAzLjUyODUtLjIyNjYuNzY1OS0uMTI2Mi4yMzc1LS4yOTkxLjQ0Ny0uNTA4Mi42MTYyLS4yMDkxLjE2OTEtLjQ1MDIuMjk0My0uNzA4OC4zNjgxbC0zLjgxIDEuMjRjLS4yMDEyLjA2LS40MTAxLjA5MDMtLjYyLjA5eiIgZmlsbC1vcGFjaXR5PSIuOCIvPjxwYXRoIGQ9Im0zMi4yMyAxNC42N2MtLjM2ODEtLjAwMDQtLjcyODktLjEwMjMtMS4wNDI4LS4yOTQ2LS4zMTM4LS4xOTIzLS41Njg1LS40Njc1LS43MzYtLjc5NTMtLjE2NzYtLjMyNzctLjI0MTMtLjY5NTQtLjIxMzMtMS4wNjI0cy4xNTY4LS43MTkyLjM3MjEtMS4wMTc3bDIuMzktMy4yNGMuMzExNi0uNDI5NjUuNzgxMi0uNzE3OTEgMS4zMDUzLS44MDEzNi41MjQyLS4wODM0NiAxLjA2MDEuMDQ0NzMgMS40ODk3LjM1NjM2LjQyOTcuMzExNjMuNzE3OS43ODExNy44MDE0IDEuMzA1MzQuMDgzNC41MjQxNi0uMDQ0OCAxLjA1OTk2LS4zNTY0IDEuNDg5NjZsLTIuMzUgMy4yNGMtLjE5MDEuMjYwMy0uNDQwNC40NzA5LS43Mjk0LjYxMzctLjI4OS4xNDI3LS42MDgzLjIxMzUtLjkzMDYuMjA2M3oiIGZpbGwtb3BhY2l0eT0iLjkiLz48L2c+PC9zdmc+') no-repeat;
  top: calc(50% - 50px);
  left: calc(50% - 35px);
  height: 60px;
  width: 60px;
  background-size: contain;
  animation: spin 1.3s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.player .title {
  display: block;
  font-family: sans-serif;
  font-size: 12px;
  padding: 8px 20px;
  text-decoration: none;
  color: #fff;
}
.player .seekbar {
  width: 100%;
  height: 34px;
  position: relative;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMjkwIDE5IiB3aWR0aD0iMjkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0yNzUuOTE3MjUtLjAwNjMwMjE4Yy0xLjgxNC0xLjg0NjExMzY2LTQuMzQtMi45OTM2OTc4Mi03LjEzNi0yLjk5MzY5NzgyaC0yNDZjLTIuNzk2IDAtNS4zMjEgMS4xNDc1ODQxNi03LjEzNSAyLjk5MzY5NzgyaC0xNC44NjVjNi4zMzUuMzMyMzAwNDYgMTAuMDYxIDcuMDY5MTE4NDUgMTEgOS45Nzg5OTI3MyAzLjI5NSAxMC4yMDk1MDc0NSAxMiA4Ljk4MTA5MzQ1IDEyIDguOTgxMDkzNDVoMjQ0czguNzA1IDEuMjI4NDE0IDEyLTguOTgxMDkzNDVjLjkzOS0yLjkwOTg3NDI4IDQuNjY1LTkuNjQ2NjkyMjcgMTEtOS45Nzg5OTI3M3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEpIi8+PC9zdmc+") no-repeat center bottom;
}
.player .seekbar input[type="range"] {
  width: 100%;
  height: 20px;
  border: none;
  outline: none;
  background-color: transparent;
}
.player .seekbar input[type="range"]::-webkit-slider-runnable-track {
  height: 10px;
  border-radius: 10px;
  background-color: #000;
}
.player .seekbar input[type="range"]::-ms-fill-upper {
  height: 10px;
  border-radius: 10px;
  background-color: #000;
}
.player .seekbar input[type="range"]::-moz-range-track {
  height: 10px;
  border-radius: 10px;
  background-color: #000;
}
.player .seekbar input[type="range"]::-webkit-slider-fill-lower {
  height: 10px;
  border-radius: 10px;
  background-color: #00a6fe;
}
.player .seekbar input[type="range"]::-ms-fill-lower {
  height: 10px;
  border-radius: 10px;
  background-color: #00a6fe;
}
.player .seekbar input[type="range"]::-moz-range-progress {
  height: 10px;
  border-radius: 10px;
  background-color: #00a6fe;
}
.player .seekbar input[type="range"]::-webkit-slider-thumb {
  margin-top: -3px;
  width: 17px;
  height: 17px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  background-color: #ccc;
}
.player .seekbar input[type="range"]::-ms-thumb {
  margin-top: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  background-color: #ccc;
}
.player .seekbar input[type="range"]::-moz-range-thumb {
  margin-top: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #d3d3d3;
  border-radius: 50%;
  background-color: #ccc;
}
.player .display {
  position: relative;
  margin-top: -16px;
  width: 290px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  font-family: Consolas, monospace;
}
.player .buttons {
  position: relative;
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.player .buttons .back10s {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzkzOTM5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgNC4wMDAwMDApIj48cGF0aCBkPSJNMjcuOTYyNCwzLjI3MiBDMjUuODgzNCwxLjg3MiAyMy41Mjk0LDAuODkzIDIxLjA3MTQsMC40MDYgQzE0LjU4MjQsLTAuODc4IDguMjE2NCwwLjkzIDMuNTMzNCw1LjE4OSBDMy4xMzM0LDUuNTUzIDIuNTI1NCw1LjU1NSAyLjE0MjQsNS4xNzMgTDEuNzExNCw0Ljc0MSBDMS4wNzk0LDQuMTEgMC4wMDA0LDQuNTU3IDAuMDAwNCw1LjQ1IEwwLjAwMDQsMTAuNTIgQzAuMDAwNCwxMS4wNyAwLjQ1MDQsMTEuNTIgMS4wMDA0LDExLjUyIEw2LjA2OTQsMTEuNTIgQzYuOTYwNCwxMS41MSA3LjQxMDQsMTAuNDQgNi43ODA0LDkuODEgTDYuMzg5NCw5LjQxOSBDNS45OTA0LDkuMDIgNS45ODc0LDguMzU2IDYuNDEwNCw3Ljk4MiBDMTAuMTE1NCw0LjcwOSAxNS4wOTc0LDMuMzMxIDIwLjE2ODQsNC4zMDggQzIyLjM0ODQsNC43MjkgMjQuNDI4NCw1LjYzIDI2LjIyNTQsNi45MzUgQzMxLjQ1MDQsMTAuNzMxIDMzLjkyMTQsMTYuOTUyIDMyLjYzMjQsMjMuMzM0IEMzMi4xOTk0LDI1LjQ3OSAzMS4yOTk0LDI3LjUyMyAzMC4wMDk0LDI5LjI5MSBDMjYuODc5NCwzMy41NzcgMjIuMTEyNCwzNiAxNi45Njk0LDM2IEMxMi43MjI0LDM2IDguNzIzNCwzNC4zNTggNS43MDg0LDMxLjM1OSBDNS4wMTQ0LDMwLjY2OCAzLjg3OTQsMzAuNTIxIDMuMDg0NCwzMS4wOTQgQzIuMDU3NCwzMS44MzQgMS45NzI0LDMzLjI4MyAyLjgyOTQsMzQuMTQgQzcuNTY2NCwzOC44NzcgMTQuMjUxNCw0MC45NDQgMjEuMDcyNCwzOS41OTQgQzIzLjUzMDQsMzkuMTA3IDI1Ljg4NTQsMzguMTI3IDI3Ljk2MzQsMzYuNzI3IEMzMy43MjA0LDMyLjg0OSAzNi45Njk0LDI2LjY3NCAzNi45Njk0LDIwIEMzNi45Njk0LDEzLjMyNSAzMy43MTk0LDcuMTUgMjcuOTYyNCwzLjI3MiIvPjxwYXRoIGQ9Ik0yMi45MTAyLDE5Ljg5OTkgQzIyLjkxMDIsMTguMDA5OSAyMi4wODAyLDE2LjQ1OTkgMjAuNzEwMiwxNi40NTk5IEMxOS4zNDAyLDE2LjQ1OTkgMTguNTEwMiwxOC4wMDk5IDE4LjUxMDIsMTkuODk5OSBDMTguNTEwMiwyMS43ODk5IDE5LjM0MDIsMjMuMzM5OSAyMC43MTAyLDIzLjMzOTkgQzIyLjA4MDIsMjMuMzM5OSAyMi45MTAyLDIxLjc4OTkgMjIuOTEwMiwxOS44OTk5IE0xNS43MTAyLDE5Ljg5OTkgQzE1LjcxMDIsMTYuNTY5OSAxNy41NjAyLDEzLjc1OTkgMjAuNzEwMiwxMy43NTk5IEMyMy44NjAyLDEzLjc1OTkgMjUuNzIwMiwxNi41Njk5IDI1LjcyMDIsMTkuODk5OSBDMjUuNzIwMiwyMy4yMjk5IDIzLjg3MDIsMjYuMDM5OSAyMC43MTAyLDI2LjAzOTkgQzE3LjU1MDIsMjYuMDM5OSAxNS43MTAyLDIzLjIyOTkgMTUuNzEwMiwxOS44OTk5Ii8+PHBhdGggZD0iTTEwLjUxOTUsMTguMjk5OCBDMTAuMjI5NSwxOC41ODk4IDkuODE5NSwxOC43ODk4IDkuMzI5NSwxOC43ODk4IEM4LjUxOTUsMTguNzg5OCA4LjAxOTUsMTguMjY5OCA4LjAxOTUsMTcuNDc5OCBDOC4wMTk1LDE2LjkxOTggOC4yNjk1LDE2LjUwOTggOC44Mjk1LDE2LjA4OTggTDExLjQwOTUsMTQuMTM5OCBDMTEuNjk5NSwxMy45MTk4IDEyLjA1OTUsMTMuNzk5OCAxMi40Mzk1LDEzLjc5OTggQzEzLjI0OTUsMTMuNzk5OCAxMy43MTk1LDE0LjMxOTggMTMuNzE5NSwxNS4xOTk4IEwxMy43MTk1LDI0LjQ2OTggQzEzLjcxOTUsMjUuNDA5OCAxMy4xMDk1LDI1Ljk5OTggMTIuMzI5NSwyNS45OTk4IEMxMS41NTk1LDI1Ljk5OTggMTAuOTM5NSwyNS40MDk4IDEwLjkzOTUsMjQuNDY5OCBMMTAuOTM5NSwyMC4zMDk4IEMxMC45Mzk1LDE5LjQ3OTggMTAuOTU5NSwxOC42ODk4IDExLjAyOTUsMTcuODA5OCBMMTAuNTE5NSwxOC4yOTk4IFoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.player .buttons .back10s:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2NjY2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjAwMDAwMCwgNC4wMDAwMDApIj48cGF0aCBkPSJNMjcuOTYyNCwzLjI3MiBDMjUuODgzNCwxLjg3MiAyMy41Mjk0LDAuODkzIDIxLjA3MTQsMC40MDYgQzE0LjU4MjQsLTAuODc4IDguMjE2NCwwLjkzIDMuNTMzNCw1LjE4OSBDMy4xMzM0LDUuNTUzIDIuNTI1NCw1LjU1NSAyLjE0MjQsNS4xNzMgTDEuNzExNCw0Ljc0MSBDMS4wNzk0LDQuMTEgMC4wMDA0LDQuNTU3IDAuMDAwNCw1LjQ1IEwwLjAwMDQsMTAuNTIgQzAuMDAwNCwxMS4wNyAwLjQ1MDQsMTEuNTIgMS4wMDA0LDExLjUyIEw2LjA2OTQsMTEuNTIgQzYuOTYwNCwxMS41MSA3LjQxMDQsMTAuNDQgNi43ODA0LDkuODEgTDYuMzg5NCw5LjQxOSBDNS45OTA0LDkuMDIgNS45ODc0LDguMzU2IDYuNDEwNCw3Ljk4MiBDMTAuMTE1NCw0LjcwOSAxNS4wOTc0LDMuMzMxIDIwLjE2ODQsNC4zMDggQzIyLjM0ODQsNC43MjkgMjQuNDI4NCw1LjYzIDI2LjIyNTQsNi45MzUgQzMxLjQ1MDQsMTAuNzMxIDMzLjkyMTQsMTYuOTUyIDMyLjYzMjQsMjMuMzM0IEMzMi4xOTk0LDI1LjQ3OSAzMS4yOTk0LDI3LjUyMyAzMC4wMDk0LDI5LjI5MSBDMjYuODc5NCwzMy41NzcgMjIuMTEyNCwzNiAxNi45Njk0LDM2IEMxMi43MjI0LDM2IDguNzIzNCwzNC4zNTggNS43MDg0LDMxLjM1OSBDNS4wMTQ0LDMwLjY2OCAzLjg3OTQsMzAuNTIxIDMuMDg0NCwzMS4wOTQgQzIuMDU3NCwzMS44MzQgMS45NzI0LDMzLjI4MyAyLjgyOTQsMzQuMTQgQzcuNTY2NCwzOC44NzcgMTQuMjUxNCw0MC45NDQgMjEuMDcyNCwzOS41OTQgQzIzLjUzMDQsMzkuMTA3IDI1Ljg4NTQsMzguMTI3IDI3Ljk2MzQsMzYuNzI3IEMzMy43MjA0LDMyLjg0OSAzNi45Njk0LDI2LjY3NCAzNi45Njk0LDIwIEMzNi45Njk0LDEzLjMyNSAzMy43MTk0LDcuMTUgMjcuOTYyNCwzLjI3MiIvPjxwYXRoIGQ9Ik0yMi45MTAyLDE5Ljg5OTkgQzIyLjkxMDIsMTguMDA5OSAyMi4wODAyLDE2LjQ1OTkgMjAuNzEwMiwxNi40NTk5IEMxOS4zNDAyLDE2LjQ1OTkgMTguNTEwMiwxOC4wMDk5IDE4LjUxMDIsMTkuODk5OSBDMTguNTEwMiwyMS43ODk5IDE5LjM0MDIsMjMuMzM5OSAyMC43MTAyLDIzLjMzOTkgQzIyLjA4MDIsMjMuMzM5OSAyMi45MTAyLDIxLjc4OTkgMjIuOTEwMiwxOS44OTk5IE0xNS43MTAyLDE5Ljg5OTkgQzE1LjcxMDIsMTYuNTY5OSAxNy41NjAyLDEzLjc1OTkgMjAuNzEwMiwxMy43NTk5IEMyMy44NjAyLDEzLjc1OTkgMjUuNzIwMiwxNi41Njk5IDI1LjcyMDIsMTkuODk5OSBDMjUuNzIwMiwyMy4yMjk5IDIzLjg3MDIsMjYuMDM5OSAyMC43MTAyLDI2LjAzOTkgQzE3LjU1MDIsMjYuMDM5OSAxNS43MTAyLDIzLjIyOTkgMTUuNzEwMiwxOS44OTk5Ii8+PHBhdGggZD0iTTEwLjUxOTUsMTguMjk5OCBDMTAuMjI5NSwxOC41ODk4IDkuODE5NSwxOC43ODk4IDkuMzI5NSwxOC43ODk4IEM4LjUxOTUsMTguNzg5OCA4LjAxOTUsMTguMjY5OCA4LjAxOTUsMTcuNDc5OCBDOC4wMTk1LDE2LjkxOTggOC4yNjk1LDE2LjUwOTggOC44Mjk1LDE2LjA4OTggTDExLjQwOTUsMTQuMTM5OCBDMTEuNjk5NSwxMy45MTk4IDEyLjA1OTUsMTMuNzk5OCAxMi40Mzk1LDEzLjc5OTggQzEzLjI0OTUsMTMuNzk5OCAxMy43MTk1LDE0LjMxOTggMTMuNzE5NSwxNS4xOTk4IEwxMy43MTk1LDI0LjQ2OTggQzEzLjcxOTUsMjUuNDA5OCAxMy4xMDk1LDI1Ljk5OTggMTIuMzI5NSwyNS45OTk4IEMxMS41NTk1LDI1Ljk5OTggMTAuOTM5NSwyNS40MDk4IDEwLjkzOTUsMjQuNDY5OCBMMTAuOTM5NSwyMC4zMDk4IEMxMC45Mzk1LDE5LjQ3OTggMTAuOTU5NSwxOC42ODk4IDExLjAyOTUsMTcuODA5OCBMMTAuNTE5NSwxOC4yOTk4IFoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat;
}
.player .buttons .back10s:hover:not(:disabled) {
  background-size: 40px 40px;
}
.player .buttons .back10s:disabled {
  opacity: 0.7;
}
.player .buttons .playpause {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzkzOTM5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMjI2LDM5LjYxOTkwODcgTDM3LDI1LjY4NDkwODcgQzM4LjMyNywyNC45MTM5MDg3IDM4LjMyNywyMi45OTc5MDg3IDM3LDIyLjIyNjkwODcgTDEzLjIyNiw4LjI5MTkwODc0IEMxMS43ODksNy40NTY5MDg3NCAxMCw4LjUxMjkwODc0IDEwLDEwLjE5NTkwODcgTDEwLDM3LjcxNjkwODcgQzEwLDM5LjM5OTkwODcgMTEuNzg5LDQwLjQ1NDkwODcgMTMuMjI2LDM5LjYxOTkwODciLz48L2c+PC9zdmc+") no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.player .buttons .playpause:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2NjY2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMjI2LDM5LjYxOTkwODcgTDM3LDI1LjY4NDkwODcgQzM4LjMyNywyNC45MTM5MDg3IDM4LjMyNywyMi45OTc5MDg3IDM3LDIyLjIyNjkwODcgTDEzLjIyNiw4LjI5MTkwODc0IEMxMS43ODksNy40NTY5MDg3NCAxMCw4LjUxMjkwODc0IDEwLDEwLjE5NTkwODcgTDEwLDM3LjcxNjkwODcgQzEwLDM5LjM5OTkwODcgMTEuNzg5LDQwLjQ1NDkwODcgMTMuMjI2LDM5LjYxOTkwODciLz48L2c+PC9zdmc+") no-repeat;
}
.player .buttons .playpause:hover:not(:disabled) {
  background-size: 40px 40px;
}
.player .buttons .playpause:disabled {
  opacity: 0.7;
}
.playing.player .buttons .playpause {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzkzOTM5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDguMDAwMDAwKSI+PHBhdGggZD0iTTgsMzIgTDIsMzIgQzAuOSwzMiAwLDMxLjEgMCwzMCBMMCwyIEMwLDAuOSAwLjksMCAyLDAgTDgsMCBDOS4xLDAgMTAsMC45IDEwLDIgTDEwLDMwIEMxMCwzMS4xMSA5LjEsMzIgOCwzMiBaIi8+PHBhdGggZD0iTTIyLDMyIEwxNiwzMiBDMTQuOSwzMiAxNCwzMS4xIDE0LDMwIEwxNCwyIEMxNCwwLjkgMTQuOSwwIDE2LDAgTDIyLDAgQzIzLjEsMCAyNCwwLjkgMjQsMiBMMjQsMzAgQzI0LDMxLjExIDIzLjEsMzIgMjIsMzIgWiIvPjwvZz48L2c+PC9zdmc+") no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.playing.player .buttons .playpause:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2NjY2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMi4wMDAwMDAsIDguMDAwMDAwKSI+PHBhdGggZD0iTTgsMzIgTDIsMzIgQzAuOSwzMiAwLDMxLjEgMCwzMCBMMCwyIEMwLDAuOSAwLjksMCAyLDAgTDgsMCBDOS4xLDAgMTAsMC45IDEwLDIgTDEwLDMwIEMxMCwzMS4xMSA5LjEsMzIgOCwzMiBaIi8+PHBhdGggZD0iTTIyLDMyIEwxNiwzMiBDMTQuOSwzMiAxNCwzMS4xIDE0LDMwIEwxNCwyIEMxNCwwLjkgMTQuOSwwIDE2LDAgTDIyLDAgQzIzLjEsMCAyNCwwLjkgMjQsMiBMMjQsMzAgQzI0LDMxLjExIDIzLjEsMzIgMjIsMzIgWiIvPjwvZz48L2c+PC9zdmc+") no-repeat;
}
.playing.player .buttons .playpause:hover:not(:disabled) {
  background-size: 40px 40px;
}
.playing.player .buttons .playpause:disabled {
  opacity: 0.7;
}
.player .buttons .skip10s {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzkzOTM5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTkuNDc1NSwyMi41Mzg3IEMxOS4xODc1LDIyLjgyNjcgMTguNzczNSwyMy4wMjQ3IDE4LjI4NzUsMjMuMDI0NyBDMTcuNDc3NSwyMy4wMjQ3IDE2Ljk3MjUsMjIuNTAyNyAxNi45NzI1LDIxLjcxMDcgQzE2Ljk3MjUsMjEuMTUyNyAxNy4yMjQ1LDIwLjczODcgMTcuNzgzNSwyMC4zMjQ3IEwyMC4zNTg1LDE4LjM3OTcgQzIwLjY0NTUsMTguMTYzNyAyMS4wMDU1LDE4LjAzNzcgMjEuMzgzNSwxOC4wMzc3IEMyMi4xOTQ1LDE4LjAzNzcgMjIuNjYzNSwxOC41NTk3IDIyLjY2MzUsMTkuNDQxNyBMMjIuNjYzNSwyOC43MTQ3IEMyMi42NjM1LDI5LjY1MDcgMjIuMDQ5NSwzMC4yNDQ3IDIxLjI3NjUsMzAuMjQ0NyBDMjAuNTAxNSwzMC4yNDQ3IDE5Ljg4OTUsMjkuNjUwNyAxOS44ODk1LDI4LjcxNDcgTDE5Ljg4OTUsMjQuNTU1NyBDMTkuODg5NSwyMy43MjY3IDE5LjkwNzUsMjIuOTM0NyAxOS45Nzk1LDIyLjA1MzcgTDE5LjQ3NTUsMjIuNTM4NyBaIi8+PHBhdGggZD0iTTMxLjg2MDIsMjQuMTQxMiBDMzEuODYwMiwyMi4yNTAyIDMxLjAzMjIsMjAuNzAyMiAyOS42NjQyLDIwLjcwMjIgQzI4LjI5NjIsMjAuNzAyMiAyNy40NjcyLDIyLjI1MDIgMjcuNDY3MiwyNC4xNDEyIEMyNy40NjcyLDI2LjAzMjIgMjguMjk2MiwyNy41ODAyIDI5LjY2NDIsMjcuNTgwMiBDMzEuMDMyMiwyNy41ODAyIDMxLjg2MDIsMjYuMDMyMiAzMS44NjAyLDI0LjE0MTIgTTI0LjY1OTIsMjQuMTQxMiBDMjQuNjU5MiwyMC44MTAyIDI2LjUxMjIsMTguMDAxMiAyOS42NjQyLDE4LjAwMTIgQzMyLjgxNTIsMTguMDAxMiAzNC42NzAyLDIwLjgxMDIgMzQuNjcwMiwyNC4xNDEyIEMzNC42NzAyLDI3LjQ3MjIgMzIuODE1MiwzMC4yODEyIDI5LjY2NDIsMzAuMjgxMiBDMjYuNTEyMiwzMC4yODEyIDI0LjY1OTIsMjcuNDcyMiAyNC42NTkyLDI0LjE0MTIiLz48cGF0aCBkPSJNNDEuMjE1Nyw4LjcyNzEgTDQwLjc4MDcsOS4xNjIxIEM0MC4zOTg3LDkuNTQ0MSAzOS43OTA3LDkuNTQxMSAzOS4zODk3LDkuMTc4MSBDMzEuMjg1NywxLjgxNzEgMTguNTUyNywyLjMwNDEgMTEuMDYxNywxMC42MzgxIEM0LjI0NjcsMTguMjIwMSA0LjMyMzcsMzAuMDMzMSAxMS4yMzE3LDM3LjUzMDEgQzE4Ljk1MjcsNDUuOTEwMSAzMi4wNDk3LDQ2LjEyNjEgNDAuMDQ4NywzOC4xNzkxIEM0MC43NDc3LDM3LjQ4NDEgNDAuODg0NywzNi4zNDIxIDQwLjMwMTcsMzUuNTQ3MSBDMzkuNTU2NywzNC41MzAxIDM4LjEyMDcsMzQuNDUwMSAzNy4yNjU3LDM1LjMwNDEgQzMwLjg0NzcsNDEuNzIyMSAyMC4yODk3LDQxLjUzODEgMTQuMTEwNywzNC43NTExIEM4LjYyNDcsMjguNzI2MSA4LjYyNDcsMTkuMjU1MSAxNC4xMTA3LDEzLjIzMDEgQzIwLjA1MzcsNi43MDMxIDMwLjA0NzcsNi4yODMxIDM2LjUxMjcsMTEuOTcwMSBDMzYuOTM2NywxMi4zNDQxIDM2LjkzNDcsMTMuMDA4MSAzNi41MzU3LDEzLjQwNzEgTDM2LjE0NDcsMTMuNzk4MSBDMzUuNTE0NywxNC40MjgxIDM1Ljk2MDcsMTUuNTA1MSAzNi44NTE3LDE1LjUwNTEgTDQxLjkyMjcsMTUuNTA1MSBDNDIuNDc0NywxNS41MDUxIDQyLjkyMjcsMTUuMDU4MSA0Mi45MjI3LDE0LjUwNTEgTDQyLjkyMjcsOS40MzQxIEM0Mi45MjI3LDguNTQzMSA0MS44NDU3LDguMDk3MSA0MS4yMTU3LDguNzI3MSIvPjwvZz48L3N2Zz4=") no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}
.player .buttons .skip10s:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2NjY2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTkuNDc1NSwyMi41Mzg3IEMxOS4xODc1LDIyLjgyNjcgMTguNzczNSwyMy4wMjQ3IDE4LjI4NzUsMjMuMDI0NyBDMTcuNDc3NSwyMy4wMjQ3IDE2Ljk3MjUsMjIuNTAyNyAxNi45NzI1LDIxLjcxMDcgQzE2Ljk3MjUsMjEuMTUyNyAxNy4yMjQ1LDIwLjczODcgMTcuNzgzNSwyMC4zMjQ3IEwyMC4zNTg1LDE4LjM3OTcgQzIwLjY0NTUsMTguMTYzNyAyMS4wMDU1LDE4LjAzNzcgMjEuMzgzNSwxOC4wMzc3IEMyMi4xOTQ1LDE4LjAzNzcgMjIuNjYzNSwxOC41NTk3IDIyLjY2MzUsMTkuNDQxNyBMMjIuNjYzNSwyOC43MTQ3IEMyMi42NjM1LDI5LjY1MDcgMjIuMDQ5NSwzMC4yNDQ3IDIxLjI3NjUsMzAuMjQ0NyBDMjAuNTAxNSwzMC4yNDQ3IDE5Ljg4OTUsMjkuNjUwNyAxOS44ODk1LDI4LjcxNDcgTDE5Ljg4OTUsMjQuNTU1NyBDMTkuODg5NSwyMy43MjY3IDE5LjkwNzUsMjIuOTM0NyAxOS45Nzk1LDIyLjA1MzcgTDE5LjQ3NTUsMjIuNTM4NyBaIi8+PHBhdGggZD0iTTMxLjg2MDIsMjQuMTQxMiBDMzEuODYwMiwyMi4yNTAyIDMxLjAzMjIsMjAuNzAyMiAyOS42NjQyLDIwLjcwMjIgQzI4LjI5NjIsMjAuNzAyMiAyNy40NjcyLDIyLjI1MDIgMjcuNDY3MiwyNC4xNDEyIEMyNy40NjcyLDI2LjAzMjIgMjguMjk2MiwyNy41ODAyIDI5LjY2NDIsMjcuNTgwMiBDMzEuMDMyMiwyNy41ODAyIDMxLjg2MDIsMjYuMDMyMiAzMS44NjAyLDI0LjE0MTIgTTI0LjY1OTIsMjQuMTQxMiBDMjQuNjU5MiwyMC44MTAyIDI2LjUxMjIsMTguMDAxMiAyOS42NjQyLDE4LjAwMTIgQzMyLjgxNTIsMTguMDAxMiAzNC42NzAyLDIwLjgxMDIgMzQuNjcwMiwyNC4xNDEyIEMzNC42NzAyLDI3LjQ3MjIgMzIuODE1MiwzMC4yODEyIDI5LjY2NDIsMzAuMjgxMiBDMjYuNTEyMiwzMC4yODEyIDI0LjY1OTIsMjcuNDcyMiAyNC42NTkyLDI0LjE0MTIiLz48cGF0aCBkPSJNNDEuMjE1Nyw4LjcyNzEgTDQwLjc4MDcsOS4xNjIxIEM0MC4zOTg3LDkuNTQ0MSAzOS43OTA3LDkuNTQxMSAzOS4zODk3LDkuMTc4MSBDMzEuMjg1NywxLjgxNzEgMTguNTUyNywyLjMwNDEgMTEuMDYxNywxMC42MzgxIEM0LjI0NjcsMTguMjIwMSA0LjMyMzcsMzAuMDMzMSAxMS4yMzE3LDM3LjUzMDEgQzE4Ljk1MjcsNDUuOTEwMSAzMi4wNDk3LDQ2LjEyNjEgNDAuMDQ4NywzOC4xNzkxIEM0MC43NDc3LDM3LjQ4NDEgNDAuODg0NywzNi4zNDIxIDQwLjMwMTcsMzUuNTQ3MSBDMzkuNTU2NywzNC41MzAxIDM4LjEyMDcsMzQuNDUwMSAzNy4yNjU3LDM1LjMwNDEgQzMwLjg0NzcsNDEuNzIyMSAyMC4yODk3LDQxLjUzODEgMTQuMTEwNywzNC43NTExIEM4LjYyNDcsMjguNzI2MSA4LjYyNDcsMTkuMjU1MSAxNC4xMTA3LDEzLjIzMDEgQzIwLjA1MzcsNi43MDMxIDMwLjA0NzcsNi4yODMxIDM2LjUxMjcsMTEuOTcwMSBDMzYuOTM2NywxMi4zNDQxIDM2LjkzNDcsMTMuMDA4MSAzNi41MzU3LDEzLjQwNzEgTDM2LjE0NDcsMTMuNzk4MSBDMzUuNTE0NywxNC40MjgxIDM1Ljk2MDcsMTUuNTA1MSAzNi44NTE3LDE1LjUwNTEgTDQxLjkyMjcsMTUuNTA1MSBDNDIuNDc0NywxNS41MDUxIDQyLjkyMjcsMTUuMDU4MSA0Mi45MjI3LDE0LjUwNTEgTDQyLjkyMjcsOS40MzQxIEM0Mi45MjI3LDguNTQzMSA0MS44NDU3LDguMDk3MSA0MS4yMTU3LDguNzI3MSIvPjwvZz48L3N2Zz4=") no-repeat;
}
.player .buttons .skip10s:hover:not(:disabled) {
  background-size: 40px 40px;
}
.player .buttons .skip10s:disabled {
  opacity: 0.7;
}
.player .buttons .bitrate {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 80px;
  width: 78px;
  overflow: visible;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
.player .buttons .bitrate .bitrate-active {
  line-height: 32px;
  margin-top: -2px;
}
.player .buttons .bitrate ul {
  visibility: hidden;
  position: absolute;
  bottom: -2px;
  width: 100%;
  padding-bottom: 32px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  list-style: none;
}
.player .buttons .bitrate ul li a {
  display: block;
  width: 100%;
  line-height: 32px;
  text-decoration: none;
}
.player .buttons .bitrate ul li a:hover {
  background-color: rgba(28, 109, 190, 0.6);
}
.player .buttons .bitrate ul li a.is-active {
  background-color: rgba(51, 153, 255, 0.6);
}
.player .buttons .bitrate:hover ul {
  visibility: visible;
}
.player .buttons .sound {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 45px;
  width: 32px;
  height: 32px;
  overflow: visible;
  outline: none;
}
.player .buttons .sound .mute {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzkzOTM5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNi4wMDAwMDApIj48cGF0aCBkPSJNMy42NzA5LDEyIEwxLjAwNDksMTIgQzAuNDUxOSwxMiAwLjAwNDksMTIuNDQ4IDAuMDA0OSwxMyBMMC4wMDQ5LDIzIEMwLjAwNDksMjMuNTUyIDAuNDUxOSwyNCAxLjAwNDksMjQgTDMuNjcwOSwyNCBDMy44ODc5LDI0IDQuMDk3OSwyNC4wNyA0LjI3MTksMjQuMiBMMTYuMzk5OSwzMy4yOTUgQzE3LjA1ODksMzMuNzkgMTcuOTk5OSwzMy4zMiAxNy45OTk5LDMyLjQ5NiBMMTcuOTk5OSwzLjQ4MiBDMTcuOTk5OSwyLjY1OCAxNy4wNTc5LDIuMTg4IDE2LjM5ODksMi42ODMgTDQuMjcxOSwxMS43OTkgQzQuMDk3OSwxMS45MyAzLjg4NzksMTIgMy42NzA5LDEyIi8+PHBhdGggZD0iTTIyLjAwNDksMjYgQzIyLjAwNDksMjQuODk2IDIyLjkwMDksMjQgMjQuMDA0OSwyNCBDMjYuNzYxOSwyNCAyOC4wMDQ5LDIwLjc1NyAyOC4wMDQ5LDE4IEMyOC4wMDQ5LDE1LjI0MyAyNi43NjE5LDEyIDI0LjAwNDksMTIgQzIyLjkwMDksMTIgMjIuMDA0OSwxMS4xMDQgMjIuMDA0OSwxMCBDMjIuMDA0OSw4Ljg5NiAyMi45MDA5LDggMjQuMDA0OSw4IEMyOC45NjY5LDggMzIuMDA0OSwxMy4wMzcgMzIuMDA0OSwxOCBDMzIuMDA0OSwyMi45NjMgMjguOTY2OSwyOCAyNC4wMDQ5LDI4IEMyMi45MDA5LDI4IDIyLjAwNDksMjcuMTA0IDIyLjAwNDksMjYiLz48cGF0aCBkPSJNMjMuODA0NywzNiBDMjIuODEwNywzNiAyMi4wMDQ3LDM1LjEwNCAyMi4wMDQ3LDM0IEMyMi4wMDQ3LDMyLjg5NiAyMi44MTA3LDMyIDIzLjgwNDcsMzIgQzMwLjc1MTcsMzIgMzYuMDA0NywyNS43MiAzNi4wMDQ3LDE4IEMzNi4wMDQ3LDEwLjI4IDMwLjc1MTcsNCAyMy44MDQ3LDQgQzIyLjgxMDcsNCAyMi4wMDQ3LDMuMTA0IDIyLjAwNDcsMiBDMjIuMDA0NywwLjg5NiAyMi44MTA3LDAgMjMuODA0NywwIEMzMi43MzY3LDAgNDAuMDAzNyw4LjA3NSA0MC4wMDM3LDE4IEM0MC4wMDM3LDI3LjkyNSAzMi43MzY3LDM2IDIzLjgwNDcsMzYiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat;
  background-size: 100% 100%;
}
.player .buttons .sound .mute:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2NjY2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNi4wMDAwMDApIj48cGF0aCBkPSJNMy42NzA5LDEyIEwxLjAwNDksMTIgQzAuNDUxOSwxMiAwLjAwNDksMTIuNDQ4IDAuMDA0OSwxMyBMMC4wMDQ5LDIzIEMwLjAwNDksMjMuNTUyIDAuNDUxOSwyNCAxLjAwNDksMjQgTDMuNjcwOSwyNCBDMy44ODc5LDI0IDQuMDk3OSwyNC4wNyA0LjI3MTksMjQuMiBMMTYuMzk5OSwzMy4yOTUgQzE3LjA1ODksMzMuNzkgMTcuOTk5OSwzMy4zMiAxNy45OTk5LDMyLjQ5NiBMMTcuOTk5OSwzLjQ4MiBDMTcuOTk5OSwyLjY1OCAxNy4wNTc5LDIuMTg4IDE2LjM5ODksMi42ODMgTDQuMjcxOSwxMS43OTkgQzQuMDk3OSwxMS45MyAzLjg4NzksMTIgMy42NzA5LDEyIi8+PHBhdGggZD0iTTIyLjAwNDksMjYgQzIyLjAwNDksMjQuODk2IDIyLjkwMDksMjQgMjQuMDA0OSwyNCBDMjYuNzYxOSwyNCAyOC4wMDQ5LDIwLjc1NyAyOC4wMDQ5LDE4IEMyOC4wMDQ5LDE1LjI0MyAyNi43NjE5LDEyIDI0LjAwNDksMTIgQzIyLjkwMDksMTIgMjIuMDA0OSwxMS4xMDQgMjIuMDA0OSwxMCBDMjIuMDA0OSw4Ljg5NiAyMi45MDA5LDggMjQuMDA0OSw4IEMyOC45NjY5LDggMzIuMDA0OSwxMy4wMzcgMzIuMDA0OSwxOCBDMzIuMDA0OSwyMi45NjMgMjguOTY2OSwyOCAyNC4wMDQ5LDI4IEMyMi45MDA5LDI4IDIyLjAwNDksMjcuMTA0IDIyLjAwNDksMjYiLz48cGF0aCBkPSJNMjMuODA0NywzNiBDMjIuODEwNywzNiAyMi4wMDQ3LDM1LjEwNCAyMi4wMDQ3LDM0IEMyMi4wMDQ3LDMyLjg5NiAyMi44MTA3LDMyIDIzLjgwNDcsMzIgQzMwLjc1MTcsMzIgMzYuMDA0NywyNS43MiAzNi4wMDQ3LDE4IEMzNi4wMDQ3LDEwLjI4IDMwLjc1MTcsNCAyMy44MDQ3LDQgQzIyLjgxMDcsNCAyMi4wMDQ3LDMuMTA0IDIyLjAwNDcsMiBDMjIuMDA0NywwLjg5NiAyMi44MTA3LDAgMjMuODA0NywwIEMzMi43MzY3LDAgNDAuMDAzNyw4LjA3NSA0MC4wMDM3LDE4IEM0MC4wMDM3LDI3LjkyNSAzMi43MzY3LDM2IDIzLjgwNDcsMzYiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat;
  background-size: 100% 100%;
}
.muted.player .buttons .sound .mute {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iIzkzOTM5MyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzQuMDg3OSwyNy45MTExIEMzNC41MzY5LDI4LjM2MDEgMzUuMjk4OSwyOC4yOTMxIDM1LjYzNDksMjcuNzU0MSBDMzYuNDkzOSwyNi4zNzYxIDM2Ljk4OTksMjQuNzUwMSAzNi45ODk5LDIzLjAxMDEgQzM2Ljk4OTksMTguMDkwMSAzNC4wMjU5LDEzLjA2NjEgMjkuMTE4OSwxMy4wMDExIEMyOC4wOTU5LDEyLjk4NzEgMjcuMTM1OSwxMy43MjMxIDI3LjAwNjksMTQuNzM4MSBDMjYuODU0OSwxNS45MzIxIDI3Ljc1NzksMTYuOTU0MSAyOC45MTE5LDE2Ljk5ODEgQzMxLjA0NDksMTcuMDgxMSAzMi4zMjE5LDE5LjEzOTEgMzIuODAyOSwyMS4yMTgxIEMzMy4xMzc5LDIyLjY2MjEgMzIuOTk0OSwyNC4zODIxIDMyLjU2NTksMjUuNTk0MSBDMzIuNDUwOSwyNS45MTkxIDMyLjU1NjksMjYuMzgwMSAzMi44MDA5LDI2LjYyNDEgTDM0LjA4NzksMjcuOTExMSBaIj48L3BhdGg+PHBhdGggZD0iTTI4LjkwOTcsOS4wMTA3IEMzNi42NzE3LDguOTgyNyA0MC45OTc3LDE1LjI3MzcgNDAuOTk3NywyMy4wMTA3IEM0MC45OTc3LDI2LjAwMDcgNDAuMDQ5NywyOC43NzA3IDM4LjQ0NTcsMzEuMDQ3NyBDMzguMTU4NywzMS40NTM3IDM4LjE4NTcsMzIuMDAwNyAzOC41MzY3LDMyLjM1MjcgTDM5Ljk2ODcsMzMuNzgzNyBDNDAuNDA2NywzNC4yMjE3IDQxLjEyNjcsMzQuMTU1NyA0MS40OTQ3LDMzLjY1NjcgQzQzLjY5MzcsMzAuNjcyNyA0NC45OTc3LDI2Ljk5MjcgNDQuOTk3NywyMy4wMTA3IEM0NC45OTc3LDEzLjA4NDcgMzguODg0Nyw1LjAxMDcgMjguOTU5Nyw1LjAxMDcgQzI3LjUwMzcsNS4wMTA3IDI2LjQxMDcsNi41Njc3IDI3LjI1NDcsOC4xMDc3IEMyNy41Nzg3LDguNjk3NyAyOC4yMzY3LDkuMDEyNyAyOC45MDk3LDkuMDEwNyI+PC9wYXRoPjxwYXRoIGQ9Ik0yMS4zOTg0LDcuNjg5IEwxOC41ODc0LDkuNzk3IEMxOC4xMDE0LDEwLjE2MiAxOC4wNTA0LDEwLjg3NCAxOC40ODE0LDExLjMwNCBMMjEuMjg3NCwxNC4xMSBDMjEuOTE3NCwxNC43NCAyMi45OTM0LDE0LjI5NSAyMi45OTQ0LDEzLjQwNCBMMjIuOTk4NDAwOCw4LjQ5IEMyMi45OTk0LDcuNjY2IDIyLjA1ODQsNy4xOTQgMjEuMzk4NCw3LjY4OSI+PC9wYXRoPjxwYXRoIGQ9Ik05LjI2NzYsNy43MjMxIEM4LjQzNDYsNi44OTAxIDcuMDM0Niw2Ljk3MzEgNi4zMTQ2LDcuOTcyMSBDNS43NDk2LDguNzU1MSA1LjkxNTYsOS44NTQxIDYuNTk4NiwxMC41MzcxIEwxMC41MDU2LDE0LjQ0NDEgQzEwLjkzNTYsMTQuODc0MSAxMC44ODU2LDE1LjU4NTEgMTAuMzk5NiwxNS45NTExIEw5LjI1NzYsMTYuODA5MSBDOS4wODM2LDE2Ljk0MDEgOC44NzI2LDE3LjAxMDEgOC42NTY2LDE3LjAxMDEgTDUuOTk3NiwxNy4wMTAxIEM1LjQ0NTYsMTcuMDEwMSA0Ljk5NzYsMTcuNDU4MSA0Ljk5NzYsMTguMDEwMSBMNC45OTc2LDI4LjAxMDEgQzQuOTk3NiwyOC41NjIxIDUuNDQ1NiwyOS4wMTAxIDUuOTk3NiwyOS4wMTAxIEw4LjY0MzYsMjkuMDEwMSBDOC44Njg2LDI5LjAxMDEgOS4wODY2LDI5LjA4NjEgOS4yNjI2LDI5LjIyNTEgTDIxLjM5ODYsMzguNzkzMSBDMjIuMDU4NiwzOS4yODcxIDIyLjk5ODYsMzguODE2MSAyMi45OTg2LDM3Ljk5MjEgTDIyLjk5MTYsMjkuMzQ0MSBDMjIuOTkwNiwyOC40NTMxIDI0LjA2NzYsMjguMDA2MSAyNC42OTg2LDI4LjYzNjEgTDMxLjEzMDYsMzUuMDY5MSBDMzEuNzA2NiwzNS42NDQxIDMxLjM4NjYsMzYuNjEyMSAzMC41ODY2LDM2Ljc2NTEgQzI5Ljc1NzYsMzYuOTIzMSAyOC45MDI2LDM3LjAwODEgMjguMDI4NiwzNy4wMTAxIEMyNy4wNjU2LDM3LjAxMzEgMjYuMTg3NiwzNy43MDIxIDI2LjAyMTYsMzguNjUwMSBDMjUuODAxNiwzOS45MTMxIDI2Ljc2NzYsNDEuMDEwMSAyNy45OTA2LDQxLjAxMDEgQzMwLjQxMDYsNDEuMDEwMSAzMi43MTE2LDQwLjUxODEgMzQuODE2NiwzOS42NDIxIEMzNS4xOTI2LDM5LjQ4NjEgMzUuNjIxNiwzOS41NjAxIDM1LjkxMDYsMzkuODQ4MSBMMzcuNTUwNiw0MS40ODExIEMzNy45Mjk2LDQxLjg1OTEgMzguNDI1Niw0Mi4wNDkxIDM4LjkyMTYsNDIuMDQ5MSBDMzkuNDYzNiw0Mi4wNDkxIDQwLjAwNjYsNDEuODIyMSA0MC4zOTY2LDQxLjM2ODEgQzQxLjA2ODYsNDAuNTg0MSA0MC45Mzk2LDM5LjM4NzEgNDAuMjA4NiwzOC42NTYxIEw5LjI2NzYsNy43MjMxIFoiLz48L2c+PC9zdmc+") no-repeat;
  background-position-y: 1px;
  /* TODO: fix SVG */
  background-size: 100% 100%;
}
.muted.player .buttons .sound .mute:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0iI2NjY2NjYyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzQuMDg3OSwyNy45MTExIEMzNC41MzY5LDI4LjM2MDEgMzUuMjk4OSwyOC4yOTMxIDM1LjYzNDksMjcuNzU0MSBDMzYuNDkzOSwyNi4zNzYxIDM2Ljk4OTksMjQuNzUwMSAzNi45ODk5LDIzLjAxMDEgQzM2Ljk4OTksMTguMDkwMSAzNC4wMjU5LDEzLjA2NjEgMjkuMTE4OSwxMy4wMDExIEMyOC4wOTU5LDEyLjk4NzEgMjcuMTM1OSwxMy43MjMxIDI3LjAwNjksMTQuNzM4MSBDMjYuODU0OSwxNS45MzIxIDI3Ljc1NzksMTYuOTU0MSAyOC45MTE5LDE2Ljk5ODEgQzMxLjA0NDksMTcuMDgxMSAzMi4zMjE5LDE5LjEzOTEgMzIuODAyOSwyMS4yMTgxIEMzMy4xMzc5LDIyLjY2MjEgMzIuOTk0OSwyNC4zODIxIDMyLjU2NTksMjUuNTk0MSBDMzIuNDUwOSwyNS45MTkxIDMyLjU1NjksMjYuMzgwMSAzMi44MDA5LDI2LjYyNDEgTDM0LjA4NzksMjcuOTExMSBaIj48L3BhdGg+PHBhdGggZD0iTTI4LjkwOTcsOS4wMTA3IEMzNi42NzE3LDguOTgyNyA0MC45OTc3LDE1LjI3MzcgNDAuOTk3NywyMy4wMTA3IEM0MC45OTc3LDI2LjAwMDcgNDAuMDQ5NywyOC43NzA3IDM4LjQ0NTcsMzEuMDQ3NyBDMzguMTU4NywzMS40NTM3IDM4LjE4NTcsMzIuMDAwNyAzOC41MzY3LDMyLjM1MjcgTDM5Ljk2ODcsMzMuNzgzNyBDNDAuNDA2NywzNC4yMjE3IDQxLjEyNjcsMzQuMTU1NyA0MS40OTQ3LDMzLjY1NjcgQzQzLjY5MzcsMzAuNjcyNyA0NC45OTc3LDI2Ljk5MjcgNDQuOTk3NywyMy4wMTA3IEM0NC45OTc3LDEzLjA4NDcgMzguODg0Nyw1LjAxMDcgMjguOTU5Nyw1LjAxMDcgQzI3LjUwMzcsNS4wMTA3IDI2LjQxMDcsNi41Njc3IDI3LjI1NDcsOC4xMDc3IEMyNy41Nzg3LDguNjk3NyAyOC4yMzY3LDkuMDEyNyAyOC45MDk3LDkuMDEwNyI+PC9wYXRoPjxwYXRoIGQ9Ik0yMS4zOTg0LDcuNjg5IEwxOC41ODc0LDkuNzk3IEMxOC4xMDE0LDEwLjE2MiAxOC4wNTA0LDEwLjg3NCAxOC40ODE0LDExLjMwNCBMMjEuMjg3NCwxNC4xMSBDMjEuOTE3NCwxNC43NCAyMi45OTM0LDE0LjI5NSAyMi45OTQ0LDEzLjQwNCBMMjIuOTk4NDAwOCw4LjQ5IEMyMi45OTk0LDcuNjY2IDIyLjA1ODQsNy4xOTQgMjEuMzk4NCw3LjY4OSI+PC9wYXRoPjxwYXRoIGQ9Ik05LjI2NzYsNy43MjMxIEM4LjQzNDYsNi44OTAxIDcuMDM0Niw2Ljk3MzEgNi4zMTQ2LDcuOTcyMSBDNS43NDk2LDguNzU1MSA1LjkxNTYsOS44NTQxIDYuNTk4NiwxMC41MzcxIEwxMC41MDU2LDE0LjQ0NDEgQzEwLjkzNTYsMTQuODc0MSAxMC44ODU2LDE1LjU4NTEgMTAuMzk5NiwxNS45NTExIEw5LjI1NzYsMTYuODA5MSBDOS4wODM2LDE2Ljk0MDEgOC44NzI2LDE3LjAxMDEgOC42NTY2LDE3LjAxMDEgTDUuOTk3NiwxNy4wMTAxIEM1LjQ0NTYsMTcuMDEwMSA0Ljk5NzYsMTcuNDU4MSA0Ljk5NzYsMTguMDEwMSBMNC45OTc2LDI4LjAxMDEgQzQuOTk3NiwyOC41NjIxIDUuNDQ1NiwyOS4wMTAxIDUuOTk3NiwyOS4wMTAxIEw4LjY0MzYsMjkuMDEwMSBDOC44Njg2LDI5LjAxMDEgOS4wODY2LDI5LjA4NjEgOS4yNjI2LDI5LjIyNTEgTDIxLjM5ODYsMzguNzkzMSBDMjIuMDU4NiwzOS4yODcxIDIyLjk5ODYsMzguODE2MSAyMi45OTg2LDM3Ljk5MjEgTDIyLjk5MTYsMjkuMzQ0MSBDMjIuOTkwNiwyOC40NTMxIDI0LjA2NzYsMjguMDA2MSAyNC42OTg2LDI4LjYzNjEgTDMxLjEzMDYsMzUuMDY5MSBDMzEuNzA2NiwzNS42NDQxIDMxLjM4NjYsMzYuNjEyMSAzMC41ODY2LDM2Ljc2NTEgQzI5Ljc1NzYsMzYuOTIzMSAyOC45MDI2LDM3LjAwODEgMjguMDI4NiwzNy4wMTAxIEMyNy4wNjU2LDM3LjAxMzEgMjYuMTg3NiwzNy43MDIxIDI2LjAyMTYsMzguNjUwMSBDMjUuODAxNiwzOS45MTMxIDI2Ljc2NzYsNDEuMDEwMSAyNy45OTA2LDQxLjAxMDEgQzMwLjQxMDYsNDEuMDEwMSAzMi43MTE2LDQwLjUxODEgMzQuODE2NiwzOS42NDIxIEMzNS4xOTI2LDM5LjQ4NjEgMzUuNjIxNiwzOS41NjAxIDM1LjkxMDYsMzkuODQ4MSBMMzcuNTUwNiw0MS40ODExIEMzNy45Mjk2LDQxLjg1OTEgMzguNDI1Niw0Mi4wNDkxIDM4LjkyMTYsNDIuMDQ5MSBDMzkuNDYzNiw0Mi4wNDkxIDQwLjAwNjYsNDEuODIyMSA0MC4zOTY2LDQxLjM2ODEgQzQxLjA2ODYsNDAuNTg0MSA0MC45Mzk2LDM5LjM4NzEgNDAuMjA4NiwzOC42NTYxIEw5LjI2NzYsNy43MjMxIFoiLz48L2c+PC9zdmc+") no-repeat;
  background-position-y: 1px;
  /* TODO: fix SVG */
  background-size: 100% 100%;
}
.player .buttons .sound input[type="range"] {
  visibility: hidden;
  position: absolute;
  transform: rotate(-90deg);
  bottom: 52px;
  left: -55px;
  padding: 14px 5px 14px 37px;
  width: 142px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.6);
}
.player .buttons .sound input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  background-color: #0e0e0e;
}
.player .buttons .sound input[type="range"]::-ms-fill-upper {
  height: 6px;
  background-color: #0e0e0e;
}
.player .buttons .sound input[type="range"]::-moz-range-track {
  height: 6px;
  background-color: #0e0e0e;
}
.player .buttons .sound input[type="range"]::-webkit-slider-fill-lower {
  height: 6px;
  background-color: #00a6fe;
}
.player .buttons .sound input[type="range"]::-ms-fill-lower {
  height: 6px;
  background-color: #00a6fe;
}
.player .buttons .sound input[type="range"]::-moz-range-progress {
  height: 6px;
  background-color: #00a6fe;
}
.player .buttons .sound input[type="range"]::-webkit-slider-thumb {
  margin-top: -9px;
  height: 24px;
  width: 8px;
  border: none;
  background-color: #939393;
}
.player .buttons .sound input[type="range"]::-ms-thumb {
  margin-top: 0px;
  height: 24px;
  width: 8px;
  border: none;
  background-color: #939393;
}
.player .buttons .sound input[type="range"]::-moz-range-thumb {
  height: 24px;
  width: 8px;
  border: none;
  background-color: #939393;
}
.player .buttons .sound input[type="range"]:hover::-webkit-slider-thumb {
  background-color: #cccccc;
}
.player .buttons .sound input[type="range"]:hover::-ms-thumb {
  background-color: #cccccc;
}
.player .buttons .sound input[type="range"]:hover::-moz-range-thumb {
  background-color: #cccccc;
}
.player .buttons .sound:hover input[type="range"] {
  visibility: visible;
}
.player .buttons .sound:focus input[type="range"] {
  visibility: visible;
}
.player .buttons .fullscreen {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  width: 26px;
  height: 21px;
  overflow: visible;
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzIxJyB2aWV3Qm94PScwIDAgMjYgMjEnIHdpZHRoPScyNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48ZyBmaWxsPScjOTM5MzkzJyBmaWxsLXJ1bGU9J2V2ZW5vZGQnPjxwYXRoIGQ9J20xOS41MTY0NDUgMS4zNDR2LS4wNTI2NjY2N2MwLS43MTI2NjY2Ni41NjM1NS0xLjI5MTMzMzMzIDEuMjU5MDUtMS4yOTEzMzMzM2gzLjgzMTc1Yy42OTc0NSAwIDEuMjYyOTUuNTggMS4yNjI5NSAxLjI5NnYzLjkyODY2NjY3YzAgLjcxNC0uNTY0MiAxLjI5MjY2NjY2LTEuMjU5NyAxLjI5MjY2NjY2aC0uMDUyNjVjLS42OTE2IDAtMS4yNTcxLS41OC0xLjI1NzEtMS4yODkzMzMzM3YtMi4wNjJjMC0uMjkyNjY2NjctLjIzMTQtLjUzLS41MTc0LS41M2gtMi4wMDcyYy0uNjkyOSAwLTEuMjU5Ny0uNTgxMzMzMzMtMS4yNTk3LTEuMjkyJy8+PHBhdGggZD0nbTEuMzEwMDc1IDYuNTE3MmgtLjA1MTM1Yy0uNjk0ODUgMC0xLjI1OTA1LS41NzgtMS4yNTkwNS0xLjI5MTMzMzMzdi0zLjkzYzAtLjcxNTMzMzM0LjU2NTUtMS4yOTUzMzMzNCAxLjI2MzYtMS4yOTUzMzMzNGgzLjgzMDQ1Yy42OTYxNSAwIDEuMjYwMzUuNTc4NjY2NjcgMS4yNjAzNSAxLjI5MjY2NjY3di4wNTRjMCAuNzA5MzMzMzMtLjU2NTUgMS4yODkzMzMzMy0xLjI1NzEgMS4yODkzMzMzM2gtMi4wMTA0NWMtLjI4NTM1IDAtLjUxNjc1LjIzNjY2NjY3LS41MTY3NS41M3YyLjA1OTMzMzM0YzAgLjcxLS41NjY4IDEuMjkxMzMzMzMtMS4yNTk3IDEuMjkxMzMzMzMnLz48cGF0aCBkPSdtNi4zNTM5NDUgMTkuNDk1OTMzM3YuMDUyNjY2N2MwIC43MTMzMzMzLS41NjM1NSAxLjI5MTMzMzMtMS4yNTkwNSAxLjI5MTMzMzNoLTMuODMxNzVjLS42OTc0NSAwLTEuMjYyOTUtLjU4LTEuMjYyOTUtMS4yOTZ2LTMuOTI4YzAtLjcxNDY2NjYuNTY0Mi0xLjI5MzMzMzMgMS4yNjAzNS0xLjI5MzMzMzNoLjA1MjY1Yy42OTE2IDAgMS4yNTcxLjU4IDEuMjU3MSAxLjI4OTMzMzN2Mi4wNjJjMCAuMjkyNjY2Ny4yMzA3NS41MzA2NjY3LjUxNjc1LjUzMDY2NjdoMi4wMDc4NWMuNjkyMjUgMCAxLjI1OTA1LjU4MTMzMzMgMS4yNTkwNSAxLjI5MTMzMzMnLz48cGF0aCBkPSdtMjQuNTYwMzE1IDE0LjMyMjhoLjA1MTM1Yy42OTU1IDAgMS4yNTkwNS41NzggMS4yNTkwNSAxLjI5MTMzMzN2My45M2MwIC43MTUzMzM0LS41NjU1IDEuMjk1MzMzNC0xLjI2MzYgMS4yOTUzMzM0aC0zLjgyOThjLS42OTY4IDAtMS4yNjEtLjU3ODY2NjctMS4yNjEtMS4yOTJ2LS4wNTRjMC0uNzA5MzMzNC41NjU1LTEuMjg5MzMzNCAxLjI1NzEtMS4yODkzMzM0aDIuMDEwNDVjLjI4NTM1IDAgLjUxNzQtLjIzNzMzMzMuNTE3NC0uNTMwNjY2NnYtMi4wNTg2NjY3YzAtLjcxMDY2NjcuNTY2OC0xLjI5MiAxLjI1OTA1LTEuMjkyJy8+PHBhdGggZD0nbTE5LjQyNjk0IDE1LjYyNGgtMTNjLS43MTc2IDAtMS4zLS41OTczMzMzLTEuMy0xLjMzMzMzMzN2LTcuOTU3MzMzMzdjMC0uNzM2LjU4MjQtMS4zMzMzMzMzMyAxLjMtMS4zMzMzMzMzM2gxM2MuNzE3NiAwIDEuMy41OTczMzMzMyAxLjMgMS4zMzMzMzMzM3Y3Ljk1NzMzMzM3YzAgLjczNi0uNTgyNCAxLjMzMzMzMzMtMS4zIDEuMzMzMzMzMycvPjwvZz48L3N2Zz4=") no-repeat;
}
.player .buttons .fullscreen:hover:not(:disabled) {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMjYgMjEiIHdpZHRoPSIyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjY2NjY2NjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0xOS41MTY0NDUgMS4zNDR2LS4wNTI2NjY2N2MwLS43MTI2NjY2Ni41NjM1NS0xLjI5MTMzMzMzIDEuMjU5MDUtMS4yOTEzMzMzM2gzLjgzMTc1Yy42OTc0NSAwIDEuMjYyOTUuNTggMS4yNjI5NSAxLjI5NnYzLjkyODY2NjY3YzAgLjcxNC0uNTY0MiAxLjI5MjY2NjY2LTEuMjU5NyAxLjI5MjY2NjY2aC0uMDUyNjVjLS42OTE2IDAtMS4yNTcxLS41OC0xLjI1NzEtMS4yODkzMzMzM3YtMi4wNjJjMC0uMjkyNjY2NjctLjIzMTQtLjUzLS41MTc0LS41M2gtMi4wMDcyYy0uNjkyOSAwLTEuMjU5Ny0uNTgxMzMzMzMtMS4yNTk3LTEuMjkyIi8+PHBhdGggZD0ibTEuMzEwMDc1IDYuNTE3MmgtLjA1MTM1Yy0uNjk0ODUgMC0xLjI1OTA1LS41NzgtMS4yNTkwNS0xLjI5MTMzMzMzdi0zLjkzYzAtLjcxNTMzMzM0LjU2NTUtMS4yOTUzMzMzNCAxLjI2MzYtMS4yOTUzMzMzNGgzLjgzMDQ1Yy42OTYxNSAwIDEuMjYwMzUuNTc4NjY2NjcgMS4yNjAzNSAxLjI5MjY2NjY3di4wNTRjMCAuNzA5MzMzMzMtLjU2NTUgMS4yODkzMzMzMy0xLjI1NzEgMS4yODkzMzMzM2gtMi4wMTA0NWMtLjI4NTM1IDAtLjUxNjc1LjIzNjY2NjY3LS41MTY3NS41M3YyLjA1OTMzMzM0YzAgLjcxLS41NjY4IDEuMjkxMzMzMzMtMS4yNTk3IDEuMjkxMzMzMzMiLz48cGF0aCBkPSJtNi4zNTM5NDUgMTkuNDk1OTMzM3YuMDUyNjY2N2MwIC43MTMzMzMzLS41NjM1NSAxLjI5MTMzMzMtMS4yNTkwNSAxLjI5MTMzMzNoLTMuODMxNzVjLS42OTc0NSAwLTEuMjYyOTUtLjU4LTEuMjYyOTUtMS4yOTZ2LTMuOTI4YzAtLjcxNDY2NjYuNTY0Mi0xLjI5MzMzMzMgMS4yNjAzNS0xLjI5MzMzMzNoLjA1MjY1Yy42OTE2IDAgMS4yNTcxLjU4IDEuMjU3MSAxLjI4OTMzMzN2Mi4wNjJjMCAuMjkyNjY2Ny4yMzA3NS41MzA2NjY3LjUxNjc1LjUzMDY2NjdoMi4wMDc4NWMuNjkyMjUgMCAxLjI1OTA1LjU4MTMzMzMgMS4yNTkwNSAxLjI5MTMzMzMiLz48cGF0aCBkPSJtMjQuNTYwMzE1IDE0LjMyMjhoLjA1MTM1Yy42OTU1IDAgMS4yNTkwNS41NzggMS4yNTkwNSAxLjI5MTMzMzN2My45M2MwIC43MTUzMzM0LS41NjU1IDEuMjk1MzMzNC0xLjI2MzYgMS4yOTUzMzM0aC0zLjgyOThjLS42OTY4IDAtMS4yNjEtLjU3ODY2NjctMS4yNjEtMS4yOTJ2LS4wNTRjMC0uNzA5MzMzNC41NjU1LTEuMjg5MzMzNCAxLjI1NzEtMS4yODkzMzM0aDIuMDEwNDVjLjI4NTM1IDAgLjUxNzQtLjIzNzMzMzMuNTE3NC0uNTMwNjY2NnYtMi4wNTg2NjY3YzAtLjcxMDY2NjcuNTY2OC0xLjI5MiAxLjI1OTA1LTEuMjkyIi8+PHBhdGggZD0ibTE5LjQyNjk0IDE1LjYyNGgtMTNjLS43MTc2IDAtMS4zLS41OTczMzMzLTEuMy0xLjMzMzMzMzN2LTcuOTU3MzMzMzdjMC0uNzM2LjU4MjQtMS4zMzMzMzMzMyAxLjMtMS4zMzMzMzMzM2gxM2MuNzE3NiAwIDEuMy41OTczMzMzMyAxLjMgMS4zMzMzMzMzM3Y3Ljk1NzMzMzM3YzAgLjczNi0uNTgyNCAxLjMzMzMzMzMtMS4zIDEuMzMzMzMzMyIvPjwvZz48L3N2Zz4=") no-repeat;
}
.player .buttons .fullscreen:hover:not(:disabled) .tooltip {
  top: -30px;
  right: 0px;
}
.player .buttons .tooltip {
  visibility: hidden;
}
.player .buttons > *:hover .tooltip {
  visibility: visible;
  position: absolute;
  padding: 3px 5px;
  border-radius: 3px;
  background: #e2e2e2;
  color: #000;
  font-size: 10px;
  white-space: nowrap;
  top: -20px;
  margin-left: -20px;
}
/*
Apple系タッチデバイスの場合は、音量コントロールは物理ボタンからしか許可されていないため音量バーは非表示にする
https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html
*/
@supports (-webkit-touch-callout: none) {
  [data-binding="volume"] {
    display: none;
  }
  .buttons > *:hover .tooltip {
    visibility: hidden;
  }
}
@media not all and (any-pointer: fine) {
  .player .seekbar {
    height: 38px;
  }
  .player .seekbar input[type="range"] {
    height: 30px;
  }
  .player .seekbar input[type="range"]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 15px;
  }
  .player .seekbar input[type="range"]::-ms-fill-upper,
  .player .seekbar input[type="range"]::-ms-fill-lower {
    height: 15px;
    border-radius: 15px;
  }
  .player .seekbar input[type="range"]::-moz-range-track {
    height: 15px;
    border-radius: 15px;
  }
  .player .seekbar input[type="range"]::-webkit-slider-thumb {
    margin-top: -5px;
    width: 25px;
    height: 25px;
  }
  .player .seekbar input[type="range"]::-ms-thumb {
    margin-top: 0;
    width: 25px;
    height: 25px;
  }
  .player .seekbar input[type="range"]::-moz-range-thumb {
    margin-top: 0;
    width: 25px;
    height: 25px;
  }
  .player .buttons {
    height: 50px;
  }
  .player .buttons .back10s,
  .player .buttons .skip10s {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    margin: 4px;
  }
  .player .buttons .back10s:hover:not(:disabled),
  .player .buttons .skip10s:hover:not(:disabled) {
    background-size: 48px 48px;
  }
  .player .buttons .playpause {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    margin: 4px;
  }
  .player .buttons .playpause:hover:not(:disabled) {
    background-size: 48px 48px;
  }
  .playing.player .buttons .playpause {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    margin: 4px;
  }
  .playing.player .buttons .playpause:hover:not(:disabled) {
    background-size: 48px 48px;
  }
  .player .buttons .fullscreen {
    width: 32px;
    height: 26px;
    background-size: 32px 26px;
  }
  .player .buttons .fullscreen:hover:not(:disabled) {
    background-size: 32px 26px;
  }
  .player .buttons > *:hover .tooltip {
    visibility: hidden;
  }
}
@media not all and (min-width: 560px) {
  .player .seekbar {
    height: 38px;
  }
  .player .seekbar input[type="range"] {
    height: 30px;
  }
  .player .buttons {
    height: 24px;
  }
  .player .buttons .back10s,
  .player .buttons .skip10s {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
  .player .buttons .back10s:hover:not(:disabled),
  .player .buttons .skip10s:hover:not(:disabled) {
    background-size: 24px 24px;
  }
  .player .buttons .playpause {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
  .player .buttons .playpause:hover:not(:disabled) {
    background-size: 24px 24px;
  }
  .playing.player .buttons .playpause {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
  .playing.player .buttons .playpause:hover:not(:disabled) {
    background-size: 24px 24px;
  }
  .player .buttons .sound {
    width: 24px;
    height: 24px;
  }
  .player .buttons .sound input[type="range"] {
    bottom: 40px;
    left: -44px;
    padding: 14px 5px 14px 29px;
    width: 112px;
    height: 28px;
  }
  .player .buttons .fullscreen {
    width: 24px;
    height: 19px;
    background-size: 24px 19px;
  }
  .player .buttons .fullscreen:hover:not(:disabled) {
    background-size: 24px 19px;
  }
  .player .footer {
    padding: 3px 5%;
  }
}
@media all and (max-width: 475px) {
  .player .buttons .bitrate {
    display: none;
  }
}
