/* src/styles.scss */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./resources/material-icons-latin-400-normal.woff2") format("woff2"), url("./resources/material-icons-latin-400-normal.woff") format("woff");
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-greek-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-greek-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-math-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-symbols-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./resources/roboto-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Oswald Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url("./resources/oswald-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Oswald Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url("./resources/oswald-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Oswald Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url("./resources/oswald-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Oswald Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url("./resources/oswald-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Oswald Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 700;
  src: url("./resources/oswald-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
.shaka-hidden {
  display: none !important;
}
.shaka-video-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
}
.shaka-video-container .material-icons-round {
  font-family: "Material Icons Round";
  font-size: 24px;
}
.shaka-video-container * {
  font-family:
    Roboto-Regular,
    Roboto,
    sans-serif,
    TengwarTelcontar;
  -webkit-font-smoothing: antialiased;
}
.shaka-video-container:fullscreen {
  width: 100%;
  height: 100%;
  background-color: black;
}
.shaka-video-container:fullscreen .shaka-text-container {
  font-size: 4.4vmin;
}
.shaka-video-container:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background-color: black;
}
.shaka-video-container:-webkit-full-screen .shaka-text-container {
  font-size: 4.4vmin;
}
.shaka-video-container:-moz-full-screen {
  width: 100%;
  height: 100%;
  background-color: black;
}
.shaka-video-container:-moz-full-screen .shaka-text-container {
  font-size: 4.4vmin;
}
.shaka-video-container:-ms-fullscreen {
  width: 100%;
  height: 100%;
  background-color: black;
}
.shaka-video-container:-ms-fullscreen .shaka-text-container {
  font-size: 4.4vmin;
}
.shaka-video {
}
.shaka-controls-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: 1;
}
.shaka-video-container:not([shaka-controls=true]) .shaka-controls-container {
  display: none;
}
.shaka-controls-container * {
  flex-shrink: 0;
}
.shaka-controls-container[casting=true] {
}
.shaka-controls-container[casting=true] .shaka-fullscreen-button {
  display: none;
}
.shaka-canvas-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.shaka-bottom-controls {
  width: 96%;
  padding: 0;
  padding-bottom: 2.5%;
  z-index: 1;
}
.shaka-controls-button-panel {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  min-width: 48px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 600ms;
}
.shaka-controls-container[shown=true] .shaka-controls-button-panel,
.shaka-controls-container[casting=true] .shaka-controls-button-panel {
  opacity: 1;
}
.shaka-controls-button-panel > * {
  color: white;
  height: 32px;
  line-height: 0.5;
  margin: 1px;
  padding: 0 5px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.shaka-controls-button-panel .shaka-overflow-menu-only {
  display: none;
}
.shaka-play-button-container {
  margin: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shaka-statistics-container {
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 300px;
  color: white;
  background-color: rgba(35, 35, 35, 0.9);
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
  left: 15px;
  top: 15px;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 600ms;
}
.shaka-controls-container[shown=true] .shaka-statistics-container,
.shaka-controls-container[casting=true] .shaka-statistics-container {
  opacity: 1;
}
.shaka-statistics-container div {
  display: flex;
  justify-content: space-between;
}
.shaka-statistics-container span {
  color: rgb(150, 150, 150);
}
.shaka-context-menu {
  background-color: rgba(35, 35, 35, 0.9);
  border-radius: 2px;
  position: absolute;
  z-index: 3;
}
.shaka-context-menu button {
  padding: 5px 10px;
  width: 100%;
  display: flex;
  align-items: center;
  color: white;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.shaka-context-menu button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
.shaka-context-menu label {
  padding: 0 20px;
  align-items: flex-start;
  color: white;
  cursor: pointer;
}
.shaka-context-menu .shaka-current-selection-span {
  align-items: flex-start;
  color: white;
  cursor: pointer;
}
.shaka-scrim-container {
  margin: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 600ms;
  background:
    linear-gradient(
      to top,
      black 0,
      transparent 15%);
}
.shaka-controls-container[shown=true] .shaka-scrim-container,
.shaka-controls-container[casting=true] .shaka-scrim-container {
  opacity: 1;
}
.shaka-text-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  bottom: 0%;
  width: 100%;
  min-width: 48px;
  transition: bottom cubic-bezier(0.4, 0, 0.6, 1) 100ms;
  transition-delay: 500ms;
  font-size: 20px;
  line-height: 1.4;
  color: white;
}
.shaka-text-container span.shaka-text-wrapper {
  display: inline;
  background: none;
}
.shaka-controls-container[shown=true] ~ .shaka-text-container {
  bottom: 15%;
  transition-delay: 0ms;
}
.shaka-spinner-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  flex-shrink: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shaka-video-container:not([shaka-controls=true]) .shaka-spinner-container {
  display: none;
}
.shaka-spinner {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  box-sizing: border-box;
  padding: 7.8%;
  width: 0;
  height: 0;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5));
}
.shaka-hidden-fast-forward-container,
.shaka-hidden-rewind-container {
  height: 100%;
  width: 40%;
  flex-shrink: 1;
}
.shaka-hidden-fast-forward-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  left: 60%;
}
.shaka-hidden-rewind-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.shaka-play-button {
  box-sizing: border-box;
  padding: 7.5%;
  width: 0;
  height: 0;
  margin: 0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px 0;
  border: none;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 600ms;
}
.shaka-controls-container[shown=true] .shaka-play-button,
.shaka-controls-container[casting=true] .shaka-play-button {
  opacity: 1;
}
.shaka-play-button[icon=play] {
  background-image: data-uri("images/play_arrow.svg");
}
.shaka-play-button[icon=pause] {
  background-image: data-uri("images/pause.svg");
}
.shaka-current-time {
  font-size: 14px;
  color: white;
  cursor: pointer;
}
.shaka-current-time[disabled] {
  background-color: transparent;
  color: white;
  cursor: default;
}
.shaka-controls-container {
}
.shaka-controls-container button:focus,
.shaka-controls-container input:focus {
  outline: 1px solid Highlight;
}
.shaka-controls-container button:-moz-focus-inner,
.shaka-controls-container input:-moz-focus-outer {
  outline: none;
  border: 0;
}
.shaka-controls-container:not(.shaka-keyboard-navigation) button:focus,
.shaka-controls-container:not(.shaka-keyboard-navigation) input:focus {
  outline: none;
}
.shaka-fast-foward-container,
.shaka-rewind-container {
  height: 100%;
  width: 100%;
  flex-shrink: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: none;
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0.5);
  cursor: default;
  font-size: 20px;
  opacity: 0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.shaka-fast-foward-container {
  border-radius: 40% 0 0 40%;
}
.shaka-rewind-container {
  border-radius: 0 40% 40% 0;
}
.shaka-forward-rewind-container-icon {
  font-family: "Material Icons Round";
  font-size: 34px;
}
.shaka-range-container {
  position: relative;
  top: 0;
  left: 0;
  margin: 4px 6px;
  height: 4px;
  border-radius: 4px;
  background: white;
}
.shaka-volume-bar-container {
  width: 100px;
  padding: 0;
}
.shaka-range-element {
  -webkit-appearance: none;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  height: 12px;
  top: -4px;
  z-index: 1;
}
.shaka-range-element::-webkit-slider-runnable-track {
  width: 100%;
  cursor: pointer;
  height: 12px;
  background: transparent;
  color: transparent;
  border: none;
}
.shaka-range-element::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  border-radius: 12px;
  height: 12px;
  width: 12px;
  background: white;
}
.shaka-range-element::-moz-range-track {
  width: 100%;
  cursor: pointer;
  height: 12px;
  background: transparent;
  color: transparent;
  border: none;
}
.shaka-range-element::-moz-range-thumb {
  -webkit-appearance: none;
  border: none;
  border-radius: 12px;
  height: 12px;
  width: 12px;
  background: white;
}
.shaka-seek-bar-container {
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 600ms;
}
.shaka-controls-container[shown=true] .shaka-seek-bar-container,
.shaka-controls-container[casting=true] .shaka-seek-bar-container {
  opacity: 1;
}
.shaka-ad-markers {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
/*!
 * $license
 * The SVG/CSS buffering spinner is based on http://codepen.io/jczimm/pen/vEBpoL
 * Some local modifications have been made.
 *
 * Copyright (c) 2016 by jczimm
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
.shaka-spinner-svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.shaka-spinner-path {
  stroke: #202124;
  stroke-dasharray: 20, 200;
  stroke-dashoffset: 0;
  animation: dash 1s ease-in-out infinite;
  stroke-linecap: round;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.shaka-spacer {
  cursor: default;
  flex-shrink: 1;
  flex-grow: 1;
  margin: 0;
}
.shaka-overflow-menu,
.shaka-settings-menu {
  overflow-x: hidden;
  overflow-y: auto;
  white-space: nowrap;
  background: var(--24-light-color);
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  max-height: 250px;
  min-width: 180px;
  opacity: 0;
  transition: opacity cubic-bezier(0.4, 0, 0.6, 1) 600ms;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  right: 15px;
  bottom: 71px;
}
.shaka-controls-container[shown=true] .shaka-overflow-menu,
.shaka-controls-container[casting=true] .shaka-overflow-menu,
.shaka-controls-container[shown=true] .shaka-settings-menu,
.shaka-controls-container[casting=true] .shaka-settings-menu {
  opacity: 1;
}
.shaka-overflow-menu button,
.shaka-settings-menu button {
  font-size: 14px;
  background: transparent;
  color: white;
  border: none;
  min-height: 30px;
  padding: 3.5px 6px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.shaka-overflow-menu button:hover,
.shaka-settings-menu button:hover {
  background: var(--24-dark-color);
}
.shaka-overflow-menu button label,
.shaka-settings-menu button label {
  cursor: pointer;
}
.shaka-keyboard-navigation .shaka-overflow-menu button:focus,
.shaka-keyboard-navigation .shaka-settings-menu button:focus {
  background: rgb(224, 224, 224);
}
.shaka-overflow-menu i,
.shaka-settings-menu i {
  padding-left: 10px;
  padding-right: 10px;
}
.shaka-overflow-menu.shaka-low-position,
.shaka-settings-menu.shaka-low-position {
  bottom: 15px;
}
.shaka-overflow-menu span {
  text-align: left;
}
.shaka-overflow-button-label {
  position: relative;
  display: flex;
  flex-direction: column;
}
.shaka-current-selection-span {
  color: #aeaeae;
}
.shaka-settings-menu span {
  margin-left: 15px;
}
.shaka-back-to-overflow-button {
}
.shaka-back-to-overflow-button span {
  margin-left: 0;
}
.shaka-back-to-overflow-button i {
  padding-right: 10px;
}
.shaka-auto-span {
  left: 17px;
}
.shaka-controls-container[ad-active=true] {
  pointer-events: none;
}
.shaka-controls-container[ad-active=true] .shaka-bottom-controls {
  pointer-events: auto;
}
.shaka-client-side-ad-container,
.shaka-server-side-ad-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.shaka-video-container[shaka-controls=true] .shaka-client-side-ad-container iframe,
.shaka-video-container[shaka-controls=true] .shaka-server-side-ad-container iframe {
  height: 90%;
}
.shaka-server-side-ad-container {
  width: 100%;
  height: 100%;
  flex-shrink: 1;
}
.shaka-server-side-ad-container:not([ad-active=true]) {
  pointer-events: none;
}
.shaka-ad-controls {
  display: flex;
  flex-direction: row;
  z-index: 1;
  padding-bottom: 1%;
}
.shaka-video-container:not([shaka-controls=true]) .shaka-ad-controls {
  display: none;
}
.shaka-ad-controls button,
.shaka-ad-controls div {
  color: white;
  font-size: initial;
}
.shaka-ad-controls div:not(.shaka-skip-ad-counter) {
  margin: 1px;
}
.shaka-ad-counter,
.shaka-ad-position {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  text-shadow: 1px 1px 4px black;
}
.shaka-ad-controls .shaka-ad-position:not(.shaka-hidden) + .shaka-ad-counter {
  margin-left: 0.75em;
}
.shaka-skip-ad-container {
  position: relative;
  right: -2%;
  display: flex;
  flex-direction: row;
  margin: 0;
}
.shaka-skip-ad-button {
  padding: 5px 15px;
  background: rgba(0, 0, 0, 0.7);
  border: none;
  cursor: pointer;
}
.shaka-skip-ad-button:disabled {
  background: rgba(0, 0, 0, 0.3);
}
.shaka-skip-ad-counter {
  padding: 5px;
  background: rgba(0, 0, 0, 0.7);
  margin: 0;
}
/*!
 * $license
 * The tooltip is based on https://github.com/felipefialho/css-components/
 * Local modifications have been performed.
 *
 * Copyright (c) 2017 Felipe Fialho
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */
.shaka-tooltips-on {
  overflow: visible;
}
.shaka-tooltips-on > [class*=shaka-tooltip] {
  position: relative;
}
.shaka-tooltips-on > [class*=shaka-tooltip]:hover:after,
.shaka-tooltips-on > [class*=shaka-tooltip]:focus-visible:after,
.shaka-tooltips-on > [class*=shaka-tooltip]:active:after {
  content: attr(aria-label);
  font-family:
    Roboto-Regular,
    Roboto,
    sans-serif;
  line-height: 16px;
  white-space: nowrap;
  font-size: 13px;
  background: rgba(35, 35, 35, 0.9);
  color: white;
  border-radius: 3px;
  padding: 5px 10px;
  position: absolute;
  bottom: 37px;
  left: 16px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.shaka-tooltips-on > .shaka-tooltip-status:hover:after,
.shaka-tooltips-on > .shaka-tooltip-status:focus-visible:after,
.shaka-tooltips-on > .shaka-tooltip-status:active:after {
  content: attr(aria-label) " (" attr(shaka-status) ")";
}
.shaka-tooltips-on button:first-child:hover:after,
.shaka-tooltips-on button:first-child:focus-visible:after,
.shaka-tooltips-on button:first-child:active:after {
  left: 0;
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%);
}
.shaka-tooltips-on button:last-child:hover:after,
.shaka-tooltips-on button:last-child:focus-visible:after,
.shaka-tooltips-on button:last-child:active:after {
  left: 32px;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#shaka-player-ui-thumbnail-container {
  background-color: black;
  border: 1px solid black;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.5);
  min-width: 150px;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 15%;
  z-index: 1;
}
#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-image {
  position: absolute;
}
#shaka-player-ui-thumbnail-container #shaka-player-ui-thumbnail-time {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: white;
  font-size: 16px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.shaka-bottom-controls {
  width: 100%;
  padding: 0;
  padding-bottom: 0;
  z-index: 1;
}
.shaka-bottom-controls {
  display: flex;
  flex-direction: column;
}
.shaka-ad-controls {
  order: 1;
}
.shaka-controls-button-panel {
  order: 2;
  height: 40px;
  padding: 0 10px;
}
.shaka-range-container {
  margin: 4px 10px 4px 10px;
  top: 0;
}
.shaka-small-play-button {
  order: -3;
}
.shaka-mute-button {
  order: -2;
}
.shaka-controls-button-panel > * {
  margin: 0;
  padding: 3px 8px;
  color: #EEE;
  height: 40px;
}
.shaka-controls-button-panel > *:focus {
  outline: none;
  color: #FFF;
}
.shaka-controls-button-panel > *:hover {
  color: #FFF;
}
.shaka-controls-button-panel .shaka-volume-bar-container {
  position: relative;
  z-index: 10;
  left: -1px;
  order: -1;
  opacity: 0;
  width: 0px;
  -webkit-transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
  height: 3px;
  transition: width 0.2s cubic-bezier(0.4, 0, 1, 1);
  padding: 0;
}
.shaka-controls-button-panel .shaka-volume-bar-container:hover,
.shaka-controls-button-panel .shaka-volume-bar-container:focus {
  display: block;
  width: 50px;
  opacity: 1;
  padding: 0 6px;
}
.shaka-mute-button:hover + div {
  opacity: 1;
  width: 50px;
  padding: 0 6px;
}
.shaka-current-time {
  padding: 0 10px;
  font-size: 12px;
}
.shaka-seek-bar-container {
  height: 3px;
  position: relative;
  top: -1px;
  border-radius: 0;
  margin-bottom: 0;
}
.shaka-seek-bar-container .shaka-range-element {
  opacity: 0;
}
.shaka-seek-bar-container:hover {
  height: 5px;
  top: 0;
  cursor: pointer;
}
.shaka-seek-bar-container:hover .shaka-range-element {
  opacity: 1;
  cursor: pointer;
}
.shaka-seek-bar-container input[type=range]::-webkit-slider-thumb {
  background: #FF0000;
  cursor: pointer;
}
.shaka-seek-bar-container input[type=range]::-moz-range-thumb {
  background: #FF0000;
  cursor: pointer;
}
.shaka-seek-bar-container input[type=range]::-ms-thumb {
  background: #FF0000;
  cursor: pointer;
}
.shaka-video-container * {
  font-family: "Roboto", sans-serif;
}
.shaka-video-container .material-icons-round {
  font-family: "Material Icons";
}
.shaka-overflow-menu,
.shaka-settings-menu {
  border-radius: 2px;
  background: rgba(28, 28, 28, 0.9);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  right: 10px;
  bottom: 50px;
  padding: 8px 0;
  min-width: 200px;
}
.shaka-settings-menu {
  padding: 0 0 8px 0;
}
.shaka-settings-menu button {
  font-size: 12px;
}
.shaka-settings-menu button span {
  margin-left: 33px;
  font-size: 13px;
}
.shaka-settings-menu button[aria-selected=true] {
  display: flex;
}
.shaka-settings-menu button[aria-selected=true] span {
  order: 2;
  margin-left: 0;
}
.shaka-settings-menu button[aria-selected=true] i {
  order: 1;
  font-size: 18px;
  padding-left: 5px;
}
.shaka-overflow-menu button {
  padding: 0;
}
.shaka-overflow-menu button i {
  display: none;
}
.shaka-overflow-menu button .shaka-overflow-button-label {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  cursor: default;
  outline: none;
  height: 40px;
  flex: 0 0 100%;
}
.shaka-overflow-menu button .shaka-overflow-button-label span {
  flex-shrink: initial;
  padding-left: 15px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.shaka-overflow-menu span + span {
  color: #FFF;
  font-weight: 400 !important;
  font-size: 12px !important;
  padding-right: 8px;
  padding-left: 0 !important;
}
.shaka-overflow-menu span + span:after {
  content: "navigate_next";
  font-family: "Material Icons";
  font-size: 20px;
}
.shaka-overflow-menu .shaka-pip-button span + span {
  padding-right: 15px !important;
}
.shaka-overflow-menu .shaka-pip-button span + span:after {
  content: "";
}
.shaka-back-to-overflow-button {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 12px;
  color: #eee;
  height: 40px;
}
.shaka-back-to-overflow-button .material-icons-round {
  font-size: 15px;
  padding-right: 10px;
}
.shaka-back-to-overflow-button span {
  margin-left: 3px !important;
}
.shaka-overflow-menu button:hover,
.shaka-settings-menu button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.shaka-overflow-menu button:hover label,
.shaka-settings-menu button:hover label {
  cursor: pointer;
}
.shaka-overflow-menu button:focus,
.shaka-settings-menu button:focus {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  outline: none;
}
.shaka-overflow-menu button,
.shaka-settings-menu button {
  color: #EEE;
}
.shaka-captions-off {
  color: #BFBFBF;
}
.shaka-overflow-menu-button {
  font-size: 18px;
  margin-right: 5px;
}
.shaka-fullscreen-button:hover {
  font-size: 25px;
  -moz-transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
  transition: font-size 0.1s cubic-bezier(0, 0, 0.2, 1);
}
:root {
  --24-dark-color: #06080d;
  --24-dim-color: #111;
  --24-shaded-color: #222;
  --24-light-color: #2d2d2d;
  --24-base-color: #1a1a1a;
  --24-shine-color: #a4a4a4;
  --24-important-red-color: #880b0b;
  --24-glowing-green-color: #0f0;
  --24-premium-gold-color: #ffbf00;
  --24-changing-blue-color: #005797;
  --24-concluded-blue-color: #001f35;
  --24-burnt-blue-color: #001524;
  --24-accent-base-color: #085049;
  --24-accent-dim-color: #112c2c;
  --24-accent-burnt-color: #11181c;
  --24-score-bg-color: #530505;
  --24-score-border-color: #1e5193;
}
:root.MLB {
  --24-accent-base-color: #0e3d03;
  --24-accent-dim-color: #0a2404;
  --24-accent-burnt-color: #051301;
}
:root.NHL {
  --24-accent-base-color: #212121;
  --24-accent-dim-color: #595959;
  --24-accent-burnt-color: #001f35;
}
:root.NFL {
  --24-accent-base-color: #500808;
  --24-accent-dim-color: #930000;
  --24-accent-burnt-color: #2f2d0c;
}
:root.NBA {
  --24-accent-base-color: #4b1800;
  --24-accent-dim-color: #390000;
  --24-accent-burnt-color: #5b3600;
}
:root.theme-queueblue {
  --24-dark-color: #000;
  --24-dim-color: #00050d;
  --24-shaded-color: #004b53;
  --24-light-color: #032b31;
  --24-base-color: #013537;
  --24-shine-color: #9bffff;
  --24-important-red-color: #710035;
  --24-glowing-green-color: #00ffcf;
  --24-premium-gold-color: #26ffa3;
  --24-changing-blue-color: #2f78d7;
  --24-concluded-blue-color: #072555;
  --24-burnt-blue-color: #050b1a;
}
:root.theme-fabulous {
  --24-dark-color: #790161;
  --24-dim-color: #200210;
  --24-shaded-color: #350723;
  --24-light-color: #44022a;
  --24-base-color: #2d002c;
  --24-shine-color: #a4a4a4;
  --24-important-red-color: #f00;
  --24-glowing-green-color: #0f0;
  --24-premium-gold-color: #00ff93;
  --24-changing-blue-color: #007497;
  --24-concluded-blue-color: #002e35;
  --24-burnt-blue-color: #001f24;
}
:root.theme-blackrose {
  --24-dark-color: #1a0505;
  --24-dim-color: #151414;
  --24-shaded-color: #1a0505;
  --24-light-color: #4a1818;
  --24-base-color: #863c3c;
  --24-shine-color: #000000a8;
  --24-important-red-color: #710035;
  --24-glowing-green-color: #f8fffe;
  --24-premium-gold-color: #cea500;
  --24-changing-blue-color: #970000;
  --24-concluded-blue-color: #170101;
  --24-burnt-blue-color: #1a0505;
}
:root.theme-evergreen {
  --24-dark-color: #000;
  --24-dim-color: #051302;
  --24-shaded-color: #2b5110;
  --24-light-color: #172f07;
  --24-base-color: #335e14;
  --24-shine-color: #9bc1ff;
  --24-important-red-color: #240916;
  --24-glowing-green-color: #00ffcf;
  --24-premium-gold-color: #00ff93;
  --24-changing-blue-color: #076411;
  --24-concluded-blue-color: #050e11;
  --24-burnt-blue-color: #788a91;
}
:root.theme-cherry {
  --24-dark-color: #000;
  --24-dim-color: #130202;
  --24-shaded-color: #511010;
  --24-light-color: #2f0707;
  --24-base-color: #5e1414;
  --24-shine-color: #9bc1ff;
  --24-important-red-color: #240916;
  --24-glowing-green-color: #f00;
  --24-premium-gold-color: #f00;
  --24-changing-blue-color: #640707;
  --24-concluded-blue-color: #5e1414;
  --24-burnt-blue-color: #788a91;
}
:root.theme-flashbang {
  --24-dark-color: #000;
  --24-dim-color: #000;
  --24-shaded-color: #b9b0b0;
  --24-light-color: #444040;
  --24-base-color: #736969;
  --24-shine-color: #f0f6ff;
  --24-important-red-color: #222122;
  --24-glowing-green-color: #00ffcf;
  --24-premium-gold-color: #00ff93;
  --24-changing-blue-color: #747574;
  --24-concluded-blue-color: #171717;
  --24-burnt-blue-color: #788a91;
}
.material-icons {
  display: inline flex;
  justify-content: center;
  align-items: center;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga";
}
* {
  box-sizing: border-box;
}
p {
  margin: 0;
}
html,
body {
  min-height: 100%;
}
body {
  margin: 0;
  font-family: "Roboto Variable", sans-serif;
  background: var(--24-base-color);
  color: white;
}
button {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  background: none;
}
*:focus {
  outline: none;
}
*::-moz-focus-inner {
  border: 0;
}
input[type=text],
input[type=username],
input[type=password] {
  border-radius: 2px;
  background: white;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid;
  padding: 3px 5px;
}
@keyframes v_float {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(-20%);
  }
  50% {
    transform: translateY(0%);
  }
  75% {
    transform: translateY(20%);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes ccw_rotating {
  0% {
    transform: rotate(359deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes hue_rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes marquee_left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee_left_rev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes hue_sway {
  0% {
    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(50deg);
  }
  100% {
    filter: hue-rotate(0deg);
  }
}
.rotating {
  font-size: 1em;
  vertical-align: middle;
  display: inline-block;
  animation: rotating 1s linear infinite;
}
.site-logo.nhl24network,
.site-logo.mlb24network,
.site-logo.nfl24network,
.site-logo.nba24network {
  background: grey;
  padding: 3px !important;
  border-radius: 15%;
}
.premium-purchase {
  color: #03b8ff;
  text-decoration: none;
  font-family: "Roboto Variable", sans-serif;
  cursor: pointer;
}
.premium-purchase:hover {
  text-decoration: underline;
}
.warn-red {
  color: #ff0202;
  font-family: "Oswald Variable", sans-serif;
  font-size: 12px;
}
.warn-orange {
  color: #ff4902;
  font-family: "Oswald Variable", sans-serif;
  font-size: 12px;
}
.pl-wrapper [data-player]:not(.nocursor) .container[data-container]:not(.chromeless).pointer-enabled {
  cursor: unset !important;
}
.pl-wrapper [data-player] + [data-player] {
  display: none;
}
.pl-wrapper .chromecast-playback .chromecast-playback-background {
  background-size: 50% 50%;
  background-repeat: no-repeat no-repeat;
  background-position: 50%;
}
.pl-wrapper .media-control-right-panel button.chromecast-button {
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
@media screen and (max-width: 1000px) {
  .pl-wrapper .playback_rate {
    display: none;
  }
}
.pl-wrapper .chromecast-active .media-control[data-media-control] .media-control-layer[data-controls] {
  bottom: 7px !important;
}
iframe.proxy-frame {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
}
.flag > img.emoji {
  height: 20px;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */