.state-info {
  position: fixed;
  top: 5%;
  right: 3%;
  bottom: 5%;
  left: 60%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
  color: yellow; }
  .state-info__item {
    margin-bottom: 0.5rem;
    white-space: nowrap;
    overflow: hidden; }
.logo-image {
  height: 190px;
  width: 290px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEwIiBoZWlnaHQ9Ijg3IiB2aWV3Qm94PSIwIDAgNTEwIDg3Ij4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJhIiBkPSJNNDEuNDU1LjA5M0MxOC42NS4wOTIuMTY0IDE4LjU4LjE2NCA0MS4zODNjMCAyMi44MDUgMTguNDg2IDQxLjI5IDQxLjI5IDQxLjI5IDEwLjUzNy4wMDIgMjAuMTQ5LTMuOTQ1IDI3LjQ0My0xMC40NHYuMDAzczE3Ljk5LTE2LjgyNyAzMS42NjUtMzAuODVjLTE2LjM3LTE2Ljc3Ni0zMS42NjUtMzAuODUtMzEuNjY1LTMwLjg1QzYxLjYwMyA0LjA0MSA1MS45OTMuMDkzIDQxLjQ2LjA5MmgtLjAwNnpNMjMuNTggNDEuMzgzYzAtOS44NyA4LjAwNS0xNy44NzQgMTcuODc0LTE3Ljg3MyA5Ljg3IDAgMTcuODc1IDguMDAyIDE3Ljg3NCAxNy44NzUgMCA5Ljg2OC04LjAwMyAxNy44NzItMTcuODczIDE3Ljg3My05Ljg3MS0uMDAxLTE3Ljg3NS04LjAwNC0xNy44NzUtMTcuODc0eiIvPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImRwbGF5X2xvZ29fcmdiX2RhcmsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAwLjcwMDAwMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMjMuODk5OTk4LDExLjkwNTQ1OTMgTDExMy42OTc4NzcsMzUuNjI3Njk1IEMxMTAuNTk5MTY3LDQyLjg2NDE5NTMgMTA3LjczODY2Niw0NS40OTk5OTkyIDEwMy4wMTkwODgsNDUuNDk5OTk5MiBDMTAxLjExMjE3MSw0NS40OTk5OTkyIDk5LjI1Mjk2OTIsNDUuMDY4NjcyMyA5OC4xMDg3NjkxLDQ0LjM0OTc5NDEgTDk5LjAxNDYzNTQsMzguNDA3Mjc0NiBDMTAwLjI1NDE0NCwzOS4wMzAyMTk1IDEwMS40OTM2NTMsMzkuMzY1NzM3NCAxMDIuNTkwMTM3LDM5LjM2NTczNzQgQzEwNC40NDk0NjIsMzkuMzY1NzM3NCAxMDUuNzg0MjgsMzguNDA3Mjc0NiAxMDYuNDk5NDA1LDM2LjYzNDEyNDUgTDEwNy40MDUyNzEsMzQuNDI5NjQ3NSBMOTcuMTU1NDMzOSwxMS45MDU0NTkzIEwxMDQuOTI2MjUzLDExLjkwNTQ1OTMgTDExMC44Mzc3NDgsMjYuNTIyMjM1NiBMMTE2LjM2Nzg4MywxMS45MDU0NTkzIEwxMjMuODk5OTk4LDExLjkwNTQ1OTMgTDEyMy44OTk5OTgsMTEuOTA1NDU5MyBaIE02NC45Mjc5NTYxLDIzLjc0MjY1NiBDNjQuOTI3OTU2MSwzMC44MzUzODA2IDU5LjYzNjE1NDQsMzYuMjAyNzk3NSA1Mi42MjgxNzYyLDM2LjIwMjc5NzUgQzQ5Ljk1ODU0MDksMzYuMjAyNzk3NSA0Ny42MjI0MjQ2LDM1LjQzNTk1MjcgNDYuMDQ5MjczMSwzMy45OTgzMjA1IEw0Ni4wNDkyNzMxLDQ0Ljc4MTEyMSBMMzkuNTE3OTYyNSw0NC43ODExMjEgTDM5LjUxNzk2MjUsMTEuOTA1NDU5MyBMNDUuODU4NTMxOSwxMS45MDU0NTkzIEw0NS45MDYyNDgxLDEzLjc3NDQxODUgQzQ3LjY3MDE0MDgsMTIuMjQwODUzIDUwLjE5Njg3NDcsMTEuMzc4MTk5MSA1Mi45MTQyMjYzLDExLjM3ODE5OTEgQzU5LjczMTU4NjgsMTEuMzc4MTk5MSA2NC45Mjc5NTYxLDE2Ljc0NTc0MDMgNjQuOTI3OTU2MSwyMy43NDI2NTYgWiBNNTcuODI0NjY5MSwyMy43OTA0OTgzIEM1Ny44MjQ2NjkxLDIwLjE5NjIzMTUgNTUuMjAyNjI2NCwxNy41MTI0NjA5IDUxLjcyMjQzMzYsMTcuNTEyNDYwOSBDNDguMjQyMjQwOCwxNy41MTI0NjA5IDQ1LjYyMDE5ODEsMjAuMTk2MjMxNSA0NS42MjAxOTgxLDIzLjc5MDQ5ODMgQzQ1LjYyMDE5ODEsMjcuMzg0NzY1MiA0OC4yNDIyNDA4LDMwLjA2ODUzNTggNTEuNzIyNDMzNiwzMC4wNjg1MzU4IEM1NS4yMDI2MjY0LDMwLjA2ODUzNTggNTcuODI0NjY5MSwyNy4zODQ3NjUyIDU3LjgyNDY2OTEsMjMuNzkwNDk4MyBaIE05Ny44NzAzMTE3LDIyLjY0MDI5MzIgTDk3Ljg3MDMxMTcsMzUuNjc1NTM3MyBMOTEuNjI1MDUxMSwzNS42NzU1MzczIEw5MS41NzczMzQ5LDMzLjgwNjU3ODIgQzkwLjA1MTc3NjEsMzUuMjkyMTc3IDg3LjQ3NzQ0OTUsMzYuMjAyNzk3NSA4NC41MjE2NDA2LDM2LjIwMjc5NzUgQzc5LjI3NzU1NTEsMzYuMjAyNzk3NSA3NS45ODgxMDM1LDMzLjIzMTQ3NTcgNzUuOTg4MTAzNSwyOC40MzkxNjEzIEM3NS45ODgxMDM1LDIzLjQ1NTEwNDcgNzkuOTQ0OTYzOSwyMC44MTkzMDA3IDg3LjIzODk5MjEsMjAuODE5MzAwNyBMOTEuMjQzNTY4NywyMC44MTkzMDA3IEM5MC43MTkxODQ5LDE4LjYxNDgyMzcgODguNTczODA5OCwxNy40MTY3NzYyIDg1LjgwODc0MiwxNy40MTY3NzYyIEM4My4xODY2OTkzLDE3LjQxNjc3NjIgODAuNjU5OTY1MywxOC4yNzk0MyA3OC40MTkyODE0LDE5LjgxMjk5NTUgTDc3LjUxMzUzODgsMTMuOTE4NDQyNiBDODAuMjc4NjA2NSwxMi4yNDExMDE1IDgzLjQyNTAzMzEsMTEuMzMwNjA1MyA4Ni44NTc1MDk3LDExLjM3ODQ0NzcgQzkzLjkxMzQ1MTMsMTEuNDc0MTMyNCA5Ny44NzAzMTE3LDE1Ljc4NzI3NzUgOTcuODcwMzExNywyMi42NDAyOTMyIFogTTkxLjMzOTEyNDcsMjUuNzA3NDI0MSBMODcuNjY4MzE0NCwyNS43MDc0MjQxIEM4NC42NjQ5MTI4LDI1LjcwNzQyNDEgODMuMDkxNjM3NywyNi42MTgwNDQ2IDgzLjA5MTYzNzcsMjguNDM5MDM3MSBDODMuMDkxNjM3NywyOS45NzI2MDI1IDg0LjE4ODEyMTYsMzAuOTMxMDY1NCA4Ni4yODU3ODA1LDMwLjkzMTA2NTQgQzg5LjMzNjg5ODIsMzAuOTMxMDY1NCA5MS4zMzkxMjQ3LDI4Ljk2NjE3MyA5MS4zMzkxMjQ3LDI1LjgwMzIzMzEgTDkxLjMzOTEyNDcsMjUuNzA3NDI0MSBaIE02Ny4xNjg2NCwzNS42NzU1MzczIEw3My42OTk5NTA2LDM1LjY3NTUzNzMgTDczLjY5OTk1MDYsMi43OTk5OTk5NSBMNjcuMTY4NjQsMi43OTk5OTk5NSBMNjcuMTY4NjQsMzUuNjc1NTM3MyBaIE0zMC4wNzg2ODI4LDIuNzk5OTk5OTUgTDM2LjYwOTk5MzQsMi43OTk5OTk5NSBMMzYuNjA5OTkzNCwzNS42NzU1MzczIEwzMC4yNjk0MjQsMzUuNjc1NTM3MyBMMzAuMjIxNzA3OCwzMy44MDY1NzgyIEMyOC40NTc4MTUxLDM1LjM0MDE0MzcgMjUuOTMxMDgxMiwzNi4yMDI3OTc1IDIzLjIxMzcyOTcsMzYuMjAyNzk3NSBDMTYuMzk2MzY5MSwzNi4yMDI3OTc1IDExLjE5OTk5OTgsMzAuODM1MzgwNiAxMS4xOTk5OTk4LDIzLjgzODQ2NSBDMTEuMTk5OTk5OCwxNi43NDU3NDAzIDE2LjQ5MTgwMTUsMTEuMzc4MzIzNCAyMy40NTIwNjM1LDExLjM3ODMyMzQgQzI2LjEyMTgyMjQsMTEuMzc4MzIzNCAyOC40NTc4MTUxLDEyLjE0NTA0NCAzMC4wNzg2ODI4LDEzLjU4MjgwMDQgTDMwLjA3ODY4MjgsMi43OTk5OTk5NSBMMzAuMDc4NjgyOCwyLjc5OTk5OTk1IFogTTMwLjUwNzc1NzksMjMuNzkwNDk4MyBDMzAuNTA3NzU3OSwyMC4xOTYyMzE1IDI3Ljg4NTcxNTEsMTcuNTEyNDYwOSAyNC40MDU1MjIzLDE3LjUxMjQ2MDkgQzIwLjkyNTMyOTUsMTcuNTEyNDYwOSAxOC4zMDMyODY4LDIwLjE5NjIzMTUgMTguMzAzMjg2OCwyMy43OTA0OTgzIEMxOC4zMDMyODY4LDI3LjM4NDc2NTIgMjAuOTI1MzI5NSwzMC4wNjg1MzU4IDI0LjQwNTUyMjMsMzAuMDY4NTM1OCBDMjcuODg1ODM4NywzMC4wNjg1MzU4IDMwLjUwNzc1NzksMjcuMzg0NzY1MiAzMC41MDc3NTc5LDIzLjc5MDQ5ODMgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMTIxMjEyIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xMy4yOTk5OTk4LDYuNjc0MzgwNjEgQzEzLjI5OTk5OTgsMy4wMjA1NTY3MyAxMC4zNDk4MDg5LDAgNi43MjI1NDc2MiwwIEMzLjA0Njg3OTQsMCAwLDMuMDIwNDMwNCAwLDYuNjc0MzgwNjEgQzAsMTAuMjc5NDQzIDMuMDk1Mjg2MzYsMTMuMjk5OTk5OCA2LjcyMjU0NzYyLDEzLjI5OTk5OTggQzEwLjM0OTgwODksMTMuMjk5OTk5OCAxMy4yOTk5OTk4LDEwLjI3OTU2OTQgMTMuMjk5OTk5OCw2LjY3NDM4MDYxIFoiIGlkPSJQYXRoIiBmaWxsPSIjMzNCNEVCIiAvPgogICAgPC9nPgo8L3N2Zz4K);
  background-size: cover;
  margin-top: 0;
  margin-bottom: -80px; }
  .logo-image--dark-background {
    margin-top: 0;
    background-image: url(/static/media/logo-dark-background.df16e693.svg); }
.idle-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #969696;
  background-color: #fff;
  padding: 8%; }
  .idle-screen__text {
    margin-top: 30px;
    font-family: "WorkSans-Semi-Bold", "sans-serif";
    font-size: 1.625rem;
    color: inherit;
    text-transform: none;
    display: inline-block;
    height: auto; }
.error-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #969696;
  background-color: #fff;
  padding: 8%; }
  .error-screen__text {
    margin-top: 30px;
    font-family: "WorkSans-Semi-Bold", "sans-serif";
    font-size: 1.625rem;
    color: inherit;
    text-transform: none;
    text-align: center;
    display: inline-block;
    height: auto; }
.player-ui {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  height: 176px;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff; }
  .player-ui--hidden {
    bottom: -201px;
    transition: bottom 1s linear 3s; }
  .player-ui--paused {
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 1s linear 3s; }
    .player-ui--paused .player-ui__info, .player-ui--paused .logo-image {
      opacity: 0;
      transition: opacity 1s linear 3s; }
  .player-ui .logo-image {
    position: absolute;
    top: 30px;
    right: 133px;
    width: 133px;
    height: 46px; }
  .player-ui__info {
    margin: 0 91px 0 146px; }
  .player-ui__media {
    display: flex;
    margin-bottom: 31.7px; }
  .player-ui__image-container {
    flex: 0 0 160px;
    position: relative; }
  .player-ui__image {
    width: 100%;
    padding-top: 56.25%;
    background-size: cover;
    margin-top: -24px;
    position: relative; }
    .player-ui__image--fallback {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding-top: 56.25%;
      background-image: url(/static/media/thumbnail-fallback.f01b3510.svg); }
  .player-ui__titles {
    flex: 0 0 693px;
    max-width: 693px;
    margin-left: 27px;
    padding-top: 8px; }
  .player-ui__title {
    font-size: 1.3125rem;
    line-height: 1.6875rem;
    font-family: "WorkSans-Semi-Bold";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 1px;
    text-transform: none; }
  .player-ui__subtitle {
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-family: "WorkSans-Semi-Bold";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .player-ui__controls {
    display: flex;
    align-items: center; }
  .player-ui__time {
    flex: 1 0 1px;
    display: flex;
    font-family: "WorkSans-Semi-Bold";
    font-size: 1.125rem;
    line-height: 1.4375rem;
    flex-wrap: nowrap;
    white-space: nowrap; }
  .player-ui__time__current {
    position: relative;
    width: 5ch; }
    .player-ui__time__current--long {
      width: 7.3ch; }
  .player-ui__live {
    flex: 1 0 1px;
    display: flex;
    font-family: "WorkSans-Semi-Bold";
    font-size: 1.3125rem;
    line-height: 1.6875rem;
    flex-wrap: nowrap;
    white-space: nowrap; }
  .player-ui__time__duration:before {
    content: '/ '; }
  .player-ui__progressbar {
    position: relative;
    margin-left: 20px;
    flex: 0 1 100%;
    height: 5px;
    background-color: #4a4a4a; }
  .player-ui__progressbar__played {
    position: absolute;
    height: 100%;
    background-color: #33b4eb; }
    .player-ui__progressbar__played:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: -11.65px;
      width: 17.3px;
      height: 17.3px;
      border: 2px solid #000;
      background-color: #fff;
      border-radius: 50%; }
  .player-ui__state-icon {
    position: absolute;
    bottom: 41px;
    left: 67px;
    width: 52px;
    background-size: cover; }
    .player-ui__state-icon__playing {
      width: 52px;
      height: 52px;
      background-size: cover;
      background-image: url(/static/media/icon-play.85721e1e.svg); }
    .player-ui__state-icon__paused {
      width: 52px;
      height: 52px;
      background-size: cover;
      background-image: url(/static/media/icon-pause.f28a2cfc.svg); }
    .player-ui__state-icon__buffering {
      width: 52px;
      height: 52px;
      background-size: cover;
      animation: spin 1.5s linear infinite;
      background-image: url(/static/media/icon-spinner.bc207ee9.png); }
@font-face {
  font-family: 'WorkSans-Semi-Bold';
  font-style: normal;
  font-weight: normal;
  src: local("Work Sans Semi-Bold"), local("WorkSans-Semi-Bold"), url(/static/media/work-sans-v4-latin-600.1d85c871.woff) format("woff"); }

@font-face {
  font-family: 'WorkSans-Regular';
  font-style: normal;
  font-weight: normal;
  src: local("Work Sans"), local("WorkSans-Regular"), url(/static/media/work-sans-v4-latin-regular.7da66178.woff) format("woff"); }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.launching-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #969696;
  background-color: #fff;
  padding: 8%; }
  .launching-screen__spinner {
    display: none; }
  .launching-screen__text {
    margin-top: 30px;
    font-family: "WorkSans-Semi-Bold", "sans-serif";
    font-size: 1.625rem; }
    .launching-screen__text:after {
      content: '.';
      animation: dots 1s steps(5, end) infinite; }

@keyframes dots {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); }
  40% {
    color: #969696;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); }
  60% {
    text-shadow: 0.25em 0 0 #969696, 0.5em 0 0 rgba(0, 0, 0, 0); }
  80%, 100% {
    text-shadow: 0.25em 0 0 #969696, 0.5em 0 0 #969696; } }

html {
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #1f1f1f; }

.app {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  color: #fff; }
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif; }

/*# sourceMappingURL=main.43fe6eb5.css.map*/