.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%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%2366bbff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M10.8%2C9.4c-0.4-0.7-1.2-0.7-1.6%2C0l-3.7%2C5.4C5%2C15.5%2C5.3%2C16%2C6.1%2C16h7.8c0.8%2C0%2C1.1-0.5%2C0.6-1.2L10.8%2C9.4z%20M20%2C2.6%0A%09v6.7c0%2C1.4-1.2%2C2.6-2.6%2C2.6H16c-0.3%2C0-0.5-0.2-0.5-0.5S15.7%2C11%2C16%2C11h1.4c0.9%2C0%2C1.6-0.7%2C1.6-1.6V2.6C19%2C1.7%2C18.3%2C1%2C17.4%2C1H2.6%0A%09C1.7%2C1%2C1%2C1.7%2C1%2C2.6v6.7C1%2C10.3%2C1.7%2C11%2C2.6%2C11H4c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5S4.3%2C12%2C4%2C12H2.6C1.2%2C12%2C0%2C10.8%2C0%2C9.4V2.6C0%2C1.2%2C1.2%2C0%2C2.6%2C0%0A%09h14.8C18.8%2C0%2C20%2C1.2%2C20%2C2.6z%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_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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%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%22M53%2C15h6c1.66%2C0%2C3%2C1.34%2C3%2C3v50c0%2C1.66-1.34%2C3-3%2C3h-6c-1.66%2C0-3-1.34-3-3V18C50%2C16.34%2C51.34%2C15%2C53%2C15z%0A%09%20M24%2C18v50c0%2C1.66%2C1.34%2C3%2C3%2C3h6c1.66%2C0%2C3-1.34%2C3-3V18c0-1.66-1.34-3-3-3h-6C25.34%2C15%2C24%2C16.34%2C24%2C18z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%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%22M72.05%2C41.32c-0.31-0.53-0.64-0.86-1.21-1.24S29.7%2C13.49%2C29%2C13.12s-1.04-0.62-1.85-0.63%0A%09s-1.24%2C0.2-1.73%2C0.49s-1.07%2C0.99-1.24%2C1.74s-0.17%2C2.16-0.17%2C3V66.1c0%2C0.39%2C0%2C1.1%2C0%2C2.15c0%2C0.85-0.01%2C2.26%2C0.17%2C3%0A%09s0.75%2C1.45%2C1.24%2C1.74s0.92%2C0.51%2C1.73%2C0.49s1.15-0.25%2C1.85-0.63S70.37%2C46.2%2C70.84%2C45.89c0.48-0.31%2C0.9-0.69%2C1.21-1.24%0A%09s0.45-1.1%2C0.45-1.67C72.5%2C42.43%2C72.36%2C41.85%2C72.05%2C41.32z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%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%22M42.52%2C25.46l-3.68%2C4.12c-1.1%2C1.24-1%2C3.13%2C0.24%2C4.24l2.24%2C2c1.24%2C1.1%2C3.13%2C1%2C4.24-0.24l10.59-11.84%0A%09%09%09c0.53-0.65%2C0.82-1.39%2C0.82-2.2c0-0.88-0.34-1.69-0.9-2.29L45.46%2C7.49c-1.11-1.23-3.01-1.33-4.24-0.22l-2.23%2C2.01%0A%09%09%09c-1.23%2C1.11-1.33%2C3.01-0.22%2C4.24l2.74%2C3.04C26.74%2C17.32%2C15%2C29.55%2C15%2C44.51C15%2C59.97%2C27.53%2C72.5%2C42.99%2C72.5%0A%09%09%09c14.71%2C0%2C26.96-11.39%2C28-25.97c0.07-1.08-0.11-1.64-0.51-2.23c-0.4-0.6-1.27-1.3-2.41-1.3h-3.09c-1.43%2C0-2.8%2C1.23-2.89%2C2.71%0A%09%09%09c-0.63%2C10-9.03%2C17.85-19.1%2C17.85c-10.52%2C0-19.05-8.53-19.05-19.05C23.94%2C34.14%2C32.22%2C25.71%2C42.52%2C25.46z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.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,%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%3Ccircle%20style%3D%22opacity%3A0.4%3Bfill%3A%23666666%3B%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.cursor-pointer {
    cursor: pointer
}

.ac-video-player {
    cursor: none
}

.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:-moz-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 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(34, 34, 34, 0.56);
    border-radius: 4px;
    position: absolute;
    bottom: 20px;
    left: -7px;
    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.hidden {
    visibility: hidden
}

.ac-video-controls.start-state .controls-container {
    opacity: 1;
    background: rgba(0, 0, 0, 0.15);
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: all .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.55);
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: all .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.55)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
    background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
    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
}

.ac-video-controls .center-button-container {
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 16px 20px
}

.ac-video-player.large .ac-video-controls .main-controls {
    padding: 0 31px 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: 9px;
    padding-right: 9px
}

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

.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 .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s
}

.user-hover .controls-social-tray {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, transform .5s cubic-bezier(0, 0, 0.2, 1) .3s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s
}

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

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

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

.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 .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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
}

.ac-video-icon {
    background-position: 50% 50%;
    opacity: .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: .45 !important
}

.sharing-state:hover .textarea-active .ac-video-icon {
    opacity: .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: 9px;
    padding-right: 9px;
    margin-left: -9px;
    margin-right: -9px
}

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

.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: 0;
    padding-right: 0 !important
}

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

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

.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: 13px
}

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

.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;
    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-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.35);
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 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: #333;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1)
}

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

.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))
}

.controls-progress-indicator .ac-slider-thumb {
    background: #fff;
    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%;
    -webkit-transform: scale(.33333);
    transform: scale(.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;
    will-change: transform
}

.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: 7px;
    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.3);
    border-radius: 2px;
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 4px;
    height: 4px;
    opacity: 0;
    -webkit-transition: height .2345s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: height .2345s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .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 .335s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: height .335s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s
}

.controls-volume .ac-slider-thumb-wrapper {
    width: 12px;
    height: 0;
    bottom: 0;
    left: 1px;
    position: absolute;
    z-index: 10;
    -webkit-transition: height .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: height .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(.4);
    transform: scale(.4);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    transition: opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    transition: transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s, opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s, opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .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(.83333);
    transform: scale(.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 .335s linear;
    transition: margin-bottom .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 .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 .2345s ease-out, opacity .0335s ease-out;
    transition: height .2345s ease-out, opacity .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 .268s ease-out .067s;
    transition: height .268s ease-out .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 .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s;
    transition: opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s;
    transition: transform .25125s ease-out .05025s, opacity .05025s ease-out .05025s;
    transition: transform .25125s ease-out .05025s, opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .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 .335s linear;
    transition: margin-bottom .335s linear
}

.live-stream {
    display: none;
    text-align: center;
    white-space: nowrap
}

.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 .live-stream .live-stream-text {
    top: 12px
}

.ac-video-player.medium .live-stream .live-stream-text {
    top: 12px
}

.ac-video-player.large .live-stream .live-stream-text {
    top: 14px
}

.live-stream .live-stream-text::before {
    content: '';
    width: 5px;
    height: 5px;
    background: rgba(255, 51, 51, 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 .live-stream {
    display: block
}

.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.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 .ac-video-trickplay-image {
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, transform .35s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s
}

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

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
    margin-top: 8px;
    margin-bottom: 12px;
    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;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), transform .35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1)
}

.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 .35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .5s cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .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: .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 .facebook-share {
    width: 1em;
    max-width: 1em;
    background-size: 16px
}

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

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

.mobile.sharing-state .twitter-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(102, 102, 102, 0.4);
    border-radius: 4px;
    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: .8;
    -webkit-transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, -webkit-transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, -webkit-transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out, -webkit-transform .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 .38s ease-out, -webkit-transform .38s ease-out;
    transition: width .38s ease-out, -webkit-transform .38s ease-out;
    transition: width .38s ease-out, transform .38s ease-out;
    transition: width .38s ease-out, transform .38s ease-out, -webkit-transform .38s ease-out;
    -webkit-transition-duration: .19s;
    transition-duration: .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 .38s ease-out, max-width .19s ease-out, padding .19s ease-out;
    transition: opacity .38s ease-out, max-width .19s ease-out, padding .19s ease-out
}

.sharing-state .container.textarea-active {
    pointer-events: all;
    background: rgba(102, 102, 102, 0.55)
}

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

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

.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
    opacity: .8;
    padding-left: 9px;
    padding-right: 9px;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1) .19s, max-width .19s cubic-bezier(0, 0, 0.2, 1), padding .19s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1) .19s, max-width .19s cubic-bezier(0, 0, 0.2, 1), padding .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 .19s cubic-bezier(0, 0, 0.2, 1), max-width .38s cubic-bezier(0, 0, 0.2, 1), padding .38s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1), max-width .38s cubic-bezier(0, 0, 0.2, 1), padding .38s cubic-bezier(0, 0, 0.2, 1)
}

.sharing-state .container.textarea-active .sharing-container button.active {
    opacity: .8;
    visibility: visible;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .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 .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s
}

.compass-wrapper.show-arrows .compass-background {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transition: -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform .335s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .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: .45;
    will-change: opacity;
    -webkit-transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .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(.55);
    transform: rotate(-90deg) translateX(-7px) scale(.55)
}

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

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

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

.compass-wrapper.show-arrows .compass-arrows {
    opacity: 1;
    -webkit-transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .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 .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .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 .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s
}

.mouse-leave .compass-wrapper {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: .05s;
    transition-delay: .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(34, 34, 34, 0.8);
    border-radius: 4px;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    color: #fff;
    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
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0
}

ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
p,
blockquote,
figure,
form,
fieldset,
input,
legend,
pre,
abbr,
button {
    margin: 0;
    padding: 0
}

pre,
code,
address,
caption,
th,
figcaption {
    font-size: 1em;
    font-weight: normal;
    font-style: normal
}

fieldset,
iframe,
img {
    border: 0
}

caption,
th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article,
aside,
footer,
header,
nav,
main,
section,
summary,
details,
hgroup,
figure,
figcaption {
    display: block
}

audio,
canvas,
video,
progress {
    display: inline-block;
    vertical-align: baseline
}

button {
    background: none;
    border: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
    overflow: visible;
    vertical-align: inherit
}

button:disabled {
    cursor: default
}

:focus {
    outline: 3px solid #c1e0fe;
    outline: 3px solid rgba(131, 192, 253, 0.5);
    outline-offset: 1px
}

:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    outline: none
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media print {
    body,
    #main,
    #content {
        color: #000
    }
    a,
    a:link,
    a:visited {
        color: #000;
        text-decoration: none
    }
    #globalheader,
    #globalfooter,
    #directorynav,
    #tabs,
    .noprint,
    .hide {
        display: none
    }
}

html {
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 106.25%;
    quotes: "“" "”"
}

[lang]:lang(ar) {
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(ja) {
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(ko) {
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

[lang]:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

:lang(cs) {
    quotes: "„" "“"
}

:lang(de) {
    quotes: "„" "“"
}

:lang(de-CH) {
    quotes: "« " " »"
}

:lang(fr) {
    quotes: "« " " »"
}

:lang(es-ES) {
    quotes: "«" "»"
}

:lang(hu) {
    quotes: "„" "“"
}

:lang(ja-JP) {
    quotes: "「" "」"
}

:lang(no-NO) {
    quotes: "«" "»"
}

:lang(pl) {
    quotes: "„" "“"
}

:lang(ru) {
    quotes: "« " " »"
}

:lang(zh) {
    quotes: "「" "」"
}

:lang(zh-CN) {
    quotes: "“" "”"
}

body {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #fff;
    color: #333;
    font-style: normal
}

body:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(ko) {
    line-height: 1.61765;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh) {
    letter-spacing: 0em
}

body:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

body,
input,
textarea,
select,
button {
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    display: block;
    margin: 0
}

h1+*,
h2+*,
h3+*,
h4+*,
h5+*,
h6+* {
    margin-top: .8em
}

h1+h1,
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h1,
h2+h2,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h1,
h3+h2,
h3+h3,
h3+h4,
h3+h5,
h3+h6,
h4+h1,
h4+h2,
h4+h3,
h4+h4,
h4+h5,
h4+h6,
h5+h1,
h5+h2,
h5+h3,
h5+h4,
h5+h5,
h5+h6,
h6+h1,
h6+h2,
h6+h3,
h6+h4,
h6+h5,
h6+h6 {
    margin-top: .4em
}

p+h1,
ul+h1,
ol+h1,
p+h2,
ul+h2,
ol+h2,
p+h3,
ul+h3,
ol+h3,
p+h4,
ul+h4,
ol+h4,
p+h5,
ul+h5,
ol+h5,
p+h6,
ul+h6,
ol+h6 {
    margin-top: 1.6em
}

p+*,
ul+*,
ol+* {
    margin-top: .8em
}

ul,
ol {
    margin-left: 1.17647em
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-top: 0;
    margin-bottom: 0
}

nav ul,
nav ol {
    margin: 0;
    list-style: none
}

li li {
    font-size: 1em
}

a {
    color: #0070c9
}

a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

a:active {
    text-decoration: none
}

p+a {
    display: inline-block
}

.links-inline,
.links-stacked {
    margin-left: 0;
    margin-right: 0;
    list-style: none
}

.links-inline li {
    display: inline;
    margin: 0 0.8em
}

.links-inline li:first-child {
    margin-left: 0
}

.links-inline li:last-child {
    margin-right: 0
}

.links-stacked li {
    margin: 0;
    display: block
}

.links-stacked li+li {
    margin-top: .4em
}

.footnote {
    vertical-align: inherit;
    color: inherit
}

.footnote:hover {
    color: #0070c9;
    text-decoration: none
}

.theme-dark .footnote {
    color: inherit
}

.theme-dark .footnote:hover {
    color: #6bf
}

b,
strong {
    font-weight: 600
}

em,
i,
cite,
dfn {
    font-style: italic
}

sup {
    font-size: .6em;
    vertical-align: top;
    position: relative;
    bottom: -.2em
}

h1 sup,
h2 sup,
h3 sup {
    font-size: .4em
}

sup a {
    vertical-align: inherit;
    color: inherit
}

sup a:hover {
    color: #0070c9;
    text-decoration: none
}

sub {
    line-height: 1
}

abbr {
    border: 0
}

:lang(ja),
:lang(ko),
:lang(th),
:lang(zh) {
    font-style: normal
}

:lang(ko) {
    word-break: keep-all
}

.selfclear::before,
.selfclear::after {
    content: ' ';
    display: table
}

.selfclear::after {
    clear: both
}

.visuallyhidden {
    position: absolute;
    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
}

@media only screen and (inverted-colors) {
    .no-inversion {
        -webkit-filter: invert(1);
        filter: invert(1)
    }
}

.nowrap {
    display: inline-block;
    text-decoration: inherit;
    white-space: nowrap
}

.clear {
    clear: both
}

.cursor-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.cursor-grabbing {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.row {
    position: relative;
    z-index: 1
}

.row::before,
.row::after {
    content: ' ';
    display: table
}

.row::after {
    clear: both
}

.column {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    float: left;
    min-height: 2px
}

.large-offset-0 {
    margin-left: 0
}

.large-push-0 {
    left: auto;
    right: auto
}

.large-pull-0 {
    right: auto;
    left: auto
}

.large-1 {
    width: 8.33333%
}

.large-offset-1 {
    margin-left: 8.33333%
}

.large-push-1 {
    left: 8.33333%;
    right: auto
}

.large-pull-1 {
    right: 8.33333%;
    left: auto
}

.large-2 {
    width: 16.66667%
}

.large-offset-2 {
    margin-left: 16.66667%
}

.large-push-2 {
    left: 16.66667%;
    right: auto
}

.large-pull-2 {
    right: 16.66667%;
    left: auto
}

.large-3 {
    width: 25%
}

.large-offset-3 {
    margin-left: 25%
}

.large-push-3 {
    left: 25%;
    right: auto
}

.large-pull-3 {
    right: 25%;
    left: auto
}

.large-4 {
    width: 33.33333%
}

.large-offset-4 {
    margin-left: 33.33333%
}

.large-push-4 {
    left: 33.33333%;
    right: auto
}

.large-pull-4 {
    right: 33.33333%;
    left: auto
}

.large-5 {
    width: 41.66667%
}

.large-offset-5 {
    margin-left: 41.66667%
}

.large-push-5 {
    left: 41.66667%;
    right: auto
}

.large-pull-5 {
    right: 41.66667%;
    left: auto
}

.large-6 {
    width: 50%
}

.large-offset-6 {
    margin-left: 50%
}

.large-push-6 {
    left: 50%;
    right: auto
}

.large-pull-6 {
    right: 50%;
    left: auto
}

.large-7 {
    width: 58.33333%
}

.large-offset-7 {
    margin-left: 58.33333%
}

.large-push-7 {
    left: 58.33333%;
    right: auto
}

.large-pull-7 {
    right: 58.33333%;
    left: auto
}

.large-8 {
    width: 66.66667%
}

.large-offset-8 {
    margin-left: 66.66667%
}

.large-push-8 {
    left: 66.66667%;
    right: auto
}

.large-pull-8 {
    right: 66.66667%;
    left: auto
}

.large-9 {
    width: 75%
}

.large-offset-9 {
    margin-left: 75%
}

.large-push-9 {
    left: 75%;
    right: auto
}

.large-pull-9 {
    right: 75%;
    left: auto
}

.large-10 {
    width: 83.33333%
}

.large-offset-10 {
    margin-left: 83.33333%
}

.large-push-10 {
    left: 83.33333%;
    right: auto
}

.large-pull-10 {
    right: 83.33333%;
    left: auto
}

.large-11 {
    width: 91.66667%
}

.large-offset-11 {
    margin-left: 91.66667%
}

.large-push-11 {
    left: 91.66667%;
    right: auto
}

.large-pull-11 {
    right: 91.66667%;
    left: auto
}

.large-12 {
    width: 100%
}

.large-offset-12 {
    margin-left: 100%
}

.large-push-12 {
    left: 100%;
    right: auto
}

.large-pull-12 {
    right: 100%;
    left: auto
}

.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none
}

.large-uncentered {
    margin-left: 0;
    margin-right: 0
}

.large-last {
    float: right
}

.large-notlast {
    float: left
}

@media only screen and (min-width: 1442px) {
    .xlarge-offset-0 {
        margin-left: 0
    }
    .xlarge-push-0 {
        left: auto;
        right: auto
    }
    .xlarge-pull-0 {
        right: auto;
        left: auto
    }
    .xlarge-1 {
        width: 8.33333%
    }
    .xlarge-offset-1 {
        margin-left: 8.33333%
    }
    .xlarge-push-1 {
        left: 8.33333%;
        right: auto
    }
    .xlarge-pull-1 {
        right: 8.33333%;
        left: auto
    }
    .xlarge-2 {
        width: 16.66667%
    }
    .xlarge-offset-2 {
        margin-left: 16.66667%
    }
    .xlarge-push-2 {
        left: 16.66667%;
        right: auto
    }
    .xlarge-pull-2 {
        right: 16.66667%;
        left: auto
    }
    .xlarge-3 {
        width: 25%
    }
    .xlarge-offset-3 {
        margin-left: 25%
    }
    .xlarge-push-3 {
        left: 25%;
        right: auto
    }
    .xlarge-pull-3 {
        right: 25%;
        left: auto
    }
    .xlarge-4 {
        width: 33.33333%
    }
    .xlarge-offset-4 {
        margin-left: 33.33333%
    }
    .xlarge-push-4 {
        left: 33.33333%;
        right: auto
    }
    .xlarge-pull-4 {
        right: 33.33333%;
        left: auto
    }
    .xlarge-5 {
        width: 41.66667%
    }
    .xlarge-offset-5 {
        margin-left: 41.66667%
    }
    .xlarge-push-5 {
        left: 41.66667%;
        right: auto
    }
    .xlarge-pull-5 {
        right: 41.66667%;
        left: auto
    }
    .xlarge-6 {
        width: 50%
    }
    .xlarge-offset-6 {
        margin-left: 50%
    }
    .xlarge-push-6 {
        left: 50%;
        right: auto
    }
    .xlarge-pull-6 {
        right: 50%;
        left: auto
    }
    .xlarge-7 {
        width: 58.33333%
    }
    .xlarge-offset-7 {
        margin-left: 58.33333%
    }
    .xlarge-push-7 {
        left: 58.33333%;
        right: auto
    }
    .xlarge-pull-7 {
        right: 58.33333%;
        left: auto
    }
    .xlarge-8 {
        width: 66.66667%
    }
    .xlarge-offset-8 {
        margin-left: 66.66667%
    }
    .xlarge-push-8 {
        left: 66.66667%;
        right: auto
    }
    .xlarge-pull-8 {
        right: 66.66667%;
        left: auto
    }
    .xlarge-9 {
        width: 75%
    }
    .xlarge-offset-9 {
        margin-left: 75%
    }
    .xlarge-push-9 {
        left: 75%;
        right: auto
    }
    .xlarge-pull-9 {
        right: 75%;
        left: auto
    }
    .xlarge-10 {
        width: 83.33333%
    }
    .xlarge-offset-10 {
        margin-left: 83.33333%
    }
    .xlarge-push-10 {
        left: 83.33333%;
        right: auto
    }
    .xlarge-pull-10 {
        right: 83.33333%;
        left: auto
    }
    .xlarge-11 {
        width: 91.66667%
    }
    .xlarge-offset-11 {
        margin-left: 91.66667%
    }
    .xlarge-push-11 {
        left: 91.66667%;
        right: auto
    }
    .xlarge-pull-11 {
        right: 91.66667%;
        left: auto
    }
    .xlarge-12 {
        width: 100%
    }
    .xlarge-offset-12 {
        margin-left: 100%
    }
    .xlarge-push-12 {
        left: 100%;
        right: auto
    }
    .xlarge-pull-12 {
        right: 100%;
        left: auto
    }
    .xlarge-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .xlarge-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .xlarge-last {
        float: right
    }
    .xlarge-notlast {
        float: left
    }
}

@media only screen and (max-width: 1068px) {
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-push-0 {
        left: auto;
        right: auto
    }
    .medium-pull-0 {
        right: auto;
        left: auto
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-push-1 {
        left: 8.33333%;
        right: auto
    }
    .medium-pull-1 {
        right: 8.33333%;
        left: auto
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-push-2 {
        left: 16.66667%;
        right: auto
    }
    .medium-pull-2 {
        right: 16.66667%;
        left: auto
    }
    .medium-3 {
        width: 25%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-push-3 {
        left: 25%;
        right: auto
    }
    .medium-pull-3 {
        right: 25%;
        left: auto
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-push-4 {
        left: 33.33333%;
        right: auto
    }
    .medium-pull-4 {
        right: 33.33333%;
        left: auto
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-push-5 {
        left: 41.66667%;
        right: auto
    }
    .medium-pull-5 {
        right: 41.66667%;
        left: auto
    }
    .medium-6 {
        width: 50%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-push-6 {
        left: 50%;
        right: auto
    }
    .medium-pull-6 {
        right: 50%;
        left: auto
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-push-7 {
        left: 58.33333%;
        right: auto
    }
    .medium-pull-7 {
        right: 58.33333%;
        left: auto
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-push-8 {
        left: 66.66667%;
        right: auto
    }
    .medium-pull-8 {
        right: 66.66667%;
        left: auto
    }
    .medium-9 {
        width: 75%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-push-9 {
        left: 75%;
        right: auto
    }
    .medium-pull-9 {
        right: 75%;
        left: auto
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-push-10 {
        left: 83.33333%;
        right: auto
    }
    .medium-pull-10 {
        right: 83.33333%;
        left: auto
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-push-11 {
        left: 91.66667%;
        right: auto
    }
    .medium-pull-11 {
        right: 91.66667%;
        left: auto
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-12 {
        margin-left: 100%
    }
    .medium-push-12 {
        left: 100%;
        right: auto
    }
    .medium-pull-12 {
        right: 100%;
        left: auto
    }
    .medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .medium-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .medium-last {
        float: right
    }
    .medium-notlast {
        float: left
    }
}

@media only screen and (max-width: 735px) {
    .small-offset-0 {
        margin-left: 0
    }
    .small-push-0 {
        left: auto;
        right: auto
    }
    .small-pull-0 {
        right: auto;
        left: auto
    }
    .small-1 {
        width: 8.33333%
    }
    .small-offset-1 {
        margin-left: 8.33333%
    }
    .small-push-1 {
        left: 8.33333%;
        right: auto
    }
    .small-pull-1 {
        right: 8.33333%;
        left: auto
    }
    .small-2 {
        width: 16.66667%
    }
    .small-offset-2 {
        margin-left: 16.66667%
    }
    .small-push-2 {
        left: 16.66667%;
        right: auto
    }
    .small-pull-2 {
        right: 16.66667%;
        left: auto
    }
    .small-3 {
        width: 25%
    }
    .small-offset-3 {
        margin-left: 25%
    }
    .small-push-3 {
        left: 25%;
        right: auto
    }
    .small-pull-3 {
        right: 25%;
        left: auto
    }
    .small-4 {
        width: 33.33333%
    }
    .small-offset-4 {
        margin-left: 33.33333%
    }
    .small-push-4 {
        left: 33.33333%;
        right: auto
    }
    .small-pull-4 {
        right: 33.33333%;
        left: auto
    }
    .small-5 {
        width: 41.66667%
    }
    .small-offset-5 {
        margin-left: 41.66667%
    }
    .small-push-5 {
        left: 41.66667%;
        right: auto
    }
    .small-pull-5 {
        right: 41.66667%;
        left: auto
    }
    .small-6 {
        width: 50%
    }
    .small-offset-6 {
        margin-left: 50%
    }
    .small-push-6 {
        left: 50%;
        right: auto
    }
    .small-pull-6 {
        right: 50%;
        left: auto
    }
    .small-7 {
        width: 58.33333%
    }
    .small-offset-7 {
        margin-left: 58.33333%
    }
    .small-push-7 {
        left: 58.33333%;
        right: auto
    }
    .small-pull-7 {
        right: 58.33333%;
        left: auto
    }
    .small-8 {
        width: 66.66667%
    }
    .small-offset-8 {
        margin-left: 66.66667%
    }
    .small-push-8 {
        left: 66.66667%;
        right: auto
    }
    .small-pull-8 {
        right: 66.66667%;
        left: auto
    }
    .small-9 {
        width: 75%
    }
    .small-offset-9 {
        margin-left: 75%
    }
    .small-push-9 {
        left: 75%;
        right: auto
    }
    .small-pull-9 {
        right: 75%;
        left: auto
    }
    .small-10 {
        width: 83.33333%
    }
    .small-offset-10 {
        margin-left: 83.33333%
    }
    .small-push-10 {
        left: 83.33333%;
        right: auto
    }
    .small-pull-10 {
        right: 83.33333%;
        left: auto
    }
    .small-11 {
        width: 91.66667%
    }
    .small-offset-11 {
        margin-left: 91.66667%
    }
    .small-push-11 {
        left: 91.66667%;
        right: auto
    }
    .small-pull-11 {
        right: 91.66667%;
        left: auto
    }
    .small-12 {
        width: 100%
    }
    .small-offset-12 {
        margin-left: 100%
    }
    .small-push-12 {
        left: 100%;
        right: auto
    }
    .small-pull-12 {
        right: 100%;
        left: auto
    }
    .small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .small-uncentered {
        margin-left: 0;
        margin-right: 0
    }
    .small-last {
        float: right
    }
    .small-notlast {
        float: left
    }
}

.icon::before,
.icon::after,
.more::before,
.more::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: ''
}

.icon::before,
.icon::after,
.more::before,
.more::after {
    text-decoration: none
}

.icon::before,
.more::before {
    display: none
}

.icon-after::after,
.more::after {
    padding-left: .3em;
    top: 0
}

.icon-before::before {
    padding-right: .3em;
    display: inline-block;
    top: 0
}

.icon-before::after {
    display: none
}

.icon-before.icon-apple::before {
    padding-right: 0;
    display: inline-block;
    top: 0
}

.icon-before.icon-apple::after {
    display: none
}

.icon-apple::before,
.icon-apple::after {
    content: ""
}

.icon-chevrondown::before,
.icon-chevrondown::after {
    content: ""
}

.icon-chevrondowncircle::before,
.icon-chevrondowncircle::after {
    content: ""
}

.icon-chevronleft::before,
.icon-chevronleft::after {
    content: ""
}

.icon-chevronleftcircle::before,
.icon-chevronleftcircle::after {
    content: ""
}

.icon-chevronright::before,
.icon-chevronright::after {
    content: ""
}

.icon-chevronrightcircle::before,
.icon-chevronrightcircle::after {
    content: ""
}

.icon-chevronup::before,
.icon-chevronup::after {
    content: ""
}

.icon-chevronupcircle::before,
.icon-chevronupcircle::after {
    content: ""
}

.icon-downloadcircle::before,
.icon-downloadcircle::after {
    content: ""
}

.icon-external::before,
.icon-external::after {
    content: ""
}

.icon-share::before,
.icon-share::after {
    content: ""
}

.icon-pausecircle::before,
.icon-pausecircle::after {
    content: ""
}

.icon-playcircle::before,
.icon-playcircle::after {
    content: ""
}

.icon-replay::before,
.icon-replay::after {
    content: ""
}

.icon-stopcircle::before,
.icon-stopcircle::after {
    content: ""
}

.icon-circle::before,
.icon-circle::after {
    content: ""
}

.icon-check::before,
.icon-check::after {
    content: ""
}

.icon-checkcircle::before,
.icon-checkcircle::after {
    content: ""
}

.icon-checksolid::before,
.icon-checksolid::after {
    content: ""
}

.icon-reset::before,
.icon-reset::after {
    content: ""
}

.icon-resetcircle::before,
.icon-resetcircle::after {
    content: ""
}

.icon-resetsolid::before,
.icon-resetsolid::after {
    content: ""
}

.icon-exclamation::before,
.icon-exclamation::after {
    content: ""
}

.icon-exclamationcircle::before,
.icon-exclamationcircle::after {
    content: ""
}

.icon-exclamationsolid::before,
.icon-exclamationsolid::after {
    content: ""
}

.icon-infocircle::before,
.icon-infocircle::after {
    content: ""
}

.icon-question::before,
.icon-question::after {
    content: ""
}

.icon-questioncircle::before,
.icon-questioncircle::after {
    content: ""
}

.icon-questionsolid::before,
.icon-questionsolid::after {
    content: ""
}

.icon-plus::before,
.icon-plus::after {
    content: ""
}

.icon-pluscircle::before,
.icon-pluscircle::after {
    content: ""
}

.icon-plussolid::before,
.icon-plussolid::after {
    content: ""
}

.icon-minus::before,
.icon-minus::after {
    content: ""
}

.icon-minuscircle::before,
.icon-minuscircle::after {
    content: ""
}

.icon-minussolid::before,
.icon-minussolid::after {
    content: ""
}

.icon-1circle::before,
.icon-1circle::after {
    content: ""
}

.icon-2circle::before,
.icon-2circle::after {
    content: ""
}

.icon-3circle::before,
.icon-3circle::after {
    content: ""
}

.icon-4circle::before,
.icon-4circle::after {
    content: ""
}

.icon-5circle::before,
.icon-5circle::after {
    content: ""
}

.icon-6circle::before,
.icon-6circle::after {
    content: ""
}

.icon-7circle::before,
.icon-7circle::after {
    content: ""
}

.icon-8circle::before,
.icon-8circle::after {
    content: ""
}

.icon-9circle::before,
.icon-9circle::after {
    content: ""
}

.icon-10circle::before,
.icon-10circle::after {
    content: ""
}

.icon-11circle::before,
.icon-11circle::after {
    content: ""
}

.icon-12circle::before,
.icon-12circle::after {
    content: ""
}

.icon-13circle::before,
.icon-13circle::after {
    content: ""
}

.icon-14circle::before,
.icon-14circle::after {
    content: ""
}

.icon-15circle::before,
.icon-15circle::after {
    content: ""
}

.icon-16circle::before,
.icon-16circle::after {
    content: ""
}

.icon-17circle::before,
.icon-17circle::after {
    content: ""
}

.icon-18circle::before,
.icon-18circle::after {
    content: ""
}

.icon-19circle::before,
.icon-19circle::after {
    content: ""
}

.icon-20circle::before,
.icon-20circle::after {
    content: ""
}

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

.icon-closecompact::before,
.icon-closecompact::after {
    content: ""
}

.icon-paddleleft::before,
.icon-paddleleft::after {
    content: ""
}

.icon-paddleleftcompact::before,
.icon-paddleleftcompact::after {
    content: ""
}

.icon-paddleright::before,
.icon-paddleright::after {
    content: ""
}

.icon-paddlerightcompact::before,
.icon-paddlerightcompact::after {
    content: ""
}

.icon-paddleup::before,
.icon-paddleup::after {
    content: ""
}

.icon-paddleupcompact::before,
.icon-paddleupcompact::after {
    content: ""
}

.icon-paddledown::before,
.icon-paddledown::after {
    content: ""
}

.icon-paddledowncompact::before,
.icon-paddledowncompact::after {
    content: ""
}

.icon-thumbnailreplay::before,
.icon-thumbnailreplay::after {
    content: ""
}

.icon-thumbnailpause::before,
.icon-thumbnailpause::after {
    content: ""
}

.icon-thumbnailplay::before,
.icon-thumbnailplay::after {
    content: ""
}

.icon-externalrtl::before,
.icon-externalrtl::after {
    content: ""
}

.icon-questionrtl::before,
.icon-questionrtl::after {
    content: ""
}

.icon-questioncirclertl::before,
.icon-questioncirclertl::after {
    content: ""
}

.icon-questionsolidrtl::before,
.icon-questionsolidrtl::after {
    content: ""
}

.more::before,
.more::after {
    content: ""
}

.more-block {
    margin-top: .5em
}

.icon-wrapper .icon,
.icon-wrapper .more::after,
.icon-wrapper .icon-before::before,
.icon-wrapper .icon-after::after {
    display: inline
}

a.icon-wrapper {
    text-decoration: none
}

a.icon-wrapper:hover .icon-copy {
    text-decoration: underline
}

html[dir=rtl] .icon-external::before,
html[dir=rtl] .icon-external::after {
    content: ""
}

html[dir=rtl] .icon-wrapper {
    unicode-bidi: bidi-override
}

html[dir=rtl] .icon-copy {
    unicode-bidi: embed
}

:lang(ar) .icon-question::before,
:lang(ar) .icon-question::after {
    content: ""
}

:lang(ar) .icon-questioncircle::before,
:lang(ar) .icon-questioncircle::after {
    content: ""
}

:lang(ar) .icon-questionsolid::before,
:lang(ar) .icon-questionsolid::after {
    content: ""
}

body {
    min-width: 320px
}

.large-hide {
    display: none
}

.large-show {
    display: block
}

.large-show-inline {
    display: inline
}

.large-show-inlineblock {
    display: inline-block
}

@media only screen and (min-width: 1442px) {
    .xlarge-hide {
        display: none
    }
    .xlarge-show {
        display: block
    }
    .xlarge-show-inline {
        display: inline
    }
    .xlarge-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width: 1068px) {
    .medium-hide {
        display: none
    }
    .medium-show {
        display: block
    }
    .medium-show-inline {
        display: inline
    }
    .medium-show-inlineblock {
        display: inline-block
    }
}

@media only screen and (max-width: 735px) {
    .small-hide {
        display: none
    }
    .small-show {
        display: block
    }
    .small-show-inline {
        display: inline
    }
    .small-show-inlineblock {
        display: inline-block
    }
}

br.large {
    display: block
}

@media only screen and (max-width: 1068px) {
    br.large {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.large {
        display: none
    }
}

br.medium {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.medium {
        display: block
    }
}

@media only screen and (max-width: 735px) {
    br.medium {
        display: none
    }
}

br.small {
    display: none
}

@media only screen and (max-width: 1068px) {
    br.small {
        display: none
    }
}

@media only screen and (max-width: 735px) {
    br.small {
        display: block
    }
}

#viewport-emitter {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    z-index: -1
}

#viewport-emitter::before {
    content: "large"
}

@media only screen and (min-width: 1442px) {
    #viewport-emitter::before {
        content: "xlarge"
    }
}

@media only screen and (max-width: 1068px) {
    #viewport-emitter::before {
        content: "medium"
    }
}

@media only screen and (max-width: 735px) {
    #viewport-emitter::before {
        content: "small"
    }
}

.typography-headline-standalone {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(ko) {
    line-height: 1.14647;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(th) {
    font-size: 86px;
    line-height: 1.32582;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-standalone:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-standalone:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-standalone {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 72px;
        line-height: 1.32008;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-standalone {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-standalone:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-standalone:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(ar) {
    line-height: 1.25;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(ja) {
    line-height: 1.14615;
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(ko) {
    line-height: 1.1875;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(th) {
    font-size: 43px;
    line-height: 1.34884;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh) {
    letter-spacing: 0em
}

.typography-headline:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline {
        font-size: 40px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: 0em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.3;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.175;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.2125;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 36px;
        line-height: 1.33357;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ja) {
        line-height: 1.21875;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(ko) {
        line-height: 1.23438;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-intro-elevated {
    font-size: 24px;
    line-height: 1.33349;
    font-weight: 400;
    letter-spacing: .009em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(th) {
    font-size: 22px;
    line-height: 1.59091;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(ar) {
    line-height: 1.52099;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(ja) {
    line-height: 1.375;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(ko) {
    line-height: 1.45849;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-intro-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-intro-elevated {
        font-size: 21px;
        line-height: 1.38105;
        font-weight: 400;
        letter-spacing: .011em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(th) {
        font-size: 21px;
        line-height: 1.57143;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ar) {
        line-height: 1.54762;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ja) {
        line-height: 1.42863;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ko) {
        line-height: 1.52381;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-intro-elevated {
        font-size: 19px;
        line-height: 1.42115;
        font-weight: 400;
        letter-spacing: .012em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(th) {
        font-size: 19px;
        line-height: 1.57895;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ar) {
        line-height: 1.57895;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ja) {
        line-height: 1.47384;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(ko) {
        line-height: 1.55269;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-intro-elevated:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-quote {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(ja) {
    line-height: 1.275;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(ko) {
    line-height: 1.325;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-quote:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-quote {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-quote {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-quote:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-callout {
    font-size: 32px;
    line-height: 1.125;
    font-weight: 600;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(ja) {
    line-height: 1.21875;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(ko) {
    line-height: 1.23438;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-callout:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-callout {
        font-size: 28px;
        line-height: 1.14286;
        font-weight: 600;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(ko) {
        line-height: 1.25;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-callout {
        font-size: 24px;
        line-height: 1.16667;
        font-weight: 600;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(ar) {
        line-height: 1.35417;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(ja) {
        line-height: 1.25;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(ko) {
        line-height: 1.29167;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-callout:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-body-reduced {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(ar) {
    line-height: 1.58824;
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(ko) {
    line-height: 1.61765;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(th) {
    font-size: 17px;
    line-height: 1.64706;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh) {
    letter-spacing: 0em
}

.typography-body-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-body-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-body-reduced {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: 0em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(ko) {
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(th) {
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-body-reduced {
        font-size: 17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(ar) {
        line-height: 1.58824;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(ja) {
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(ko) {
        line-height: 1.61765;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(th) {
        font-size: 17px;
        line-height: 1.64706;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh) {
        letter-spacing: 0em
    }
    .typography-body-reduced:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-body-reduced:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-hero {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(ko) {
    line-height: 1.14647;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(th) {
    font-size: 86px;
    line-height: 1.32582;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-hero:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-hero {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(th) {
        font-size: 72px;
        line-height: 1.32008;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-hero:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-hero {
        font-size: 64px;
        line-height: 1.0625;
        font-weight: 600;
        letter-spacing: -.009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(ar) {
        line-height: 1.20312;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(ja) {
        line-height: 1.10938;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(ko) {
        line-height: 1.17188;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(th) {
        font-size: 58px;
        line-height: 1.32759;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-hero:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.typography-headline-hero-alt {
    font-size: 96px;
    line-height: 1.04167;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(ko) {
    line-height: 1.14647;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(th) {
    font-size: 86px;
    line-height: 1.32582;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(zh) {
    letter-spacing: 0em
}

.typography-headline-hero-alt:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.typography-headline-hero-alt:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .typography-headline-hero-alt {
        font-size: 80px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -.015em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(ar) {
        line-height: 1.2;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(ja) {
        line-height: 1.0875;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(ko) {
        line-height: 1.15625;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(th) {
        font-size: 72px;
        line-height: 1.32008;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-hero-alt:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .typography-headline-hero-alt {
        font-size: 48px;
        line-height: 1.08365;
        font-weight: 600;
        letter-spacing: -.003em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(ar) {
        line-height: 1.25;
        letter-spacing: 0em;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(ja) {
        line-height: 1.14615;
        letter-spacing: 0em;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(ko) {
        line-height: 1.1875;
        letter-spacing: 0em;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(th) {
        font-size: 43px;
        line-height: 1.34884;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh) {
        letter-spacing: 0em
    }
    .typography-headline-hero-alt:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .typography-headline-hero-alt:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

[class*="typography-intro"] {
    color: #333
}

[class*="typography-intro-product"] {
    margin-top: .4em
}

[class*="typography-eyebrow"] {
    color: #333;
    display: block;
    margin-bottom: .4em
}

[class*="typography-eyebrow"]+* {
    margin-top: 0
}

.typography-headline-reduced+p,
.typography-headline-reduced+ul,
.typography-intro-product-reduced+p,
.typography-intro-product-reduced+ul {
    margin-top: 1em
}

.typography-headline+.typography-intro,
.typography-intro-product+.typography-intro {
    margin-top: 1.2em
}

.typography-headline-elevated+.typography-intro-elevated,
.typography-intro-product-elevated+.typography-intro-elevated {
    margin-top: 1.4em
}

.typography-headline-super+.typography-intro-elevated,
.typography-intro-product-super+.typography-intro-elevated {
    margin-top: 1.6em
}

.quote-copy {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #111
}

.quote-copy>::before,
.quote-copy>::after {
    display: inline-block;
    width: 2em
}

.quote-copy>::before {
    content: open-quote;
    margin-left: -2em;
    text-align: right
}

.quote-copy>::after {
    content: close-quote;
    margin-right: -2em;
    text-align: left;
    visibility: hidden
}

.quote-copy>:last-child {
    margin-bottom: 0
}

.quote-copy>:last-child::after {
    visibility: visible
}

.quote-copy:lang(ar) {
    line-height: 1.3;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(ja) {
    line-height: 1.275;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(ko) {
    line-height: 1.325;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(th) {
    font-size: 36px;
    line-height: 1.33357;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-copy:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .quote-copy {
        font-size: 32px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(th) {
        font-size: 29px;
        line-height: 1.44828;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ar) {
        line-height: 1.34375;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ja) {
        line-height: 1.34375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ko) {
        line-height: 1.375;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.quote-copy>:not(:first-child) {
    margin-top: 0.5em
}

.quote-credit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    color: #333;
    display: block
}

.quote-credit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(ko) {
    line-height: 1.35298;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(zh) {
    letter-spacing: 0em
}

.quote-credit:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit {
    font-size: 17px;
    line-height: 1.23543;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #333;
    display: block
}

.quote-subcredit:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(ko) {
    line-height: 1.35298;
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(th) {
    font-size: 17px;
    line-height: 1.52947;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(zh) {
    letter-spacing: 0em
}

.quote-subcredit:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-subcredit:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-credit:first-of-type,
.quote-subcredit:first-of-type {
    margin-top: 1.6em
}

.quote-reduced .quote-copy {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .004em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(th) {
    font-size: 29px;
    line-height: 1.44828;
    letter-spacing: 0em;
    font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(ar) {
    line-height: 1.34375;
    font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(ja) {
    line-height: 1.34375;
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(ko) {
    line-height: 1.375;
    font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.quote-reduced .quote-copy:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .quote-reduced .quote-copy {
        font-size: 28px;
        line-height: 1.28595;
        font-weight: 400;
        letter-spacing: .007em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 25px;
        line-height: 1.44;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.41095;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ja) {
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .quote-reduced .quote-copy {
        font-size: 24px;
        line-height: 1.33349;
        font-weight: 400;
        letter-spacing: .009em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(th) {
        font-size: 22px;
        line-height: 1.59091;
        letter-spacing: 0em;
        font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ar) {
        line-height: 1.52099;
        font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ja) {
        line-height: 1.375;
        font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(ko) {
        line-height: 1.45849;
        font-family: "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-CN) {
        font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-HK) {
        font-family: "SF Pro HK", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-MO) {
        font-family: "SF Pro HK", "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
    .quote-reduced .quote-copy:lang(zh-TW) {
        font-family: "SF Pro TC", "SF Pro Display", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

.quote-reduced .quote-credit:first-of-type,
.quote-reduced .quote-subcredit:first-of-type {
    margin-top: 1.2em
}

.section-hero .typography-callout {
    color: #ffffff
}

.section-hero .typography-headline {
    font-size: 64px
}

.section .typography-quote {
    font-weight: 600
}

.theme-dark {
    background-color: #000;
    color: #ccc
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
    color: #fff
}

.theme-dark a {
    color: #6bf
}

.theme-dark sup a {
    color: inherit
}

.theme-dark sup a:hover {
    color: #6bf
}

.theme-dark .quote-copy {
    color: #fff
}

.theme-dark .quote-credit,
.theme-dark .quote-subcredit {
    color: #ccc
}

.theme-dark [class*="typography-intro"] {
    color: #ccc
}

.theme-dark [class*="typography-eyebrow"] {
    color: #ccc
}

html.js .copy-element {
    opacity: 0
}

html.aow .copy-element,
html.static-fallback .copy-element,
html.aow .copy-element,
html.static-fallback .copy-element {
    opacity: 1
}

.section .section-copy {
    color: #fff
}

.section .col-caption .icon-wrapper {
    color: #fff
}

.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.4);
    -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: 1442px) {
    .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: 735px) {
    .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: #fff
}

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

@media only screen and (max-width: 735px) {
    .modal-standard .modal-close {
        left: 8.33333%
    }
}

.modal-full-viewport {
    background: #fff
}

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

.theme-dark .modal-full-viewport .modal-close,
.modal-full-viewport.theme-dark .modal-close {
    color: #999
}

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

.modal-close {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    top: 28px;
    left: 28px;
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 1;
    width: .75em;
    height: .75em;
    cursor: pointer;
    background: none;
    border: 0;
    color: #888
}

.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::after {
    position: absolute;
    top: -.025em;
    left: -.1em;
    padding: 0
}

@media only screen and (max-width: 1068px) {
    .modal-close {
        top: 22px;
        left: 22px;
        font-size: 32px;
        width: .75em;
        height: .75em
    }
    .modal-close::after {
        left: -.09375em
    }
}

.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%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%2366bbff%3B%7D.no-fill%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%3Cpath%20class%3D%22fill%22%20d%3D%22M10.8%2C9.4c-0.4-0.7-1.2-0.7-1.6%2C0l-3.7%2C5.4C5%2C15.5%2C5.3%2C16%2C6.1%2C16h7.8c0.8%2C0%2C1.1-0.5%2C0.6-1.2L10.8%2C9.4z%20M20%2C2.6%0A%09v6.7c0%2C1.4-1.2%2C2.6-2.6%2C2.6H16c-0.3%2C0-0.5-0.2-0.5-0.5S15.7%2C11%2C16%2C11h1.4c0.9%2C0%2C1.6-0.7%2C1.6-1.6V2.6C19%2C1.7%2C18.3%2C1%2C17.4%2C1H2.6%0A%09C1.7%2C1%2C1%2C1.7%2C1%2C2.6v6.7C1%2C10.3%2C1.7%2C11%2C2.6%2C11H4c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5S4.3%2C12%2C4%2C12H2.6C1.2%2C12%2C0%2C10.8%2C0%2C9.4V2.6C0%2C1.2%2C1.2%2C0%2C2.6%2C0%0A%09h14.8C18.8%2C0%2C20%2C1.2%2C20%2C2.6z%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_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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%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%22M53%2C15h6c1.66%2C0%2C3%2C1.34%2C3%2C3v50c0%2C1.66-1.34%2C3-3%2C3h-6c-1.66%2C0-3-1.34-3-3V18C50%2C16.34%2C51.34%2C15%2C53%2C15z%0A%09%20M24%2C18v50c0%2C1.66%2C1.34%2C3%2C3%2C3h6c1.66%2C0%2C3-1.34%2C3-3V18c0-1.66-1.34-3-3-3h-6C25.34%2C15%2C24%2C16.34%2C24%2C18z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%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%22M72.05%2C41.32c-0.31-0.53-0.64-0.86-1.21-1.24S29.7%2C13.49%2C29%2C13.12s-1.04-0.62-1.85-0.63%0A%09s-1.24%2C0.2-1.73%2C0.49s-1.07%2C0.99-1.24%2C1.74s-0.17%2C2.16-0.17%2C3V66.1c0%2C0.39%2C0%2C1.1%2C0%2C2.15c0%2C0.85-0.01%2C2.26%2C0.17%2C3%0A%09s0.75%2C1.45%2C1.24%2C1.74s0.92%2C0.51%2C1.73%2C0.49s1.15-0.25%2C1.85-0.63S70.37%2C46.2%2C70.84%2C45.89c0.48-0.31%2C0.9-0.69%2C1.21-1.24%0A%09s0.45-1.1%2C0.45-1.67C72.5%2C42.43%2C72.36%2C41.85%2C72.05%2C41.32z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2086%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%22M42.52%2C25.46l-3.68%2C4.12c-1.1%2C1.24-1%2C3.13%2C0.24%2C4.24l2.24%2C2c1.24%2C1.1%2C3.13%2C1%2C4.24-0.24l10.59-11.84%0A%09%09%09c0.53-0.65%2C0.82-1.39%2C0.82-2.2c0-0.88-0.34-1.69-0.9-2.29L45.46%2C7.49c-1.11-1.23-3.01-1.33-4.24-0.22l-2.23%2C2.01%0A%09%09%09c-1.23%2C1.11-1.33%2C3.01-0.22%2C4.24l2.74%2C3.04C26.74%2C17.32%2C15%2C29.55%2C15%2C44.51C15%2C59.97%2C27.53%2C72.5%2C42.99%2C72.5%0A%09%09%09c14.71%2C0%2C26.96-11.39%2C28-25.97c0.07-1.08-0.11-1.64-0.51-2.23c-0.4-0.6-1.27-1.3-2.41-1.3h-3.09c-1.43%2C0-2.8%2C1.23-2.89%2C2.71%0A%09%09%09c-0.63%2C10-9.03%2C17.85-19.1%2C17.85c-10.52%2C0-19.05-8.53-19.05-19.05C23.94%2C34.14%2C32.22%2C25.71%2C42.52%2C25.46z%22%2F%3E%0A%3Crect%20class%3D%22no-fill%22%20id%3D%22Bounding-Box%22%20width%3D%2286%22%20height%3D%2286%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.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,%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%3Ccircle%20style%3D%22opacity%3A0.4%3Bfill%3A%23666666%3B%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218.12%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}

.cursor-pointer {
    cursor: pointer
}

.ac-video-player {
    cursor: none
}

.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:-moz-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 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(34, 34, 34, 0.56);
    border-radius: 4px;
    position: absolute;
    bottom: 20px;
    left: -7px;
    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.hidden {
    visibility: hidden
}

.ac-video-controls.start-state .controls-container {
    opacity: 1;
    background: rgba(0, 0, 0, 0.15);
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: all .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.55);
    -webkit-transition: all .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: all .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.55)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
    background: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.55));
    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
}

.ac-video-controls .center-button-container {
    opacity: 0;
    -webkit-transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 16px 20px
}

.ac-video-player.large .ac-video-controls .main-controls {
    padding: 0 31px 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: 9px;
    padding-right: 9px
}

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

.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 .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s
}

.user-hover .controls-social-tray {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, transform .5s cubic-bezier(0, 0, 0.2, 1) .3s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .35s, transform .5s cubic-bezier(0, 0, 0.2, 1) .3s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .3s
}

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

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

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

.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 .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1) .05s, transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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
}

.ac-video-icon {
    background-position: 50% 50%;
    opacity: .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: .45 !important
}

.sharing-state:hover .textarea-active .ac-video-icon {
    opacity: .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: 9px;
    padding-right: 9px;
    margin-left: -9px;
    margin-right: -9px
}

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

.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: 0;
    padding-right: 0 !important
}

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

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

.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: 13px
}

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

.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;
    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-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.35);
    border-radius: 2px;
    position: relative;
    width: 100%;
    height: 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: #333;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1)
}

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

.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))
}

.controls-progress-indicator .ac-slider-thumb {
    background: #fff;
    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%;
    -webkit-transform: scale(.33333);
    transform: scale(.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;
    will-change: transform
}

.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: 7px;
    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.3);
    border-radius: 2px;
    height: 100%;
    position: absolute;
    bottom: 0;
    width: 4px;
    height: 4px;
    opacity: 0;
    -webkit-transition: height .2345s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: height .2345s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .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 .335s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: height .335s cubic-bezier(0.4, 0, 0.6, 1), opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s
}

.controls-volume .ac-slider-thumb-wrapper {
    width: 12px;
    height: 0;
    bottom: 0;
    left: 1px;
    position: absolute;
    z-index: 10;
    -webkit-transition: height .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: height .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(.4);
    transform: scale(.4);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    transition: opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s;
    transition: transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s, opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s;
    transition: transform .201s cubic-bezier(0.4, 0, 0.6, 1) .201s, opacity .067s cubic-bezier(0.4, 0, 0.6, 1) .335s, -webkit-transform .201s cubic-bezier(0.4, 0, 0.6, 1) .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(.83333);
    transform: scale(.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 .335s linear;
    transition: margin-bottom .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 .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 .2345s ease-out, opacity .0335s ease-out;
    transition: height .2345s ease-out, opacity .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 .268s ease-out .067s;
    transition: height .268s ease-out .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 .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s;
    transition: opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .05025s;
    transition: transform .25125s ease-out .05025s, opacity .05025s ease-out .05025s;
    transition: transform .25125s ease-out .05025s, opacity .05025s ease-out .05025s, -webkit-transform .25125s ease-out .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 .335s linear;
    transition: margin-bottom .335s linear
}

.live-stream {
    display: none;
    text-align: center;
    white-space: nowrap
}

.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 .live-stream .live-stream-text {
    top: 12px
}

.ac-video-player.medium .live-stream .live-stream-text {
    top: 12px
}

.ac-video-player.large .live-stream .live-stream-text {
    top: 14px
}

.live-stream .live-stream-text::before {
    content: '';
    width: 5px;
    height: 5px;
    background: rgba(255, 51, 51, 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 .live-stream {
    display: block
}

.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.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 .ac-video-trickplay-image {
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, transform .35s cubic-bezier(0, 0, 0.2, 1) .05s;
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1) .05s, transform .35s cubic-bezier(0, 0, 0.2, 1) .05s, -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1) .05s
}

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

.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time {
    margin-top: 8px;
    margin-bottom: 12px;
    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;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), transform .35s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .3s cubic-bezier(0, 0, 0.2, 1), transform .35s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .35s cubic-bezier(0, 0, 0.2, 1)
}

.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 .35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .35s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .3s cubic-bezier(0.4, 0, 0.6, 1), transform .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .5s cubic-bezier(0, 0, 0.2, 1);
    transition: -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .5s cubic-bezier(0, 0, 0.2, 1);
    transition: transform .5s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .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: .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 .facebook-share {
    width: 1em;
    max-width: 1em;
    background-size: 16px
}

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

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

.mobile.sharing-state .twitter-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(102, 102, 102, 0.4);
    border-radius: 4px;
    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: .8;
    -webkit-transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, -webkit-transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, -webkit-transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out;
    transition: opacity .342s ease-out .038s, max-width .19s ease-out, padding .19s ease-out, transform .19s ease-out, -webkit-transform .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 .38s ease-out, -webkit-transform .38s ease-out;
    transition: width .38s ease-out, -webkit-transform .38s ease-out;
    transition: width .38s ease-out, transform .38s ease-out;
    transition: width .38s ease-out, transform .38s ease-out, -webkit-transform .38s ease-out;
    -webkit-transition-duration: .19s;
    transition-duration: .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 .38s ease-out, max-width .19s ease-out, padding .19s ease-out;
    transition: opacity .38s ease-out, max-width .19s ease-out, padding .19s ease-out
}

.sharing-state .container.textarea-active {
    pointer-events: all;
    background: rgba(102, 102, 102, 0.55)
}

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

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

.sharing-state .container.textarea-active .textarea-container .textinput-close-button {
    opacity: .8;
    padding-left: 9px;
    padding-right: 9px;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1) .19s, max-width .19s cubic-bezier(0, 0, 0.2, 1), padding .19s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1) .19s, max-width .19s cubic-bezier(0, 0, 0.2, 1), padding .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 .19s cubic-bezier(0, 0, 0.2, 1), max-width .38s cubic-bezier(0, 0, 0.2, 1), padding .38s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .19s cubic-bezier(0, 0, 0.2, 1), max-width .38s cubic-bezier(0, 0, 0.2, 1), padding .38s cubic-bezier(0, 0, 0.2, 1)
}

.sharing-state .container.textarea-active .sharing-container button.active {
    opacity: .8;
    visibility: visible;
    -webkit-transition: opacity .19s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity .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 .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1);
    transition: opacity .4s cubic-bezier(0.4, 0, 0.6, 1), transform .5s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s
}

.compass-wrapper.show-arrows .compass-background {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transition: -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: -webkit-transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform .335s cubic-bezier(0.4, 0, 0.6, 1);
    transition: transform .335s cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform .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 .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .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: .45;
    will-change: opacity;
    -webkit-transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .03s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .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(.55);
    transform: rotate(-90deg) translateX(-7px) scale(.55)
}

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

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

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

.compass-wrapper.show-arrows .compass-arrows {
    opacity: 1;
    -webkit-transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: opacity .275s cubic-bezier(0.4, 0, 0.6, 1) .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 .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s;
    transition: transform .275s cubic-bezier(0.4, 0, 0.6, 1) .06s, -webkit-transform .275s cubic-bezier(0.4, 0, 0.6, 1) .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 .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s;
    transition: opacity .4s cubic-bezier(0, 0, 0.2, 1) .25s, transform .5s cubic-bezier(0, 0, 0.2, 1) .2s, -webkit-transform .5s cubic-bezier(0, 0, 0.2, 1) .2s
}

.mouse-leave .compass-wrapper {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: .05s;
    transition-delay: .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(34, 34, 34, 0.8);
    border-radius: 4px;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    color: #fff;
    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 .modal-close {
    color: #666
}

.modal .modal-close:hover {
    color: #333
}

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

.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-films-modal-mobile {
    max-width: 100%
}

.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
}

.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
}

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

.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
}

.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: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%;
    max-width: 1280px
}

.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.player-fullscreen {
    visibility: visible
}