.has-modal {
  overflow: hidden
}

.has-modal-full-viewport {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.has-modal-full-viewport body {
  height: 100%;
  overflow: hidden
}

.modal {
  position: fixed;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none
}

.modal-standard {
  overflow: auto;
  padding: 54px 0;
  background: rgba(0, 0, 0, 0.48);
  -webkit-overflow-scrolling: touch
}

.modal-standard .content-table {
  display: table;
  width: 100%;
  height: 100%
}

.modal-standard .content-cell {
  display: table-cell;
  vertical-align: middle
}

.modal-standard .content-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 980px
}

@media only screen and (min-width: 1441px) {
  .modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 980px
  }
}

@media only screen and (max-width: 1068px) {
  .modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 692px
  }
}

@media only screen and (max-width: 734px) {
  .modal-standard .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 87.5%
  }
}

.modal-standard .content-padding {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  padding: 80px 8.33333%;
  background: white;
  border-radius: 18px
}

@media only screen and (max-width: 734px) {
  .modal-standard .content-padding {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

@media only screen and (max-width: 734px) {
  .modal-standard .modal-close {
    left: 22px
  }
}

.theme-dark .modal-standard .content-padding, .modal-standard.theme-dark .content-padding {
  background: #1d1d1f
}

.modal-full-viewport {
  background: white;
  padding: 96px 0
}

@media only screen and (max-width: 1068px) {
  .modal-full-viewport {
    padding: 80px 0
  }
}

.modal-full-viewport.remove-container-padding {
  padding: 0
}

.theme-dark .modal-full-viewport, .modal-full-viewport.theme-dark {
  background: black
}

.modal-open {
  display: block;
  z-index: 11000
}

.modal-open:focus {
  outline-offset: -4px
}

.modal-close {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999;
  overflow: hidden;
  top: 24px;
  left: 24px;
  margin: 0;
  padding: 0;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
  background: none;
  border: 0;
  color: rgba(134, 134, 139, 0.8)
}

.modal-close::before, .modal-close::after {
  font-family: "SF Pro Icons";
  color: inherit;
  display: inline-block;
  font-style: normal;
  font-weight: inherit;
  font-size: inherit;
  line-height: 1;
  text-decoration: underline;
  position: relative;
  z-index: 1;
  alt: ''
}

.modal-close::before, .modal-close::after {
  text-decoration: none
}

.modal-close::before {
  display: none
}

.modal-close::before, .modal-close::after {
  content: ""
}

.modal-close:hover {
  color: #86868b
}

.theme-dark .modal-close {
  color: rgba(110, 110, 115, 0.8)
}

.theme-dark .modal-close:hover {
  color: #6e6e73
}

.modal-close::after {
  width: 0.9em;
  height: 0.9em;
  top: 0.05em;
  padding: 0;
  font-weight: 300
}

@media only screen and (max-width: 1068px) {
  .modal-close {
    top: 20px;
    left: 20px;
    font-size: 32px
  }
}

.ac-video-icon {
  background-repeat: no-repeat
}

.ac-video-icon.icon-ctrl_airplay, .ac-video-icon.controls-airplay-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.5%2C14.8c0.5%2C0.7%2C0.2%2C1.2-0.6%2C1.2H6.1c-0.8%2C0-1.1-0.5-0.6-1.2l3.7-5.4c0.4-0.7%2C1.2-0.7%2C1.6%2C0L14.5%2C14.8z%0A%09%20M17.4%2C0H2.6C1.2%2C0%2C0%2C1.2%2C0%2C2.6v6.7C0%2C10.8%2C1.2%2C12%2C2.6%2C12H4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S4.3%2C11%2C4%2C11H2.6C1.7%2C11%2C1%2C10.3%2C1%2C9.4V2.6%0A%09C1%2C1.7%2C1.7%2C1%2C2.6%2C1h14.8C18.3%2C1%2C19%2C1.7%2C19%2C2.6v6.7c0%2C0.9-0.7%2C1.6-1.6%2C1.6H16c-0.3%2C0-0.5%2C0.2-0.5%2C0.5S15.7%2C12%2C16%2C12h1.4%0A%09c1.4%2C0%2C2.6-1.2%2C2.6-2.6V2.6C20%2C1.2%2C18.8%2C0%2C17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_airplay_active, .ac-video-icon.controls-airplay-button.airplay-active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%232997ff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ectrl_airplay_active%3C%2Ftitle%3E%3Crect%20id%3D%22Bounding-Box%22%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%3Cpath%20id%3D%22ctrl_airplay_active%22%20class%3D%22cls-2%22%20d%3D%22M10.8%2C9.4a.87.87%2C0%2C0%2C0-1.6%2C0L5.5%2C14.8c-.5.7-.2%2C1.2.6%2C1.2h7.8c.8%2C0%2C1.1-.5.6-1.2ZM20%2C2.6V9.4A2.65%2C2.65%2C0%2C0%2C1%2C17.4%2C12H16a.5.5%2C0%2C0%2C1%2C0-1h1.4A1.58%2C1.58%2C0%2C0%2C0%2C19%2C9.4V2.6A1.58%2C1.58%2C0%2C0%2C0%2C17.4%2C1H2.6A1.58%2C1.58%2C0%2C0%2C0%2C1%2C2.6V9.3A1.61%2C1.61%2C0%2C0%2C0%2C2.6%2C11H4a.5.5%2C0%2C0%2C1%2C0%2C1H2.6A2.65%2C2.65%2C0%2C0%2C1%2C0%2C9.4V2.6A2.65%2C2.65%2C0%2C0%2C1%2C2.6%2C0H17.4A2.65%2C2.65%2C0%2C0%2C1%2C20%2C2.6Z%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_arrow, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-top, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-right, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-bottom, .compass-wrapper .compass-arrows .ac-video-icon.compass-arrow-left {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229px%22%20height%3D%2210px%22%20viewBox%3D%220%200%209%2010%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.6%2C5.8c0.7-0.4%2C0.7-1.2%2C0-1.6L2.2%2C0.5C1.5%2C0%2C1%2C0.3%2C1%2C1.1v7.8C1%2C9.7%2C1.5%2C10%2C2.2%2C9.5L7.6%2C5.8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20width%3D%229%22%20height%3D%2210%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_active {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.89%2C16H2.11C0.95%2C16%2C0%2C15.04%2C0%2C13.87V2.13C0%2C0.96%2C0.95%2C0%2C2.11%2C0h15.79%0AC19.05%2C0%2C20%2C0.96%2C20%2C2.13v11.73C20%2C15.04%2C19.05%2C16%2C17.89%2C16z%20M7.92%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0c0.04-1.83-1.24-2.87-2.99-2.87%0AS3.34%2C5.31%2C3.34%2C7.53s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78c-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43%0Ac-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92S7.92%2C6.13%2C7.92%2C6.96z%20M15.17%2C6.96c0.59%2C0%2C0.79%2C0%2C1.45%2C0%0Ac0.04-1.83-1.24-2.87-2.99-2.87s-3.04%2C1.23-3.04%2C3.44s0-0.05%2C0%2C1.03s0.41%2C3.35%2C3.1%2C3.35c2.23%2C0%2C3-1.61%2C2.93-2.78%0Ac-0.77%2C0-0.86%2C0-1.45%2C0c0%2C0.5-0.19%2C1.43-1.49%2C1.43c-1.31%2C0-1.57-1.22-1.58-2.05s0-0.07%2C0-1.16s0.57-1.92%2C1.59-1.92%0AS15.17%2C6.13%2C15.17%2C6.96z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_default {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.5%2C15.99h-15c-1.38%2C0-2.5-1.19-2.5-2.64V2.64C0%2C1.18%2C1.12%2C0%2C2.5%2C0h15C18.88%2C0%2C20%2C1.18%2C20%2C2.64%0A%09%09v10.71C20%2C14.81%2C18.88%2C15.99%2C17.5%2C15.99z%20M2.5%2C1C1.67%2C1%2C1%2C1.73%2C1%2C2.64v10.71c0%2C0.91%2C0.67%2C1.64%2C1.5%2C1.64h15%0A%09%09c0.83%2C0%2C1.5-0.74%2C1.5-1.64V2.64C19%2C1.73%2C18.33%2C1%2C17.5%2C1H2.5z%20M4.75%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23H8.01%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%20M12%2C7.55c0-1.47%2C0.68-2.21%2C1.7-2.21s1.56%2C0.75%2C1.56%2C1.52h1.26V6.74%0A%09%09c0-1.34-1.02-2.56-2.83-2.56c-1.86%2C0-3.01%2C1.25-3.01%2C3.35v0.95c0%2C2.13%2C1.14%2C3.32%2C3%2C3.32c1.87%2C0%2C2.84-1.24%2C2.84-2.47V9.23h-1.26%0A%09%09c0%2C0.77-0.53%2C1.43-1.55%2C1.43c-1.04%2C0-1.72-0.7-1.72-2.18V7.55z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_off, .ac-video-icon.controls-text-tracks-toggle-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C1C18.3%2C1%2C19%2C1.7%2C19%2C2.5v8c0%2C0.8-0.7%2C1.5-1.6%2C1.5H16l-4%2C2.5V12H2.6C1.7%2C12%2C1%2C11.3%2C1%2C10.4%0A%09V2.5C1%2C1.7%2C1.7%2C1%2C2.6%2C1H17.4%20M9.5%2C8h7C16.8%2C8%2C17%2C7.8%2C17%2C7.5S16.8%2C7%2C16.5%2C7h-7C9.2%2C7%2C9%2C7.2%2C9%2C7.5S9.2%2C8%2C9.5%2C8%20M3.5%2C8h4%0A%09C7.8%2C8%2C8%2C7.8%2C8%2C7.5S7.8%2C7%2C7.5%2C7h-4C3.2%2C7%2C3%2C7.2%2C3%2C7.5S3.2%2C8%2C3.5%2C8%20M12.5%2C10h4c0.3%2C0%2C0.5-0.2%2C0.5-0.5S16.8%2C9%2C16.5%2C9h-4%0A%09C12.2%2C9%2C12%2C9.2%2C12%2C9.5S12.2%2C10%2C12.5%2C10%20M3.5%2C10h7c0.3%2C0%2C0.5-0.2%2C0.5-0.5S10.8%2C9%2C10.5%2C9h-7C3.2%2C9%2C3%2C9.2%2C3%2C9.5S3.2%2C10%2C3.5%2C10%20M17.4%2C0%0A%09H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3%0A%09h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0L17.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_cc_on, .ac-video-icon.controls-text-tracks-toggle-button.text-tracks-visible {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.4%2C0H2.6C1.2%2C0%2C0%2C1.1%2C0%2C2.5v7.9C0%2C11.9%2C1.1%2C13%2C2.6%2C13H11v1.5c0%2C0.4%2C0.2%2C0.7%2C0.5%2C0.9%0A%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1s0.4-0.1%2C0.6-0.2l3.7-2.3h1.1c1.4%2C0%2C2.6-1.1%2C2.6-2.5v-8C20%2C1.1%2C18.8%2C0%2C17.4%2C0z%20M3.5%2C7h4C7.8%2C7%2C8%2C7.2%2C8%2C7.5%0A%09S7.8%2C8%2C7.5%2C8h-4C3.2%2C8%2C3%2C7.8%2C3%2C7.5S3.2%2C7%2C3.5%2C7z%20M10.5%2C10h-7C3.2%2C10%2C3%2C9.8%2C3%2C9.5S3.2%2C9%2C3.5%2C9h7C10.8%2C9%2C11%2C9.2%2C11%2C9.5%0A%09S10.8%2C10%2C10.5%2C10z%20M16.5%2C10h-4C12.2%2C10%2C12%2C9.8%2C12%2C9.5S12.2%2C9%2C12.5%2C9h4C16.8%2C9%2C17%2C9.2%2C17%2C9.5S16.8%2C10%2C16.5%2C10z%20M16.5%2C8h-7%0A%09C9.2%2C8%2C9%2C7.8%2C9%2C7.5S9.2%2C7%2C9.5%2C7h7C16.8%2C7%2C17%2C7.2%2C17%2C7.5S16.8%2C8%2C16.5%2C8z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_check, .ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%228px%22%20height%3D%2218px%22%20viewBox%3D%220%200%201222%202444%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpolygon%20class%3D%22fill%22%20points%3D%22154.84%2C1317.22%2043.16%2C1437.31%20469.88%2C1834.18%201179.1%2C1168.83%201066.9%2C1049.23%20469.4%2C1609.76%0A%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%228%22%20height%3D%2218%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_fullscreen, .ac-video-icon.controls-full-screen-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.87%2C9.97l-4.89%2C4.9C2.17%2C14.96%2C2.38%2C15%2C2.61%2C15h3.91c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.79%2C16%2C6.51%2C16%0A%09%09H2.61C1.17%2C16%2C0%2C14.82%2C0%2C13.37V9.51c0-0.28%2C0.22-0.5%2C0.5-0.5S1%2C9.23%2C1%2C9.51v3.86c0%2C0.23%2C0.05%2C0.45%2C0.13%2C0.65l4.89-4.89%0A%09%09c0.23-0.23%2C0.61-0.23%2C0.85%2C0C7.1%2C9.36%2C7.1%2C9.74%2C6.87%2C9.97z%20M13.4%2C0H9.5C9.23%2C0%2C9%2C0.22%2C9%2C0.5S9.23%2C1%2C9.5%2C1h3.89%0A%09%09c0.22%2C0%2C0.43%2C0.05%2C0.63%2C0.13L9.09%2C6.06c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85c0.12%2C0.12%2C0.27%2C0.18%2C0.42%2C0.18s0.31-0.06%2C0.42-0.18l4.93-4.93%0A%09%09C14.95%2C2.18%2C15%2C2.4%2C15%2C2.63V6.5C15%2C6.78%2C15.23%2C7%2C15.5%2C7S16%2C6.78%2C16%2C6.5V2.63C16%2C1.18%2C14.83%2C0%2C13.4%2C0z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_fullscreen_exit, .ac-video-icon.controls-full-screen-button.is-fullscreen {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7%2C11.65v3.86c0%2C0.28-0.22%2C0.5-0.5%2C0.5S6%2C15.79%2C6%2C15.51v-3.86C6%2C11.42%2C5.95%2C11.2%2C5.87%2C11l-4.84%2C4.82%0A%09%09C0.91%2C15.94%2C0.76%2C16%2C0.6%2C16c-0.15%2C0-0.31-0.06-0.42-0.18c-0.23-0.24-0.23-0.62%2C0-0.85l4.86-4.84C4.84%2C10.05%2C4.63%2C10%2C4.41%2C10H0.5%0A%09%09C0.23%2C10%2C0%2C9.78%2C0%2C9.5S0.23%2C9%2C0.5%2C9h3.91C5.84%2C9%2C7%2C10.19%2C7%2C11.65z%20M15.5%2C6h-3.89c-0.22%2C0-0.43-0.05-0.62-0.13l4.83-4.84%0A%09%09c0.23-0.23%2C0.23-0.61%2C0-0.85s-0.61-0.23-0.85%2C0l-4.83%2C4.84C10.05%2C4.82%2C10%2C4.6%2C10%2C4.36V0.5C10%2C0.22%2C9.78%2C0%2C9.5%2C0S9%2C0.22%2C9%2C0.5v3.87%0A%09%09C9%2C5.82%2C10.17%2C7%2C11.61%2C7h3.89C15.78%2C7%2C16%2C6.77%2C16%2C6.5S15.78%2C6%2C15.5%2C6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_pause, .is-playing .ac-video-icon.controls-play-pause-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m22%2064.715v-43.388c0-2.555%201.452-4.327%204.6-4.327h5.8c3.185%200%204.6%201.731%204.6%204.327v43.388c0%202.554-1.411%204.285-4.6%204.285h-5.8c-3.148%200-4.6-1.731-4.6-4.285zm26%200v-43.388c0-2.596%201.452-4.327%204.6-4.327h5.847c3.142%200%204.553%201.772%204.553%204.327v43.388c0%202.554-1.411%204.285-4.556%204.285h-5.844c-3.148%200-4.6-1.731-4.6-4.285z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_pip_active, .ac-video-icon.controls-picture-in-picture-button.is-picture-in-picture {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M17.99%2C16h-5.93c-1.26%2C0-2.01-1.02-2.01-2v-0.5c0-0.28%2C0.22-0.5%2C0.5-0.5s0.5%2C0.22%2C0.5%2C0.5V14%0A%09%09c0%2C0.49%2C0.38%2C1%2C1.01%2C1h5.93c0.57%2C0%2C1-0.43%2C1-1v-3c0-0.27-0.12-0.54-0.32-0.73c-0.13-0.13-0.37-0.29-0.67-0.26h-0.49%0A%09%09c-0.28%2C0-0.5-0.22-0.5-0.5s0.22-0.5%2C0.5-0.5h0.48c0.5-0.02%2C1%2C0.18%2C1.38%2C0.54C19.77%2C9.92%2C20%2C10.45%2C20%2C10.99v3%0A%09%09C20%2C15.12%2C19.12%2C16%2C17.99%2C16z%20M0%2C2v7c0%2C1.1%2C0.9%2C2%2C2%2C2h11c1.1%2C0%2C2-0.9%2C2-2V2c0-1.1-0.9-2-2-2H2C0.9%2C0%2C0%2C0.9%2C0%2C2z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-ctrl_pip_default, .ac-video-icon.controls-picture-in-picture-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M6.49%2C12H2.43C0.93%2C12%2C0%2C10.77%2C0%2C9.63V2.37C0%2C1.22%2C0.85%2C0%2C2.43%2C0h11.21C14.8%2C0%2C16%2C0.89%2C16%2C2.37v3.11%0A%09%09c0%2C0.28-0.22%2C0.5-0.5%2C0.5S15%2C5.75%2C15%2C5.48V2.37C15%2C1.48%2C14.3%2C1%2C13.63%2C1H2.43C1.26%2C1%2C1%2C1.99%2C1%2C2.37v7.27C1%2C10.19%2C1.46%2C11%2C2.43%2C11%0A%09%09h4.06c0.28%2C0%2C0.5%2C0.22%2C0.5%2C0.5S6.76%2C12%2C6.49%2C12z%20M10%2C11v3c0%2C1.1%2C0.9%2C2%2C2%2C2h6c1.1%2C0%2C2-0.9%2C2-2v-3c0-1.1-0.9-2-2-2h-6%0A%09%09C10.9%2C9%2C10%2C9.9%2C10%2C11z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_play, .ac-video-icon.controls-play-pause-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m22%2064.728v-43.373c0-3.501%202.1-5.355%204.737-5.355a6.365%206.365%200%200%201%203.748%201.071l36.083%2021.048c2.471%201.442%203.831%202.636%203.831%204.9s-1.359%203.46-3.831%204.9l-36.083%2021.01a6.365%206.365%200%200%201%20-3.748%201.071c-2.637%200-4.737-1.812-4.737-5.272z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_replay, .end-state .ac-video-icon.controls-play-pause-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2086%2086%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h86v86h-86z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m37.932%2037.972a4.4%204.4%200%200%201%201.557-3.4l3.36-3.319h-.492c-8.4%200-14.67%206.679-14.67%2015.695a15.326%2015.326%200%201%200%2030.652%200%205.614%205.614%200%201%201%2011.228%200%2026.533%2026.533%200%201%201%20-53.067%200%2025.734%2025.734%200%200%201%2025.9-26.187h.041l-2.95-2.909a4.4%204.4%200%200%201%20-1.557-3.4%205.4%205.4%200%200%201%205.366-5.452%204.8%204.8%200%200%201%203.606%201.557l11.351%2011.6a5.329%205.329%200%200%201%201.762%204.016%205.414%205.414%200%200%201%20-1.762%204.016l-11.351%2011.635a4.819%204.819%200%200%201%20-3.606%201.476%205.352%205.352%200%200%201%20-5.368-5.328z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_volume_mute, .ac-video-icon.controls-toggle-mute-volume-button.is-muted {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M9%2C7.48L5.34%2C3.81l2.34-2.07c0.21-0.23%2C0.55-0.3%2C0.84-0.19C8.82%2C1.66%2C9.01%2C1.95%2C9%2C2.26V7.48z%0A%09%09%20M9%2C12.29v1.46c0%2C0.31-0.19%2C0.59-0.49%2C0.71c-0.09%2C0.03-0.18%2C0.05-0.28%2C0.05c-0.21%2C0-0.41-0.09-0.56-0.25L4%2C11H1%0A%09%09c-0.51%2C0-1-0.42-1-0.99V5.98C0%2C5.43%2C0.48%2C5%2C0.99%2C5h0.74L9%2C12.29z%20M12.57%2C13.91c0.13-0.01%2C0.26-0.07%2C0.35-0.17%0A%09%09c0.19-0.21%2C0.17-0.52-0.04-0.71L2.07%2C2.21C1.86%2C2.03%2C1.55%2C2.04%2C1.36%2C2.26C1.18%2C2.47%2C1.19%2C2.78%2C1.41%2C2.96l10.81%2C10.82%0A%09%09C12.31%2C13.88%2C12.44%2C13.92%2C12.57%2C13.91z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-ctrl_volume_on, .ac-video-icon.controls-toggle-mute-volume-button {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2020%2016%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.07%2C15.9c-0.14%2C0-0.29-0.05-0.4-0.16c-0.23-0.22-0.24-0.58-0.02-0.81%0A%09%09c1.79-1.88%2C2.78-4.34%2C2.78-6.93c0-2.62-1-5.09-2.82-6.97c-0.22-0.23-0.22-0.6%2C0-0.82c0.22-0.22%2C0.58-0.23%2C0.8%2C0%0A%09%09c0.01%2C0.01%2C0.04%2C0.04%2C0.05%2C0.06c2%2C2.07%2C3.12%2C4.83%2C3.12%2C7.74c0%2C2.89-1.1%2C5.63-3.1%2C7.73C16.37%2C15.84%2C16.22%2C15.9%2C16.07%2C15.9z%0A%09%09%20M12.91%2C13.03c1.36-1.29%2C2.17-3.17%2C2.17-5.03c0-1.85-0.81-3.73-2.17-5.03c-0.23-0.22-0.59-0.21-0.81%2C0.02%0A%09%09c-0.22%2C0.23-0.21%2C0.59%2C0.02%2C0.81c1.14%2C1.09%2C1.82%2C2.66%2C1.82%2C4.2c0%2C1.55-0.68%2C3.12-1.81%2C4.2c-0.23%2C0.22-0.24%2C0.58-0.02%2C0.81%0A%09%09c0.11%2C0.12%2C0.26%2C0.18%2C0.42%2C0.18C12.65%2C13.19%2C12.79%2C13.14%2C12.91%2C13.03z%20M7.68%2C1.74L4%2C5.01H0.99C0.48%2C5.01%2C0%2C5.44%2C0%2C5.99v3.98%0A%09%09c0%2C0.57%2C0.48%2C0.99%2C1%2C0.99h3l3.67%2C3.3c0.16%2C0.16%2C0.36%2C0.25%2C0.56%2C0.25c0.1%2C0%2C0.19-0.02%2C0.28-0.05C8.81%2C14.34%2C9%2C14.06%2C9%2C13.75V2.26%0A%09%09c0.01-0.31-0.18-0.6-0.48-0.71C8.23%2C1.44%2C7.9%2C1.52%2C7.68%2C1.74z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2220%22%20height%3D%2216%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_close {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2013%2013%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.31%2C6.5l5.09-5.09c0.22-0.22%2C0.22-0.59%2C0-0.81s-0.59-0.22-0.81%2C0L6.5%2C5.69L1.41%2C0.59%0A%09%09c-0.22-0.22-0.59-0.22-0.81%2C0s-0.22%2C0.59%2C0%2C0.81L5.69%2C6.5l-5.09%2C5.09c-0.22%2C0.22-0.22%2C0.59%2C0%2C0.81c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17%0A%09%09s0.29-0.06%2C0.41-0.17L6.5%2C7.31l5.09%2C5.09c0.11%2C0.11%2C0.26%2C0.17%2C0.41%2C0.17s0.29-0.06%2C0.41-0.17c0.22-0.22%2C0.22-0.59%2C0-0.81L7.31%2C6.5z%0A%09%09%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-share_embed {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2024%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.03%2C1.28l-2.85%2C14.79c-0.09%2C0.26-0.32%2C0.43-0.58%2C0.43c-0.06%2C0-0.12-0.01-0.18-0.03%0A%09%09c-0.15-0.05-0.28-0.15-0.35-0.3c-0.07-0.14-0.09-0.3-0.04-0.45l2.85-14.8c0.05-0.16%2C0.16-0.29%2C0.3-0.36s0.3-0.09%2C0.46-0.04%0A%09%09C13.96%2C0.63%2C14.13%2C0.97%2C14.03%2C1.28z%20M23.48%2C8.62c0.01-0.04%2C0.02-0.08%2C0.02-0.12s-0.01-0.08-0.02-0.12s-0.01-0.07-0.02-0.11%0A%09%09c-0.02-0.04-0.04-0.08-0.07-0.12c-0.02-0.02-0.02-0.05-0.04-0.07l-0.01-0.01c-0.01-0.01-0.01-0.02-0.02-0.02l-5.79-5.39%0A%09%09c-0.24-0.23-0.62-0.21-0.85%2C0.03s-0.21%2C0.62%2C0.03%2C0.85l5.32%2C4.95l-5.32%2C4.95c-0.24%2C0.23-0.26%2C0.61-0.03%2C0.85%0A%09%09c0.12%2C0.13%2C0.28%2C0.19%2C0.44%2C0.19c0.15%2C0%2C0.29-0.05%2C0.41-0.16l5.79-5.39c0.01-0.01%2C0.01-0.02%2C0.02-0.02l0.01-0.01%0A%09%09c0.02-0.02%2C0.03-0.05%2C0.04-0.07c0.03-0.04%2C0.05-0.07%2C0.07-0.12C23.47%2C8.69%2C23.47%2C8.65%2C23.48%2C8.62z%20M7.33%2C2.7%0A%09%09C7.1%2C2.45%2C6.73%2C2.44%2C6.48%2C2.67L0.69%2C8.06c-0.01%2C0-0.01%2C0.01-0.02%2C0.02L0.66%2C8.09C0.64%2C8.11%2C0.63%2C8.14%2C0.62%2C8.16%0A%09%09C0.59%2C8.2%2C0.56%2C8.23%2C0.54%2C8.28c-0.01%2C0.03-0.02%2C0.07-0.02%2C0.1C0.51%2C8.42%2C0.5%2C8.46%2C0.5%2C8.5s0.01%2C0.08%2C0.02%2C0.12%0A%09%09c0.01%2C0.03%2C0.01%2C0.07%2C0.02%2C0.1C0.56%2C8.76%2C0.59%2C8.8%2C0.62%2C8.84c0.02%2C0.02%2C0.02%2C0.05%2C0.04%2C0.07l0.01%2C0.01%0A%09%09c0.01%2C0.01%2C0.01%2C0.02%2C0.02%2C0.02l5.79%2C5.39c0.12%2C0.11%2C0.26%2C0.16%2C0.41%2C0.16c0.16%2C0%2C0.32-0.06%2C0.44-0.19%0A%09%09c0.23-0.24%2C0.21-0.62-0.03-0.85L1.98%2C8.5L7.3%2C3.54C7.54%2C3.32%2C7.56%2C2.94%2C7.33%2C2.7z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2224%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_fb {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2016%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M14.78%2C2.22C14.93%2C2.37%2C15%2C2.56%2C15%2C2.78v12.44c0%2C0.22-0.07%2C0.4-0.22%2C0.55%0A%09%09C14.63%2C15.93%2C14.44%2C16%2C14.22%2C16h-3.56v-5.42h1.82l0.27-2.11h-2.09V7.12c0-0.34%2C0.06-0.59%2C0.19-0.74c0.16-0.19%2C0.45-0.29%2C0.85-0.29%0A%09%09h1.12V4.2c-0.14-0.02-0.34-0.03-0.6-0.05c-0.35-0.02-0.69-0.04-1.03-0.04c-0.54%2C0-1.02%2C0.11-1.43%2C0.32%0A%09%09c-0.4%2C0.22-0.72%2C0.54-0.93%2C0.95C8.59%2C5.81%2C8.47%2C6.32%2C8.47%2C6.91v1.56H6.65v2.11h1.82V16h-6.7c-0.22%2C0-0.4-0.07-0.55-0.22%0A%09%09C1.07%2C15.63%2C0.99%2C15.43%2C1%2C15.22V2.78c0-0.21%2C0.08-0.41%2C0.23-0.55S1.57%2C2%2C1.78%2C2h12.44C14.44%2C2%2C14.63%2C2.07%2C14.78%2C2.22z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2216%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_link {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M7.37%2C10.15c-0.15%2C0-0.31-0.06-0.42-0.18L6.83%2C9.87c-1.32-1.35-1.28-3.41%2C0.1-4.79l3.68-3.68%0A%09%09c1.33-1.33%2C3.66-1.33%2C4.99%2C0c1.38%2C1.38%2C1.38%2C3.61%2C0%2C4.99l-1.75%2C1.75c-0.23%2C0.23-0.61%2C0.23-0.85%2C0c-0.23-0.23-0.23-0.61%2C0-0.85%0A%09%09l1.75-1.75c0.91-0.91%2C0.91-2.38%2C0-3.29c-0.88-0.88-2.41-0.88-3.29%2C0L7.78%2C5.93c-0.9%2C0.9-0.94%2C2.23-0.09%2C3.09l0.1%2C0.1%0A%09%09c0.23%2C0.23%2C0.23%2C0.61%2C0%2C0.85C7.67%2C10.09%2C7.52%2C10.15%2C7.37%2C10.15z%20M6.39%2C15.6l3.68-3.68c1.37-1.37%2C1.4-3.48%2C0.07-4.81l-0.09-0.09%0A%09%09c-0.23-0.23-0.61-0.23-0.85%2C0c-0.23%2C0.23-0.23%2C0.61%2C0%2C0.85l0.09%2C0.09c0.87%2C0.87%2C0.84%2C2.21-0.07%2C3.12l-3.68%2C3.68%0A%09%09c-0.88%2C0.88-2.41%2C0.88-3.29%2C0c-0.91-0.91-0.91-2.38%2C0-3.29l1.79-1.79c0.23-0.23%2C0.23-0.61%2C0-0.85c-0.23-0.23-0.61-0.23-0.85%2C0%0A%09%09l-1.79%2C1.79c-1.38%2C1.37-1.38%2C3.61%2C0%2C4.99c0.67%2C0.67%2C1.55%2C1.03%2C2.49%2C1.03S5.73%2C16.26%2C6.39%2C15.6z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-share_twitter {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2019%2017%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M16.94%2C2.88c-0.26%2C0.34-0.57%2C0.61-0.93%2C0.83C16.7%2C3.63%2C17.36%2C3.44%2C18%2C3.15%0A%09%09c-0.47%2C0.72-1.05%2C1.33-1.74%2C1.84c0.06%2C1.36-0.16%2C2.72-0.63%2C3.99c-0.45%2C1.22-1.08%2C2.3-1.9%2C3.25c-0.86%2C0.99-1.91%2C1.8-3.1%2C2.36%0A%09%09c-1.3%2C0.61-2.71%2C0.91-4.25%2C0.91c-0.97%2C0-1.91-0.14-2.82-0.41c-0.88-0.28-1.72-0.67-2.49-1.18c0.27%2C0.04%2C0.54%2C0.06%2C0.83%2C0.06%0A%09%09c0.79%2C0%2C1.57-0.13%2C2.32-0.4c0.72-0.26%2C1.38-0.63%2C1.98-1.12c-1.5-0.03-2.81-1.02-3.23-2.46c0.21%2C0.05%2C0.43%2C0.07%2C0.64%2C0.07%0A%09%09c0.32%2C0%2C0.62-0.04%2C0.92-0.13C4%2C9.82%2C3.53%2C9.61%2C3.1%2C9.27C2.23%2C8.6%2C1.73%2C7.56%2C1.74%2C6.46V6.43C2.23%2C6.7%2C2.76%2C6.85%2C3.32%2C6.86%0A%09%09C2.84%2C6.54%2C2.47%2C6.12%2C2.2%2C5.61C1.92%2C5.09%2C1.77%2C4.53%2C1.77%2C3.92c0-0.63%2C0.15-1.22%2C0.46-1.78c0.86%2C1.08%2C1.94%2C1.96%2C3.16%2C2.6%0A%09%09C6.64%2C5.4%2C7.98%2C5.77%2C9.4%2C5.84c-0.06-0.26-0.09-0.53-0.09-0.8c0-0.64%2C0.16-1.24%2C0.47-1.79c0.87-1.55%2C2.78-2.18%2C4.4-1.45%0A%09%09C14.62%2C2%2C15%2C2.27%2C15.32%2C2.62c0.78-0.16%2C1.51-0.45%2C2.2-0.86C17.4%2C2.17%2C17.2%2C2.54%2C16.94%2C2.88L16.94%2C2.88z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2219%22%20height%3D%2217%22%2F%3E%0A%3C%2Fsvg%3E")
}

.ac-video-icon.icon-view_field, .compass-wrapper .ac-video-icon.compass-field {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%3E%0A%09%3Crect%20class%3D%22no-fill%22%20width%3D%2238%22%20height%3D%2238%22%2F%3E%0A%09%3Cpath%20style%3D%22opacity%3A0.32%3Bfill%3A%23FFFFFF%3B%22%20d%3D%22M25.11%2C11.73c0%2C0-2.5-2.23-6.11-2.23s-6.11%2C2.23-6.11%2C2.23c-0.38%2C0.32-0.61%2C0.8-0.61%2C1.33%0A%09%09c0%2C0.48%2C0.19%2C0.91%2C0.5%2C1.23c0.32%2C0.32%2C5.24%2C5.32%2C5.46%2C5.53c0.2%2C0.19%2C0.47%2C0.31%2C0.77%2C0.31s0.57-0.12%2C0.77-0.31%0A%09%09c0.22-0.21%2C5.14-5.21%2C5.46-5.53c0.31-0.32%2C0.5-0.75%2C0.5-1.23C25.73%2C12.53%2C25.49%2C12.05%2C25.11%2C11.73z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-view_ring, .compass-wrapper .ac-video-icon.compass-ring {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%3E%0A%3Cdefs%3E%3Cstyle%3E.fill%7Bfill%3A%23fff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cg%20id%3D%22View_Ring_1_%22%3E%0A%09%3Cpolyline%20class%3D%22no-fill%22%20points%3D%220%2C0%2038%2C0%2038%2C38%200%2C38%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22opacity%3A0.32%22%20d%3D%22M28.4%2C9.3C26%2C6.9%2C22.7%2C5.6%2C19%2C5.6s-7%2C1.4-9.4%2C3.8C7%2C11.8%2C5.4%2C15.2%2C5.4%2C19c0%2C7.5%2C6.1%2C13.6%2C13.6%2C13.6%0A%09%09S32.6%2C26.5%2C32.6%2C19C32.6%2C15.2%2C31%2C11.8%2C28.4%2C9.3z%20M19%2C30.4c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.2%2C1.3-6.2%2C3.4-8.3c2.1-2%2C4.9-3.2%2C8-3.2%0A%09%09s5.9%2C1.3%2C8%2C3.2c2.2%2C2.1%2C3.4%2C5.1%2C3.4%2C8.3C30.4%2C25.3%2C25.3%2C30.4%2C19%2C30.4z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20style%3D%22display%3Anone%3B%22%20d%3D%22M19%2C30.5c-6.3%2C0-11.4-5.1-11.4-11.4c0-3.3%2C1.3-6.3%2C3.5-8.4S16%2C7.5%2C19%2C7.5s5.9%2C1.3%2C7.9%2C3.1%0A%09%09c2.2%2C2.1%2C3.5%2C5.1%2C3.5%2C8.4C30.4%2C25.4%2C25.3%2C30.5%2C19%2C30.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22fill%22%20d%3D%22M19%2C5.5c-3.6%2C0-6.9%2C1.4-9.4%2C3.8l0%2C0C9.4%2C9.5%2C9.3%2C9.7%2C9.3%2C10c0%2C0.6%2C0.5%2C1%2C1%2C1%0A%09%09c0.4%2C0%2C0.6-0.2%2C0.8-0.4C13%2C8.8%2C15.9%2C7.5%2C19%2C7.5s6%2C1.3%2C7.9%2C3.1c0.2%2C0.2%2C0.4%2C0.4%2C0.8%2C0.4c0.5%2C0%2C1-0.4%2C1-1c0-0.3-0.1-0.5-0.3-0.7l0%2C0%0A%09%09C25.9%2C6.9%2C22.6%2C5.5%2C19%2C5.5z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.ac-video-icon.icon-view_scrim, .compass-wrapper .ac-video-icon.compass-background {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2238px%22%20height%3D%2238px%22%20viewBox%3D%220%200%2038%2038%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Sticker-Sheet%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22view_scrim%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22boundingbox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2238%22%20height%3D%2238%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22icon%22%20fill%3D%22%236E6E73%22%20fill-rule%3D%22nonzero%22%20opacity%3D%220.4%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E")
}

.cursor-pointer {
  cursor: pointer
}

.ac-video-player {
  cursor: none
}

.ac-video-player .acv-visually-hidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.ac-video-player:-webkit-full-screen {
  background: #000;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.ac-video-player:-ms-fullscreen {
  background: #000;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.ac-video-player:fullscreen {
  background: #000;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.ac-video-player .ac-video-blockade {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%
}

.ac-video-player>* {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.ac-video-player.threesixty-video {
  -webkit-tap-highlight-color: transparent
}

.ac-video-player.threesixty-video .start-state .controls-play-pause-button-container, .ac-video-player.threesixty-video .end-state .controls-play-pause-button-container {
  pointer-events: all
}

.ac-video-player.threesixty-video .ac-video-blockade {
  display: none
}

.ac-video-player.threesixty-video .threesixty-video-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 100%
}

.ac-video-player.threesixty-video .threesixty-video-container .threesixty-renderer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.ac-video-player.safari-fix-zindex video {
  z-index: 0
}

.ac-video-player video {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.ac-video-player video, .ac-video-player video img {
  display: block;
  outline: none
}

.ac-video-player video::-webkit-media-controls-start-playback-button {
  background: rgba(0, 0, 0, 0.25);
  -webkit-clip-path: none;
  clip-path: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.ac-video-player video::-webkit-media-controls-start-playback-background {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
  clip-path: polygon(54.2px 55.2px, 54.2px 37.2px, 53.5px 37.9px, 25.1px 55.2px, 24.1px 55.5px, 22.4px 54.5px, 22.1px 53.5px, 22.1px 19.1px, 22.4px 18.1px, 23.1px 17.4px, 24.1px 17.1px, 25.1px 17.4px, 53.5px 34.6px, 54.2px 35.2px);
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.ac-video-player video::-webkit-media-controls-start-playback-tint, .ac-video-player video::-webkit-media-controls-start-playback-glyph {
  background: none
}

.ac-video-controls.captions-selector-showing .ac-video-captions-selector-container {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease
}

.ac-video-controls .ac-video-captions-selector-container {
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background-color: rgba(29, 29, 31, 0.56);
  border-radius: 6px;
  position: absolute;
  bottom: 20px;
  left: -5px;
  padding: 8px 14px 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: all;
  -webkit-transition: opacity 0.5s ease, visibility 0s ease 0.5s;
  transition: opacity 0.5s ease, visibility 0s ease 0.5s
}

.ac-video-controls .ac-video-captions-selector-container.showing {
  visibility: visible;
  opacity: 1
}

.ac-video-controls .ac-video-captions-selector-container .ac-video-captions-selector-title {
  color: rgba(255, 255, 255, 0.52);
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector {
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
  margin: 0;
  padding-left: 12px;
  white-space: nowrap
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li:not(.showing):hover {
  text-decoration: underline
}

.ac-video-controls .ac-video-captions-selector-container .controls-captions-selector li.showing::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 18px;
  left: 14px;
  margin-top: -1px
}

video::cue {
  background-color: #000;
  color: #fff;
  font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600
}

.ac-video-player-text-track-container {
  position: absolute;
  z-index: 9;
  bottom: 20%;
  left: 0px;
  right: 0px;
  text-align: center;
  display: inline-block
}

.ac-video-player-text-track {
  display: none;
  padding: 2px 4px;
  font-family: 'Arial';
  font-weight: 700;
  font-size: 24px;
  color: white;
  text-align: center;
  background-color: black
}

.ac-video-player-text-track-container:empty {
  display: none
}

.ac-video-player-text-track.is-visible:empty {
  display: none
}

.ac-video-player-text-track.is-visible {
  display: inline-block
}

.ac-video-poster {
  -webkit-transition: opacity 500ms linear;
  transition: opacity 500ms linear;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1
}

.ac-video-poster img {
  display: block;
  width: 100%;
  height: auto
}

.ac-video-poster.ac-video-poster-hide {
  opacity: 0;
  pointer-events: none
}

.ac-video-controls {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden
}

.ac-video-controls.mobile {
  display: none
}

.ac-video-controls [data-focus-method="mouse"] {
  outline: none
}

.ac-video-controls [data-focus-method="mouse"].ac-slider-chapter-container:focus::before {
  outline: none
}

.ac-video-controls.hidden {
  visibility: hidden
}

.ac-video-controls.start-state .controls-container {
  opacity: 1;
  background: rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls.start-state .center-button-container {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.ac-video-controls.start-state .controls-social-tray {
  opacity: 0;
  pointer-events: none;
  visibility: hidden
}

.ac-video-controls.start-state .main-controls-container {
  opacity: 0;
  pointer-events: none;
  visibility: hidden
}

.ac-video-controls.start-state.mobile {
  display: block
}

.ac-video-controls.start-state.mobile .controls-container .is-playing {
  display: none
}

.ac-video-controls.end-state .controls-container {
  opacity: 1;
  background: rgba(0, 0, 0, 0.56);
  -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls.end-state .center-button-container {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.ac-video-controls.end-state .controls-social-tray {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.ac-video-controls.end-state .main-controls-container {
  opacity: 0;
  pointer-events: none;
  visibility: hidden
}

.ac-video-controls.end-state.mobile {
  display: block
}

.ac-video-controls .controls-container {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0.56)));
  background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.56));
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls.hide-cursor .controls-container {
  cursor: none
}

.ac-video-controls.hide-cursor .center-button-container {
  cursor: none
}

.was-loading .ac-video-controls .center-button-container {
  -webkit-transition: none;
  transition: none
}

.ac-video-controls .center-button-container {
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls .controls-social-tray {
  width: 100%;
  position: absolute;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-controls .controls-social-tray.hidden {
  display: none
}

.ac-video-controls .main-controls-container {
  direction: ltr;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
  width: 100%;
  bottom: 0;
  position: absolute;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player.small .ac-video-controls .main-controls-container {
  height: 36px
}

.ac-video-player.medium .ac-video-controls .main-controls-container {
  height: 46px
}

.ac-video-player.large .ac-video-controls .main-controls-container {
  height: 58px
}

.ac-video-controls .main-controls {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none
}

.ac-video-player.small .ac-video-controls .main-controls {
  padding: 0 8px 10px
}

.ac-video-player.medium .ac-video-controls .main-controls {
  padding: 0 18px 20px
}

.ac-video-player.large .ac-video-controls .main-controls {
  padding: 0 33px 30px
}

.ac-video-controls .main-controls-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  top: 0
}

.ac-video-player.small .ac-video-controls .main-controls-item {
  padding-left: 7px;
  padding-right: 7px
}

.ac-video-player.medium .ac-video-controls .main-controls-item {
  padding-left: 7px;
  padding-right: 7px
}

.ac-video-player.large .ac-video-controls .main-controls-item {
  padding-left: 7px;
  padding-right: 7px
}

.ac-video-player.small .ac-video-controls .main-controls-item {
  height: 36px
}

.ac-video-player.medium .ac-video-controls .main-controls-item {
  height: 36px
}

.ac-video-player.large .ac-video-controls .main-controls-item {
  height: 40px
}

.ac-video-controls .main-controls-item:first-child {
  margin-left: 0
}

.ac-video-controls .main-controls-item:last-child {
  margin-right: 0
}

.user-hover {
  cursor: default
}

.user-hover .controls-container {
  opacity: 1;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1);
  transition: opacity 1s cubic-bezier(0.4, 0.1, 0.4, 1)
}

.user-hover .center-button-container {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s
}

.user-hover .controls-social-tray {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.35s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.3s
}

.user-hover .main-controls-container {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1)
}

.user-hover .start-state .controls-container {
  background: rgba(0, 0, 0, 0.32)
}

.user-hover .end-state .controls-container {
  background: rgba(0, 0, 0, 0.64)
}

.mouse-leave .center-button-container, .mouse-leave .controls-social-tray, .mouse-leave .main-controls-container {
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

.initial-play .center-button-container, .initial-play .controls-social-tray, .initial-play .main-controls-container {
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1) 0.05s, transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.threesixty-video {
  cursor: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper {
  pointer-events: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .main-controls-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-play-pause-button-container *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-social-tray *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar *, .threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .end-state-wrapper * {
  pointer-events: none
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-button {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.threesixty-video.recently-dragging.dragging .ac-video-controls .controls-container .controls-progress-bar {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container {
  cursor: -webkit-grab;
  cursor: grab
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-button {
  cursor: -webkit-grab;
  cursor: grab
}

.threesixty-video.recently-dragging .ac-video-controls .controls-container .controls-progress-bar {
  cursor: -webkit-grab;
  cursor: grab
}

.threesixty-video.user-hover .ac-video-controls .center-button-container {
  cursor: -webkit-grab;
  cursor: grab
}

.threesixty-video.user-hover .ac-video-controls.start-state .center-button-container, .threesixty-video.user-hover .ac-video-controls.end-state .center-button-container {
  cursor: pointer
}

.threesixty-video .ac-video-controls.mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.threesixty-video .ac-video-controls.mobile .controls-container {
  display: block
}

.threesixty-video .ac-video-controls.mobile:not(.start-state):not(.end-state) .controls-play-pause-button-container {
  pointer-events: none
}

.button-wrapper {
  position: relative;
  height: 100%
}

.controls-button {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  pointer-events: all
}

.controls-button:hover {
  cursor: pointer
}

.loading .ac-video-icon.icon-ctrl_pause, .loading .is-playing .ac-video-icon.controls-play-pause-button, .is-playing .loading .ac-video-icon.controls-play-pause-button {
  background-image: none
}

.loading .ac-video-icon.icon-ctrl_play, .loading .ac-video-icon.controls-play-pause-button {
  background-image: none
}

.ac-video-icon {
  background-position: 50% 50%;
  opacity: 0.8;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease
}

.main-controls:hover .ac-video-icon, .sharing-state:hover .ac-video-icon {
  opacity: 0.56 !important
}

.sharing-state:hover .textarea-active .ac-video-icon {
  opacity: 0.8 !important
}

.main-controls .ac-video-icon:hover, .controls-social-tray .ac-video-icon:hover, .controls-social-tray .textarea-active .ac-video-icon:hover, .center-button-container:hover .ac-video-icon {
  opacity: 1 !important
}

.user-hover .controls-play-pause-button-container, .user-hover .controls-play-pause-button {
  cursor: pointer
}

.main-controls-container, .controls-social-tray {
  cursor: default
}

.controls-play-pause-button-container {
  width: 100%;
  height: 100%
}

.controls-play-pause-button-container.hidden {
  display: none
}

.controls-play-pause-button {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.75;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.3s ease;
  transition: transform 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease
}

.ac-video-player.small .controls-play-pause-button {
  width: 52px;
  height: 52px
}

.ac-video-player.medium .controls-play-pause-button {
  width: 52px;
  height: 52px
}

.ac-video-player.large .controls-play-pause-button {
  width: 86px;
  height: 86px
}

.controls-play-pause-button-container:active .controls-play-pause-button {
  -webkit-transform: scale(0.9) translateX(-50%) translateY(-50%);
  transform: scale(0.9) translateX(-50%) translateY(-50%)
}

.controls-play-pause-button::after {
  content: " ";
  display: block
}

.is-playing .controls-play-pause-button::after {
  display: none
}

.end-state .controls-play-pause-button::after {
  display: none
}

.controls-toggle-mute-volume-button {
  bottom: 0;
  width: 20px;
  max-width: 20px
}

.ac-video-player.small .controls-toggle-mute-volume-button {
  height: 36px
}

.ac-video-player.medium .controls-toggle-mute-volume-button {
  height: 36px
}

.ac-video-player.large .controls-toggle-mute-volume-button {
  height: 40px
}

.ac-video-player.small .controls-toggle-mute-volume-button {
  padding-left: 7px;
  padding-right: 7px;
  margin-left: -7px;
  margin-right: -7px
}

.ac-video-player.medium .controls-toggle-mute-volume-button {
  padding-left: 7px;
  padding-right: 7px;
  margin-left: -7px;
  margin-right: -7px
}

.ac-video-player.large .controls-toggle-mute-volume-button {
  padding-left: 7px;
  padding-right: 7px;
  margin-left: -7px;
  margin-right: -7px
}

.controls-text-tracks-toggle-button {
  width: 20px;
  max-width: 20px
}

.controls-text-tracks-toggle-button.no-text-tracks {
  display: none
}

.ac-video-controls.captions-selector-showing .controls-text-tracks-toggle-button {
  opacity: 1 !important
}

.controls-airplay-button {
  width: 20px;
  max-width: 20px
}

.controls-airplay-button.airplay-unsupported {
  display: none
}

.controls-picture-in-picture-button {
  width: 20px;
  max-width: 20px
}

.controls-picture-in-picture-button.picture-in-picture-unsupported {
  display: none
}

.controls-full-screen-button {
  width: 16px;
  max-width: 16px
}

.controls-full-screen-button.fullscreen-unsupported {
  display: none
}

.controls-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none
}

.ac-video-player.small .controls-progress {
  margin-left: 6px;
  margin-right: 6px;
  padding-right: 0 !important
}

.ac-video-player.medium .controls-progress {
  margin-left: 10px;
  margin-right: 10px
}

.ac-video-player.large .controls-progress {
  margin-left: 10px;
  margin-right: 10px
}

.ac-video-player.ac-video-live-dvr.small .controls-progress {
  padding-right: 7px !important
}

.controls-progress-bar {
  cursor: pointer;
  pointer-events: all;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px
}

.ac-video-player.small .controls-progress-bar {
  margin-right: 10px
}

.controls-progress-bar:hover .ac-slider-thumb-background {
  opacity: 1;
  -webkit-transform: scale(0.83333);
  transform: scale(0.83333);
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease
}

.controls-progress-bar:hover .ac-slider-chapter-container .ac-slider-chapter-marker {
  opacity: 0.56
}

.controls-progress-bar:active .ac-slider-thumb-background {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.controls-progress-time {
  color: #fff;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  line-height: 1;
  letter-spacing: -0.11px;
  position: relative
}

.ac-video-player.small .controls-progress-time {
  top: 13px
}

.ac-video-player.medium .controls-progress-time {
  top: 13px
}

.ac-video-player.large .controls-progress-time {
  top: 15px
}

.controls-progress-time .label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.ac-video-player.small .controls-progress-time-2 {
  display: none
}

.controls-elapsed-time, .controls-remaining-time {
  display: block
}

.controls-progress-dvr-label-container {
  display: none
}

.controls-time-maxwidth {
  display: block;
  visibility: hidden
}

.longform.ac-video-player .controls-time-maxwidth::after {
  content: ':4'
}

.controls-progress-indicator {
  width: 100%;
  height: 4px;
  position: relative
}

.ac-video-player.small .controls-progress-indicator {
  padding-top: 16px;
  padding-bottom: 16px
}

.ac-video-player.medium .controls-progress-indicator {
  padding-top: 16px;
  padding-bottom: 16px
}

.ac-video-player.large .controls-progress-indicator {
  padding-top: 18px;
  padding-bottom: 18px
}

.controls-progress-indicator .ac-slider-runnable-track {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: 100%
}

.controls-progress-indicator .ac-slider-ax-track {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%
}

.controls-progress-indicator .ac-slider-hover-track {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.controls-progress-indicator .ac-slider-hover-notch {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #fff;
  z-index: 9;
  opacity: 0;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  pointer-events: none
}

.hover.controls-progress-indicator .ac-slider-hover-notch {
  opacity: 1;
  -webkit-transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.1s cubic-bezier(0, 0, 0.2, 1)
}

.hover.controls-progress-indicator .ac-slider-hover-notch.hidden {
  opacity: 0
}

.controls-progress-indicator .ac-slider-hover-notch.invert-element {
  background: #000
}

.controls-progress-indicator .ac-slider-chapters-track {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2
}

.controls-progress-indicator .ac-slider-chapter-container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  height: 4px;
  width: 9px;
  padding: 18px 0;
  background-color: transparent;
  top: -18px;
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-right: 2px solid transparent;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
  cursor: pointer
}

.controls-progress-indicator .ac-slider-chapter-container.hidden-chapter {
  pointer-events: none
}

.controls-progress-indicator .ac-slider-chapter-container.hidden-chapter .ac-slider-chapter-marker {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker {
  position: relative;
  height: 4px;
  width: 4px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-transition: opacity 0.4s ease, border-radius 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.4s ease, border-radius 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.4s ease, border-radius 0.25s ease;
  transition: transform 0.25s ease, opacity 0.4s ease, border-radius 0.25s ease, -webkit-transform 0.25s ease;
  -webkit-transform: scaleX(0.25);
  transform: scaleX(0.25);
  border-radius: 0;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0)
}

.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker span {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0
}

.controls-progress-indicator .ac-slider-chapter-container .ac-slider-chapter-marker.invert-element {
  background: #000
}

.controls-progress-indicator .ac-slider-chapter-container::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  height: 10px;
  width: 10px
}

.controls-progress-indicator .ac-slider-chapter-container:hover .ac-slider-chapter-marker, .controls-progress-indicator .ac-slider-chapter-container:focus .ac-slider-chapter-marker {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  border-radius: 100%
}

.controls-progress-indicator .ac-slider-chapter-container:focus {
  outline: none
}

.controls-progress-indicator .ac-slider-chapter-container:focus::before {
  outline: 4px solid rgba(0, 125, 250, 0.6);
  outline-offset: 1px
}

.controls-progress-indicator .ac-slider-chapter-container:focus::before[data-focus-method="mouse"]:not(input):not(textarea):not(select), .controls-progress-indicator .ac-slider-chapter-container:focus::before[data-focus-method="touch"]:not(input):not(textarea):not(select) {
  outline: none
}

.controls-progress-indicator .ac-slider-inner-track {
  position: absolute;
  border-radius: 2px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1
}

.controls-progress-indicator .ac-slider-scrubbed {
  position: absolute;
  background: #fff;
  height: 4px;
  width: 100%;
  margin-left: calc(-100% + (4px / 2));
  z-index: 1
}

.controls-progress-indicator .ac-slider-buffered {
  position: absolute;
  background: #FFFFFF;
  height: 4px;
  border-radius: 2px;
  width: 100%;
  margin-left: calc(-100% + (4px / 2));
  opacity: 0.16
}

.controls-progress-indicator .ac-slider-thumb {
  border-radius: 50%;
  height: 4px;
  width: 4px;
  position: relative;
  z-index: 10
}

.controls-progress-indicator .ac-slider-thumb-background-wrapper {
  height: 12px;
  width: 12px;
  position: absolute;
  top: -18px;
  left: -4px;
  padding-top: 14px;
  padding-bottom: 14px
}

.controls-progress-indicator .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background, .controls-progress-indicator .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.controls-progress-indicator .ac-slider-thumb-background {
  background: #fff;
  border-radius: 50%;
  height: 12px;
  width: 100%;
  opacity: 0;
  -webkit-transform: scale(0.33333);
  transform: scale(0.33333);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 0.25s ease 0.25s, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease 0.25s, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease 0.25s;
  transition: transform 0.25s ease, opacity 0.25s ease 0.25s, -webkit-transform 0.25s ease;
  will-change: transform
}

.controls-progress-indicator .ac-slider-thumb-overlay {
  position: absolute;
  z-index: 1;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, #fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  height: 12px;
  -webkit-transform: scale(0.33333);
  transform: scale(0.33333);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  width: 100%
}

.controls-progress-indicator.ac-slider-inactive {
  pointer-events: none
}

.controls-progress-indicator.ac-slider-inactive .ac-slider-thumb {
  visibility: hidden
}

.controls-volume {
  cursor: pointer;
  max-width: 20px
}

.controls-volume:hover {
  height: 90px
}

.controls-volume .controls-volume-level-indicator {
  bottom: 35px;
  left: 5px;
  width: 4px;
  padding: 10px 10px 0 10px;
  height: 60px;
  position: absolute;
  pointer-events: none
}

.ac-video-controls.mobile .controls-volume .controls-volume-level-indicator {
  display: none
}

.controls-volume .controls-volume-level-indicator:active .ac-slider-thumb-background {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.controls-volume .ac-slider-runnable-track {
  border-radius: 2px;
  position: relative;
  width: 100%;
  height: 100%;
  left: -4px;
  padding-left: 4px;
  padding-right: 4px
}

.controls-volume .ac-slider-background {
  background: rgba(255, 255, 255, 0.32);
  border-radius: 2px;
  height: 100%;
  position: absolute;
  bottom: 0;
  width: 4px;
  height: 4px;
  opacity: 0;
  -webkit-transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
  transition: height 0.2345s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s
}

.controls-volume .ac-slider-inner-track {
  border-radius: 2px;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  height: 0;
  width: 4px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
  transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1), opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s
}

.controls-volume .ac-slider-thumb-wrapper {
  width: 12px;
  height: 0;
  bottom: 0;
  left: 1px;
  position: absolute;
  z-index: 10;
  -webkit-transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1);
  transition: height 0.335s cubic-bezier(0.4, 0, 0.6, 1)
}

.controls-volume .ac-slider-thumb {
  background: #fff;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: auto;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s, -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s;
  transition: opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s, -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s;
  transition: transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s, opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s;
  transition: transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s, opacity 0.067s cubic-bezier(0.4, 0, 0.6, 1) 0.335s, -webkit-transform 0.201s cubic-bezier(0.4, 0, 0.6, 1) 0.201s;
  will-change: transform
}

.controls-volume .ac-slider-thumb-background-wrapper {
  width: 12px;
  height: 12px;
  position: absolute;
  top: -1px;
  left: -1px
}

.controls-volume .ac-slider-thumb-background-wrapper:hover .ac-slider-thumb-background, .controls-volume .ac-slider-thumb-background-wrapper:active .ac-slider-thumb-background {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.controls-volume .ac-slider-thumb-background {
  background: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.83333);
  transform: scale(0.83333);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease
}

.controls-volume .ac-slider-scrubbed {
  background: #fff;
  bottom: calc(100% - (10px / 2));
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: margin-bottom 0.335s linear;
  transition: margin-bottom 0.335s linear;
  will-change: bottom
}

.controls-volume:hover, .controls-volume:hover .controls-volume-level-indicator, .controls-volume:active, .controls-volume:active .controls-volume-level-indicator, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive), .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator {
  pointer-events: all
}

.controls-volume:hover .ac-slider-ax-track, .controls-volume:hover .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume:active .ac-slider-ax-track, .controls-volume:active .controls-volume-level-indicator .ac-slider-ax-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-ax-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-volume-level-indicator .ac-slider-ax-track {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%
}

.controls-volume:hover .controls-toggle-mute-volume-button, .controls-volume:active .controls-toggle-mute-volume-button, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .controls-toggle-mute-volume-button {
  opacity: 1 !important
}

.controls-volume:hover .ac-slider-background, .controls-volume:active .ac-slider-background, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-background {
  height: 100%;
  opacity: 1;
  -webkit-transition: height 0.2345s ease-out, opacity 0.0335s ease-out;
  transition: height 0.2345s ease-out, opacity 0.0335s ease-out
}

.controls-volume:hover .ac-slider-inner-track, .controls-volume:hover .ac-slider-thumb-wrapper, .controls-volume:active .ac-slider-inner-track, .controls-volume:active .ac-slider-thumb-wrapper, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-inner-track, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb-wrapper {
  height: 100%;
  -webkit-transition: height 0.268s ease-out 0.067s;
  transition: height 0.268s ease-out 0.067s
}

.controls-volume:hover .ac-slider-thumb, .controls-volume:active .ac-slider-thumb, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-thumb {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.05025s ease-out 0.05025s, -webkit-transform 0.25125s ease-out 0.05025s;
  transition: opacity 0.05025s ease-out 0.05025s, -webkit-transform 0.25125s ease-out 0.05025s;
  transition: transform 0.25125s ease-out 0.05025s, opacity 0.05025s ease-out 0.05025s;
  transition: transform 0.25125s ease-out 0.05025s, opacity 0.05025s ease-out 0.05025s, -webkit-transform 0.25125s ease-out 0.05025s
}

.controls-volume:hover .ac-slider-scrubbed, .controls-volume:active .ac-slider-scrubbed, .controls-volume .controls-volume-level-indicator:not(.ac-slider-inactive) .ac-slider-scrubbed {
  margin-bottom: 5px;
  -webkit-transition: margin-bottom 0.335s linear;
  transition: margin-bottom 0.335s linear
}

.controls-progress-dvr-label-container, .live-stream {
  display: none;
  text-align: center;
  white-space: nowrap
}

.controls-progress-dvr-label-container .live-stream-text, .live-stream .live-stream-text {
  color: #fff;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  line-height: 1;
  font-size: 12px;
  letter-spacing: -0.01em;
  display: block;
  position: relative
}

.ac-video-player.small .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.small .live-stream .live-stream-text {
  top: 12px
}

.ac-video-player.medium .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.medium .live-stream .live-stream-text {
  top: 12px
}

.ac-video-player.large .controls-progress-dvr-label-container .live-stream-text, .ac-video-player.large .live-stream .live-stream-text {
  top: 14px
}

.controls-progress-dvr-label-container .live-stream-text::before, .live-stream .live-stream-text::before {
  content: '';
  width: 5px;
  height: 5px;
  background: rgba(255, 48, 55, 0.8);
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle
}

.ac-video-live .main-controls {
  max-width: 420px
}

.ac-video-live .controls-progress {
  display: none
}

.ac-video-live.ac-video-live-dvr .main-controls {
  max-width: 840px
}

.ac-video-live.ac-video-live-dvr .controls-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-time-2 {
  display: none
}

.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container {
  pointer-events: all;
  display: block;
  cursor: pointer
}

.ac-video-player.small .ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text {
  top: 13px
}

.ac-video-player.medium .ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text {
  top: 13px
}

.ac-video-player.large .ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text {
  top: 15px
}

.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container .live-stream-dvr-text::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 4px;
  background: rgba(255, 48, 55, 0.8);
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin-top: -1.99px
}

.ac-video-live.ac-video-live-dvr .controls-progress .controls-progress-dvr-label-container:not(.live) .live-stream-dvr-text::before {
  background: rgba(255, 255, 255, 0.56)
}

.ac-video-live.ac-video-live-dvr .live-stream {
  display: none
}

.ac-video-live .live-stream {
  display: block
}

.ac-video-player.small .loading-indicator {
  width: 52px;
  height: 52px;
  bottom: 4px;
  right: 2px
}

.ac-video-player.medium .loading-indicator {
  width: 86px;
  height: 86px;
  bottom: 8px;
  right: 2px
}

.ac-video-player.large .loading-indicator {
  width: 86px;
  height: 86px;
  bottom: 8px;
  right: 2px
}

.ac-video-player .loading-indicator-container {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  pointer-events: none;
  z-index: 15
}

.ac-video-player .loading-indicator {
  opacity: 0;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -webkit-transform: translateX(50%) translateY(50%);
  transform: translateX(50%) translateY(50%)
}

.ac-video-player.small.loading .loading-indicator>*, .ac-video-player.medium.loading .loading-indicator>* {
  width: 3px;
  height: 9px;
  border-radius: 1.5px
}

.ac-video-player.loading .controls-container {
  opacity: 1
}

.ac-video-player.loading .controls-container .controls-play-pause-button-container {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.ac-video-player.loading .loading-indicator-container {
  visibility: visible
}

.ac-video-player.loading .loading-indicator {
  display: block;
  opacity: 1
}

.ac-video-player.loading .loading-indicator>* {
  width: 5px;
  height: 15px;
  background: #d2d2d7;
  position: absolute;
  display: block;
  opacity: 0;
  border-radius: 2.5px;
  -webkit-animation-name: loading-fade;
  animation-name: loading-fade;
  -webkit-animation-direction: forward;
  animation-direction: forward;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3);
  animation-timing-function: cubic-bezier(1, 0.1, 0, 0.3)
}

.ac-video-player.loading .loading-indicator>*:nth-child(0) {
  -webkit-transform: rotate(-30deg) translate(0, -136%);
  transform: rotate(-30deg) translate(0, -136%);
  -webkit-animation-delay: -0.08333s;
  animation-delay: -0.08333s
}

.ac-video-player.loading .loading-indicator>*:nth-child(1) {
  -webkit-transform: rotate(0deg) translate(0, -136%);
  transform: rotate(0deg) translate(0, -136%);
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.ac-video-player.loading .loading-indicator>*:nth-child(2) {
  -webkit-transform: rotate(30deg) translate(0, -136%);
  transform: rotate(30deg) translate(0, -136%);
  -webkit-animation-delay: 0.08333s;
  animation-delay: 0.08333s
}

.ac-video-player.loading .loading-indicator>*:nth-child(3) {
  -webkit-transform: rotate(60deg) translate(0, -136%);
  transform: rotate(60deg) translate(0, -136%);
  -webkit-animation-delay: 0.16667s;
  animation-delay: 0.16667s
}

.ac-video-player.loading .loading-indicator>*:nth-child(4) {
  -webkit-transform: rotate(90deg) translate(0, -136%);
  transform: rotate(90deg) translate(0, -136%);
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s
}

.ac-video-player.loading .loading-indicator>*:nth-child(5) {
  -webkit-transform: rotate(120deg) translate(0, -136%);
  transform: rotate(120deg) translate(0, -136%);
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s
}

.ac-video-player.loading .loading-indicator>*:nth-child(6) {
  -webkit-transform: rotate(150deg) translate(0, -136%);
  transform: rotate(150deg) translate(0, -136%);
  -webkit-animation-delay: 0.41667s;
  animation-delay: 0.41667s
}

.ac-video-player.loading .loading-indicator>*:nth-child(7) {
  -webkit-transform: rotate(180deg) translate(0, -136%);
  transform: rotate(180deg) translate(0, -136%);
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s
}

.ac-video-player.loading .loading-indicator>*:nth-child(8) {
  -webkit-transform: rotate(210deg) translate(0, -136%);
  transform: rotate(210deg) translate(0, -136%);
  -webkit-animation-delay: 0.58333s;
  animation-delay: 0.58333s
}

.ac-video-player.loading .loading-indicator>*:nth-child(9) {
  -webkit-transform: rotate(240deg) translate(0, -136%);
  transform: rotate(240deg) translate(0, -136%);
  -webkit-animation-delay: 0.66667s;
  animation-delay: 0.66667s
}

.ac-video-player.loading .loading-indicator>*:nth-child(10) {
  -webkit-transform: rotate(270deg) translate(0, -136%);
  transform: rotate(270deg) translate(0, -136%);
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s
}

.ac-video-player.loading .loading-indicator>*:nth-child(11) {
  -webkit-transform: rotate(300deg) translate(0, -136%);
  transform: rotate(300deg) translate(0, -136%);
  -webkit-animation-delay: 0.83333s;
  animation-delay: 0.83333s
}

.ac-video-player.loading .loading-indicator>*:nth-child(12) {
  -webkit-transform: rotate(330deg) translate(0, -136%);
  transform: rotate(330deg) translate(0, -136%);
  -webkit-animation-delay: 0.91667s;
  animation-delay: 0.91667s
}

@-webkit-keyframes loading-fade {
  from {
    opacity: 1
  }

  75% {
    opacity: 0.12
  }

  to {
    opacity: 0.12
  }
}

@keyframes loading-fade {
  from {
    opacity: 1
  }

  75% {
    opacity: 0.12
  }

  to {
    opacity: 0.12
  }
}

.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay {
  bottom: 16px
}

.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-image {
  display: none
}

.ac-video-player.small .ac-video-overlay-container div .ac-video-trickplay-chapter-title {
  display: none
}

.ac-video-player.small .ac-slider-chapters-track {
  display: none
}

.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay {
  width: 96px;
  bottom: 26px
}

.ac-video-player.medium .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
  height: 56px
}

.ac-video-player.medium .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 40px
}

.ac-video-player.medium .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 96px
}

.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
  width: 56px;
  bottom: 26px
}

.ac-video-player.medium .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 96px
}

.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay {
  width: 144px;
  bottom: 36px
}

.ac-video-player.large .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
  height: 81px
}

.ac-video-player.large .ac-video-overlay-container div.tft-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 60px
}

.ac-video-player.large .ac-video-overlay-container div.square-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 144px
}

.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay {
  width: 81px;
  bottom: 36px
}

.ac-video-player.large .ac-video-overlay-container div.vertical-video .ac-video-trickplay .ac-video-trickplay-image {
  height: 144px
}

.ac-video-player .ac-video-overlay-container {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 11
}

.ac-video-player .ac-video-overlay-container.hidden {
  display: none
}

.ac-video-player .ac-video-overlay-container div {
  bottom: 0;
  position: absolute;
  width: 100%
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image {
  position: relative;
  margin-bottom: 11px;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1) 0.05s, transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1) 0.05s
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-image.hidden {
  opacity: 0;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
  margin-bottom: 13px;
  width: 180px;
  text-align: center;
  position: relative;
  color: #fff;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  line-height: 1;
  letter-spacing: -.09px;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title {
  margin-bottom: 5px;
  text-align: center;
  position: relative;
  color: #fff;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 1;
  letter-spacing: -.09px;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1), transform 0.35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.35s cubic-bezier(0, 0, 0.2, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title.hidden {
  display: none
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title:not(:last-child) {
  width: 180px
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-image {
  opacity: 0;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-time {
  opacity: 0;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay.hidden .ac-video-trickplay-chapter-title {
  opacity: 0;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.6, 1), transform 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.6, 1)
}

.ac-video-player.user-hover .start-state .ac-video-overlay-container, .ac-video-player.user-hover .end-state .ac-video-overlay-container {
  visibility: hidden
}

.ac-video-player.user-hover .ac-video-overlay-container {
  visibility: visible
}

.ac-video-player .end-state-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 82px;
  pointer-events: none
}

.ac-video-player .end-state-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  width: 100%;
  height: 100%;
  padding: 0 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  pointer-events: all;
  cursor: default;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

.ac-video-player .end-state-container .end-state-item {
  opacity: 0
}

.ac-video-player .end-state-container .end-state-item .end-state-link {
  text-decoration: none
}

.ac-video-player .end-state-container .end-state-item:hover .end-state-text-container:before {
  opacity: 1
}

.ac-video-player .end-state-container .end-state-item .end-state-text-container {
  display: inline-block;
  position: relative
}

.ac-video-player .end-state-container .end-state-item .end-state-text-container:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 2px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease
}

.ac-video-player .end-state .end-state-container {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1);
  visibility: visible
}

.ac-video-player .end-state .end-state-container.hidden {
  display: none
}

.ac-video-player .end-state .end-state-container:hover .end-state-item:hover {
  opacity: 1
}

.ac-video-player .end-state .end-state-container .end-state-item {
  margin: 0 auto;
  font-size: 17px;
  letter-spacing: -0.37px;
  line-height: 21px;
  opacity: 0.8;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease
}

.ac-video-player .end-state .end-state-container .end-state-item:first-child {
  padding-top: 0.2em;
  padding-bottom: 0.2em
}

.ac-video-player .end-state .end-state-container .end-state-item:last-child {
  padding-top: 0.2em
}

.ac-video-player .end-state .end-state-container .end-state-item:only-child {
  padding-top: 0;
  padding-bottom: 0
}

.ac-video-player .end-state .end-state-container .end-state-item .end-state-link {
  color: #fff
}

.ac-video-player.medium .end-state-wrapper {
  height: 72px
}

.ac-video-player.medium .end-state-container {
  padding: 0 20px 20px
}

.ac-video-player.medium .end-state-item {
  font-size: 17px;
  letter-spacing: -0.37px;
  line-height: 25px
}

.ac-video-player.small .end-state-wrapper {
  height: 58px
}

.ac-video-player.small .end-state-container {
  padding: 0 10px 10px
}

.ac-video-player.small .end-state .end-state-container .end-state-item {
  font-size: 14px;
  letter-spacing: -0.22px;
  line-height: 20px
}

.ac-video-player.small .end-state .end-state-container .end-state-item:only-child {
  padding-bottom: 10px
}

html[dir="rtl"] .controls-social-tray {
  direction: rtl
}

.sharing-state {
  text-align: center;
  pointer-events: none
}

.ac-video-player.small .sharing-state {
  height: 40px
}

.ac-video-player.medium .sharing-state {
  height: 48px
}

.ac-video-player.large .sharing-state {
  height: 54px
}

.sharing-state .acv-fb-share {
  width: 1em;
  max-width: 1em;
  background-size: 16px
}

.mobile.sharing-state .acv-fb-share {
  background-size: 21.6px
}

.sharing-state .acv-tw-share {
  width: 1.1875em;
  max-width: 1.1875em;
  background-size: 19px
}

.mobile.sharing-state .acv-tw-share {
  background-size: 25.65px
}

.sharing-state .copy-link {
  width: 1.0625em;
  max-width: 1.0625em;
  background-size: 17px
}

.mobile.sharing-state .copy-link {
  background-size: 22.95px
}

.sharing-state .copy-embed-code {
  display: none !important
}

.sharing-state.embed-enabled .copy-embed-code {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 1.5em;
  max-width: 1.5em;
  background-size: 24px
}

.mobile.sharing-state.embed-enabled .copy-embed-code {
  background-size: 32.4px
}

.sharing-state .textinput-close-button {
  width: 13px;
  background-size: 13px
}

.mobile.sharing-state .textinput-close-button {
  width: 17.55px;
  background-size: 17.55px
}

.sharing-state .container {
  background: rgba(110, 110, 115, 0.4);
  border-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  padding-left: 5px;
  padding-right: 5px
}

.mobile.sharing-state .container {
  padding-left: 6.75px;
  padding-right: 6.75px
}

.ac-video-player.small .sharing-state .container {
  margin-top: 10px
}

.ac-video-player.medium .sharing-state .container {
  margin-top: 18px
}

.ac-video-player.large .sharing-state .container {
  margin-top: 24px
}

.sharing-state .container.hidden {
  display: none
}

.sharing-state .container button {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30px
}

.mobile.sharing-state .container button {
  height: 40.5px
}

.sharing-state .container .sharing-button-container button {
  pointer-events: auto;
  font: initial;
  opacity: 0.8;
  -webkit-transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, padding 0.19s ease-out, -webkit-transform 0.19s ease-out;
  transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, padding 0.19s ease-out, -webkit-transform 0.19s ease-out;
  transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, padding 0.19s ease-out, transform 0.19s ease-out;
  transition: opacity 0.342s ease-out 0.038s, max-width 0.19s ease-out, padding 0.19s ease-out, transform 0.19s ease-out, -webkit-transform 0.19s ease-out;
  font-size: 16px;
  padding-left: 9px;
  padding-right: 9px
}

.mobile.sharing-state .container .sharing-button-container button {
  font-size: 21.6px;
  padding-left: 12.15px;
  padding-right: 12.15px
}

.sharing-state .container .sharing-button-container button.hide-button {
  display: none
}

.sharing-state .container .textarea-container {
  font-size: 0;
  visibility: hidden
}

.sharing-state .container .textarea-container span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.sharing-state .container .textarea-container .copy-area {
  background: none;
  border: none;
  color: #fff;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  width: 0;
  margin: 0;
  padding-left: 1px;
  padding-right: 1px;
  text-align: left;
  -webkit-transition: width 0.38s ease-out, -webkit-transform 0.38s ease-out;
  transition: width 0.38s ease-out, -webkit-transform 0.38s ease-out;
  transition: width 0.38s ease-out, transform 0.38s ease-out;
  transition: width 0.38s ease-out, transform 0.38s ease-out, -webkit-transform 0.38s ease-out;
  -webkit-transition-duration: 0.19s;
  transition-duration: 0.19s;
  font-size: 11px
}

.sharing-state .container .textarea-container .copy-area:focus {
  outline: none
}

.mobile.sharing-state .container .textarea-container .copy-area {
  font-size: 14.85px
}

.sharing-state .container .textarea-container .textinput-close-button {
  opacity: 0;
  max-width: 0;
  padding: 0;
  -webkit-transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out;
  transition: opacity 0.38s ease-out, max-width 0.19s ease-out, padding 0.19s ease-out
}

.sharing-state .container.textarea-active {
  pointer-events: all;
  background: rgba(110, 110, 115, 0.56)
}

.sharing-state .container.textarea-active .textarea-container {
  visibility: visible
}

.sharing-state .container.textarea-active .textarea-container .copy-area {
  width: 212px;
  -webkit-transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), transform 0.38s cubic-bezier(0, 0, 0.2, 1);
  transition: width 0.38s cubic-bezier(0, 0, 0.2, 1), transform 0.38s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.38s cubic-bezier(0, 0, 0.2, 1)
}

.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
  opacity: 0.8;
  padding-left: 9px;
  padding-right: 9px;
  -webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1) 0.19s, max-width 0.19s cubic-bezier(0, 0, 0.2, 1), padding 0.19s cubic-bezier(0, 0, 0.2, 1);
  max-width: 13px
}

.mobile.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
  max-width: 17.55px
}

.sharing-state .container.textarea-active .sharing-container button:not(.active) {
  opacity: 0;
  max-width: 0;
  padding: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1), max-width 0.38s cubic-bezier(0, 0, 0.2, 1), padding 0.38s cubic-bezier(0, 0, 0.2, 1)
}

.sharing-state .container.textarea-active .sharing-container button.active {
  opacity: 0.8;
  visibility: visible;
  -webkit-transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.19s cubic-bezier(0, 0, 0.2, 1)
}

.threesixty-ui {
  cursor: -webkit-grab;
  cursor: grab
}

.threesixty-ui .ac-video-controls .compass-wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.threesixty-video .ac-video-controls .compass-wrapper {
  display: inline-block
}

.ac-video-controls .compass-wrapper {
  display: none
}

.compass-wrapper {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  overflow: visible;
  position: absolute;
  top: calc(50% - (38px / 2));
  right: 24px;
  height: 38px;
  width: 38px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), transform 0.5s cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1), transform 0.5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.6, 1)
}

.compass-wrapper .compass-background {
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s, -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s
}

.compass-wrapper.show-arrows .compass-background {
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
  -webkit-transition: -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1);
  transition: -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.335s cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 0.335s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 0.335s cubic-bezier(0.4, 0, 0.6, 1)
}

.compass-wrapper .compass {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  cursor: inherit;
  width: 38px;
  height: 38px
}

.compass-wrapper .compass-ring {
  width: 38px;
  max-width: 38px;
  position: absolute;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 0px;
  margin-left: 0px;
  pointer-events: none;
  will-change: transform
}

.compass-wrapper:hover {
  cursor: pointer
}

.compass-wrapper .compass-field {
  width: 38px;
  max-width: 38px;
  height: 38px;
  position: absolute;
  top: 0;
  margin-top: 0px;
  margin-left: 0px;
  pointer-events: none
}

.compass-wrapper .compass-arrows {
  pointer-events: none;
  position: absolute;
  width: 68px;
  height: 68px;
  top: -15px;
  left: -15px;
  opacity: 0;
  -webkit-transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s
}

.compass-wrapper .compass-arrows .compass-arrow-top, .compass-wrapper .compass-arrows .compass-arrow-right, .compass-wrapper .compass-arrows .compass-arrow-bottom, .compass-wrapper .compass-arrows .compass-arrow-left {
  border: 0;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent;
  pointer-events: none;
  cursor: inherit;
  position: absolute;
  width: 19px;
  height: 19px;
  opacity: 0.56;
  will-change: opacity;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s;
  transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s;
  transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s;
  transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s, -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.03s
}

.compass-wrapper .compass-arrows .compass-arrow-top:focus, .compass-wrapper .compass-arrows .compass-arrow-top:active, .compass-wrapper .compass-arrows .compass-arrow-right:focus, .compass-wrapper .compass-arrows .compass-arrow-right:active, .compass-wrapper .compass-arrows .compass-arrow-bottom:focus, .compass-wrapper .compass-arrows .compass-arrow-bottom:active, .compass-wrapper .compass-arrows .compass-arrow-left:focus, .compass-wrapper .compass-arrows .compass-arrow-left:active {
  opacity: 1
}

.ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-top, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-right, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-bottom, .ac-video-controls.mobile .compass-wrapper .compass-arrows .compass-arrow-left {
  pointer-events: all
}

.compass-wrapper .compass-arrows .compass-arrow-top {
  top: 0;
  left: 24px;
  -webkit-transform: rotate(-90deg) translateX(-7px) scale(0.55);
  transform: rotate(-90deg) translateX(-7px) scale(0.55)
}

.compass-wrapper .compass-arrows .compass-arrow-right {
  top: 24px;
  left: 47px;
  -webkit-transform: translateX(-7px) scale(0.55);
  transform: translateX(-7px) scale(0.55)
}

.compass-wrapper .compass-arrows .compass-arrow-bottom {
  top: 48px;
  left: 25px;
  -webkit-transform: rotate(90deg) translateX(-7px) scale(0.55);
  transform: rotate(90deg) translateX(-7px) scale(0.55)
}

.compass-wrapper .compass-arrows .compass-arrow-left {
  top: 24px;
  left: 2px;
  -webkit-transform: rotate(180deg) translateX(-7px) scale(0.55);
  transform: rotate(180deg) translateX(-7px) scale(0.55)
}

.compass-wrapper.show-arrows .compass-arrows {
  opacity: 1;
  -webkit-transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: opacity 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s
}

.compass-wrapper.show-arrows .compass-arrow-top, .compass-wrapper.show-arrows .compass-arrow-right, .compass-wrapper.show-arrows .compass-arrow-bottom, .compass-wrapper.show-arrows .compass-arrow-left {
  pointer-events: all;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s;
  transition: transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s, -webkit-transform 0.275s cubic-bezier(0.4, 0, 0.6, 1) 0.06s
}

.compass-wrapper.show-arrows .compass-arrow-top {
  -webkit-transform: rotate(-90deg) translateX(0) scale(1);
  transform: rotate(-90deg) translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-right {
  -webkit-transform: translateX(0) scale(1);
  transform: translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-bottom {
  -webkit-transform: rotate(90deg) translateX(0) scale(1);
  transform: rotate(90deg) translateX(0) scale(1)
}

.compass-wrapper.show-arrows .compass-arrow-left {
  -webkit-transform: rotate(180deg) translateX(0) scale(1);
  transform: rotate(180deg) translateX(0) scale(1)
}

.ac-video-controls.start-state .compass-wrapper {
  visibility: hidden;
  pointer-events: none;
  opacity: 0
}

.ac-video-controls.end-state .compass-wrapper {
  visibility: hidden;
  pointer-events: none;
  opacity: 0
}

.threesixty-ui .compass-wrapper {
  opacity: 1;
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  transition: opacity 0.4s cubic-bezier(0, 0, 0.2, 1) 0.25s, transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s, -webkit-transform 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s
}

.mouse-leave .compass-wrapper {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s
}

.dragging .compass-wrapper {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.dragging .compass {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.ac-video-player .error-state-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  visibility: hidden
}

.ac-video-player .error-state-wrapper .error-state-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  pointer-events: all;
  cursor: default;
  background: rgba(0, 0, 0, 0.67)
}

.ac-video-player .error-state-wrapper .error-state-container .error-state-message {
  background-color: rgba(29, 29, 31, 0.8);
  border-radius: 6px;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 17px;
  color: white;
  opacity: 1;
  letter-spacing: -0.37px;
  text-align: center;
  line-height: 20px;
  min-width: 40px;
  max-width: 360px;
  padding: 10px 16px;
  outline: none
}

.ac-video-player:not(.idle-state).media-error .ac-video-controls {
  opacity: 0;
  visibility: hidden
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper {
  visibility: visible;
  pointer-events: all
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  visibility: visible
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container.hidden {
  display: none
}

.ac-video-player:not(.idle-state).media-error .error-state-wrapper .error-state-container:hover .end-state-item:hover {
  opacity: 1
}

.ac-player-tablet .modal {
  display: none
}

.has-modal.modal-open .modal {
  display: block
}

.modal .ac-video-player {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.modal .ac-video-player:before {
  z-index: 1
}

.modal .ac-video-player .ac-video-not-supported {
  background-color: transparent !important
}

@media (orientation: landscape) {
  .modal .ac-player-container.ac-films-modal-mobile .ac-video-player {
    margin: 56px
  }
}

.ac-modal-video-pip {
  opacity: 0;
  pointer-events: none;
  display: block
}

.modal .modal-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.modal .modal-content.center-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.modal .modal-content.center-horizontal .ac-player-container {
  position: relative;
  width: auto
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio {
  max-width: 1536px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player {
  max-height: 640px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio {
  max-width: 1624px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-19x9-aspect-ratio .ac-video-player {
  max-height: 750px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio {
  max-width: 563px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-9x19-aspect-ratio .ac-video-player {
  max-height: 1218px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio {
  max-width: 960px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-square-aspect-ratio .ac-video-player {
  max-height: 960px;
  margin: 0px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio {
  max-width: 540px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio.ac-films-modal-mobile {
  max-width: 720px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-video-vertical-aspect-ratio .ac-video-player {
  max-height: 960px;
  margin: 0px
}

.modal .modal-content.center-horizontal .ac-player-container.ac-films-modal-mobile .ac-video-player {
  max-height: 85vh
}

.modal .modal-content.center-horizontal .ac-player-container .ac-video-player {
  width: auto;
  height: 100vh;
  max-height: 720px
}

.modal .modal-content.center-horizontal .ac-player-container .ac-video-player video {
  width: auto;
  min-width: 320px
}

.modal .modal-content .ac-player-container {
  max-width: 1280px;
  width: 100vw;
  min-width: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio, .modal .modal-content .ac-player-container.ac-video-cinematic-aspect-ratio .ac-video-player .ac-video-poster {
  max-width: 1536px
}

.modal .modal-content .ac-player-container.ac-films-modal-mobile {
  min-width: 0px
}

.modal .modal-content .ac-player-container .ac-video-player {
  overflow: hidden;
  position: relative;
  width: 100%;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modal .modal-content .ac-player-container .ac-video-player video {
  max-height: 100vh;
  max-width: 100vw
}

.modal .modal-content .ac-player-container .ac-video-player .ac-video-poster {
  top: auto;
  left: auto;
  justify-self: center;
  -ms-flex-item-align: center;
  align-self: center
}

.ac-video-player.ac-films-handheld-player {
  position: fixed;
  z-index: -1;
  visibility: hidden;
  width: 1px;
  height: 1px;
  top: 50%;
  left: 50%
}

.ac-video-player.ac-films-handheld-player .error-state-wrapper {
  display: none
}

.ac-video-player.ac-films-handheld-player.player-fullscreen {
  visibility: visible
}